Skip to content

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

add:图片预览

parent 2f53743c
Hide whitespace changes
Inline Side-by-side
Showing with 547 additions and 388 deletions
src/_check_info.html
View file @ b152cbd1
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
<van-cell> <van-cell>
<span class="">隐患图片:</span> <span class="">隐患图片:</span>
<div> <div>
<img <ImagePreview
v-for="(imgItem, subIndex) in item.hiddenImageUrlList" v-for="(imgItem, subIndex) in item.hiddenImageUrlList"
:src="imgItem" :src="imgItem"
alt="" alt=""
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
<van-cell <van-cell
><span class="">整改情况:</span> ><span class="">整改情况:</span>
<div> <div>
<img <ImagePreview
v-for="(imgItem, subIndex) in item.rectificationImageUrlList" v-for="(imgItem, subIndex) in item.rectificationImageUrlList"
:src="imgItem" :src="imgItem"
alt="" alt=""
......
src/_consumer_jydetail.html
View file @ b152cbd1
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
<meta name="viewport" http-equiv="X-UA-Compatible"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"> content="IE=edge"
<title>高区“码”上</title> />
<script type="text/javascript" src="../sdk/includeHead.js"></script> <meta
<script type="text/javascript" src="../sdk/axios_http3.js"></script> name="viewport"
<style> content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"
/>
</style> <title>高区“码”上</title>
</head> <script
<body> type="text/javascript"
<div id="app"> src="../sdk/includeHead.js"
<div class="wrapper" v-cloak> ></script>
<div class="form-item"> <script
<span class="form-label">日期</span> type="text/javascript"
<div class="form-input-wrap"> src="../sdk/axios_http3.js"
<p class="form-content">{{formData.submitDate}}</p> ></script>
</div> <style></style>
</div> </head>
<div class="form-item"> <body>
<span class="form-label">安全建议</span> <div id="app">
<div class="form-input-wrap"> <div
<!-- <input type="text" v-model="formData.content" class="form-input" :disabled="true" class="wrapper"
v-cloak
>
<div class="form-item">
<span class="form-label">日期</span>
<div class="form-input-wrap">
<p class="form-content">{{formData.submitDate}}</p>
</div>
</div>
<div class="form-item">
<span class="form-label">安全建议</span>
<div class="form-input-wrap">
<!-- <input type="text" v-model="formData.content" class="form-input" :disabled="true"
> --> > -->
<p class="form-content">{{formData.content}}是快乐的反抗拉萨酱豆腐卢卡斯的反抗拉萨附近；阿斯蒂芬库里Salford；拉是否</p> <p class="form-content">{{formData.content}}是快乐的反抗拉萨酱豆腐卢卡斯的反抗拉萨附近；阿斯蒂芬库里Salford；拉是否</p>
</div> </div>
</div> </div>
<div class="form-item" style="height: 1.5rem;"> <div
<img class="form-item"
v-for="(imgItem, subIndex) in formData.photos" style="height: 1.5rem"
:src="imgItem" >
alt="" <ImagePreview
style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem" v-for="(imgItem, subIndex) in formData.photos"
/> :src="imgItem"
alt=""
</div> style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem"
<div class="form-item"> />
<span class="form-label">联系人</span> </div>
<div class="form-input-wrap"> <div class="form-item">
<p class="form-content">{{formData.contactName}}</p> <span class="form-label">联系人</span>
</div> <div class="form-input-wrap">
</div> <p class="form-content">{{formData.contactName}}</p>
<div class="form-item"> </div>
<span class="form-label">联系方式</span> </div>
<div class="form-input-wrap"> <div class="form-item">
<p class="form-content">{{formData.contactDetails}}</p> <span class="form-label">联系方式</span>
</div> <div class="form-input-wrap">
</div> <p class="form-content">{{formData.contactDetails}}</p>
</div> </div>
</div> </div>
</body> </div>
</html> </div>
\ No newline at end of file </body>
</html>
src/_shanghu_detail-edit.html
View file @ b152cbd1
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
<meta name="viewport" http-equiv="X-UA-Compatible"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"> content="IE=edge"
<title>高区“码”上</title> />
<script type="text/javascript" src="../sdk/includeHead.js"></script> <meta
<script type="text/javascript" src="../sdk/axios_http3.js"></script> name="viewport"
<style> content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"
/>
</style> <title>高区“码”上</title>
</head> <script
<body> type="text/javascript"
<div id="app"> src="../sdk/includeHead.js"
<div class="wrapper" v-cloak> ></script>
<van-tabs v-model:active="activeTab" @click="clickTab" title-active-color="#1989fa" line-height="2px" <script
style="margin-bottom: 15px;"> type="text/javascript"
<van-tab title="基础信息"></van-tab> src="../sdk/axios_http3.js"
<van-tab title="经营信息"></van-tab> ></script>
<van-tab title="消费者安全建议"></van-tab> <style></style>
<!-- <van-tab title="培训演练"></van-tab> --> </head>
</van-tabs> <body>
<div id="app">
<div
class="wrapper"
v-cloak
>
<van-tabs
v-model:active="activeTab"
@click="clickTab"
title-active-color="#1989fa"
line-height="2px"
style="margin-bottom: 15px"
>
<van-tab title="基础信息"></van-tab>
<van-tab title="经营信息"></van-tab>
<van-tab title="消费者安全建议"></van-tab>
<!-- <van-tab title="培训演练"></van-tab> -->
</van-tabs>
<!-- form开始 --> <!-- form开始 -->
<div class="form-container" v-if="activeTab==0"> <div
<div class="form-item"> class="form-container"
<span class="form-label">商家名称</span> v-if="activeTab==0"
<div class="form-input-wrap"> >
<input type="text" v-model="formData.unitName" class="form-input" :disabled="flag=='XQ'"> <div class="form-item">
</div> <span class="form-label">商家名称</span>
</div> <div class="form-input-wrap">
<input
<div class="form-item"> type="text"
<span class="form-label">负责人</span> v-model="formData.unitName"
<div class="form-input-wrap"> class="form-input"
<input type="text" v-model="formData.owner" class="form-input" :disabled="flag=='XQ'" :disabled="flag=='XQ'"
> />
</div> </div>
</div> </div>
<div class="form-item"> <div class="form-item">
<span class="form-label">电话</span> <span class="form-label">负责人</span>
<div class="form-input-wrap"> <div class="form-input-wrap">
<input type="text" v-model="formData.merchantPhone" class="form-input" <input
:disabled="flag=='XQ'"> type="text"
</div> v-model="formData.owner"
</div> class="form-input"
:disabled="flag=='XQ'"
<div class="form-item"> />
<span class="form-label">地址</span> </div>
<div class="form-input-wrap"> </div>
<input type="text" v-model="formData.businessAddress" v-model="formData.merchantPhone"
class="form-input" :disabled="flag=='XQ'"> <div class="form-item">
</div> <span class="form-label">电话</span>
</div> <div class="form-input-wrap">
<input
type="text"
<!-- 新增字段 --> v-model="formData.merchantPhone"
<div class="form-item"> class="form-input"
<span class="form-label">所属社区</span> :disabled="flag=='XQ'"
<div class="form-input-wrap"> />
<select class="selector" v-model="formData.community" </div>
:disabled="flag=='XQ'"> </div>
<option
v-for="(item, i) in dict4community" <div class="form-item">
:key="i" <span class="form-label">地址</span>
:label="item.label" <div class="form-input-wrap">
:value="item.label" <input
></option> type="text"
</select> v-model="formData.businessAddress"
</div> v-model="formData.merchantPhone"
</div> class="form-input"
:disabled="flag=='XQ'"
<div class="form-item" v-if="flag=='XQ'"> />
<span class="form-label">网格员</span> </div>
<div class="form-input-wrap"> </div>
<input type="text" v-model="formData.gridMemberName" class="form-input" :disabled="flag=='XQ'"
> <!-- 新增字段 -->
</div> <div class="form-item">
</div> <span class="form-label">所属社区</span>
<div class="form-item" v-if="flag=='XQ'"> <div class="form-input-wrap">
<span class="form-label">联系方式</span> <select
<div class="form-input-wrap"> class="selector"
<input type="text" v-model="formData.gridMemberPhone" class="form-input" :disabled="flag=='XQ'" v-model="formData.community"
> :disabled="flag=='XQ'"
</div> >
</div> <option
<div class="form-item"> v-for="(item, i) in dict4community"
<span class="form-label">生产经营类型</span> :key="i"
<div class="form-input-wrap"> :label="item.label"
<select class="selector" v-model="formData.businessType" :value="item.label"
:disabled="flag=='XQ'"> ></option>
<option </select>
v-for="(item, i) in dict4businessType" </div>
:key="i" </div>
:label="item.dictLabel"
:value="item.dictValue" <div
></option> class="form-item"
</select> v-if="flag=='XQ'"
</div> >
</div> <span class="form-label">网格员</span>
<div class="form-item"> <div class="form-input-wrap">
<span class="form-label">行业类型</span> <input
<div class="form-input-wrap"> type="text"
<select class="selector" v-model="formData.industryType" v-model="formData.gridMemberName"
:disabled="flag=='XQ'"> class="form-input"
<option :disabled="flag=='XQ'"
v-for="(item, i) in dict4industryType" />
:key="i" </div>
:label="item.industryName" </div>
:value="item.id" <div
></option> class="form-item"
</select> v-if="flag=='XQ'"
</div> >
</div> <span class="form-label">联系方式</span>
<!-- 特殊处理：编辑没有详情有 --> <div class="form-input-wrap">
<div class="form-item" v-if="flag=='XQ'"> <input
<span class="form-label">行业主管</span> type="text"
<div class="form-input-wrap"> v-model="formData.gridMemberPhone"
<input type="text" v-model="formData.industryType" class="form-input" :disabled="flag=='XQ'"> class="form-input"
</div> :disabled="flag=='XQ'"
</div> />
</div>
</div>
<div class="form-item"> <div class="form-item">
<span class="form-label">场所类型</span> <span class="form-label">生产经营类型</span>
<div class="form-input-wrap"> <div class="form-input-wrap">
<select class="selector" name="" v-model="formData.smallPlaceTypeId" <select
:disabled="flag=='XQ'"> class="selector"
<option v-model="formData.businessType"
v-for="(item, i) in dict4changhsuoType" :disabled="flag=='XQ'"
:key="i" >
:label="item.dictLabel" <option
:value="Number(item.dictValue)" v-for="(item, i) in dict4businessType"
></option> :key="i"
</select> :label="item.dictLabel"
</div> :value="item.dictValue"
</div> ></option>
<div> </select>
<h5 class="imager-item-title"> </div>
<span>商家平面图</span> </div>
<span></span> <div class="form-item">
</h5> <span class="form-label">行业类型</span>
<div v-if="flag=='XG'"> <div class="form-input-wrap">
<van-uploader v-model="formData.floorPlanPhotosH5" :max-count="1" <select
:after-read="handleFileUpload" class="uploader-wrapper" /> class="selector"
</div> v-model="formData.industryType"
<div v-if="flag=='XQ'"> :disabled="flag=='XQ'"
<img >
v-for="(imgItem, subIndex) in formData.floorPlanPhotos" <option
:src="imgItem" v-for="(item, i) in dict4industryType"
alt="" :key="i"
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem" :label="item.industryName"
/> :value="item.id"
</div> ></option>
</div> </select>
<div> </div>
<h5 class="imager-item-title"> </div>
<span>营业执照</span> <!-- 特殊处理：编辑没有详情有 -->
<span></span> <div
</h5> class="form-item"
<div v-if="flag=='XG'"> v-if="flag=='XQ'"
<van-uploader v-model="formData.businessLicensePhotosH5" :max-count="1" >
:after-read="handleFileUpload" class="uploader-wrapper" /> <span class="form-label">行业主管</span>
</div> <div class="form-input-wrap">
<div v-if="flag=='XQ'"> <input
<img type="text"
v-for="(imgItem, subIndex) in formData.businessLicensePhotos" v-model="formData.industryType"
:src="imgItem" class="form-input"
alt="" :disabled="flag=='XQ'"
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem" />
/> </div>
</div> </div>
</div>
<div class="form-item">
<div> <span class="form-label">场所类型</span>
<h5 class="imager-item-title"> <div class="form-input-wrap">
<span>门头图</span> <select
<span></span> class="selector"
</h5> name=""
<div v-if="flag=='XG'"> v-model="formData.smallPlaceTypeId"
<van-uploader v-model="formData.storefrontPhotosH5" :max-count="4" :disabled="flag=='XQ'"
:after-read="handleFileUpload" class="uploader-wrapper" /> >
</div> <option
<div v-if="flag=='XQ'"> v-for="(item, i) in dict4changhsuoType"
<img :key="i"
v-for="(imgItem, subIndex) in formData.storefrontPhotos" :label="item.dictLabel"
:src="imgItem" :value="Number(item.dictValue)"
alt="" ></option>
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem" </select>
/> </div>
</div> </div>
</div> <div>
<h5 class="imager-item-title">
<span>商家平面图</span>
<button v-if="flag=='XG'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="save" <span></span>
>保存</button> </h5>
<div> <div v-if="flag=='XG'">
<h5 class="imager-item-title" style="border: none;"> <van-uploader
<span>安全二维码</span> v-model="formData.floorPlanPhotosH5"
<span></span> :max-count="1"
</h5> :after-read="handleFileUpload"
<div> class="uploader-wrapper"
<img :src="formData.qrCodeUrl" style="margin-left: 50%; transform: translateX(-50%);" /> />
</div> </div>
</div> <div v-if="flag=='XQ'">
<button v-if="userType==='shop'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="saveCanvas" <ImagePreview
>保存二维码</button> v-for="(imgItem, subIndex) in formData.floorPlanPhotos"
</div> :src="imgItem"
<!-- form结束 --> alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
<!-- 经营信息开始 --> />
<div class="form-container" v-if="activeTab==1"> </div>
<div class="form-item"> </div>
<span class="form-label">建筑面积(㎡)</span> <div>
<div class="form-input-wrap"> <h5 class="imager-item-title">
<input type="text" v-model="formData.area" class="form-input" :disabled="flag=='XQ'"> <span>营业执照</span>
</div> <span></span>
</div> </h5>
<div v-if="flag=='XG'">
<div class="form-item"> <van-uploader
<span class="form-label">建筑结构</span> v-model="formData.businessLicensePhotosH5"
<div class="form-input-wrap"> :max-count="1"
<input type="text" v-model="formData.buildingStructure" class="form-input" :disabled="flag=='XQ'" :after-read="handleFileUpload"
> class="uploader-wrapper"
</div> />
</div> </div>
<div v-if="flag=='XQ'">
<div class="form-item"> <ImagePreview
<span class="form-label">产权人</span> v-for="(imgItem, subIndex) in formData.businessLicensePhotos"
<div class="form-input-wrap"> :src="imgItem"
<input type="text" v-model="formData.owner" class="form-input" alt=""
:disabled="flag=='XQ'"> style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
</div> />
</div> </div>
</div>
<div class="form-item">
<span class="form-label">联系方式</span> <div>
<div class="form-input-wrap"> <h5 class="imager-item-title">
<input type="text" v-model="formData.ownerPhone" v-model="formData.merchantPhone" <span>门头图</span>
class="form-input" :disabled="flag=='XQ'"> <span></span>
</div> </h5>
</div> <div v-if="flag=='XG'">
<van-uploader
<div class="form-item"> v-model="formData.storefrontPhotosH5"
<span class="form-label">经营人</span> :max-count="4"
<div class="form-input-wrap"> :after-read="handleFileUpload"
<input type="text" v-model="formData.operator" v-model="formData.merchantPhone" class="uploader-wrapper"
class="form-input" :disabled="flag=='XQ'"> />
</div> </div>
</div> <div v-if="flag=='XQ'">
<!-- 新增字段 --> <ImagePreview
<div class="form-item"> v-for="(imgItem, subIndex) in formData.storefrontPhotos"
<span class="form-label">联系方式</span> :src="imgItem"
<div class="form-input-wrap"> alt=""
<input type="text" v-model="formData.operatorPhone" class="form-input" :disabled="flag=='XQ'" style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
> />
</div> </div>
</div> </div>
<div class="form-item"> <button
<span class="form-label">房屋类型</span> v-if="flag=='XG'"
<div class="form-input-wrap"> class="save-btn"
<select class="selector" v-model="formData.houseType" style="margin-left: 50%; transform: translateX(-50%)"
:disabled="flag=='XQ'"> @click="save"
<option >
v-for="(item, i) in dict4fangwuType" 保存
:key="i" </button>
:label="item.dictLabel" <div>
:value="item.dictValue" <h5
></option> class="imager-item-title"
</select> style="border: none"
</div> >
</div> <span>安全二维码</span>
<div class="form-item"> <span></span>
<span class="form-label">房屋用途</span> </h5>
<div class="form-input-wrap"> <div>
<select class="selector" v-model="formData.houseUsage" <ImagePreview
:disabled="flag=='XQ'"> :src="formData.qrCodeUrl"
<option style="margin-left: 50%; transform: translateX(-50%)"
v-for="(item, i) in dict4fangwuyongtuType" />
:key="i" </div>
:label="item.dictLabel" </div>
:value="item.dictValue" <button
></option> v-if="userType==='shop'"
</select> class="save-btn"
</div> style="margin-left: 50%; transform: translateX(-50%)"
</div> @click="saveCanvas"
<div class="form-item"> >
<span class="form-label">房东姓名</span> 保存二维码
<div class="form-input-wrap"> </button>
<input type="text" v-model="formData.landlordName" class="form-input" :disabled="flag=='XQ'" </div>
> <!-- form结束 -->
</div>
</div> <!-- 经营信息开始 -->
<div class="form-item"> <div
<span class="form-label">联系方式</span> class="form-container"
<div class="form-input-wrap"> v-if="activeTab==1"
<input type="text" v-model="formData.landlordContact" class="form-input" :disabled="flag=='XQ'" >
> <div class="form-item">
</div> <span class="form-label">建筑面积(㎡)</span>
</div> <div class="form-input-wrap">
<button v-if="flag=='XG'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="save" <input
>保存</button> type="text"
</div> v-model="formData.area"
<!-- form结束 --> class="form-input"
:disabled="flag=='XQ'"
<!-- 消费者安全建议列表 --> />
<div v-if="activeTab==2"> </div>
<van-list> </div>
<van-cell v-for="(item, index) in consumerSuggestList" :key="item.id" @click="viewDetail(item)" >
<div style="width: 100%;"> <div class="form-item">
<div style="display: flex; justify-content: space-between; margin: 8px 0;"> <span class="form-label">建筑结构</span>
<span style="color: #737373; font-size: 0.28rem;">日期：{{ item.submitDate }}</span> <div class="form-input-wrap">
</div> <input
<div style=" type="text"
white-space: nowrap; v-model="formData.buildingStructure"
overflow: hidden; class="form-input"
text-overflow: ellipsis; :disabled="flag=='XQ'"
color: #333; />
font-size: 0.3rem; </div>
font-weight: bold; </div>
font-family: PingFang SC;
">{{item.contactDetails}} <div class="form-item">
</div> <span class="form-label">产权人</span>
</div> <div class="form-input-wrap">
</van-cell> <input
</van-list> type="text"
</div> v-model="formData.owner"
<!-- 消费者安全建议列表结束 --> class="form-input"
</div> :disabled="flag=='XQ'"
</div> />
</body> </div>
</html> </div>
\ No newline at end of file
<div class="form-item">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.ownerPhone"
v-model="formData.merchantPhone"
class="form-input"
:disabled="flag=='XQ'"
/>
</div>
</div>
<div class="form-item">
<span class="form-label">经营人</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.operator"
v-model="formData.merchantPhone"
class="form-input"
:disabled="flag=='XQ'"
/>
</div>
</div>
<!-- 新增字段 -->
<div class="form-item">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.operatorPhone"
class="form-input"
:disabled="flag=='XQ'"
/>
</div>
</div>
<div class="form-item">
<span class="form-label">房屋类型</span>
<div class="form-input-wrap">
<select
class="selector"
v-model="formData.houseType"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4fangwuType"
:key="i"
:label="item.dictLabel"
:value="item.dictValue"
></option>
</select>
</div>
</div>
<div class="form-item">
<span class="form-label">房屋用途</span>
<div class="form-input-wrap">
<select
class="selector"
v-model="formData.houseUsage"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4fangwuyongtuType"
:key="i"
:label="item.dictLabel"
:value="item.dictValue"
></option>
</select>
</div>
</div>
<div class="form-item">
<span class="form-label">房东姓名</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.landlordName"
class="form-input"
:disabled="flag=='XQ'"
/>
</div>
</div>
<div class="form-item">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.landlordContact"
class="form-input"
:disabled="flag=='XQ'"
/>
</div>
</div>
<button
v-if="flag=='XG'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="save"
>
保存
</button>
</div>
<!-- form结束 -->
<!-- 消费者安全建议列表 -->
<div v-if="activeTab==2">
<van-list>
<van-cell
v-for="(item, index) in consumerSuggestList"
:key="item.id"
@click="viewDetail(item)"
>
<div style="width: 100%">
<div style="display: flex; justify-content: space-between; margin: 8px 0">
<span style="color: #737373; font-size: 0.28rem">日期：{{ item.submitDate }}</span>
</div>
<div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 0.3rem; font-weight: bold; font-family: PingFang SC">{{item.contactDetails}}</div>
</div>
</van-cell>
</van-list>
</div>
<!-- 消费者安全建议列表结束 -->
</div>
</div>
</body>
</html>
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