更换版本
This commit is contained in:
183
packageA/pages/cardzbd/carInfo.js
Normal file
183
packageA/pages/cardzbd/carInfo.js
Normal file
@@ -0,0 +1,183 @@
|
||||
var a, e, t;
|
||||
(a = (function (a) {
|
||||
return a && a.__esModule ? a : { default: a };
|
||||
})(require("../../utils/apis.js"))),
|
||||
(e = getApp()),
|
||||
(t = getApp()),
|
||||
Page({
|
||||
data: { orderInfo: null, phone: e.getSystemPlatform() },
|
||||
onLoad: function (a) {
|
||||
var e = wx.getStorageSync("orderInfo"),
|
||||
t = wx.getStorageSync("cardatawx");
|
||||
this.setData({ orderInfo: e, cardatawx: t }), this.getmoney();
|
||||
},
|
||||
getmoney: function () {
|
||||
var a = this,
|
||||
t = { type: "cardzbd_money", uid: wx.getStorageSync("uid") };
|
||||
e.getdata(t, "getcarmoney").then((e) => {
|
||||
console.log("money", e.data), e.data && a.setData({ fee: e.data });
|
||||
});
|
||||
},
|
||||
orderid: function () {
|
||||
let a = "";
|
||||
for (var e = 0; e < 8; e++) a += Math.floor(10 * Math.random());
|
||||
(a = "D" + new Date().getTime() + a), this.setData({ orderid: a });
|
||||
},
|
||||
queryVin: function () {
|
||||
var a = this;
|
||||
a.orderid(),
|
||||
console.log(wx.getStorageSync("uid")),
|
||||
wx.getStorageSync("uid")
|
||||
? (console.log(wx.getStorageSync("uid")),
|
||||
t.util.request({
|
||||
url: "entry/wxapp/paynum",
|
||||
method: "post",
|
||||
dataType: "json",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
type: "cardzbd_money",
|
||||
orderid: a.data.orderid,
|
||||
uid: wx.getStorageSync("uid"),
|
||||
vin: a.data.cardatawx.vin,
|
||||
chepai: a.data.cardatawx.chepai,
|
||||
engine: a.data.cardatawx.engine,
|
||||
cpimg: a.data.cardatawx.imageUrl,
|
||||
postcardata: JSON.stringify(a.data),
|
||||
},
|
||||
success: function (e) {
|
||||
e.data && e.data.data && 1e3 == e.data.message
|
||||
? t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
uid: wx.getStorageSync("uid"),
|
||||
r: "home.weizhang.paynum",
|
||||
orderid: e.data.data.orderid,
|
||||
},
|
||||
success: function (e) {
|
||||
wx.showModal({ content: e.data.message }),
|
||||
a.setData({
|
||||
weizhang_num: 1 * a.data.weizhang_num + 10,
|
||||
}),
|
||||
a.getDetail();
|
||||
},
|
||||
})
|
||||
: e.data &&
|
||||
e.data.data &&
|
||||
!e.data.errno &&
|
||||
wx.requestPayment({
|
||||
timeStamp: e.data.data.timeStamp,
|
||||
nonceStr: e.data.data.nonceStr,
|
||||
package: e.data.data.package,
|
||||
signType: "MD5",
|
||||
paySign: e.data.data.paySign,
|
||||
success: function (n) {
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
uid: wx.getStorageSync("uid"),
|
||||
r: "home.weizhang.paynum",
|
||||
orderid: e.data.data.orderid,
|
||||
},
|
||||
success: function (e) {
|
||||
a.setData({
|
||||
weizhang_num: 1 * a.data.weizhang_num + 10,
|
||||
}),
|
||||
wx.showModal({ content: e.data.message }),
|
||||
a.getDetail();
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
}))
|
||||
: wx.showModal({
|
||||
title: "温馨提醒",
|
||||
content: "使用本功能请先登录后在使用~",
|
||||
showCancel: !1,
|
||||
success: function (a) {
|
||||
a.confirm && wx.reLaunch({ url: "/pages/mine/index" });
|
||||
},
|
||||
});
|
||||
},
|
||||
getDetail: function () {
|
||||
wx.showModal({
|
||||
title: "查询成功",
|
||||
content: "结果将工作时间在10-50分钟通知你,不成功自动退款~",
|
||||
showCancel: !1,
|
||||
success: function (a) {
|
||||
a.confirm && wx.reLaunch({ url: "/pages/reporlist/reporlist" });
|
||||
},
|
||||
});
|
||||
},
|
||||
getDetailb: function () {
|
||||
var a = this,
|
||||
t = {
|
||||
uid: wx.getStorageSync("uid"),
|
||||
frameno: a.data.orderInfo.vin,
|
||||
logo: a.data.orderInfo.logo,
|
||||
car: a.data.orderInfo.brand,
|
||||
cars: a.data.orderInfo.typeName,
|
||||
orderid: a.data.orderid,
|
||||
chepai: a.data.cardatawx.chepai,
|
||||
engine: a.data.cardatawx.engine,
|
||||
xszimg: a.data.cardatawx.imageUrl,
|
||||
cxtype: a.data.cardatawx.cxtype,
|
||||
daben: wx.getStorageSync("daben"),
|
||||
daben1: wx.getStorageSync("daben1"),
|
||||
daben2: wx.getStorageSync("daben2"),
|
||||
daben3: wx.getStorageSync("daben3"),
|
||||
money: a.data.fee,
|
||||
type: 1,
|
||||
};
|
||||
e.getdata(t, "dzbdcx").then((e) => {
|
||||
console.log("回调数据:", e.data), a.setData({ order: e.data.result });
|
||||
});
|
||||
},
|
||||
queryVinb: function () {
|
||||
var e = this.data.orderInfo.seriousNo,
|
||||
t = this.data.orderInfo.queryType,
|
||||
n = this.data.orderInfo.name;
|
||||
console.log("queryType:" + t),
|
||||
a.default
|
||||
.wxPay({
|
||||
seriousNo: e,
|
||||
openId: wx.getStorageSync("openId"),
|
||||
money: this.data.orderInfo.money,
|
||||
})
|
||||
.then(function (a) {
|
||||
wx.requestPayment({
|
||||
timeStamp: a.data.timeStamp,
|
||||
nonceStr: a.data.nonceStr,
|
||||
package: a.data.package,
|
||||
signType: a.data.signType,
|
||||
paySign: a.data.sign,
|
||||
success: function (a) {
|
||||
wx.navigateTo({
|
||||
url:
|
||||
"/pages/successPage/successPage?seriousNo=" +
|
||||
e +
|
||||
"&queryType=" +
|
||||
t +
|
||||
"&name=" +
|
||||
n,
|
||||
});
|
||||
},
|
||||
fail: function (a) {
|
||||
console.log(a);
|
||||
},
|
||||
});
|
||||
});
|
||||
},
|
||||
toDisclaimers: function () {
|
||||
wx.navigateTo({ url: "/pages/disclaimers/disclaimers" });
|
||||
},
|
||||
onReady: function () {},
|
||||
onShow: function () {},
|
||||
onHide: function () {},
|
||||
onUnload: function () {},
|
||||
onPullDownRefresh: function () {},
|
||||
onReachBottom: function () {},
|
||||
onShareAppMessage: function () {},
|
||||
});
|
||||
3
packageA/pages/cardzbd/carInfo.json
Normal file
3
packageA/pages/cardzbd/carInfo.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
34
packageA/pages/cardzbd/carInfo.wxml
Normal file
34
packageA/pages/cardzbd/carInfo.wxml
Normal file
@@ -0,0 +1,34 @@
|
||||
<view class="search-title">请确认以下信息</view>
|
||||
<view class="info-box">
|
||||
<view class="image-view">
|
||||
<image class="logo-iamge image-width" mode="heightFix" src="{{orderInfo.logo}}"></image>
|
||||
</view>
|
||||
<view class="text-view first-top">
|
||||
<text class="name-line">品牌</text>
|
||||
<text class="info-line">{{orderInfo.brand}}</text>
|
||||
<text class="special-text {{orderInfo.specialCar==1?'':'none-text'}}"> 特殊品牌</text>
|
||||
</view>
|
||||
<view class="text-view">
|
||||
<text class="name-line">VIN</text>
|
||||
<text class="info-line">{{orderInfo.vin}}</text>
|
||||
</view>
|
||||
<view class="text-view"> <text class="name-line">排放标准</text> <text class="info-line">{{orderInfo.environmentalstandards}}</text>
|
||||
</view>
|
||||
<view class="text-view"> <text class="name-line">种类</text> <text class="info-line">{{orderInfo.groupname}}</text>
|
||||
</view>
|
||||
<view class="text-view">
|
||||
<text class="name-line">厂商</text>
|
||||
<text class="info-line">{{orderInfo.manufacturer}}</text>
|
||||
</view>
|
||||
<view wx:if="{{phone!=ios}}">
|
||||
<view class="text-money">本次查询需要支付 <text class="free-money {{orderInfo.queryType==3?'':'none-text'}}">¥{{fee}}</text>
|
||||
<text class="info-money">¥{{fee}}</text>元 </view>
|
||||
</view>
|
||||
<view wx:if="{{phone==ios}}">
|
||||
<view class="text-money" wx:if="{{order.data.open==1}}">本次查询需要支付 <text class="free-money {{orderInfo.queryType==3?'':'none-text'}}">¥{{fee}}</text>
|
||||
<text class="info-money">¥{{fee}}</text>元 </view>
|
||||
</view>
|
||||
</view>
|
||||
<button bindtap="queryVin" class="search-button">确认查询</button>
|
||||
<view class="guite-info">默认支付同意<text bindtap="toDisclaimers" class="page-text">《平台免责声明》</text>
|
||||
</view>
|
||||
82
packageA/pages/cardzbd/carInfo.wxss
Normal file
82
packageA/pages/cardzbd/carInfo.wxss
Normal file
@@ -0,0 +1,82 @@
|
||||
.search-title {
|
||||
font-size: 50rpx;
|
||||
font-weight: 700;
|
||||
margin-bottom: 60rpx;
|
||||
margin-top: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.info-box {
|
||||
background-attachment: fixed;
|
||||
background-image: url(https://file.bigfishfarming.com/file/car_icon/info-bg@2.png);
|
||||
background-position: 22rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 711rpx 820rpx;
|
||||
height: 830rpx;
|
||||
}
|
||||
.name-line {
|
||||
display: inline-block;
|
||||
width: 160rpx;
|
||||
}
|
||||
.image-view {
|
||||
height: 80rpx;
|
||||
padding-top: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.image-width {
|
||||
width: 60px;
|
||||
}
|
||||
.logo-iamge {
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
height: 120rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.text-view {
|
||||
color: #9f9f9f;
|
||||
margin-left: 100rpx;
|
||||
margin-top: 44rpx;
|
||||
}
|
||||
.first-top {
|
||||
margin-top: 80rpx;
|
||||
}
|
||||
.info-line {
|
||||
color: #000;
|
||||
}
|
||||
.special-text {
|
||||
color: red;
|
||||
}
|
||||
.none-text {
|
||||
display: none;
|
||||
}
|
||||
.text-money {
|
||||
font-size: 35rpx;
|
||||
margin-top: 95rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.info-money {
|
||||
color: #e2864b;
|
||||
font-weight: 700;
|
||||
}
|
||||
.search-button {
|
||||
background: #3d61f0 !important;
|
||||
border-radius: 10rpx;
|
||||
color: #fff !important;
|
||||
height: 100rpx !important;
|
||||
line-height: 100rpx !important;
|
||||
padding: 0rpx !important;
|
||||
width: 92% !important;
|
||||
}
|
||||
.guite-info {
|
||||
color: #9f9f9f;
|
||||
font-size: 27rpx;
|
||||
margin-top: 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.page-text {
|
||||
color: #3d61f0;
|
||||
}
|
||||
.free-money {
|
||||
color: #9f9f9f;
|
||||
font-weight: 700;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
62
packageA/pages/cardzbd/carcxjl.js
Normal file
62
packageA/pages/cardzbd/carcxjl.js
Normal file
@@ -0,0 +1,62 @@
|
||||
var a;
|
||||
(a = getApp()),
|
||||
Page({
|
||||
data: { serviceSumCount: 0, serviceSumMoney: 0 },
|
||||
onLoad: function (a) {
|
||||
this.getDetail(a.orderid);
|
||||
},
|
||||
imgPreview: function (e) {
|
||||
console.log(e);
|
||||
var t = e.currentTarget.dataset.src,
|
||||
r = e.currentTarget.dataset.name;
|
||||
t
|
||||
? wx.previewImage({
|
||||
current: t,
|
||||
urls: this.data.recordimgs,
|
||||
success: function (a) {},
|
||||
fail: function () {},
|
||||
complete: function () {},
|
||||
})
|
||||
: a.showToast(r + "未生成段位卡");
|
||||
},
|
||||
getDetail: function (e) {
|
||||
var t = this,
|
||||
r = { orderid: e };
|
||||
a.getdata(r, "dzbdid").then((a) => {
|
||||
if (
|
||||
(console.log("回调数据:", a),
|
||||
a &&
|
||||
(t.setData({ cardata: a.data, orderid: e }),
|
||||
a.data.recordimgs &&
|
||||
t.setData({ recordimgs: JSON.parse(a.data.recordimgs) }),
|
||||
a.data.record))
|
||||
) {
|
||||
var r = JSON.parse(a.data.record);
|
||||
console.log(r),
|
||||
t.setData({
|
||||
records: r.result.data.details.records,
|
||||
serviceSumCount: r.result.data.details.serviceSumCount,
|
||||
serviceSumMoney: r.result.data.details.serviceSumMoney,
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
onReady: function () {},
|
||||
onShow: function () {},
|
||||
onHide: function () {},
|
||||
onUnload: function () {},
|
||||
onPullDownRefresh: function () {},
|
||||
onReachBottom: function () {},
|
||||
onShareAppMessage: function () {
|
||||
return {
|
||||
title: this.data.cardata.cars + "出险碰撞查询报告",
|
||||
path: "/packageA/pages/cardzbd/carcxjl?orderid=" + this.data.orderid,
|
||||
};
|
||||
},
|
||||
onShareTimeline: function () {
|
||||
return {
|
||||
title: this.data.cardata.cars + "出险碰撞查询报告",
|
||||
path: "/packageA/pages/cardzbd/carcxjl?orderid=" + this.data.orderid,
|
||||
};
|
||||
},
|
||||
});
|
||||
5
packageA/pages/cardzbd/carcxjl.json
Normal file
5
packageA/pages/cardzbd/carcxjl.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarBackgroundColor": "#3960FE",
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
89
packageA/pages/cardzbd/carcxjl.wxml
Normal file
89
packageA/pages/cardzbd/carcxjl.wxml
Normal file
@@ -0,0 +1,89 @@
|
||||
<view class="page-view" wx:if="{{cardata.url}}">
|
||||
<web-view src="{{cardata.url}}"></web-view>
|
||||
</view>
|
||||
<view class="page-view" wx:if="{{recordimgs.length>0}}">
|
||||
<view class="top-title">
|
||||
<text class="top-title-b">电子保单</text>
|
||||
<text class="top-title-l">查询时间:{{cardata.time}}</text>
|
||||
</view>
|
||||
<view class="top-boxb">
|
||||
<view class="box-text">
|
||||
<view style="width: 130%;">
|
||||
<text class="brand-text" style="display: inline;">{{cardata.car}}</text>
|
||||
<text class="order-text" style="display: inline;font-size: 24rpx">{{cardata.cars}}</text>
|
||||
</view>
|
||||
<text class="order-text">VIN:{{cardata.vin}}</text>
|
||||
</view>
|
||||
<view class="box-img">
|
||||
<image class="logo-img" mode="widthFix" src="{{cardata.logo}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-view">
|
||||
<view class="content-desc">
|
||||
<text class="content-title">电子保单</text>
|
||||
<text class="content-shuo">* 数据来自第三方,仅作参考</text>
|
||||
</view>
|
||||
<view class="tui-upload-box" wx:if="{{recordimgs.length>0}}">
|
||||
<view class="tui-upload-item" wx:for="{{recordimgs}}" wx:key="{{index}}">
|
||||
<image bindtap="imgPreview" class="grace-time-line-image grace-border-radius-small" data-src="{{item}}" mode="widthFix" src="{{item}}" style="width: 100%;"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="page-view" wx:else>
|
||||
<view class="top-title">
|
||||
<text class="top-title-b">电子保单</text>
|
||||
<text class="top-title-l">查询时间:{{cardata.time}}</text>
|
||||
</view>
|
||||
<view class="top-box">
|
||||
<view class="box-text">
|
||||
<view style="width: 130%;">
|
||||
<text class="brand-text" style="display: inline;">{{cardata.car}}</text>
|
||||
<text class="order-text" style="display: inline;font-size: 24rpx">{{cardata.cars}}</text>
|
||||
</view>
|
||||
<text class="order-text">VIN:{{cardata.vin}}</text>
|
||||
<text class="none-text"></text>
|
||||
<text class="type-text">维修次数:{{serviceSumCount}}</text>
|
||||
<text class="pai-text">维修金额:{{serviceSumMoney/100}}</text>
|
||||
</view>
|
||||
<view class="box-img">
|
||||
<image class="logo-img" mode="widthFix" src="{{cardata.logo}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-view">
|
||||
<view class="content-desc">
|
||||
<text class="content-title">出险记录</text>
|
||||
<text class="content-shuo">* 数据来自第三方,仅作参考</text>
|
||||
</view>
|
||||
<view data-index="{{index}}" wx:if="{{records.length>0}}" wx:for="{{records}}" wx:key="index">
|
||||
<view class="content-detail-single">
|
||||
<view class="content-right">
|
||||
<view class="veibao-title">
|
||||
<text class="{{index==0?'yuandian first-dian':'yuandian no-dian'}}"></text>
|
||||
<text class="veibao-time">{{item.dangerDate}}</text>
|
||||
</view>
|
||||
<view class="veibao-text" wx:if="{{item.resultInfo.length>0}}" wx:for="{{item.resultInfo}}" wx:for-item="result" wx:key="index">
|
||||
<view class="veibao-xiangmu">
|
||||
<text class="xiangmu-title">理赔类型</text>
|
||||
<text class="xiangmu-detail">{{result.dangerSingleType==1?'更换':result.dangerSingleType==2?'维修':'材料'}}</text>
|
||||
</view>
|
||||
<view class="veibao-xiangmu">
|
||||
<text class="xiangmu-title">理赔描述</text>
|
||||
<text class="xiangmu-detail">{{result.dangerSingleName}}</text>
|
||||
</view>
|
||||
<view class="veibao-xiangmu">
|
||||
<text class="xiangmu-title">理赔金额</text>
|
||||
<text class="xiangmu-detail">{{result.dangerSingleMoney/100}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="veibao-text {{item.vehicleType==null?'none-view':''}}">
|
||||
<view class="veibao-xiangmu">
|
||||
<text class="xiangmu-title">相关事故车</text>
|
||||
<text class="xiangmu-detail"> {{item.vehicleType}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
232
packageA/pages/cardzbd/carcxjl.wxss
Normal file
232
packageA/pages/cardzbd/carcxjl.wxss
Normal file
@@ -0,0 +1,232 @@
|
||||
page {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
.page-view {
|
||||
background: linear-gradient(#3960fe, #4e71fc, #f8f8f8);
|
||||
height: 495rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.top-boxb {
|
||||
background-color: #fff;
|
||||
border-radius: 14rpx;
|
||||
height: 150rpx;
|
||||
margin: 30rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.top-title {
|
||||
color: #fff;
|
||||
padding-top: 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.top-title-b {
|
||||
display: block;
|
||||
font-size: 50rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.top-title-l {
|
||||
display: block;
|
||||
font-size: 25rpx;
|
||||
margin-bottom: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.top-box {
|
||||
background-color: #fff;
|
||||
border-radius: 14rpx;
|
||||
height: 230rpx;
|
||||
margin: 30rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.box-text {
|
||||
display: inline-block;
|
||||
width: 70%;
|
||||
}
|
||||
.brand-text {
|
||||
display: block;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.order-text {
|
||||
color: #999;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
.kilm-text,
|
||||
.order-text {
|
||||
display: block;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.kilm-text {
|
||||
background-color: #e8f3ff;
|
||||
}
|
||||
.kilm-text,
|
||||
.none-text {
|
||||
border-radius: 5rpx;
|
||||
color: #3292ff;
|
||||
height: 42rpx;
|
||||
line-height: 42rpx;
|
||||
text-align: center;
|
||||
width: 200rpx;
|
||||
}
|
||||
.none-text {
|
||||
display: block;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.pai-text,
|
||||
.type-text {
|
||||
color: #ff6412;
|
||||
display: inline-block;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.type-text {
|
||||
margin-right: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.box-img {
|
||||
display: inline-block;
|
||||
margin-top: 45rpx;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
width: 30%;
|
||||
}
|
||||
.logo-img {
|
||||
width: 160rpx;
|
||||
}
|
||||
.carpars-status {
|
||||
display: block;
|
||||
}
|
||||
.single-pars {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 25%;
|
||||
}
|
||||
.pars-desc {
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
display: block;
|
||||
font-size: 27rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
width: 80rpx;
|
||||
}
|
||||
.status-true {
|
||||
background-color: #5ebb5b;
|
||||
}
|
||||
.status-false {
|
||||
background-color: #f47e50;
|
||||
}
|
||||
.pars-title {
|
||||
display: block;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.lineView {
|
||||
background-color: #d8d8d8;
|
||||
height: 1px;
|
||||
margin: 20rpx auto;
|
||||
width: 100%;
|
||||
}
|
||||
.content-view {
|
||||
background-color: #fff;
|
||||
border-radius: 14rpx;
|
||||
margin: 30rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.content-desc {
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
height: 56rpx;
|
||||
padding: 10rpx 30rpx 20rpx;
|
||||
}
|
||||
.content-title {
|
||||
float: left;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.content-shuo,
|
||||
.content-title {
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.content-shuo {
|
||||
color: #999;
|
||||
float: right;
|
||||
font-size: 27rpx;
|
||||
}
|
||||
.content-detail-single {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.content-left {
|
||||
display: inline-block;
|
||||
width: 8%;
|
||||
}
|
||||
.yuandian {
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 16rpx;
|
||||
margin: 27rpx 20rpx 27rpx 0rpx;
|
||||
width: 16rpx;
|
||||
}
|
||||
.first-dian {
|
||||
background-color: #3e61f0;
|
||||
}
|
||||
.no-dian,
|
||||
.shuline {
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.shuline {
|
||||
display: inline-block;
|
||||
height: 120rpx;
|
||||
width: 1rpx;
|
||||
}
|
||||
.content-right {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.veibao-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
}
|
||||
.veibao-time {
|
||||
float: left;
|
||||
}
|
||||
.veibao-remark {
|
||||
float: right;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.remark-yang {
|
||||
color: #389e0d;
|
||||
}
|
||||
.remark-xiu {
|
||||
color: #fa8c16;
|
||||
}
|
||||
.remark-shi {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
.veibao-text {
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 8rpx;
|
||||
font-size: 30rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.veibao-xiangmu {
|
||||
padding: 10rpx;
|
||||
}
|
||||
.xiangmu-title {
|
||||
color: #999;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 28%;
|
||||
}
|
||||
.xiangmu-detail {
|
||||
color: #666;
|
||||
display: inline-block;
|
||||
width: 72%;
|
||||
}
|
||||
.tiaobiao {
|
||||
border-radius: 3rpx;
|
||||
color: #fa8c16;
|
||||
}
|
||||
341
packageA/pages/cardzbd/incxjl.js
Normal file
341
packageA/pages/cardzbd/incxjl.js
Normal file
@@ -0,0 +1,341 @@
|
||||
!(function () {
|
||||
var e = getApp();
|
||||
!(function (e) {
|
||||
e && e.__esModule;
|
||||
})(require("../../utils/apis.js"));
|
||||
Page({
|
||||
data: {
|
||||
regdate: "",
|
||||
mileage: "",
|
||||
carName: "",
|
||||
cityName: "",
|
||||
cityid: 0,
|
||||
provid: 0,
|
||||
carId: 0,
|
||||
daben: "",
|
||||
page: 1,
|
||||
type: 8,
|
||||
index: 0,
|
||||
bdtype: ["交强险查询", "商业保险查询"],
|
||||
cxtype: "交强险查询",
|
||||
},
|
||||
mileageChanage: function (e) {
|
||||
this.setData({ mileage: e.detail.value });
|
||||
},
|
||||
bindPickerChange: function (e) {
|
||||
console.log("picker发送选择改变,携带值为", e.detail.value),
|
||||
this.setData({
|
||||
index: e.detail.value,
|
||||
cxtype: this.data.bdtype[e.detail.value],
|
||||
});
|
||||
},
|
||||
saoys: function (e) {
|
||||
wx.navigateTo({ url: "../xszsb/xszsb?type=1" });
|
||||
},
|
||||
daben: function (a) {
|
||||
var t = this;
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ["compressed"],
|
||||
sourceType: ["album", "camera"],
|
||||
success: function (a) {
|
||||
var n =
|
||||
e.util.url("entry/wxapp/scqiniu") + "&m=monai_market&ids=daben";
|
||||
wx.uploadFile({
|
||||
url: n,
|
||||
filePath: a.tempFilePaths[0],
|
||||
name: "file",
|
||||
success: function (e) {
|
||||
var a = (a = (a = e.data).replace("\n", "")).replace("\r", "");
|
||||
console.log(a),
|
||||
t.setData({ daben: a }),
|
||||
wx.setStorageSync("daben", a);
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
daben1: function (a) {
|
||||
var t = this;
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ["compressed"],
|
||||
sourceType: ["album", "camera"],
|
||||
success: function (a) {
|
||||
var n =
|
||||
e.util.url("entry/wxapp/scqiniu") + "&m=monai_market&ids=daben";
|
||||
wx.uploadFile({
|
||||
url: n,
|
||||
filePath: a.tempFilePaths[0],
|
||||
name: "file",
|
||||
success: function (e) {
|
||||
var a = (a = (a = e.data).replace("\n", "")).replace("\r", "");
|
||||
console.log(a),
|
||||
t.setData({ daben1: a }),
|
||||
wx.setStorageSync("daben1", a);
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
daben2: function (a) {
|
||||
var t = this;
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ["compressed"],
|
||||
sourceType: ["album", "camera"],
|
||||
success: function (a) {
|
||||
var n =
|
||||
e.util.url("entry/wxapp/scqiniu") + "&m=monai_market&ids=daben";
|
||||
wx.uploadFile({
|
||||
url: n,
|
||||
filePath: a.tempFilePaths[0],
|
||||
name: "file",
|
||||
success: function (e) {
|
||||
var a = (a = (a = e.data).replace("\n", "")).replace("\r", "");
|
||||
console.log(a),
|
||||
t.setData({ daben2: a }),
|
||||
wx.setStorageSync("daben2", a);
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
daben3: function (a) {
|
||||
var t = this;
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ["compressed"],
|
||||
sourceType: ["album", "camera"],
|
||||
success: function (a) {
|
||||
var n =
|
||||
e.util.url("entry/wxapp/scqiniu") + "&m=monai_market&ids=daben";
|
||||
wx.uploadFile({
|
||||
url: n,
|
||||
filePath: a.tempFilePaths[0],
|
||||
name: "file",
|
||||
success: function (e) {
|
||||
var a = (a = (a = e.data).replace("\n", "")).replace("\r", "");
|
||||
console.log(a),
|
||||
t.setData({ daben3: a }),
|
||||
wx.setStorageSync("daben3", a);
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
queryVolation: function () {
|
||||
if (wx.getStorageSync("uid")) {
|
||||
var a = this;
|
||||
if ((this.tongzhi(), a.data.mileage))
|
||||
if (17 == a.data.mileage.length)
|
||||
if ("iosb" == e.getSystemPlatform())
|
||||
wx.showModal({
|
||||
title: "温馨提示",
|
||||
content: "iOS不支持小程序,请使用公众号查询",
|
||||
success: function (e) {
|
||||
e.confirm
|
||||
? wx.navigateTo({
|
||||
url:
|
||||
"/pages/website/website?url=https://mp.weixin.qq.com/s?__biz=MzIwOTYxMTI2Nw==&mid=2247483888&idx=1&sn=1f5deda3e1a2d5e109dfaf8000520030&chksm=97707e9ca007f78a7ade8b1b57eda40183c6de47a6a115836fdb77748fc248c320a29e3309c6&token=1742855998&lang=zh_CN#rd&img=" +
|
||||
wx.getStorageSync("gzhurl"),
|
||||
})
|
||||
: console.log("点击取消回调");
|
||||
},
|
||||
});
|
||||
else if (a.data.imageUrl) {
|
||||
var t = this,
|
||||
n = { content: t.data.mileage + t.data.engine + t.data.chepai };
|
||||
e.getdata(n, "checkContent").then((e) => {
|
||||
console.log("文本回调数据:", e),
|
||||
0 == e.errcode
|
||||
? a.queryVin()
|
||||
: wx.showModal({
|
||||
title: "温馨提示",
|
||||
content:
|
||||
"你输入的文本检测存在违规,请检测文本内容后重新输入。",
|
||||
success: function (e) {
|
||||
e.confirm || console.log("点击取消回调");
|
||||
},
|
||||
});
|
||||
});
|
||||
} else
|
||||
wx.showToast({
|
||||
title: "请上传行驶证,高级查询必须需要行驶证",
|
||||
icon: "none",
|
||||
duration: 2e3,
|
||||
});
|
||||
else
|
||||
wx.showToast({
|
||||
title: "车架号错误,请输入正确的车架号",
|
||||
icon: "none",
|
||||
duration: 2e3,
|
||||
});
|
||||
else
|
||||
wx.showToast({
|
||||
title: "车架号不能为空",
|
||||
icon: "none",
|
||||
duration: 2e3,
|
||||
});
|
||||
} else
|
||||
wx.showModal({
|
||||
title: "温馨提示",
|
||||
content: "请去个人中心授权登录用户信息",
|
||||
success: function (e) {
|
||||
e.confirm
|
||||
? wx.reLaunch({ url: "/pages/mine/index" })
|
||||
: console.log("点击取消回调");
|
||||
},
|
||||
});
|
||||
},
|
||||
queryVin: function (a) {
|
||||
var t = this;
|
||||
wx.setStorageSync("cardatawx", {});
|
||||
var n = {
|
||||
vin: t.data.mileage,
|
||||
imageUrl: t.data.imageUrl,
|
||||
engine: t.data.engine,
|
||||
chepai: t.data.chepai,
|
||||
cxtype: t.data.cxtype,
|
||||
};
|
||||
wx.setStorageSync("cardatawx", n), console.log(t.data.daben);
|
||||
var o = { uid: wx.getStorageSync("uid"), vin: t.data.mileage };
|
||||
e.getdata(o, "vincxmf").then((e) => {
|
||||
if ((console.log("vin回调数据:", e.data), e.data)) {
|
||||
var a = JSON.parse(e.data);
|
||||
console.log(a.result),
|
||||
wx.setStorageSync("orderInfo", a.result),
|
||||
wx.navigateTo({ url: "../cardzbd/carInfo" });
|
||||
}
|
||||
});
|
||||
},
|
||||
tongzhi: function (a) {
|
||||
e.getdata({ type: "4" }, "getdyxx").then((a) => {
|
||||
console.log(a.data),
|
||||
wx.requestSubscribeMessage({
|
||||
tmplIds: [a.data],
|
||||
success(t) {
|
||||
"accept" == t[a.data]
|
||||
? (wx.showToast({ title: "订阅成功" }),
|
||||
e.util.request({
|
||||
url: "entry/wxapp/addtemplateid",
|
||||
data: { templateid: a.data, uid: wx.getStorageSync("uid") },
|
||||
header: { "content-type": "application/json" },
|
||||
success: function (e) {
|
||||
console.log(e);
|
||||
},
|
||||
}))
|
||||
: wx.showToast({ title: "订阅失败" });
|
||||
},
|
||||
});
|
||||
});
|
||||
},
|
||||
toDetailExample: function () {
|
||||
wx.navigateTo({
|
||||
url: "../cardzbd/carcxjl?orderid=D164001170278907858681",
|
||||
});
|
||||
},
|
||||
toSelectCar: function () {
|
||||
wx.navigateTo({ url: "/pages/selectCar/selectCar" });
|
||||
},
|
||||
toSelectCity: function () {
|
||||
wx.navigateTo({ url: "/pages/selectCity/selectCity" });
|
||||
},
|
||||
toSelectTime: function () {
|
||||
wx.navigateTo({ url: "/pages/selectTime/selectTime" });
|
||||
},
|
||||
onLoad: function (e) {
|
||||
wx.getStorageSync("uid") || getApp().wxlogin(),
|
||||
wx.removeStorageSync("cardata"),
|
||||
wx.removeStorageSync("carvehicle"),
|
||||
wx.removeStorageSync("carprov"),
|
||||
wx.removeStorageSync("carcity"),
|
||||
wx.removeStorageSync("cartime"),
|
||||
wx.removeStorageSync("cardatawx"),
|
||||
wx.removeStorageSync("daben"),
|
||||
wx.removeStorageSync("daben1"),
|
||||
wx.removeStorageSync("daben2"),
|
||||
wx.removeStorageSync("daben3");
|
||||
},
|
||||
onReady: function () {},
|
||||
onShow: function () {
|
||||
e.appdengl();
|
||||
var a = wx.getStorageSync("cardata");
|
||||
console.log("行驶证数据", a),
|
||||
console.log("行驶证照片", wx.getStorageSync("xszimgurl")),
|
||||
a &&
|
||||
this.setData({
|
||||
mileage: a.车辆识别代号.words,
|
||||
engine: a.发动机号码.words,
|
||||
chepai: a.号牌号码.words,
|
||||
imageUrl: wx.getStorageSync("xszimgurl"),
|
||||
});
|
||||
var t = wx.getStorageSync("carvehicle"),
|
||||
n = wx.getStorageSync("carprov"),
|
||||
o = wx.getStorageSync("carcity"),
|
||||
i = wx.getStorageSync("cartime"),
|
||||
c = "";
|
||||
"" != o && null != o && (c = n.name + "-" + o.name),
|
||||
console.log("" == t),
|
||||
"" != t &&
|
||||
"" != i &&
|
||||
parseInt(i.split("-")[0]) < parseInt(t.makeyear) &&
|
||||
(i = ""),
|
||||
this.setData({
|
||||
carName: t.salesdesc,
|
||||
cityName: c,
|
||||
regdate: i,
|
||||
cityid: o.id,
|
||||
provid: n.id,
|
||||
carId: t.autohomeid,
|
||||
}),
|
||||
this.getDetail(1);
|
||||
},
|
||||
onPullDownRefresh: function () {
|
||||
this.clearCache(), this.getArticles(1);
|
||||
},
|
||||
onReachBottom: function () {
|
||||
console.log("加上"), this.getDetail(this.data.page);
|
||||
},
|
||||
clearCache: function () {
|
||||
this.setData({ repairList: [], page: 1 });
|
||||
},
|
||||
getDetail: function (a) {
|
||||
var t = this,
|
||||
n = { uid: wx.getStorageSync("uid"), type: t.data.type, page: a };
|
||||
e.getdata(n, "carqxcx").then((e) => {
|
||||
if ((console.log("回调数据:", e), e.data && 0 == e.errno))
|
||||
if (1 == a) t.setData({ repairList: e.data, page: t.data.page + 1 });
|
||||
else {
|
||||
var n = t.data.repairList;
|
||||
n.push.apply(n, e.data),
|
||||
t.setData({ repairList: n, page: t.data.page + 1 });
|
||||
}
|
||||
});
|
||||
},
|
||||
showRenMsg: function () {
|
||||
wx.showToast({
|
||||
title: "人工查询中,请稍等",
|
||||
icon: "none",
|
||||
duration: 3e3,
|
||||
});
|
||||
},
|
||||
showGaoMsg: function () {
|
||||
wx.showToast({
|
||||
title: "查不到记录,建议使用高级出险查询。",
|
||||
icon: "none",
|
||||
duration: 3e3,
|
||||
});
|
||||
},
|
||||
getdzbdDetail: function (e) {
|
||||
var a = e.currentTarget.dataset.orderid;
|
||||
wx.navigateTo({
|
||||
url: "/packageA/pages/cardzbd/carcxjl?orderid=" + a,
|
||||
success: function () {},
|
||||
});
|
||||
},
|
||||
onHide: function () {},
|
||||
onUnload: function () {},
|
||||
onShareAppMessage: function () {},
|
||||
});
|
||||
})();
|
||||
4
packageA/pages/cardzbd/incxjl.json
Normal file
4
packageA/pages/cardzbd/incxjl.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "电子保单",
|
||||
"usingComponents": {}
|
||||
}
|
||||
66
packageA/pages/cardzbd/incxjl.wxml
Normal file
66
packageA/pages/cardzbd/incxjl.wxml
Normal file
@@ -0,0 +1,66 @@
|
||||
<view class="topbb" style="width: 750rpx; height: 350rpx; display: block; box-sizing: border-box; left: 0rpx; top: 47rpx">
|
||||
<view class="top">
|
||||
<view class="title">
|
||||
<view class="main"> 电子保单查询</view>
|
||||
<view class="sub">电子保单,查询需要时间,正常10-30分钟内出结果,查询时间:早上9点-晚上10点,其他时间次日~</view>
|
||||
</view>
|
||||
<image mode="widthFix" src="https://api.ym23.com/addons/monai_market/static/images/car/WechatIMG25.png" style="position: absolute; left: 450rpx; top: 162rpx"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="vin-inputs">
|
||||
<picker bindchange="bindPickerChange" range="{{bdtype}}" value="{{index}}">
|
||||
<view class="picker">
|
||||
<text class="opt-name">点击选择类型</text>:<text style="color: rgb(26, 113, 253);">{{bdtype[index]}}</text>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<input bindinput="mileageChanage" class="vin-input" maxlength="17" placeholder="车辆识别码/车架号" type="text" value="{{mileage}}"></input>
|
||||
<view style="display:inline-block;width:75rpx;margin-left:25rpx;">
|
||||
<navigator bindtap="saoys" class="camera-nav" hoverClass="none" selectedOptions="{{['plateNum','vehicleType','owner']}}">
|
||||
<image class="camera-img" src="/assets/images/scan.png"></image>
|
||||
<text style="font-size:24rpx;">扫一扫</text>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<text bindtap="saoys" class="driver_text" wx:if="{{!imageUrl}}">查询信息,必须上传行驶证~</text>
|
||||
<text bindtap="saoys" class="driver_text" wx:else>车牌号:{{chepai}},行驶证上传成功~</text>
|
||||
<image bindtap="saoys" class="driver_img" mode="aspectFill" src="https://api.ym23.com/addons/monai_market/static/images/car/xsz_example.jpg" wx:if="{{!imageUrl}}"></image>
|
||||
<image bindtap="saoys" class="driver_img" mode="aspectFill" src="{{imageUrl}}" wx:else></image>
|
||||
<text bindtap="daben" class="driver_text" wx:if="{{!daben}}">上传车辆大本查询成功率更高(选填,有大本请上传)</text>
|
||||
<text bindtap="daben" class="driver_text" wx:else>大本上传成功~</text>
|
||||
<image bindtap="daben" class="driver_img" mode="aspectFill" src="https://api.ym23.com/addons/monai_market/static/images/car/1.jpg" wx:if="{{!daben}}"></image>
|
||||
<image bindtap="daben" class="driver_img" mode="aspectFill" src="{{daben}}" wx:else></image>
|
||||
<image bindtap="daben1" class="driver_img" mode="aspectFill" src="https://api.ym23.com/addons/monai_market/static/images/car/2.jpg" wx:if="{{!daben1}}"></image>
|
||||
<image bindtap="daben1" class="driver_img" mode="aspectFill" src="{{daben1}}" wx:else></image>
|
||||
<image bindtap="daben2" class="driver_img" mode="aspectFill" src="https://api.ym23.com/addons/monai_market/static/images/car/3.jpg" wx:if="{{!daben2}}"></image>
|
||||
<image bindtap="daben2" class="driver_img" mode="aspectFill" src="{{daben2}}" wx:else></image>
|
||||
<image bindtap="daben3" class="driver_img" mode="aspectFill" src="https://api.ym23.com/addons/monai_market/static/images/car/4.jpg" wx:if="{{!daben3}}"></image>
|
||||
<image bindtap="daben3" class="driver_img" mode="aspectFill" src="{{daben3}}" wx:else></image>
|
||||
<button bindtap="queryVolation" class="search-button">开始查询</button>
|
||||
<view class="help-view">
|
||||
<text bindtap="toDetailExample" class="help-example">样例报告</text>
|
||||
<text bindtap="toHelpVin" class="help-wht">扫一扫识别更快</text>
|
||||
</view>
|
||||
<view style="height:10rpx;"></view>
|
||||
<view class="topbb">
|
||||
<view class="title">
|
||||
<view class="main">电子保单查询记录{{repairList.length}}条</view>
|
||||
</view>
|
||||
<view data-index="{{index}}" wx:for="{{repairList}}" wx:key="index">
|
||||
<view class="contentView">
|
||||
<text bindtap="copyText" class="orderNum" data-text="{{item.vin}}">订单编号:{{item.orderid}}</text>
|
||||
<view class="lineView"></view>
|
||||
<view bindtap="{{item.queryStatus=='2'?'getdzbdDetail':item.queryStatus=='4'?'showRenMsg':item.queryStatus=='3'?'showGaoMsg':''}}" data-brand="{{item.car}}" data-logo="{{item.logo}}" data-orderid="{{item.orderid}}" data-querytype="{{item.queryType}}" data-time="{{item.queryTimeStr}}" data-version="{{item.queryVersion}}">
|
||||
<image class="logo-img" mode="widthFix" src="{{item.logo}}"></image>
|
||||
<view class="text-view">
|
||||
<text class="name-text">{{item.car}}</text>
|
||||
<text class="statusView {{item.queryStatus=='1'?'underwayView':item.queryStatus=='2'?'ingView':item.queryStatus=='4'?'underwayView':'successView'}}">{{item.queryStatus=='1'?'查询中...':item.queryStatus=='2'?'已出报告':item.queryStatus=='4'?'人工处理':'无记录'}}</text>
|
||||
<text class="{{item.hasRefund=='2'?'refundView successView':'noneView'}}">{{item.hasRefund=='2'?'已退款':'退款中...'}}</text>
|
||||
<text class="hui-text">VIN:{{item.vin}}</text>
|
||||
<text class="hui-text">{{item.time}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
165
packageA/pages/cardzbd/incxjl.wxss
Normal file
165
packageA/pages/cardzbd/incxjl.wxss
Normal file
@@ -0,0 +1,165 @@
|
||||
@import "/graceUI/reporlist.wxss";
|
||||
.topbb {
|
||||
height: 215px;
|
||||
margin: 10px;
|
||||
top: 20px;
|
||||
}
|
||||
.top,
|
||||
.topbb {
|
||||
position: relative;
|
||||
}
|
||||
.top {
|
||||
height: 135px;
|
||||
}
|
||||
.top .title .main {
|
||||
background: #3d61f0;
|
||||
border: 1px solid #3d61f0;
|
||||
border-radius: 0.5rem 3rem 3rem 3rem;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-weight: 300;
|
||||
margin: 16px 10px 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
.picker {
|
||||
color: #86868b;
|
||||
}
|
||||
.top .title .sub {
|
||||
color: #636364;
|
||||
font-size: 1rem;
|
||||
font-size: 35rpx;
|
||||
font-weight: 100;
|
||||
margin: 10px;
|
||||
width: 160px;
|
||||
width: 60%;
|
||||
}
|
||||
.top image {
|
||||
bottom: -1rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 8rem;
|
||||
z-index: 10;
|
||||
}
|
||||
.search-title {
|
||||
font-size: 50rpx;
|
||||
font-weight: 700;
|
||||
margin-bottom: 60rpx;
|
||||
margin-top: 150rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.search-text {
|
||||
border-radius: 10rpx;
|
||||
color: #86868b;
|
||||
font-size: 35rpx;
|
||||
font-size: 34rpx;
|
||||
line-height: 40rpx;
|
||||
margin: auto auto 120rpx;
|
||||
width: 89%;
|
||||
}
|
||||
.vin-input {
|
||||
width: 70%;
|
||||
}
|
||||
.vin-input,
|
||||
.vin-inputs {
|
||||
background: #f2f2f2;
|
||||
display: inline-block;
|
||||
font-size: 46rpx;
|
||||
height: 80rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 40rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
}
|
||||
.vin-inputs {
|
||||
width: 84%;
|
||||
}
|
||||
.search-button {
|
||||
background: #3d61f0 !important;
|
||||
border-radius: 10rpx;
|
||||
color: #fff !important;
|
||||
height: 100rpx !important;
|
||||
line-height: 100rpx !important;
|
||||
margin-top: 40rpx;
|
||||
padding: 0rpx !important;
|
||||
width: 93% !important;
|
||||
}
|
||||
.help-view {
|
||||
font-size: 31rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.help-example {
|
||||
color: #3d61f0;
|
||||
float: left;
|
||||
}
|
||||
.help-wht {
|
||||
color: #f0803e;
|
||||
float: right;
|
||||
}
|
||||
.camera-nav {
|
||||
display: inline-block;
|
||||
}
|
||||
.camera-img {
|
||||
height: 66rpx;
|
||||
margin-bottom: -14rpx;
|
||||
width: 75rpx;
|
||||
}
|
||||
.driver_mask {
|
||||
background: #000;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9000;
|
||||
}
|
||||
.driver_modalDlg {
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 25%;
|
||||
width: 80%;
|
||||
z-index: 9999;
|
||||
}
|
||||
.driver_ok {
|
||||
background: #3d61f0;
|
||||
border-radius: 8rpx;
|
||||
color: #fff;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
}
|
||||
.driver_text {
|
||||
color: #666;
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
line-height: 40rpx;
|
||||
margin: 30rpx;
|
||||
}
|
||||
.driver_ocr {
|
||||
margin: 0 auto;
|
||||
width: 80px;
|
||||
}
|
||||
.driver_ocr,
|
||||
.show_modal {
|
||||
display: block;
|
||||
}
|
||||
.hide_modal {
|
||||
display: none;
|
||||
}
|
||||
.driver_img {
|
||||
border-radius: 20rpx;
|
||||
height: 100px;
|
||||
margin-left: 5%;
|
||||
width: 40%;
|
||||
}
|
||||
Reference in New Issue
Block a user