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

feat(selfSerivce): 自助服务-户籍变更跳转逻辑处理

This commit is contained in:
woody 2025-05-26 17:58:09 +08:00
parent 17f6fb9228
commit b66e3243de
3 changed files with 557 additions and 559 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
pages/selfService/index.vue
View File

@ -1,26 +1,26 @@
<template> <template>
<view class="content"> <view class="content">
<view @click="goRouter(item.path)" <view
@click="goRouter(item.path)"
class="kuaibox" class="kuaibox"
v-for="(item,index) in theselfHeader" v-for="(item, index) in theselfHeader"
:key="index"> :key="index"
>
<view class=""> <view class="">
{{item.name}} {{ item.name }}
</view> </view>
<image class="kuaiimg" <image class="kuaiimg" :src="item.url" mode=""></image>
:src="item.url"
mode=""></image>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import * as sel from '@/config/selfService.js' import * as sel from '@/config/selfService.js'
import { mapGetters } from "vuex"; import { mapGetters } from 'vuex'
export default { export default {
computed: { computed: {
...mapGetters(["user"]), ...mapGetters(['user']),
}, },
data() { data() {
return { return {
@ -43,12 +43,6 @@ export default {
path: '/pages/selfService/updateDomicile/updateDomicile', path: '/pages/selfService/updateDomicile/updateDomicile',
id: '3', id: '3',
}, },
{
name: '经销商认证',
url: '../../static/images/zz_jxs.png',
path: '/pages/delear/index',
id: '4',
},
// { // {
// name: '月度历史累计业绩', // name: '月度历史累计业绩',
// url: '../../static/images/zz_thhdd.png', // url: '../../static/images/zz_thhdd.png',
@ -69,97 +63,12 @@ export default {
}, },
], ],
theselfHeader: [], theselfHeader: [],
userInfo:'' userInfo: '',
} }
}, },
onLoad() { onShow() {
this.userInfo = uni.getStorageSync("User"); this.userInfo = uni.getStorageSync('User')
this.checkIfShow() this.checkIfShow()
if(this.userInfo.makerSpaceShow == 1||this.userInfo.makerSpaceShow==undefined) {
this.selfServiceList= [
{
name: '修改地址',
url: '../../static/images/zz_dz.png',
path: '/pages/selfService/updateAdress/updateAdress',
id: '1',
},
// {
// name: '订单自提',
// url: '../../static/images/zz_tjbb.png',
// path: '/pages/selfService/orderPick/orderPick',
// id: '2',
// },
{
name: '户籍变更',
url: '../../static/images/zz_gxbg.png',
path: '/pages/selfService/updateDomicile/updateDomicile',
id: '3',
},
// {
// name: '月度历史累计业绩',
// url: '../../static/images/zz_thhdd.png',
// path: '/pages/selfService/monthlyHistory/monthlyHistory',
// id: '7',
// },
{
name: '自助撤单',
url: '../../static/images/zz_gzs.png',
path: '/pages/selfService/cancleOrder/index',
id: '8',
},
{
name: '实名认证',
url: '../../static/images/zz_jxs.png',
path: '/pages/selfService/realName/realName',
id: '9',
},
]
}else{
this.selfServiceList= [
{
name: '修改地址',
url: '../../static/images/zz_dz.png',
path: '/pages/selfService/updateAdress/updateAdress',
id: '1',
},
// {
// name: '订单自提',
// url: '../../static/images/zz_tjbb.png',
// path: '/pages/selfService/orderPick/orderPick',
// id: '2',
// },
{
name: '户籍变更',
url: '../../static/images/zz_gxbg.png',
path: '/pages/selfService/updateDomicile/updateDomicile',
id: '3',
},
{
name: '体验中心发起人认证',
url: '../../static/images/zz_cxlj.png',
path: '/pages/makerspace/index',
id: '6',
},
// {
// name: '月度历史累计业绩',
// url: '../../static/images/zz_thhdd.png',
// path: '/pages/selfService/monthlyHistory/monthlyHistory',
// id: '7',
// },
{
name: '自助撤单',
url: '../../static/images/zz_gzs.png',
path: '/pages/selfService/cancleOrder/index',
id: '8',
},
{
name: '实名认证',
url: '../../static/images/zz_jxs.png',
path: '/pages/selfService/realName/realName',
id: '9',
},
]
}
}, },
methods: { methods: {
goRouter(path) { goRouter(path) {
@ -168,8 +77,8 @@ export default {
}) })
}, },
checkIfShow() { checkIfShow() {
sel.checkIfShow().then((res) => { sel.checkIfShow().then(res => {
this.selfServiceList.forEach((ele) => { this.selfServiceList.forEach(ele => {
if (ele.id == 1) { if (ele.id == 1) {
ele.ifshow = res.data.existAddress ele.ifshow = res.data.existAddress
} else if (ele.id == 2) { } else if (ele.id == 2) {
@ -187,13 +96,12 @@ export default {
// existMemberMonth // existMemberMonth
} else if (ele.id == 8) { } else if (ele.id == 8) {
ele.ifshow = res.data.selfRevokeOrder ele.ifshow = res.data.selfRevokeOrder
} else if (ele.id == 9&&this.userInfo.pkCountry == 1) { } else if (ele.id == 9 && this.userInfo.pkCountry == 1) {
ele.ifshow = res.data.existRealName ele.ifshow = res.data.existRealName
} }
}) })
const theselfHeader = [] const theselfHeader = []
this.selfServiceList.forEach((element) => { this.selfServiceList.forEach(element => {
if (element.ifshow == 0) { if (element.ifshow == 0) {
theselfHeader.push(element) theselfHeader.push(element)
} }

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

@ -1,89 +1,185 @@
<template> <template>
<view class="main"> <view class="main">
<view class="contents"> <view class="contents">
<u-form :model="dataForm" labelWidth="auto" ref="uForm"> <u-form :model="dataForm" labelWidth="auto" ref="uForm">
<view class="view-class"> <view class="view-class">
<u-form-item :label="'会员姓名'" label-width="200rpx" prop="memberName"> <u-form-item
<u-input v-model="dataForm.memberName" disabled placeholder-class="place-class" :label="'会员姓名'"
class="border-color" placeholder="请输入收货人姓名" /> label-width="200rpx"
prop="memberName"
>
<u-input
v-model="dataForm.memberName"
disabled
placeholder-class="place-class"
class="border-color"
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="phone"> <u-form-item :label="'联系方式'" label-width="200rpx" prop="phone">
<u-input v-model="dataForm.phone" disabled placeholder-class="place-class" class="border-color" <u-input
placeholder="请输入联系方式" /> v-model="dataForm.phone"
disabled
placeholder-class="place-class"
class="border-color"
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="changeMemberName"> <u-form-item
<u-input v-model="dataForm.changeMemberName" placeholder-class="place-class" label="新会员姓名"
class="border-color" placeholder="请输入收货人姓名" /> label-width="200rpx"
prop="changeMemberName"
>
<u-input
v-model="dataForm.changeMemberName"
placeholder-class="place-class"
class="border-color"
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="changePhone"> <u-form-item
<u-input v-model="dataForm.changePhone" placeholder-class="place-class" class="border-color" label="新联系方式"
placeholder="请输入联系方式" /> label-width="200rpx"
prop="changePhone"
>
<u-input
v-model="dataForm.changePhone"
placeholder-class="place-class"
class="border-color"
placeholder="请输入联系方式"
/>
</u-form-item> </u-form-item>
</view> </view>
<view class="view-class"> <view class="view-class">
<u-form-item label-width="200rpx" :label="'验证码'" prop="verificationCode" borderBottom ref="item1"> <u-form-item
<u--input v-model="dataForm.verificationCode" placeholder="请输入" border="none"></u--input> label-width="200rpx"
<u-button @tap='getCode' class="getcodes" type="primary" shape="circle" :text="tips" :label="'验证码'"
color="#2FBC42"></u-button> prop="verificationCode"
borderBottom
ref="item1"
>
<u--input
v-model="dataForm.verificationCode"
placeholder="请输入"
border="none"
></u--input>
<u-button
@tap="getCode"
class="getcodes"
type="primary"
shape="circle"
:text="tips"
color="#2FBC42"
></u-button>
</u-form-item> </u-form-item>
</view> </view>
<view class="view-class"> <view class="view-class">
<u-form-item label="情况说明" class="label-style" label-width="200rpx" prop="description"> <u-form-item
<u-textarea v-model="dataForm.description" placeholder-class="place-class" class="border-color" label="情况说明"
placeholder="请输入情况说明" /> class="label-style"
label-width="200rpx"
prop="description"
>
<u-textarea
v-model="dataForm.description"
placeholder-class="place-class"
class="border-color"
placeholder="请输入情况说明"
/>
</u-form-item> </u-form-item>
</view> </view>
<view class="view-class" style="display: flex; align-items: center;justify-content: space-between;"> <view
<u-form-item labelPosition='top' required label-width="200rpx" label="原证件(正面)"> class="view-class"
<uploadImg :ifsfz='true' @imageUploaded='imageUploaded3' prop="idFront" style="
style="margin-right: 30rpx;" :bgimg="`../../../static/images/idCard1.png`" display: flex;
v-model="dataForm.idFront"></uploadImg> align-items: center;
justify-content: space-between;
"
>
<u-form-item
labelPosition="top"
required
label-width="200rpx"
label="原证件(正面)"
>
<uploadImg
:ifsfz="true"
@imageUploaded="imageUploaded3"
prop="idFront"
style="margin-right: 30rpx"
:bgimg="`../../../static/images/idCard1.png`"
v-model="dataForm.idFront"
></uploadImg>
</u-form-item> </u-form-item>
<u-form-item labelPosition='top' required label-width="200rpx" label="原证件(反面)"> <u-form-item
<uploadImg :ifsfz='true' @imageUploaded='imageUploaded4' prop="idBack" labelPosition="top"
style="margin-right: 30rpx;" :bgimg="`../../../static/images/idCard2.png`" required
v-model="dataForm.idBack"></uploadImg> label-width="200rpx"
label="原证件(反面)"
>
<uploadImg
:ifsfz="true"
@imageUploaded="imageUploaded4"
prop="idBack"
style="margin-right: 30rpx"
:bgimg="`../../../static/images/idCard2.png`"
v-model="dataForm.idBack"
></uploadImg>
</u-form-item> </u-form-item>
<!-- <u-form-item labelPosition='top' label="原会员证件照片" prop="remark"> <!-- <u-form-item labelPosition='top' label="原会员证件照片" prop="remark">
<image class="idImages" style="margin-right: 20rpx;" :src="dataForm.idFront" mode=""></image> <image class="idImages" style="margin-right: 20rpx;" :src="dataForm.idFront" mode=""></image>
<image class="idImages" :src="dataForm.idBack" mode=""></image> <image class="idImages" :src="dataForm.idBack" mode=""></image>
</u-form-item> --> </u-form-item> -->
</view> </view>
<view class="view-class" style="display: flex; align-items: center;justify-content: space-between;"> <view
class="view-class"
style="
display: flex;
align-items: center;
justify-content: space-between;
"
>
<!-- <u-form-item labelPosition='top' label="新会员证件照片" prop="changeIdFront"> <!-- <u-form-item labelPosition='top' label="新会员证件照片" prop="changeIdFront">
<uploadImg style="margin-right: 30rpx;" :bgimg="`../../../static/images/idCard1.png`" <uploadImg style="margin-right: 30rpx;" :bgimg="`../../../static/images/idCard1.png`"
v-model="dataForm.changeIdFront"></uploadImg> v-model="dataForm.changeIdFront"></uploadImg>
<uploadImg :bgimg="`../../../static/images/idCard2.png`" v-model="dataForm.changeIdBack"> <uploadImg :bgimg="`../../../static/images/idCard2.png`" v-model="dataForm.changeIdBack">
</uploadImg> </uploadImg>
</u-form-item> --> </u-form-item> -->
<u-form-item labelPosition='top' required label-width="180rpx" label="证件(正面)"> <u-form-item
<uploadImg :ifsfz='true' @imageUploaded='imageUploaded1' prop="changeIdFront" labelPosition="top"
style="margin-right: 30rpx;" :bgimg="`../../../static/images/idCard1.png`" required
v-model="dataForm.changeIdFront"></uploadImg> label-width="180rpx"
label="证件(正面)"
>
<uploadImg
:ifsfz="true"
@imageUploaded="imageUploaded1"
prop="changeIdFront"
style="margin-right: 30rpx"
:bgimg="`../../../static/images/idCard1.png`"
v-model="dataForm.changeIdFront"
></uploadImg>
</u-form-item> </u-form-item>
<u-form-item labelPosition='top' required label-width="180rpx" label="证件(反面)"> <u-form-item
<uploadImg :ifsfz='true' @imageUploaded='imageUploaded2' prop="changeIdBack" labelPosition="top"
style="margin-right: 30rpx;" :bgimg="`../../../static/images/idCard2.png`" required
v-model="dataForm.changeIdBack"></uploadImg> label-width="180rpx"
label="证件(反面)"
>
<uploadImg
:ifsfz="true"
@imageUploaded="imageUploaded2"
prop="changeIdBack"
style="margin-right: 30rpx"
:bgimg="`../../../static/images/idCard2.png`"
v-model="dataForm.changeIdBack"
></uploadImg>
</u-form-item> </u-form-item>
</view> </view>
<!-- <view class="view-class"> <!-- <view class="view-class">
@ -94,50 +190,38 @@
</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
placeholder="请输入" /> v-model="dataForm.remark"
placeholder-class="place-class"
class="border-color"
placeholder="请输入"
/>
</u-form-item> </u-form-item>
</view> </view>
<u-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-code> <u-code
:seconds="seconds"
@end="end"
@start="start"
ref="uCode"
@change="codeChange"
></u-code>
</u-form> </u-form>
</view> </view>
<u-button type="success" shape="circle" class="btn" @click="submit">{{'确定'}}</u-button> <u-button type="success" shape="circle" class="btn" @click="submit">{{
<u-popup class="thePopup" :show="successShow" mode="center" @close="successShow = false"> '确定'
<view class="successPopup"> }}</u-button>
<view class="poupTop">
<view class="theiconbox">
<u-icon name="checkbox-mark" color="#ffffff" size="26"></u-icon>
</view>
<view class="theicontitle">
提交成功
</view>
</view>
<view class="poupContent">
我们将在24小时内完成业务受理！具体进度将会以
短信通知形式发送您，请注意查收！</br>
<!-- 售后电话：400-111-2818 -->
</view>
<view class="poupBtn" @click="sureBtn">
确定
</view>
</view>
</u-popup>
</view> </view>
</template> </template>
<script> <script>
import * as sel from '@/config/selfService.js' import * as sel from '@/config/selfService.js'
import * as ban from "@/config/balance.js" import * as ban from '@/config/balance.js'
import uploadImg from '@/components/uploadImg.vue' import uploadImg from '@/components/uploadImg.vue'
import { import { setToken } from '@/config/auth.js'
setToken export default {
} from '@/config/auth.js'
export default {
components: { components: {
uploadImg uploadImg,
}, },
data() { data() {
return { return {
@ -147,42 +231,47 @@
defaultCode: [], defaultCode: [],
urls: '/member/api/maker-space/update-file', urls: '/member/api/maker-space/update-file',
dataForm: { dataForm: {
memberName: "", memberName: '',
phone: "", phone: '',
changeMemberName: "", changeMemberName: '',
changePhone: "", changePhone: '',
description: "", description: '',
amount: "", amount: '',
remark: "", remark: '',
idFront:"", idFront: '',
idBack:"", idBack: '',
changeIdFront: "", changeIdFront: '',
changeIdBack: "" changeIdBack: '',
}, },
choiceValue: "", choiceValue: '',
successShow: false, successShow: false,
addressList: [], addressList: [],
rules: { rules: {
changeMemberName: [{ changeMemberName: [
{
// 必填项 // 必填项
required: true, required: true,
// 提示内容（会出现在u-form-item内的底部） // 提示内容（会出现在u-form-item内的底部）
message: "姓名不能为空", message: '姓名不能为空',
}], },
],
changeIdFront: [{ changeIdFront: [
{
// 必填项 // 必填项
required: true, required: true,
// 提示内容（会出现在u-form-item内的底部） // 提示内容（会出现在u-form-item内的底部）
message: "证件照片不能为空", message: '证件照片不能为空',
}], },
changeIdBack: [{ ],
changeIdBack: [
{
// 必填项 // 必填项
required: true, required: true,
// 提示内容（会出现在u-form-item内的底部） // 提示内容（会出现在u-form-item内的底部）
message: "证件照片不能为空", message: '证件照片不能为空',
}], },
],
// description: [{ // description: [{
// // 必填项 // // 必填项
// required: true, // required: true,
@ -191,31 +280,36 @@
// trigger: ["change"], // trigger: ["change"],
// }], // }],
changePhone: [{ changePhone: [
{
required: true, required: true,
message: "请输入手机号", message: '请输入手机号',
trigger: ["blur"], trigger: ['blur'],
}, },
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
return this.$u.test.mobile(value); return this.$u.test.mobile(value)
}, },
message: "手机号格式不正确", message: '手机号格式不正确',
trigger: ["blur"], trigger: ['blur'],
}, },
], ],
idFront: [{ idFront: [
{
// 必填项 // 必填项
required: true, required: true,
// 提示内容（会出现在u-form-item内的底部） // 提示内容（会出现在u-form-item内的底部）
message: "原证件照片不能为空", message: '原证件照片不能为空',
}], },
idBack: [{ ],
idBack: [
{
// 必填项 // 必填项
required: true, required: true,
// 提示内容（会出现在u-form-item内的底部） // 提示内容（会出现在u-form-item内的底部）
message: "原证件照片不能为空", message: '原证件照片不能为空',
}], },
],
}, },
tips: '', tips: '',
seconds: 60, seconds: 60,
@ -223,57 +317,56 @@
}, },
onLoad() { onLoad() {
this.applyChange() this.applyChange()
}, },
onReady() { onReady() {
this.$refs.uForm.setRules(this.rules); this.$refs.uForm.setRules(this.rules)
}, },
methods: { methods: {
imageUploaded1(url){ imageUploaded1(url) {
this.dataForm.changeIdFront= url this.dataForm.changeIdFront = url
}, },
imageUploaded2(url){ imageUploaded2(url) {
this.dataForm.changeIdBack= url this.dataForm.changeIdBack = url
}, },
imageUploaded3(url){ imageUploaded3(url) {
this.dataForm.idFront= url this.dataForm.idFront = url
}, },
imageUploaded4(url){ imageUploaded4(url) {
this.dataForm.idBack= url this.dataForm.idBack = url
}, },
applyChange() { applyChange() {
sel.showChangeDomicile().then((res) => { sel.showChangeDomicile().then(res => {
this.dataForm = res.data; this.dataForm = res.data
})
});
}, },
codeChange(text) { codeChange(text) {
this.tips = text; this.tips = text
}, },
getCode() { getCode() {
if (this.dataForm.changePhone) { if (this.dataForm.changePhone) {
if (this.$refs.uCode.canGetCode) { if (this.$refs.uCode.canGetCode) {
// 模拟向后端请求验证码 // 模拟向后端请求验证码
uni.showLoading({ uni.showLoading({
title: '正在获取验证码' title: '正在获取验证码',
}) })
ban.getVerification({ ban
phone: this.dataForm.changePhone .getVerification({
}).then((res) => { phone: this.dataForm.changePhone,
uni.hideLoading(); })
.then(res => {
uni.hideLoading()
// 这里此提示会被this.start()方法中的提示覆盖 // 这里此提示会被this.start()方法中的提示覆盖
uni.$u.toast('验证码已发送'); uni.$u.toast('验证码已发送')
// 通知验证码组件内部开始倒计时 // 通知验证码组件内部开始倒计时
this.$refs.uCode.start(); this.$refs.uCode.start()
}) })
} else { } else {
uni.$u.toast('倒计时结束后再发送'); uni.$u.toast('倒计时结束后再发送')
} }
} else { } else {
uni.$u.toast("请先输入手机号") uni.$u.toast('请先输入手机号')
return return
} }
}, },
@ -285,17 +378,19 @@
}, },
submit() { submit() {
this.$refs.uForm.validate().then((res) => { this.$refs.uForm.validate().then(res => {
sel.saveChangeDomicile(this.dataForm).then((res) => { sel.saveChangeDomicile(this.dataForm).then(res => {
if (res.code == '200') { if (res.code == '200') {
// uni.showToast({ uni.showToast({
// title: res.msg, title: '修改成功',
// icon: 'none', icon: 'none',
// success() { success() {
setTimeout(() => {
// } uni.navigateBack()
// }) }, 600)
this.successShow = true },
})
// this.successShow = true
} }
}) })
}) })
@ -303,20 +398,17 @@
sureBtn() { sureBtn() {
uni.navigateBack() uni.navigateBack()
}, },
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.custom-radio-label { .custom-radio-label {
display: flex; display: flex;
margin-top: 30rpx; margin-top: 30rpx;
} }
.custom-label-content { .custom-label-content {
margin-left: 20rpx; margin-left: 20rpx;
.label_name { .label_name {
@ -339,14 +431,14 @@
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
} }
:v-deep .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
margin-left: 215rpx !important; margin-left: 215rpx !important;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
.drop { .drop {
image { image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
@ -354,15 +446,15 @@
right: 0; right: 0;
top: 30rpx; top: 30rpx;
} }
} }
.check { .check {
position: relative; position: relative;
view { view {
width: 36rpx; width: 36rpx;
height: 36rpx; height: 36rpx;
border: 1rpx solid #DDDDDD; border: 1rpx solid #dddddd;
border-radius: 50%; border-radius: 50%;
margin-top: 25rpx; margin-top: 25rpx;
} }
@ -375,9 +467,9 @@
top: 25rpx; top: 25rpx;
// margin-top: 20rpx; // margin-top: 20rpx;
} }
} }
.lis_address { .lis_address {
background: rgba(231, 20, 26, 0.08); background: rgba(231, 20, 26, 0.08);
border-radius: 15rpx; border-radius: 15rpx;
padding: 20rpx 26rpx; padding: 20rpx 26rpx;
@ -386,61 +478,59 @@
font-size: 28rpx; font-size: 28rpx;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #005BAC; color: #005bac;
}
} }
}
.label-style { .label-style {
display: block !important; display: block !important;
} }
:v-deep .label-style .u-form-item__body__left { :v-deep .label-style .u-form-item__body__left {
display: block !important; display: block !important;
margin-top: 20rpx; margin-top: 20rpx;
} }
.uni-textarea { .uni-textarea {
height: 100rpx; height: 100rpx;
} }
.view-class { .view-class {
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
margin: 0 30rpx; margin: 0 30rpx;
position: relative; position: relative;
} }
.border-color { .border-color {
border: none; border: none;
}
} page {
page {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
.contents { .contents {
background-color: #fff; background-color: #fff;
.idImages { .idImages {
width: 316rpx; width: 316rpx;
height: 192rpx; height: 192rpx;
} }
}
} .btn {
background-color: #005bac;
.btn {
background-color: #005BAC;
border: none; border: none;
height: 92rpx; height: 92rpx;
line-height: 92rpx; line-height: 92rpx;
font-size: 30rpx; font-size: 30rpx;
margin: 40rpx auto; margin: 40rpx auto;
width: 690rpx; width: 690rpx;
} }
.successPopup { .successPopup {
width: 560rpx; width: 560rpx;
background: #FFFFFF; background: #ffffff;
border-radius: 20rpx; border-radius: 20rpx;
padding: 26rpx 60rpx; padding: 26rpx 60rpx;
@ -475,27 +565,27 @@
} }
.poupBtn { .poupBtn {
background: #005BAC; background: #005bac;
border-radius: 39rpx; border-radius: 39rpx;
padding: 26rpx 0; padding: 26rpx 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #FFFFFF; color: #ffffff;
margin-top: 70rpx; margin-top: 70rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
} }
::v-deep .u-popup__content { ::v-deep .u-popup__content {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
} }
.getcodes { .getcodes {
width: 197rpx; width: 197rpx;
// height: 76rpx; // height: 76rpx;
background: #2FBC42; background: #2fbc42;
border-radius: 38rpx; border-radius: 38rpx;
color: #fff; color: #fff;
} }
</style> </style>

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

@ -1,6 +1,6 @@
<template> <template>
<view class="content"> <view class="content">
<view class="tab"> <!-- <view class="tab">
<view <view
v-for="(item, index) in tabList" v-for="(item, index) in tabList"
:key="index" :key="index"
@ -10,7 +10,7 @@
> >
{{ 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">
@ -177,7 +177,7 @@ export default {
.join('&') .join('&')
// let paramsString = encodeURIComponent(JSON.stringify(params)) // let paramsString = encodeURIComponent(JSON.stringify(params))
uni.navigateTo({ uni.redirectTo({
url: '/pages/selfService/updateDomicile/addDomicile?' + queryString, url: '/pages/selfService/updateDomicile/addDomicile?' + queryString,
}) })
} }