From 86576cec0b523b6a92f728cf01d8f52b6f3da44d Mon Sep 17 00:00:00 2001 From: "DESKTOP-GMUNQ1B\\k" <1154079537@qq.com> Date: Tue, 12 Mar 2024 18:06:08 +0800 Subject: [PATCH] =?UTF-8?q?=E5=95=86=E6=88=B7=E5=85=A5=E9=A9=BB=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- api/article.js | 3 + api/user.js | 5 + pages/store/settled/index.vue | 712 ++++++++++++++++++---------------- 3 files changed, 385 insertions(+), 335 deletions(-) diff --git a/api/article.js b/api/article.js index 4b4dbc1..d5e464b 100644 --- a/api/article.js +++ b/api/article.js @@ -7,6 +7,9 @@ import request from "@/utils/request.js"; * */ +export const getCitys = (data) => request.get('city/get_city', data, { + noAuth: true +}) export const getArea = (data) => request.get('city/get_area', data, { noAuth: true diff --git a/api/user.js b/api/user.js index 9c10e99..86d32b2 100644 --- a/api/user.js +++ b/api/user.js @@ -794,6 +794,11 @@ export function systemFormData(id) { }) } +//获取商户入驻所签署公司 + +export function merstreet(data) { + return request.get(`company/street_company`, data); +} //填写邀请码 export function bindPromotionCode(data) { diff --git a/pages/store/settled/index.vue b/pages/store/settled/index.vue index 53f76a6..00bf8b3 100644 --- a/pages/store/settled/index.vue +++ b/pages/store/settled/index.vue @@ -39,11 +39,12 @@ 商户分类 - - - - + + + + - - - - - 公司性质 - - - - - - - - - - - - - 请上传营业执照 - (图片格式支持JPG、PNG、JPEG) - - - - - - - 上传图片 - - - - + + + + + + 公司性质 + + + + + + + + + + + 请上传营业执照 + (图片格式支持JPG、PNG、JPEG) + + + + + + + 上传图片 + + + + 详细地址 - - @@ -149,10 +140,9 @@ 公司名称 - - @@ -160,7 +150,7 @@ 法人名称 - @@ -169,21 +159,13 @@ 社会信用代码 - - - - 请上传行业相关其他资质证明图片 @@ -202,35 +184,89 @@ - - - 联系电话 - - - - - - 验证码 - - - - - - - 验证码 - - - - - - - + + + + 对公账号 + + + + + + 银行卡号 + + + + + + 开户银行 + + + + + + 开户网点 + + + + + + 持卡人 + + + + + + 请上传银行卡正面照片 + (支持JPG、PNG、JPEG) + + + + + + + 上传图片 + + + + + + + + 联系电话 + + + + + + 验证码 + + + + + + + 验证码 + + + + + + + 已阅读并同意 @@ -246,11 +282,12 @@ - + + +
{{isType ? '店铺类型说明' : '商户入驻协议'}}
- @@ -273,15 +310,13 @@ - + - + - - - @@ -323,22 +358,22 @@ create, verify, merClassifly, - getCategoryList, + getCategoryList, getGoodsDetails, updateGoodsRecord, getStoreTypeApi, agreeiness, - merchantLicenseIdentify + merchantLicenseIdentify } from '@/api/store.js'; import { getCaptcha, getAgreementApi, - merstreet } from "@/api/user"; import { getStreet, getArea, - getVillage + getVillage, + getCitys } from "@/api/article.js" import { mapGetters @@ -355,7 +390,9 @@ import { HTTP_REQUEST_URL } from '@/config/app'; -import { Toast } from '../../../libs/uniApi'; + import { + Toast + } from '../../../libs/uniApi'; const app = getApp(); export default { components: { @@ -389,9 +426,10 @@ import { Toast } from '../../../libs/uniApi'; social_credit_code: '', company_name: '', address: '', - invitation_code: '', + invitation_code: '', }, - business_license: '',//营业执照 + business_license: '', //营业执照 + bank_front: '', //银行卡照片 validate: false, successful: false, keyCode: "", @@ -402,23 +440,25 @@ import { Toast } from '../../../libs/uniApi'; index1: 0, index2: [0, 0, 0], mer_classification: "", - nature_business: 0, + nature_business: 0, array: [{ category_name: '', merchant_category_id: '' }], - companyTypeList: ['对公户', '个体户'], - bindPickerChangeidx: [], + companyTypeList: ['对公户', '个体户'], + bindPickerChangeidx: [], storeTypeArr: [{ type_name: '', mer_type_id: '' }], StreetTyoeArr: [{ + city_id: '', area_id: '', street_id: '', village_id: '' }], mer_storeType: '', + city_id: '', area_id: '', street_id: '', village_id: '', @@ -451,8 +491,8 @@ import { Toast } from '../../../libs/uniApi'; computed: configMap({ sys_intention_agree: '' }, mapGetters(['isLogin', 'viewColor', 'keyColor'])), - onLoad(options) { + onLoad(options) { if (this.isLogin) { this.getClassfication(); this.getStoreType(); @@ -468,14 +508,10 @@ import { Toast } from '../../../libs/uniApi'; this.$nextTick(function() { this.getGoodsDetails(options.mer_i_id) }) - } - else this.getArea() + } else this.getCity(); this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 45; }, - onShow() { - }, - onReady() {}, methods: { //获取交易信息 codelist() { @@ -483,12 +519,14 @@ import { Toast } from '../../../libs/uniApi'; this.codenote = res.data.list }) }, + //退出 logout() { uni.switchTab({ url: '/pages/user/index' }) }, + //关闭弹窗 recuo() { if (this.num > 0) { @@ -499,25 +537,15 @@ import { Toast } from '../../../libs/uniApi'; this.isshow = false } }, - //拒绝 - refuse() { - - uni.switchTab({ - url: '/pages/user/index' - }) - }, countDown() { let { num } = this; - // if (num === 3) this.nums = true; num = num > 0 ? num - 1 : "0"; setTimeout(() => { - this.num = num; if (num == '0') { - // this.launchApp() return } if (this.isshow == false && this.num > 0) { @@ -526,13 +554,10 @@ import { Toast } from '../../../libs/uniApi'; } this.countDown(); }, 1000); - - }, //获取商户入驻申请协议 shoplist(val) { - agreeiness({ type: val }).then(res => { @@ -540,68 +565,99 @@ import { Toast } from '../../../libs/uniApi'; }) }, - - //是否是农贸市场 - // change(e) { - // this.isnum = (e === true ? 1 : 0) - // }, // 获取村 - getVillage(e) { + getVillage(street = null) { const self = this; getVillage({ - street_code: e + street_code: street }).then(res => { - self.$set(self.business, 2, res.data); - if(self.mer_i_id&&!this.business_name){ - let area = self.business[0].find(item=>item.code==self.area_id)?.name; - let street = self.business[1].find(item=>item.code==self.street_id)?.name; - let village = self.business[2].find(item=>item.id==self.village_id)?.name; - this.business_name = `${area} ${street} ${village}`; - this.getArea(); - } + self.$set(self.business, 3, res.data); + if (self.mer_i_id && !this.business_name) { + let city = self.business[0].find(item => item.code == self.city_id)?.name; + const zero = self.business[0].findIndex(item => item.code == self.city_id); + this.index2[0] = zero; + + let area = self.business[1].find(item => item.code == self.area_id)?.name; + const one = self.business[0].findIndex(item => item.code == self.area_id); + this.index2[1] = one; + + + let street = self.business[2].find(item => item.code == self.street_id)?.name; + const two = self.business[0].findIndex(item => item.code == self.street_id); + this.index2[2] = two; + + let village = self.business[3].find(item => item.id == self.village_id)?.name; + const three = self.business[0].findIndex(item => item.code == self.village_id); + this.index2[3] = three; + + this.business_name = `${city} ${area} ${street} ${village}`; + } }) }, + //获取镇 - getStreet(e, street) { + getStreet(area = null, street = null) { const self = this; getStreet({ - area_code: e + area_code: area }).then(res => { - self.$set(self.business, 1, res.data) - self.getVillage(street?street:self.business[1][0].code) + this.business[2] = res.data; + street = street == null ? self.business[2][0].code : street; + self.getVillage(street) }) }, + //获取区 - getArea(code=null, street=null) { + getArea(city = null, area = null, street = null) { getArea({ - city_code: 510500 + city_code: city }).then(res => { - this.business[0] = res.data; - this.code1 = code ? code : this.business[0][0].code; - this.getStreet(this.code1, street) + this.business[1] = res.data; + area = area == null ? this.business[1][0].code : area; + this.getStreet(area, street) }) }, + + // 获取市 + getCity(city = null, area = null, street = null) { + getCitys().then(res => { + this.business[0] = res.data; + const code = this.business[0][0].code; //市 初始化 + city = city == null ? code : city; + + this.getArea(city, area, street); + }) + }, + //商圈数据变化 pickerColumnchange(e) { - if (e.detail.column === 0) { - this.getStreet(this.business[0][e.detail.value].code) + if (e.detail.column === 0) { //第0列 + this.getArea(this.business[0][e.detail.value].code); this.index2[0] = e.detail.value this.index2[1] = 0 this.index2[2] = 0 + this.index2[3] = 0 } else if (e.detail.column === 1) { - this.getVillage(this.business[1][e.detail.value].code) + this.getStreet(this.business[1][e.detail.value].code) this.index2[1] = e.detail.value this.index2[2] = 0 - } else if (e.detail.column === 1) { + this.index2[3] = 0 + } else if (e.detail.column === 2) { + this.getVillage(this.business[2][e.detail.value].code) this.index2[2] = e.detail.value + this.index2[3] = 0 + } else if (e.detail.column == 3) { + this.index2[3] = e.detail.value } }, + getConfig() { this.isType = false; this.showProtocol = true; // 获取配置 this.protocol = this.sys_intention_agree }, + /*获取发票说明*/ getAgreement() { let that = this @@ -609,45 +665,54 @@ import { Toast } from '../../../libs/uniApi'; that.isType = true getAgreementApi('sys_merchant_type').then(res => { that.protocol = res.data.sys_merchant_type - - }) }, + // 获取历史提交数据详情 getGoodsDetails(id) { getGoodsDetails(id).then(res => { - let arr = Object.keys(this.merchantData) let resData = res.data - arr.map(item => { - this.merchantData.enterprise_name = resData.mer_name - this.merchantData.user_name = resData.name - this.merchantData.phone = resData.phone - this.merchantData.social_credit_code = resData.social_credit_code - this.merchantData.company_name = resData.company_name - this.merchantData.address = resData.address - this.merchantData.invitation_code = resData.invitation_code - this.merchantData.classification = resData.merchant_category_id - this.merchantData.mer_type = resData.mer_type_id - this.area_id = resData.area_id - this.street_id = resData.street_id - this.mer_storeType = resData.mer_storeType - this.village_id = resData.village_id - }) - this.business_license = resData.images[0]; - resData.images.shift(); + this.merchantData.enterprise_name = resData.mer_name + this.merchantData.user_name = resData.name + this.merchantData.phone = resData.phone + this.merchantData.social_credit_code = resData.social_credit_code + this.merchantData.company_name = resData.company_name + this.merchantData.address = resData.address + this.merchantData.invitation_code = resData.invitation_code + this.merchantData.classification = resData.merchant_category_id + this.merchantData.mer_type = resData.mer_type_id + this.city_id = resData.city_id; + this.area_id = resData.area_id + this.street_id = resData.street_id + this.mer_storeType = resData.mer_storeType + this.village_id = resData.village_id; + + const bankInfo = resData.financial_bank ? JSON.parse(resData.financial_bank) : ''; + this.$set(this.merchantData, 'bank_code', bankInfo.bank_code); + this.$set(this.merchantData, 'bank_username', bankInfo.bank); + this.$set(this.merchantData, 'bank_opening', bankInfo.bank_branch); + this.$set(this.merchantData, 'bank_card_username', bankInfo.name); + this.bank_front = bankInfo.bank_front[0] ? bankInfo.bank_front[0] : ''; + + this.nature_business = resData.is_company == 1 ? 1 : 2; + + this.business_license = resData.images[0]; + resData.images.shift(); this.pics = resData.images; this.mer_classification = this.getCategoryName(resData.merchant_category_id, this.array) this.mer_storeType = this.getStoreTypeName(resData.mer_type_id, this.storeTypeArr) - this.business_name = ''; - this.getArea(this.area_id, this.street_id); - if(resData.mer_type_id!=12){ - this.shoplist('mer_services_agree') - }else{ - this.shoplist('mer_supply_agree') - } + this.business_name = ''; + + this.getCity(this.city_id, this.area_id, this.street_id); + if (resData.mer_type_id != 12) { + this.shoplist('mer_services_agree') + } else { + this.shoplist('mer_supply_agree') + } uni.hideLoading(); }) }, + //获取商户分类名称 getCategoryName(id, arr) { for (let i = 0; i < arr.length; i++) { @@ -656,6 +721,7 @@ import { Toast } from '../../../libs/uniApi'; } } }, + //获取店铺类型名称 getStoreTypeName(id, arr) { for (let i = 0; i < arr.length; i++) { @@ -664,98 +730,59 @@ import { Toast } from '../../../libs/uniApi'; } } }, - // 选择公司性质 - natureBusinessChange(e){ - this.nature_business = this.companyTypeList[e.detail.value]=='个体户'?2:1; - }, + + // 选择公司性质 + natureBusinessChange(e) { + this.nature_business = this.companyTypeList[e.detail.value] == '个体户' ? 2 : 1; + }, + bindPickerChange: function(e) { - // console.log(e.detail); - // this.index = e.target.value[1]; - let idx = e.target.value; - // let idx = e.target.value[1]; - this.merchantData.classification = this.array[idx]['merchant_category_id'] - this.mer_classification = this.array[idx]['category_name'] - // this.merchantData.classification = this.bindPickerChangeidx[idx]['store_category_id'] - // this.mer_classification = this.bindPickerChangeidx[idx]['cate_name'] + let idx = e.target.value; + this.merchantData.classification = this.array[idx]['merchant_category_id'] + this.mer_classification = this.array[idx]['category_name'] this.validateBtn() }, - columnchange(e){ - // console.log(e.detail); - if(e.detail.column==0){ - this.bindPickerChangeidx = this.array[e.detail.value].children; - } - }, - bindPickerChange1: function(e) { + columnchange(e) { + if (e.detail.column == 0) { + this.bindPickerChangeidx = this.array[e.detail.value].children; + } + }, + + bindPickerChange1: function(e) { this.index1 = e.target.value let idx = e.target.value this.merchantData.mer_type = this.storeTypeArr[idx]['mer_type_id'] this.mer_storeType = this.storeTypeArr[idx]['type_name'] - // console.log(this.merchantData.mer_type) - if(this.storeTypeArr[idx]['type_code']== 'TypeStore'&&this.merchantData.mer_type){ + if (this.storeTypeArr[idx]['type_code'] == 'TypeStore' && this.merchantData.mer_type) { this.shoplist('mer_services_agree') - }else{ + } else { this.shoplist('mer_supply_agree') } this.validateBtn() }, bindPickerChange2: function(e) { - // console.log(e.detail.value) this.index2 = e.detail.value this.business_name = - `${this.business[0][this.index2[0]].name} ${this.business[1][this.index2[1]].name} ${this.business[2][this.index2[2]].name}` - this.area_id = this.business[0][this.index2[0]].code - this.street_id = this.business[1][this.index2[1]].code - this.village_id = this.business[2][this.index2[2]].id - if(this.merchantData.mer_type==12) return ; //市级供应链不需要查询镇农科公司 - merstreet({ - street_code: this.street_id - }).then((res) => { - if (res.code == 0) { - this.company = '' - this.organization_code = '' - this.$util.Tips({ - title: res.msg - }); - return false; - } else { - this.company = res.data.title - this.organization_code = res.data.organization_code - } - - - }).catch(res => { - console.log(res) - }) + `${this.business[0][this.index2[0]].name} ${this.business[1][this.index2[1]].name} ${this.business[2][this.index2[2]].name} ${this.business[3][this.index2[3]].name}` + this.city_id = this.business[0][this.index2[0]].code; + this.area_id = this.business[1][this.index2[1]].code; + this.street_id = this.business[2][this.index2[2]].code + this.village_id = this.business[3][this.index2[3]].id }, + // 获取商户分类 getClassfication: function() { - merClassifly() - .then(res => { - this.array = res.data - }) - .catch(res => { - this.$util.Tips({ - title: res - }); + merClassifly().then(res => { + this.array = res.data + }).catch(res => { + this.$util.Tips({ + title: res }); - // getCategoryList() - // .then(res => { - // // console.log(res); - // res.data.list.forEach(item=>{ - // item.category_name = item.cate_name; - // item.merchant_category_id = item.store_category_id; - // }) - // this.array = res.data.list; - // this.bindPickerChangeidx = this.array[0].children; - // }) - // .catch(res => { - // this.$util.Tips({ - // title: res - // }); - // }); + }); }, + // 获取店铺类型 getStoreType: function() { getStoreTypeApi() @@ -817,32 +844,38 @@ import { Toast } from '../../../libs/uniApi'; that.$set(that, 'pics', that.pics); }); }, - /** - * 上传图片识别文字 - * - */ - uploadpicText: function() { - let that = this; - that.$util.uploadImageOne('upload/image', function(res) { - that.business_license = res.data.path; - uni.showLoading({ - title: '识别中' - }) - merchantLicenseIdentify({ - image: res.data.path - }).then(res=>{ - that.merchantData.address = res.data.address; - that.merchantData.user_name = res.data.legal_person; - that.merchantData.social_credit_code = res.data.register_number; - that.merchantData.company_name = res.data.name; - // that.$set('merchantData', that.merchantData); - uni.hideLoading(); - }).catch((e)=>{ - uni.hideLoading(); - Toast(e) - }) - }); - }, + uploadpicBack: function() { + let that = this; + that.$util.uploadImageOne('upload/image', function(res) { + that.bank_front = res.data.path; + }); + }, + /** + * 上传图片识别文字 + * + */ + uploadpicText: function() { + let that = this; + that.$util.uploadImageOne('upload/image', function(res) { + that.business_license = res.data.path; + uni.showLoading({ + title: '识别中' + }) + merchantLicenseIdentify({ + image: res.data.path + }).then(res => { + that.merchantData.address = res.data.address; + that.merchantData.user_name = res.data.legal_person; + that.merchantData.social_credit_code = res.data.register_number; + that.merchantData.company_name = res.data.name; + // that.$set('merchantData', that.merchantData); + uni.hideLoading(); + }).catch((e) => { + uni.hideLoading(); + Toast(e) + }) + }); + }, /** * 删除图片 * @@ -855,15 +888,13 @@ import { Toast } from '../../../libs/uniApi'; }, getCode() { let that = this - getCodeApi() - .then(res => { - that.keyCode = res.data.key; - }) - .catch(res => { - that.$util.Tips({ - title: res - }); + getCodeApi().then(res => { + that.keyCode = res.data.key; + }).catch(res => { + that.$util.Tips({ + title: res }); + }); }, async code(data) { let that = this; @@ -896,6 +927,7 @@ import { Toast } from '../../../libs/uniApi'; } }); }, + getcaptcha() { let that = this getCaptcha().then(data => { @@ -905,6 +937,7 @@ import { Toast } from '../../../libs/uniApi'; }) that.isShowCode = true; }, + sendCode() { if (this.disabled) return; this.disabled = true; @@ -922,20 +955,16 @@ import { Toast } from '../../../libs/uniApi'; } }, 1000); }, + onConfirm(val) { this.region = val.checkArr[0] + '-' + val.checkArr[1] + '-' + val.checkArr[2]; }, + ChangeIsAgree: function(e) { this.isAgree = !this.isAgree; this.validateBtn(); }, - //所属公司 - - //协议弹窗 - showxy() { - this.isshow = true - }, //提交 agree() { let that = this; @@ -946,19 +975,30 @@ import { Toast } from '../../../libs/uniApi'; code: that.merchantData.yanzhengma, company_name: that.merchantData.company_name, address: that.merchantData.address, - invitation_code: that.merchantData.invitation_code, + invitation_code: that.merchantData.invitation_code, social_credit_code: that.merchantData.social_credit_code, merchant_category_id: that.merchantData.classification, - merchant_category_name: that.mer_classification, - is_company: that.nature_business==1?1:0, // 是否是公司, 1是公司, 0是个体 + merchant_category_name: that.mer_classification, + is_company: that.nature_business == 1 ? 1 : 0, // 是否是公司, 1是公司, 0是个体 mer_type_id: that.merchantData.mer_type, mer_storeType: this.mer_storeType, + city_id: this.city_id, area_id: this.area_id, street_id: this.street_id, village_id: this.village_id, is_nmsc: this.isnum, - images: [this.business_license, ...that.pics] + images: [this.business_license, ...that.pics], + financial_bank: { + // 开户信息 + bank_code: this.merchantData.bank_code, + bank: this.merchantData.bank_username, + bank_branch: this.merchantData.bank_opening, + name: this.nature_business == 1 ? that.merchantData.company_name : this.merchantData + .bank_card_username, + bank_front: [this.bank_front] + } } + that.validate = false; if (that.mer_i_id) { updateGoodsRecord(that.mer_i_id, requestData).then(res => { @@ -998,7 +1038,7 @@ import { Toast } from '../../../libs/uniApi'; }, formSubmit() { if (this.validateForm() && this.validate) { - if (this.merchantData.mer_type == '12') return this.agree(); + if (this.merchantData.mer_type == '12') return this.agree(); if (this.codenote.length == 0) { this.isshow = true this.countDown() @@ -1130,9 +1170,9 @@ import { Toast } from '../../../libs/uniApi'; if (!this.mer_classification) return that.$util.Tips({ title: '请选择商户分类' }); - if (!this.nature_business) return that.$util.Tips({ - title: '请选择公司性质' - }) + if (!this.nature_business) return that.$util.Tips({ + title: '请选择公司性质' + }) if (!this.mer_storeType) return that.$util.Tips({ title: '请选择店铺类型' }) @@ -1145,9 +1185,9 @@ import { Toast } from '../../../libs/uniApi'; if (that.isShowCode && !that.codeVal) return that.$util.Tips({ title: '请填写图片验证码' }); - if (!that.business_license) return that.$util.Tips({ - title: '请上传营业执照' - }); + if (!that.business_license) return that.$util.Tips({ + title: '请上传营业执照' + }); // if (that.pics.length == 0) return that.$util.Tips({ // title: '请上传一张或者多张图片' // }); @@ -1189,7 +1229,7 @@ import { Toast } from '../../../libs/uniApi'; background-color: var(--view-theme) !important; color: #fff !important; } - + .conten-top { width: 100%; @@ -1230,8 +1270,8 @@ import { Toast } from '../../../libs/uniApi'; } .merchantsSettled { - background-image: linear-gradient(var(--view-bntColor21) 0%, var(--view-bntColor22) 100%); - min-height: 2600rpx; + background-image: linear-gradient(var(--view-bntColor21) 0%, var(--view-bntColor22) 100%); + min-height: 3200rpx; position: relative; } @@ -1566,6 +1606,12 @@ import { Toast } from '../../../libs/uniApi'; } } + .settlementAgreement .setAgCount .close { + position: absolute; + top: 15rpx; + right: 15rpx; + } + .settlementAgreement .setAgCount .icon { font-size: 42rpx; color: #b4b1b4; @@ -1582,19 +1628,16 @@ import { Toast } from '../../../libs/uniApi'; } .settlementAgreement .setAgCount .content { - color: #333; font-size: 26rpx; line-height: 22px; text-align: justify; text-justify: distribute-all-lines; - overflow-y: scroll; + padding-bottom: 20rpx; } - .settlementAgreement .setAgCount .contenta { - color: #333; font-size: 26rpx; line-height: 22px; @@ -1602,14 +1645,12 @@ import { Toast } from '../../../libs/uniApi'; text-justify: distribute-all-lines; height: 75%; overflow-y: scroll; - - } .setAgCountbtn { display: flex; justify-content: space-around; - position: relative; + position: relative; .setAgCountbtna { margin-top: 40rpx; @@ -1660,22 +1701,23 @@ import { Toast } from '../../../libs/uniApi'; color: #fff; } - - .border{ - position: absolute; - top: 0; - left: -28rpx; - width: 100vw; - height: 100%; - border-radius: 40rpx 40rpx 0 0; - box-shadow: 0px -5px 5px -2px rgba(0, 0, 0, 0.2); /* 在上边框添加阴影 */ - } - - .btn{ - width: 694rpx; - font-weight: bold; - font-size: 34rpx; - } + + .border { + position: absolute; + top: 0; + left: -28rpx; + width: 100vw; + height: 100%; + border-radius: 40rpx 40rpx 0 0; + box-shadow: 0px -5px 5px -2px rgba(0, 0, 0, 0.2); + /* 在上边框添加阴影 */ + } + + .btn { + width: 694rpx; + font-weight: bold; + font-size: 34rpx; + } } .settledSuccessMain {