|
@@ -1,17 +1,15 @@
|
|
<template>
|
|
<template>
|
|
<view class="center">
|
|
<view class="center">
|
|
|
|
+
|
|
<view>
|
|
<view>
|
|
- <view class="labels">司机信息</view>
|
|
|
|
- <view>
|
|
|
|
- <button type="default" @click="idUp">上传身份证正面</button>
|
|
|
|
- <view style="width: 100px;margin: 0 auto;" v-if="id1 != ''">
|
|
|
|
- <image v-bind:src = "id1" style="width: 100px;height: 100px;"></image>
|
|
|
|
- </view>
|
|
|
|
- <button type="default" @click="idLow">上传身份证反面</button>
|
|
|
|
- <view style="width: 100px;margin: 0 auto;" v-if="id2 != ''">
|
|
|
|
- <image v-bind:src = "id2" style="width: 100px;height: 100px;"></image>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view style="margin: 0 auto;" v-if="id1 != ''" @click="idUp">
|
|
|
|
+ <image v-bind:src="id1" class="picture"></image>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view style="margin: 0 auto;" v-if="id2 != ''" @click="idLow">
|
|
|
|
+ <image v-bind:src="id2" class="picture"></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="information">
|
|
<view class="c-row b-b">
|
|
<view class="c-row b-b">
|
|
<text class="tit">姓名</text>
|
|
<text class="tit">姓名</text>
|
|
<view class="con-list">
|
|
<view class="con-list">
|
|
@@ -34,14 +32,14 @@
|
|
<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
|
|
<button :class='codestatus&&!sendDisabled?"active":""' @click='getcode'
|
|
class='getcode'>{{sendText}}</button>
|
|
class='getcode'>{{sendText}}</button>
|
|
<view style='width:70%;position:relative;margin-left: 200px;'>
|
|
<view style='width:70%;position:relative;margin-left: 200px;'>
|
|
- <view class="con-list">
|
|
|
|
- <!-- style='width:70%;position:relative;margin-left: 200px;' -->
|
|
|
|
- <input v-model='verifyCode' placeholder="请输入验证码" type="text">
|
|
|
|
|
|
+ <view class="con-list">
|
|
|
|
+ <!-- style='width:70%;position:relative;margin-left: 200px;' -->
|
|
|
|
+ <input v-model='verifyCode' placeholder="请输入验证码" type="text">
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
- <view class="c-row b-b">
|
|
|
|
|
|
+ <view class="c-row ">
|
|
<text class="tit">常驻城市</text>
|
|
<text class="tit">常驻城市</text>
|
|
<view class="con-list">
|
|
<view class="con-list">
|
|
<input placeholder="请填写常驻城市" name="input" v-model="DriverViewInfo.residentCityProvincial"></input>
|
|
<input placeholder="请填写常驻城市" name="input" v-model="DriverViewInfo.residentCityProvincial"></input>
|
|
@@ -49,10 +47,15 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
- </view>
|
|
|
|
|
|
+ <!-- </view>
|
|
<view class="margin-top">
|
|
<view class="margin-top">
|
|
- <view class="labels">货车信息</view>
|
|
|
|
- <view class="labels"> 车辆 -?</view>
|
|
|
|
|
|
+ <view class="information">
|
|
|
|
+ <view class="c-row ">
|
|
|
|
+ <text class="tit">车辆 -?</text>
|
|
|
|
+ <view class="con-list">
|
|
|
|
+ <image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate"></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="c-row b-b">
|
|
<view class="c-row b-b">
|
|
<text class="tit">车牌号</text>
|
|
<text class="tit">车牌号</text>
|
|
<view class="con-list">
|
|
<view class="con-list">
|
|
@@ -61,23 +64,23 @@
|
|
</view>
|
|
</view>
|
|
<view class="c-row b-b">
|
|
<view class="c-row b-b">
|
|
<text class="tit">车型</text>
|
|
<text class="tit">车型</text>
|
|
- <!-- <view class="con-list"> -->
|
|
|
|
|
|
+
|
|
<picker @change="ModelChange" :value="ModelIndex" :range="ModelType" class="con-list">
|
|
<picker @change="ModelChange" :value="ModelIndex" :range="ModelType" class="con-list">
|
|
<view class="picker ">
|
|
<view class="picker ">
|
|
{{ModelIndex>-1?ModelType[ModelIndex]:'请选择车型'}}
|
|
{{ModelIndex>-1?ModelType[ModelIndex]:'请选择车型'}}
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</picker>
|
|
- <!-- </view> -->
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
<view class="c-row b-b">
|
|
<view class="c-row b-b">
|
|
<text class="tit">不含车头车长(米)</text>
|
|
<text class="tit">不含车头车长(米)</text>
|
|
- <!-- <view class="con-list"> -->
|
|
|
|
|
|
+
|
|
<picker @change="carLongChange" :value="carLongIndex" :range="carLongType" class="con-list">
|
|
<picker @change="carLongChange" :value="carLongIndex" :range="carLongType" class="con-list">
|
|
<view class="picker">
|
|
<view class="picker">
|
|
{{carLongIndex>-1?carLongType[carLongIndex]:'请选择车长'}}
|
|
{{carLongIndex>-1?carLongType[carLongIndex]:'请选择车长'}}
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</picker>
|
|
- <!-- </view> -->
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
<view class="c-row b-b">
|
|
<view class="c-row b-b">
|
|
<text class="tit">载重(吨)</text>
|
|
<text class="tit">载重(吨)</text>
|
|
@@ -85,19 +88,27 @@
|
|
<input placeholder="请填写载重(吨)" name="input" v-model="driverCarInfoList.carLoad"></input>
|
|
<input placeholder="请填写载重(吨)" name="input" v-model="driverCarInfoList.carLoad"></input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="c-row b-b">
|
|
|
|
|
|
+ <view class="c-row ">
|
|
<text class="tit">出厂年份</text>
|
|
<text class="tit">出厂年份</text>
|
|
<view class="con-list">
|
|
<view class="con-list">
|
|
<input placeholder="请填写出厂年份" name="input" v-model="driverCarInfoList.yearManufacture"></input>
|
|
<input placeholder="请填写出厂年份" name="input" v-model="driverCarInfoList.yearManufacture"></input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
|
|
- <button type="default">添加车辆</button>
|
|
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+ <button class="btn">添加车辆</button>
|
|
|
|
+ </view> -->
|
|
|
|
+ <!-- <view class="margin-top">
|
|
|
|
+ <view class="information">
|
|
|
|
|
|
- </view>
|
|
|
|
- <view class="margin-top">
|
|
|
|
- <view class="labels">账户信息</view>
|
|
|
|
- <view class="labels"> 账户 -?</view>
|
|
|
|
|
|
+ <view class="c-row ">
|
|
|
|
+ <text class="tit">账户 -?</text>
|
|
|
|
+ <view class="con-list">
|
|
|
|
+ <image src="../../static/img/jiaoyi/shanchu@2x.png" class="eliminate"></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="c-row b-b">
|
|
<view class="c-row b-b">
|
|
<text class="tit">账户类型</text>
|
|
<text class="tit">账户类型</text>
|
|
<view class="con-list">
|
|
<view class="con-list">
|
|
@@ -140,7 +151,8 @@
|
|
<input placeholder="请输入收款人身份证号" name="input" v-model="driverPayeeInfoList.payeeNumberCard"></input>
|
|
<input placeholder="请输入收款人身份证号" name="input" v-model="driverPayeeInfoList.payeeNumberCard"></input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <button type="default">添加账号</button>
|
|
|
|
|
|
+ </view >
|
|
|
|
+ <button class="btn">添加账号</button>
|
|
</view>
|
|
</view>
|
|
<view class="margin-top">
|
|
<view class="margin-top">
|
|
<view class="labels">上传附件</view>
|
|
<view class="labels">上传附件</view>
|
|
@@ -163,59 +175,56 @@
|
|
</view>
|
|
</view>
|
|
<view class="padding flex flex-direction">
|
|
<view class="padding flex flex-direction">
|
|
<button class="cu-btn bg-red margin-tb-sm lg" @click="commit">提交</button>
|
|
<button class="cu-btn bg-red margin-tb-sm lg" @click="commit">提交</button>
|
|
|
|
+ </view>-->
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
|
|
+ <button class="btns btn" @click="jumpUrl">下一步</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import {
|
|
import {
|
|
- mapState
|
|
|
|
|
|
+ mapState
|
|
} from 'vuex';
|
|
} from 'vuex';
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- goods:{},
|
|
|
|
- ModelIndex:'高栏',
|
|
|
|
- Model:'',
|
|
|
|
- ModelType:["高栏","集装箱","自卸车"],
|
|
|
|
- carLong:'',
|
|
|
|
- carLongType:['13','9.6','8.2','8.7','11.7','12.5','13.7','15','16','17.5'],
|
|
|
|
- id:[],
|
|
|
|
- id1:"",
|
|
|
|
- id2:"",
|
|
|
|
- travels:"",
|
|
|
|
- drives:"",
|
|
|
|
- practices:"",
|
|
|
|
- operates:"",
|
|
|
|
- // bank1:"",
|
|
|
|
- // bank2:"",
|
|
|
|
- // bankid:[],
|
|
|
|
|
|
+ goods: {},
|
|
|
|
+ ModelIndex: '高栏',
|
|
|
|
+ Model: '',
|
|
|
|
+ ModelType: ["高栏", "集装箱", "自卸车"],
|
|
|
|
+ carLong: '',
|
|
|
|
+ carLongType: ['13', '9.6', '8.2', '8.7', '11.7', '12.5', '13.7', '15', '16', '17.5'],
|
|
|
|
+ id: [],
|
|
|
|
+ id1: "../../static/img/authentication/identityup(2).png",
|
|
|
|
+ id2: "../../static/img/authentication/identitylow(2).png",
|
|
|
|
+ travels: "",
|
|
|
|
+ drives: "",
|
|
|
|
+ practices: "",
|
|
|
|
+ operates: "",
|
|
sendText: '获取验证码',
|
|
sendText: '获取验证码',
|
|
- sendDisabled: false,
|
|
|
|
|
|
+ sendDisabled: false,
|
|
sendText: '获取验证码',
|
|
sendText: '获取验证码',
|
|
ModelIndex: '高栏',
|
|
ModelIndex: '高栏',
|
|
Model: '',
|
|
Model: '',
|
|
ModelType: ["高栏", "集装箱", "自卸车"],
|
|
ModelType: ["高栏", "集装箱", "自卸车"],
|
|
- carLongIndex: '13',
|
|
|
|
carLong: '',
|
|
carLong: '',
|
|
- carLongIndex:0,
|
|
|
|
|
|
+ carLongIndex: 0,
|
|
carLongType: ['13', '9.6', '8.2', '8.7', '11.7', '12.5', '13.7', '15', '16', '17.5'],
|
|
carLongType: ['13', '9.6', '8.2', '8.7', '11.7', '12.5', '13.7', '15', '16', '17.5'],
|
|
driverCarInfoList: {},
|
|
driverCarInfoList: {},
|
|
driverPayeeInfoList: {},
|
|
driverPayeeInfoList: {},
|
|
DriverViewInfo: {
|
|
DriverViewInfo: {
|
|
- driverCarInfoList: [],
|
|
|
|
- driverPayeeInfoList: [],
|
|
|
|
-
|
|
|
|
},
|
|
},
|
|
- verifyCode:"",
|
|
|
|
- codestatus:false,
|
|
|
|
|
|
+ verifyCode: "",
|
|
|
|
+ codestatus: false,
|
|
customerPhone: '',
|
|
customerPhone: '',
|
|
- addressUrl:[],
|
|
|
|
|
|
+ addressUrl: [],
|
|
|
|
+ personImgs:{},
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
- ...mapState(['hasLogin','userInfo'])
|
|
|
|
|
|
+ ...mapState(['hasLogin', 'userInfo'])
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
// phoneinput(e) {
|
|
// phoneinput(e) {
|
|
@@ -223,81 +232,40 @@
|
|
// this.codestatus = true
|
|
// this.codestatus = true
|
|
// }
|
|
// }
|
|
// },
|
|
// },
|
|
- travel(){
|
|
|
|
- var that = this
|
|
|
|
- wx.chooseImage({
|
|
|
|
- success: function(res) {
|
|
|
|
- wx.uploadFile({
|
|
|
|
- url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
|
- filePath: res.tempFilePaths[0],
|
|
|
|
- name: 'file',
|
|
|
|
- success(res) {
|
|
|
|
- var data = res.data
|
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
|
- that.travels = strToObj.url
|
|
|
|
- that.addressUrl[0] = strToObj.url
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
|
|
+ jumpUrl() {
|
|
|
|
+ if (this.id[0] == "" || this.id[0] == null) {
|
|
|
|
+ this.$api.msg('请上传身份证正面!')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.id[1] == "" || this.id[1] == null) {
|
|
|
|
+ this.$api.msg('请上传身份证反面!')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.DriverViewInfo.driverName) {
|
|
|
|
+ this.$api.msg('姓名不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.DriverViewInfo.numberCard) {
|
|
|
|
+ this.$api.msg('身份证号不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.DriverViewInfo.driverPhone) {
|
|
|
|
+ this.$api.msg('手机号不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (!this.DriverViewInfo.residentCityProvincial) {
|
|
|
|
+ this.$api.msg('常住城市不能为空')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ this.DriverViewInfo.cardAddressUrl = this.id.toString()
|
|
|
|
+ var model = JSON.stringify(this.DriverViewInfo);
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: `/pageD/identity/driverIdentityTwo?DriverViewInfo=` + model,
|
|
})
|
|
})
|
|
- },
|
|
|
|
- drive(){
|
|
|
|
- var that = this
|
|
|
|
- wx.chooseImage({
|
|
|
|
- success: function(res) {
|
|
|
|
- wx.uploadFile({
|
|
|
|
- url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
|
- filePath: res.tempFilePaths[0],
|
|
|
|
- name: 'file',
|
|
|
|
- success(res) {
|
|
|
|
- var data = res.data
|
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
|
- that.drives = strToObj.url
|
|
|
|
- that.addressUrl[1] = strToObj.url
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- operate(){
|
|
|
|
- var that = this
|
|
|
|
- wx.chooseImage({
|
|
|
|
- success: function(res) {
|
|
|
|
- wx.uploadFile({
|
|
|
|
- url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
|
- filePath: res.tempFilePaths[0],
|
|
|
|
- name: 'file',
|
|
|
|
- success(res) {
|
|
|
|
- var data = res.data
|
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
|
- that.operates = strToObj.url
|
|
|
|
- that.addressUrl[2] = strToObj.url
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- practice(){
|
|
|
|
- var that = this
|
|
|
|
- wx.chooseImage({
|
|
|
|
- success: function(res) {
|
|
|
|
- wx.uploadFile({
|
|
|
|
- url: 'https://www.zthymaoyi.com/upload/admin',
|
|
|
|
- filePath: res.tempFilePaths[0],
|
|
|
|
- name: 'file',
|
|
|
|
- success(res) {
|
|
|
|
- var data = res.data
|
|
|
|
- var strToObj = JSON.parse(data)
|
|
|
|
- that.practices = strToObj.url
|
|
|
|
- that.addressUrl[3] = strToObj.url
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+ },
|
|
getcode() {
|
|
getcode() {
|
|
var that = this
|
|
var that = this
|
|
- console.log(that.DriverViewInfo.driverPhone)
|
|
|
|
|
|
+ console.log(that.DriverViewInfo.driverPhone)
|
|
if (/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(that.DriverViewInfo.driverPhone)) {
|
|
if (/^0?1[3|4|5|6|7|8][0-9]\d{8}$/.test(that.DriverViewInfo.driverPhone)) {
|
|
this.$api.doRequest('get', '/commonUser/sendVerifyCode', {
|
|
this.$api.doRequest('get', '/commonUser/sendVerifyCode', {
|
|
customerPhone: that.DriverViewInfo.driverPhone
|
|
customerPhone: that.DriverViewInfo.driverPhone
|
|
@@ -347,7 +315,7 @@
|
|
this.carLongIndex = e.detail.value
|
|
this.carLongIndex = e.detail.value
|
|
this.carLong = this.carLongType[this.carLongIndex];
|
|
this.carLong = this.carLongType[this.carLongIndex];
|
|
},
|
|
},
|
|
- idUp(){
|
|
|
|
|
|
+ idUp() {
|
|
var that = this
|
|
var that = this
|
|
wx.chooseImage({
|
|
wx.chooseImage({
|
|
success: function(res) {
|
|
success: function(res) {
|
|
@@ -357,15 +325,28 @@
|
|
name: 'file',
|
|
name: 'file',
|
|
success(res) {
|
|
success(res) {
|
|
var data = res.data
|
|
var data = res.data
|
|
- var strToObj = JSON.parse(data)
|
|
|
|
|
|
+ var strToObj = JSON.parse(data)
|
|
that.id[0] = strToObj.url
|
|
that.id[0] = strToObj.url
|
|
that.id1 = strToObj.url
|
|
that.id1 = strToObj.url
|
|
|
|
+ that.personImgs.personImg = that.id[0]
|
|
|
|
+ that.$api.doRequest('get', '/driverViewInfo/personShibie', that.personImgs).then(res => {
|
|
|
|
+ console.log("成功!")
|
|
|
|
+ that.DriverViewInfo.driverName = res.data.data.recPerson
|
|
|
|
+ that.DriverViewInfo.numberCard = res.data.data.recPersonNo
|
|
|
|
+ console.log(that.DriverViewInfo.driverName)
|
|
|
|
+ }).catch(res => {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: res.data.message,
|
|
|
|
+ icon: 'none',
|
|
|
|
+ duration: 2000
|
|
|
|
+ })
|
|
|
|
+ })
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ })
|
|
},
|
|
},
|
|
- idLow(){
|
|
|
|
|
|
+ idLow() {
|
|
var that = this
|
|
var that = this
|
|
wx.chooseImage({
|
|
wx.chooseImage({
|
|
success: function(res) {
|
|
success: function(res) {
|
|
@@ -375,7 +356,7 @@
|
|
name: 'file',
|
|
name: 'file',
|
|
success(res) {
|
|
success(res) {
|
|
var data = res.data
|
|
var data = res.data
|
|
- var strToObj = JSON.parse(data)
|
|
|
|
|
|
+ var strToObj = JSON.parse(data)
|
|
that.id[1] = strToObj.url
|
|
that.id[1] = strToObj.url
|
|
that.id2 = strToObj.url
|
|
that.id2 = strToObj.url
|
|
}
|
|
}
|
|
@@ -391,78 +372,86 @@
|
|
this.DriverViewInfo.cardAddressUrl = this.id.toString()
|
|
this.DriverViewInfo.cardAddressUrl = this.id.toString()
|
|
this.DriverViewInfo.pcFlag = 0
|
|
this.DriverViewInfo.pcFlag = 0
|
|
this.DriverViewInfo.compId = "2710b21efc1e4393930c5dc800010dc4"
|
|
this.DriverViewInfo.compId = "2710b21efc1e4393930c5dc800010dc4"
|
|
- console.log(this.DriverViewInfo,"司机对象")
|
|
|
|
- this.$api.doRequest('post', '/driverViewInfo/api/addInfo', this.DriverViewInfo).then(res => {
|
|
|
|
- }).catch(res => {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: res.data.message,
|
|
|
|
- icon: 'none',
|
|
|
|
- duration: 2000
|
|
|
|
|
|
+ console.log(this.DriverViewInfo, "司机对象")
|
|
|
|
+ this.$api.doRequest('post', '/driverViewInfo/api/addInfo', this.DriverViewInfo).then(res => {}).catch(
|
|
|
|
+ res => {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: res.data.message,
|
|
|
|
+ icon: 'none',
|
|
|
|
+ duration: 2000
|
|
|
|
+ })
|
|
})
|
|
})
|
|
- })
|
|
|
|
},
|
|
},
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
|
|
|
+<style scoped>
|
|
.center {
|
|
.center {
|
|
padding: 10px 20px;
|
|
padding: 10px 20px;
|
|
- }
|
|
|
|
- .labels{
|
|
|
|
- font-size: 16px;
|
|
|
|
- font-weight: 400;
|
|
|
|
- }
|
|
|
|
- .c-row {
|
|
|
|
- display: -webkit-box;
|
|
|
|
- display: -webkit-flex;
|
|
|
|
- display: flex;
|
|
|
|
- -webkit-box-align: center;
|
|
|
|
- -webkit-align-items: center;
|
|
|
|
- align-items: center;
|
|
|
|
- padding: 20rpx 30rpx;
|
|
|
|
- position: relative;
|
|
|
|
- }
|
|
|
|
- .con-list {
|
|
|
|
- -webkit-box-flex: 1;
|
|
|
|
- -webkit-flex: 1;
|
|
|
|
- flex: 1;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- display: -webkit-flex;
|
|
|
|
- display: flex;
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
- -webkit-box-direction: normal;
|
|
|
|
- -webkit-flex-direction: column;
|
|
|
|
- flex-direction: column;
|
|
|
|
- color: #303133;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- text-align: right;
|
|
|
|
- padding-right: 20rpx;
|
|
|
|
- font-size: 14px;
|
|
|
|
- }
|
|
|
|
- .getcode {
|
|
|
|
- font-size: 14px;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 50%;
|
|
|
|
- transform: translateY(-50%);
|
|
|
|
- color: #AFB3BF;
|
|
|
|
- background: #F5F6F9;
|
|
|
|
- height: 30px;
|
|
|
|
- line-height: 30px;
|
|
|
|
- }
|
|
|
|
- .getcode.active {
|
|
|
|
- border: none;
|
|
|
|
- }
|
|
|
|
- .uni-navigator{
|
|
|
|
- display:inline-block;
|
|
|
|
- color:#22C572;
|
|
|
|
- }
|
|
|
|
- .getcode.active {
|
|
|
|
- background: #22C572;
|
|
|
|
- color: #fff;
|
|
|
|
- }
|
|
|
|
|
|
+ background-color: #F5F6FA;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .labels {
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .c-row {
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ display: -webkit-flex;
|
|
|
|
+ display: flex;
|
|
|
|
+ -webkit-box-align: center;
|
|
|
|
+ -webkit-align-items: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .con-list {
|
|
|
|
+ -webkit-box-flex: 1;
|
|
|
|
+ -webkit-flex: 1;
|
|
|
|
+ flex: 1;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ display: -webkit-flex;
|
|
|
|
+ display: flex;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-box-direction: normal;
|
|
|
|
+ -webkit-flex-direction: column;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ color: #AFB3BF;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ text-align: right;
|
|
|
|
+ padding-right: 20rpx;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .getcode {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 50%;
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
+ color: #AFB3BF;
|
|
|
|
+ background: #F5F6F9;
|
|
|
|
+ height: 30px;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .getcode.active {
|
|
|
|
+ border: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .uni-navigator {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ color: #22C572;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .getcode.active {
|
|
|
|
+ background: #22C572;
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
|
|
-
|
|
|
|
|
|
|
|
.labels {
|
|
.labels {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
@@ -535,4 +524,51 @@
|
|
background: #22C572;
|
|
background: #22C572;
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .picture {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 220px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .tit {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .labels {
|
|
|
|
+ margin: 5px 10px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .information {
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .btn {
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 25px;
|
|
|
|
+ border: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /* //清除 */
|
|
|
|
+ .eliminate {
|
|
|
|
+ width: 20px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ float: right;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /* 下一步 */
|
|
|
|
+ .btn {
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 25px;
|
|
|
|
+ border: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .btns {
|
|
|
|
+ background-color: #22C572;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|