Skip to content

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

add: 商户详情编辑页面

parent 1386b9f6
Hide whitespace changes
Inline Side-by-side
Showing with 216 additions and 13 deletions
src/_shanghu_detail-edit.html
View file @ 12d3923c
...@@ -107,44 +107,51 @@ ...@@ -107,44 +107,51 @@
<body> <body>
<div id="app"> <div id="app">
<div class="wrapper" v-cloak> <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"> <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" placeholder="请输入姓名"> <input type="text" v-model="formData.unitName" 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">
<input type="text" v-model="formData.owner" class="form-input" placeholder="请输入11位手机号" <input type="text" v-model="formData.owner" class="form-input" placeholder=""
pattern="[0-9]{11}"> >
</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 type="text" v-model="formData.merchantPhone" class="form-input"
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">
<input type="text" v-model="formData.businessAddress" v-model="formData.merchantPhone" <input type="text" v-model="formData.businessAddress" v-model="formData.merchantPhone"
class="form-input" placeholder="请输入联系地址"> 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 style="width: 4rem;height:.4rem;" name="" v-model="formData.smallPlaceTypeName"> <select style="width: 4rem;height:.4rem;font-size: .2rem;" name="" v-model="formData.smallPlaceTypeName">
<option <option
v-for="(item, i) in dict4changhsuoType" v-for="(item, i) in dict4changhsuoType"
:key="i" :key="i"
...@@ -154,7 +161,63 @@ ...@@ -154,7 +161,63 @@
</select> </select>
</div> </div>
</div> </div>
<!-- 新增字段 -->
<div class="form-item">
<span class="form-label">所属社区</span>
<div class="form-input-wrap">
<select style=" width: 4rem;height:.4rem;font-size: .2rem;" v-model="formData.community">
<option
v-for="(item, i) in dict4changhsuoType"
: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.gridMemberName" class="form-input" placeholder=""
>
</div>
</div>
<div class="form-item">
<span class="form-label">联系方式</span>
<div class="form-input-wrap">
<input type="text" v-model="formData.gridMemberPhone" class="form-input" placeholder=""
>
</div>
</div>
<div class="form-item">
<span class="form-label">行业类型</span>
<div class="form-input-wrap">
<select style=" width: 4rem;height:.4rem;font-size: .2rem;" v-model="formData.community">
<option
v-for="(item, i) in formData.industryType"
: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 style=" width: 4rem;height:.4rem;font-size: .2rem;" v-model="formData.community">
<option
v-for="(item, i) in dict4changhsuoType"
:key="i"
:label="item.dictLabel"
:value="item.dictValue"
></option>
</select> -->
<input type="text" v-model="formData.industryType" class="form-input" placeholder="">
</div>
</div>
<div> <div>
<h5 class="imager-item-title"> <h5 class="imager-item-title">
<span>请上传门头图片</span> <span>请上传门头图片</span>
...@@ -165,7 +228,7 @@ ...@@ -165,7 +228,7 @@
:after-read="handleFileUpload" class="uploader-wrapper" /> :after-read="handleFileUpload" class="uploader-wrapper" />
</div> </div>
</div> </div>
<div> <div>
<h5 class="imager-item-title"> <h5 class="imager-item-title">
<span>请上传营业执照图片</span> <span>请上传营业执照图片</span>
...@@ -199,6 +262,118 @@ ...@@ -199,6 +262,118 @@
</div> </div>
</div> </div>
<!-- form结束 --> <!-- 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" placeholder="">
</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" placeholder=""
>
</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"
placeholder="">
</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" placeholder="">
</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" placeholder="">
</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" placeholder=""
>
</div>
</div>
<div class="form-item">
<span class="form-label">房屋类型</span>
<div class="form-input-wrap">
<select style=" width: 4rem;height:.4rem;font-size: .2rem;" v-model="formData.houseType">
<option
v-for="(item, i) in dict4changhsuoType"
: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.houseUsage" class="form-input" placeholder=""
>
</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" placeholder=""
>
</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" placeholder=""
>
</div>
</div>
<button 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 in 10" :key="item.id" @click="viewDetail(item,'JC_XQ')" >
<div style="width: 100%;">
<div style="display: flex; justify-content: space-between; margin: 8px 0;">
<span style="color: #737373; font-size: 0.28rem;">日期：{{ item.checkDate }}</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;
">九小场所消防安全检查清单
</div>
</div>
</van-cell>
</van-list>
</div>
<!-- 消费者安全建议列表结束 -->
</div> </div>
</div> </div>
</body> </body>
......
src/_shanghu_detail-edit.js
View file @ 12d3923c
...@@ -6,6 +6,7 @@ window.addEventListener('load', function () { ...@@ -6,6 +6,7 @@ window.addEventListener('load', function () {
el: '#app', el: '#app',
data() { data() {
return { return {
activeTab: 0,
flag: 'XQ', flag: 'XQ',
canvasReady: false, canvasReady: false,
loadedImages: 0, // 记录已加载的图片数量 loadedImages: 0, // 记录已加载的图片数量
...@@ -58,6 +59,33 @@ window.addEventListener('load', function () { ...@@ -58,6 +59,33 @@ window.addEventListener('load', function () {
this.getDict4changhsuoType() this.getDict4changhsuoType()
}, },
methods: { methods: {
viewDetail(item, type) {
let params = {
id: item.id,
merId: this.merId,
pageName: '_shanghu_home'
}
// 这里添加跳转逻辑
if (type === 'YH_XQ') {
params = {
...params,
flag: item.rectificationStatus,
}
} else {
params = {
...params,
flag: 'JC_XQ',
}
}
let url = gemhoUtil.setParameter('_check_info.html', params)
gemhoUtil.navigatePage(url, '跳转中...')
},
clickTab() {
if (this.activeTab > 0) {
this.getJcList() // 获取检查列表
}
},
getDict4changhsuoType(){ getDict4changhsuoType(){
http2.post({ http2.post({
serviceId: API_KEY_MAP["page"]['id'], serviceId: API_KEY_MAP["page"]['id'],
......
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