Skip to content

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

add:图片预览

parent 2f53743c
Show 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"
/>
<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> <title>高区“码”上</title>
<script type="text/javascript" src="../sdk/includeHead.js"></script> <script
<script type="text/javascript" src="../sdk/axios_http3.js"></script> type="text/javascript"
<style> src="../sdk/includeHead.js"
></script>
</style> <script
type="text/javascript"
src="../sdk/axios_http3.js"
></script>
<style></style>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="wrapper" v-cloak> <div
class="wrapper"
v-cloak
>
<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">
...@@ -29,14 +41,16 @@ ...@@ -29,14 +41,16 @@
<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"
style="height: 1.5rem"
>
<ImagePreview
v-for="(imgItem, subIndex) in formData.photos" v-for="(imgItem, subIndex) in formData.photos"
:src="imgItem" :src="imgItem"
alt="" alt=""
style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem" style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem"
/> />
</div> </div>
<div class="form-item"> <div class="form-item">
<span class="form-label">联系人</span> <span class="form-label">联系人</span>
......
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"
/>
<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> <title>高区“码”上</title>
<script type="text/javascript" src="../sdk/includeHead.js"></script> <script
<script type="text/javascript" src="../sdk/axios_http3.js"></script> type="text/javascript"
<style> src="../sdk/includeHead.js"
></script>
</style> <script
type="text/javascript"
src="../sdk/axios_http3.js"
></script>
<style></style>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="wrapper" v-cloak> <div
<van-tabs v-model:active="activeTab" @click="clickTab" title-active-color="#1989fa" line-height="2px" class="wrapper"
style="margin-bottom: 15px;"> 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-tab title="消费者安全建议"></van-tab> <van-tab title="消费者安全建议"></van-tab>
...@@ -24,45 +41,68 @@ ...@@ -24,45 +41,68 @@
</van-tabs> </van-tabs>
<!-- form开始 --> <!-- form开始 -->
<div class="form-container" v-if="activeTab==0"> <div
class="form-container"
v-if="activeTab==0"
>
<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.unitName" class="form-input" :disabled="flag=='XQ'"> <input
type="text"
v-model="formData.unitName"
class="form-input"
: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.owner" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.owner"
class="form-input"
: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"
v-model="formData.merchantPhone"
class="form-input"
: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.businessAddress" v-model="formData.merchantPhone" <input
class="form-input" :disabled="flag=='XQ'"> type="text"
v-model="formData.businessAddress"
v-model="formData.merchantPhone"
class="form-input"
: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">
<select class="selector" v-model="formData.community" <select
:disabled="flag=='XQ'"> class="selector"
v-model="formData.community"
:disabled="flag=='XQ'"
>
<option <option
v-for="(item, i) in dict4community" v-for="(item, i) in dict4community"
:key="i" :key="i"
...@@ -73,25 +113,42 @@ ...@@ -73,25 +113,42 @@
</div> </div>
</div> </div>
<div class="form-item" v-if="flag=='XQ'"> <div
class="form-item"
v-if="flag=='XQ'"
>
<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.gridMemberName" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.gridMemberName"
class="form-input"
:disabled="flag=='XQ'"
/>
</div> </div>
</div> </div>
<div class="form-item" v-if="flag=='XQ'"> <div
class="form-item"
v-if="flag=='XQ'"
>
<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.gridMemberPhone" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.gridMemberPhone"
class="form-input"
: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">
<select class="selector" v-model="formData.businessType" <select
:disabled="flag=='XQ'"> class="selector"
v-model="formData.businessType"
:disabled="flag=='XQ'"
>
<option <option
v-for="(item, i) in dict4businessType" v-for="(item, i) in dict4businessType"
:key="i" :key="i"
...@@ -104,8 +161,11 @@ ...@@ -104,8 +161,11 @@
<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" v-model="formData.industryType" <select
:disabled="flag=='XQ'"> class="selector"
v-model="formData.industryType"
:disabled="flag=='XQ'"
>
<option <option
v-for="(item, i) in dict4industryType" v-for="(item, i) in dict4industryType"
:key="i" :key="i"
...@@ -116,19 +176,30 @@ ...@@ -116,19 +176,30 @@
</div> </div>
</div> </div>
<!-- 特殊处理：编辑没有详情有 --> <!-- 特殊处理：编辑没有详情有 -->
<div class="form-item" v-if="flag=='XQ'"> <div
class="form-item"
v-if="flag=='XQ'"
>
<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.industryType" class="form-input" :disabled="flag=='XQ'"> <input
type="text"
v-model="formData.industryType"
class="form-input"
: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">
<select class="selector" name="" v-model="formData.smallPlaceTypeId" <select
:disabled="flag=='XQ'"> class="selector"
name=""
v-model="formData.smallPlaceTypeId"
:disabled="flag=='XQ'"
>
<option <option
v-for="(item, i) in dict4changhsuoType" v-for="(item, i) in dict4changhsuoType"
:key="i" :key="i"
...@@ -144,11 +215,15 @@ ...@@ -144,11 +215,15 @@
<span></span> <span></span>
</h5> </h5>
<div v-if="flag=='XG'"> <div v-if="flag=='XG'">
<van-uploader v-model="formData.floorPlanPhotosH5" :max-count="1" <van-uploader
:after-read="handleFileUpload" class="uploader-wrapper" /> v-model="formData.floorPlanPhotosH5"
:max-count="1"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div> </div>
<div v-if="flag=='XQ'"> <div v-if="flag=='XQ'">
<img <ImagePreview
v-for="(imgItem, subIndex) in formData.floorPlanPhotos" v-for="(imgItem, subIndex) in formData.floorPlanPhotos"
:src="imgItem" :src="imgItem"
alt="" alt=""
...@@ -162,11 +237,15 @@ ...@@ -162,11 +237,15 @@
<span></span> <span></span>
</h5> </h5>
<div v-if="flag=='XG'"> <div v-if="flag=='XG'">
<van-uploader v-model="formData.businessLicensePhotosH5" :max-count="1" <van-uploader
:after-read="handleFileUpload" class="uploader-wrapper" /> v-model="formData.businessLicensePhotosH5"
:max-count="1"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div> </div>
<div v-if="flag=='XQ'"> <div v-if="flag=='XQ'">
<img <ImagePreview
v-for="(imgItem, subIndex) in formData.businessLicensePhotos" v-for="(imgItem, subIndex) in formData.businessLicensePhotos"
:src="imgItem" :src="imgItem"
alt="" alt=""
...@@ -181,11 +260,15 @@ ...@@ -181,11 +260,15 @@
<span></span> <span></span>
</h5> </h5>
<div v-if="flag=='XG'"> <div v-if="flag=='XG'">
<van-uploader v-model="formData.storefrontPhotosH5" :max-count="4" <van-uploader
:after-read="handleFileUpload" class="uploader-wrapper" /> v-model="formData.storefrontPhotosH5"
:max-count="4"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div> </div>
<div v-if="flag=='XQ'"> <div v-if="flag=='XQ'">
<img <ImagePreview
v-for="(imgItem, subIndex) in formData.storefrontPhotos" v-for="(imgItem, subIndex) in formData.storefrontPhotos"
:src="imgItem" :src="imgItem"
alt="" alt=""
...@@ -194,77 +277,127 @@ ...@@ -194,77 +277,127 @@
</div> </div>
</div> </div>
<button
<button v-if="flag=='XG'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="save" v-if="flag=='XG'"
>保存</button> class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="save"
>
保存
</button>
<div> <div>
<h5 class="imager-item-title" style="border: none;"> <h5
class="imager-item-title"
style="border: none"
>
<span>安全二维码</span> <span>安全二维码</span>
<span></span> <span></span>
</h5> </h5>
<div> <div>
<img :src="formData.qrCodeUrl" style="margin-left: 50%; transform: translateX(-50%);" /> <ImagePreview
:src="formData.qrCodeUrl"
style="margin-left: 50%; transform: translateX(-50%)"
/>
</div> </div>
</div> </div>
<button v-if="userType==='shop'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="saveCanvas" <button
>保存二维码</button> v-if="userType==='shop'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="saveCanvas"
>
保存二维码
</button>
</div> </div>
<!-- form结束 --> <!-- form结束 -->
<!-- 经营信息开始 --> <!-- 经营信息开始 -->
<div class="form-container" v-if="activeTab==1"> <div
class="form-container"
v-if="activeTab==1"
>
<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.area" class="form-input" :disabled="flag=='XQ'"> <input
type="text"
v-model="formData.area"
class="form-input"
: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.buildingStructure" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.buildingStructure"
class="form-input"
: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.owner" class="form-input" <input
:disabled="flag=='XQ'"> type="text"
v-model="formData.owner"
class="form-input"
: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.ownerPhone" v-model="formData.merchantPhone" <input
class="form-input" :disabled="flag=='XQ'"> type="text"
v-model="formData.ownerPhone"
v-model="formData.merchantPhone"
class="form-input"
: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.operator" v-model="formData.merchantPhone" <input
class="form-input" :disabled="flag=='XQ'"> type="text"
v-model="formData.operator"
v-model="formData.merchantPhone"
class="form-input"
: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.operatorPhone" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.operatorPhone"
class="form-input"
: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">
<select class="selector" v-model="formData.houseType" <select
:disabled="flag=='XQ'"> class="selector"
v-model="formData.houseType"
:disabled="flag=='XQ'"
>
<option <option
v-for="(item, i) in dict4fangwuType" v-for="(item, i) in dict4fangwuType"
:key="i" :key="i"
...@@ -277,8 +410,11 @@ ...@@ -277,8 +410,11 @@
<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" v-model="formData.houseUsage" <select
:disabled="flag=='XQ'"> class="selector"
v-model="formData.houseUsage"
:disabled="flag=='XQ'"
>
<option <option
v-for="(item, i) in dict4fangwuyongtuType" v-for="(item, i) in dict4fangwuyongtuType"
:key="i" :key="i"
...@@ -291,40 +427,49 @@ ...@@ -291,40 +427,49 @@
<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.landlordName" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.landlordName"
class="form-input"
: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.landlordContact" class="form-input" :disabled="flag=='XQ'" <input
> type="text"
v-model="formData.landlordContact"
class="form-input"
:disabled="flag=='XQ'"
/>
</div> </div>
</div> </div>
<button v-if="flag=='XG'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="save" <button
>保存</button> v-if="flag=='XG'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="save"
>
保存
</button>
</div> </div>
<!-- form结束 --> <!-- form结束 -->
<!-- 消费者安全建议列表 --> <!-- 消费者安全建议列表 -->
<div v-if="activeTab==2"> <div v-if="activeTab==2">
<van-list> <van-list>
<van-cell v-for="(item, index) in consumerSuggestList" :key="item.id" @click="viewDetail(item)" > <van-cell
<div style="width: 100%;"> v-for="(item, index) in consumerSuggestList"
<div style="display: flex; justify-content: space-between; margin: 8px 0;"> :key="item.id"
<span style="color: #737373; font-size: 0.28rem;">日期：{{ item.submitDate }}</span> @click="viewDetail(item)"
</div> >
<div style=" <div style="width: 100%">
white-space: nowrap; <div style="display: flex; justify-content: space-between; margin: 8px 0">
overflow: hidden; <span style="color: #737373; font-size: 0.28rem">日期：{{ item.submitDate }}</span>
text-overflow: ellipsis;
color: #333;
font-size: 0.3rem;
font-weight: bold;
font-family: PingFang SC;
">{{item.contactDetails}}
</div> </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> </div>
</van-cell> </van-cell>
</van-list> </van-list>
......
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