门店变更需求

This commit is contained in:
liuye
2024-07-09 17:42:13 +08:00
parent e29c5e5695
commit 1b14f88546
5 changed files with 53 additions and 23 deletions

View File

@@ -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;
} }
} }
} }

View File

@@ -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 {

View File

@@ -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;

View File

@@ -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}`})
} }
}, },
} }

View File

@@ -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>