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 @@
<van-cell>
<span class="">隐患图片:</span>
<div>
<img
<ImagePreview
v-for="(imgItem, subIndex) in item.hiddenImageUrlList"
:src="imgItem"
alt=""
......@@ -148,7 +148,7 @@
<van-cell
><span class="">整改情况:</span>
<div>
<img
<ImagePreview
v-for="(imgItem, subIndex) in item.rectificationImageUrlList"
:src="imgItem"
alt=""
......
src/_consumer_jydetail.html
View file @ b152cbd1
<!DOCTYPE html>
<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>
<style>
</style>
</head>
<body>
<div id="app">
<div 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"
<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>
<style></style>
</head>
<body>
<div id="app">
<div
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>
</div>
</div>
<div class="form-item" style="height: 1.5rem;">
<img
v-for="(imgItem, subIndex) in formData.photos"
:src="imgItem"
alt=""
style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem"
/>
</div>
<div class="form-item">
<span class="form-label">联系人</span>
<div class="form-input-wrap">
<p class="form-content">{{formData.contactName}}</p>
</div>
</div>
<div class="form-item">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<p class="form-content">{{formData.contactDetails}}</p>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<p class="form-content">{{formData.content}}是快乐的反抗拉萨酱豆腐卢卡斯的反抗拉萨附近；阿斯蒂芬库里Salford；拉是否</p>
</div>
</div>
<div
class="form-item"
style="height: 1.5rem"
>
<ImagePreview
v-for="(imgItem, subIndex) in formData.photos"
:src="imgItem"
alt=""
style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem"
/>
</div>
<div class="form-item">
<span class="form-label">联系人</span>
<div class="form-input-wrap">
<p class="form-content">{{formData.contactName}}</p>
</div>
</div>
<div class="form-item">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<p class="form-content">{{formData.contactDetails}}</p>
</div>
</div>
</div>
</div>
</body>
</html>
src/_shanghu_detail-edit.html
View file @ b152cbd1
<!DOCTYPE html>
<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>
<style>
</style>
</head>
<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>
<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>
<style></style>
</head>
<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开始 -->
<div class="form-container" v-if="activeTab==0">
<div class="form-item">
<span class="form-label">商家名称</span>
<div class="form-input-wrap">
<input type="text" v-model="formData.unitName" 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.owner" 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.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.businessAddress" 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">
<select class="selector" v-model="formData.community"
:disabled="flag=='XQ'">
<option
v-for="(item, i) in dict4community"
:key="i"
:label="item.label"
:value="item.label"
></option>
</select>
</div>
</div>
<div class="form-item" v-if="flag=='XQ'">
<span class="form-label">网格员</span>
<div class="form-input-wrap">
<input type="text" v-model="formData.gridMemberName" class="form-input" :disabled="flag=='XQ'"
>
</div>
</div>
<div class="form-item" v-if="flag=='XQ'">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<input type="text" v-model="formData.gridMemberPhone" 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.businessType"
:disabled="flag=='XQ'">
<option
v-for="(item, i) in dict4businessType"
: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.industryType"
:disabled="flag=='XQ'">
<option
v-for="(item, i) in dict4industryType"
:key="i"
:label="item.industryName"
:value="item.id"
></option>
</select>
</div>
</div>
<!-- 特殊处理：编辑没有详情有 -->
<div class="form-item" v-if="flag=='XQ'">
<span class="form-label">行业主管</span>
<div class="form-input-wrap">
<input type="text" v-model="formData.industryType" 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" name="" v-model="formData.smallPlaceTypeId"
:disabled="flag=='XQ'">
<option
v-for="(item, i) in dict4changhsuoType"
:key="i"
:label="item.dictLabel"
:value="Number(item.dictValue)"
></option>
</select>
</div>
</div>
<div>
<h5 class="imager-item-title">
<span>商家平面图</span>
<span></span>
</h5>
<div v-if="flag=='XG'">
<van-uploader v-model="formData.floorPlanPhotosH5" :max-count="1"
:after-read="handleFileUpload" class="uploader-wrapper" />
</div>
<div v-if="flag=='XQ'">
<img
v-for="(imgItem, subIndex) in formData.floorPlanPhotos"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
/>
</div>
</div>
<div>
<h5 class="imager-item-title">
<span>营业执照</span>
<span></span>
</h5>
<div v-if="flag=='XG'">
<van-uploader v-model="formData.businessLicensePhotosH5" :max-count="1"
:after-read="handleFileUpload" class="uploader-wrapper" />
</div>
<div v-if="flag=='XQ'">
<img
v-for="(imgItem, subIndex) in formData.businessLicensePhotos"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
/>
</div>
</div>
<div>
<h5 class="imager-item-title">
<span>门头图</span>
<span></span>
</h5>
<div v-if="flag=='XG'">
<van-uploader v-model="formData.storefrontPhotosH5" :max-count="4"
:after-read="handleFileUpload" class="uploader-wrapper" />
</div>
<div v-if="flag=='XQ'">
<img
v-for="(imgItem, subIndex) in formData.storefrontPhotos"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
/>
</div>
</div>
<button v-if="flag=='XG'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="save"
>保存</button>
<div>
<h5 class="imager-item-title" style="border: none;">
<span>安全二维码</span>
<span></span>
</h5>
<div>
<img :src="formData.qrCodeUrl" style="margin-left: 50%; transform: translateX(-50%);" />
</div>
</div>
<button v-if="userType==='shop'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" @click="saveCanvas"
>保存二维码</button>
</div>
<!-- form结束 -->
<!-- 经营信息开始 -->
<div class="form-container" v-if="activeTab==1">
<div class="form-item">
<span class="form-label">建筑面积(㎡)</span>
<div class="form-input-wrap">
<input type="text" v-model="formData.area" 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.buildingStructure" 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.owner" 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.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>
\ No newline at end of file
<!-- form开始 -->
<div
class="form-container"
v-if="activeTab==0"
>
<div class="form-item">
<span class="form-label">商家名称</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.unitName"
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.owner"
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.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.businessAddress"
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">
<select
class="selector"
v-model="formData.community"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4community"
:key="i"
:label="item.label"
:value="item.label"
></option>
</select>
</div>
</div>
<div
class="form-item"
v-if="flag=='XQ'"
>
<span class="form-label">网格员</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.gridMemberName"
class="form-input"
:disabled="flag=='XQ'"
/>
</div>
</div>
<div
class="form-item"
v-if="flag=='XQ'"
>
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.gridMemberPhone"
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.businessType"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4businessType"
: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.industryType"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4industryType"
:key="i"
:label="item.industryName"
:value="item.id"
></option>
</select>
</div>
</div>
<!-- 特殊处理：编辑没有详情有 -->
<div
class="form-item"
v-if="flag=='XQ'"
>
<span class="form-label">行业主管</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.industryType"
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"
name=""
v-model="formData.smallPlaceTypeId"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4changhsuoType"
:key="i"
:label="item.dictLabel"
:value="Number(item.dictValue)"
></option>
</select>
</div>
</div>
<div>
<h5 class="imager-item-title">
<span>商家平面图</span>
<span></span>
</h5>
<div v-if="flag=='XG'">
<van-uploader
v-model="formData.floorPlanPhotosH5"
:max-count="1"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div>
<div v-if="flag=='XQ'">
<ImagePreview
v-for="(imgItem, subIndex) in formData.floorPlanPhotos"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
/>
</div>
</div>
<div>
<h5 class="imager-item-title">
<span>营业执照</span>
<span></span>
</h5>
<div v-if="flag=='XG'">
<van-uploader
v-model="formData.businessLicensePhotosH5"
:max-count="1"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div>
<div v-if="flag=='XQ'">
<ImagePreview
v-for="(imgItem, subIndex) in formData.businessLicensePhotos"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
/>
</div>
</div>
<div>
<h5 class="imager-item-title">
<span>门头图</span>
<span></span>
</h5>
<div v-if="flag=='XG'">
<van-uploader
v-model="formData.storefrontPhotosH5"
:max-count="4"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div>
<div v-if="flag=='XQ'">
<ImagePreview
v-for="(imgItem, subIndex) in formData.storefrontPhotos"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
/>
</div>
</div>
<button
v-if="flag=='XG'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="save"
>
保存
</button>
<div>
<h5
class="imager-item-title"
style="border: none"
>
<span>安全二维码</span>
<span></span>
</h5>
<div>
<ImagePreview
:src="formData.qrCodeUrl"
style="margin-left: 50%; transform: translateX(-50%)"
/>
</div>
</div>
<button
v-if="userType==='shop'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="saveCanvas"
>
保存二维码
</button>
</div>
<!-- form结束 -->
<!-- 经营信息开始 -->
<div
class="form-container"
v-if="activeTab==1"
>
<div class="form-item">
<span class="form-label">建筑面积(㎡)</span>
<div class="form-input-wrap">
<input
type="text"
v-model="formData.area"
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.buildingStructure"
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.owner"
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.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