angelo
/
web-store-retail-h5
forked from angelo/web-retail-h5
3
0
Fork 0
Code Pull Requests Activity

feat(domicle): 户籍变更页面去除审核相关字段，移除变更费用，情况说明非必填

This commit is contained in:
woody 2025-05-26 16:27:53 +08:00
parent 497126ac47
commit 17f6fb9228
2 changed files with 307 additions and 300 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
pages/selfService/updateDomicile/addDomicile.vue
View File

@ -86,13 +86,12 @@
</u-form-item> </u-form-item>
</view> </view>
<view class="view-class"> <!-- <view class="view-class">
<u-form-item label="业务扣费(￥)" label-width="200rpx" prop="amount"> <u-form-item label="业务扣费(￥)" label-width="200rpx" prop="amount">
<u-input v-model="dataForm.amount" disabled placeholder-class="place-class" class="border-color" <u-input v-model="dataForm.amount" disabled placeholder-class="place-class" class="border-color"
placeholder="请输入" /> placeholder="请输入" />
</u-form-item> </u-form-item>
</view> </view> -->
<view class="view-class"> <view class="view-class">
<u-form-item :label="'备注'" label-width="200rpx" prop="remark"> <u-form-item :label="'备注'" label-width="200rpx" prop="remark">
<u-input v-model="dataForm.remark" placeholder-class="place-class" class="border-color" <u-input v-model="dataForm.remark" placeholder-class="place-class" class="border-color"
@ -184,14 +183,14 @@
// 提示内容（会出现在u-form-item内的底部） // 提示内容（会出现在u-form-item内的底部）
message: "证件照片不能为空", message: "证件照片不能为空",
}], }],
description: [{ // description: [{
// 必填项 // // 必填项
required: true, // required: true,
// 提示内容（会出现在u-form-item内的底部） // // 提示内容（会出现在u-form-item内的底部）
message: "情况说明不能为空", // message: "情况说明不能为空",
trigger: ["change"], // trigger: ["change"],
}], // }],
changePhone: [{ changePhone: [{
required: true, required: true,
message: "请输入手机号", message: "请输入手机号",

186
pages/selfService/updateDomicile/updateDomicile.vue
View File

@ -1,107 +1,127 @@
<template> <template>
<view class="content"> <view class="content">
<view class="tab"> <view class="tab">
<view v-for="(item, index) in tabList" :key="index" @click="isTab = item.value" class="tab_i" <view
:class="[isTab===item.value?'heng':'heng1']"> v-for="(item, index) in tabList"
:key="index"
@click="isTab = item.value"
class="tab_i"
:class="[isTab === item.value ? 'heng' : 'heng1']"
>
{{ item.label }} {{ item.label }}
</view> </view>
</view> </view>
<template v-if="tableData.length > 0"> <template v-if="tableData.length > 0">
<view class="thecontent" v-for='(item,index) in tableData' :key="index"> <view class="thecontent" v-for="(item, index) in tableData" :key="index">
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'会员编号'}}</view> <view class="line1">{{ '会员编号' }}</view>
<view class='line2'>{{item.memberCode}}</view> <view class="line2">{{ item.memberCode }}</view>
</view> </view>
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'变更前会员姓名'}}</view> <view class="line1">{{ '变更前会员姓名' }}</view>
<view class='line2'>{{item.memberName}}</view> <view class="line2">{{ item.memberName }}</view>
</view> </view>
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'变更前联系方式'}}</view> <view class="line1">{{ '变更前联系方式' }}</view>
<view class='line2'>{{item.phone}}</view> <view class="line2">{{ item.phone }}</view>
</view> </view>
<view class="line_box bgrightBox" v-if="queryParams.assessType == 0"> <view class="line_box bgrightBox" v-if="queryParams.assessType == 0">
<view class=""> </view>
<view class=""> <view class="">
<u-button
</view> shape="circle"
<view class=""> color="#005BAC"
<u-button shape="circle" color="#005BAC" size="small" :text="'申请变更'" size="small"
@click="updateDomicile(item)"></u-button> :text="'申请变更'"
@click="updateDomicile(item)"
></u-button>
</view> </view>
</view> </view>
<template v-if="queryParams.assessType == 1"> <template v-if="queryParams.assessType == 1">
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'变更后会员姓名'}}</view> <view class="line1">{{ '变更后会员姓名' }}</view>
<view class='line3'>{{item.changeMemberName}}</view> <view class="line3">{{ item.changeMemberName }}</view>
</view> </view>
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'变更后联系方式'}}</view> <view class="line1">{{ '变更后联系方式' }}</view>
<view class='line3'>{{item.changePhone}}</view> <view class="line3">{{ item.changePhone }}</view>
</view> </view>
<view class="line_box"> <!-- <view class="line_box">
<view class='line1'>{{'业务扣费'}}(¥)</view> <view class='line1'>{{'业务扣费'}}(¥)</view>
<view class='line3'>{{item.amount}}</view> <view class='line3'>{{item.amount}}</view>
</view> -->
<view class="line_box">
<view class="line1">{{ '申请时间' }}</view>
<view class="line3">{{ item.creationTime }}</view>
</view>
<!-- <view class="line_box">
<view class="line1">{{ '审核时间' }}</view>
<view class="line3">{{ item.approveTime }}</view>
</view> </view>
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'申请时间'}}</view> <view class="line1">{{ '审核状态' }}</view>
<view class='line3'>{{item.creationTime}}</view> <view class="line3">{{ item.approveStatusVal }}</view>
</view> </view> -->
<view class="line_box"> <view class="line_box">
<view class='line1'>{{'审核时间'}}</view> <view class="line1">{{ '备注' }}</view>
<view class='line3'>{{item.approveTime}}</view> <view class="line3">{{ item.remark }}</view>
</view> </view>
<view class="line_box"> <!-- <view class="list_btn" v-if="item.approveStatus == 3">
<view class='line1'>{{'审核状态'}}</view>
<view class='line3'>{{item.approveStatusVal}}</view>
</view>
<view class="line_box">
<view class='line1'>{{'备注'}}</view>
<view class='line3'>{{item.remark}}</view>
</view>
<view class="list_btn" v-if="item.approveStatus==3">
<view class="sub_btn" @click="findWhy(item)"> <view class="sub_btn" @click="findWhy(item)">
{{ '驳回原因' }} {{ '驳回原因' }}
</view> </view>
</view> </view> -->
</template> </template>
</view> </view>
</template> </template>
<u-empty v-else mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"> <u-empty
v-else
mode="list"
icon="http://cdn.uviewui.com/uview/empty/list.png"
>
</u-empty> </u-empty>
<u-popup :show="rejectShow" closeable mode="center" round='10' @close="rejectShow=false">\ <u-popup
:show="rejectShow"
closeable
mode="center"
round="10"
@close="rejectShow = false"
>\
<view class="popview"> <view class="popview">
<view class="email_neir " @click="clickhtml(rejectContent)" v-html="rejectContent"> <view
class="email_neir"
@click="clickhtml(rejectContent)"
v-html="rejectContent"
>
</view> </view>
</view> </view>
</u-popup> </u-popup>
</view> </view>
</template> </template>
<script> <script>
import * as sel from "@/config/selfService.js" import * as sel from '@/config/selfService.js'
export default { export default {
data() { data() {
return { return {
tabList: [{ tabList: [
{
value: 0, value: 0,
label: '可申请信息' label: '可变更信息',
}, { },
{
value: 1, value: 1,
label: '已申请信息' label: '变更记录',
}], },
],
isTab: 0, isTab: 0,
queryParams: { queryParams: {
assessType: 0, assessType: 0,
}, },
tableData: [], tableData: [],
rejectShow: false, rejectShow: false,
rejectContent: "" rejectContent: '',
} }
}, },
watch: { watch: {
@ -111,9 +131,7 @@
}, },
}, },
onLoad() { onLoad() {
this.getDataList() this.getDataList()
}, },
methods: { methods: {
findWhy(item) { findWhy(item) {
@ -123,49 +141,49 @@
clickhtml(content) { clickhtml(content) {
this.rejectShow = false this.rejectShow = false
// 在组件挂载后，调用handleImageClick方法预览第一张图片 // 在组件挂载后，调用handleImageClick方法预览第一张图片
const parser = new DOMParser(); const parser = new DOMParser()
const doc = parser.parseFromString(content, "text/html"); const doc = parser.parseFromString(content, 'text/html')
const imgElements = doc.getElementsByTagName("img"); const imgElements = doc.getElementsByTagName('img')
if (imgElements.length > 0) { if (imgElements.length > 0) {
const firstImageUrl = imgElements[0].src; const firstImageUrl = imgElements[0].src
this.handleImageClick(firstImageUrl, content); this.handleImageClick(firstImageUrl, content)
} }
}, },
handleImageClick(url, content) { handleImageClick(url, content) {
uni.previewImage({ uni.previewImage({
urls: this.getUrls(content), urls: this.getUrls(content),
current: url current: url,
}); })
}, },
getUrls(content) { getUrls(content) {
const parser = new DOMParser(); const parser = new DOMParser()
const doc = parser.parseFromString(content, "text/html"); const doc = parser.parseFromString(content, 'text/html')
const imgElements = doc.getElementsByTagName("img"); const imgElements = doc.getElementsByTagName('img')
const urls = []; const urls = []
for (let i = 0; i < imgElements.length; i++) { for (let i = 0; i < imgElements.length; i++) {
urls.push(imgElements[i].src); urls.push(imgElements[i].src)
} }
return urls; return urls
}, },
updateDomicile(item) { updateDomicile(item) {
if (this.queryParams.assessType == 0) { if (this.queryParams.assessType == 0) {
item.assessType = this.queryParams.assessType item.assessType = this.queryParams.assessType
let params = item let params = item
let queryString = Object.keys(params).map(key => let queryString = Object.keys(params)
`${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join('&') .map(
key =>
`${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`
)
.join('&')
// let paramsString = encodeURIComponent(JSON.stringify(params)) // let paramsString = encodeURIComponent(JSON.stringify(params))
uni.navigateTo({ uni.navigateTo({
url: '/pages/selfService/updateDomicile/addDomicile?' + queryString, url: '/pages/selfService/updateDomicile/addDomicile?' + queryString,
}) })
} }
}, },
getDataList() { getDataList() {
if (this.queryParams.assessType == 0) { if (this.queryParams.assessType == 0) {
//可申请 //可申请
sel.getApplicationInfoList(this.queryParams).then(res => { sel.getApplicationInfoList(this.queryParams).then(res => {
@ -177,10 +195,8 @@
this.tableData = res.data this.tableData = res.data
}) })
} }
},
},
}
}
} }
</script> </script>
@ -200,7 +216,7 @@
} }
} }
.list_btn { .list_btn {
border-top: 1rpx solid #EEEEEE; border-top: 1rpx solid #eeeeee;
margin-top: 20rpx; margin-top: 20rpx;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -211,7 +227,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 30rpx; border-radius: 30rpx;
background: #005BAC; background: #005bac;
color: #ffffff; color: #ffffff;
padding: 15rpx 28rpx; padding: 15rpx 28rpx;
font-size: 24rpx; font-size: 24rpx;
@ -220,7 +236,7 @@
} }
} }
.content { .content {
background: #F2F2F2; background: #f2f2f2;
padding-bottom: 20rpx; padding-bottom: 20rpx;
.tab { .tab {
@ -228,7 +244,7 @@
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
margin-bottom: 6rpx; margin-bottom: 6rpx;
background-color: #FFFFFF; background-color: #ffffff;
.tab_i { .tab_i {
text-align: center; text-align: center;
@ -242,26 +258,20 @@
align-items: center; align-items: center;
padding: 24rpx 0; padding: 24rpx 0;
// background-color: pink; // background-color: pink;
} }
.heng { .heng {
border-bottom: 6rpx solid #005BAC; border-bottom: 6rpx solid #005bac;
color: #005BAC; color: #005bac;
} }
.heng { .heng {
color: #333333; color: #333333;
} }
} }
.thecontent { .thecontent {
background-color: #FFFFFF; background-color: #ffffff;
// margin-bottom: 21rpx; // margin-bottom: 21rpx;
margin-top: 20rpx; margin-top: 20rpx;
padding: 10rpx 23rpx 30rpx 23rpx; padding: 10rpx 23rpx 30rpx 23rpx;
@ -300,9 +310,7 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
border-top: 1rpx solid #eeeeee; border-top: 1rpx solid #eeeeee;
} }
} }
} }
</style> </style>