|
|
|
@@ -1,66 +1,58 @@ |
|
|
|
<template> |
|
|
|
<view class="content"> |
|
|
|
<view style="display: block;height: auto;margin-bottom: 20rpx;"> |
|
|
|
<view class="title">车牌号：</view> |
|
|
|
<car-number-input @numberInputResult="carNumber" inputColor='#ECF1F4'></car-number-input> |
|
|
|
</view> |
|
|
|
<view><text>车牌颜色：</text> |
|
|
|
<view style="width: 60%;"> |
|
|
|
<uni-data-select style="width: 100%;" v-model="state.vehiclePlateColor" :localdata="state.colorRange" @change="changeColor" |
|
|
|
:clear="false"></uni-data-select> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view><text>身份证后四位：</text><input placeholder="请输入身份证后四位" v-model="state.idCard"/></view> |
|
|
|
<view><text>手机号码：</text><input placeholder="请输入手机号码" v-model="state.mobile"/></view> |
|
|
|
<view class="action"> |
|
|
|
<button type="default" class="ui-btn" @click="query()"> |
|
|
|
查询 |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="details" v-if="state.isDetails"> |
|
|
|
<view><text>车牌号</text><text class="car">{{state.details['vehiclePlate']}}</text></view> |
|
|
|
<view><text>车牌颜色</text><text class="car">{{getVehiclePlateColor(state.details['vehiclePlateColor'])}}</text></view> |
|
|
|
<view><text>车主姓名</text><text class="car">{{state.details['ownerName']}}</text></view> |
|
|
|
<view v-if="state.details['handlerName']"><text>办理人</text><text class="car">{{state.details['handlerName']}}</text></view> |
|
|
|
<view><text>产品名称</text><text class="car">{{state.details['productName']}}</text></view> |
|
|
|
<view><text style="width:60%;">权益说明</text><text class="car">{{state.details['rightsDesc']}}</text></view> |
|
|
|
<view><text>产品金额</text><text class="car">￥{{state.details['productAmount']*0.01}}</text></view> |
|
|
|
<view><text>应付金额</text><text class="car">￥{{state.details['productAmount']*0.01}}</text></view> |
|
|
|
<view class="noborder other-free">无其他费用</view> |
|
|
|
<view class="noborder yansghi"> |
|
|
|
<checkbox-group @change="checkboxChange"> |
|
|
|
<checkbox :checked="state.checked" style="transform: scale(0.65)" /> |
|
|
|
<text class='txt'>我已阅读并同意</text> |
|
|
|
</checkbox-group> |
|
|
|
<text v-for="(item,index) in state.agreeURL" class="txt xieyi" @click="downAuthD(item)">《{{item.name}}》</text> |
|
|
|
</view> |
|
|
|
<view class="action" style="margin-bottom: 30rpx;"> |
|
|
|
<button type="default" class="ui-btn" @click="savaHandle()" v-if="state.isSign"> |
|
|
|
{{state.words}} |
|
|
|
</button> |
|
|
|
<button type="default" class="ui-btn" @click="sign()" v-else> |
|
|
|
去签署协议 |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="content"> |
|
|
|
<view><text>车牌号：</text> |
|
|
|
<view style="width: 60%;"> |
|
|
|
<uni-data-select style="width: 100%;" v-model="state.vehiclePlate" :localdata="state.vehicPlateRange" |
|
|
|
@change="changeColor" :clear="false"></uni-data-select> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="details" v-if="state.isDetails"> |
|
|
|
<view><text>车牌号</text><text class="car">{{state.details['vehiclePlate']}}</text></view> |
|
|
|
<view><text>车牌颜色</text><text class="car">{{getVehiclePlateColor(state.details['vehiclePlateColor'])}}</text> |
|
|
|
</view> |
|
|
|
<view><text>车主姓名</text><text class="car">{{state.details['ownerName']}}</text></view> |
|
|
|
<view v-if="state.details['handlerName']"><text>办理人</text><text |
|
|
|
class="car">{{state.details['handlerName']}}</text></view> |
|
|
|
<view><text>产品名称</text><text class="car">{{state.details['productName']}}</text></view> |
|
|
|
<view><text style="width:60%;">权益说明</text><text class="car">{{state.details['rightsDesc']}}</text></view> |
|
|
|
<view><text>产品金额</text><text class="car">￥{{state.details['productAmount']*0.01}}</text></view> |
|
|
|
<view><text>应付金额</text><text class="car">￥{{state.details['productAmount']*0.01}}</text></view> |
|
|
|
<view class="noborder other-free">无其他费用</view> |
|
|
|
<view class="noborder yansghi"> |
|
|
|
<checkbox-group @change="checkboxChange"> |
|
|
|
<checkbox :checked="state.checked" style="transform: scale(0.65)" /> |
|
|
|
<text class='txt'>我已阅读并同意</text> |
|
|
|
</checkbox-group> |
|
|
|
<text v-for="(item,index) in state.agreeURL" class="txt xieyi" |
|
|
|
@click="downAuthD(item)">《{{item.name}}》</text> |
|
|
|
</view> |
|
|
|
<view class="action" style="margin-bottom: 30rpx;"> |
|
|
|
<button type="default" class="ui-btn" @click="savaHandle()" v-if="state.isSign"> |
|
|
|
{{state.words}} |
|
|
|
</button> |
|
|
|
<button type="default" class="ui-btn" @click="sign()" v-else> |
|
|
|
去签署协议 |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
import carNumberInput from "./components/car-number-input.vue"; |
|
|
|
import { reactive } from "vue"; |
|
|
|
import { onLoad,onShow } from "@dcloudio/uni-app"; |
|
|
|
import { onLoad, onShow } from "@dcloudio/uni-app"; |
|
|
|
import { |
|
|
|
navTo,hasLogin |
|
|
|
navTo, hasLogin |
|
|
|
} from "@/utils/utils" |
|
|
|
import {agreementInSertOrder,contractQuery,orderQuery,accountSign,agreeOrderProdcut,envs,queryKey} from "@/utils/network/api.js"; |
|
|
|
import { agreementInSertOrder, contractQuery, orderQuery, accountSign, agreeOrderProdcut, envs, queryKey,orderQueryDetail } from "@/utils/network/api.js"; |
|
|
|
import { |
|
|
|
getItem, |
|
|
|
StorageKeys, |
|
|
|
setItem |
|
|
|
} from "@/utils/storage"; |
|
|
|
import {requestNew} from "@/utils/network/request.js"; |
|
|
|
import { requestNew } from "@/utils/network/request.js"; |
|
|
|
import { msg } from "@/utils/utils"; |
|
|
|
import { vehiclePlateColorPai } from "@/datas/vehiclePlateColor.js"; |
|
|
|
import { |
|
|
|
@@ -70,156 +62,143 @@ |
|
|
|
OrderStatus |
|
|
|
} from "@/datas/enum"; |
|
|
|
import useOrderSkip from "@/composables/order/useOrderSkip"; |
|
|
|
const { gotoActiveOrder} = useOrderSkip(); |
|
|
|
const tools = require("../../static/etcUtil/tools.js"); |
|
|
|
const { gotoActiveOrder } = useOrderSkip(); |
|
|
|
const state = reactive({ |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
agreeURL: [], |
|
|
|
agreements:[], |
|
|
|
isSign:false, |
|
|
|
colorRange:[], |
|
|
|
idCard:"", |
|
|
|
mobile:"", |
|
|
|
vehiclePlate:"", |
|
|
|
vehiclePlateColor:"", |
|
|
|
details:{}, |
|
|
|
isDetails:false, |
|
|
|
orderId:"", |
|
|
|
words:"" |
|
|
|
agreements: [], |
|
|
|
isSign: false, |
|
|
|
vehicPlateRange: [], |
|
|
|
idCard: "", |
|
|
|
mobile: "", |
|
|
|
vehiclePlate: "", |
|
|
|
vehiclePlateColor: "", |
|
|
|
details: {}, |
|
|
|
isDetails: false, |
|
|
|
orderId: "", |
|
|
|
words: "", |
|
|
|
carAll:"" |
|
|
|
}); |
|
|
|
onShow(()=>{ |
|
|
|
if(state.orderId){ |
|
|
|
contractRequest() |
|
|
|
} |
|
|
|
// 没登录情况 |
|
|
|
if (!hasLogin()) { |
|
|
|
quanKeyAction() |
|
|
|
navTo( `/login/login?back=1`) |
|
|
|
} |
|
|
|
if(getItem('key')){ |
|
|
|
let getColor = getItem('key')['VEHICLE_COLOR_TYPE']; |
|
|
|
for (var k = 0; k < getColor.length; k++) { |
|
|
|
let obj = {}; |
|
|
|
obj['value'] = getColor[k]['code'] |
|
|
|
obj['text'] = getColor[k]['name'] |
|
|
|
state.colorRange.push(obj) |
|
|
|
onShow(() => { |
|
|
|
if (state.orderId) { |
|
|
|
// 签约完回来 |
|
|
|
orderDetail(state.orderId) |
|
|
|
contractRequest() |
|
|
|
}else{ |
|
|
|
// 没登录情况 |
|
|
|
if (!hasLogin()) { |
|
|
|
quanKeyAction() |
|
|
|
navTo(`/login/login?back=1`) |
|
|
|
} else { |
|
|
|
query() |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
const quanKeyAction = () => { |
|
|
|
var data = {}; |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: data, |
|
|
|
method: "POST", |
|
|
|
}; |
|
|
|
requestNew(queryKey, options).then((res) => { |
|
|
|
const data = res |
|
|
|
console.log("枚举", data) |
|
|
|
setItem('key', data.dictTypeAndItem) |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log(err); |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
const carNumber = (val : any) => { |
|
|
|
state.vehiclePlate = val; |
|
|
|
}; |
|
|
|
const quanKeyAction = () => { |
|
|
|
var data = {}; |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: data, |
|
|
|
method: "POST", |
|
|
|
}; |
|
|
|
requestNew(queryKey, options).then((res) => { |
|
|
|
const data =res |
|
|
|
console.log("枚举", data) |
|
|
|
setItem('key', data.dictTypeAndItem) |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log(err); |
|
|
|
}); |
|
|
|
|
|
|
|
const query = () => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: {}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
requestNew(orderQuery, options).then((res) => { |
|
|
|
console.log("擦寻", res,res.vehicPlateOrderList[0]['vehicPlate']) |
|
|
|
state.carAll=res.vehicPlateOrderList |
|
|
|
for (var k = 0; k < res.vehicPlateOrderList.length; k++) { |
|
|
|
let obj = {}; |
|
|
|
obj['value'] = res.vehicPlateOrderList[k]['vehicPlate'] |
|
|
|
obj['text'] = res.vehicPlateOrderList[k]['vehicPlate'] |
|
|
|
state.vehicPlateRange.push(obj) |
|
|
|
} |
|
|
|
|
|
|
|
const query=()=>{ |
|
|
|
if(!state.vehiclePlate){ |
|
|
|
msg('请输入车牌号') |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.vehiclePlateColor){ |
|
|
|
msg('请选择车牌颜色') |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.idCard){ |
|
|
|
msg('请输入身份证后四位') |
|
|
|
return; |
|
|
|
} |
|
|
|
if(!state.mobile){ |
|
|
|
msg('请输入手机号码') |
|
|
|
return; |
|
|
|
} |
|
|
|
state.vehiclePlate=res.vehicPlateOrderList[0]['vehicPlate'] |
|
|
|
orderDetail(res.vehicPlateOrderList[0]['orderNo']) |
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
// 车辆详情 |
|
|
|
const orderDetail = (orderNo) => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
vehiclePlate: state.vehiclePlate.trim(), |
|
|
|
vehiclePlateColor: state.vehiclePlateColor, |
|
|
|
idCard: state.idCard, |
|
|
|
mobile: state.mobile, |
|
|
|
|
|
|
|
orderNo |
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
requestNew(orderQuery, options).then((res) => { |
|
|
|
console.log("擦寻",res) |
|
|
|
state.details=res |
|
|
|
setItem('orderQueryActivate',res) |
|
|
|
state.isDetails=true |
|
|
|
state.orderId=res.orderNo |
|
|
|
requestNew(orderQueryDetail, options).then((res) => { |
|
|
|
console.log("orderQueryDetail", res) |
|
|
|
state.details = res |
|
|
|
setItem('orderQueryActivate', res) |
|
|
|
state.isDetails = true |
|
|
|
state.orderId = res.orderNo |
|
|
|
queryAgreement() |
|
|
|
}) |
|
|
|
} |
|
|
|
const getWrlds=()=>{ |
|
|
|
if(state.details['orderStatus']!= OrderStatus.已取消){ |
|
|
|
const getWrlds = () => { |
|
|
|
if (state.details['orderStatus'] != OrderStatus.已取消) { |
|
|
|
// 去支付 |
|
|
|
if(state.details['orderStep']==OrderStatus['完成车辆信息上传/待支付'] || state.details['orderStep']==OrderStatus['待支付2']){ |
|
|
|
state.words="去支付" |
|
|
|
}else if(state.details['orderStep'] == OrderStatus['已支付/待签约']){ |
|
|
|
if (state.details['orderStep'] == OrderStatus['完成车辆信息上传/待支付'] || state.details['orderStep'] == OrderStatus['待支付2']) { |
|
|
|
state.words = "去支付" |
|
|
|
} else if (state.details['orderStep'] == OrderStatus['已支付/待签约']) { |
|
|
|
// 去签约 |
|
|
|
state.words="去签约" |
|
|
|
}else if(state.details['orderStep'] == OrderStatus['待激活']){ |
|
|
|
state.words = "去签约" |
|
|
|
} else if (state.details['orderStep'] == OrderStatus['待激活']) { |
|
|
|
// 待激活 |
|
|
|
state.words="去激活" |
|
|
|
}else if(state.details['orderStep'] == OrderStatus['待审核']){ |
|
|
|
state.words = "去激活" |
|
|
|
} else if (state.details['orderStep'] == OrderStatus['待审核']) { |
|
|
|
// 待激活 |
|
|
|
state.words="待审核" |
|
|
|
state.words = "待审核" |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
const savaHandle=()=>{ |
|
|
|
const savaHandle = () => { |
|
|
|
if (state.checked) { |
|
|
|
if(state.details['orderStatus']!= OrderStatus.已取消){ |
|
|
|
if (state.details['orderStatus'] != OrderStatus.已取消) { |
|
|
|
// 去支付 |
|
|
|
if(state.details['orderStep']==OrderStatus['完成车辆信息上传/待支付'] || state.details['orderStep']==OrderStatus['待支付2']){ |
|
|
|
if (state.details['orderStep'] == OrderStatus['完成车辆信息上传/待支付'] || state.details['orderStep'] == OrderStatus['待支付2']) { |
|
|
|
agreementConfirm().then((value) => { |
|
|
|
console.log("协议确认", value) |
|
|
|
let vehicleId=state.details['vehiclePlate']+"_"+state.details['vehiclePlateColor'] |
|
|
|
let isValueCard=1 |
|
|
|
let vehicleId = state.details['vehiclePlate'] + "_" + state.details['vehiclePlateColor'] |
|
|
|
let isValueCard = 1 |
|
|
|
// qtSign 1 去签约 |
|
|
|
if(state.details['qtSign']==1){ |
|
|
|
isValueCard=2 |
|
|
|
if (state.details['qtSign'] == 1) { |
|
|
|
isValueCard = 2 |
|
|
|
} |
|
|
|
// orderQuery 1 订单查询 0正常订单 |
|
|
|
navTo(`/subpackage/orders/order_payment?orderId=${state.orderId}&&isValueCard=${isValueCard}&vehicleId=${vehicleId}&orderQuery=1`); |
|
|
|
navTo(`/subpackage/orders/order_payment?orderId=${state.orderId}&&isValueCard=${isValueCard}&vehicleId=${vehicleId}&orderQuery=1&qdSignUrl=${state.details['qdSignUrl']}`); |
|
|
|
}) |
|
|
|
}else if(state.details['orderStep'] == OrderStatus['已支付/待签约']){ |
|
|
|
} else if (state.details['orderStep'] == OrderStatus['已支付/待签约']) { |
|
|
|
// 去签约 |
|
|
|
if(state.details['qtSign']==0){ |
|
|
|
// 不需要在我们这边签约提示 |
|
|
|
uni.showModal({ |
|
|
|
title: '提示', |
|
|
|
content: '请在渠道工具完成签约', |
|
|
|
success: function (res) { |
|
|
|
if (res.confirm) { |
|
|
|
console.log('用户点击确定'); |
|
|
|
} else if (res.cancel) { |
|
|
|
console.log('用户点击取消'); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}else{ |
|
|
|
if (state.details['qtSign'] == 0) { |
|
|
|
const params = encodeURIComponent(JSON.stringify(state.details.qdSignUrl)) |
|
|
|
tools.toUrl(`/subpackage/personal-center/webview?url=` + params) |
|
|
|
} else { |
|
|
|
navTo(`/subpackage/orders/release-products?orderId=${state.orderId}&orderQuery=1`); |
|
|
|
} |
|
|
|
}else if(state.details['orderStep'] == OrderStatus['待激活']){ |
|
|
|
} else if (state.details['orderStep'] == OrderStatus['待激活']) { |
|
|
|
// 待激活 |
|
|
|
gotoActiveOrder(state.details) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
msg("请勾选协议"); |
|
|
|
} |
|
|
|
@@ -240,7 +219,7 @@ const quanKeyAction = () => { |
|
|
|
const res = await requestNew(agreeOrderProdcut, options); |
|
|
|
const data = res; |
|
|
|
console.log("确认协议", data) |
|
|
|
|
|
|
|
|
|
|
|
resolve(data); |
|
|
|
}).catch((error) => { |
|
|
|
reject(error); |
|
|
|
@@ -257,7 +236,7 @@ const quanKeyAction = () => { |
|
|
|
data: { |
|
|
|
orderId: state.orderId, //订单编号 |
|
|
|
status: 1 |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
@@ -266,8 +245,8 @@ const quanKeyAction = () => { |
|
|
|
let data = res; |
|
|
|
let supAgreeArr = data.data |
|
|
|
// 每次点击先清空 |
|
|
|
state.agreeURL=[] |
|
|
|
state.agreements=[] |
|
|
|
state.agreeURL = [] |
|
|
|
state.agreements = [] |
|
|
|
console.log("data==", supAgreeArr) |
|
|
|
for (var m = 0; m < supAgreeArr.length; m++) { |
|
|
|
let obj = {} |
|
|
|
@@ -288,7 +267,7 @@ const quanKeyAction = () => { |
|
|
|
// 文件后缀截取 |
|
|
|
var index = item.url.lastIndexOf("\."); |
|
|
|
let fileType = item.url.substring(index + 1, item.url.length); |
|
|
|
|
|
|
|
|
|
|
|
console.log("fileType", fileType) |
|
|
|
uni.downloadFile({ |
|
|
|
url: item.url, |
|
|
|
@@ -312,133 +291,152 @@ const quanKeyAction = () => { |
|
|
|
console.log("err", err) |
|
|
|
}, |
|
|
|
complete(res) { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
// 查询是否签署协议 |
|
|
|
const contractRequest=()=>{ |
|
|
|
const contractRequest = () => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
orderId: state.orderId, //订单编号 |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
requestNew(contractQuery, options).then((res) => { |
|
|
|
if(res.contractState==1){ |
|
|
|
state.isSign=true |
|
|
|
if (res.contractState == 1) { |
|
|
|
state.isSign = true |
|
|
|
// 协议签署了复选框选上 |
|
|
|
state.checked=true |
|
|
|
}else{ |
|
|
|
state.isSign=false |
|
|
|
state.checked=false |
|
|
|
state.checked = true |
|
|
|
} else { |
|
|
|
state.isSign = false |
|
|
|
state.checked = false |
|
|
|
} |
|
|
|
getWrlds() |
|
|
|
console.log("查询是否签署协议", res) |
|
|
|
}); |
|
|
|
} |
|
|
|
// 去签署协议 |
|
|
|
const sign=()=>{ |
|
|
|
const sign = () => { |
|
|
|
const options = { |
|
|
|
type: 2, |
|
|
|
data: { |
|
|
|
orderId: state.orderId, //订单编号 |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
method: "POST", |
|
|
|
showLoading: true, |
|
|
|
}; |
|
|
|
requestNew(accountSign, options).then((res) => { |
|
|
|
uni.navigateToMiniProgram({ |
|
|
|
appId: 'wxeee4ac6e61915479', |
|
|
|
path: `/pages/externel/view/view?random=${res.random}&envType=product`, |
|
|
|
envVersion: 'release', |
|
|
|
fail:(error)=>{ |
|
|
|
console.log(error); |
|
|
|
} |
|
|
|
appId: 'wxeee4ac6e61915479', |
|
|
|
path: `/pages/externel/view/view?random=${res.random}&envType=product`, |
|
|
|
envVersion: 'release', |
|
|
|
fail: (error) => { |
|
|
|
console.log(error); |
|
|
|
} |
|
|
|
}) |
|
|
|
console.log("去签署协议", res) |
|
|
|
}); |
|
|
|
} |
|
|
|
const changeColor = (e) => { |
|
|
|
state.vehiclePlateColor = e |
|
|
|
for(var i=0;i<state.carAll.length;i++){ |
|
|
|
if(e==state.carAll[i]['vehicPlate']){ |
|
|
|
orderDetail(state.carAll[i]['orderNo']) |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
console.log(e) |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.content{ |
|
|
|
font-size: 30rpx; |
|
|
|
background-color: white; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 20rpx 30rpx 40rpx 30rpx; |
|
|
|
view{ |
|
|
|
display: flex; |
|
|
|
margin-bottom: 4rpx; |
|
|
|
align-items: center; |
|
|
|
height: 76rpx; |
|
|
|
text{ |
|
|
|
width:30%; |
|
|
|
} |
|
|
|
input{ |
|
|
|
border:1rpx solid #ccc ; |
|
|
|
padding: 6rpx 10rpx; |
|
|
|
width: 60%; |
|
|
|
border-radius: 5rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
height: 60rpx; |
|
|
|
.content { |
|
|
|
font-size: 30rpx; |
|
|
|
background-color: white; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 20rpx 30rpx 40rpx 30rpx; |
|
|
|
|
|
|
|
view { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 4rpx; |
|
|
|
align-items: center; |
|
|
|
height: 76rpx; |
|
|
|
|
|
|
|
text { |
|
|
|
width: 30%; |
|
|
|
} |
|
|
|
|
|
|
|
input { |
|
|
|
border: 1rpx solid #ccc; |
|
|
|
padding: 6rpx 10rpx; |
|
|
|
width: 60%; |
|
|
|
border-radius: 5rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
height: 60rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.details{ |
|
|
|
font-size: 30rpx; |
|
|
|
background-color: white; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
view{ |
|
|
|
border-bottom: 1rpx solid #ccc; |
|
|
|
// height: 62rpx; |
|
|
|
line-height: 62rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
.car{ |
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
.details { |
|
|
|
font-size: 30rpx; |
|
|
|
background-color: white; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
|
|
|
|
view { |
|
|
|
border-bottom: 1rpx solid #ccc; |
|
|
|
// height: 62rpx; |
|
|
|
line-height: 62rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.car { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.noborder { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
.other-free { |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
|
|
|
|
.sure { |
|
|
|
margin: 30rpx 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.noborder{ |
|
|
|
border-bottom: none; |
|
|
|
|
|
|
|
.action { |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
.other-free{ |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
|
|
|
|
::v-deep .uni-select { |
|
|
|
box-sizing: border-box !important; |
|
|
|
padding-left: 10rpx !important; |
|
|
|
border: 1rpx solid #ccc; |
|
|
|
height: 60rpx !important; |
|
|
|
} |
|
|
|
.sure{ |
|
|
|
margin: 30rpx 0; |
|
|
|
|
|
|
|
::v-deep .uni-select__input-text { |
|
|
|
font-size: 30rpx !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.action{ |
|
|
|
margin-top: 30rpx; |
|
|
|
|
|
|
|
.yansghi { |
|
|
|
height: auto !important; |
|
|
|
line-height: normal !important; |
|
|
|
display: flex !important; |
|
|
|
justify-content: flex-start !important; |
|
|
|
flex-shrink: 1 !important; |
|
|
|
flex-wrap: wrap !important; |
|
|
|
align-items: center !important; |
|
|
|
} |
|
|
|
::v-deep .uni-select{ |
|
|
|
box-sizing: border-box !important; |
|
|
|
padding-left: 10rpx !important; |
|
|
|
border:1rpx solid #ccc ; |
|
|
|
height: 60rpx !important; |
|
|
|
} |
|
|
|
::v-deep .uni-select__input-text{ |
|
|
|
font-size: 30rpx !important; |
|
|
|
} |
|
|
|
.yansghi{ |
|
|
|
height: auto !important; |
|
|
|
line-height: normal !important; |
|
|
|
display: flex !important; |
|
|
|
justify-content: flex-start !important; |
|
|
|
flex-shrink: 1 !important; |
|
|
|
flex-wrap: wrap !important; |
|
|
|
align-items: center !important; |
|
|
|
} |
|
|
|
</style> |
yangteng
il y a 3 mois