Skip to content

G
GaoQuYingJiH5-ASD
Commit e4e4cc5e authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add：商户信息明文加密处理；特种工作也报备详情明文加密处理

parent bc731524
Show whitespace changes
Inline Side-by-side
Showing with 516 additions and 491 deletions
sdk/includeHead.js
View file @ e4e4cc5e
...@@ -67,7 +67,7 @@ if (window.env == 'dev') { ...@@ -67,7 +67,7 @@ if (window.env == 'dev') {
// 管理员 线上 // 管理员 线上
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiZGFiZWMwMTAtYzM1MS00NGUzLTk5OTAtZGJjMmRhMzgyNGU5In0.SgeTLyYLDbJyvPxvPSpX6rRg2anfR12_40x9cKcTFXOmPzyiLv5OHMdYufBlW5btrver7aBcCLm7QQEFYBTemA' // 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiZGFiZWMwMTAtYzM1MS00NGUzLTk5OTAtZGJjMmRhMzgyNGU5In0.SgeTLyYLDbJyvPxvPSpX6rRg2anfR12_40x9cKcTFXOmPzyiLv5OHMdYufBlW5btrver7aBcCLm7QQEFYBTemA'
// 管理员 本地 // 管理员 本地
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiNGM3MDViODYtNjI1ZC00ZTM2LTk0MjktMGI0YzI3M2RmYzgzIn0.VBLduy3ERQ8wsNDiV8iuEHzisqWjrbocL2d4cOTCHkLax44iqA1q8vDNF7dlESIpSPU6Hk8BFkGKgfynyEguvw' 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiZjA5OWU0ZTAtNzMxMS00MDlkLTg3YTUtYjhkNDNjMWVjNjQ4In0.qrivFnf68QSQ9mG0tOg9jeSB7loDMnP4NlpNthEBywPLkIaGZoE74IrTGSzFvajyay2-gBJ8GCunVOTyvTEebw'
// 街道 // 街道
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJqaWVkYW8iLCJsb2dpbl91c2VyX2tleSI6ImNjNjRkMmZhLWQzNmItNGRkZi05MjcxLTliYTA0ZDJkYzM4NiJ9.G2BAs3XnlqR6QgDRWDfXkOpdLYhFdqEaTxvE8GxLAgU8vcsHPEKdhQ4VvOwsiNAtIaUpMDXirOb-FrHVNvZo4g' // 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJqaWVkYW8iLCJsb2dpbl91c2VyX2tleSI6ImNjNjRkMmZhLWQzNmItNGRkZi05MjcxLTliYTA0ZDJkYzM4NiJ9.G2BAs3XnlqR6QgDRWDfXkOpdLYhFdqEaTxvE8GxLAgU8vcsHPEKdhQ4VvOwsiNAtIaUpMDXirOb-FrHVNvZo4g'
......
src/_shanghu_detail-edit.css
View file @ e4e4cc5e
...@@ -237,3 +237,10 @@ select:disabled { ...@@ -237,3 +237,10 @@ select:disabled {
height: 0.88rem; height: 0.88rem;
line-height: 0.88rem; line-height: 0.88rem;
} */ } */
/* 图标样式优化 */
.van-icon-closed-eye, .van-icon-eye-o {
font-size: 16px;
transition: color 0.2s;
}
src/_shanghu_detail-edit.html
View file @ e4e4cc5e
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta <meta http-equiv="X-UA-Compatible" content="IE=edge" />
http-equiv="X-UA-Compatible" <meta name="viewport"
content="IE=edge" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover" />
/>
<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 <script type="text/javascript" src="../sdk/includeHead.js"></script>
type="text/javascript" <script type="text/javascript" src="../sdk/axios_http3.js"></script>
src="../sdk/includeHead.js"
></script>
<script
type="text/javascript"
src="../sdk/axios_http3.js"
></script>
<style></style> <style></style>
<style> <style>
/* 添加禁用状态文字颜色保持 */ /* 添加禁用状态文字颜色保持 */
input:disabled, input:disabled,
input[disabled] { input[disabled] {
color: #333 !important; /* 保持与正常状态相同的颜色 */ color: #333 !important;
-webkit-text-fill-color: #333 !important; /* 兼容iOS Safari */ /* 保持与正常状态相同的颜色 */
-webkit-text-fill-color: #333 !important;
/* 兼容iOS Safari */
} }
.van-uploader__preview-delete{
.van-uploader__preview-delete {
cursor: pointer; cursor: pointer;
} }
</style> </style>
</head> </head>
<body>
<body>
<div id="app"> <div id="app">
<div <div class="wrapper" v-cloak>
class="wrapper" <van-tabs v-model:active="activeTab" @click="clickTab" title-active-color="#1989fa" line-height="2px"
v-cloak style="margin-bottom: 15px">
>
<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>
...@@ -52,46 +38,51 @@ ...@@ -52,46 +38,51 @@
</van-tabs> </van-tabs>
<!-- form开始 --> <!-- form开始 -->
<div <div class="form-container" v-if="activeTab==0">
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 <input maxlength="25" type="text" v-model="formData.unitName" class="form-input" :disabled="flag=='XQ'"
maxlength="25" placeholder="请输入商家名称" />
type="text"
v-model="formData.unitName"
class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入商家名称"
/>
</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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="4" <span :class="'form-input'" style="line-height: .7rem;">
type="text" {{ showOriginal.merchantName ? formData.merchantName : desensitize(formData.merchantName, 'name') }}
v-model="formData.merchantName" </span>
class="form-input" <van-icon
:disabled="flag=='XQ'" :name="showOriginal.merchantName ? 'eye-o' : 'closed-eye'"
placeholder="请输入负责人" @click="toggleShow('merchantName')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/> />
</template>
<input v-else maxlength="4" type="text" v-model="formData.merchantName" class="form-input" :disabled="flag=='XQ'"
placeholder="请输入负责人" />
</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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
type="number" maxlength="11" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.merchantPhone ? formData.merchantPhone : desensitize(formData.merchantPhone, 'phone') }}
</span>
<van-icon
:name="showOriginal.merchantPhone ? 'eye-o' : 'closed-eye'"
@click="toggleShow('merchantPhone')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="number"
maxlength="11"
v-model="formData.merchantPhone" v-model="formData.merchantPhone"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入电话" placeholder="请输入电话"
/> />
</div> </div>
...@@ -100,14 +91,8 @@ ...@@ -100,14 +91,8 @@
<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 <input maxlength="100" type="text" v-model="formData.businessAddress" class="form-input"
maxlength="100" :disabled="flag=='XQ'" placeholder="请输入地址" />
type="text"
v-model="formData.businessAddress"
class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入地址"
/>
</div> </div>
</div> </div>
...@@ -145,78 +130,58 @@ ...@@ -145,78 +130,58 @@
/> />
</van-popup> --> </van-popup> -->
<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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
type="text" <span class="form-input" style="line-height: .7rem;">
v-model="formData.gridMemberName" {{ showOriginal.gridMemberName ? formData.gridMemberName : desensitize(formData.gridMemberName, 'name') }}
class="form-input" </span>
:disabled="flag=='XQ'" <van-icon
:name="showOriginal.gridMemberName ? 'eye-o' : 'closed-eye'"
@click="toggleShow('gridMemberName')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/> />
</template>
<input v-else type="text" v-model="formData.gridMemberName" class="form-input" :disabled="flag=='XQ'" />
</div> </div>
</div> </div>
<div <div class="form-item" v-if="flag=='XQ'">
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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'">
maxlength="11" <span class="form-input" style="line-height: .7rem;">
type="number" {{ showOriginal.gridMemberPhone ? formData.gridMemberPhone : desensitize(formData.gridMemberPhone, 'phone') }}
v-model="formData.gridMemberPhone" </span>
class="form-input" <van-icon
:disabled="flag=='XQ'" :name="showOriginal.gridMemberPhone ? 'eye-o' : 'closed-eye'"
placeholder="请输入网格员联系方式" @click="toggleShow('gridMemberPhone')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/> />
</template>
<input v-else maxlength="11" type="number" v-model="formData.gridMemberPhone" class="form-input" placeholder="请输入网格员联系方式" />
</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 <select class="selector" v-model="formData.businessType" :disabled="flag=='XQ'">
class="selector" <option v-for="(item, i) in dict4businessType" :key="i" :label="item.dictLabel" :value="item.dictValue">
v-model="formData.businessType" </option>
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4businessType"
:key="i"
:label="item.dictLabel"
:value="item.dictValue"
></option>
</select> </select>
</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 <select class="selector" v-model="formData.industryType" :disabled="flag=='XQ'">
class="selector" <option v-for="(item, i) in dict4industryType" :key="i" :label="item.industryName" :value="item.id">
v-model="formData.industryType" </option>
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4industryType"
:key="i"
:label="item.industryName"
:value="item.id"
></option>
</select> </select>
</div> </div>
</div> </div>
<!-- 特殊处理：编辑没有详情有 --> <!-- 特殊处理：编辑没有详情有 -->
<div <div class="form-item" style="max-height: 1.4rem; height:auto;" v-if="flag=='XQ'">
class="form-item"
style="max-height: 1.4rem; height:auto;"
v-if="flag=='XQ'"
>
<span class="form-label">行业主管</span> <span class="form-label">行业主管</span>
<div class="form-input-wrap" style="color: #333;font-size: .3rem;padding-top:.2rem;padding-bottom: .2rem;"> <div class="form-input-wrap" style="color: #333;font-size: .3rem;padding-top:.2rem;padding-bottom: .2rem;">
{{ formData.industryDeptName }} {{ formData.industryDeptName }}
...@@ -226,18 +191,9 @@ ...@@ -226,18 +191,9 @@
<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 <select class="selector" name="" v-model="formData.smallPlaceTypeId" :disabled="flag=='XQ'">
class="selector" <option v-for="(item, i) in dict4changhsuoType" :key="i" :label="item.categoryName" :value="item.id">
name="" </option>
v-model="formData.smallPlaceTypeId"
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4changhsuoType"
:key="i"
:label="item.categoryName"
:value="item.id"
></option>
</select> </select>
</div> </div>
</div> </div>
...@@ -249,21 +205,15 @@ ...@@ -249,21 +205,15 @@
<!-- 详情模式 --> <!-- 详情模式 -->
<div class="img-wrapper" style="display: flex;gap:.16rem;"> <div class="img-wrapper" style="display: flex;gap:.16rem;">
<div style="position: relative;" v-for="(imgItem, index) in formData.floorPlanPhotos"> <div style="position: relative;" v-for="(imgItem, index) in formData.floorPlanPhotos">
<img <img :src="previewUrl + imgItem" style="width: 1.6rem; height: 1.6rem;"
:src="previewUrl + imgItem" @click="showImage(formData.floorPlanPhotos, index)" />
style="width: 1.6rem; height: 1.6rem;" <div v-if="flag=='XG'" class="van-uploader__preview-delete"
@click="showImage(formData.floorPlanPhotos, index)" @click="handleDeleteFloorPlan(index, 'floorPlan')"><i
/> class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
<div v-if="flag=='XG'" class="van-uploader__preview-delete" @click="handleDeleteFloorPlan(index, 'floorPlan')"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
</div> </div>
<div v-if="formData.floorPlanPhotos.length<4 && flag=='XG' "> <div v-if="formData.floorPlanPhotos.length<4 && flag=='XG' ">
<van-uploader <van-uploader :before-read="beforeRead" :after-read="(file) => afterRead(file, 'floorPlan')"
:before-read="beforeRead" class="uploader-wrapper" :deletable="false" :preview-image="false">
:after-read="(file) => afterRead(file, 'floorPlan')"
class="uploader-wrapper"
:deletable="false"
:preview-image="false"
>
<img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset=""> <img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset="">
</van-uploader> </van-uploader>
</div> </div>
...@@ -277,21 +227,15 @@ ...@@ -277,21 +227,15 @@
<!-- 详情模式 --> <!-- 详情模式 -->
<div class="img-wrapper" style="display: flex;gap:.16rem;"> <div class="img-wrapper" style="display: flex;gap:.16rem;">
<div style="position: relative;" v-for="(imgItem, index) in formData.floorEvacuationPlan"> <div style="position: relative;" v-for="(imgItem, index) in formData.floorEvacuationPlan">
<img <img :src="previewUrl + imgItem" style="width: 1.6rem; height: 1.6rem;"
:src="previewUrl + imgItem" @click="showImage(formData.floorEvacuationPlan, index)" />
style="width: 1.6rem; height: 1.6rem;" <div v-if="flag=='XG'" class="van-uploader__preview-delete"
@click="showImage(formData.floorEvacuationPlan, index)" @click="handleDeleteFloorPlan(index, 'floorEvacuationPlan')"><i
/> class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
<div v-if="flag=='XG'" class="van-uploader__preview-delete" @click="handleDeleteFloorPlan(index, 'floorEvacuationPlan')"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
</div> </div>
<div v-if="formData.floorEvacuationPlan.length<4 && flag=='XG' "> <div v-if="formData.floorEvacuationPlan.length<4 && flag=='XG' ">
<van-uploader <van-uploader :before-read="beforeRead" :after-read="(file) => afterRead(file, 'floorEvacuationPlan')"
:before-read="beforeRead" class="uploader-wrapper" :deletable="false" :preview-image="false">
:after-read="(file) => afterRead(file, 'floorEvacuationPlan')"
class="uploader-wrapper"
:deletable="false"
:preview-image="false"
>
<img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset=""> <img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset="">
</van-uploader> </van-uploader>
</div> </div>
...@@ -305,21 +249,15 @@ ...@@ -305,21 +249,15 @@
<!-- 详情模式 --> <!-- 详情模式 -->
<div class="img-wrapper" style="display: flex;gap:.16rem;"> <div class="img-wrapper" style="display: flex;gap:.16rem;">
<div style="position: relative;" v-for="(imgItem, index) in formData.businessLicensePhotos"> <div style="position: relative;" v-for="(imgItem, index) in formData.businessLicensePhotos">
<img <img :src="previewUrl + imgItem" style="width: 1.6rem; height: 1.6rem;"
:src="previewUrl + imgItem" @click="showImage(formData.businessLicensePhotos, index)" />
style="width: 1.6rem; height: 1.6rem;" <div v-if="flag=='XG'" class="van-uploader__preview-delete"
@click="showImage(formData.businessLicensePhotos, index)" @click="handleDeleteFloorPlan(index, 'license')"><i
/> class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
<div v-if="flag=='XG'" class="van-uploader__preview-delete" @click="handleDeleteFloorPlan(index, 'license')"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
</div> </div>
<div v-if="formData.businessLicensePhotos.length<1 && flag=='XG' "> <div v-if="formData.businessLicensePhotos.length<1 && flag=='XG' ">
<van-uploader <van-uploader :before-read="beforeRead" :after-read="(file) => afterRead(file, 'license')"
:before-read="beforeRead" class="uploader-wrapper" :deletable="false" :preview-image="false">
:after-read="(file) => afterRead(file, 'license')"
class="uploader-wrapper"
:deletable="false"
:preview-image="false"
>
<img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset=""> <img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset="">
</van-uploader> </van-uploader>
</div> </div>
...@@ -333,104 +271,77 @@ ...@@ -333,104 +271,77 @@
<!-- 详情模式 --> <!-- 详情模式 -->
<div class="img-wrapper" style="display: flex;gap:.16rem;"> <div class="img-wrapper" style="display: flex;gap:.16rem;">
<div style="position: relative;" v-for="(imgItem, index) in formData.storefrontPhotos"> <div style="position: relative;" v-for="(imgItem, index) in formData.storefrontPhotos">
<img <img :src="previewUrl + imgItem" style="width: 1.6rem; height: 1.6rem;"
:src="previewUrl + imgItem" @click="showImage(formData.storefrontPhotos, index)" />
style="width: 1.6rem; height: 1.6rem;" <div v-if="flag=='XG'" class="van-uploader__preview-delete"
@click="showImage(formData.storefrontPhotos, index)" @click="handleDeleteFloorPlan(index, 'storeFront')"><i
/> class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
<div v-if="flag=='XG'" class="van-uploader__preview-delete" @click="handleDeleteFloorPlan(index, 'storeFront')"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
</div> </div>
<div v-if="formData.storefrontPhotos.length<1 && flag=='XG' "> <div v-if="formData.storefrontPhotos.length<1 && flag=='XG' ">
<van-uploader <van-uploader :before-read="beforeRead" :after-read="(file) => afterRead(file, 'storeFront')"
:before-read="beforeRead" class="uploader-wrapper" :deletable="false" :preview-image="false">
:after-read="(file) => afterRead(file, 'storeFront')"
class="uploader-wrapper"
:deletable="false"
:preview-image="false"
>
<img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset=""> <img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset="">
</van-uploader> </van-uploader>
</div> </div>
</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'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="save"
>
保存 保存
</button> </button>
<div> <div>
<h5 <h5 class="imager-item-title" style="border: none">
class="imager-item-title"
style="border: none"
>
<span class="form-label">安全二维码</span> <span class="form-label">安全二维码</span>
<span></span> <span></span>
</h5> </h5>
<div> <div>
<img <img :src="formData.qrCodeUrl" style="margin-left: 50%; transform: translateX(-50%)"
:src="formData.qrCodeUrl" @click="showImage(formData.storefrontPhotos)" />
style="margin-left: 50%; transform: translateX(-50%)"
@click="showImage(formData.storefrontPhotos)"
/>
</div> </div>
</div> </div>
<button <button v-if="userType==='shop'" class="save-btn" style="margin-left: 50%; transform: translateX(-50%)"
v-if="userType==='shop'" @click="saveCanvas">
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="saveCanvas"
>
保存二维码 保存二维码
</button> </button>
</div> </div>
<!-- form结束 --> <!-- form结束 -->
<!-- 经营信息开始 --> <!-- 经营信息开始 -->
<div <div class="form-container" v-if="activeTab==1">
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 <input maxlength="4" type="number" v-model="formData.area" class="form-input" :disabled="flag=='XQ'"
maxlength="4" placeholder="请输入建筑面积(㎡)" />
type="number"
v-model="formData.area"
class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入建筑面积(㎡)"
/>
</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 <input maxlength="25" type="text" v-model="formData.buildingStructure" class="form-input"
maxlength="25" :disabled="flag=='XQ'" placeholder="请输入建筑结构" />
type="text"
v-model="formData.buildingStructure"
class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入建筑结构"
/>
</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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="4" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.owner ? formData.owner : desensitize(formData.owner, 'name') }}
</span>
<van-icon
:name="showOriginal.owner ? 'eye-o' : 'closed-eye'"
@click="toggleShow('owner')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="text" type="text"
maxlength="4"
v-model="formData.owner" v-model="formData.owner"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入产权人" placeholder="请输入产权人"
/> />
</div> </div>
...@@ -438,13 +349,22 @@ ...@@ -438,13 +349,22 @@
<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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="11" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.ownerPhone ? formData.ownerPhone : desensitize(formData.ownerPhone, 'phone') }}
</span>
<van-icon
:name="showOriginal.ownerPhone ? 'eye-o' : 'closed-eye'"
@click="toggleShow('ownerPhone')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="number" type="number"
maxlength="11"
v-model="formData.ownerPhone" v-model="formData.ownerPhone"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入产权人联系方式" placeholder="请输入产权人联系方式"
/> />
</div> </div>
...@@ -452,13 +372,22 @@ ...@@ -452,13 +372,22 @@
<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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="4" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.operator ? formData.operator : desensitize(formData.operator, 'name') }}
</span>
<van-icon
:name="showOriginal.operator ? 'eye-o' : 'closed-eye'"
@click="toggleShow('operator')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="text" type="text"
maxlength="4"
v-model="formData.operator" v-model="formData.operator"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入经营人" placeholder="请输入经营人"
/> />
</div> </div>
...@@ -466,13 +395,22 @@ ...@@ -466,13 +395,22 @@
<!-- 新增字段 --> <!-- 新增字段 -->
<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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="11" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.operatorPhone ? formData.operatorPhone : desensitize(formData.operatorPhone, 'phone') }}
</span>
<van-icon
:name="showOriginal.operatorPhone ? 'eye-o' : 'closed-eye'"
@click="toggleShow('operatorPhone')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="number" type="number"
maxlength="11"
v-model="formData.operatorPhone" v-model="formData.operatorPhone"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入经营人联系方式" placeholder="请输入经营人联系方式"
/> />
</div> </div>
...@@ -481,69 +419,66 @@ ...@@ -481,69 +419,66 @@
<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 <select class="selector" v-model="formData.houseType" :disabled="flag=='XQ'">
class="selector" <option v-for="(item, i) in dict4fangwuType" :key="i" :label="item.dictLabel" :value="item.dictValue">
v-model="formData.houseType" </option>
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4fangwuType"
:key="i"
:label="item.dictLabel"
:value="item.dictValue"
></option>
</select> </select>
</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 <select class="selector" v-model="formData.houseUsage" :disabled="flag=='XQ'">
class="selector" <option v-for="(item, i) in dict4fangwuyongtuType" :key="i" :label="item.dictLabel"
v-model="formData.houseUsage" :value="item.dictValue"></option>
:disabled="flag=='XQ'"
>
<option
v-for="(item, i) in dict4fangwuyongtuType"
:key="i"
:label="item.dictLabel"
:value="item.dictValue"
></option>
</select> </select>
</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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="4" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.landlordName ? formData.landlordName : desensitize(formData.landlordName, 'name') }}
</span>
<van-icon
:name="showOriginal.landlordName ? 'eye-o' : 'closed-eye'"
@click="toggleShow('landlordName')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="text" type="text"
maxlength="4"
v-model="formData.landlordName" v-model="formData.landlordName"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入房东姓名" placeholder="请输入房东姓名"
/> />
</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" style="display: flex; align-items: center;">
<input <template v-if="flag=='XQ'"><!-- 详情模式 -->
maxlength="11" <span class="form-input" style="line-height: .7rem;">
{{ showOriginal.landlordContact ? formData.landlordContact : desensitize(formData.landlordContact, 'phone') }}
</span>
<van-icon
:name="showOriginal.landlordContact ? 'eye-o' : 'closed-eye'"
@click="toggleShow('landlordContact')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
<input v-else
type="number" type="number"
maxlength="11"
v-model="formData.landlordContact" v-model="formData.landlordContact"
class="form-input" class="form-input"
:disabled="flag=='XQ'"
placeholder="请输入房东联系方式" placeholder="请输入房东联系方式"
/> />
</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'"
class="save-btn"
style="margin-left: 50%; transform: translateX(-50%)"
@click="save"
>
保存 保存
</button> </button>
</div> </div>
...@@ -551,17 +486,16 @@ ...@@ -551,17 +486,16 @@
<!-- 消费者安全建议列表 --> <!-- 消费者安全建议列表 -->
<div v-if="activeTab==2"> <div v-if="activeTab==2">
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getConsumerSuggestList" :immediate-check="false"> <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了"
<van-cell @load="getConsumerSuggestList" :immediate-check="false">
v-for="(item, index) in consumerSuggestList" <van-cell v-for="(item, index) in consumerSuggestList" :key="item.id" @click="viewDetail(item)">
:key="item.id"
@click="viewDetail(item)"
>
<div style="width: 100%"> <div style="width: 100%">
<div style="display: flex; justify-content: space-between; margin: 8px 0"> <div style="display: flex; justify-content: space-between; margin: 8px 0">
<span style="color: #737373; font-size: 0.28rem">日期：{{ item.submitDate }}</span> <span style="color: #737373; font-size: 0.28rem">日期：{{ item.submitDate }}</span>
</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.content}}</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.content}}</div>
</div> </div>
</van-cell> </van-cell>
</van-list> </van-list>
...@@ -569,5 +503,6 @@ ...@@ -569,5 +503,6 @@
<!-- 消费者安全建议列表结束 --> <!-- 消费者安全建议列表结束 -->
</div> </div>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/_shanghu_detail-edit.js
View file @ e4e4cc5e
...@@ -57,6 +57,19 @@ window.addEventListener('load', function () { ...@@ -57,6 +57,19 @@ window.addEventListener('load', function () {
dict4community: [], dict4community: [],
dict4industryType: [], dict4industryType: [],
consumerSuggestList: [], consumerSuggestList: [],
// 添加显示状态管理对象
showOriginal: {
merchantName: false,
merchantPhone: false,
businessAddress: false,
owner: false,
ownerPhone: false,
operator: false,
operatorPhone: false,
landlordName: false,
landlordContact: false
}
} }
}, },
computed: { computed: {
...@@ -93,6 +106,26 @@ window.addEventListener('load', function () { ...@@ -93,6 +106,26 @@ window.addEventListener('load', function () {
} }
}, },
methods: { methods: {
// 添加脱敏处理函数
desensitize(value, type) {
if (!value) return '';
switch(type) {
case 'name': // 姓名脱敏：保留姓氏
return value.length > 1 ? value.charAt(0) + '*'.repeat(value.length - 1) : value;
case 'phone': // 手机号脱敏：保留前3后4
return value.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2');
case 'address': // 地址脱敏：保留前5后5
if (value.length <= 10) return value;
return value.substring(0, 5) + '*****' + value.substring(value.length - 5);
default: // 默认脱敏：保留前3后3
if (value.length <= 6) return value;
return value.substring(0, 3) + '*****' + value.substring(value.length - 3);
}
},
// 切换显示状态方法
toggleShow(field) {
this.$set(this.showOriginal, field, !this.showOriginal[field]);
},
reset(){ reset(){
this.page = 1 this.page = 1
this.size = 9999 this.size = 9999
......
src/_tezhongzuoye_detail.css
View file @ e4e4cc5e
...@@ -397,3 +397,10 @@ iframe{ ...@@ -397,3 +397,10 @@ iframe{
color: #FFFFFF; /* 文字颜色 */ color: #FFFFFF; /* 文字颜色 */
line-height: 1.2; /* 行高 */ line-height: 1.2; /* 行高 */
} }
/* 图标样式优化 */
.van-icon-closed-eye, .van-icon-eye-o {
font-size: 16px;
transition: color 0.2s;
}
\ No newline at end of file
src/_tezhongzuoye_detail.html
View file @ e4e4cc5e
...@@ -30,14 +30,32 @@ ...@@ -30,14 +30,32 @@
<div class="form-item"> <div class="form-item">
<span class="form-label title_require">联系人</span> <span class="form-label title_require">联系人</span>
<div class="form-input-wrap" style="font-size: 15px;color: #737373;"> <div class="form-input-wrap" style="font-size: 15px;color: #737373;">
{{ formData.merchantName }} <template>
<span :class="'form-input'" style="line-height: .7rem;">
{{ showOriginal.merchantName ? formData.merchantName : desensitize(formData.merchantName, 'name') }}
</span>
<van-icon
:name="showOriginal.merchantName ? 'eye-o' : 'closed-eye'"
@click="toggleShow('merchantName')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
</div> </div>
</div> </div>
<div class="form-item"> <div class="form-item">
<span class="form-label title_require">电话</span> <span class="form-label title_require">电话</span>
<div class="form-input-wrap" style="font-size: 15px;color: #737373;"> <div class="form-input-wrap" style="font-size: 15px;color: #737373;">
{{ formData.merchantPhone }} <template><!-- 详情模式 -->
<span class="form-input" style="line-height: .7rem;">
{{ showOriginal.merchantPhone ? formData.merchantPhone : desensitize(formData.merchantPhone, 'phone') }}
</span>
<van-icon
:name="showOriginal.merchantPhone ? 'eye-o' : 'closed-eye'"
@click="toggleShow('merchantPhone')"
style="margin-left: 8px; color: #1989fa; cursor: pointer;"
/>
</template>
</div> </div>
</div> </div>
<div class="form-item"> <div class="form-item">
......
src/_tezhongzuoye_detail.js
View file @ e4e4cc5e
...@@ -38,7 +38,12 @@ window.addEventListener("load", function () { ...@@ -38,7 +38,12 @@ window.addEventListener("load", function () {
}, },
id: '', id: '',
errorReqCount: 0, errorReqCount: 0,
iosFlag: gemhoUtil.isIOSStrict() iosFlag: gemhoUtil.isIOSStrict(),
// 添加显示状态管理对象
showOriginal: {
merchantName: false,
merchantPhone: false,
}
} }
}, },
created() { created() {
...@@ -56,6 +61,26 @@ window.addEventListener("load", function () { ...@@ -56,6 +61,26 @@ window.addEventListener("load", function () {
this.getDict4tab1() this.getDict4tab1()
}, },
methods: { methods: {
// 添加脱敏处理函数
desensitize(value, type) {
if (!value) return '';
switch(type) {
case 'name': // 姓名脱敏：保留姓氏
return value.length > 1 ? value.charAt(0) + '*'.repeat(value.length - 1) : value;
case 'phone': // 手机号脱敏：保留前3后4
return value.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2');
case 'address': // 地址脱敏：保留前5后5
if (value.length <= 10) return value;
return value.substring(0, 5) + '*****' + value.substring(value.length - 5);
default: // 默认脱敏：保留前3后3
if (value.length <= 6) return value;
return value.substring(0, 3) + '*****' + value.substring(value.length - 3);
}
},
// 切换显示状态方法
toggleShow(field) {
this.$set(this.showOriginal, field, !this.showOriginal[field]);
},
goback4ios() { // 全部标记为已读 goback4ios() { // 全部标记为已读
let params = { let params = {
merId: gemhoUtil.getCookie('merId') || '', merId: gemhoUtil.getCookie('merId') || '',
......
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