800 lines
22 KiB
Vue
800 lines
22 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="head">
|
||
<image src="../../static/images/liangbiao-bg.png"></image>
|
||
</view>
|
||
<view class="con">
|
||
<view class="tab-con">
|
||
<view :class="['tab', tabCur == 0 ? 'tab-first' : '']" @click="selectAuto">自动选择</view>
|
||
<view :class="['tab', tabCur == 1 ? 'tab-second' : '']" @click="selectTab">手动输入</view>
|
||
</view>
|
||
<view class="info" v-if="tabCur == 0">
|
||
<view class="form-area">
|
||
<view class="form-inner">
|
||
<view class="form-item">
|
||
<view class="form-item-label">{{selectedChild.username||"儿童姓名"}}</view>
|
||
|
||
<view class="form-item-input" @click="userChildrenslist()">
|
||
<u--text align="right" suffixIcon="arrow-right" text="更换儿童" size="14"
|
||
iconStyle="font-size: 22px"></u--text>
|
||
<u-picker :show="childListPickerShow" :columns="childList"
|
||
@loading="childListPickerLoading" @confirm="childListPickerConfirm"
|
||
keyName="username" @cancel="childListPickerClose"></u-picker>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="hand" v-if="tabCur == 1">
|
||
<view class="form-area">
|
||
<view class="form-inner">
|
||
<view class="form-item">
|
||
<view class="form-item-label">儿童姓名</view>
|
||
<view class="form-item-input">
|
||
<u--input inputAlign="right" placeholder="请输入孩子姓名" border="none" clearable
|
||
v-model="children.username" placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
</view>
|
||
</view>
|
||
<view class="form-item">
|
||
<view class="form-item-label">儿童性别</view>
|
||
<view class="form-item-input" @click="childSexClick">
|
||
<u--input inputAlign="right" v-model="children.sex" placeholder="请选择孩子性别" border="none"
|
||
clearable placeholderStyle="color:#8C8C8C;text-align:right;" fontSize="24rpx"
|
||
readonly></u--input>
|
||
</view>
|
||
</view>
|
||
<view class="form-item">
|
||
<view class="form-item-label">儿童出生年月</view>
|
||
<view class="form-item-input" @click="childDateClick">
|
||
<u--input inputAlign="right" v-model="children.birthday" placeholder="请选择孩子出生日期"
|
||
border="none" clearable placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx" readonly></u--input>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="form-item">
|
||
<view class="form-item-label">儿童身份证号</view>
|
||
<view class="form-item-input">
|
||
<u--input inputAlign="right" placeholder="请输入18位身份证号" border="none" clearable
|
||
v-model="children.idCard" placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
</view>
|
||
</view> -->
|
||
<view class="form-item">
|
||
<view class="form-item-label">家长姓名</view>
|
||
<view class="form-item-input">
|
||
<u--input inputAlign="right" placeholder="请输入家长姓名" border="none" clearable
|
||
v-model="children.parentName" placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
</view>
|
||
</view>
|
||
<view class="form-item">
|
||
<view class="form-item-label">手机号</view>
|
||
<view class="form-item-input">
|
||
<u--input inputAlign="right" placeholder="请输入家长手机号" border="none" clearable
|
||
v-model="children.tel" placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
</view>
|
||
</view>
|
||
<view class="form-item">
|
||
<view class="form-item-label">与儿童关系</view>
|
||
<view class="form-item-input">
|
||
<u--input inputAlign="right" placeholder="请输入与孩子的关系" border="none" clearable
|
||
v-model="children.relation" placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
</view>
|
||
</view>
|
||
<view class="form-item" v-if="deptId&&deptId!=100">
|
||
<view class="form-item-label">所在机构</view>
|
||
<view class="form-item-input">
|
||
<view @click="deptSelect()">{{bm_title}}</view>
|
||
<view v-if="!bm_title" style="font-size: 15px; color: blue;" @click="deptSelect()">选择机构
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
<!-- <view class="form-item">
|
||
<view class="form-item-label">家庭住址</view>
|
||
<view class="form-item-input" @click="cityClick">
|
||
<u--input inputAlign="right" :value="cityName" border="none" placeholder="请选择省市县区"
|
||
readonly placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
<u-picker :show="cityShow" ref="uPicker" :columns="cityList" @confirm="cityConfirm"
|
||
@change="changeHandler" @cancel="cityShow = false"></u-picker>
|
||
</view>
|
||
</view> -->
|
||
<!-- <view class="form-item">
|
||
<view class="form-item-label">详细地址</view>
|
||
<view class="form-item-input">
|
||
<u--input inputAlign="right" placeholder="请输入详细地址" border="none" clearable
|
||
v-model="children.address" placeholderStyle="color:#8C8C8C;text-align:right;"
|
||
fontSize="24rpx"></u--input>
|
||
</view>
|
||
</view> -->
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<u-popup :show="isAdVisible" @close="close" @open="open">
|
||
<view style="position: relative;z-index: 9999999;" >
|
||
<view style=" font-size: 14px; color: #fff; position: absolute; right: 15px; top: 15px;z-index: 99999999;background:gba(0, 0, 0, 0.5); border-radius: 50px; box-sizing: border-box;padding: 5px 15px; " > {{videoLastTime}}S 后进入测评</view>
|
||
<video
|
||
id="myVideo"
|
||
class="hide-progress"
|
||
style="width: 100%; height: 100vh; "
|
||
:src="videourl"
|
||
:autoplay="true"
|
||
:controls="false"
|
||
|
||
:show-play-btn="false"
|
||
:show-fullscreen-btn="false"
|
||
:enable-progress-gesture="false"
|
||
:show-progress="false"
|
||
controls
|
||
@timeupdate="handleTimeUpdate"
|
||
@ended="handleVideoEnded"
|
||
></video>
|
||
</view>
|
||
</u-popup>
|
||
|
||
<view class="privacy-policy" v-if="isAddShow">
|
||
<view class="privacy-policy-checkbox">
|
||
<u-checkbox-group @change="checkboxChange" v-model="privacyPolicyChecked">
|
||
<u-checkbox activeColor="#FFA521" size="16" name="1"></u-checkbox>
|
||
</u-checkbox-group>
|
||
</view>
|
||
<view class="privacy-policy-text">
|
||
<text>同意运营商收集以上信息，</text>
|
||
<text class="privacy-policy-text-btn" @click="goPolicy">《隐私政策》</text>
|
||
</view>
|
||
</view>
|
||
<view class="btn" @tap="goTest" v-if="tabCur == 0">
|
||
开始测试
|
||
</view>
|
||
<view class="btn" @tap="userAddChildren" v-else>
|
||
开始测试
|
||
</view>
|
||
|
||
<next-tree ref="nextTreeAsyncRef" labelKey='label' :treeData="treeData" @confirm='deptConfirm'></next-tree>
|
||
<u-picker :show="childSexShow" :columns="childSexColumns" @confirm="childSexConfirm" @cancel="childSexCancel"
|
||
:defaultIndex="childSexDefaultIndex"></u-picker>
|
||
<u-datetime-picker :show="childDateShow" mode="date" @confirm="childDateConfirm" :maxDate="maxDate"
|
||
:minDate="minDate" @cancel="childDateCancel"></u-datetime-picker>
|
||
<u-toast ref="uToast"></u-toast>
|
||
<u-modal :show="payShow" confirmText="支付" :showCancelButton="true" cancelText="看广告" @confirm="payConfirm" @cancel="cancelConfirm"
|
||
:buttonReverse="true">
|
||
<view class="slot-content">
|
||
支付
|
||
<text style="color:red;font-weight: 700;">{{price}}元</text>
|
||
，开启量表测试
|
||
</view>
|
||
</u-modal>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import cityData from '@/util/city.js'
|
||
import {
|
||
openPay,
|
||
prepayment,
|
||
lbPrice,
|
||
getAdInfo
|
||
} from "@/common/api/api.js"
|
||
export default {
|
||
data() {
|
||
return {
|
||
isAdVisible:false,
|
||
currentTime: 0, // 当前视频播放时间
|
||
videourl:'',
|
||
deptId: uni.getStorageSync('CodeDeptId') ? uni.getStorageSync('CodeDeptId') : "",
|
||
payShow: false,
|
||
tableAlias: null,
|
||
treeData: [],
|
||
tabCur: 0,
|
||
childList: [],
|
||
childListPickerShow: false,
|
||
childListPickerLoading: false,
|
||
selectedChild: {},
|
||
// 新增加
|
||
children: {
|
||
"parentName": "",
|
||
"tel": "",
|
||
"username": "",
|
||
"sex": null,
|
||
"birthday": "",
|
||
"idCard": "",
|
||
"relation": "",
|
||
"address": "",
|
||
"state": "",
|
||
"city": "",
|
||
"district": "",
|
||
"school": ""
|
||
},
|
||
cityName: "",
|
||
|
||
// 城市选择器
|
||
cityShow: false,
|
||
// 打开选择器显示默认城市
|
||
cityList: [],
|
||
bm_title: "",
|
||
cityLevel1: [],
|
||
cityLevel2: [],
|
||
cityLevel3: [],
|
||
show: false, //是否显示
|
||
columns: [], //省份数据显示，三级联动需要三维数组，展示初始数据
|
||
columnData: [], //市数据
|
||
columnDatas: [], //区地址
|
||
privacyPolicyChecked: [],
|
||
childSexShow: false,
|
||
childSexColumns: [
|
||
['男', '女']
|
||
],
|
||
childSexDefaultIndex: [0],
|
||
childDate: "",
|
||
childDateShow: false,
|
||
maxDate: new Date((new Date().getFullYear()) + "/12/31").getTime(),
|
||
minDate: new Date("2000/1/1").getTime(),
|
||
isAddShow: true, //新增时显示 修改时不显示
|
||
tableName: "",
|
||
price: "",
|
||
prepay: {},
|
||
selectedChildId: "",
|
||
videoLastTime:0
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.tableAlias = option.alias;
|
||
this.tableName = option.tableName;
|
||
console.log(209, this.tableAlias)
|
||
console.log(210, this.tableName)
|
||
this.initCityData();
|
||
// 默认选中第一个儿童
|
||
this.$myRequest({
|
||
url: '/system/children/userChildrenslist'
|
||
}).then((res) => {
|
||
// console.log(res.data.rows[0]);
|
||
if (res.data.rows.length > 0) {
|
||
console.log(res.data.rows[0]);
|
||
this.selectedChild = res.data.rows[0]
|
||
}
|
||
|
||
})
|
||
},
|
||
methods: {
|
||
close(){
|
||
this.isAdVisible = false
|
||
},
|
||
open(){
|
||
|
||
},
|
||
deptConfirm(e) {
|
||
console.log(e);
|
||
if (e[0]) {
|
||
this.bm_title = e[0].label
|
||
this.children.deptId = e[0].id
|
||
}
|
||
|
||
},
|
||
async deptSelect() {
|
||
|
||
const res = await this.$myRequest({
|
||
url: '/system/user/deptTree2',
|
||
method: 'GET',
|
||
data: {
|
||
deptId: this.deptId
|
||
}
|
||
})
|
||
|
||
this.treeData = res.data.data
|
||
console.log('dept', this.treeData)
|
||
this.$refs.nextTreeAsyncRef.showTree = true
|
||
},
|
||
goPolicy() {
|
||
uni.navigateTo({
|
||
url: "/loginPackage/pages/PrivacyPolicy"
|
||
})
|
||
},
|
||
payConfirm() {
|
||
uni.requestPayment({
|
||
provider: "wxpay",
|
||
timeStamp: this.prepay.timeStamp,
|
||
nonceStr: this.prepay.nonceStr,
|
||
package: this.prepay.package,
|
||
signType: this.prepay.signType,
|
||
paySign: this.prepay.paySign,
|
||
success: (rex) => {
|
||
console.log('success:' + JSON.stringify(rex));
|
||
uni.showToast({
|
||
icon: "success",
|
||
title: "支付成功"
|
||
})
|
||
this.payShow = false;
|
||
setTimeout(() => {
|
||
if (this.tabCur == 0) {
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChild.id}`
|
||
})
|
||
} else {
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChildId}`
|
||
})
|
||
}
|
||
|
||
}, 2000)
|
||
},
|
||
fail: (err) => {
|
||
console.log('fail:' + JSON.stringify(err));
|
||
uni.showToast({
|
||
icon: "none",
|
||
title: "支付失败，请重试"
|
||
})
|
||
this.payShow = false;
|
||
}
|
||
});
|
||
},
|
||
cancelConfirm() {
|
||
this.payShow = false;
|
||
let param = {lgt:uni.getStorageSync("lon"),
|
||
lat:uni.getStorageSync("lat")
|
||
}
|
||
console.log(param,361)
|
||
//关闭支付
|
||
uni.setStorageSync("chooseVido",true)
|
||
getAdInfo(param).then(adInfo =>{
|
||
if(adInfo.data){
|
||
// this.videourl = this.baseUrl + adInfo.data.video
|
||
uni.navigateTo({
|
||
url:'/tablePackage/pages/vdo?videourl='+this.baseUrl + adInfo.data.video+'&alias='+this.tableAlias+'&selectedChildId='+this.selectedChild.id
|
||
})
|
||
}
|
||
})
|
||
|
||
},
|
||
// 跳转测试页
|
||
goTest() {
|
||
if (uni.$u.test.isEmpty(this.selectedChild)) {
|
||
return uni.showToast({
|
||
title: '请选择或手动选择儿童',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
if (uni.$u.test.isEmpty(this.privacyPolicyChecked.length)) {
|
||
return uni.showToast({
|
||
title: '请查看并同意隐私政策',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
//查询支付信息
|
||
openPay().then(res => {
|
||
if (res.msg == "false") {
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChild.id}`
|
||
})
|
||
|
||
} else {
|
||
//开启支付
|
||
prepayment(this.deptId).then(res1 => {
|
||
console.log(2262, res1);
|
||
if (res1.paySign) {
|
||
this.prepay = res1;
|
||
//未购买，显示价格
|
||
lbPrice().then(res2 => {
|
||
console.log(266, res2);
|
||
this.price = res2.msg;
|
||
this.payShow = true;
|
||
})
|
||
} else {
|
||
//已购买
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChild.id}`
|
||
})
|
||
|
||
}
|
||
})
|
||
}
|
||
})
|
||
|
||
|
||
},
|
||
handleTimeUpdate(e) {
|
||
|
||
// 更新当前播放时间
|
||
this.currentTime = e.detail.currentTime;
|
||
this.videoLastTime =Math.floor( e.detail.duration - e.detail.currentTime)
|
||
console.log(this.videoLastTime,395)
|
||
},
|
||
handleVideoEnded(e){
|
||
// 隐藏广告弹出层
|
||
this.isAdVisible = false;
|
||
|
||
// 跳转到下一个页面
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChild.id}`
|
||
})
|
||
},
|
||
selectAuto() {
|
||
this.tabCur = 0;
|
||
},
|
||
selectTab() {
|
||
this.tabCur = 1;
|
||
},
|
||
//复选框
|
||
checkboxChange(e) {
|
||
// console.log(e);
|
||
console.log(this.privacyPolicyChecked);
|
||
},
|
||
childSexClick() {
|
||
this.childSexShow = true;
|
||
},
|
||
childSexConfirm(e) {
|
||
this.children.sex = e.value[0];
|
||
this.childSexShow = false
|
||
},
|
||
childSexCancel() {
|
||
this.childSexShow = false
|
||
},
|
||
|
||
childDateClick() {
|
||
this.childDateShow = true;
|
||
},
|
||
childDateCancel() {
|
||
this.childDateShow = false;
|
||
},
|
||
childDateConfirm(date) {
|
||
this.children.birthday = uni.$u.timeFormat(date.value, 'yyyy-mm-dd');
|
||
this.childDateShow = false;
|
||
},
|
||
cityClick() {
|
||
console.log(342);
|
||
this.cityShow = true
|
||
},
|
||
// 城市选择器
|
||
initCityData() {
|
||
// 遍历城市js
|
||
cityData.forEach((item1, index1) => {
|
||
let temp2 = [];
|
||
this.cityLevel1.push(item1.provinceName);
|
||
let temp4 = [];
|
||
let temp3 = [];
|
||
// 遍历市
|
||
item1.cities.forEach((item2, index2) => {
|
||
temp2.push(item2.cityName);
|
||
// 遍历区
|
||
item2.counties.forEach((item3, index3) => {
|
||
temp3.push(item3.countyName);
|
||
})
|
||
temp4[index2] = temp3;
|
||
temp3 = [];
|
||
})
|
||
this.cityLevel3[index1] = temp4;
|
||
this.cityLevel2[index1] = temp2;
|
||
})
|
||
// 选择器默认城市
|
||
this.cityList.push(this.cityLevel1, this.cityLevel2[0], this.cityLevel3[0][0]);
|
||
},
|
||
// 选中时执行
|
||
changeHandler(e) {
|
||
const {
|
||
columnIndex,
|
||
index,
|
||
indexs,
|
||
value,
|
||
values,
|
||
// 微信小程序无法将picker实例传出来，只能通过ref操作
|
||
picker = this.$refs.uPicker
|
||
} = e;
|
||
if (columnIndex === 0) { // 选择第一列数据时
|
||
// 设置第二列关联数据
|
||
picker.setColumnValues(1, this.cityLevel2[index]);
|
||
// 设置第三列关联数据
|
||
picker.setColumnValues(2, this.cityLevel3[index][columnIndex]);
|
||
} else if (columnIndex === 1) { // 选择第二列数据时
|
||
// 设置第三列关联数据
|
||
picker.setColumnValues(2, this.cityLevel3[indexs[0]][index]);
|
||
}
|
||
},
|
||
|
||
// 单击确认按钮时执行
|
||
cityConfirm(e) {
|
||
// 输出数组 [省, 市, 区]
|
||
console.log(e.value);
|
||
this.cityName = e.value.join("-");
|
||
this.children.state = e.value[0];
|
||
this.children.city = e.value[1];
|
||
this.children.district = e.value[2];
|
||
// 隐藏城市选择器
|
||
this.cityShow = false;
|
||
},
|
||
|
||
|
||
addressClick() {
|
||
this.show = true
|
||
},
|
||
cancel() {
|
||
this.show = false
|
||
},
|
||
confirm(e) {
|
||
console.log(e.value);
|
||
this.children.state = e.value[0].name
|
||
this.children.city = e.value[1].name
|
||
this.children.district = e.value[2].name
|
||
this.cancel()
|
||
},
|
||
// 添加儿童信息
|
||
async userAddChildren() {
|
||
if (uni.$u.test.isEmpty(this.privacyPolicyChecked.length)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请查看隐私政策",
|
||
complete() {
|
||
// params.url && uni.navigateTo({
|
||
// url: params.url
|
||
// })
|
||
}
|
||
})
|
||
return
|
||
}
|
||
if (uni.$u.test.isEmpty(this.children.username)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请填写儿童姓名",
|
||
})
|
||
return
|
||
}
|
||
if (uni.$u.test.isEmpty(this.children.sex)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请选择儿童性别",
|
||
})
|
||
return
|
||
}
|
||
if (uni.$u.test.isEmpty(this.children.birthday)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请选择出生日期",
|
||
})
|
||
return
|
||
}
|
||
if ((this.deptId && this.deptId != 100) && uni.$u.test.isEmpty(this.children.deptId)) {
|
||
return uni.showToast({
|
||
title: '请选择所在机构',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
|
||
if (uni.$u.test.isEmpty(this.children.parentName)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请填写家长姓名",
|
||
})
|
||
return
|
||
}
|
||
if (uni.$u.test.isEmpty(this.children.tel)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请填写家长手机号",
|
||
})
|
||
return
|
||
}
|
||
if (!uni.$u.test.mobile(this.children.tel)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "家长手机号填写不正确",
|
||
})
|
||
return
|
||
}
|
||
if (uni.$u.test.isEmpty(this.children.relation)) {
|
||
this.$refs.uToast.show({
|
||
type: 'error',
|
||
message: "请填写与儿童关系",
|
||
})
|
||
return
|
||
}
|
||
|
||
|
||
const res = await this.$myRequest({
|
||
url: '/system/children/userAddChildren',
|
||
method: 'POST',
|
||
data: this.children
|
||
})
|
||
if (res.data.code == 200) {
|
||
this.selectedChildId = res.data.data;
|
||
this.$refs.uToast.show({
|
||
type: 'success',
|
||
message: res.data.msg,
|
||
complete: () => {
|
||
//查询支付信息//查询支付信息
|
||
openPay().then(res => {
|
||
if (res.msg == "false") {
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChildId}`
|
||
})
|
||
|
||
} else {
|
||
//开启支付
|
||
prepayment(this.deptId).then(res1 => {
|
||
console.log(2262, res1);
|
||
if (res1.paySign) {
|
||
this.prepay = res1;
|
||
//未购买，显示价格
|
||
lbPrice().then(res2 => {
|
||
console.log(266, res2);
|
||
this.price = res2.msg;
|
||
this.payShow = true;
|
||
})
|
||
} else {
|
||
//已购买
|
||
uni.redirectTo({
|
||
url: `/tablePackage/pages/answerDetail?alias=${this.tableAlias}&selectedChildId=${this.selectedChildId}`
|
||
})
|
||
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
})
|
||
} else {
|
||
uni.navigateTo({
|
||
url: '/loginPackage/Login'
|
||
});
|
||
}
|
||
},
|
||
async userChildrenById(id) {
|
||
const res = await this.$myRequest({
|
||
url: '/system/children/userChildrenById/' + id,
|
||
method: 'GET'
|
||
})
|
||
this.children = res.data.data
|
||
},
|
||
// 儿童列表信息
|
||
async userChildrenslist() {
|
||
this.childListPickerShow = true;
|
||
this.childListPickerLoading = true;
|
||
const res = await this.$myRequest({
|
||
url: '/system/children/userChildrenslist'
|
||
})
|
||
if (res.data.code == 200) {
|
||
this.childListPickerLoading = false;
|
||
this.childList = [];
|
||
this.childList.push(res.data.rows)
|
||
}
|
||
|
||
},
|
||
// 回调参数为包含columnIndex、value、values
|
||
childListPickerConfirm(e) {
|
||
// console.log('confirm', e.value[0])
|
||
this.selectedChild = e.value[0];
|
||
this.childListPickerClose()
|
||
},
|
||
childListPickerClose() {
|
||
this.childListPickerShow = false
|
||
},
|
||
|
||
|
||
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less">
|
||
.content {
|
||
.head {
|
||
width: 100%;
|
||
|
||
image {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
.form-area {
|
||
width: 100%;
|
||
|
||
.form-inner {
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
height: 100%;
|
||
background-color: #fff;
|
||
border-radius: 20rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
|
||
.form-item {
|
||
width: 95%;
|
||
height: 100rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
border-bottom: 2rpx #EEEEF0 solid;
|
||
|
||
.form-item-label {
|
||
font-size: 28rpx;
|
||
font-weight: bold;
|
||
color: #101010;
|
||
margin-left: 10rpx;
|
||
}
|
||
|
||
.form-item-input {
|
||
width: 350rpx;
|
||
height: 50rpx;
|
||
margin-right: 10rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.con {
|
||
line-height: 20px;
|
||
border-radius: 10px;
|
||
background-color: rgba(255, 255, 255, 1);
|
||
text-align: center;
|
||
box-shadow: 0px 2px 6px 0px rgba(228, 228, 228, 100);
|
||
margin: 0rpx 30rpx;
|
||
|
||
.tab-con {
|
||
display: flex;
|
||
|
||
.tab {
|
||
width: 50%;
|
||
height: 94rpx;
|
||
line-height: 94rpx;
|
||
|
||
&.tab-first {
|
||
background-color: rgba(40, 123, 206, 1);
|
||
color: #fff;
|
||
border-top-left-radius: 20rpx;
|
||
}
|
||
|
||
&.tab-second {
|
||
background-color: rgba(40, 123, 206, 1);
|
||
color: #fff;
|
||
border-top-right-radius: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.privacy-policy {
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
height: 100rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.privacy-policy-checkbox {
|
||
margin-left: 20rpx;
|
||
}
|
||
|
||
.privacy-policy-text {
|
||
margin-left: 10rpx;
|
||
font-size: 26rpx;
|
||
color: #000000;
|
||
|
||
.privacy-policy-text-btn {
|
||
color: #000000;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.btn {
|
||
width: 332px;
|
||
height: 50px;
|
||
border-radius: 30px;
|
||
background-color: rgba(40, 123, 206, 1);
|
||
color: rgba(255, 255, 255, 1);
|
||
font-size: 14px;
|
||
text-align: center;
|
||
line-height: 100rpx;
|
||
margin: 20rpx auto;
|
||
}
|
||
|
||
}
|
||
.bo-box{
|
||
width: 95%;
|
||
margin: 15px auto;
|
||
}
|
||
|
||
</style> |