门店变更需求
This commit is contained in:
@@ -11,16 +11,20 @@
|
|||||||
<p>经营者</p>
|
<p>经营者</p>
|
||||||
<div>{{ shopInfo.name }}</div>
|
<div>{{ shopInfo.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-item item-phone">
|
<!-- <div class="flex-item item-phone">
|
||||||
<p>联系电话</p>
|
<p>联系电话</p>
|
||||||
<div>{{ shopInfo.phone }}</div>
|
<div>{{ shopInfo.phone }}</div>
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="flex-item item-type">
|
<div class="flex-item item-type">
|
||||||
<p>经营类型</p>
|
<p>经营类型</p>
|
||||||
<div>{{ $dict.getLabel('operatorType', shopInfo.operatorType) }}</div>
|
<div>{{ $dict.getLabel('operatorType', shopInfo.operatorType) }}</div>
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex-item item-phone" v-if="shopInfo.phone" @click="callPhone(shopInfo.phone)">
|
||||||
|
<span></span>
|
||||||
|
<img src="https://cdn.cunwuyun.cn/wechat/fd-store/phone-icon.png" alt="">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="line-bg"></div>
|
<div class="line-bg"></div>
|
||||||
@@ -203,6 +207,9 @@ export default {
|
|||||||
|
|
||||||
return `${year}-${month}-${day}`;
|
return `${year}-${month}-${day}`;
|
||||||
},
|
},
|
||||||
|
callPhone(phone) {
|
||||||
|
uni.makePhoneCall({ phoneNumber: phone })
|
||||||
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -238,6 +245,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.flex-info {
|
.flex-info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
.flex-item {
|
.flex-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -264,9 +272,14 @@ export default {
|
|||||||
}
|
}
|
||||||
.item-phone {
|
.item-phone {
|
||||||
padding: 0 32px;
|
padding: 0 32px;
|
||||||
|
img {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.item-type {
|
.item-type {
|
||||||
padding-left: 32px;
|
padding: 0 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -25,17 +25,17 @@
|
|||||||
<div class="flex-item">
|
<div class="flex-item">
|
||||||
<p>经营者</p>
|
<p>经营者</p>
|
||||||
<div>{{ detailInfo.name }}</div>
|
<div>{{ detailInfo.name }}</div>
|
||||||
</div>
|
|
||||||
<div class="flex-item">
|
|
||||||
<p>联系电话</p>
|
|
||||||
<div>{{ detailInfo.phone }}</div>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-item">
|
<div class="flex-item">
|
||||||
<p>经营类型</p>
|
<p>经营类型</p>
|
||||||
<div>{{ $dict.getLabel('operatorType', detailInfo.operatorType) }}</div>
|
<div>{{ $dict.getLabel('operatorType', detailInfo.operatorType) }}</div>
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex-item item-phone" v-if="detailInfo.phone" @click="callPhone(detailInfo.phone)">
|
||||||
|
<span></span>
|
||||||
|
<img src="https://cdn.cunwuyun.cn/wechat/fd-store/phone-icon.png" alt="">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="line-bg"></div>
|
<div class="line-bg"></div>
|
||||||
@@ -219,7 +219,10 @@ export default {
|
|||||||
previewShopImg() {
|
previewShopImg() {
|
||||||
var imgList = [{url: this.detailInfo.fileUrl}]
|
var imgList = [{url: this.detailInfo.fileUrl}]
|
||||||
this.$previewImage(imgList, 0, 'url');
|
this.$previewImage(imgList, 0, 'url');
|
||||||
}
|
},
|
||||||
|
callPhone(phone) {
|
||||||
|
uni.makePhoneCall({ phoneNumber: phone })
|
||||||
|
},
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
this.current++
|
this.current++
|
||||||
@@ -336,7 +339,13 @@ export default {
|
|||||||
border-right: 1px solid #D9D9D9;
|
border-right: 1px solid #D9D9D9;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.item-phone {
|
||||||
|
img {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.line-bg {
|
.line-bg {
|
||||||
|
|||||||
@@ -43,16 +43,14 @@
|
|||||||
<p>经营者</p>
|
<p>经营者</p>
|
||||||
<div>{{ item.name }}</div>
|
<div>{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-item item-phone">
|
<div class="flex-item item-type">
|
||||||
<p>联系电话</p>
|
|
||||||
<div>{{ item.phone }}</div>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
|
||||||
<div class="flex-item item-type">
|
|
||||||
<p>经营类型</p>
|
<p>经营类型</p>
|
||||||
<div>{{ $dict.getLabel('operatorType', item.operatorType) }}</div>
|
<div>{{ $dict.getLabel('operatorType', item.operatorType) }}</div>
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="item-phone" v-if="item.phone" @click.stop="callPhone(item.phone)">
|
||||||
|
<img src="https://cdn.cunwuyun.cn/wechat/fd-store/phone-icon.png" alt="">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -147,7 +145,10 @@ export default {
|
|||||||
},
|
},
|
||||||
toStoreDetail(id) {
|
toStoreDetail(id) {
|
||||||
this.$emit('toStoreDetail', {shopId: id})
|
this.$emit('toStoreDetail', {shopId: id})
|
||||||
}
|
},
|
||||||
|
callPhone(phone) {
|
||||||
|
uni.makePhoneCall({ phoneNumber: phone })
|
||||||
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -197,7 +198,7 @@ export default {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
.left {
|
.left {
|
||||||
width: 168px;
|
width: 176px;
|
||||||
image {
|
image {
|
||||||
width: 152px;
|
width: 152px;
|
||||||
height: 174px;
|
height: 174px;
|
||||||
@@ -205,7 +206,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.right {
|
.right {
|
||||||
width: calc(100% - 168px);
|
width: calc(100% - 176px);
|
||||||
.right-btn {
|
.right-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -253,6 +254,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.flex-info {
|
.flex-info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
.flex-item {
|
.flex-item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -279,9 +281,15 @@ export default {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.item-phone {
|
.item-phone {
|
||||||
width: calc(100% - 232px);
|
padding: 20px;
|
||||||
padding: 0 32px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
img {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.item-type {
|
.item-type {
|
||||||
width: 128px;
|
width: 128px;
|
||||||
|
|||||||
@@ -213,7 +213,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
showDetail(e) {
|
showDetail(e) {
|
||||||
uni.navigateTo({url: `/apps/AppPeopleList/DetailCard?id=${e.resident_id}`})
|
uni.navigateTo({url: `/mods/AppPeopleList/DetailCard?id=${e.resident_id}`})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -154,7 +154,7 @@
|
|||||||
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
||||||
<div class="value" flex>
|
<div class="value" flex>
|
||||||
<AiPagePicker @select="v=>handleSelectResident(v, item.fieldDbName)" single>
|
<AiPagePicker @select="v=>handleSelectResident(v, item.fieldDbName)" single>
|
||||||
<AiMore v-model="formData[item.fieldDbName]" :placeholder="item.fieldTips"/>
|
<AiMore v-model="formData[item.fieldDbName + '_name']" :placeholder="item.fieldTips"/>
|
||||||
</AiPagePicker>
|
</AiPagePicker>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user