LK/income_payments_applet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【update】报名页面增加发票信息的核对、增加备注字段

Browse Source
This commit is contained in:
fengchenchen
2023-07-20 17:59:13 +08:00
parent 2587b0a822
commit 23b68045f9
9 changed files with 957 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/signUpPage/signUpPage.js
+217 -68
View File
@@ -1,12 +1,23 @@
// pages/signUpPage/signUpPage.js
import signUpApi from '../../assets/js/http/signUp'
import MeetingApi from '../../assets/js/http/meetingApi'
// 引入对发票信息 校验的方法
let confirmInvoiceModalBehavior = require('../../behavior/confirmInvoiceModal.js')
import {
phoneReg,
postcode,
compareDate
compareDate,
dutyCode
} from '../../utils/validate'
const InvoiceTypeEnums = {
noNeed: { name: '不需要', index: 0 },
plain: { name: '增值税普通发票', index: 1 },
special: { name: '增值税专用发票', index: 2 }
}
Page({
behaviors: [confirmInvoiceModalBehavior],
/**
* 页面的初始数据
*/
@@ -15,17 +26,17 @@ Page({
identifyList: [{
value: '2',
name: '参会人',
disabled:false
disabled: false
},
{
value: '1',
name: '嘉宾',
disabled:false
disabled: false
},
{
value: '3',
name: '内部企业',
disabled:true
disabled: true
},
],
// 缴费方式
@@ -57,6 +68,16 @@ Page({
name: '增值税专用发票'
},
],
// 发票项目
invoiceProjectList: [{
value: '1',
name: '会议费'
},
{
value: '2',
name: '培训费'
},
],
// 是否住酒店
needCheckInHotel: [{
value: '1',
@@ -71,6 +92,8 @@ Page({
selectedIdentity: '2',
// 是否选择发票的选中的索引 默认需要
index: -1,
// 发票项目选择的索引
invoiceProjectIndex: -1,
paymentMethod: '1',
// 抵达时间
arrivalTime: '请选择抵达时间',
@@ -116,52 +139,50 @@ Page({
})
},
// 内部企业是否禁用 只有参会单位是内部企业才能选 否则禁用内部企业
setIdentityDisabled(bool){
const identifyLiseSelect = [
{
setIdentityDisabled(bool) {
const identifyLiseSelect = [{
value: '2',
name: '参会人',
disabled:false
disabled: false
},
{
value: '1',
name: '嘉宾',
disabled:false
disabled: false
},
{
value: '3',
name: '内部企业',
disabled:false
disabled: false
},
]
const identifyLiseSelectDisabled = [
{
const identifyLiseSelectDisabled = [{
value: '2',
name: '参会人',
disabled:false
disabled: false
},
{
value: '1',
name: '嘉宾',
disabled:false
disabled: false
},
{
value: '3',
name: '内部企业',
disabled:true
disabled: true
},
]
if(bool){
if (bool) {
// bool为真 说明是内部企业可以选择内部企业
this.setData({
'identifyList':identifyLiseSelect
'identifyList': identifyLiseSelect
})
}else{
} else {
// 否则不能选中
console.log('不是内部i企业')
this.setData({
'identifyList':identifyLiseSelectDisabled
'identifyList': identifyLiseSelectDisabled
})
}
},
@@ -211,6 +232,7 @@ Page({
// 确定
formSubmit(e) {
const formData = Object.assign({}, e.detail.value)
// 会议id
if (this.data.selectedMeeting.id) {
formData.meetingId = this.data.selectedMeeting.id
@@ -240,7 +262,7 @@ Page({
return
}
if(!formData.companyId ){
if (!formData.companyId) {
wx.showToast({
title: '请选择参会单位',
icon: 'none',
@@ -248,7 +270,7 @@ Page({
})
return
}
if(!formData.companyContactId ){
if (!formData.companyContactId) {
wx.showToast({
title: '请选择参会人',
icon: 'none',
@@ -292,6 +314,77 @@ Page({
})
return
}
// 20230720 新增需要判断当需要发票时，所有的发票信息是否填写
if(Number(formData.needInvoice)){
if (!formData.dutyCode) {
wx.showToast({
title: '请输入信用代码',
icon: 'none',
duration: 2000
})
return
}
// 验证企业信用代码是否正确
if(!dutyCode(formData.dutyCode)) {
wx.showToast({
title: '请输入正确的信用代码',
icon: 'none',
duration: 2000
})
return
}
if(Number(formData.needInvoice) === InvoiceTypeEnums.special.index) {
if (!formData.companyAddress) {
wx.showToast({
title: '请输入公司地址',
icon: 'none',
duration: 2000
})
return
}
if (!formData.companyPhone) {
wx.showToast({
title: '请输入公司电话',
icon: 'none',
duration: 2000
})
return
}
if (!formData.openingBank) {
wx.showToast({
title: '请输入开户行',
icon: 'none',
duration: 2000
})
return
}
if (!formData.bankAccount) {
wx.showToast({
title: '请输入银行账号',
icon: 'none',
duration: 2000
})
return
}
if (!formData.linkBankNumber) {
wx.showToast({
title: '请输入联行号',
icon: 'none',
duration: 2000
})
return
}
}
if (!formData.invoiceProject || formData.invoiceProject === -1) {
wx.showToast({
title: '请选择发票项目',
icon: 'none',
duration: 2000
})
return
}
formData.invoiceProject = this.data.invoiceProjectList[formData.invoiceProject].value
}
// 邮寄联系人
if (this.data.selectedPostPerson.id && formData.postContactId === undefined) {
wx.showToast({
@@ -333,57 +426,67 @@ Page({
}
}
wx.showLoading({
title: '加载中',
mask: true
})
signUpApi.signUpMeeting(formData).then(res => {
if (res.success) {
wx.hideLoading({
let callback = () => {
wx.showLoading({
title: '加载中',
mask: true
})
signUpApi.signUpMeeting(formData).then(res => {
if (res.success) {
wx.hideLoading({})
wx.showToast({
title: '报名成功',
icon: 'loading',
duration: 1500
})
// 成功 清除缓存 跳转报名成功页面
wx.removeStorage({
key: 'selectedCompany',
})
wx.removeStorage({
key: 'meetingId',
})
wx.removeStorage({
key: 'currentMeetingInfo',
success() {
// 跳转报名成功页面
})
wx.showToast({
title: '报名成功',
icon: 'loading',
duration: 1500
})
// 成功 清除缓存 跳转报名成功页面
wx.removeStorage({
key: 'selectedCompany',
})
wx.removeStorage({
key: 'meetingId',
})
wx.removeStorage({
key: 'currentMeetingInfo',
success() {
// 跳转报名成功页面
if (!res.result) {
wx.navigateTo({
url: `../signUpSuccess/signUpSuccess?audit=${res.result}`,
})
} else {
wx.navigateTo({
url: `../signUpSuccess/signUpSuccess`,
})
if (!res.result) {
wx.navigateTo({
url: `../signUpSuccess/signUpSuccess?audit=${res.result}`,
})
} else {
wx.navigateTo({
url: `../signUpSuccess/signUpSuccess`,
})
}
}
}
})
} else {
})
} else {
wx.showToast({
title: res.message,
icon: 'none',
duration: 2000
})
}
}).catch(e => {
wx.showToast({
title: res.message,
icon: 'none',
title: '操作失败',
icon: 'error',
duration: 2000
})
}
}).catch(e => {
wx.showToast({
title: '操作失败',
icon: 'error',
duration: 2000
})
})
}
// 如果不需要发票
if(!Number(formData.needInvoice)) {
callback && callback()
return
}
//显示 校验发票信息的弹框
this.showConfirmModal(formData, callback)
},
// 选择参会单位
selectCompany() {
@@ -427,6 +530,46 @@ Page({
});
}
},
// 信用代码验证
validateDutyCode(e) {
console.log(e, 1111)
let value = e.detail.value
let {
message,
errmsg
} = e.currentTarget.dataset
if (value === '' || value === undefined) {
wx.showToast({
title: message,
icon: 'none',
duration: 800
})
// this.setData({
// flag: true
// })
return
} else if (dutyCode(value)) {
// this.setData({
// flag: false
// })
} else {
wx.showToast({
title: errmsg,
icon: 'none',
duration: 800
})
// this.setData({
// flag: true
// })
}
},
// 发票项目变化的时候触发的方法
invoiceProjectChange(e) {
console.log("------e--------", e)
this.setData({
invoiceProjectIndex: e.detail.value
})
},
// 根据会议id查询会议信息
queryMeetingInfo(id) {
MeetingApi.meetingDetail({
@@ -487,6 +630,7 @@ Page({
// 默认填写个人信息
// 从缓存中拿个人信息
// TODO 好像拿不到企业的其他信息
wx.getStorage({
key: 'userInfo',
success(res) {
@@ -577,6 +721,7 @@ Page({
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
@@ -661,8 +806,12 @@ Page({
})
}
}).finally(() => {
if(that.data.selectedIdentity) {
that.changeIdentity({detail: {value: that.data.selectedIdentity}})
if (that.data.selectedIdentity) {
that.changeIdentity({
detail: {
value: that.data.selectedIdentity
}
})
}
})
}
pages/signUpPage/signUpPage.wxml
+136 -68
View File
@@ -2,23 +2,23 @@
<view class="color-f5 wrap">
<form bindsubmit="formSubmit">
<view class="form-wrap">
<!-- 如果是小程序消息进入的报名页面 需要回显企业与参会人 参会企业不可更改 -->
<view class="form-item">
<text class="item-label flex-1 validate">参会单位：</text>
<input placeholder-class="text-right" bindtap="selectCompany" disabled="{{true}}" name="selectedCompany.companyName" data-nolimit="{{nolimitBool}}" value="{{selectedCompany.companyName}}" placeholder="请选择参会单位" />
</view>
<!-- 如果是小程序消息进入的报名页面 需要回显企业与参会人 参会企业不可更改 -->
<view class="form-item">
<text class="item-label flex-1 validate">参会单位：</text>
<input placeholder-class="text-right" bindtap="selectCompany" disabled="{{true}}" name="selectedCompany.companyName" data-nolimit="{{nolimitBool}}" value="{{selectedCompany.companyName}}" placeholder="请选择参会单位" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">参会人：</text>
<input placeholder-class="text-right" data-nolimit="{{nolimitBool}}" disabled="{{true}}" bindtap="selectPerson" data-selectType='1' value="{{selectedPerson.name}}" placeholder="请选择参会人" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">参会人：</text>
<input placeholder-class="text-right" data-nolimit="{{nolimitBool}}" disabled="{{true}}" bindtap="selectPerson" data-selectType='1' value="{{selectedPerson.name}}" placeholder="请选择参会人" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">手机号：</text>
<input placeholder-class="text-right" disabled bindblur="validatePhone" data-type="phone" data-message='请输入手机号' data-errmsg='请输入正确的手机号' type="number" maxlength="11" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请输入手机号" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">手机号：</text>
<input placeholder-class="text-right" disabled bindblur="validatePhone" data-type="phone" data-message='请输入手机号' data-errmsg='请输入正确的手机号' type="number" maxlength="11" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请输入手机号" />
</view>
<view class="form-item-radio">
<view class="form-item-radio">
<view class="radio-label">
<text class="item-label flex-1 validate">参会身份：</text>
</view>
@@ -30,87 +30,155 @@
</label>
</radio-group>
</view>
</view>
<!-- 选择身份为嘉宾和内部企业不需要付费 不显示缴费方式 邮寄联系人 邮寄地址 邮编 -->
<view class="form-item-radio" wx:if="{{selectedIdentity === '2' && selectedMeeting.meetingCosts !== '0.00'}}">
</view>
<!-- 选择身份为嘉宾和内部企业不需要付费 不显示缴费方式 邮寄联系人 邮寄地址 邮编 -->
<view class="form-item-radio" wx:if="{{selectedIdentity === '2' && selectedMeeting.meetingCosts !== '0.00'}}">
<view class="radio-label">
<text class="item-label flex-1 validate">缴费方式：</text>
</view>
<view>
<radio-group name='payMode' bindchange="paymentMethodRadioChange">
<label class="radio radio-item" wx:for="{{paymentMethodList}}" wx:key="item" style="font-size:13px">
<radio class="radio-scale" value="{{item.value}}" color="#069F99"/>{{item.name}}
<radio class="radio-scale" value="{{item.value}}" color="#069F99" />{{item.name}}
</label>
</radio-group>
</view>
</view>
</view>
<!-- 缴费方式为打包的不显示 参会身份选择嘉宾和内部企业不显示 -->
<view class="form-item" wx:if="{{selectedMeeting.meetingCosts !== '0.00' && selectedIdentity === '2'}}">
<text class="item-label flex-1 validate">是否需要发票：</text>
<picker name='needInvoice' bindchange="needInvoiceChange" range="{{needInvoiceList}}" value="{{index}}" range-key='name'>
<view class="picker">
{{index === -1 ? '请选择' :needInvoiceList[index].name }}
<!-- 缴费方式为打包的不显示 参会身份选择嘉宾和内部企业不显示 -->
<view class="form-item" wx:if="{{selectedMeeting.meetingCosts !== '0.00' && selectedIdentity === '2'}}">
<text class="item-label flex-1 validate">是否需要发票：</text>
<picker name='needInvoice' bindchange="needInvoiceChange" range="{{needInvoiceList}}" value="{{index}}" range-key='name'>
<view class="picker">
{{index === -1 ? '请选择' :needInvoiceList[index].name }}
</view>
</picker>
</view>
<!-- 发票信息对应的字段 ===开始 -->
<view class="form-item-template" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<view class="form-item">
<text class="item-label flex-1 validate">企业名称：</text>
<input placeholder-class="text-right" name="companyName" maxlength="50" value="{{selectedCompany.companyName}}" placeholder="请输入企业名称" disabled />
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1 validate">信用代码：</text>
<input placeholder-class="text-right" name="dutyCode" maxlength="50" value="{{selectedCompany.dutyCode}}" bindblur="validateDutyCode" data-message='请输入信用代码' data-errmsg='请输入正确的信用代码' placeholder="请输入信用代码" />
</view>
<!-- 下面的专票才会存在 -->
<view class="form-item-template" wx:if="{{index === '2'}}">
<view class="form-item">
<text class="item-label flex-1 validate">公司地址：</text>
<input placeholder-class="text-right" name="companyAddress" maxlength="50" value="{{selectedCompany.companyAddress}}" placeholder="请输入公司地址" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">公司电话：</text>
<input placeholder-class="text-right" name="companyPhone" maxlength="50" value="{{selectedCompany.companyPhone}}" placeholder="请输入公司电话" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">开户行：</text>
<input placeholder-class="text-right" name="openingBank" maxlength="50" value="{{selectedCompany.openingBank}}" placeholder="请输入开户行" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">银行账号：</text>
<input placeholder-class="text-right" name="bankAccount" maxlength="50" value="{{selectedCompany.bankAccount}}" placeholder="请输入银行账号" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">联行号：</text>
<input placeholder-class="text-right" name="linkBankNumber" maxlength="50" value="{{selectedCompany.linkBankNumber}}" placeholder="请输入联行号" />
</view>
</view>
<view class="form-item">
<text class="item-label flex-1 validate">发票项目：</text>
<picker name='invoiceProject' range="{{invoiceProjectList}}" bindchange="invoiceProjectChange" value="{{invoiceProjectIndex}}" range-key='name'>
<view class="picker">
{{invoiceProjectIndex === -1 ? '请选择发票项目' : invoiceProjectList[invoiceProjectIndex].name }}
</view>
</picker>
</view>
</view>
<!-- 发票信息对应的字段 ===结束 -->
<view class="form-item" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<text class="item-label flex-1 validate">邮寄联系人：</text>
<input placeholder-class="text-right" data-selectType='2' disabled="{{true}}" data-nolimit="{{nolimitBool}}" name="postContactName" bindtap="selectPerson" value="{{selectedPostPerson.name}}" placeholder="请选择邮寄联系人" />
</view>
<view class="form-item" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<text class="item-label flex-1 validate">邮寄联系人：</text>
<input placeholder-class="text-right" data-selectType='2' disabled="{{true}}" data-nolimit="{{nolimitBool}}" name="postContactName" bindtap="selectPerson" value="{{selectedPostPerson.name}}" placeholder="请选择邮寄联系人" />
</view>
<view class="form-item" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<text class="item-label flex-1 validate">邮寄地址：</text>
<input placeholder-class="text-right" name="postContactAddress" maxlength="50" bindinput="bindInputPhone" value="{{selectedPostPerson.contactAddress}}" placeholder="请输入邮寄地址" />
</view>
<view class="form-item" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<text class="item-label flex-1 validate">邮寄地址：</text>
<input placeholder-class="text-right" name="postContactAddress" maxlength="50" bindinput="bindInputPhone" value="{{selectedPostPerson.contactAddress}}" placeholder="请输入邮寄地址" />
</view>
<view class="form-item" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<text class="item-label flex-1 validate">邮编：</text>
<input placeholder-class="text-right" name="postCode" bindblur="validatePostCode" value="{{selectedPostPerson.postalCode}}" data-message='请输入邮编' data-errmsg='请输入正确的邮编' type="number" maxlength="6" placeholder="请输入邮编" />
</view>
<view class="form-item" wx:if="{{selectedIdentity === '2' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
<text class="item-label flex-1 validate">邮编：</text>
<input placeholder-class="text-right" name="postCode" bindblur="validatePostCode" value="{{selectedPostPerson.postalCode}}" data-message='请输入邮编' data-errmsg='请输入正确的邮编' type="number" maxlength="6" placeholder="请输入邮编" />
</view>
<view class="form-item-radio">
<view class="form-item-radio">
<view class="radio-label">
<text class="item-label flex-1">是否住酒店：</text>
<text class="item-label flex-1">是否住酒店：</text>
</view>
<view>
<radio-group name='checkInHotel' bindchange="paymentMethodRadioChange">
<label class="radio radio-item" wx:for="{{needCheckInHotel}}" wx:key="item">
<radio class="radio-scale" color="#069F99" value="{{item.value}}"/>{{item.name}}
<radio class="radio-scale" color="#069F99" value="{{item.value}}" />{{item.name}}
</label>
</radio-group>
</view>
</view>
</view>
<view class="form-item">
<text class="item-label flex-1">抵达时间：</text>
<picker name='arrivalTime' mode="date" value="{{date}}" bindchange="bindDateChangeArriveTime">
<view class="picker">
{{arrivalTime}}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1">抵达时间：</text>
<picker name='arrivalTime' mode="date" value="{{date}}" bindchange="bindDateChangeArriveTime">
<view class="picker">
{{arrivalTime}}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1">离开时间：</text>
<picker name='departureTime' mode="date" value="{{date}}" bindchange="bindDateChangeLeaveTime">
<view class="picker">
{{departureTime}}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1">离开时间：</text>
<picker name='departureTime' mode="date" value="{{date}}" bindchange="bindDateChangeLeaveTime">
<view class="picker">
{{departureTime}}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1">费用合计：</text>
<!-- 需要后端判断企业 是否是标准协会的企业 是标协的企业 vip费用 -->
<text>{{meetingCost}}元</text>
</view>
<view class="btn-wrap">
<button class="btn-ok" formType="submit">确定</button>
</view>
<view class="form-item-radio">
<text class="item-label flex-1">备注：</text>
<textarea name="remark" placeholder="请输入备注" name="remark" />
</view>
</view>
<view class="form-item">
<text class="item-label flex-1">费用合计：</text>
<!-- 需要后端判断企业 是否是标准协会的企业 是标协的企业 vip费用 -->
<text>{{meetingCost}}元</text>
</view>
<view class="btn-wrap">
<button class="btn-ok" formType="submit">确定</button>
</view>
</view>
</form>
</view>
<!-- 增加二次确认发票信息的dom -->
<page-container show="{{invoiceConfirmModalVisible}}" round="{{round}}" overlay="{{overlay}}" duration="{{duration}}" position="{{position}}" close-on-slide-down="{{false}}" custom-style="{{customStyle}}" overlay-style="{{overlayStyle}}">
<view class="detail-page">
<view class="flex-content">
<view class="top-notice">请确认以下发票信息是否正确?</view>
<view class="top-notice">点击确认后该企业后续相关信息将替换成新的内容</view>
<view class="item-view" wx:for="{{confirmArr}}" wx:key="item">
<view class="label-box">{{item.name}} : </view>
<view class="value-box">{{confirmObj[item.key]}} </view>
</view>
</view>
<view class="btn-view">
<button class="cancel" hover-class="none" type="primary" bindtap="confirmModalCancel">取消</button>
<button hover-class="none" type="primary" bindtap="confirmModalSureFunc">确认</button>
</view>
</view>
</page-container>
pages/signUpPage/signUpPage.wxss
+85 -4
View File
@@ -1,5 +1,5 @@
/* 报名页面 */
page{
page {
background-color: #F5F5F5;
}
@@ -10,6 +10,7 @@ page{
border: 1px solid #eee;
border-radius: 10px;
}
.wrap {
padding: 10px;
box-sizing: border-box;
@@ -24,9 +25,11 @@ page{
padding: 10rpx 20rpx;
box-sizing: border-box;
}
.form-item input {
text-align: right;
}
.form-item-radio {
margin-top: 20px;
width: 100%;
@@ -35,12 +38,13 @@ page{
padding: 10rpx 20rpx;
box-sizing: border-box;
}
.radio-label {
margin-bottom: 20px;
}
.item-label {
width:120px;
width: 120px;
}
.text-right {
@@ -52,8 +56,9 @@ page{
margin: 20rpx 0;
line-height: 80rpx;
}
.btn-ok {
width: 100%!important;
width: 100% !important;
height: 80rpx;
border-radius: 4px;
background-color: #069F99;
@@ -64,10 +69,86 @@ page{
}
.validate::before{
.validate::before {
content: '*';
font-size: 18px;
color: red;
position: absolute;
left: 40rpx;
}
/* 用作模块的view 目的是少些判断 */
.form-item-template {
margin-top: 20px;
}
/* 弹框中的面板信息 */
.detail-page {
height: 100%;
display: flex;
flex-direction: column;
}
.detail-page>.flex-content {
padding: 20px 55.66rpx 0;
background-color: #F9F9FB;
flex: 1;
overflow: auto;
}
.detail-page .top-notice {
font-weight: bold;
text-align: center;
font-size: 16px;
white-space: pre-wrap;
margin-bottom: 5px;
}
.detail-page .item-view {
display: flex;
align-items: center;
height: 40px;
padding: 10rpx 20rpx;
box-sizing: border-box;
}
.detail-page .item-view .label-box {
flex-basis: 90px;
}
.detail-page .item-view .value-box {
flex: 1;
}
/* 下面的按钮 */
.btn-view {
height: 163rpx;
display: flex;
align-items: center;
/* background-color: #F7F7F7; */
padding: 0 29.33rpx;
}
.btn-view button {
line-height: 100%;
font-size: 16px;
letter-spacing: 2px;
}
.btn-view button+button {
margin-left: 30rpx;
background-color: #069f99;
color: #fff;
border: 0.66rpx solid #F7F7F7;
padding: 31rpx 0;
flex: 1;
width: 0;
}
.btn-view button.cancel {
color: #EA434F;
background-color: #fff;
border: 0.66rpx solid #F7F7F7;
padding: 31rpx 0;
width: 196.66rpx;
}