Skip to content

G
GaoQuYingJiH5-ASD
Commit 81f62762 authored by lei's avatar lei
Browse files
Options

addAll：添加‘v-cloak’

parent 2927e2ad
Hide whitespace changes
Inline Side-by-side
Showing with 306 additions and 189 deletions
home.html
View file @ 81f62762
...@@ -86,7 +86,10 @@ ...@@ -86,7 +86,10 @@
alt="商户图标" alt="商户图标"
/> />
</div> </div>
<div class="right"> <div
class="right"
v-cloak
>
<div class="merchant-info"> <div class="merchant-info">
<div class="name-rank"> <div class="name-rank">
<span class="merchant-name">{{userInfo.unitName}}</span> <span class="merchant-name">{{userInfo.unitName}}</span>
......
sdk/includeHead.js
View file @ 81f62762
...@@ -23,10 +23,10 @@ document.write(` ...@@ -23,10 +23,10 @@ document.write(`
<script type="text/javascript" src="${contextPath}/sdk/jssdk2/sm2/build/SM.js"></script> <script type="text/javascript" src="${contextPath}/sdk/jssdk2/sm2/build/SM.js"></script>
`) `)
// 移动端 debugger 调试 // 移动端 debugger 调试
document.write( // document.write(
'<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\ // '<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\
<script>eruda.init();</script>' // <script>eruda.init();</script>'
) // )
// 自动识别环境（需在文件最顶部添加） // 自动识别环境（需在文件最顶部添加）
window.env = window.location.hostname === 'web1.isdapp.shandong.gov.cn' ? 'pro' : 'dev'; window.env = window.location.hostname === 'web1.isdapp.shandong.gov.cn' ? 'pro' : 'dev';
......
src/_check_info.html
View file @ 81f62762
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"
/>
<title>消防安全检查清单</title>
<script
type="text/javascript"
src="../sdk/includeHead.js"
></script>
<script
type="text/javascript"
src="../sdk/axios_http3.js"
></script>
<script
type="text/javascript"
src="_check_info_data.js"
></script>
<head> <!-- <script type="text/javascript" src="_check_info_data_detail.js"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
<title>消防安全检查清单</title>
<script type="text/javascript" src="../sdk/includeHead.js"></script>
<script type="text/javascript" src="../sdk/axios_http3.js"></script>
<script type="text/javascript" src="_check_info_data.js"></script>
<!-- <script type="text/javascript" src="_check_info_data_detail.js"></script>
<script type="text/javascript" src="_check_info_data_detail_yh.js"></script> --> <script type="text/javascript" src="_check_info_data_detail_yh.js"></script> -->
</head> </head>
<body> <body>
<!-- 原 HTML 主体内容保持不变 --> <!-- 原 HTML 主体内容保持不变 -->
<div id="app"> <div id="app">
<div class="checklist-header"> <div
<p v-if="flag=='ADD'"> class="checklist-header"
1.不合格或不满足等选择“否”的检查项，需将问题进行拍照上传，并描述问题详情。<br> v-cloak
2.检查人员对管辖范围内企业安全情况负责，需如实上报。 >
</p> <p v-if="flag=='ADD'">
<h5>九小场所安全检查清单</h5> 1.不合格或不满足等选择“否”的检查项，需将问题进行拍照上传，并描述问题详情。<br />
</div> 2.检查人员对管辖范围内企业安全情况负责，需如实上报。
<div class="checklist-container" v-cloak> </p>
<div class="item_title"> <h5>九小场所安全检查清单</h5>
{{ checkData?.[checkPageIndex]?.name }} </div>
</div> <div
<div v-for="(item, index) in checkData?.[checkPageIndex]?.['gqCheckItemList']" :key="item.id" class="check-item"> class="checklist-container"
<div class="item-header"> v-cloak
<!-- <div class="item-number">{{ index + 1 }}</div> --> >
<div class="item-title">{{ item.id }}.{{ item.name }}</div> <div class="item_title">{{ checkData?.[checkPageIndex]?.name }}</div>
</div> <div
v-for="(item, index) in checkData?.[checkPageIndex]?.['gqCheckItemList']"
:key="item.id"
class="check-item"
>
<div class="item-header">
<!-- <div class="item-number">{{ index + 1 }}</div> -->
<div class="item-title">{{ item.id }}.{{ item.name }}</div>
</div>
<!-- 单选按钮组 --> <!-- 单选按钮组 -->
<van-radio-group v-model="item.itemAnswer" @change="handleSelectionChange($event, item, index)" <van-radio-group
:disabled="flag!=='ADD'" direction="horizontal"> v-model="item.itemAnswer"
<van-radio :name="1">是</van-radio> @change="handleSelectionChange($event, item, index)"
<van-radio :name="2">否</van-radio> :disabled="flag!=='ADD'"
<van-radio :name="3">不涉及</van-radio> direction="horizontal"
</van-radio-group> >
<van-radio :name="1">是</van-radio>
<van-radio :name="2">否</van-radio>
<van-radio :name="3">不涉及</van-radio>
</van-radio-group>
<!-- 否选项扩展内容 --> <!-- 否选项扩展内容 -->
<div v-show="item.itemAnswer === 2" class="expand-section"> <div
<div> v-show="item.itemAnswer === 2"
<!-- 子检查项 --> class="expand-section"
<div class="sub-checkbox-group"> >
<van-cell v-if="item.itemType==1"> <div>
<van-checkbox v-for="(subItem, subIndex) in item.gqCheckQuestionList" :key="subIndex" <!-- 子检查项 -->
v-model="subItem.check" shape="square" :disabled="flag!=='ADD'"> <div class="sub-checkbox-group">
{{ subItem.name}} <van-cell v-if="item.itemType==1">
</van-checkbox> <van-checkbox
</van-cell> v-for="(subItem, subIndex) in item.gqCheckQuestionList"
<van-cell v-if="item.itemType==2"> :key="subIndex"
<div class="limit_date_wrapper"> v-model="subItem.check"
<span>住宿人数:</span> shape="square"
<input type="text" v-model="item.gqCheckQuestionList[0].content" :disabled="flag!=='ADD'" maxlength="3" :disabled="flag!=='ADD'"
style="width:.8rem;height:.4rem;text-align:center;" /> >
</div> {{ subItem.name}}
</van-cell> </van-checkbox>
</div> </van-cell>
<van-cell v-if="item.itemType==2">
<div class="limit_date_wrapper">
<span>住宿人数:</span>
<input
type="text"
v-model="item.gqCheckQuestionList[0].content"
:disabled="flag!=='ADD'"
maxlength="3"
style="width: 0.8rem; height: 0.4rem; text-align: center"
/>
</div>
</van-cell>
</div>
<!-- 隐患描述-新增情况 -->
<van-cell-group v-if="flag=='ADD'">
<p class="title_require">请输入隐患描述</p>
<van-field
v-model="item.description"
type="textarea"
rows="1"
></van-field>
</van-cell-group>
<!-- 隐患描述-非新增情况 -->
<van-cell-group v-if="flag!=='ADD'">
<p class="title_require">请输入隐患描述</p>
<p class="yh_desc">{{item.description||'未配置安全出口指示标志'}}</p>
</van-cell-group>
<!-- 隐患描述-新增情况 --> <!-- 照片上传 -->
<van-cell-group v-if="flag=='ADD'"> <van-cell-group v-if="flag=='ADD'">
<p class="title_require">请输入隐患描述</p> <van-cell
<van-field v-model="item.description" type="textarea" rows="1"></van-field> ><span class="title_require">请上传隐患图片:</span><span style="color: red">(格式png/jpg/jpeg,最多4张)</span>
</van-cell-group> <div>
<!-- 隐患描述-非新增情况 --> <van-uploader
<van-cell-group v-if="flag!=='ADD'"> v-model="item.photos"
<p class="title_require">请输入隐患描述</p> :max-count="4"
<p class="yh_desc">{{item.description||'未配置安全出口指示标志'}}</p> :after-read="handleFileUpload"
</van-cell-group> class="uploader-wrapper"
/>
</div>
</van-cell>
</van-cell-group>
<!-- 照片上传 --> <van-cell-group v-if="flag!='ADD'">
<van-cell-group v-if="flag=='ADD'"> <van-cell>
<van-cell><span class="title_require">请上传隐患图片:</span><span <span class="">隐患图片:</span>
style="color: red;">(格式png/jpg/jpeg,最多4张)</span> <div>
<div> <img
<van-uploader v-model="item.photos" v-for="(imgItem, subIndex) in item.hiddenImageUrlList"
:max-count="4" :after-read="handleFileUpload" class="uploader-wrapper" /> :src="imgItem"
</div> alt=""
</van-cell> style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
</van-cell-group> />
</div>
<van-cell-group v-if="flag!='ADD'"> </van-cell>
<van-cell> </van-cell-group>
<span class="">隐患图片:</span> <van-cell-group v-if="item?.rectificationImageUrlList?.length">
<div> <van-cell
<img v-for="(imgItem, subIndex) in item.hiddenImageUrlList" :src="imgItem" alt="" style="width:1.2rem;height:1.2rem;margin-right:.2rem;" /> ><span class="">整改情况:</span>
</div> <div>
</van-cell> <img
</van-cell-group> v-for="(imgItem, subIndex) in item.rectificationImageUrlList"
<van-cell-group v-if="item?.rectificationImageUrlList?.length"> :src="imgItem"
<van-cell><span class="">整改情况:</span> alt=""
<div> style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
<img v-for="(imgItem, subIndex) in item.rectificationImageUrlList" :src="imgItem" alt="" style="width:1.2rem;height:1.2rem;margin-right:.2rem;" /> />
</div> </div>
</van-cell> </van-cell>
<van-cell><span class="">整改日期:</span> <van-cell
<div> ><span class="">整改日期:</span>
<span>{{item.rectificationDate}}</span> <div>
</div> <span>{{item.rectificationDate}}</span>
</van-cell> </div>
</van-cell-group> </van-cell>
</van-cell-group>
<van-cell-group v-if="flag=='0' && userType=='shop'">
<van-cell-group v-if="flag=='0' && userType=='shop'"> <van-cell
<van-cell><span class="title_require">请上传整改图片:</span><span ><span class="title_require">请上传整改图片:</span><span style="color: red">(格式png/jpg/jpeg,最多4张)</span>
style="color: red;">(格式png/jpg/jpeg,最多4张)</span> <!-- <div>
<!-- <div>
<van-uploader style="width: 80px; height:80px;" v-model="item.photos" multiple <van-uploader style="width: 80px; height:80px;" v-model="item.photos" multiple
:max-count="4" :after-read="handleFileUpload" class="uploader-wrapper" /> :max-count="4" :after-read="handleFileUpload" class="uploader-wrapper" />
</div> --> </div> -->
<van-uploader v-model="item.photos" multiple :max-count="4" /> <van-uploader
</van-cell> v-model="item.photos"
</van-cell-group> multiple
:max-count="4"
<!-- 整改期限 --> />
<van-cell-group v-if="flag=='ADD'"> </van-cell>
<van-cell> </van-cell-group>
<div class="limit_date_wrapper">
<span class="title_require">整改期限:</span>
<select class="day_select" name="" v-model="item.deadlineDays"
@change="handleDeadlineConfirm($event, item)">
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
</select>
<span> 整改截止日期: <b style="color:#148ef7">{{item.deadlineDate}}</b></span>
</div>
</van-cell>
</van-cell-group>
</div>
</div>
</div>
<van-form v-if="checkPageIndex == (checkData?.length-1)">
<van-cell>
<van-field label="检查人员" v-model="checkPeopleName" readonly />
</van-cell>
<van-cell>
<van-field label="检查日期" v-model="checkDate" readonly />
</van-cell>
<van-cell v-if="flag!='ADD'&&flag!='JC_XQ'">
<van-field label="整改截止日期" v-model="rectificationDeadline" readonly />
</van-cell>
<div v-if="flag=='0' || flag=='1' || flag=='3'">
<van-cell>
<van-field label="审核日期" v-model="reviewDate" readonly />
</van-cell>
<van-cell>
<van-field label="审核记录" v-model="reviewRecord" readonly />
</van-cell>
</div>
</van-form>
<!-- 整改期限 -->
<van-cell-group v-if="flag=='ADD'">
<van-cell>
<div class="limit_date_wrapper">
<span class="title_require">整改期限:</span>
<select
class="day_select"
name=""
v-model="item.deadlineDays"
@change="handleDeadlineConfirm($event, item)"
>
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
</select>
<span> 整改截止日期: <b style="color: #148ef7">{{item.deadlineDate}}</b></span>
</div>
</van-cell>
</van-cell-group>
</div>
</div>
</div>
<van-form v-if="checkPageIndex == (checkData?.length-1)">
<van-cell>
<van-field
label="检查人员"
v-model="checkPeopleName"
readonly
/>
</van-cell>
<van-cell>
<van-field
label="检查日期"
v-model="checkDate"
readonly
/>
</van-cell>
<van-cell v-if="flag!='ADD'&&flag!='JC_XQ'">
<van-field
label="整改截止日期"
v-model="rectificationDeadline"
readonly
/>
</van-cell>
<div v-if="flag=='0' || flag=='1' || flag=='3'">
<van-cell>
<van-field
label="审核日期"
v-model="reviewDate"
readonly
/>
</van-cell>
<van-cell>
<van-field
label="审核记录"
v-model="reviewRecord"
readonly
/>
</van-cell>
</div>
</van-form>
<!-- 隐患详情底部栏 --> <!-- 隐患详情底部栏 -->
<!-- <div class="bottom_bar" v-if="flag=='3'"> <!-- <div class="bottom_bar" v-if="flag=='3'">
<div> <div>
<van-button type="primary" size="small" @click="navTo1" >上报行业主管部门</van-button> <van-button type="primary" size="small" @click="navTo1" >上报行业主管部门</van-button>
<van-button type="info" size="small" @click="navTo1" >限期3天整改</van-button> <van-button type="info" size="small" @click="navTo1" >限期3天整改</van-button>
</div> </div>
</div> --> </div> -->
<div class="bottom_bar" v-if="flag=='0' && userType=='shop'">
<div style="display: flex;justify-content: center;gap: 1rem;">
<van-button type="info" size="small" @click="add4DZG_XQ" style="width:2rem" >提交整改</van-button>
</div>
</div>
<div class="bottom_bar" v-if="flag=='2' && userType=='wgy'">
<div style="display: flex;justify-content: center;gap: 1rem;">
<van-button type="danger" size="small" @click="add4DSH_XQ(0)" style="width:2rem" >拒绝</van-button>
<van-button type="info" size="small" @click="add4DSH_XQ(1)" style="width:2rem" >通过</van-button>
</div>
</div>
<!-- 新增底部栏 --> <div
<div class="bottom_bar" v-if="flag=='ADD' || flag=='JC_XQ'"> class="bottom_bar"
<div> v-if="flag=='0' && userType=='shop'"
<span class="check_num">{{ notNullCount }}/{{totalItems}}</span> >
<span class="yh_num">{{noCount}} 隐患</span> <div style="display: flex; justify-content: center; gap: 1rem">
<van-button type="info" size="small" @click="add4JC_XQ" <van-button
v-show="checkPageIndex===3&&flag=='ADD'">完成检查</van-button> type="info"
<van-button v-show="checkPageIndex<3" type="info" size="small" size="small"
@click="validRequired">下一项</van-button> @click="add4DZG_XQ"
</div> style="width: 2rem"
>提交整改</van-button
</div> >
</div> </div>
</div>
</div>
</body> <div
class="bottom_bar"
v-if="flag=='2' && userType=='wgy'"
>
<div style="display: flex; justify-content: center; gap: 1rem">
<van-button
type="danger"
size="small"
@click="add4DSH_XQ(0)"
style="width: 2rem"
>拒绝</van-button
>
<van-button
type="info"
size="small"
@click="add4DSH_XQ(1)"
style="width: 2rem"
>通过</van-button
>
</div>
</div>
</html> <!-- 新增底部栏 -->
\ No newline at end of file <div
class="bottom_bar"
v-if="flag=='ADD' || flag=='JC_XQ'"
>
<div>
<span class="check_num">{{ notNullCount }}/{{totalItems}}</span>
<span class="yh_num">{{noCount}} 隐患</span>
<van-button
type="info"
size="small"
@click="add4JC_XQ"
v-show="checkPageIndex===3&&flag=='ADD'"
>完成检查</van-button
>
<van-button
v-show="checkPageIndex<3"
type="info"
size="small"
@click="validRequired"
>下一项</van-button
>
</div>
</div>
</div>
</div>
</body>
</html>
src/_checkrecord.html
View file @ 81f62762
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<script type="text/javascript" src="../sdk/includeHead.js"></script> <script type="text/javascript" src="../sdk/includeHead.js"></script>
</head> </head>
<div id="app"> <div id="app">
<div class="wrapper"> <div class="wrapper" v-cloak>
<!-- 商户头部信息 --> <!-- 商户头部信息 -->
<div class="header"> <div class="header">
<!-- <div class="level">安全等级</div> --> <!-- <div class="level">安全等级</div> -->
......
src/_shanghu_home.html
View file @ 81f62762
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="wrapper"> <div class="wrapper" v-cloak>
<!-- 商户头部信息 --> <!-- 商户头部信息 -->
<div class="header"> <div class="header">
<!-- <div class="level">安全等级</div> --> <!-- <div class="level">安全等级</div> -->
......
src/_shanghu_list.html
View file @ 81f62762
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<body> <body>
<div id="app"> <div id="app">
<div class="wrapper"> <div class="wrapper" v-cloak>
<!-- 商户头部信息 --> <!-- 商户头部信息 -->
<div class="header"> <div class="header">
<van-search v-model="merName" show-action placeholder="请输入商家关键词" @search="onSearch"> <van-search v-model="merName" show-action placeholder="请输入商家关键词" @search="onSearch">
......
src/_yh_check.html
View file @ 81f62762
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<body> <body>
<div id="app"> <div id="app">
<div class="wrapper"> <div class="wrapper" v-cloak>
<!-- 商户头部信息 --> <!-- 商户头部信息 -->
<div class="header"> <div class="header">
<van-search <van-search
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment