XiaoMo/chache
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
小陌
2024-01-16 22:53:42 +08:00
commit 40e5198c79
479 changed files with 52166 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
pages/accident-blank/index.js Normal file
View File

@@ -0,0 +1,138 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
a = require("../../hooks/onShareAppMessage.js"),
t = require("../../service/index.js"),
r = require("../../constant/index.js"),
i = require("../../utils/util.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../utils/request.js"),
Math || (e.unref(u) + e.unref(o) + e.unref(s))();
var o = function () {
return "../../components/float-back-to-top/index.js";
},
u = function () {
return "../../components/divider/index.js";
},
s = function () {
return "../../components/float-share/index.js";
},
c = {
__name: "index",
setup: function (o) {
var u = e.ref(!0),
s = e.ref({}),
c = e.ref(!1),
v = e.ref([
{
name: "骨架",
value: 0,
key: "type1",
icon: "/static/svgs/pic_ckpc_normal_1.svg",
},
{
name: "外观",
value: 0,
key: "type2",
icon: "/static/svgs/pic_ckpc_normal_2.svg",
},
{
name: "发动机",
value: 0,
key: "type3",
icon: "/static/svgs/pic_ckpc_normal_3.svg",
},
{
name: "变速箱",
value: 0,
key: "type3",
icon: "/static/svgs/pic_ckpc_normal_4.svg",
},
{
name: "火烧",
value: 0,
key: "type4",
icon: "/static/svgs/pic_ckpc_normal_5.svg",
},
{
name: "水淹",
value: 0,
key: "type5",
icon: "/static/svgs/pic_ckpc_normal_6.svg",
},
{
name: "气囊",
value: 0,
key: "type6",
icon: "/static/svgs/pic_ckpc_normal_7.svg",
},
{
name: "加强件",
value: 0,
key: "type7",
icon: "/static/svgs/pic_ckpc_normal_8.svg",
},
]);
return (
n.onMounted(function (e) {
var n = e.order_no,
a = e.product_id;
i.showLoading("努力查询中"),
t
.getBlankReportDetail({ order_no: n, product_id: a })
.then(function (e) {
(s.value = e), (u.value = !1), i.hideLoading();
});
}, !1),
e.onPageScroll(function (n) {
var a = n.scrollTop;
c.value = a >= e.index.getSystemInfoSync().windowHeight / 3;
}),
a.onShareAppMessage(),
function (n, a) {
return e.e(
{ a: !u.value },
u.value
? {}
: {
b: e.t(
(s.value.vin || "")
.toString()
.replace(/^(.{5}).{6}/, "$1******")
),
c: e.t(s.value.order_no),
d: e.t(s.value.report_date),
e: e.t(s.value.manufacturer),
f: e.t(s.value.comfuelconsumption),
g: e.t(s.value.engine_no),
h: e.t(s.value.displacementml),
i: e.t(s.value.environmentalstandards),
j: e.t(s.value.sizetype),
k: e.t(s.value.isimport),
l: e.t(s.value.seatnum),
m: e.f(v.value, function (n, a, t) {
return e.e(
{ a: n.icon, b: e.t(n.name), c: 0 === n.value },
(n.value, {}),
{ d: 1 === n.value },
(n.value, {}),
{ e: 2 === n.value },
(n.value, {}),
{ f: 3 === n.value || 4 === n.value },
(3 === n.value || n.value, {}),
{ g: a }
);
}),
n: e.t(e.unref(r.disclaimer)),
o: e.p({ visible: c.value }),
}
);
}
);
},
},
v = e._export_sfc(c, [["__scopeId", "data-v-0ece0644"]]);
(c.__runtimeHooks = 3), wx.createPage(v);

9
pages/accident-blank/index.json Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "出险查询报告",
"navigationBarBackgroundColor": "#1F68E9",
"usingComponents": {
"float-back-to-top": "../../components/float-back-to-top/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

167
pages/accident-blank/index.wxml Normal file
View File

@@ -0,0 +1,167 @@
<view class="content data-v-0ece0644" wx:if="{{a}}">
<view class="notice data-v-0ece0644"
>本查询结果仅供参考，具体车况，请自行检查判断</view
>
<view class="background data-v-0ece0644"></view>
<view class="content-title data-v-0ece0644">车辆历史报告</view>
<view class="sub-title data-v-0ece0644">中国汽车流通协会发起建设</view>
<view class="order-detail data-v-0ece0644">
<view class="detail-item data-v-0ece0644">
<view class="label data-v-0ece0644">VIN车架号：</view>
<view class="value data-v-0ece0644">{{b}}</view>
</view>
<view class="detail-item data-v-0ece0644">
<view class="label data-v-0ece0644">订单编号：</view>
<view class="value data-v-0ece0644">{{c}}</view>
</view>
<view class="detail-item data-v-0ece0644">
<view class="label data-v-0ece0644">报告时间：</view>
<view class="value data-v-0ece0644">{{d}}</view>
</view>
</view>
<view class="card data-v-0ece0644">
<view class="card-title data-v-0ece0644">
<image
class="icon-title data-v-0ece0644"
src="/static/images/icon_title.png"
></image>
<text class="data-v-0ece0644">基本信息</text>
</view>
<view class="cell-info data-v-0ece0644">
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">品牌</view>
<view class="value data-v-0ece0644">{{e}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">油耗</view>
<view class="value data-v-0ece0644">{{f}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">发动机号</view>
<view class="value data-v-0ece0644">{{g}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">排量（ml）</view>
<view class="value data-v-0ece0644">{{h}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">排放标准</view>
<view class="value data-v-0ece0644">{{i}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">车辆种类</view>
<view class="value data-v-0ece0644">{{j}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">进口或国产</view>
<view class="value data-v-0ece0644">{{k}}</view>
</view>
<view class="cell data-v-0ece0644">
<view class="title data-v-0ece0644">核定载客数</view>
<view class="value data-v-0ece0644">{{l}}</view>
</view>
</view>
</view>
<view class="card data-v-0ece0644">
<view class="card-title data-v-0ece0644">
<image
class="icon-title data-v-0ece0644"
src="/static/images/icon_title.png"
></image>
<text class="data-v-0ece0644">车况排查</text>
</view>
<view class="ckpc-content data-v-0ece0644">
<view class="item data-v-0ece0644" wx:for="{{m}}" wx:key="g">
<image
class="icon data-v-0ece0644"
mode="aspectFit"
src="{{item.a}}"
></image>
<text class="name data-v-0ece0644">{{item.b}}</text>
<text class="status normal data-v-0ece0644" wx:if="{{item.c}}"
>正常</text
>
<text class="status unidentified data-v-0ece0644" wx:if="{{item.d}}"
>无法确定</text
>
<text class="status doubt data-v-0ece0644" wx:if="{{item.e}}"
>疑似</text
>
<text class="status error data-v-0ece0644" wx:if="{{item.f}}"
>异常</text
>
</view>
</view>
</view>
<view class="card data-v-0ece0644">
<view class="card-title data-v-0ece0644">
<image
class="icon-title data-v-0ece0644"
src="/static/images/icon_title.png"
></image>
<text class="data-v-0ece0644">重大问题排查</text>
</view>
<image
class="pic1 data-v-0ece0644"
src="/static/images/pic_detail_info_1.png"
></image>
<image
class="checked data-v-0ece0644"
src="/static/svgs/icon_check_3.svg"
></image>
</view>
<view class="card data-v-0ece0644">
<view class="card-title data-v-0ece0644">
<image
class="icon-title data-v-0ece0644"
src="/static/images/icon_title.png"
></image>
<text class="data-v-0ece0644">一般维修排查</text>
</view>
<image
class="pic2 data-v-0ece0644"
src="/static/images/pic_detail_info_2.png"
></image>
<image
class="checked data-v-0ece0644"
src="/static/svgs/icon_check_3.svg"
></image>
</view>
<view class="card data-v-0ece0644">
<view class="card-title data-v-0ece0644">
<image
class="icon-title data-v-0ece0644"
src="/static/images/icon_title.png"
></image>
<text class="data-v-0ece0644">车况统计</text>
</view>
<view class="info data-v-0ece0644">
<text class="data-v-0ece0644">出险 0次</text>
<text class="data-v-0ece0644">核损金额 0元</text>
</view>
<view class="msg data-v-0ece0644"> 当前车辆投保期间没有事故出险记录 </view>
</view>
<view class="card data-v-0ece0644">
<view class="card-title data-v-0ece0644">
<image
class="icon-title data-v-0ece0644"
src="/static/images/icon_title.png"
></image>
<text class="data-v-0ece0644">免责声明</text>
</view>
<view class="disclaimer data-v-0ece0644">{{n}}</view>
</view>
<divider bind:__l="__l" class="data-v-0ece0644" uI="0ece0644-0"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-0ece0644"
uI="0ece0644-1"
uP="{{o}}"
wx:if="{{o}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-0ece0644"
uI="0ece0644-2"
></float-share>
</view>

233
pages/accident-blank/index.wxss Normal file
View File

@@ -0,0 +1,233 @@
.content.data-v-0ece0644 {
padding: 30rpx;
position: relative;
}
.content .notice.data-v-0ece0644 {
background-color: #fde198;
color: #936a26;
font-size: 25rpx;
height: 60rpx;
left: 0;
line-height: 60rpx;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.content .background.data-v-0ece0644 {
background: linear-gradient(180deg, #1f68e9, #fff);
height: 2000rpx;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.content .content-title.data-v-0ece0644 {
border-bottom: 1rpx solid #74a8e6;
color: #fff;
font-size: 66rpx;
margin-top: 50rpx;
padding-bottom: 20rpx;
text-align: center;
}
.content .sub-title.data-v-0ece0644 {
color: #fff;
font-size: 26rpx;
margin-top: 20rpx;
text-align: center;
}
.content .order-detail.data-v-0ece0644 {
color: #fff;
font-size: 28rpx;
margin-top: 50rpx;
}
.content .order-detail .detail-item.data-v-0ece0644 {
align-items: center;
display: -webkit-flex;
display: flex;
margin: 15rpx 0;
}
.content .order-detail .detail-item .label.data-v-0ece0644 {
width: 170rpx;
}
.content .order-detail .detail-item .value.data-v-0ece0644 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 510rpx;
}
.content .card.data-v-0ece0644 {
background-color: #fff;
border-radius: 10rpx;
margin: 30rpx 0;
padding: 30rpx;
position: relative;
}
.content .card .card-title.data-v-0ece0644 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .card .card-title .icon-title.data-v-0ece0644 {
height: 30rpx;
margin-right: 10rpx;
width: 34rpx;
}
.content .card .card-title .suffix.data-v-0ece0644 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .card .card-title .suffix image.data-v-0ece0644 {
height: 30rpx;
margin-left: 30rpx;
width: 30rpx;
}
.content .card .card-title .suffix text.data-v-0ece0644 {
color: #9a9a9a;
font-size: 3028rpxrpx;
margin-left: 8rpx;
}
.content .card .card-title image.data-v-0ece0644 {
flex-shrink: 0;
}
.content .card .card-title text.data-v-0ece0644 {
color: #1f68e9;
flex-grow: 1;
font-size: 32rpx;
}
.content .card .pic1.data-v-0ece0644 {
height: 235rpx;
margin: 40rpx auto 0;
width: 500rpx;
}
.content .card .pic2.data-v-0ece0644 {
height: 320rpx;
margin: 40rpx auto 0;
width: 500rpx;
}
.content .card .checked.data-v-0ece0644 {
height: 44rpx;
position: absolute;
right: 50rpx;
top: 50rpx;
width: 44rpx;
}
.content .card .info.data-v-0ece0644 {
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin: 20rpx 0;
}
.content .card .msg.data-v-0ece0644 {
background-color: #dbf5e2;
border-radius: 10rpx;
color: #4aa444;
font-size: 28rpx;
padding: 18rpx 28rpx;
text-align: center;
}
.content .card .maintain.data-v-0ece0644 {
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-bottom: 20rpx;
}
.content .card .maintain text.data-v-0ece0644 {
font-size: 30rpx;
margin: 10rpx 0;
}
.content .card .maintain .button-content.data-v-0ece0644 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-top: 30rpx;
}
.content .card .maintain .button-content .button.data-v-0ece0644 {
background-color: #fff;
border-radius: 60rpx;
font-size: 28rpx;
height: 70rpx;
line-height: 70rpx;
margin: 0 10rpx;
padding: 0;
text-align: center;
width: 225rpx;
}
.content .card .maintain .button-content .button.type1.data-v-0ece0644 {
background: #1f68e9;
color: #fff;
}
.content .card .maintain .button-content .button.type2.data-v-0ece0644 {
border: 1rpx solid #1f68e9;
color: #1f68e9;
}
.content .brand-name.data-v-0ece0644 {
font-size: 32rpx;
font-weight: 700;
margin-top: 30rpx;
}
.content .cell-info.data-v-0ece0644 {
font-size: 30rpx;
}
.content .cell-info .cell.data-v-0ece0644 {
margin-top: 30rpx;
}
.content .cell-info .cell.data-v-0ece0644,
.content .ckpc-content.data-v-0ece0644 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .ckpc-content.data-v-0ece0644 {
align-items: center;
flex-wrap: wrap;
}
.content .ckpc-content .item.data-v-0ece0644 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-top: 30rpx;
position: relative;
width: 135rpx;
}
.content .ckpc-content .item .icon.data-v-0ece0644 {
height: 56rpx;
width: 56rpx;
}
.content .ckpc-content .item .name.data-v-0ece0644 {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .ckpc-content .item .status.data-v-0ece0644 {
border-radius: 50rpx;
font-size: 24rpx;
margin-top: 20rpx;
padding: 5rpx 16rpx;
}
.content .ckpc-content .item .status.normal.data-v-0ece0644 {
background-color: #dbf5e2;
color: #4aa444;
}
.content .ckpc-content .item .status.error.data-v-0ece0644 {
background-color: rgba(238, 36, 25, 0.094);
color: #eb5a5a;
}
.content .ckpc-content .item .status.unidentified.data-v-0ece0644 {
background-color: #ececec;
color: #606060;
}
.content .ckpc-content .item .status.doubt.data-v-0ece0644 {
background-color: rgba(255, 112, 56, 0.157);
color: #ff7038;
}
.content .disclaimer.data-v-0ece0644 {
color: #333;
font-size: 30rpx;
padding: 20rpx 0;
}

336
pages/accident-detail/index.js Normal file
View File

@@ -0,0 +1,336 @@
var e = require("../../common/vendor.js"),
a = require("../../hooks/onMounted.js"),
l = require("../../hooks/onShareAppMessage.js"),
u = require("../../service/index.js"),
n = require("../../constant/index.js"),
t = require("../../utils/util.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../utils/request.js"),
Array ||
(
e.resolveComponent("uni-collapse-item") +
e.resolveComponent("uni-collapse")
)(),
Math ||
(
function () {
return "../../uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item.js";
} +
function () {
return "../../uni_modules/uni-collapse/components/uni-collapse/uni-collapse.js";
} +
e.unref(v) +
e.unref(i) +
e.unref(r)
)();
var i = function () {
return "../../components/float-back-to-top/index.js";
},
v = function () {
return "../../components/divider/index.js";
},
r = function () {
return "../../components/float-share/index.js";
},
c = {
__name: "index",
setup: function (i) {
var v = e.ref(!0),
r = e.ref({}),
c = e.ref(!1),
o = e.ref([
{ name: "品牌类型", value: "", key: "brandName" },
{ name: "上牌日期", value: "", key: "regDate" },
{ name: "发动机号", value: "", key: "engine" },
{ name: "车身颜色", value: "", key: "bodyColor" },
{ name: "指导价", value: "", key: "guidePrice" },
{ name: "排放标准", value: "", key: "emisSandard" },
{ name: "过户次数", value: "", key: "changeTimes" },
{ name: "使用性质", value: "", key: "properties" },
{ name: "使用性质是否红色警示", value: "", key: "warning" },
{ name: "车主任数", value: "", key: "ownerNumber" },
{ name: "车主类型", value: "", key: "ownerType" },
]),
d = e.ref([
{ name: "骨架", value: "", key: "type1" },
{ name: "外观", value: "", key: "type2" },
{ name: "发动机", value: "", key: "type3" },
{ name: "变速箱", value: "", key: "type3" },
{ name: "火烧", value: "", key: "type4" },
{ name: "水淹", value: "", key: "type5" },
{ name: "气囊", value: "", key: "type6" },
{ name: "加强件", value: "", key: "type7" },
]),
s = e.ref([
{ name: "外观", value: [], key: "wg" },
{ name: "底盘悬挂", value: [], key: "dp" },
{ name: "发动机", value: [], key: "fdj" },
{ name: "加强件", value: [], key: "jqj" },
{ name: "气囊", value: [], key: "qn" },
{ name: "附属配件", value: [], key: "fspj" },
{ name: "骨架", value: [], key: "gj" },
{ name: "火烧", value: [], key: "hs" },
{ name: "水淹", value: [], key: "sy" },
]),
f = e.ref([
{ name: "非火烧车", value: "", key: "isFire" },
{ name: "非泡水车", value: "", key: "isFlood" },
{ name: "非盗抢车", value: "", key: "isTheft" },
{ name: "覆盖件未损伤", value: "", key: "isPanel" },
{ name: "无大额赔偿", value: "", key: "isLargeCost" },
{ name: "无结案记录", value: "", key: "recordIcpending" },
{ name: "无注销记录", value: "", key: "recordIwriteoff" },
{ name: "无拒赔记录", value: "", key: "refusalRecord" },
{ name: "交强险有效", value: "", key: "effectiveCpi" },
{ name: "商业险有效", value: "", key: "effectiveCmi" },
{ name: "交强险连续投保", value: "", key: "seriesCoverCpi" },
{ name: "无营业记录", value: "", key: "isBusiness" },
]),
m = e.ref([
{ name: "事故次数", value: "", key: "claimCount" },
{ name: "理赔总金额", value: "", key: "totalAmount" },
{ name: "最大理赔金额", value: "", key: "largestAmount" },
{ name: "已结案次数", value: "", key: "claimCacCount" },
{ name: "拒赔次数", value: "", key: "claimRejectedCount" },
]);
return (
a.onMounted(function (a) {
var l = a.order_no,
n = a.product_id;
t.showLoading("努力查询中"),
u
.getReportDetail({ order_no: l, product_id: n })
.then(function (a) {
(a.detail.pzlsmx.records = e._.orderBy(
a.detail.pzlsmx.records,
["date"],
["desc"]
)),
(r.value = a);
var l = a.detail,
u = l.clxx,
n = l.ckdlpc,
i = l.ckpclb,
c = l.ckxx,
y = l.tjxx;
e._.each(o.value, function (e) {
if (((e.value = u[e.key]), "warning" === e.key)) {
var a = u[e.key];
1 === a
? (e.value = "是")
: 0 === a
? (e.value = "否")
: 2 === a && (e.value = "无法判断");
}
}),
e._.each(d.value, function (e, a) {
e.value = n[e.key];
var l = "";
0 === e.value
? (l = "normal")
: 1 === e.value
? (l = "unidentified")
: 2 === e.value
? (l = "doubt")
: (3 !== e.value && 4 !== e.value) || (l = "error"),
(e.icon = "/static/svgs/pic_ckpc_"
.concat(l, "_")
.concat(a + 1, ".svg"));
}),
e._.each(s.value, function (e) {
e.value = i[e.key];
}),
e._.each(f.value, function (e, a) {
if (
((e.value = c[e.key]),
null === c[e.key] && (e.value = 2),
"recordIcpending" === e.key ||
"recordIwriteoff" === e.key ||
"refusalRecord" === e.key)
) {
var l = c[e.key];
"是" === l ? (e.value = 1) : "否" === l && (e.value = 0);
}
if ("effectiveCpi" === e.key || "effectiveCmi" === e.key) {
var u = c[e.key];
0 === u ? (e.value = 1) : 1 === u && (e.value = 0);
}
if ("seriesCoverCpi" === e.key) {
var n = c[e.key];
1 === n || 2 === n
? (e.value = 0)
: 3 === n
? (e.value = 1)
: (0 !== n && 4 !== n) || (e.value = 2);
}
var t = "";
0 === e.value
? (t = "normal")
: 1 === e.value
? (t = "warning")
: 2 === e.value && (t = "unknown"),
(e.icon = "/static/svgs/icon_ckxx_"
.concat(t, "_")
.concat(a + 1, ".svg"));
}),
e._.each(m.value, function (e) {
e.value = y[e.key];
}),
(v.value = !1),
t.hideLoading();
});
}, !1),
e.onPageScroll(function (a) {
var l = a.scrollTop;
c.value = l >= e.index.getSystemInfoSync().windowHeight / 3;
}),
l.onShareAppMessage(),
function (a, l) {
return e.e(
{ a: !v.value },
v.value
? {}
: e.e(
{
b: e.t(
(r.value.vin || "")
.toString()
.replace(/^(.{5}).{6}/, "$1******")
),
c: e.t(r.value.order_no),
d: e.t(r.value.create_time),
e: e.f(o.value, function (a, l, u) {
return { a: e.t(a.name), b: e.t(a.value || "-"), c: l };
}),
f: e.f(d.value, function (a, l, u) {
return e.e(
{ a: a.icon, b: e.t(a.name), c: 0 === a.value },
(a.value, {}),
{ d: 1 === a.value },
(a.value, {}),
{ e: 2 === a.value },
(a.value, {}),
{ f: 3 === a.value || 4 === a.value },
(3 === a.value || a.value, {}),
{ g: l }
);
}),
g: 1 === r.value.detail.clpj,
},
(r.value.detail.clpj, {}),
{ h: 2 === r.value.detail.clpj },
(r.value.detail.clpj, {}),
{ i: 3 === r.value.detail.clpj },
(r.value.detail.clpj, {}),
{ j: 4 === r.value.detail.clpj },
(r.value.detail.clpj, {}),
{
k: e.f(s.value, function (a, l, u) {
return {
a: e.t(a.name),
b: e.t(a.value.length),
c: a.value.length > 0 ? 1 : "",
d: e.f(a.value, function (a, l, u) {
return { a: e.t(a.name), b: e.t(a.type), c: l };
}),
e: l,
f: "a4079225-1-" + u + ",a4079225-0",
g: e.p({ name: a.name, open: a.value.length > 0 }),
};
}),
l: e.f(r.value.detail.clfwzj, function (a, l, u) {
return e.e(
{ a: !a },
{},
{ b: !!a },
{},
{ c: e.t(l), d: l }
);
}),
m: !!r.value.detail.clfwzj.前方左侧,
},
(r.value.detail.clfwzj.前方左侧, {}),
{ n: !!r.value.detail.clfwzj.中间左侧 },
(r.value.detail.clfwzj.中间左侧, {}),
{ o: !!r.value.detail.clfwzj.后方左侧 },
(r.value.detail.clfwzj.后方左侧, {}),
{ p: !!r.value.detail.clfwzj.前方右侧 },
(r.value.detail.clfwzj.前方右侧, {}),
{ q: !!r.value.detail.clfwzj.中间右侧 },
(r.value.detail.clfwzj.中间右侧, {}),
{ r: !!r.value.detail.clfwzj.底部 },
(r.value.detail.clfwzj.底部, {}),
{ s: !!r.value.detail.clfwzj.后方右侧 },
(r.value.detail.clfwzj.后方右侧, {}),
{ t: !!r.value.detail.clfwzj.顶部 },
(r.value.detail.clfwzj.顶部, {}),
{ v: !!r.value.detail.clfwzj.正前方 },
(r.value.detail.clfwzj.正前方, {}),
{ w: !!r.value.detail.clfwzj.内部 },
(r.value.detail.clfwzj.内部, {}),
{ x: !!r.value.detail.clfwzj.正后方 },
(r.value.detail.clfwzj.正后方, {}),
{ y: !!r.value.detail.clfwzj.其他 },
(r.value.detail.clfwzj.其他, {}),
{
z: e.f(f.value, function (a, l, u) {
return e.e(
{ a: a.icon, b: e.t(a.name), c: 0 === a.value },
(a.value, {}),
{ d: 1 === a.value },
(a.value, {}),
{ e: 2 === a.value },
(a.value, {}),
{ f: l }
);
}),
A: e.f(m.value, function (a, l, u) {
return { a: e.t(a.name), b: e.t(a.value || "-"), c: l };
}),
B: e.t(r.value.detail.pzlsmx.serviceSumCount),
C: e.t(
(
Number(r.value.detail.pzlsmx.serviceSumMoney) / 100
).toFixed(0)
),
D: e.f(r.value.detail.pzlsmx.records, function (a, l, u) {
return {
a: e.t(a.date),
b: e.t(a.claimStatus),
c: e.t((Number(a.serviceMoney) / 100).toFixed(0)),
d: e.f(a.result, function (a, l, u) {
return e.e(
{
a: e.t(a.dangerSingleName || "-"),
b: 1 == a.dangerSingleType,
},
(1 == a.dangerSingleType ||
2 == a.dangerSingleType ||
a.dangerSingleType,
{}),
{
c: 2 == a.dangerSingleType,
d: 3 == a.dangerSingleType,
e: e.t(a.dangerSingleNum),
f: l,
}
);
}),
e: l,
};
}),
E: e.t(e.unref(n.disclaimer)),
F: e.p({ visible: c.value }),
}
)
);
}
);
},
},
o = e._export_sfc(c, [["__scopeId", "data-v-a4079225"]]);
(c.__runtimeHooks = 3), wx.createPage(o);

11
pages/accident-detail/index.json Normal file
View File

@@ -0,0 +1,11 @@
{
"navigationBarTitleText": "出险查询报告",
"navigationBarBackgroundColor": "#1F68E9",
"usingComponents": {
"uni-collapse-item": "../../uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item",
"uni-collapse": "../../uni_modules/uni-collapse/components/uni-collapse/uni-collapse",
"float-back-to-top": "../../components/float-back-to-top/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

456
pages/accident-detail/index.wxml Normal file
View File

@@ -0,0 +1,456 @@
<view class="content data-v-a4079225" wx:if="{{a}}">
<view class="background data-v-a4079225"></view>
<view class="content-title data-v-a4079225">车辆历史报告</view>
<view class="sub-title data-v-a4079225">中国汽车流通协会发起建设</view>
<view class="order-detail data-v-a4079225">
<view class="detail-item data-v-a4079225">
<view class="label data-v-a4079225">VIN车架号：</view>
<view class="value data-v-a4079225">{{b}}</view>
</view>
<view class="detail-item data-v-a4079225">
<view class="label data-v-a4079225">订单编号：</view>
<view class="value data-v-a4079225">{{c}}</view>
</view>
<view class="detail-item data-v-a4079225">
<view class="label data-v-a4079225">报告时间：</view>
<view class="value data-v-a4079225">{{d}}</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">基本信息</text>
</view>
<view class="vehicle-info data-v-a4079225">
<view class="item data-v-a4079225" wx:for="{{e}}" wx:key="c">
<view class="title data-v-a4079225">{{item.a}}</view>
<view class="value data-v-a4079225">{{item.b}}</view>
</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">车况排查</text>
</view>
<view class="ckpc-content data-v-a4079225">
<view class="item data-v-a4079225" wx:for="{{f}}" wx:key="g">
<image
class="icon data-v-a4079225"
mode="aspectFit"
src="{{item.a}}"
></image>
<text class="name data-v-a4079225">{{item.b}}</text>
<text class="status normal data-v-a4079225" wx:if="{{item.c}}"
>正常</text
>
<text class="status unidentified data-v-a4079225" wx:if="{{item.d}}"
>无法确定</text
>
<text class="status doubt data-v-a4079225" wx:if="{{item.e}}"
>疑似</text
>
<text class="status error data-v-a4079225" wx:if="{{item.f}}"
>异常</text
>
</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">综合车况评级</text>
</view>
<view class="grade-info data-v-a4079225">
<image
class="grade-img data-v-a4079225"
src="/static/images/icon_excellent.jpg"
wx:if="{{g}}"
></image>
<image
class="grade-img data-v-a4079225"
src="/static/images/icon_good.jpg"
wx:if="{{h}}"
></image>
<image
class="grade-img data-v-a4079225"
src="/static/images/icon_average.jpg"
wx:if="{{i}}"
></image>
<image
class="grade-img data-v-a4079225"
src="/static/images/icon_poor.jpg"
wx:if="{{j}}"
></image>
<view class="explain data-v-a4079225">
车况评级分为四种：优秀、良好、中等、较差。车况评级结果仅供参考，请谨慎使用。
</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">排查明细</text>
</view>
<view class="vehicle-detail data-v-a4079225">
<uni-collapse
bind:__l="__l"
class="data-v-a4079225"
uI="a4079225-0"
uS="{{['d']}}"
>
<uni-collapse-item
bind:__l="__l"
class="data-v-a4079225"
uI="{{item.f}}"
uP="{{item.g}}"
uS="{{['title','d']}}"
wx:for="{{k}}"
wx:key="e"
>
<view class="part-title data-v-a4079225" slot="title">
<view class="title data-v-a4079225">{{item.a}}</view>
<view class="value data-v-a4079225">
<text class="{{['data-v-a4079225',item.c&&'count']}}"
>{{item.b}}</text
>
项
</view>
</view>
<view
class="part-list data-v-a4079225"
wx:for="{{item.d}}"
wx:for-item="partItem"
wx:key="c"
>
<view class="part-item data-v-a4079225">
<view class="label data-v-a4079225"> 部件名 </view>
<view class="value data-v-a4079225">{{partItem.a}}</view>
</view>
<view class="part-item data-v-a4079225">
<view class="label data-v-a4079225"> 类型 </view>
<view class="value data-v-a4079225">{{partItem.b}}</view>
</view>
<view class="divider data-v-a4079225"></view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">碰撞部位</text>
<view class="suffix data-v-a4079225">
<image
class="data-v-a4079225"
src="/static/svgs/icon_normal.svg"
></image>
<text class="data-v-a4079225">正常</text>
<image
class="data-v-a4079225"
src="/static/svgs/icon_warning_2.svg"
></image>
<text class="data-v-a4079225">异常</text>
</view>
</view>
<view class="part-content data-v-a4079225">
<view class="part-left data-v-a4079225">
<view
class="part-left-item data-v-a4079225"
wx:for="{{l}}"
wx:for-item="value"
wx:key="d"
>
<image
class="data-v-a4079225"
src="/static/svgs/icon_normal.svg"
wx:if="{{value.a}}"
></image>
<image
class="data-v-a4079225"
src="/static/svgs/icon_warning_2.svg"
wx:if="{{value.b}}"
></image>
<text class="data-v-a4079225">{{value.c}}</text>
</view>
</view>
<view class="part-right data-v-a4079225">
<image
class="pic data-v-a4079225"
src="/static/images/pic_vehicle.jpg"
></image>
<view
class="position left data-v-a4079225"
style="top: 110rpx; left: -20rpx"
wx:if="{{m}}"
>
<view class="name data-v-a4079225">前方左侧</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position left data-v-a4079225"
style="top: 350rpx; left: -20rpx"
wx:if="{{n}}"
>
<view class="name data-v-a4079225">中间左侧</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position left data-v-a4079225"
style="bottom: 100rpx; left: -20rpx"
wx:if="{{o}}"
>
<view class="name data-v-a4079225">后方左侧</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position right data-v-a4079225"
style="top: 110rpx; right: -20rpx"
wx:if="{{p}}"
>
<view class="name data-v-a4079225">前方右侧</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position right data-v-a4079225"
style="top: 350rpx; right: -20rpx"
wx:if="{{q}}"
>
<view class="name data-v-a4079225">中间右侧</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position right data-v-a4079225"
style="bottom: 260rpx; right: 10rpx"
wx:if="{{r}}"
>
<view class="name data-v-a4079225">底部</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position right data-v-a4079225"
style="bottom: 100rpx; right: -20rpx"
wx:if="{{s}}"
>
<view class="name data-v-a4079225">后方右侧</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position right data-v-a4079225"
style="top: 450rpx; left: 190rpx"
wx:if="{{t}}"
>
<view class="name data-v-a4079225">顶部</view>
<view class="horizontal-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position top data-v-a4079225"
style="top: 20rpx; left: 175rpx"
wx:if="{{v}}"
>
<view class="name data-v-a4079225">正前方</view>
<view class="vertical-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position top data-v-a4079225"
style="top: 140rpx; left: 190rpx"
wx:if="{{w}}"
>
<view class="name data-v-a4079225">内部</view>
<view class="vertical-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position bottom data-v-a4079225"
style="bottom: 30rpx; left: 180rpx"
wx:if="{{x}}"
>
<view class="name data-v-a4079225">正后方</view>
<view class="vertical-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
<view
class="position bottom data-v-a4079225"
style="bottom: -20rpx; right: 20rpx"
wx:if="{{y}}"
>
<view class="name data-v-a4079225">其他</view>
<view class="vertical-line data-v-a4079225"></view>
<view class="icon data-v-a4079225"></view>
</view>
</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">保险信息</text>
</view>
<view class="insurance-content data-v-a4079225">
<view class="tips data-v-a4079225">
*
若当前交强险或商业险未在保，但当前断缴时长不超过一个月时，不纳入断缴统计记录中。
</view>
<view class="top-content data-v-a4079225">
<view class="item data-v-a4079225" wx:for="{{z}}" wx:key="f">
<image class="icon data-v-a4079225" src="{{item.a}}"></image>
<text class="name data-v-a4079225">{{item.b}}</text>
<text class="status normal data-v-a4079225" wx:if="{{item.c}}"
>正常</text
>
<text class="status warning data-v-a4079225" wx:if="{{item.d}}"
>异常</text
>
<text class="status unknown data-v-a4079225" wx:if="{{item.e}}"
>未知</text
>
</view>
</view>
<view class="divider data-v-a4079225"></view>
<view class="bottom-content data-v-a4079225">
<view class="item data-v-a4079225" wx:for="{{A}}" wx:key="c">
<view class="title data-v-a4079225">{{item.a}}</view>
<view class="value data-v-a4079225">{{item.b}}</view>
</view>
</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">出险明细</text>
</view>
<view class="insurance-detail data-v-a4079225">
<view class="top-content data-v-a4079225">
<view class="item data-v-a4079225">
<view class="count data-v-a4079225">{{B}}</view>
<view class="info data-v-a4079225">维修总次数(次)</view>
</view>
<view class="item data-v-a4079225">
<view class="count data-v-a4079225">{{C}}</view>
<view class="info data-v-a4079225">维修总金额(元)</view>
</view>
</view>
<view class="insurance-list data-v-a4079225">
<view class="insurance-item data-v-a4079225" wx:for="{{D}}" wx:key="e">
<view class="title data-v-a4079225">
<view class="dot data-v-a4079225"></view>
<view class="date data-v-a4079225">{{item.a}}</view>
<view class="status data-v-a4079225">（{{item.b}}）</view>
<view class="money data-v-a4079225">{{item.c}}元</view>
</view>
<view class="records data-v-a4079225">
<view class="record-title data-v-a4079225">
<view class="value data-v-a4079225" style="width: 40%"
>维修名称</view
>
<view class="value data-v-a4079225">维修类型</view>
<view class="value data-v-a4079225">件数</view>
</view>
<view
class="record-item data-v-a4079225"
wx:for="{{item.d}}"
wx:for-item="listItem"
wx:key="f"
>
<view
class="value data-v-a4079225"
style="width: 40%; padding: 0 10rpx"
>{{listItem.a}}</view
>
<view class="value data-v-a4079225">
<text class="data-v-a4079225" wx:if="{{listItem.b}}">更换</text>
<text class="data-v-a4079225" wx:elif="{{listItem.c}}"
>维修</text
>
<text class="data-v-a4079225" wx:elif="{{listItem.d}}"
>其他</text
>
<text class="data-v-a4079225" wx:else>-</text>
</view>
<view class="value data-v-a4079225">{{listItem.e}}</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">车况评级说明</text>
</view>
<view class="intro data-v-a4079225" style="margin-top: 20rpx">
（1）优秀：外观无可见瑕疵和喷漆修复等记录；内饰无磨损维修记录；动力系统、机械部位运行正常且无维修；按时保养且记录完整；电子系统无任何故障
</view>
<view class="intro data-v-a4079225">
（2）良好：外观局部有1-2处损伤记录；内饰有1-2
处磨损维修记录；动力系统正常且无维修；机械部位运行正常有部分维修或更换记录；电子设备及模块使用正常
</view>
<view class="intro data-v-a4079225">
（3）中等：外观局部有3-5处损伤记录；内饰有5-
10处磨损维修记录；动力系统有维修记录；结构件有轻微异常记录
</view>
<view class="intro data-v-a4079225">
（4）较差：外观局部有5处以上损伤记录；内饰有
10处以上磨损记录；动力系统有3次以上维修记录或发动机变速箱有维修记录；大灯框架/水箱框架更换或变形；机械部位运行存在严重异常或有大修记录
</view>
</view>
<view class="card data-v-a4079225">
<view class="card-title data-v-a4079225">
<image
class="icon-title data-v-a4079225"
src="/static/images/icon_title.png"
></image>
<text class="data-v-a4079225">免责声明</text>
</view>
<view class="disclaimer data-v-a4079225">{{E}}</view>
</view>
<divider bind:__l="__l" class="data-v-a4079225" uI="a4079225-2"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-a4079225"
uI="a4079225-3"
uP="{{F}}"
wx:if="{{F}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-a4079225"
uI="a4079225-4"
></float-share>
</view>

448
pages/accident-detail/index.wxss Normal file
View File

@@ -0,0 +1,448 @@
.content.data-v-a4079225 {
padding: 30rpx;
position: relative;
}
.content .background.data-v-a4079225 {
background: linear-gradient(180deg, #1f68e9, #fff);
height: 2000rpx;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.content .content-title.data-v-a4079225 {
border-bottom: 1rpx solid #74a8e6;
color: #fff;
font-size: 66rpx;
padding-bottom: 20rpx;
text-align: center;
}
.content .sub-title.data-v-a4079225 {
color: #fff;
font-size: 26rpx;
margin-top: 20rpx;
text-align: center;
}
.content .order-detail.data-v-a4079225 {
color: #fff;
font-size: 28rpx;
margin-top: 50rpx;
}
.content .order-detail .detail-item.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
margin: 15rpx 0;
}
.content .order-detail .detail-item .label.data-v-a4079225 {
width: 170rpx;
}
.content .order-detail .detail-item .value.data-v-a4079225 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 510rpx;
}
.content .card.data-v-a4079225 {
background-color: #fff;
border-radius: 10rpx;
margin: 30rpx 0;
padding: 30rpx;
}
.content .card .card-title.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .card .card-title .icon-title.data-v-a4079225 {
height: 30rpx;
margin-right: 10rpx;
width: 34rpx;
}
.content .card .card-title .suffix.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .card .card-title .suffix image.data-v-a4079225 {
height: 30rpx;
margin-left: 30rpx;
width: 30rpx;
}
.content .card .card-title .suffix text.data-v-a4079225 {
color: #9a9a9a;
font-size: 3028rpxrpx;
margin-left: 8rpx;
}
.content .card .card-title image.data-v-a4079225 {
flex-shrink: 0;
}
.content .card .card-title text.data-v-a4079225 {
color: #1f68e9;
flex-grow: 1;
font-size: 32rpx;
}
.content .brand-name.data-v-a4079225 {
font-size: 32rpx;
font-weight: 700;
margin-top: 30rpx;
}
.content .vehicle-info.data-v-a4079225 {
font-size: 30rpx;
}
.content .vehicle-info .item.data-v-a4079225 {
margin-top: 30rpx;
}
.content .ckpc-content.data-v-a4079225,
.content .vehicle-info .item.data-v-a4079225 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .ckpc-content.data-v-a4079225 {
align-items: center;
flex-wrap: wrap;
}
.content .ckpc-content .item.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-top: 30rpx;
position: relative;
width: 135rpx;
}
.content .ckpc-content .item .icon.data-v-a4079225 {
height: 56rpx;
width: 56rpx;
}
.content .ckpc-content .item .name.data-v-a4079225 {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .ckpc-content .item .status.data-v-a4079225 {
border-radius: 50rpx;
font-size: 24rpx;
margin-top: 20rpx;
padding: 5rpx 16rpx;
}
.content .ckpc-content .item .status.normal.data-v-a4079225 {
background-color: #dbf5e2;
color: #4aa444;
}
.content .ckpc-content .item .status.error.data-v-a4079225 {
background-color: rgba(238, 36, 25, 0.094);
color: #eb5a5a;
}
.content .ckpc-content .item .status.unidentified.data-v-a4079225 {
background-color: #ececec;
color: #606060;
}
.content .ckpc-content .item .status.doubt.data-v-a4079225 {
background-color: rgba(255, 112, 56, 0.157);
color: #ff7038;
}
.content .grade-info.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.content .grade-info .grade-img.data-v-a4079225 {
height: 172rpx;
margin: 30rpx 0;
width: 200rpx;
}
.content .grade-info .explain.data-v-a4079225 {
background: #fafafa;
border-radius: 10rpx;
color: #9a9a9a;
font-size: 26rpx;
line-height: 38rpx;
padding: 20rpx;
position: relative;
}
.content .vehicle-detail.data-v-a4079225 {
margin-top: 20rpx;
}
.content .vehicle-detail .part-title.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin: 25rpx 0;
}
.content .vehicle-detail .part-title .count.data-v-a4079225 {
color: #333;
}
.content .vehicle-detail .part-list.data-v-a4079225 {
font-size: 28rpx;
}
.content .vehicle-detail .part-list .part-item.data-v-a4079225 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 25rpx 0;
}
.content .vehicle-detail .part-list .part-item .label.data-v-a4079225 {
color: #9a9a9a;
}
.content .vehicle-detail .part-list .part-item .value.data-v-a4079225 {
color: #333;
margin-right: 50rpx;
}
.content .part-content.data-v-a4079225 {
border-radius: 17rpx;
display: -webkit-flex;
display: flex;
margin-top: 20rpx;
}
.content .part-content .part-left.data-v-a4079225 {
flex-shrink: 0;
width: 200rpx;
}
.content .part-content .part-left-item.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
height: 65rpx;
}
.content .part-content .part-left-item image.data-v-a4079225 {
height: 30rpx;
width: 30rpx;
}
.content .part-content .part-left-item text.data-v-a4079225 {
color: #333;
font-size: 28rpx;
margin-left: 20rpx;
}
.content .part-content .part-right.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-grow: 1;
justify-content: center;
position: relative;
}
.content .part-content .part-right .pic.data-v-a4079225 {
height: 577rpx;
width: 300rpx;
z-index: 10;
}
.content .part-content .part-right .position.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 20;
}
.content .part-content .part-right .position.right.data-v-a4079225 {
flex-direction: row-reverse;
}
.content .part-content .part-right .position.top.data-v-a4079225 {
flex-direction: column;
}
.content .part-content .part-right .position.bottom.data-v-a4079225 {
flex-direction: column-reverse;
}
.content .part-content .part-right .position .name.data-v-a4079225 {
color: #333;
font-size: 26rpx;
}
.content .part-content .part-right .position .horizontal-line.data-v-a4079225 {
background: #bf5759;
height: 2rpx;
margin: 4rpx;
width: 15rpx;
}
.content .part-content .part-right .position .vertical-line.data-v-a4079225 {
background: #bf5759;
height: 15rpx;
margin: 4rpx;
width: 2rpx;
}
.content .part-content .part-right .position .icon.data-v-a4079225 {
background: #eb5a5b;
border: 1rpx solid #fff;
border-radius: 100%;
height: 22rpx;
width: 22rpx;
}
.content .insurance-content .tips.data-v-a4079225 {
color: #5e5e6b;
font-size: 24rpx;
margin-top: 30rpx;
}
.content .insurance-content .top-content.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30rpx;
}
.content .insurance-content .top-content .item.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-top: 20rpx;
position: relative;
width: 200rpx;
}
.content .insurance-content .top-content .item .icon.data-v-a4079225 {
height: 56rpx;
width: 56rpx;
}
.content .insurance-content .top-content .item .name.data-v-a4079225 {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .insurance-content .top-content .item .status.data-v-a4079225 {
border-radius: 50rpx;
font-size: 24rpx;
margin-top: 20rpx;
padding: 5rpx 16rpx;
}
.content .insurance-content .top-content .item .status.normal.data-v-a4079225 {
background-color: #dbf5e2;
color: #4aa444;
}
.content .insurance-content .top-content .item .status.unknown.data-v-a4079225 {
background-color: #ececec;
color: #606060;
}
.content .insurance-content .top-content .item .status.warning.data-v-a4079225 {
background-color: rgba(255, 112, 56, 0.157);
color: #ff7038;
}
.content .insurance-content .bottom-content .item.data-v-a4079225 {
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin-top: 30rpx;
}
.content .insurance-content .bottom-content .item .title.data-v-a4079225,
.content .insurance-content .bottom-content .item .value.data-v-a4079225 {
color: #333;
}
.content .insurance-detail.data-v-a4079225 {
margin-top: 30rpx;
}
.content .insurance-detail .top-content.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .insurance-detail .top-content .item.data-v-a4079225 {
align-items: center;
background: #f3f3f3;
border: 1rpx solid #d9d9d9;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 167rpx;
justify-content: center;
width: 295rpx;
}
.content .insurance-detail .top-content .item .info.data-v-a4079225 {
color: #9a9a9a;
font-size: 26rpx;
margin-top: 20rpx;
}
.content .insurance-detail .top-content .item .count.data-v-a4079225 {
color: #1f68e9;
font-size: 50rpx;
font-weight: 700;
}
.content .insurance-detail .insurance-item .title.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
margin: 30rpx 0;
}
.content .insurance-detail .insurance-item .title .dot.data-v-a4079225 {
background-color: #1f68e9;
border-radius: 100%;
flex-shrink: 0;
height: 18rpx;
width: 18rpx;
}
.content .insurance-detail .insurance-item .title .date.data-v-a4079225 {
flex-shrink: 0;
font-weight: 700;
margin-left: 10rpx;
}
.content .insurance-detail .insurance-item .title .status.data-v-a4079225 {
flex-grow: 1;
}
.content .insurance-detail .insurance-item .title .money.data-v-a4079225 {
flex-shrink: 0;
}
.content .insurance-detail .insurance-item .records.data-v-a4079225 {
background-color: #fff;
border: 1rpx solid #d9d9d9;
border-radius: 10rpx;
font-size: 28rpx;
}
.content
.insurance-detail
.insurance-item
.records
.record-title.data-v-a4079225 {
align-items: center;
background-color: #f3f3f3;
display: -webkit-flex;
display: flex;
padding: 15rpx 0;
}
.content
.insurance-detail
.insurance-item
.records
.record-title
.value.data-v-a4079225 {
display: -webkit-flex;
display: flex;
font-weight: 700;
justify-content: center;
width: 30%;
}
.content
.insurance-detail
.insurance-item
.records
.record-item.data-v-a4079225 {
align-items: center;
display: -webkit-flex;
display: flex;
padding: 15rpx 0;
}
.content
.insurance-detail
.insurance-item
.records
.record-item
.value.data-v-a4079225 {
display: -webkit-flex;
display: flex;
justify-content: center;
width: 30%;
}
.content .intro.data-v-a4079225 {
color: #333;
font-size: 30rpx;
padding: 10rpx 0;
}
.content .disclaimer.data-v-a4079225 {
color: #333;
font-size: 30rpx;
padding: 20rpx 0;
}

30
pages/accident-web-view/index.js Normal file
View File

@@ -0,0 +1,30 @@
var e = require("../../common/vendor.js"),
r = require("../../hooks/onMounted.js"),
i = require("../../hooks/onShareAppMessage.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/util.js");
var s = {
__name: "index",
setup: function (s) {
var n = e.ref("");
return (
r.onMounted(function (r) {
e.index.setNavigationBarTitle({ title: "车辆历史报告" }),
(n.value = r.url);
}, !1),
i.onShareAppMessage(),
function (e, r) {
return { a: n.value };
}
);
},
__runtimeHooks: 2,
};
wx.createPage(s);

1
pages/accident-web-view/index.json Normal file
View File

@@ -0,0 +1 @@
{ "navigationBarBackgroundColor": "#1F68E9", "usingComponents": {} }

1
pages/accident-web-view/index.wxml Normal file
View File

@@ -0,0 +1 @@
<web-view src="{{a}}" updateTitle="{{false}}"></web-view>

0
pages/accident-web-view/index.wxss Normal file
View File

97
pages/commercial-insurance-detail/index.js Normal file
View File

@@ -0,0 +1,97 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
t = require("../../hooks/onShareAppMessage.js"),
r = require("../../service/index.js"),
i = require("../../constant/index.js"),
u = require("../../utils/util.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../utils/request.js"),
Math || (e.unref(o) + e.unref(a) + e.unref(s))();
var a = function () {
return "../../components/empty/index.js";
},
o = function () {
return "../../components/divider/index.js";
},
s = function () {
return "../../components/float-share/index.js";
},
v = {
__name: "index",
setup: function (a) {
var o = e.ref(!0),
s = e.ref(!1),
v = e.ref({}),
d = function () {
e.index.setClipboardData({ data: v.value.vin }).then(function () {
u.showToast("VIN车架号已复制");
});
};
return (
n.onMounted(function (n) {
var t = n.order_no,
a = n.product_id;
u.showLoading("努力查询中"),
r
.getReportDetail({ order_no: t, product_id: a })
.then(function (n) {
var t = e._.find(i.vehicleTypeList, function (e) {
return e.value == n.type;
});
(n.type = t ? t.text : "-"),
(v.value = n),
(o.value = !1),
u.hideLoading();
});
}, !1),
t.onShareAppMessage(),
function (n, t) {
return e.e(
{ a: !o.value },
o.value
? {}
: e.e(
{ b: !s.value },
s.value
? {}
: e.e(
{ c: v.value.info },
v.value.info
? {
d: e.t(v.value.vin),
e: e.o(d),
f: e.t(v.value.info || "-"),
g: e.t(v.value.create_time || "-"),
}
: {},
{ h: !v.value.info },
v.value.info
? {}
: {
i: e.t(v.value.name.trim() || "-"),
j: e.t(v.value.no.trim() || "-"),
k: e.t(v.value.start_time.trim() || "-"),
l: e.t(v.value.end_time.trim() || "-"),
m: e.t(v.value.insurance.trim() || "-"),
n: e.t(v.value.vin),
o: e.o(d),
p: e.t(v.value.engine_no.trim() || "-"),
q: e.t(v.value.area.trim() || "-"),
r: e.t(v.value.create_time || "-"),
},
{ s: e.t(e.unref(i.disclaimer)) }
),
{ t: s.value },
s.value ? { v: e.p({ info: "抱歉~！没有查到数据哦" }) } : {}
)
);
}
);
},
},
d = e._export_sfc(v, [["__scopeId", "data-v-1d1feea9"]]);
(v.__runtimeHooks = 2), wx.createPage(d);

8
pages/commercial-insurance-detail/index.json Normal file
View File

@@ -0,0 +1,8 @@
{
"navigationBarTitleText": "商业险信息",
"usingComponents": {
"empty": "../../components/empty/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

82
pages/commercial-insurance-detail/index.wxml Normal file
View File

@@ -0,0 +1,82 @@
<view class="content data-v-1d1feea9" wx:if="{{a}}">
<view class="data-v-1d1feea9" wx:if="{{b}}">
<view class="module-title data-v-1d1feea9">商业险信息</view>
<view class="detail data-v-1d1feea9" wx:if="{{c}}">
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">VIN车架号</view>
<view class="value data-v-1d1feea9">
<text class="data-v-1d1feea9">{{d}}</text>
<text bindtap="{{e}}" class="copy data-v-1d1feea9">复制</text>
</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">状态</view>
<view
class="value data-v-1d1feea9"
style="font-weight: bold; color: #333"
>{{f}}</view
>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">报告时间</view>
<view class="value data-v-1d1feea9">{{g}}</view>
</view>
</view>
<view class="detail data-v-1d1feea9" wx:if="{{h}}">
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">保险公司</view>
<view class="value data-v-1d1feea9">{{i}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">保单号</view>
<view class="value data-v-1d1feea9">{{j}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">起保日期</view>
<view class="value data-v-1d1feea9">{{k}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">终保日期</view>
<view class="value data-v-1d1feea9">{{l}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">保险种类</view>
<view class="value data-v-1d1feea9">{{m}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">VIN车架号</view>
<view class="value data-v-1d1feea9">
<text class="data-v-1d1feea9">{{n}}</text>
<text bindtap="{{o}}" class="copy data-v-1d1feea9">复制</text>
</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">发动机号</view>
<view class="value data-v-1d1feea9">{{p}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">投保地区</view>
<view class="value data-v-1d1feea9">{{q}}</view>
</view>
<view class="cell data-v-1d1feea9">
<view class="title data-v-1d1feea9">报告时间</view>
<view class="value data-v-1d1feea9">{{r}}</view>
</view>
</view>
<view class="module-title data-v-1d1feea9">免责声明</view>
<view class="disclaimer data-v-1d1feea9">{{s}}</view>
<divider bind:__l="__l" class="data-v-1d1feea9" uI="1d1feea9-0"></divider>
</view>
<empty
bind:__l="__l"
class="data-v-1d1feea9"
uI="1d1feea9-1"
uP="{{v}}"
wx:if="{{t}}"
></empty>
<float-share
bind:__l="__l"
class="data-v-1d1feea9"
uI="1d1feea9-2"
></float-share>
</view>

56
pages/commercial-insurance-detail/index.wxss Normal file
View File

@@ -0,0 +1,56 @@
.content.data-v-1d1feea9 {
padding: 30rpx;
}
.content .module-title.data-v-1d1feea9 {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-1d1feea9 {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .disclaimer.data-v-1d1feea9 {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
.content .detail.data-v-1d1feea9 {
background-color: #fff;
border-radius: 10rpx;
padding: 10rpx 40rpx;
position: relative;
}
.content .detail .cell.data-v-1d1feea9 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 30rpx 0;
}
.content .detail .cell .title.data-v-1d1feea9 {
color: #333;
flex-shrink: 0;
font-size: 30rpx;
padding-left: 5rpx;
position: relative;
}
.content .detail .cell .value.data-v-1d1feea9 {
color: #686868;
font-size: 30rpx;
max-width: 450rpx;
padding-right: 5rpx;
}
.content .detail .cell .value .copy.data-v-1d1feea9 {
color: #d71818;
margin-left: 15rpx;
}

205
pages/commercial-insurance-query/index.js Normal file
View File

@@ -0,0 +1,205 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
u = require("../../hooks/onShareAppMessage.js"),
t = require("../../hooks/useState.js"),
i = require("../../enums/index.js"),
o = require("../../constant/index.js"),
r = require("../../data/index.js"),
a = require("../../utils/navigate.js"),
l = require("../../utils/util.js"),
s = require("../../utils/common.js"),
v = require("../../utils/vin.js");
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../store/app/index.js"),
Math ||
(
e.unref(h) +
e.unref(f) +
e.unref(m) +
e.unref(p) +
e.unref(g) +
e.unref(x) +
e.unref(d) +
e.unref(c)
)();
var c = function () {
return "../../components/popup-copy-vin/index.js";
},
f = function () {
return "../../components/agreement/index.js";
},
d = function () {
return "../../components/keyboard/index.js";
},
p = function () {
return "../../components/divider/index.js";
},
h = function () {
return "../../components/tips/index.js";
},
m = function () {
return "../../components/prompt/index.js";
},
g = function () {
return "../../components/float-back-to-top/index.js";
},
x = function () {
return "../../components/float-share/index.js";
},
j = {
__name: "index",
setup: function (c) {
var f = t.useState().showAgreementPopup,
d = e.ref(!0),
p = e.ref(""),
h = e.ref(i.QueryTypeEnum.VIN),
m = e.ref(!1),
g = e.ref(""),
x = e.ref(!1),
j = e.ref(0),
q = e.ref(!1),
y = e.ref(""),
T = e.ref(!1),
b = function () {
var e = f.value || q.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
w = function () {
a.navigateTo({ url: "/pages/vin-info/index" });
},
I = function () {
g.value = "";
},
k = function () {
s.ocrIdentifyVin().then(function (e) {
g.value = e;
});
},
_ = function () {
x.value = !0;
},
N = function () {
x.value = !1;
},
S = function (e) {
g.value = e.value;
},
A = function () {
m.value = !m.value;
},
M = function () {
q.value = !1;
},
C = function () {
(g.value = y.value), (q.value = !1), V();
},
V = function () {
if (((x.value = !1), m.value)) {
if (h.value === i.QueryTypeEnum.VIN) {
if (0 === g.value.length)
return void l.showToast("请输入VIN车架号");
if (g.value.length < 17)
return void l.showToast("请输入完整的VIN车架号");
if (!v.validateVIN(g.value))
return void l.showToast("车架号有误，请检查后重新输入");
}
a.navigateTo({
url: "/pages/order-confirm/index",
params: {
productType: i.ProductTypeEnum.COMMERICAL_INSURANCE,
queryType: h.value,
vin: g.value,
},
});
} else l.showToast("请先阅读并同意协议");
};
return (
n.onMounted(function (n) {
e.index.setNavigationBarTitle({ title: n.title }),
s.hasClickAgreement() &&
e.index.getClipboardData().then(function (n) {
var u = n.data;
e.index.hideToast(),
17 === u.trim().length &&
setTimeout(function () {
(y.value = u.trim()), (q.value = !0);
}, 300);
}),
(p.value = n.title),
(d.value = !1),
l.hideLoading();
}),
e.onPageScroll(function (n) {
var u = n.scrollTop;
T.value = u >= e.index.getSystemInfoSync().windowHeight / 3;
}),
u.onShareAppMessage(),
function (n, u) {
return e.e(
{ a: b(), b: !d.value },
d.value
? {}
: e.e(
{ c: e.t(p.value), d: e.o(w), e: 0 === g.value.length },
(g.value.length, {}),
{ f: e.t(g.value), g: e.o(_), h: g.value.length > 0 },
g.value.length > 0 ? { i: e.o(I) } : {},
{
j: e.t(g.value.length),
k: e.o(k),
l: g.value.length > 0 ? 1 : "",
m: e.o(V),
n: e.o(A),
o: e.p({ checked: m.value }),
p: e.f(["车辆在保", "车辆脱保"], function (n, u, t) {
return {
a: e.t(n),
b: e.n(j.value === u ? "active" : ""),
c: u,
d: e.o(function (e) {
return (function (e) {
j.value = e;
})(u);
}, u),
};
}),
q: 0 === j.value,
},
0 === j.value
? {
r: e.f(
e.unref(r.mockCommercialInsuranceList),
function (n, u, t) {
return { a: e.t(n.label), b: e.t(n.value), c: u };
}
),
}
: {},
{ s: 1 === j.value },
(j.value, {}),
{
t: e.t(e.unref(o.disclaimer)),
v: e.p({ visible: T.value }),
w: e.o(N),
x: e.o(S),
y: e.p({
visible: x.value,
"can-switch": !1,
vin: g.value,
}),
z: e.o(C),
A: e.o(M),
B: e.p({ visible: q.value, "copy-vin": y.value }),
}
)
);
}
);
},
},
q = e._export_sfc(j, [["__scopeId", "data-v-c416e9c3"]]);
(j.__runtimeHooks = 3), wx.createPage(q);

14
pages/commercial-insurance-query/index.json Normal file
View File

@@ -0,0 +1,14 @@
{
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"usingComponents": {
"popup-copy-vin": "../../components/popup-copy-vin/index",
"agreement": "../../components/agreement/index",
"keyboard": "../../components/keyboard/index",
"divider": "../../components/divider/index",
"tips": "../../components/tips/index",
"prompt": "../../components/prompt/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"float-share": "../../components/float-share/index"
}
}

124
pages/commercial-insurance-query/index.wxml Normal file
View File

@@ -0,0 +1,124 @@
<page-meta class="data-v-c416e9c3" pageStyle="{{a}}"></page-meta>
<view class="content data-v-c416e9c3" wx:if="{{b}}">
<tips bind:__l="__l" class="data-v-c416e9c3" uI="c416e9c3-0"></tips>
<view class="banner data-v-c416e9c3">
<image
class="title data-v-c416e9c3"
mode="heightFix"
src="/static/images/pic_title_6.png"
></image>
<image
class="image data-v-c416e9c3"
src="/static/images/pic_commercial_insurance.png"
></image>
</view>
<view class="module-title data-v-c416e9c3">
<view class="data-v-c416e9c3">{{c}}</view>
<view bindtap="{{d}}" class="tips data-v-c416e9c3">什么是VIN?</view>
</view>
<view class="query-content data-v-c416e9c3">
<view class="{{['input-content','data-v-c416e9c3',l&&'selected']}}">
<view bindtap="{{g}}" class="input data-v-c416e9c3">
<text class="placeholder data-v-c416e9c3" wx:if="{{e}}"
>请输入17位VIN车架号</text
>
<text userSelect class="default data-v-c416e9c3">{{f}}</text>
<text class="cursor data-v-c416e9c3"></text>
</view>
<image
bindtap="{{i}}"
class="clear data-v-c416e9c3"
src="/static/svgs/icon_clear.svg"
wx:if="{{h}}"
></image>
<view class="input-length data-v-c416e9c3">{{j}}/17 </view>
<image
bindtap="{{k}}"
class="photo data-v-c416e9c3"
src="/static/svgs/icon_scan.svg"
></image>
</view>
<view
bindtap="{{m}}"
class="button data-v-c416e9c3"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查 询
</view>
<agreement
bind:__l="__l"
bindchange="{{n}}"
class="data-v-c416e9c3"
uI="c416e9c3-1"
uP="{{o}}"
wx:if="{{o}}"
></agreement>
</view>
<view class="module-title data-v-c416e9c3">样例报告</view>
<view class="example-content data-v-c416e9c3">
<view class="tabs data-v-c416e9c3">
<view
bindtap="{{item.d}}"
class="{{['tab','data-v-c416e9c3',item.b]}}"
wx:for="{{p}}"
wx:key="c"
>{{item.a}}</view
>
</view>
<prompt bind:__l="__l" class="data-v-c416e9c3" uI="c416e9c3-2"></prompt>
<block wx:if="{{q}}">
<view class="cell data-v-c416e9c3" wx:for="{{r}}" wx:key="c">
<view class="cell-title data-v-c416e9c3">{{item.a}}</view>
<view class="cell-value data-v-c416e9c3">{{item.b}}</view>
</view>
</block>
<block wx:if="{{s}}">
<view class="cell data-v-c416e9c3">
<view class="cell-title data-v-c416e9c3">VIN车架号</view>
<view class="cell-value data-v-c416e9c3">WDDBF*******40972</view>
</view>
<view class="cell data-v-c416e9c3">
<view class="cell-title data-v-c416e9c3">状态</view>
<view class="cell-value data-v-c416e9c3">脱保</view>
</view>
<view class="cell data-v-c416e9c3">
<view class="cell-title data-v-c416e9c3">报告时间</view>
<view class="cell-value data-v-c416e9c3">2021-08-01 11:27:27</view>
</view>
</block>
</view>
<view class="module-title data-v-c416e9c3">免责声明</view>
<view class="disclaimer data-v-c416e9c3">{{t}}</view>
<divider bind:__l="__l" class="data-v-c416e9c3" uI="c416e9c3-3"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-c416e9c3"
uI="c416e9c3-4"
uP="{{v}}"
wx:if="{{v}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-c416e9c3"
uI="c416e9c3-5"
></float-share>
<keyboard
bind:__l="__l"
bindchange="{{x}}"
bindclose="{{w}}"
class="data-v-c416e9c3"
uI="c416e9c3-6"
uP="{{y}}"
wx:if="{{y}}"
></keyboard>
<popup-copy-vin
bind:__l="__l"
bindcancel="{{A}}"
bindconfirm="{{z}}"
class="data-v-c416e9c3"
uI="c416e9c3-7"
uP="{{B}}"
wx:if="{{B}}"
></popup-copy-vin>
</view>

265
pages/commercial-insurance-query/index.wxss Normal file
View File

@@ -0,0 +1,265 @@
.content.data-v-c416e9c3 {
padding: 30rpx;
}
.content .banner.data-v-c416e9c3 {
background-color: #1f68e9;
border-radius: 15rpx;
color: #fff;
height: 240rpx;
padding: 30rpx;
position: relative;
}
.content .banner .title.data-v-c416e9c3 {
height: 95rpx;
position: absolute;
top: 40rpx;
z-index: 10;
}
.content .banner .image.data-v-c416e9c3 {
bottom: -15rpx;
height: 172rpx;
position: absolute;
right: -5rpx;
width: 350rpx;
z-index: 9;
}
.content .module-title.data-v-c416e9c3 {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-c416e9c3 {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .query-content.data-v-c416e9c3 {
background-color: #fff;
border-radius: 10rpx;
padding: 40rpx;
}
.content .query-content .radio-group.data-v-c416e9c3 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin-bottom: 30rpx;
}
.content .query-content .radio-group label.data-v-c416e9c3 {
align-items: center;
display: -webkit-flex;
display: flex;
margin-right: 20rpx;
}
.content .query-content .radio-group .tips.data-v-c416e9c3 {
color: #1f68e9;
font-size: 30rpx;
}
.content .query-content .vehicle-content.data-v-c416e9c3 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .query-content .vehicle-content .number-item.data-v-c416e9c3 {
border: 2rpx solid #e1e1e1;
display: -webkit-flex;
display: flex;
font-weight: 700;
height: 85rpx;
justify-content: center;
margin: 0 7rpx;
position: relative;
width: 75rpx;
}
.content .query-content .vehicle-content .number-item.new.data-v-c416e9c3 {
border: 2rpx dashed #6fd99a;
}
.content .query-content .vehicle-content .number-item .number.data-v-c416e9c3 {
font-size: 32rpx;
height: 50rpx;
margin-top: 18rpx;
padding-bottom: 18rpx;
text-align: center;
width: 35rpx;
}
.content
.query-content
.vehicle-content
.number-item
.number.selected.data-v-c416e9c3 {
border-bottom: 4rpx solid #1f68e9;
}
.content .query-content .vehicle-content .number-item .energy.data-v-c416e9c3 {
background: #0ac260;
border-radius: 14rpx;
color: #fff;
font-size: 16rpx;
height: 28rpx;
left: 2rpx;
line-height: 28rpx;
position: absolute;
text-align: center;
top: -20rpx;
width: 60rpx;
}
.content .query-content .input-content.data-v-c416e9c3 {
align-items: center;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
padding: 20rpx;
position: relative;
}
.content .query-content .input-content.selected.data-v-c416e9c3 {
border-color: #1f68e9;
}
.content .query-content .input-content .input.data-v-c416e9c3 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-grow: 1;
font-size: 32rpx;
overflow-y: scroll;
position: relative;
}
.content .query-content .input-content .input .placeholder.data-v-c416e9c3 {
color: silver;
left: 0;
position: absolute;
}
.content .query-content .input-content .input .cursor.data-v-c416e9c3 {
animation: cursor-blinks-c416e9c3 1.5s step-start infinite;
background: #1f68e9;
height: 40rpx;
width: 4rpx;
}
.content .query-content .input-content .clear.data-v-c416e9c3 {
flex-shrink: 0;
height: 32rpx;
padding: 0 10rpx 0 20rpx;
width: 32rpx;
}
.content .query-content .input-content .input-length.data-v-c416e9c3 {
color: #232323;
flex-shrink: 0;
font-size: 26rpx;
}
.content .query-content .input-content .photo.data-v-c416e9c3 {
flex-shrink: 0;
height: 50rpx;
margin-left: 10rpx;
margin-top: -5rpx;
width: 50rpx;
}
.content .query-content .button.data-v-c416e9c3 {
align-items: center;
background-color: #1f68e9;
border-radius: 10rpx;
color: #fff;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
font-weight: 700;
height: 90rpx;
justify-content: center;
margin-top: 30rpx;
}
.content .example-content.data-v-c416e9c3 {
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.content .example-content .tabs.data-v-c416e9c3 {
align-items: center;
background-color: #fff;
border-bottom: 2rpx solid #ebeef5;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
height: 90rpx;
justify-content: space-evenly;
width: 100%;
}
.content .example-content .tabs .tab.data-v-c416e9c3 {
height: 90rpx;
line-height: 90rpx;
}
.content .example-content .tabs .tab.active.data-v-c416e9c3 {
border-bottom: 4rpx solid #1f68e9;
color: #1f68e9;
}
.content .example-content .cell.data-v-c416e9c3 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 40rpx;
}
.content .example-content .cell-title.data-v-c416e9c3 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
padding-left: 5rpx;
}
.content .example-content .cell-title image.data-v-c416e9c3 {
height: 30rpx;
margin-left: 10rpx;
width: 30rpx;
}
.content .example-content .cell-value.data-v-c416e9c3 {
color: #686868;
font-size: 30rpx;
padding-right: 5rpx;
}
.content .example-content .tips.data-v-c416e9c3 {
background-color: #fffbe8;
color: #ed6a0c;
font-size: 26rpx;
padding: 20rpx;
}
.content .disclaimer.data-v-c416e9c3 {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
@-webkit-keyframes cursor-blinks-c416e9c3 {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
@keyframes cursor-blinks-c416e9c3 {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}

50
pages/easter-egg/index.js Normal file
View File

@@ -0,0 +1,50 @@
var e = require("../../common/vendor.js"),
r = require("../../hooks/onMounted.js"),
n = require("../../service/index.js"),
i = require("../../utils/util.js"),
o = require("../../utils/navigate.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../constant/index.js");
var t = {
__name: "index",
setup: function (t) {
var u = e.ref(""),
a = function (e) {
u.value = e.detail.value;
},
s = function () {
u.value
? u.value.length < 20
? i.showToast("请输入正确的订单编号")
: (i.showLoading(),
n
.getOrderDetail({ order_no: u.value })
.then(function (e) {
o.navigateTo({
url: "/pages/order-detail/index",
params: { orderNo: e.order_no, productName: "彩蛋查询" },
});
})
.catch(function () {
i.showToast("订单不存在，请重新输入订单编号");
})
.finally(function () {
i.hideLoading();
}))
: i.showToast("请输入订单编号");
};
return (
r.onMounted(function () {}, !1),
function (r, n) {
return { a: u.value, b: e.o(a), c: e.o(s) };
}
);
},
},
u = e._export_sfc(t, [["__scopeId", "data-v-a2957840"]]);
wx.createPage(u);

1
pages/easter-egg/index.json Normal file
View File

@@ -0,0 +1 @@
{ "navigationBarTitleText": "彩蛋", "usingComponents": {} }

4
pages/easter-egg/index.wxml Normal file
View File

@@ -0,0 +1,4 @@
<view class="content data-v-a2957840">
<input focus bindinput="{{b}}" class="data-v-a2957840" maxlength="20" placeholder="请输入订单编号" value="{{a}}"></input>
<view bindtap="{{c}}" class="button data-v-a2957840" hoverClass="default-hover-class" hoverStayTime="100"> 查 询 </view>
</view>

20
pages/easter-egg/index.wxss Normal file
View File

@@ -0,0 +1,20 @@
.content.data-v-a2957840 {
padding: 30rpx;
}
.content input.data-v-a2957840 {
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 10rpx;
font-size: 34rpx;
padding: 20rpx;
}
.content .button.data-v-a2957840 {
background-color: #1f68e9;
border-radius: 10rpx;
color: #fff;
font-size: 32rpx;
height: 90rpx;
line-height: 90rpx;
margin-top: 30rpx;
text-align: center;
}

174
pages/home/index.js Normal file
View File

@@ -0,0 +1,174 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
t = require("../../hooks/onShow.js"),
r = require("../../hooks/onShareAppMessage.js"),
u = require("../../hooks/useState.js"),
o = require("../../data/index.js"),
i = require("../../utils/navigate.js"),
a = require("../../service/index.js"),
c = require("../../enums/index.js");
require("../../utils/util.js"),
require("../../constant/index.js"),
require("../../config/index.js"),
require("../../store/app/index.js"),
require("../../utils/request.js"),
Math || (e.unref(s) + e.unref(f))();
var s = function () {
return "../../components/popup-order/index.js";
},
f = function () {
return "../../components/popup-coupon/index.js";
},
d = {
__name: "index",
setup: function (s) {
var f = u.useState(),
d = f.totalOrderNum,
p = f.setTotalOrderNum,
l = f.actionList,
m = e.ref(!1),
v = e.ref(""),
h = e.ref(!1),
g = e.ref(0),
T = function () {
var e = m.value || h.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
E = function () {
a.getOrderNum().then(function (n) {
var t = n.num;
p({ totalOrderNum: t }),
t > 0 && e.index.showTabBarRedDot({ index: 1 });
});
},
j = function (e) {
var n = e.url,
t = e.params;
i.navigateTo({ url: n, params: t });
},
x = function () {
m.value = !1;
},
S = function () {
(h.value = !1), g.value++;
};
return (
n.onMounted(function () {
e.index.$on("refreshOrderDetail", function (n) {
return (function (n) {
a.getOrderDetail({ order_no: n })
.then(function (n) {
var t = e._.find(n.productIdList, function (e) {
return e.status === c.ProductStatusEnum.TO_BE_UPLOADED;
});
n.status === c.OrderStatusEnum.UNPAID
? (v.value = "存在一笔待支付订单")
: (v.value = t ? "存在待上传行驶证订单" : ""),
(m.value = !!v.value);
})
.catch(function () {
m.value = !1;
});
})(n);
}),
e.index.$on("refreshOrderNum", function () {
0 === d.value && E();
}),
E(),
g.value++;
}, !1),
t.onShow(function () {
(!e.index.getStorageSync("fisrtIn") ||
e.index.getStorageSync("fisrtIn") < 2) &&
1 === g.value &&
(setTimeout(function () {
h.value = !0;
}, 500),
console.log("onShow"));
}),
r.onShareAppMessage(),
function (n, t) {
return e.e(
{ a: T(), b: 0 === e.unref(l).length },
0 === e.unref(l).length
? {
c: e.f([1, 2, 3, 4, 5, 6, 7, 8], function (e, n, t) {
return { a: n };
}),
}
: {},
{ d: e.unref(l).length > 0 },
e.unref(l).length > 0
? {
e: e.f(e.unref(l), function (n, t, r) {
return e.e(
{
a: n.icon,
b: e.t(n.name),
c:
n.params.productType ===
e.unref(c.ProductTypeEnum).OVERALL,
},
(n.params.productType,
e.unref(c.ProductTypeEnum).OVERALL,
{}),
{
d:
n.params.productType ===
e.unref(c.ProductTypeEnum).VEHICLE_INFO,
},
(n.params.productType,
e.unref(c.ProductTypeEnum).VEHICLE_INFO,
{}),
{
e:
n.params.productType ===
e.unref(c.ProductTypeEnum).VEHICLE_STATUS,
},
(n.params.productType,
e.unref(c.ProductTypeEnum).VEHICLE_STATUS,
{}),
{
f: t,
g: e.o(function (e) {
return j(n);
}, t),
}
);
}),
}
: {},
{
f: e.f(e.unref(o.theActionList2), function (n, t, r) {
return e.e(
{ a: e.t(n.name), b: e.t(n.desc), c: n.icon, d: 0 === t },
{},
{ e: 1 === t },
{},
{
f: t,
g: e.n(t >= 2 ? "action-content2-item-top" : ""),
h: e.n(0 === t ? "action-content2-item-0" : ""),
i: e.n(1 === t ? "action-content2-item-1" : ""),
j: e.n(2 === t ? "action-content2-item-2" : ""),
k: e.n(3 === t ? "action-content2-item-3" : ""),
l: e.o(function (e) {
return j(n);
}, t),
}
);
}),
g: e.o(x),
h: e.p({ visible: m.value, title: v.value }),
i: e.o(S),
j: e.p({ visible: h.value }),
}
);
}
);
},
},
p = e._export_sfc(d, [["__scopeId", "data-v-45f75add"]]);
(d.__runtimeHooks = 2), wx.createPage(p);

9
pages/home/index.json Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "首页",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"usingComponents": {
"popup-order": "../../components/popup-order/index",
"popup-coupon": "../../components/popup-coupon/index"
}
}

86
pages/home/index.wxml Normal file
View File

@@ -0,0 +1,86 @@
<page-meta class="data-v-45f75add" pageStyle="{{a}}"></page-meta>
<view class="content data-v-45f75add">
<image
class="banner data-v-45f75add"
src="/static/images/banner_home.png"
></image>
<text class="title data-v-45f75add">常用工具</text>
<view class="action-skeletons data-v-45f75add" wx:if="{{b}}">
<view
class="action-skeletons-item data-v-45f75add"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:for="{{c}}"
wx:key="a"
>
<view class="action-skeletons-item-image data-v-45f75add"></view>
<view class="action-skeletons-item-name data-v-45f75add"></view>
</view>
</view>
<view class="action-content1 data-v-45f75add" wx:if="{{d}}">
<view
bindtap="{{item.g}}"
class="action-content1-item data-v-45f75add"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:for="{{e}}"
wx:key="f"
>
<view class="action-content1-item-image-content data-v-45f75add">
<image
class="action-content1-item-image data-v-45f75add"
mode="widthFix"
src="{{item.a}}"
></image>
</view>
<text class="action-content1-item-name data-v-45f75add">{{item.b}}</text>
<text class="tip tip-discount data-v-45f75add" wx:if="{{item.c}}"
>优惠</text
>
<text class="tip tip-free data-v-45f75add" wx:if="{{item.d}}">限免</text>
<text class="tip tip-info data-v-45f75add" wx:if="{{item.e}}"
>违法+抵押</text
>
</view>
</view>
<text class="title data-v-45f75add">热门工具</text>
<view class="action-content2 data-v-45f75add">
<view
bindtap="{{item.l}}"
class="{{['action-content2-item','data-v-45f75add',item.g,item.h,item.i,item.j,item.k]}}"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:for="{{f}}"
wx:key="f"
>
<text class="action-content2-item-name data-v-45f75add">{{item.a}}</text>
<text class="action-content2-item-desc data-v-45f75add">{{item.b}}</text>
<image
class="action-content2-item-image data-v-45f75add"
src="{{item.c}}"
></image>
<view class="label data-v-45f75add" wx:if="{{item.d}}">
<text class="label-text label-hot data-v-45f75add">热门</text>
</view>
<view class="label data-v-45f75add" wx:if="{{item.e}}">
<text class="label-text label-free data-v-45f75add">限免</text>
</view>
</view>
</view>
<popup-order
bind:__l="__l"
bindclose="{{g}}"
class="data-v-45f75add"
uI="45f75add-0"
uP="{{h}}"
wx:if="{{h}}"
></popup-order>
<popup-coupon
bind:__l="__l"
bindclose="{{i}}"
class="data-v-45f75add"
uI="45f75add-1"
uP="{{j}}"
wx:if="{{j}}"
></popup-coupon>
</view>

211
pages/home/index.wxss Normal file
View File

@@ -0,0 +1,211 @@
label,
scroll-view,
swiper-item,
view {
align-content: flex-start;
align-items: stretch;
display: -webkit-flex;
display: flex;
flex-basis: auto;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
}
image,
input,
scroll-view,
swiper,
swiper-item,
text,
textarea,
video,
view {
border: 0 solid #000;
box-sizing: border-box;
position: relative;
}
swiper-item {
position: absolute;
}
button {
margin: 0;
}
.content.data-v-45f75add {
padding: 30rpx;
}
.banner.data-v-45f75add {
border-radius: 12rpx;
height: 258rpx;
width: 690rpx;
}
.title.data-v-45f75add {
font-size: 34rpx;
font-weight: 700;
margin: 30rpx 10rpx;
}
.action-skeletons.data-v-45f75add {
background-color: #fff;
border-radius: 12rpx;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 30rpx 0 10rpx;
}
.action-skeletons-item.data-v-45f75add {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 155rpx;
position: relative;
width: 171rpx;
}
.action-skeletons-item-image.data-v-45f75add {
background: #f1f2f4;
border-radius: 10rpx;
height: 100rpx;
width: 100rpx;
}
.action-skeletons-item-name.data-v-45f75add {
background: #f1f2f4;
border-radius: 5rpx;
height: 20rpx;
margin-top: 10rpx;
width: 100rpx;
}
.action-content1.data-v-45f75add {
background-color: #fff;
border-radius: 12rpx;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10rpx 0 30rpx;
}
.action-content1-item.data-v-45f75add {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 155rpx;
justify-content: flex-end;
position: relative;
width: 171rpx;
}
.action-content1-item-image-content.data-v-45f75add {
align-items: center;
display: -webkit-flex;
display: flex;
height: 100rpx;
justify-content: center;
width: 100rpx;
}
.action-content1-item-image.data-v-45f75add {
width: 100rpx;
}
.action-content1-item-name.data-v-45f75add {
font-size: 26rpx;
font-weight: 700;
height: 30rpx;
}
.tip.data-v-45f75add {
border-radius: 6rpx;
color: #fff;
font-size: 20rpx;
font-weight: 400;
height: 28rpx;
left: 57rpx;
line-height: 28rpx;
padding: 0 8rpx;
position: absolute;
top: 12rpx;
}
.tip-free.data-v-45f75add {
background-color: #fe902e;
}
.tip-discount.data-v-45f75add {
background-color: #f06a62;
}
.tip-info.data-v-45f75add {
background-color: #ffa39e;
left: 35rpx;
}
.action-content2.data-v-45f75add {
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.action-content2-item.data-v-45f75add {
background-color: #fff;
border-radius: 12rpx;
height: 200rpx;
overflow: hidden;
padding: 30rpx;
position: relative;
width: 335rpx;
}
.action-content2-item-0.data-v-45f75add {
background-color: #f1f0fd;
}
.action-content2-item-1.data-v-45f75add {
background-color: rgba(255, 249, 244, 0.886);
}
.action-content2-item-2.data-v-45f75add {
background-color: rgba(140, 222, 162, 0.1);
}
.action-content2-item-3.data-v-45f75add {
background-color: rgba(202, 234, 248, 0.255);
}
.action-content2-item-top.data-v-45f75add {
margin-top: 20rpx;
}
.action-content2-item-name.data-v-45f75add {
color: #444;
font-size: 32rpx;
font-weight: 700;
position: relative;
z-index: 2;
}
.action-content2-item-desc.data-v-45f75add {
color: #9a9a9a;
font-size: 28rpx;
margin-top: 5rpx;
position: relative;
z-index: 2;
}
.action-content2-item-image.data-v-45f75add {
bottom: 0;
height: 90rpx;
opacity: 0.8;
position: absolute;
right: 10rpx;
width: 90rpx;
z-index: 1;
}
.label.data-v-45f75add {
align-items: flex-start;
display: -webkit-flex;
display: flex;
margin-top: 20rpx;
}
.label-text.data-v-45f75add {
background-color: #fcdede;
border-radius: 6rpx;
font-size: 24rpx;
font-weight: 700;
height: 36rpx;
line-height: 36rpx;
padding: 0 6rpx;
}
.label-free.data-v-45f75add {
color: #fe902e;
}
.label-hot.data-v-45f75add {
color: #f06a62;
}
.default-hover-class.data-v-45f75add {
opacity: 0.8;
}

176
pages/insurance-maintain-blank/index.js Normal file
View File

@@ -0,0 +1,176 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
t = require("../../hooks/onShareAppMessage.js"),
a = require("../../service/index.js"),
r = require("../../constant/index.js"),
i = require("../../utils/util.js"),
o = require("../../config/index.js"),
u = require("../../utils/common.js"),
s = require("../../utils/navigate.js"),
c = require("../../enums/index.js"),
l = require("../../data/index.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../utils/request.js"),
Math || (e.unref(v) + e.unref(d) + e.unref(p) + e.unref(m))();
var v = function () {
return "../../components/time-line/index.js";
},
p = function () {
return "../../components/float-back-to-top/index.js";
},
d = function () {
return "../../components/divider/index.js";
},
m = function () {
return "../../components/float-share/index.js";
},
_ = {
__name: "index",
setup: function (v) {
var p = e.ref(!0),
d = e.ref({}),
m = e.ref(!1),
_ = e.ref(""),
f = e.ref([
{
name: "骨架",
value: 0,
key: "type1",
icon: "/static/svgs/pic_ckpc_normal_1.svg",
},
{
name: "外观",
value: 0,
key: "type2",
icon: "/static/svgs/pic_ckpc_normal_2.svg",
},
{
name: "发动机",
value: 0,
key: "type3",
icon: "/static/svgs/pic_ckpc_normal_3.svg",
},
{
name: "变速箱",
value: 0,
key: "type3",
icon: "/static/svgs/pic_ckpc_normal_4.svg",
},
{
name: "火烧",
value: 0,
key: "type4",
icon: "/static/svgs/pic_ckpc_normal_5.svg",
},
{
name: "水淹",
value: 0,
key: "type5",
icon: "/static/svgs/pic_ckpc_normal_6.svg",
},
{
name: "气囊",
value: 0,
key: "type6",
icon: "/static/svgs/pic_ckpc_normal_7.svg",
},
{
name: "加强件",
value: 0,
key: "type7",
icon: "/static/svgs/pic_ckpc_normal_8.svg",
},
]),
g = function () {
i.showLoading(),
a
.getOrderDetail({ order_no: _.value })
.then(function (n) {
var t = e._.map(n.productList, function (e) {
return e.product_id;
}).join(",");
s.navigateTo({
url: "/pages/order-detail/index",
params: {
orderNo: _.value,
productName: u.getProduct(t).product_name,
},
});
})
.finally(function () {
i.hideLoading();
});
},
k = function (e) {
e.detail.path && switchTab({ url: e.detail.path });
};
return (
n.onMounted(function (e) {
var n = e.order_no,
t = e.product_id;
(_.value = n),
i.showLoading("努力查询中"),
a
.getBlankReportDetail({ order_no: n, product_id: t })
.then(function (e) {
(d.value = e), (p.value = !1), i.hideLoading();
});
}, !1),
e.onPageScroll(function (n) {
var t = n.scrollTop;
m.value = t >= e.index.getSystemInfoSync().windowHeight / 3;
}),
t.onShareAppMessage(),
function (n, t) {
return e.e(
{ a: !p.value },
p.value
? {}
: {
b: e.t(
(d.value.vin || "")
.toString()
.replace(/^(.{5}).{6}/, "$1******")
),
c: e.t(d.value.order_no),
d: e.t(d.value.report_date),
e: e.t(d.value.name),
f: e.t(d.value.manufacturer),
g: e.t(d.value.comfuelconsumption),
h: e.t(d.value.engine_no),
i: e.t(d.value.displacementml),
j: e.t(d.value.environmentalstandards),
k: e.t(d.value.sizetype),
l: e.t(d.value.isimport),
m: e.t(d.value.seatnum),
n: e.f(f.value, function (n, t, a) {
return e.e(
{ a: n.icon, b: e.t(n.name), c: 0 === n.value },
(n.value, {}),
{ d: 1 === n.value },
(n.value, {}),
{ e: 2 === n.value },
(n.value, {}),
{ f: 3 === n.value || 4 === n.value },
(3 === n.value || n.value, {}),
{ g: t }
);
}),
o: e.p({
type: e.unref(c.TimeLineEnum).RECORD,
data: e.unref(l.mockBlankReportList),
}),
p: e.o(g),
q: e.unref(o.appName),
r: e.o(k),
s: e.t(e.unref(r.disclaimer)),
t: e.p({ visible: m.value }),
}
);
}
);
},
},
f = e._export_sfc(_, [["__scopeId", "data-v-94bceea2"]]);
(_.__runtimeHooks = 3), wx.createPage(f);

10
pages/insurance-maintain-blank/index.json Normal file
View File

@@ -0,0 +1,10 @@
{
"navigationBarTitleText": "维保查询报告",
"navigationBarBackgroundColor": "#1F68E9",
"usingComponents": {
"time-line": "../../components/time-line/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

217
pages/insurance-maintain-blank/index.wxml Normal file
View File

@@ -0,0 +1,217 @@
<view class="content data-v-94bceea2" wx:if="{{a}}">
<view class="notice data-v-94bceea2"
>本查询结果仅供参考，具体车况，请自行检查判断</view
>
<view class="background data-v-94bceea2"></view>
<view class="content-title data-v-94bceea2">车辆维保报告</view>
<view class="sub-title data-v-94bceea2">中国汽车流通协会发起建设</view>
<view class="order-detail data-v-94bceea2">
<view class="detail-item data-v-94bceea2">
<view class="label data-v-94bceea2">VIN车架号：</view>
<view class="value data-v-94bceea2">{{b}}</view>
</view>
<view class="detail-item data-v-94bceea2">
<view class="label data-v-94bceea2">订单编号：</view>
<view class="value data-v-94bceea2">{{c}}</view>
</view>
<view class="detail-item data-v-94bceea2">
<view class="label data-v-94bceea2">报告时间：</view>
<view class="value data-v-94bceea2">{{d}}</view>
</view>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">基本信息</text>
</view>
<view class="brand-name data-v-94bceea2">{{e}}</view>
<view class="cell-info data-v-94bceea2">
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">品牌</view>
<view class="value data-v-94bceea2">{{f}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">油耗</view>
<view class="value data-v-94bceea2">{{g}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">发动机号</view>
<view class="value data-v-94bceea2">{{h}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">排量（ml）</view>
<view class="value data-v-94bceea2">{{i}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">排放标准</view>
<view class="value data-v-94bceea2">{{j}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">车辆种类</view>
<view class="value data-v-94bceea2">{{k}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">进口或国产</view>
<view class="value data-v-94bceea2">{{l}}</view>
</view>
<view class="cell data-v-94bceea2">
<view class="title data-v-94bceea2">核定载客数</view>
<view class="value data-v-94bceea2">{{m}}</view>
</view>
</view>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">车况排查</text>
</view>
<view class="ckpc-content data-v-94bceea2">
<view class="item data-v-94bceea2" wx:for="{{n}}" wx:key="g">
<image
class="icon data-v-94bceea2"
mode="aspectFit"
src="{{item.a}}"
></image>
<text class="name data-v-94bceea2">{{item.b}}</text>
<text class="status normal data-v-94bceea2" wx:if="{{item.c}}"
>正常</text
>
<text class="status unidentified data-v-94bceea2" wx:if="{{item.d}}"
>无法确定</text
>
<text class="status doubt data-v-94bceea2" wx:if="{{item.e}}"
>疑似</text
>
<text class="status error data-v-94bceea2" wx:if="{{item.f}}"
>异常</text
>
</view>
</view>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">重大问题排查</text>
</view>
<image
class="pic1 data-v-94bceea2"
src="/static/images/pic_detail_info_1.png"
></image>
<image
class="checked data-v-94bceea2"
src="/static/svgs/icon_check_3.svg"
></image>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">一般维修排查</text>
</view>
<image
class="pic2 data-v-94bceea2"
src="/static/images/pic_detail_info_2.png"
></image>
<image
class="checked data-v-94bceea2"
src="/static/svgs/icon_check_3.svg"
></image>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">维修保养记录</text>
</view>
<view class="record-content data-v-94bceea2">
<time-line
bind:__l="__l"
class="data-v-94bceea2"
uI="94bceea2-0"
uP="{{o}}"
wx:if="{{o}}"
></time-line>
</view>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">车况统计</text>
</view>
<view class="maintain data-v-94bceea2">
<text class="data-v-94bceea2" style="margin-top: 20rpx"
>无记录原因：</text
>
<text class="data-v-94bceea2"
>（1）车架号输入或识别错误，请核对车架号；</text
>
<text class="data-v-94bceea2"
>（2）该车辆品牌数据维护中，请到个人中心联系客服；</text
>
<text class="data-v-94bceea2">（3）该车辆未去正规店保养；</text>
<text class="data-v-94bceea2">（4）该车辆未保养。</text>
<view class="button-content data-v-94bceea2">
<button
bindtap="{{p}}"
class="button type1 data-v-94bceea2"
hoverClass="default-hover-class"
hoverStayTime="100"
>
核对车架号
</button>
<button
showMessageCard
bindcontact="{{r}}"
class="button type2 data-v-94bceea2"
hoverClass="default-hover-class"
hoverStayTime="100"
openType="contact"
sendMessageImg="/static/images/pic_share_mp.png"
sendMessagePath="/pages/splash/index"
sendMessageTitle="{{q}}"
>
联系客服
</button>
</view>
</view>
</view>
<view class="card data-v-94bceea2">
<view class="card-title data-v-94bceea2">
<image
class="icon-title data-v-94bceea2"
src="/static/images/icon_title.png"
></image>
<text class="data-v-94bceea2">免责声明</text>
</view>
<view class="disclaimer data-v-94bceea2">{{s}}</view>
</view>
<divider bind:__l="__l" class="data-v-94bceea2" uI="94bceea2-1"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-94bceea2"
uI="94bceea2-2"
uP="{{t}}"
wx:if="{{t}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-94bceea2"
uI="94bceea2-3"
></float-share>
</view>

233
pages/insurance-maintain-blank/index.wxss Normal file
View File

@@ -0,0 +1,233 @@
.content.data-v-94bceea2 {
padding: 30rpx;
position: relative;
}
.content .notice.data-v-94bceea2 {
background-color: #fde198;
color: #936a26;
font-size: 25rpx;
height: 60rpx;
left: 0;
line-height: 60rpx;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.content .background.data-v-94bceea2 {
background: linear-gradient(180deg, #1f68e9, #fff);
height: 2000rpx;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.content .content-title.data-v-94bceea2 {
border-bottom: 1rpx solid #74a8e6;
color: #fff;
font-size: 66rpx;
margin-top: 50rpx;
padding-bottom: 20rpx;
text-align: center;
}
.content .sub-title.data-v-94bceea2 {
color: #fff;
font-size: 26rpx;
margin-top: 20rpx;
text-align: center;
}
.content .order-detail.data-v-94bceea2 {
color: #fff;
font-size: 28rpx;
margin-top: 50rpx;
}
.content .order-detail .detail-item.data-v-94bceea2 {
align-items: center;
display: -webkit-flex;
display: flex;
margin: 15rpx 0;
}
.content .order-detail .detail-item .label.data-v-94bceea2 {
width: 170rpx;
}
.content .order-detail .detail-item .value.data-v-94bceea2 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 510rpx;
}
.content .card.data-v-94bceea2 {
background-color: #fff;
border-radius: 10rpx;
margin: 30rpx 0;
padding: 30rpx;
position: relative;
}
.content .card .card-title.data-v-94bceea2 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .card .card-title .icon-title.data-v-94bceea2 {
height: 30rpx;
margin-right: 10rpx;
width: 34rpx;
}
.content .card .card-title .suffix.data-v-94bceea2 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .card .card-title .suffix image.data-v-94bceea2 {
height: 30rpx;
margin-left: 30rpx;
width: 30rpx;
}
.content .card .card-title .suffix text.data-v-94bceea2 {
color: #9a9a9a;
font-size: 3028rpxrpx;
margin-left: 8rpx;
}
.content .card .card-title image.data-v-94bceea2 {
flex-shrink: 0;
}
.content .card .card-title text.data-v-94bceea2 {
color: #1f68e9;
flex-grow: 1;
font-size: 32rpx;
}
.content .card .pic1.data-v-94bceea2 {
height: 235rpx;
margin: 40rpx auto 0;
width: 500rpx;
}
.content .card .pic2.data-v-94bceea2 {
height: 320rpx;
margin: 40rpx auto 0;
width: 500rpx;
}
.content .card .checked.data-v-94bceea2 {
height: 44rpx;
position: absolute;
right: 50rpx;
top: 50rpx;
width: 44rpx;
}
.content .card .info.data-v-94bceea2 {
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin: 20rpx 0;
}
.content .card .msg.data-v-94bceea2 {
background-color: #dbf5e2;
border-radius: 100rpx;
color: #4aa444;
font-size: 28rpx;
padding: 18rpx 28rpx;
text-align: center;
}
.content .card .maintain.data-v-94bceea2 {
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-bottom: 20rpx;
}
.content .card .maintain text.data-v-94bceea2 {
font-size: 30rpx;
margin: 10rpx 0;
}
.content .card .maintain .button-content.data-v-94bceea2 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-top: 30rpx;
}
.content .card .maintain .button-content .button.data-v-94bceea2 {
background-color: #fff;
border-radius: 60rpx;
font-size: 28rpx;
height: 70rpx;
line-height: 70rpx;
margin: 0 10rpx;
padding: 0;
text-align: center;
width: 225rpx;
}
.content .card .maintain .button-content .button.type1.data-v-94bceea2 {
background: #1f68e9;
color: #fff;
}
.content .card .maintain .button-content .button.type2.data-v-94bceea2 {
border: 1rpx solid #1f68e9;
color: #1f68e9;
}
.content .brand-name.data-v-94bceea2 {
font-size: 32rpx;
font-weight: 700;
margin-top: 30rpx;
}
.content .cell-info.data-v-94bceea2 {
font-size: 30rpx;
}
.content .cell-info .cell.data-v-94bceea2 {
margin-top: 30rpx;
}
.content .cell-info .cell.data-v-94bceea2,
.content .ckpc-content.data-v-94bceea2 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .ckpc-content.data-v-94bceea2 {
align-items: center;
flex-wrap: wrap;
}
.content .ckpc-content .item.data-v-94bceea2 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-top: 30rpx;
position: relative;
width: 135rpx;
}
.content .ckpc-content .item .icon.data-v-94bceea2 {
height: 56rpx;
width: 56rpx;
}
.content .ckpc-content .item .name.data-v-94bceea2 {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .ckpc-content .item .status.data-v-94bceea2 {
border-radius: 50rpx;
font-size: 24rpx;
margin-top: 20rpx;
padding: 5rpx 16rpx;
}
.content .ckpc-content .item .status.normal.data-v-94bceea2 {
background-color: #dbf5e2;
color: #4aa444;
}
.content .ckpc-content .item .status.error.data-v-94bceea2 {
background-color: rgba(238, 36, 25, 0.094);
color: #eb5a5a;
}
.content .ckpc-content .item .status.unidentified.data-v-94bceea2 {
background-color: #ececec;
color: #606060;
}
.content .ckpc-content .item .status.doubt.data-v-94bceea2 {
background-color: rgba(255, 112, 56, 0.157);
color: #ff7038;
}
.content .disclaimer.data-v-94bceea2 {
color: #333;
font-size: 30rpx;
padding: 20rpx 0;
}

93
pages/insurance-maintain-detail/index.js Normal file
View File

@@ -0,0 +1,93 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onShareAppMessage.js"),
i = require("../../hooks/onMounted.js"),
r = require("../../service/index.js"),
t = require("../../constant/index.js"),
a = require("../../utils/util.js"),
o = require("../../enums/index.js");
require("../../config/index.js"),
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
require("../../utils/request.js"),
Math || (e.unref(u) + e.unref(c) + e.unref(s) + e.unref(d))();
var u = function () {
return "../../components/time-line/index.js";
},
s = function () {
return "../../components/float-back-to-top/index.js";
},
c = function () {
return "../../components/divider/index.js";
},
d = function () {
return "../../components/float-share/index.js";
},
l = {
__name: "index",
setup: function (u) {
var s = e.ref(!0),
c = e.ref({}),
d = e.ref(!1);
return (
i.onMounted(function (n) {
var i = n.order_no,
t = n.product_id;
a.showLoading("努力查询中"),
r
.getReportDetail({ order_no: i, product_id: t })
.then(function (n) {
var i = n.insurance || [],
r = n.maintain || [];
(n.insurance_maintain = e._.orderBy(
e._.concat(i, r),
["date"],
["desc"]
)),
(c.value = n),
(s.value = !1),
a.hideLoading();
});
}, !1),
e.onPageScroll(function (n) {
var i = n.scrollTop;
d.value = i >= e.index.getSystemInfoSync().windowHeight / 3;
}),
n.onShareAppMessage(),
function (n, i) {
return e.e(
{ a: !s.value },
s.value
? {}
: {
b: e.t(c.value.carinfo.name),
c: e.t(
(c.value.carinfo.vin || "")
.toString()
.replace(/^(.{5}).{6}/, "$1******")
),
d: e.t(c.value.mail.mail_section.date),
e: e.t(c.value.mail.mail_section.lower),
f: e.t(c.value.mail.mail_section.upper),
g: e.f(c.value.mail.mail_list, function (n, i, r) {
return {
a: e.t(n.date),
b: e.t(n.mile),
c: i,
d: i % 2 == 1 ? 1 : "",
};
}),
h: e.p({
type: e.unref(o.TimeLineEnum).RECORD,
data: c.value.insurance_maintain,
}),
i: e.t(e.unref(t.disclaimer)),
j: e.p({ visible: d.value }),
}
);
}
);
},
},
f = e._export_sfc(l, [["__scopeId", "data-v-b2dfd9ff"]]);
(l.__runtimeHooks = 3), wx.createPage(f);

10
pages/insurance-maintain-detail/index.json Normal file
View File

@@ -0,0 +1,10 @@
{
"navigationBarTitleText": "维保查询报告",
"navigationBarBackgroundColor": "#1F68E9",
"usingComponents": {
"time-line": "../../components/time-line/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

98
pages/insurance-maintain-detail/index.wxml Normal file
View File

@@ -0,0 +1,98 @@
<view class="content data-v-b2dfd9ff" wx:if="{{a}}">
<view class="background data-v-b2dfd9ff"></view>
<view class="content-title data-v-b2dfd9ff">车辆维保报告</view>
<view class="sub-title data-v-b2dfd9ff">中国汽车流通协会发起建设</view>
<view class="order-detail data-v-b2dfd9ff">
<view class="detail-item data-v-b2dfd9ff">
<view class="label data-v-b2dfd9ff">车辆型号：</view>
<view class="value data-v-b2dfd9ff">{{b}}</view>
</view>
<view class="detail-item data-v-b2dfd9ff">
<view class="label data-v-b2dfd9ff">VIN车架号：</view>
<view class="value data-v-b2dfd9ff">{{c}}</view>
</view>
</view>
<view class="card data-v-b2dfd9ff">
<view class="card-title data-v-b2dfd9ff">
<image
class="icon-title data-v-b2dfd9ff"
src="/static/images/icon_title.png"
></image>
<text class="data-v-b2dfd9ff">行驶里程分析</text>
</view>
<view class="cell-content data-v-b2dfd9ff">
<view class="cell data-v-b2dfd9ff">
<view class="title data-v-b2dfd9ff">截止日期</view>
<view class="value data-v-b2dfd9ff">{{d}}</view>
</view>
<view class="cell data-v-b2dfd9ff">
<view class="title data-v-b2dfd9ff">预计里程</view>
<view class="value data-v-b2dfd9ff">{{e}}~{{f}}公里 </view>
</view>
</view>
</view>
<view class="card data-v-b2dfd9ff">
<view class="card-title data-v-b2dfd9ff">
<image
class="icon-title data-v-b2dfd9ff"
src="/static/images/icon_title.png"
></image>
<text class="data-v-b2dfd9ff">行驶里程统计</text>
</view>
<view class="mile-content data-v-b2dfd9ff">
<view class="mile-item data-v-b2dfd9ff">
<view class="date-title data-v-b2dfd9ff">日期</view>
<view class="mile-title data-v-b2dfd9ff">里程(公里)</view>
</view>
<view
class="{{['mile-item','data-v-b2dfd9ff',item.d&&'selected']}}"
wx:for="{{g}}"
wx:key="c"
>
<view class="date data-v-b2dfd9ff">{{item.a}}</view>
<view class="mile data-v-b2dfd9ff">{{item.b}}</view>
</view>
</view>
</view>
<view class="card data-v-b2dfd9ff">
<view class="card-title data-v-b2dfd9ff">
<image
class="icon-title data-v-b2dfd9ff"
src="/static/images/icon_title.png"
></image>
<text class="data-v-b2dfd9ff">维修保养记录</text>
</view>
<view class="record-content data-v-b2dfd9ff">
<time-line
bind:__l="__l"
class="data-v-b2dfd9ff"
uI="b2dfd9ff-0"
uP="{{h}}"
wx:if="{{h}}"
></time-line>
</view>
</view>
<view class="card data-v-b2dfd9ff">
<view class="card-title data-v-b2dfd9ff">
<image
class="icon-title data-v-b2dfd9ff"
src="/static/images/icon_title.png"
></image>
<text class="data-v-b2dfd9ff">免责声明</text>
</view>
<view class="disclaimer data-v-b2dfd9ff">{{i}}</view>
</view>
<divider bind:__l="__l" class="data-v-b2dfd9ff" uI="b2dfd9ff-1"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-b2dfd9ff"
uI="b2dfd9ff-2"
uP="{{j}}"
wx:if="{{j}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-b2dfd9ff"
uI="b2dfd9ff-3"
></float-share>
</view>

154
pages/insurance-maintain-detail/index.wxss Normal file
View File

@@ -0,0 +1,154 @@
.content.data-v-b2dfd9ff {
padding: 30rpx;
}
.content .background.data-v-b2dfd9ff {
background: linear-gradient(180deg, #1f68e9, #fff);
height: 1500rpx;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.content .content-title.data-v-b2dfd9ff {
border-bottom: 1rpx solid #74a8e6;
color: #fff;
font-size: 66rpx;
padding-bottom: 20rpx;
text-align: center;
}
.content .sub-title.data-v-b2dfd9ff {
color: #fff;
font-size: 26rpx;
margin-top: 20rpx;
text-align: center;
}
.content .order-detail.data-v-b2dfd9ff {
color: #fff;
font-size: 28rpx;
margin-top: 50rpx;
}
.content .order-detail .detail-item.data-v-b2dfd9ff {
align-items: center;
display: -webkit-flex;
display: flex;
margin: 15rpx 0;
}
.content .order-detail .detail-item .label.data-v-b2dfd9ff {
width: 170rpx;
}
.content .order-detail .detail-item .value.data-v-b2dfd9ff {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 510rpx;
}
.content .card.data-v-b2dfd9ff {
background-color: #fff;
border-radius: 10rpx;
margin: 30rpx 0;
padding: 30rpx;
}
.content .card .card-title.data-v-b2dfd9ff {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .card .card-title .icon-title.data-v-b2dfd9ff {
height: 30rpx;
margin-right: 10rpx;
width: 34rpx;
}
.content .card .card-title .suffix.data-v-b2dfd9ff {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .card .card-title .suffix image.data-v-b2dfd9ff {
height: 30rpx;
margin-left: 30rpx;
width: 30rpx;
}
.content .card .card-title .suffix text.data-v-b2dfd9ff {
color: #9a9a9a;
font-size: 3028rpxrpx;
margin-left: 8rpx;
}
.content .card .card-title image.data-v-b2dfd9ff {
flex-shrink: 0;
}
.content .card .card-title text.data-v-b2dfd9ff {
color: #1f68e9;
flex-grow: 1;
font-size: 32rpx;
}
.content .cell-content.data-v-b2dfd9ff {
background-color: #fff;
border-radius: 10rpx;
margin-top: 20rpx;
position: relative;
}
.content .cell-content .cell.data-v-b2dfd9ff {
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 15rpx;
}
.content .cell-content .cell .title.data-v-b2dfd9ff {
color: #333;
flex-shrink: 0;
font-size: 30rpx;
padding-left: 5rpx;
position: relative;
}
.content .cell-content .cell .value.data-v-b2dfd9ff {
color: #686868;
font-size: 30rpx;
max-width: 450rpx;
padding-right: 5rpx;
}
.content .mile-content.data-v-b2dfd9ff {
background-color: #fff;
margin-top: 20rpx;
}
.content .mile-content .mile-item.data-v-b2dfd9ff {
border-left: 2rpx solid #ebeef5;
border-right: 2rpx solid #ebeef5;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
width: 100%;
}
.content .mile-content .mile-item.data-v-b2dfd9ff:last-child {
border-bottom: 2rpx solid #ebeef5;
}
.content .mile-content .mile-item.selected.data-v-b2dfd9ff {
background: #fafafa;
border-bottom: 2rpx solid #ebeef5;
border-top: 2rpx solid #ebeef5;
}
.content .mile-content .mile-item .date-title.data-v-b2dfd9ff,
.content .mile-content .mile-item .mile-title.data-v-b2dfd9ff {
background-color: #f2f2f2;
border-bottom: 2rpx solid #ebeef5;
border-top: 2rpx solid #ebeef5;
font-weight: 700;
}
.content .mile-content .mile-item .date-title.data-v-b2dfd9ff,
.content .mile-content .mile-item .date.data-v-b2dfd9ff,
.content .mile-content .mile-item .mile-title.data-v-b2dfd9ff,
.content .mile-content .mile-item .mile.data-v-b2dfd9ff {
padding: 15rpx 0;
text-align: center;
width: 50%;
}
.content .record-content.data-v-b2dfd9ff {
background-color: #fff;
border-radius: 10rpx;
}
.content .disclaimer.data-v-b2dfd9ff {
color: #333;
font-size: 30rpx;
padding: 20rpx 0;
}

300
pages/order-confirm/index.js Normal file
View File

@@ -0,0 +1,300 @@
var e = require("../../common/vendor.js"),
u = require("../../hooks/onMounted.js"),
r = require("../../hooks/onShareAppMessage.js"),
n = require("../../hooks/useState.js"),
i = require("../../enums/index.js"),
o = require("../../service/index.js"),
t = require("../../utils/util.js"),
c = require("../../utils/common.js"),
a = require("../../utils/navigate.js");
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
require("../../utils/request.js"),
Array || e.resolveComponent("uni-countdown")();
Math ||
(
e.unref(p) +
function () {
return "../../uni_modules/uni-countdown/components/uni-countdown/uni-countdown.js";
} +
e.unref(d)
)();
var d = function () {
return "../../components/divider/index.js";
},
p = function () {
return "../../components/vehicle-number/index.js";
},
l = {
__name: "index",
setup: function (d) {
var p = n.useState(),
l = p.insuranceMaintainProduct,
v = p.accidentProduct,
m = p.vehicleFiveProduct,
E = p.saliProduct,
_ = p.saliCheckProduct,
y = p.commercialInsuranceProduct,
f = p.violationProduct,
s = p.vehicleStatusProduct,
N = e.ref(!0),
T = e.ref(null),
A = e.ref(i.QueryTypeEnum.VIN),
P = e.ref("02"),
I = e.ref(""),
C = e.ref(""),
L = e.ref({}),
g = e.ref(null),
S = e.ref([]),
h = e.ref(0),
x = function () {
var e = new Date().getHours();
return e >= 9 && e <= 21;
},
M = function (e) {
h.value = Number(e.detail.value);
},
b = function (e) {
g.value = e.detail.value;
},
V = function () {
var e = S.value[h.value],
u = {
product: null,
money: null,
vin: null,
car_no: null,
type: null,
};
(u.product = e.product_id),
(u.money = Number((100 * Number(e.price)).toFixed(2))),
(u.vin = I.value),
(u.car_no = C.value),
(u.type = P.value),
(u.payMethod = g.value),
A.value === i.QueryTypeEnum.VIN && (u.car_no = null),
A.value === i.QueryTypeEnum.VEHICLE_NO && (u.vin = null),
T.value !== i.ProductTypeEnum.SALI_CHECK && (u.type = null),
e.product_id === i.ProductTypeEnum.OVERALL &&
(u.product = [l.value.product_id, v.value.product_id].join(",")),
t.showLoading("支付中"),
o.createOrder(u).then(function (e) {
c.payForOrder({ payMethod: g.value, data: e })
.then(function (e) {
var u = e.orderNo;
a.redirectTo({
url: "/pages/pay-success/index",
params: { orderNo: u },
});
})
.catch(function (e) {
var u = e.orderNo;
a.redirectTo({
url: "/pages/pay-fail/index",
params: { orderNo: u },
});
});
});
};
return (
u.onMounted(function (u) {
(T.value = u.productType),
(A.value = u.queryType),
(P.value = u.vehicleType),
(I.value = u.vin),
(C.value = u.vehicleNo),
c.isSupportWeChatPay()
? (g.value = i.PayMethodEnum.WECHAT_PAY)
: c.isSupportAliPay()
? (g.value = i.PayMethodEnum.ALI_PAY)
: (g.value = null),
(T.value != i.ProductTypeEnum.OVERALL &&
T.value != i.ProductTypeEnum.INSURANCE_MAINTAIN &&
T.value != i.ProductTypeEnum.ACCIDENT) ||
((S.value = [
{
product_id: i.ProductTypeEnum.OVERALL,
origin_price: (
Number(l.value.origin_price) + Number(v.value.origin_price)
).toFixed(2),
price: (
Number(l.value.price) +
Number(v.value.price) -
10
).toFixed(2),
product_name: "综合车况",
product_desc: "维保、出险一起查，全面还原真实车况",
recommend: !0,
},
l.value,
v.value,
]),
T.value == i.ProductTypeEnum.OVERALL && (h.value = 0),
T.value == i.ProductTypeEnum.INSURANCE_MAINTAIN && (h.value = 1),
T.value == i.ProductTypeEnum.ACCIDENT && (h.value = 2)),
(T.value != i.ProductTypeEnum.SALI &&
T.value != i.ProductTypeEnum.COMMERICAL_INSURANCE) ||
((S.value = [y.value, E.value]),
T.value == i.ProductTypeEnum.COMMERICAL_INSURANCE &&
(h.value = 0),
T.value == i.ProductTypeEnum.SALI && (h.value = 1)),
T.value == i.ProductTypeEnum.SALI_CHECK && (S.value = [_.value]),
T.value == i.ProductTypeEnum.VEHICLE_FIVE && (S.value = [m.value]),
T.value == i.ProductTypeEnum.VIOLATION && (S.value = [f.value]),
T.value == i.ProductTypeEnum.VEHICLE_STATUS &&
(S.value = [s.value]),
Promise.resolve().then(function () {
o.getPriceList({
vin: A.value === i.QueryTypeEnum.VIN ? I.value : "",
}).then(function (u) {
if (u) {
var r = e._.find(u, function (e) {
return (
e.product_id === i.ProductTypeEnum.INSURANCE_MAINTAIN
);
}),
n = e._.find(u, function (e) {
return e.product_id === i.ProductTypeEnum.ACCIDENT;
}),
o = e._.find(u, function (e) {
return e.product_id === i.ProductTypeEnum.VEHICLE_FIVE;
}),
c = e._.find(u, function (e) {
return (
e.product_id === i.ProductTypeEnum.COMMERICAL_INSURANCE
);
}),
a = e._.find(u, function (e) {
return e.product_id === i.ProductTypeEnum.SALI;
}),
d = e._.find(u, function (e) {
return e.product_id === i.ProductTypeEnum.VEHICLE_STATUS;
}),
p = e._.cloneDeep(S.value);
e._.each(p, function (e) {
e.product_id === i.ProductTypeEnum.OVERALL &&
((e.origin_price = (
Number(r.origin_price) + Number(n.origin_price)
).toFixed(2)),
(e.price = (
Number(r.price) +
Number(n.price) -
10
).toFixed(2))),
e.product_id === i.ProductTypeEnum.INSURANCE_MAINTAIN &&
((e.origin_price = Number(r.origin_price).toFixed(2)),
(e.price = Number(r.price).toFixed(2))),
e.product_id === i.ProductTypeEnum.ACCIDENT &&
((e.origin_price = Number(n.origin_price).toFixed(2)),
(e.price = Number(n.price).toFixed(2))),
e.product_id === i.ProductTypeEnum.VEHICLE_FIVE &&
((e.origin_price = Number(o.origin_price).toFixed(2)),
(e.price = Number(o.price).toFixed(2))),
e.product_id === i.ProductTypeEnum.COMMERICAL_INSURANCE &&
((e.origin_price = Number(c.origin_price).toFixed(2)),
(e.price = Number(c.price).toFixed(2))),
e.product_id === i.ProductTypeEnum.SALI &&
((e.origin_price = Number(a.origin_price).toFixed(2)),
(e.price = Number(a.price).toFixed(2))),
e.product_id === i.ProductTypeEnum.VEHICLE_STATUS &&
((e.origin_price = Number(d.origin_price).toFixed(2)),
(e.price = Number(d.price).toFixed(2)));
}),
(S.value = p);
}
(N.value = !1), t.hideLoading();
});
});
}),
r.onShareAppMessage(),
function (u, r) {
return e.e(
{ a: !N.value },
N.value
? {}
: e.e(
{
b: A.value === e.unref(i.QueryTypeEnum).VIN && L.value.name,
},
A.value === e.unref(i.QueryTypeEnum).VIN && L.value.name
? {
c: L.value.logo,
d: e.t(L.value.name),
e: e.t(L.value.vin),
}
: e.e(
{ f: A.value === e.unref(i.QueryTypeEnum).VEHICLE_NO },
A.value === e.unref(i.QueryTypeEnum).VEHICLE_NO
? { g: e.p({ data: C.value, "font-size": "32rpx" }) }
: {},
{ h: A.value === e.unref(i.QueryTypeEnum).VIN },
A.value === e.unref(i.QueryTypeEnum).VIN
? { i: e.t(I.value) }
: {}
),
{
j: e.f(S.value, function (u, r, n) {
return e.e(
{ a: e.t(u.product_name), b: u.recommend },
(u.recommend, {}),
{
c: e.t(u.origin_price),
d: e.t(u.price),
e: e.t(u.product_desc),
f: h.value === r ? 1 : "",
g: r,
h: h.value === r,
i: r,
}
);
}),
k: e.o(M),
l: !x(),
},
(x(), {}),
{
m:
T.value == e.unref(i.ProductTypeEnum).SALI ||
T.value ==
e.unref(i.ProductTypeEnum).COMMERICAL_INSURANCE,
},
(T.value == e.unref(i.ProductTypeEnum).SALI ||
(T.value, e.unref(i.ProductTypeEnum).COMMERICAL_INSURANCE),
{}),
{
n: e.p({
minute: 10,
"font-size": 28,
color: "#ffffff",
"splitor-color": "#FA5E29",
"background-color": "#FA5E29",
}),
o: e.t(
S.value[h.value].origin_price - S.value[h.value].price
),
p: e.unref(c.isSupportWeChatPay)(),
},
e.unref(c.isSupportWeChatPay)()
? {
q: e.unref(i.PayMethodEnum).WECHAT_PAY,
r: g.value === e.unref(i.PayMethodEnum).WECHAT_PAY,
}
: {},
{ s: e.unref(c.isSupportAliPay)() },
e.unref(c.isSupportAliPay)()
? {
t: e.unref(i.PayMethodEnum).ALI_PAY,
v: g.value === e.unref(i.PayMethodEnum).ALI_PAY,
}
: {},
{ w: e.o(b), x: e.t(S.value[h.value].price), y: e.o(V) }
)
);
}
);
},
},
v = e._export_sfc(l, [["__scopeId", "data-v-0986fd70"]]);
(l.__runtimeHooks = 2), wx.createPage(v);

8
pages/order-confirm/index.json Normal file
View File

@@ -0,0 +1,8 @@
{
"navigationBarTitleText": "订单确认",
"usingComponents": {
"uni-countdown": "../../uni_modules/uni-countdown/components/uni-countdown/uni-countdown",
"divider": "../../components/divider/index",
"vehicle-number": "../../components/vehicle-number/index"
}
}

160
pages/order-confirm/index.wxml Normal file
View File

@@ -0,0 +1,160 @@
<view class="content data-v-0986fd70" wx:if="{{a}}">
<view class="header data-v-0986fd70">
<view class="header-content data-v-0986fd70">
<view class="vehicle-info data-v-0986fd70" wx:if="{{b}}">
<image class="logo data-v-0986fd70" src="{{c}}"></image>
<view class="right-content data-v-0986fd70">
<view class="desc data-v-0986fd70" style="font-weight: bold"
>车型：{{d}}</view
>
<view class="desc data-v-0986fd70">VIN ：{{e}}</view>
</view>
</view>
<block wx:else>
<image class="car data-v-0986fd70" src="/static/images/car.jpg"></image>
<view class="desc data-v-0986fd70">
<block wx:if="{{f}}">
<text class="data-v-0986fd70" style="margin-right: 10rpx"
>车牌:
</text>
<vehicle-number
bind:__l="__l"
class="data-v-0986fd70"
uI="0986fd70-0"
uP="{{g}}"
wx:if="{{g}}"
></vehicle-number>
</block>
<block wx:if="{{h}}">
<text class="data-v-0986fd70" style="margin-right: 10rpx"
>VIN:
</text>
<text class="data-v-0986fd70" style="color: #1f68e9">{{i}}</text>
</block>
</view>
</block>
</view>
<view class="tips-info data-v-0986fd70">
<view class="left-content data-v-0986fd70">
<image
class="data-v-0986fd70"
src="/static/svgs/icon_shield.svg"
></image>
<text class="data-v-0986fd70">真实数据</text>
</view>
<view class="right-content data-v-0986fd70">全面还原真实车况</view>
</view>
</view>
<view class="wrap data-v-0986fd70">
<view class="title data-v-0986fd70">请确认您购买的产品</view>
<view class="product-list data-v-0986fd70">
<radio-group bindchange="{{k}}" class="product-group data-v-0986fd70">
<label class="data-v-0986fd70" wx:for="{{j}}" wx:key="i">
<view class="{{['product','data-v-0986fd70',item.f&&'selected']}}">
<view class="top data-v-0986fd70">
<view class="product-name data-v-0986fd70">
<view class="data-v-0986fd70">{{item.a}}</view>
<view class="recommend data-v-0986fd70" wx:if="{{item.b}}"
>推荐</view
>
</view>
<view class="product-price data-v-0986fd70">
<view class="origin data-v-0986fd70">原价:￥{{item.c}}</view>
<view class="data-v-0986fd70">￥{{item.d}}</view>
</view>
</view>
<view class="product-desc data-v-0986fd70">{{item.e}}</view>
</view>
<radio
checked="{{item.h}}"
class="data-v-0986fd70"
color="#FA5E29"
value="{{item.g}}"
></radio>
</label>
</radio-group>
</view>
<view class="notice data-v-0986fd70" wx:if="{{l}}">
报告处理时间为9点-22点，22点后次日处理。18点以后，部分订单会在第二天早上9点后收到查询结果。
</view>
</view>
<view class="wrap data-v-0986fd70" wx:if="{{m}}">
<view class="title data-v-0986fd70">购买须知</view>
<view class="tips data-v-0986fd70">
通过车架号，查询车辆当前车险信息（不支持往年车险），存在以下两种情况:
<view class="data-v-0986fd70"></view> 1.
如果车辆正常在保：有保险公司名称、起保日期、终保日期等信息。
<view class="data-v-0986fd70"></view> 2.
如果车辆已经脱保：则不会有上述信息。
<view class="data-v-0986fd70"></view>
请购买之前认真阅读，一旦报告结果查出，概不退款。
</view>
</view>
<view class="coupon data-v-0986fd70">
<view class="top data-v-0986fd70">
<image
class="data-v-0986fd70"
src="/static/images/icon_coupon.png"
></image>
<text class="data-v-0986fd70">限时优惠</text>
</view>
<view class="coupon-content data-v-0986fd70">
<view class="count-down data-v-0986fd70">
<uni-countdown
bind:__l="__l"
class="data-v-0986fd70"
uI="0986fd70-1"
uP="{{n}}"
wx:if="{{n}}"
></uni-countdown>
</view>
<view class="price data-v-0986fd70">￥{{o}}</view>
</view>
</view>
<view class="wrap data-v-0986fd70">
<view class="title data-v-0986fd70">支付方式</view>
<radio-group bindchange="{{w}}" class="pay-group data-v-0986fd70">
<label class="data-v-0986fd70" wx:if="{{p}}">
<image
class="data-v-0986fd70"
src="/static/images/logo_wechat.png"
></image>
<text class="pay-name data-v-0986fd70">微信支付</text>
<radio
checked="{{r}}"
class="data-v-0986fd70"
color="#FA5E29"
value="{{q}}"
></radio>
</label>
<label class="data-v-0986fd70" wx:if="{{s}}">
<image
class="data-v-0986fd70"
src="/static/images/logo_alipay.png"
></image>
<text class="pay-name data-v-0986fd70">支付宝支付</text>
<radio
checked="{{v}}"
class="data-v-0986fd70"
color="#FA5E29"
value="{{t}}"
></radio>
</label>
</radio-group>
</view>
<divider bind:__l="__l" class="data-v-0986fd70" uI="0986fd70-2"></divider>
<view class="pay-content data-v-0986fd70">
<view class="price data-v-0986fd70">
<view class="label data-v-0986fd70">实付：</view>
<view class="amount data-v-0986fd70">￥{{x}}</view>
</view>
<view
bindtap="{{y}}"
class="button data-v-0986fd70"
hoverClass="default-hover-class"
hoverStayTime="100"
>
确认购买
</view>
</view>
</view>

305
pages/order-confirm/index.wxss Normal file
View File

@@ -0,0 +1,305 @@
.content.data-v-0986fd70 {
padding: 30rpx 30rpx 180rpx;
}
.content .title.data-v-0986fd70 {
border-bottom: 2rpx solid #f2f2f2;
color: #444;
font-size: 32rpx;
font-weight: 700;
padding-bottom: 30rpx;
}
.content .header.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 30rpx;
}
.content .header .header-content.data-v-0986fd70 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
padding-bottom: 30rpx;
}
.content .header .header-content .car.data-v-0986fd70 {
height: 70rpx;
margin-right: 20rpx;
width: 152rpx;
}
.content .header .header-content .vehicle-number.data-v-0986fd70 {
height: 90rpx;
margin-right: 20rpx;
width: 90rpx;
}
.content .header .header-content .desc.data-v-0986fd70 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin-left: 20rpx;
}
.content .header .header-content .vehicle-info.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
width: 100%;
}
.content .header .header-content .vehicle-info .logo.data-v-0986fd70 {
flex-shrink: 0;
height: 120rpx;
width: 120rpx;
}
.content .header .header-content .vehicle-info .right-content.data-v-0986fd70 {
margin-left: 30rpx;
}
.content
.header
.header-content
.vehicle-info
.right-content
.desc.data-v-0986fd70 {
font-size: 28rpx;
margin: 12rpx 0;
}
.content .header .tips-info.data-v-0986fd70 {
justify-content: space-between;
margin-top: 30rpx;
}
.content .header .tips-info .left-content.data-v-0986fd70,
.content .header .tips-info.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .header .tips-info .left-content image.data-v-0986fd70 {
height: 40rpx;
width: 40rpx;
}
.content .header .tips-info .left-content text.data-v-0986fd70 {
font-size: 28rpx;
margin-left: 5rpx;
}
.content .header .tips-info .right-content.data-v-0986fd70 {
color: #9a9a9a;
font-size: 28rpx;
}
.content .wrap.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
margin-top: 30rpx;
padding: 30rpx;
}
.content .wrap radio.data-v-0986fd70 {
flex-shrink: 0;
transform: scale(0.8);
}
.content .wrap .product-group label.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 25rpx 0;
width: 100%;
}
.content .wrap .product-group label .product.data-v-0986fd70 {
border: 1rpx solid #f2f2f2;
border-radius: 10rpx;
flex-grow: 1;
margin-right: 20rpx;
padding: 30rpx;
}
.content .wrap .product-group label .product.selected.data-v-0986fd70 {
background-color: rgba(250, 93, 41, 0.03);
border-color: #fa5e29;
}
.content .wrap .product-group label .product .top.data-v-0986fd70 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
font-weight: 700;
justify-content: space-between;
}
.content
.wrap
.product-group
label
.product
.top
.product-name.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
position: relative;
}
.content
.wrap
.product-group
label
.product
.top
.product-name
.recommend.data-v-0986fd70 {
background-color: #21252c;
border-bottom-right-radius: 10rpx;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
color: #dadbad;
font-size: 24rpx;
padding: 0 4rpx;
position: absolute;
right: -60rpx;
top: -10rpx;
}
.content
.wrap
.product-group
label
.product
.top
.product-price.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content
.wrap
.product-group
label
.product
.top
.product-price
.origin.data-v-0986fd70 {
color: #d71714;
font-size: 24rpx;
text-decoration: line-through;
}
.content .wrap .product-group label .product-desc.data-v-0986fd70 {
color: #5f5f5f;
font-size: 26rpx;
margin: 10rpx 0;
}
.content .wrap .pay-group.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
font-size: 32rpx;
}
.content .wrap .pay-group label.data-v-0986fd70 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 40rpx 0;
width: 100%;
}
.content .wrap .pay-group label image.data-v-0986fd70 {
flex-shrink: 0;
height: 56rpx;
margin-left: 10rpx;
width: 56rpx;
}
.content .wrap .pay-group label text.data-v-0986fd70 {
flex-grow: 1;
font-size: 30rpx;
margin-left: 30rpx;
}
.content .wrap .notice.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
color: #ff7b00;
font-size: 26rpx;
}
.content .wrap .tips.data-v-0986fd70 {
font-size: 28rpx;
line-height: 1.5;
padding: 20rpx 0;
}
.content .coupon.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
height: 220rpx;
margin-top: 30rpx;
padding: 10rpx 30rpx;
}
.content .coupon .top.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
height: 60rpx;
}
.content .coupon .top image.data-v-0986fd70 {
height: 50rpx;
margin-right: 10rpx;
width: 50rpx;
}
.content .coupon .top text.data-v-0986fd70 {
color: #e83319;
font-size: 30rpx;
font-weight: 700;
}
.content .coupon-content.data-v-0986fd70 {
align-items: center;
background-color: rgba(250, 93, 41, 0.027);
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
height: 110rpx;
justify-content: space-between;
margin-top: 10rpx;
padding: 0 30rpx;
position: relative;
}
.content .coupon-content .price.data-v-0986fd70 {
color: #fa5e29;
font-size: 40rpx;
font-weight: 700;
}
.content .pay-content.data-v-0986fd70 {
align-items: center;
background: #fff;
border-top: 1rpx solid #d2d2d2;
bottom: 0;
display: -webkit-flex;
display: flex;
height: 150rpx;
justify-content: space-between;
left: 0;
padding: 0 50rpx;
position: fixed;
width: 100%;
z-index: 99;
}
.content .pay-content .price.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
font-weight: 700;
}
.content .pay-content .price .label.data-v-0986fd70 {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .pay-content .price .amount.data-v-0986fd70 {
color: #fa5e29;
font-size: 40rpx;
}
.content .pay-content .button.data-v-0986fd70 {
align-items: center;
background: linear-gradient(90deg, #fc8633, #fa5e29);
border-radius: 100rpx;
color: #fff;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
font-weight: 700;
height: 65rpx;
justify-content: center;
width: 180rpx;
}

429
pages/order-detail/index.js Normal file
View File

@@ -0,0 +1,429 @@
var u = require("../../common/vendor.js"),
e = require("../../hooks/onMounted.js"),
t = require("../../hooks/onShareAppMessage.js"),
n = require("../../service/index.js"),
r = require("../../enums/index.js"),
a = require("../../config/index.js"),
o = require("../../utils/util.js"),
s = require("../../utils/navigate.js"),
i = require("../../utils/common.js"),
d = require("../../utils/vin.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
require("../../utils/request.js"),
require("../../constant/index.js"),
Array || u.resolveComponent("uni-load-more")();
Math ||
(
u.unref(v) +
function () {
return "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js";
} +
u.unref(f) +
u.unref(p) +
u.unref(c) +
u.unref(l)
)();
var c = function () {
return "../../components/popup-upload-tips/index.js";
},
l = function () {
return "../../components/popup-pay-again/index.js";
},
f = function () {
return "../../components/float-refresh/index.js";
},
v = function () {
return "../../components/vehicle-number/index.js";
},
p = function () {
return "../../components/popup-modify-vin/index.js";
},
E = {
__name: "index",
setup: function (c) {
var l = u.ref(!0),
f = u.ref(""),
v = u.ref(""),
p = u.ref({}),
E = u.ref(!1),
m = u.ref(!1),
I = u.ref(!1),
N = function () {
var u = E.value || m.value || I.value;
return "height: 100%; overflow: "
.concat(u ? "hidden" : "visible", "; position: ")
.concat(u ? "fixed" : "relative");
},
S = function () {
return u._.find(p.value.productList, function (u) {
return u.status === r.ProductStatusEnum.TO_BE_UPLOADED;
});
},
_ = function () {
var e = !1;
return (
!u._.find(p.value.productList, function (u) {
return (
u.product_id !== r.ProductTypeEnum.INSURANCE_MAINTAIN &&
u.product_id !== r.ProductTypeEnum.ACCIDENT
);
}) &&
p.value.vin &&
(p.value.status === r.OrderStatusEnum.UNPAID && (e = !0),
u._.find(p.value.productList, function (u) {
return u.status === r.ProductStatusEnum.TO_BE_UPLOADED;
}) && (e = !0)),
e
);
},
P = function () {
u.index.setClipboardData({ data: v.value }).then(function () {
o.showToast("订单编号已复制");
});
},
O = function () {
u.index.setClipboardData({ data: p.value.vin }).then(function () {
o.showToast("VIN车架号已复制");
});
},
T = function (u) {
var e = u.order_no,
t = u.product_id,
n = u.status;
i.openReport({ orderNo: e, productId: t, status: n });
},
A = function () {
o.showToast("已经帮您催了，请耐心等待一会儿...");
},
h = function () {
i.queryWithoutDrivingLicense({ orderNo: v.value }).then(function () {
s.redirectTo({ url: "/pages/upload-success/index" });
});
},
y = function () {
m.value = !1;
},
D = function () {
x(r.PayMethodEnum.WECHAT_PAY);
},
C = function () {
I.value = !1;
},
g = function (u) {
x(u), (I.value = !1);
},
x = function (u) {
o.showLoading("支付中"),
n
.payOrderAgain({ payMethod: u, order_no: v.value })
.then(function (e) {
i.payForOrder({ payMethod: u, data: e })
.then(function (u) {
var e = u.orderNo;
s.redirectTo({
url: "/pages/pay-success/index",
params: { orderNo: e },
});
})
.catch(function (u) {
var e = u.orderNo;
s.redirectTo({
url: "/pages/pay-fail/index",
params: { orderNo: e },
});
});
});
},
L = function () {
E.value = !0;
},
U = function () {
E.value = !1;
},
j = function (u) {
0 !== u.length
? u.length < 17
? o.showToast("请输入完整的VIN车架号")
: d.validateVIN(u)
? i.modifyVin({ orderNo: v.value, vin: u }).then(function () {
setTimeout(function () {
return R();
}, 500);
})
: o.showToast("车架号有误，请检查后重新输入")
: o.showToast("请输入VIN车架号");
},
M = function (u) {
u.detail.path && switchTab({ url: u.detail.path });
},
R = function () {
(l.value = !0),
o.showLoading(),
n.getOrderDetail({ order_no: v.value }).then(function (u) {
(p.value = u), (l.value = !1), o.hideLoading();
});
};
return (
e.onMounted(function (e) {
u.index.$on("updateOrderDetail", function () {
return R();
}),
(v.value = e.orderNo),
(f.value = e.productName),
u.index.setNavigationBarTitle({
title: "".concat(e.productName, "-订单信息"),
}),
R();
}, !1),
t.onShareAppMessage(),
function (e, t) {
return u.e(
{ a: N(), b: !l.value },
l.value
? {}
: u.e(
{
c:
p.value.carBrand &&
(p.value.carBrand.logo || p.value.carBrand.name),
},
p.value.carBrand &&
(p.value.carBrand.logo || p.value.carBrand.name)
? {
d: p.value.carBrand.logo,
e: u.t(p.value.carBrand.name),
}
: {},
{ f: u.t(p.value.order_no), g: u.o(P), h: p.value.car_no },
p.value.car_no ? { i: u.p({ data: p.value.car_no }) } : {},
{ j: p.value.vin },
p.value.vin ? { k: u.t(p.value.vin), l: u.o(O) } : {},
{ m: p.value.total_money },
p.value.total_money
? { n: u.t((p.value.total_money / 100).toFixed(2)) }
: {},
{ o: p.value.status === u.unref(r.OrderStatusEnum).UNPAID },
(p.value.status, u.unref(r.OrderStatusEnum).UNPAID, {}),
{ p: p.value.status === u.unref(r.OrderStatusEnum).PAID },
p.value.status === u.unref(r.OrderStatusEnum).PAID
? { q: u.t(u.unref(i.getOrderStatus)(p.value.productList)) }
: {},
{ r: p.value.status === u.unref(r.OrderStatusEnum).REFUND },
(p.value.status, u.unref(r.OrderStatusEnum).REFUND, {}),
{ s: p.value.status === u.unref(r.OrderStatusEnum).COMPLETE },
(p.value.status, u.unref(r.OrderStatusEnum).COMPLETE, {}),
{
t: u.t(p.value.create_time),
v:
(p.value.status === u.unref(r.OrderStatusEnum).PAID ||
p.value.status ===
u.unref(r.OrderStatusEnum).COMPLETE) &&
p.value.payInfo,
},
(p.value.status !== u.unref(r.OrderStatusEnum).PAID &&
p.value.status !== u.unref(r.OrderStatusEnum).COMPLETE) ||
!p.value.payInfo
? {}
: { w: u.t(p.value.payInfo.update_time) },
{
x:
(p.value.status === u.unref(r.OrderStatusEnum).PAID ||
p.value.status ===
u.unref(r.OrderStatusEnum).COMPLETE) &&
p.value.payInfo,
},
(p.value.status !== u.unref(r.OrderStatusEnum).PAID &&
p.value.status !== u.unref(r.OrderStatusEnum).COMPLETE) ||
!p.value.payInfo
? {}
: { y: u.t(p.value.payInfo.trade_no) },
{
z:
(p.value.status === u.unref(r.OrderStatusEnum).PAID ||
p.value.status ===
u.unref(r.OrderStatusEnum).COMPLETE) &&
p.value.payInfo,
},
(p.value.status !== u.unref(r.OrderStatusEnum).PAID &&
p.value.status !== u.unref(r.OrderStatusEnum).COMPLETE) ||
!p.value.payInfo
? {}
: u.e(
{ A: [1, 2].indexOf(p.value.payInfo.source_from) > -1 },
([1, 2].indexOf(p.value.payInfo.source_from), {}),
{ B: 3 === p.value.payInfo.source_from },
(p.value.payInfo.source_from, {})
),
{ C: p.value.productList },
p.value.productList
? {
D: u.f(p.value.productList, function (e, t, n) {
return u.e(
{
a: u.t(
u.unref(i.getProduct)(e.product_id).product_name
),
b: u.t(
u.unref(i.getProduct)(e.product_id).product_desc
),
c:
p.value.status !==
u.unref(r.OrderStatusEnum).REFUND &&
e.status ===
u.unref(r.ProductStatusEnum).IN_QUERY,
},
p.value.status !==
u.unref(r.OrderStatusEnum).REFUND &&
e.status === u.unref(r.ProductStatusEnum).IN_QUERY
? {
d: "b85a2168-1-" + n,
e: u.p({
iconType: "snow",
iconSize: 20,
status: "loading",
showText: !1,
}),
}
: {},
p.value.status !== u.unref(r.OrderStatusEnum).REFUND
? u.e(
{
f:
e.status ===
u.unref(r.ProductStatusEnum).SUCCESS,
},
e.status ===
u.unref(r.ProductStatusEnum).SUCCESS
? {
g: u.o(function (u) {
return T(e);
}, e.id),
}
: {},
{
h:
e.status ===
u.unref(r.ProductStatusEnum).FAIL &&
(e.product_id ==
u.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN ||
e.product_id ===
u.unref(r.ProductTypeEnum).ACCIDENT),
},
e.status !==
u.unref(r.ProductStatusEnum).FAIL ||
(e.product_id !=
u.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
e.product_id !==
u.unref(r.ProductTypeEnum).ACCIDENT)
? {}
: {
i: u.o(function (u) {
return T(e);
}, e.id),
},
{
j:
e.status ===
u.unref(r.ProductStatusEnum).IN_QUERY,
},
e.status ===
u.unref(r.ProductStatusEnum).IN_QUERY
? { k: u.o(A, e.id) }
: {},
{
l:
e.status ===
u.unref(r.ProductStatusEnum).FAIL &&
e.product_id !==
u.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
e.product_id !==
u.unref(r.ProductTypeEnum).ACCIDENT,
},
(e.status ===
u.unref(r.ProductStatusEnum).FAIL &&
e.product_id !==
u.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
(e.product_id,
u.unref(r.ProductTypeEnum).ACCIDENT),
{})
)
: {},
{ m: e.id }
);
}),
E: p.value.status !== u.unref(r.OrderStatusEnum).REFUND,
}
: {},
{ F: p.value.status !== u.unref(r.OrderStatusEnum).REFUND },
p.value.status !== u.unref(r.OrderStatusEnum).REFUND
? u.e(
{ G: S() },
S()
? u.e(
{ H: p.value.vin },
p.value.vin
? {
I: u.o(function (u) {
return e.product, void (m.value = !0);
}),
}
: {},
{
J: u.o(function (u) {
return (
e.product,
void i
.chooseDrivingLicense({
orderNo: v.value,
})
.then(function () {
s.redirectTo({
url: "/pages/upload-success/index",
});
})
);
}),
}
)
: {},
{ K: _() },
_() ? { L: u.o(L) } : {},
{
M:
p.value.status ===
u.unref(r.OrderStatusEnum).UNPAID,
},
p.value.status === u.unref(r.OrderStatusEnum).UNPAID
? { N: u.o(D) }
: {}
)
: {},
{
O: u.unref(a.appName),
P: u.o(M),
Q: u.o(R),
R: u.p({ loading: l.value }),
S: u.o(U),
T: u.o(j),
U: u.p({ visible: E.value, "copy-vin": p.value.vin }),
V: u.o(y),
W: u.o(h),
X: u.p({ visible: m.value }),
Y: u.o(C),
Z: u.o(g),
aa: u.p({ visible: I.value }),
}
)
);
}
);
},
},
m = u._export_sfc(E, [["__scopeId", "data-v-b85a2168"]]);
(E.__runtimeHooks = 2), wx.createPage(m);

10
pages/order-detail/index.json Normal file
View File

@@ -0,0 +1,10 @@
{
"usingComponents": {
"uni-load-more": "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more",
"popup-upload-tips": "../../components/popup-upload-tips/index",
"popup-pay-again": "../../components/popup-pay-again/index",
"float-refresh": "../../components/float-refresh/index",
"vehicle-number": "../../components/vehicle-number/index",
"popup-modify-vin": "../../components/popup-modify-vin/index"
}
}

220
pages/order-detail/index.wxml Normal file
View File

@@ -0,0 +1,220 @@
<page-meta class="data-v-b85a2168" pageStyle="{{a}}"></page-meta>
<view class="content data-v-b85a2168" wx:if="{{b}}">
<view class="module-title data-v-b85a2168">订单信息</view>
<view class="card data-v-b85a2168" style="padding: 10rpx 30rpx">
<view class="vehicle-info data-v-b85a2168" wx:if="{{c}}">
<image class="logo data-v-b85a2168" src="{{d}}"></image>
<view class="right-content data-v-b85a2168">
<view class="desc data-v-b85a2168" style="font-weight: bold"
>{{e}}</view
>
</view>
</view>
<view class="desc data-v-b85a2168">
<text class="label data-v-b85a2168">订单编号</text>
<text class="value data-v-b85a2168">
<text class="data-v-b85a2168">{{f}}</text>
<text bindtap="{{g}}" class="copy data-v-b85a2168">复制</text>
</text>
</view>
<view class="desc data-v-b85a2168" wx:if="{{h}}">
<text class="label data-v-b85a2168">车牌号码</text>
<vehicle-number
bind:__l="__l"
class="data-v-b85a2168"
uI="b85a2168-0"
uP="{{i}}"
wx:if="{{i}}"
></vehicle-number>
</view>
<view class="desc data-v-b85a2168" wx:if="{{j}}">
<text class="label data-v-b85a2168">VIN 号码</text>
<text class="value vin data-v-b85a2168">
<text class="data-v-b85a2168">{{k}}</text>
<text bindtap="{{l}}" class="copy data-v-b85a2168">复制</text>
</text>
</view>
<view class="desc data-v-b85a2168" wx:if="{{m}}">
<text class="label data-v-b85a2168">订单金额</text>
<text class="value data-v-b85a2168">￥{{n}}</text>
</view>
<view class="desc data-v-b85a2168">
<text class="label data-v-b85a2168">订单状态</text>
<text class="value data-v-b85a2168" wx:if="{{o}}">待付款</text>
<text class="value data-v-b85a2168" wx:if="{{p}}"> 已付款{{q}}</text>
<text class="value data-v-b85a2168" wx:if="{{r}}">已退款</text>
<text class="value data-v-b85a2168" wx:if="{{s}}">已完成</text>
</view>
<view class="desc data-v-b85a2168">
<text class="label data-v-b85a2168">下单时间</text>
<text class="value data-v-b85a2168">{{t}}</text>
</view>
<view class="desc data-v-b85a2168" wx:if="{{v}}">
<text class="label data-v-b85a2168">付款时间</text>
<text class="value data-v-b85a2168">{{w}}</text>
</view>
<view class="desc data-v-b85a2168" wx:if="{{x}}">
<text class="label data-v-b85a2168">支付单号</text>
<text class="value data-v-b85a2168">{{y}}</text>
</view>
<view class="desc data-v-b85a2168" wx:if="{{z}}">
<text class="label data-v-b85a2168">支付方式</text>
<text class="value data-v-b85a2168" wx:if="{{A}}">微信支付</text>
<text class="value data-v-b85a2168" wx:if="{{B}}">支付宝支付</text>
</view>
<view class="product-list data-v-b85a2168" wx:if="{{C}}">
<view
class="product data-v-b85a2168"
wx:for="{{D}}"
wx:for-item="product"
wx:key="m"
>
<view class="product-wrap data-v-b85a2168">
<view class="product-content data-v-b85a2168">
<view class="product-name data-v-b85a2168">{{product.a}}</view>
<view class="product-desc data-v-b85a2168">{{product.b}}</view>
<view class="loading data-v-b85a2168" wx:if="{{product.c}}">
<uni-load-more
bind:__l="__l"
class="data-v-b85a2168"
uI="{{product.d}}"
uP="{{product.e}}"
wx:if="{{product.e}}"
></uni-load-more>
</view>
</view>
<view class="data-v-b85a2168" wx:if="{{E}}">
<view class="button-content data-v-b85a2168" wx:if="{{product.f}}">
<view
catchtap="{{product.g}}"
class="button type1 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看报告
</view>
</view>
<view class="button-content data-v-b85a2168" wx:if="{{product.h}}">
<view
catchtap="{{product.i}}"
class="button type1 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看报告
</view>
</view>
<view class="button-content data-v-b85a2168" wx:if="{{product.j}}">
<view
catchtap="{{product.k}}"
class="button type2 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
>
我要催单
</view>
<view class="button type5 data-v-b85a2168"
>正在查询中，请耐心等待</view
>
</view>
<view class="button-content data-v-b85a2168" wx:if="{{product.l}}">
<view class="button type3 data-v-b85a2168"
>查询失败，请联系客服</view
>
</view>
</view>
</view>
</view>
</view>
<view class="bottom-content data-v-b85a2168" wx:if="{{F}}">
<block wx:if="{{G}}">
<view
catchtap="{{I}}"
class="button type4 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{H}}"
>
无法提供行驶证
</view>
<view
catchtap="{{J}}"
class="button type2 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
>
上传行驶证
</view>
</block>
<button
bindtap="{{L}}"
class="button type5 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{K}}"
>
<text class="data-v-b85a2168">修改VIN号</text>
</button>
<button
bindtap="{{N}}"
class="button type1 data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{M}}"
>
<text class="data-v-b85a2168">去付款</text>
</button>
</view>
</view>
<button
showMessageCard
bindcontact="{{P}}"
class="contact data-v-b85a2168"
hoverClass="default-hover-class"
hoverStayTime="100"
openType="contact"
sendMessageImg="/static/images/pic_share_mp.png"
sendMessagePath="/pages/splash/index"
sendMessageTitle="{{O}}"
>
<image
class="icon data-v-b85a2168"
src="/static/svgs/icon_contact_person.svg"
></image>
</button>
<float-refresh
bind:__l="__l"
bindclick="{{Q}}"
class="data-v-b85a2168"
uI="b85a2168-2"
uP="{{R}}"
wx:if="{{R}}"
></float-refresh>
<popup-modify-vin
bind:__l="__l"
bindclose="{{S}}"
bindconfirm="{{T}}"
class="data-v-b85a2168"
uI="b85a2168-3"
uP="{{U}}"
wx:if="{{U}}"
></popup-modify-vin>
<popup-upload-tips
bind:__l="__l"
bindcancel="{{V}}"
bindconfirm="{{W}}"
class="data-v-b85a2168"
uI="b85a2168-4"
uP="{{X}}"
wx:if="{{X}}"
></popup-upload-tips>
<popup-pay-again
bind:__l="__l"
bindclose="{{Y}}"
bindconfirm="{{Z}}"
class="data-v-b85a2168"
uI="b85a2168-5"
uP="{{aa}}"
wx:if="{{aa}}"
></popup-pay-again>
</view>

291
pages/order-detail/index.wxss Normal file
View File

@@ -0,0 +1,291 @@
.content.data-v-b85a2168 {
padding: 0 20rpx;
}
.content .card.data-v-b85a2168 {
background-color: #fff;
border-radius: 10rpx;
padding: 30rpx;
}
.content .card .vehicle-info.data-v-b85a2168 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
margin-bottom: 20rpx;
padding-bottom: 10rpx;
}
.content .card .vehicle-info .logo.data-v-b85a2168 {
flex-shrink: 0;
height: 120rpx;
width: 120rpx;
}
.content .card .vehicle-info .right-content.data-v-b85a2168 {
margin-left: 30rpx;
}
.content .card .vehicle-info .right-content .desc.data-v-b85a2168 {
color: #333;
font-size: 30rpx;
margin: 12rpx 0;
}
.content .card .desc.data-v-b85a2168 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin: 20rpx 0;
}
.content .card .desc .label.data-v-b85a2168 {
color: #333;
flex-shrink: 0;
width: 155rpx;
}
.content .card .desc .value.data-v-b85a2168 {
color: #333;
}
.content .card .desc .value.vin.data-v-b85a2168 {
color: #1f68e9;
}
.content .card .desc .copy.data-v-b85a2168 {
color: #d71818;
margin-left: 15rpx;
}
.content .card .product-list.data-v-b85a2168 {
margin-top: 20rpx;
padding: 5rpx 0;
}
.content .card .product-list .product.data-v-b85a2168 {
border-top: 2rpx solid #f2f2f2;
padding: 20rpx 0;
}
.content .card .product-list .product .product-wrap.data-v-b85a2168 {
background-color: rgba(234, 241, 248, 0.408);
border-radius: 10rpx;
padding: 20rpx;
}
.content
.card
.product-list
.product
.product-wrap
.product-content.data-v-b85a2168 {
color: #555;
position: relative;
}
.content
.card
.product-list
.product
.product-wrap
.product-content
.product-name.data-v-b85a2168 {
font-size: 30rpx;
font-weight: 700;
}
.content
.card
.product-list
.product
.product-wrap
.product-content
.product-desc.data-v-b85a2168 {
color: #5f5f5f;
font-size: 28rpx;
margin-top: 5rpx;
}
.content
.card
.product-list
.product
.product-wrap
.product-content
.loading.data-v-b85a2168 {
position: absolute;
right: 0;
top: 0;
}
.content
.card
.product-list
.product
.product-wrap
.button-content.data-v-b85a2168 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: row-reverse;
}
.content
.card
.product-list
.product
.product-wrap
.button-content
.button.data-v-b85a2168 {
align-items: center;
border-radius: 30rpx;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
margin-top: 10rpx;
width: 165rpx;
}
.content
.card
.product-list
.product
.product-wrap
.button-content
.button.type1.data-v-b85a2168 {
border: 2rpx solid #1f68e9;
color: #1f68e9;
}
.content
.card
.product-list
.product
.product-wrap
.button-content
.button.type2.data-v-b85a2168 {
border: 2rpx solid #c4c8d1;
}
.content
.card
.product-list
.product
.product-wrap
.button-content
.button.type3.data-v-b85a2168 {
border: none;
color: brown;
width: auto;
}
.content
.card
.product-list
.product
.product-wrap
.button-content
.button.type4.data-v-b85a2168 {
color: #1f68e9;
margin-right: 10rpx;
width: 220rpx;
}
.content
.card
.product-list
.product
.product-wrap
.button-content
.button.type5.data-v-b85a2168 {
color: #ff7038;
font-size: 26rpx;
margin-right: 10rpx;
width: 300rpx;
}
.content .card .detail.data-v-b85a2168 {
font-size: 30rpx;
}
.content .card .detail .important.data-v-b85a2168 {
color: #d71818;
font-size: 28rpx;
font-weight: 700;
}
.content .card .concat-content.data-v-b85a2168 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: flex-end;
}
.content .card .concat-content .concat.data-v-b85a2168 {
align-items: center;
background-color: #fff;
border: 2rpx solid #1f68e9;
border-radius: 30rpx;
color: #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
margin: 0 10rpx;
padding: 0;
width: 165rpx;
}
.content .card .bottom-content.data-v-b85a2168 {
align-items: center;
background-color: #fff;
border-top: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
justify-content: flex-end;
padding: 20rpx 10rpx 20rpx 0;
}
.content .card .bottom-content .button.data-v-b85a2168 {
align-items: center;
background-color: #fff;
border-radius: 30rpx;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
margin: 0 10rpx;
padding: 0;
width: 165rpx;
}
.content .card .bottom-content .button.type1.data-v-b85a2168 {
background: #1f68e9;
color: #fff;
}
.content .card .bottom-content .button.type2.data-v-b85a2168 {
border: 2rpx solid #c4c8d1;
}
.content .card .bottom-content .button.type3.data-v-b85a2168 {
border: 2rpx solid #1f68e9;
color: #1f68e9;
}
.content .card .bottom-content .button.type4.data-v-b85a2168 {
color: #1f68e9;
margin-right: 10rpx;
width: 220rpx;
}
.content .card .bottom-content .button.type5.data-v-b85a2168 {
border: 2rpx solid #1f68e9;
color: #1f68e9;
}
.content .module-title.data-v-b85a2168 {
border-left: 6rpx solid #1f68e9;
box-sizing: border-box;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .contact.data-v-b85a2168,
.content .module-title.data-v-b85a2168 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .contact.data-v-b85a2168 {
background-color: #fff;
border-radius: 100%;
bottom: 180rpx;
box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.15);
height: 80rpx;
justify-content: center;
padding: 0;
position: fixed;
right: 40rpx;
width: 80rpx;
z-index: 10;
}
.content .contact image.data-v-b85a2168 {
height: 40rpx;
width: 40rpx;
}

495
pages/order-list-mine/index.js Normal file
View File

@@ -0,0 +1,495 @@
var e = require("../../common/vendor.js"),
t = require("../../hooks/onMounted.js"),
u = require("../../hooks/onShareAppMessage.js"),
n = require("../../service/index.js"),
r = require("../../enums/index.js"),
o = require("../../utils/util.js"),
a = require("../../utils/navigate.js"),
s = require("../../utils/common.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/request.js"),
Array || e.resolveComponent("uni-load-more")();
Math ||
(
e.unref(p) +
function () {
return "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js";
} +
e.unref(l) +
e.unref(c) +
e.unref(f) +
e.unref(i) +
e.unref(d)
)();
var i = function () {
return "../../components/popup-upload-tips/index.js";
},
d = function () {
return "../../components/popup-pay-again/index.js";
},
c = function () {
return "../../components/float-refresh/index.js";
},
f = function () {
return "../../components/float-back-to-top/index.js";
},
l = function () {
return "../../components/empty/index.js";
},
p = function () {
return "../../components/vehicle-number/index.js";
},
v = {
__name: "index",
setup: function (i) {
var d = e.ref([
{ title: "全部", status: 0 },
{ title: "待付款", status: 4 },
{ title: "待上传", status: 5 },
{ title: "查询中", status: 2 },
{ title: "查询成功", status: 1 },
]),
c = e.ref(0),
f = e.ref(!0),
l = e.ref(!1),
p = e.ref(!1),
v = e.ref(1),
m = e.ref(r.PageStatusEnum.LOADING),
E = e.ref([]),
_ = e.ref(!1),
g = e.ref(!1),
S = e.ref(!1),
N = e.ref(null),
P = function () {
var e = g.value || S.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
h = function (t) {
return e._.find(t.productList, function (e) {
return e.status === r.ProductStatusEnum.TO_BE_UPLOADED;
});
},
I = function (e) {
var t = e.order_no,
u = e.product_id,
n = e.status;
s.openReport({ orderNo: t, productId: u, status: n });
},
T = function () {
o.showToast("已经帮您催了，请耐心等待一会儿...");
},
A = function () {
s.queryWithoutDrivingLicense({ orderNo: N.value.order_no }).then(
function () {
a.navigateTo({ url: "/pages/upload-success/index" }),
(g.value = !1);
}
);
},
O = function () {
g.value = !1;
},
x = function () {
S.value = !1;
},
y = function (e) {
D(e), (S.value = !1);
},
D = function (e) {
o.showLoading("支付中"),
n
.payOrderAgain({ payMethod: e, order_no: N.value.order_no })
.then(function (t) {
s.payForOrder({ payMethod: e, data: t })
.then(function (e) {
var t = e.orderNo;
a.navigateTo({
url: "/pages/pay-success/index",
params: { orderNo: t },
});
})
.catch(function (e) {
var t = e.orderNo;
a.navigateTo({
url: "/pages/pay-fail/index",
params: { orderNo: t },
});
});
});
},
L = function () {
return m.value === r.PageStatusEnum.NOMORE
? Promise.resolve()
: ((m.value = r.PageStatusEnum.LOADING),
n
.getOrderList({
page: v.value,
status: d.value[c.value].status,
})
.then(function (t) {
var u = t.data,
n = t.per_page;
0 === u.length && 0 === E.value.length
? (p.value = !0)
: ((p.value = !1),
u.length < n && (m.value = r.PageStatusEnum.NOMORE),
1 === v.value
? (E.value = u)
: (E.value = e._.concat(E.value, u)));
}));
},
j = function () {
o.showLoading(),
(_.value = !0),
(m.value = ""),
(v.value = 1),
L().then(function () {
(_.value = !1),
o.hideLoading(),
e.index.stopPullDownRefresh(),
e.index.pageScrollTo({ scrollTop: 0, duration: 100 });
});
};
return (
t.onMounted(function (t) {
var u = t.tabIndex;
e.index.$on("updateMyOrderList", function (e) {
j();
}),
(c.value = u || 0),
L().then(function () {
(f.value = !1),
o.hideLoading(),
e.index.pageScrollTo({ scrollTop: 0, duration: 100 });
});
}),
e.onPullDownRefresh(function () {
j();
}),
e.onReachBottom(function () {
v.value++, L();
}),
e.onPageScroll(function (t) {
var u = t.scrollTop;
l.value = u >= e.index.getSystemInfoSync().windowHeight / 3;
}),
u.onShareAppMessage(),
function (t, u) {
return e.e(
{ a: P(), b: !f.value },
f.value
? {}
: e.e(
{
c: e.f(d.value, function (t, u, n) {
return {
a: e.t(t.title),
b: e.n(c.value === u ? "active" : ""),
c: u,
d: e.o(function (t) {
return (function (t) {
var u = t.index;
c.value !== u &&
((v.value = 1),
(m.value = ""),
(E.value = []),
(c.value = u),
o.showLoading(),
L().then(function () {
o.hideLoading(),
e.index.pageScrollTo({
scrollTop: 0,
duration: 100,
});
}));
})({ index: u });
}, u),
};
}),
d: !p.value,
},
p.value
? {}
: {
e: e.f(E.value, function (t, u, n) {
return e.e(
{
a: e.t(
e.unref(s.getProduct)(t.product_id).product_name
),
b: t.status === e.unref(r.OrderStatusEnum).UNPAID,
},
(t.status, e.unref(r.OrderStatusEnum).UNPAID, {}),
{ c: t.status === e.unref(r.OrderStatusEnum).PAID },
t.status === e.unref(r.OrderStatusEnum).PAID
? {
d: e.t(
e.unref(s.getOrderStatus)(t.productList)
),
}
: {},
{
e: t.status === e.unref(r.OrderStatusEnum).REFUND,
},
(t.status, e.unref(r.OrderStatusEnum).REFUND, {}),
{
f:
t.status ===
e.unref(r.OrderStatusEnum).COMPLETE,
},
(t.status, e.unref(r.OrderStatusEnum).COMPLETE, {}),
{ g: e.t(t.order_no), h: t.car_name },
t.car_name ? { i: e.t(t.car_name) } : {},
{ j: t.car_no },
t.car_no
? {
k: "2e6df7a1-0-" + n,
l: e.p({ data: t.car_no }),
}
: {},
{ m: t.vin },
t.vin
? {
n: e.t(
(t.vin || "")
.toString()
.replace(/^(.{5}).{6}/, "$1******")
),
}
: {},
{ o: e.t(t.create_time), p: t.productList },
t.productList
? {
q: e.f(t.productList, function (u, o, a) {
return e.e(
{
a: e.t(
e.unref(s.getProduct)(u.product_id)
.product_name
),
b: e.t(
e.unref(s.getProduct)(u.product_id)
.product_desc
),
c:
t.status !==
e.unref(r.OrderStatusEnum).REFUND &&
u.status ===
e.unref(r.ProductStatusEnum)
.IN_QUERY,
},
t.status !==
e.unref(r.OrderStatusEnum).REFUND &&
u.status ===
e.unref(r.ProductStatusEnum).IN_QUERY
? {
d: "2e6df7a1-1-" + n + "-" + a,
e: e.p({
iconType: "snow",
iconSize: 20,
status: "loading",
showText: !1,
}),
}
: {},
t.status !==
e.unref(r.OrderStatusEnum).REFUND
? e.e(
{
f:
u.status ===
e.unref(r.ProductStatusEnum)
.SUCCESS,
},
u.status ===
e.unref(r.ProductStatusEnum)
.SUCCESS
? {
g: e.o(function (e) {
return I(u);
}, u.id),
}
: {},
{
h:
u.status ===
e.unref(r.ProductStatusEnum)
.FAIL &&
(u.product_id ==
e.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN ||
u.product_id ===
e.unref(r.ProductTypeEnum)
.ACCIDENT),
},
u.status !==
e.unref(r.ProductStatusEnum)
.FAIL ||
(u.product_id !=
e.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
u.product_id !==
e.unref(r.ProductTypeEnum)
.ACCIDENT)
? {}
: {
i: e.o(function (e) {
return I(u);
}, u.id),
},
{
j:
u.status ===
e.unref(r.ProductStatusEnum)
.IN_QUERY,
},
u.status ===
e.unref(r.ProductStatusEnum)
.IN_QUERY
? { k: e.o(T, u.id) }
: {},
{
l:
u.status ===
e.unref(r.ProductStatusEnum)
.FAIL &&
u.product_id !==
e.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
u.product_id !==
e.unref(r.ProductTypeEnum)
.ACCIDENT,
},
(u.status ===
e.unref(r.ProductStatusEnum)
.FAIL &&
u.product_id !==
e.unref(r.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
(u.product_id,
e.unref(r.ProductTypeEnum)
.ACCIDENT),
{})
)
: {},
{ m: u.id }
);
}),
r:
t.status !==
e.unref(r.OrderStatusEnum).REFUND,
}
: {},
{
s: t.status !== e.unref(r.OrderStatusEnum).REFUND,
},
t.status !== e.unref(r.OrderStatusEnum).REFUND
? e.e(
{
t:
t.status ===
e.unref(r.OrderStatusEnum).UNPAID,
},
t.status === e.unref(r.OrderStatusEnum).UNPAID
? {
v: e.o(function (e) {
return (
(u = t),
(N.value = u),
void D(r.PayMethodEnum.WECHAT_PAY)
);
var u;
}, t.order_no),
}
: {},
{ w: h(t) },
h(t)
? e.e(
{
x: e.o(function (e) {
return (
(u = t),
void s
.chooseDrivingLicense({
orderNo: u.order_no,
})
.then(function () {
a.navigateTo({
url: "/pages/upload-success/index",
});
})
);
var u;
}, t.order_no),
y:
t.vin ||
t.type ===
e.unref(r.ProductTypeEnum)
.VIOLATION,
},
t.vin ||
t.type ===
e.unref(r.ProductTypeEnum).VIOLATION
? {
z: e.o(function (e) {
return (
(u = t),
(g.value = !0),
void (N.value = u)
);
var u;
}, t.order_no),
}
: {}
)
: {}
)
: {},
{
A: t.order_no,
B: e.o(function (e) {
return (function (e) {
var t = e.order_no,
u = e.product_id;
a.navigateTo({
url: "/pages/order-detail/index",
params: {
orderNo: t,
productName: s.getProduct(u).product_name,
},
});
})(t);
}, t.order_no),
}
);
}),
f: E.value.length,
g: e.p({ iconType: "snow", status: m.value }),
},
{ h: p.value },
p.value ? { i: e.p({ info: "暂无订单记录" }) } : {},
{
j: e.o(j),
k: e.p({ loading: _.value }),
l: e.p({ visible: l.value }),
m: e.o(O),
n: e.o(A),
o: e.p({ visible: g.value }),
p: e.o(x),
q: e.o(y),
r: e.p({ visible: S.value }),
}
)
);
}
);
},
},
m = e._export_sfc(v, [["__scopeId", "data-v-2e6df7a1"]]);
(v.__runtimeHooks = 3), wx.createPage(m);

14
pages/order-list-mine/index.json Normal file
View File

@@ -0,0 +1,14 @@
{
"navigationBarTitleText": "我的订单",
"enablePullDownRefresh": true,
"onReachBottomDistance": 50,
"usingComponents": {
"uni-load-more": "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more",
"popup-upload-tips": "../../components/popup-upload-tips/index",
"popup-pay-again": "../../components/popup-pay-again/index",
"float-refresh": "../../components/float-refresh/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"empty": "../../components/empty/index",
"vehicle-number": "../../components/vehicle-number/index"
}
}

218
pages/order-list-mine/index.wxml Normal file
View File

@@ -0,0 +1,218 @@
<page-meta class="data-v-2e6df7a1" pageStyle="{{a}}"></page-meta>
<view class="content data-v-2e6df7a1" wx:if="{{b}}">
<view class="tabs data-v-2e6df7a1">
<view
bindtap="{{item.d}}"
class="{{['tab','data-v-2e6df7a1',item.b]}}"
wx:for="{{c}}"
wx:key="c"
>{{item.a}}</view
>
</view>
<view class="data-v-2e6df7a1" style="margin-top: 110rpx" wx:if="{{d}}">
<view
bindtap="{{item.B}}"
class="order data-v-2e6df7a1"
wx:for="{{e}}"
wx:key="A"
>
<view class="title-content data-v-2e6df7a1">
<view class="product-name data-v-2e6df7a1">{{item.a}}</view>
<view class="status type1 data-v-2e6df7a1" wx:if="{{item.b}}"
>待付款</view
>
<view class="status type4 data-v-2e6df7a1" wx:if="{{item.c}}">
已付款{{item.d}}</view
>
<view class="status type3 data-v-2e6df7a1" wx:if="{{item.e}}"
>已退款</view
>
<view class="status type4 data-v-2e6df7a1" wx:if="{{item.f}}"
>已完成</view
>
</view>
<view class="desc data-v-2e6df7a1">
<text class="label data-v-2e6df7a1">订单编号：</text>
<text class="value data-v-2e6df7a1">{{item.g}}</text>
</view>
<view class="desc data-v-2e6df7a1" wx:if="{{item.h}}">
<text class="label data-v-2e6df7a1">车辆型号：</text>
<text class="value data-v-2e6df7a1">{{item.i}}</text>
</view>
<view class="desc data-v-2e6df7a1" wx:if="{{item.j}}">
<text class="label data-v-2e6df7a1">车牌号码：</text>
<vehicle-number
bind:__l="__l"
class="data-v-2e6df7a1"
uI="{{item.k}}"
uP="{{item.l}}"
wx:if="{{item.l}}"
></vehicle-number>
</view>
<view class="desc data-v-2e6df7a1" wx:if="{{item.m}}">
<text class="label data-v-2e6df7a1">VIN 号码：</text>
<text class="value vin data-v-2e6df7a1">{{item.n}}</text>
</view>
<view class="desc data-v-2e6df7a1">
<text class="label data-v-2e6df7a1">下单时间：</text>
<text class="value data-v-2e6df7a1">{{item.o}}</text>
</view>
<view class="product-list data-v-2e6df7a1" wx:if="{{item.p}}">
<view
class="product data-v-2e6df7a1"
wx:for="{{item.q}}"
wx:for-item="product"
wx:key="m"
>
<view class="product-wrap data-v-2e6df7a1">
<view class="product-content data-v-2e6df7a1">
<view class="product-name data-v-2e6df7a1">{{product.a}}</view>
<view class="product-desc data-v-2e6df7a1">{{product.b}}</view>
<view class="loading data-v-2e6df7a1" wx:if="{{product.c}}">
<uni-load-more
bind:__l="__l"
class="data-v-2e6df7a1"
uI="{{product.d}}"
uP="{{product.e}}"
wx:if="{{product.e}}"
></uni-load-more>
</view>
</view>
<view class="data-v-2e6df7a1" wx:if="{{item.r}}">
<view
class="button-content data-v-2e6df7a1"
wx:if="{{product.f}}"
>
<view
catchtap="{{product.g}}"
class="button type1 data-v-2e6df7a1"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看报告
</view>
</view>
<view
class="button-content data-v-2e6df7a1"
wx:if="{{product.h}}"
>
<view
catchtap="{{product.i}}"
class="button type1 data-v-2e6df7a1"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看报告
</view>
</view>
<view
class="button-content data-v-2e6df7a1"
wx:if="{{product.j}}"
>
<view
catchtap="{{product.k}}"
class="button type2 data-v-2e6df7a1"
hoverClass="default-hover-class"
hoverStayTime="100"
>
我要催单
</view>
<view class="button type4 data-v-2e6df7a1"
>正在查询中，请耐心等待</view
>
</view>
<view
class="button-content data-v-2e6df7a1"
wx:if="{{product.l}}"
>
<view class="button type3 data-v-2e6df7a1"
>查询失败，请联系客服</view
>
</view>
</view>
</view>
</view>
</view>
<view class="bottom-content data-v-2e6df7a1" wx:if="{{item.s}}">
<view
catchtap="{{item.v}}"
class="button type1 data-v-2e6df7a1"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{item.t}}"
>
去付款
</view>
<block wx:if="{{item.w}}">
<view
catchtap="{{item.x}}"
class="button type2 data-v-2e6df7a1"
hoverClass="default-hover-class"
hoverStayTime="100"
>
上传行驶证
</view>
<view
catchtap="{{item.z}}"
class="button type3 data-v-2e6df7a1"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{item.y}}"
>
无法提供行驶证
</view>
</block>
</view>
</view>
<view class="loading-content data-v-2e6df7a1">
<uni-load-more
bind:__l="__l"
class="data-v-2e6df7a1"
data-c-h="{{!f}}"
uI="2e6df7a1-2"
uP="{{g}}"
wx:if="{{g}}"
></uni-load-more>
</view>
</view>
<empty
bind:__l="__l"
class="data-v-2e6df7a1"
uI="2e6df7a1-3"
uP="{{i}}"
wx:if="{{h}}"
></empty>
<float-refresh
bind:__l="__l"
bindclick="{{j}}"
class="data-v-2e6df7a1"
uI="2e6df7a1-4"
uP="{{k}}"
wx:if="{{k}}"
></float-refresh>
<float-back-to-top
bind:__l="__l"
class="data-v-2e6df7a1"
uI="2e6df7a1-5"
uP="{{l}}"
wx:if="{{l}}"
></float-back-to-top>
<popup-upload-tips
bind:__l="__l"
bindcancel="{{m}}"
bindconfirm="{{n}}"
class="data-v-2e6df7a1"
uI="2e6df7a1-6"
uP="{{o}}"
wx:if="{{o}}"
></popup-upload-tips>
<popup-pay-again
bind:__l="__l"
bindclose="{{p}}"
bindconfirm="{{q}}"
class="data-v-2e6df7a1"
uI="2e6df7a1-7"
uP="{{r}}"
wx:if="{{r}}"
></popup-pay-again>
</view>

257
pages/order-list-mine/index.wxss Normal file
View File

@@ -0,0 +1,257 @@
.content.data-v-2e6df7a1 {
padding-bottom: 10rpx;
}
.content .tabs.data-v-2e6df7a1 {
align-items: center;
background-color: #fff;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
height: 90rpx;
justify-content: space-evenly;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 55;
}
.content .tabs .tab.data-v-2e6df7a1 {
height: 90rpx;
line-height: 90rpx;
}
.content .tabs .tab.active.data-v-2e6df7a1 {
border-bottom: 4rpx solid #1f68e9;
color: #1f68e9;
}
.content .loading-content.data-v-2e6df7a1 {
margin: 30rpx;
}
.content .order.data-v-2e6df7a1 {
background: #fff;
border-radius: 10rpx;
margin: 25rpx;
padding: 25rpx 30rpx;
}
.content .order .title-content.data-v-2e6df7a1 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
padding-bottom: 20rpx;
}
.content .order .title-content .product-name.data-v-2e6df7a1 {
color: #333;
font-size: 32rpx;
font-weight: 700;
}
.content .order .title-content .status.data-v-2e6df7a1 {
font-size: 28rpx;
font-weight: 700;
}
.content .order .title-content .status.type1.data-v-2e6df7a1 {
color: #eb010b;
}
.content .order .title-content .status.type2.data-v-2e6df7a1 {
color: #1f68e9;
}
.content .order .title-content .status.type3.data-v-2e6df7a1 {
color: #999;
}
.content .order .title-content .status.type4.data-v-2e6df7a1 {
color: #333;
}
.content .order .desc.data-v-2e6df7a1 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
margin: 15rpx 0;
}
.content .order .desc .label.data-v-2e6df7a1 {
color: #333;
flex-shrink: 0;
width: 155rpx;
}
.content .order .desc .value.data-v-2e6df7a1 {
color: #333;
}
.content .order .desc .value.vin.data-v-2e6df7a1 {
color: #1f68e9;
}
.content .order .product-list.data-v-2e6df7a1 {
margin-top: 20rpx;
padding: 5rpx 0;
}
.content .order .product-list .product.data-v-2e6df7a1 {
border-top: 2rpx solid #f2f2f2;
padding: 20rpx 0;
}
.content .order .product-list .product .product-wrap.data-v-2e6df7a1 {
background-color: rgba(234, 241, 248, 0.408);
border-radius: 10rpx;
padding: 20rpx;
}
.content
.order
.product-list
.product
.product-wrap
.product-content.data-v-2e6df7a1 {
color: #555;
position: relative;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.product-name.data-v-2e6df7a1 {
font-size: 30rpx;
font-weight: 700;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.product-desc.data-v-2e6df7a1 {
color: #5f5f5f;
font-size: 28rpx;
margin-top: 5rpx;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.loading.data-v-2e6df7a1 {
position: absolute;
right: 0;
top: 0;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.upload.data-v-2e6df7a1 {
color: #1f68e9;
font-size: 28rpx;
font-weight: 700;
position: absolute;
right: 0;
top: 0;
}
.content
.order
.product-list
.product
.product-wrap
.button-content.data-v-2e6df7a1 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: row-reverse;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.data-v-2e6df7a1 {
align-items: center;
border-radius: 30rpx;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
margin-top: 10rpx;
width: 165rpx;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type1.data-v-2e6df7a1 {
border: 2rpx solid #1f68e9;
color: #1f68e9;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type2.data-v-2e6df7a1 {
border: 2rpx solid #c4c8d1;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type3.data-v-2e6df7a1 {
border: none;
color: brown;
width: auto;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type4.data-v-2e6df7a1 {
color: #ff7038;
font-size: 26rpx;
margin-right: 10rpx;
width: 300rpx;
}
.content .order .bottom-content.data-v-2e6df7a1 {
align-items: center;
border-top: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
flex-direction: row-reverse;
flex-grow: 1;
padding-top: 20rpx;
}
.content .order .bottom-content .button.data-v-2e6df7a1 {
align-items: center;
border-radius: 30rpx;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
width: 165rpx;
}
.content .order .bottom-content .button.type1.data-v-2e6df7a1 {
background: #1f68e9;
color: #fff;
}
.content .order .bottom-content .button.type2.data-v-2e6df7a1 {
border: 2rpx solid #c4c8d1;
}
.content .order .bottom-content .button.type3.data-v-2e6df7a1 {
color: #1f68e9;
margin-right: 10rpx;
width: 220rpx;
}
.content .order .tips.data-v-2e6df7a1 {
color: #ff7038;
font-size: 25rpx;
margin-top: 20rpx;
text-align: right;
}

477
pages/order-list/index.js Normal file
View File

@@ -0,0 +1,477 @@
var e = require("../../common/vendor.js"),
u = require("../../hooks/onMounted.js"),
t = require("../../hooks/onShow.js"),
n = require("../../hooks/onShareAppMessage.js"),
r = require("../../service/index.js"),
o = require("../../enums/index.js"),
a = require("../../utils/util.js"),
s = require("../../utils/navigate.js"),
i = require("../../utils/common.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/request.js"),
Array || e.resolveComponent("uni-load-more")();
Math ||
(
e.unref(v) +
function () {
return "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js";
} +
e.unref(p) +
e.unref(f) +
e.unref(l) +
e.unref(d) +
e.unref(c)
)();
var d = function () {
return "../../components/popup-upload-tips/index.js";
},
c = function () {
return "../../components/popup-pay-again/index.js";
},
f = function () {
return "../../components/float-refresh/index.js";
},
l = function () {
return "../../components/float-back-to-top/index.js";
},
p = function () {
return "../../components/empty/index.js";
},
v = function () {
return "../../components/vehicle-number/index.js";
},
m = {
__name: "index",
setup: function (d) {
var c = e.ref(!0),
f = e.ref(!1),
l = e.ref(!1),
p = e.ref(1),
v = e.ref(o.PageStatusEnum.LOADING),
m = e.ref([]),
E = e.ref(!1),
_ = e.ref(!1),
S = e.ref(!1),
g = e.ref(null),
N = function () {
var e = _.value || S.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
h = function (u) {
return e._.find(u.productList, function (e) {
return e.status === o.ProductStatusEnum.TO_BE_UPLOADED;
});
},
P = function (e) {
var u = e.order_no,
t = e.product_id,
n = e.status;
i.openReport({ orderNo: u, productId: t, status: n });
},
I = function () {
a.showToast("已经帮您催了，请耐心等待一会儿...");
},
A = function () {
i.queryWithoutDrivingLicense({ orderNo: g.value.order_no }).then(
function () {
s.navigateTo({ url: "/pages/upload-success/index" }),
(_.value = !1);
}
);
},
T = function () {
_.value = !1;
},
O = function () {
S.value = !1;
},
x = function (e) {
y(e), (S.value = !1);
},
y = function (e) {
a.showLoading("支付中"),
r
.payOrderAgain({ payMethod: e, order_no: g.value.order_no })
.then(function (u) {
i.payForOrder({ payMethod: e, data: u })
.then(function (e) {
var u = e.orderNo;
s.navigateTo({
url: "/pages/pay-success/index",
params: { orderNo: u },
});
})
.catch(function (e) {
var u = e.orderNo;
s.navigateTo({
url: "/pages/pay-fail/index",
params: { orderNo: u },
});
});
});
},
D = function () {
return v.value === o.PageStatusEnum.NOMORE
? Promise.resolve()
: ((v.value = o.PageStatusEnum.LOADING),
r
.getOrderList({ page: p.value, status: 0 })
.then(function (u) {
var t = u.data,
n = u.per_page;
0 === t.length && 0 === m.value.length
? (l.value = !0)
: ((l.value = !1),
t.length < n && (v.value = o.PageStatusEnum.NOMORE),
1 === p.value
? (m.value = t)
: (m.value = e._.concat(m.value, t)));
})
.catch(function () {
l.value = !0;
})
.finally(function () {
a.hideLoading(), e.index.stopPullDownRefresh();
}));
},
L = function () {
a.showLoading(),
(E.value = !0),
(v.value = ""),
(p.value = 1),
D().then(function () {
(E.value = !1),
a.hideLoading(),
e.index.stopPullDownRefresh(),
e.index.pageScrollTo({ scrollTop: 0, duration: 100 });
});
};
return (
u.onMounted(function () {
e.index.$on("updateOrderList", function (u) {
return (function (u) {
var t = e._.findIndex(m.value, function (e) {
return e.order_no === u;
});
-1 === t
? L()
: r.getOrderDetail({ order_no: u }).then(function (e) {
var u = m.value[t];
(u.vin = e.vin),
(u.car_no = e.car_no),
(u.status = e.status),
(u.productList = e.productList),
(m.value[t] = u);
});
})(u);
}),
D().then(function () {
(c.value = !1),
a.hideLoading(),
e.index.pageScrollTo({ scrollTop: 0, duration: 100 });
});
}),
e.onPullDownRefresh(function () {
L();
}),
e.onReachBottom(function () {
p.value++, D();
}),
e.onPageScroll(function (u) {
var t = u.scrollTop;
f.value = t >= e.index.getSystemInfoSync().windowHeight / 3;
}),
t.onShow(),
n.onShareAppMessage(),
function (u, t) {
return e.e(
{ a: N(), b: !c.value },
c.value
? {}
: e.e(
{ c: !l.value },
l.value
? {}
: {
d: e.f(m.value, function (u, t, n) {
return e.e(
{
a: e.t(
e.unref(i.getProduct)(u.product_id).product_name
),
b: u.status === e.unref(o.OrderStatusEnum).UNPAID,
},
(u.status, e.unref(o.OrderStatusEnum).UNPAID, {}),
{ c: u.status === e.unref(o.OrderStatusEnum).PAID },
u.status === e.unref(o.OrderStatusEnum).PAID
? {
d: e.t(
e.unref(i.getOrderStatus)(u.productList)
),
}
: {},
{
e: u.status === e.unref(o.OrderStatusEnum).REFUND,
},
(u.status, e.unref(o.OrderStatusEnum).REFUND, {}),
{
f:
u.status ===
e.unref(o.OrderStatusEnum).COMPLETE,
},
(u.status, e.unref(o.OrderStatusEnum).COMPLETE, {}),
{ g: e.t(u.order_no), h: u.car_name },
u.car_name ? { i: e.t(u.car_name) } : {},
{ j: u.car_no },
u.car_no
? {
k: "2f990aa7-0-" + n,
l: e.p({ data: u.car_no }),
}
: {},
{ m: u.vin },
u.vin
? {
n: e.t(
(u.vin || "")
.toString()
.replace(/^(.{5}).{6}/, "$1******")
),
}
: {},
{ o: e.t(u.create_time), p: u.productList },
u.productList
? {
q: e.f(u.productList, function (t, r, a) {
return e.e(
{
a: e.t(
e.unref(i.getProduct)(t.product_id)
.product_name
),
b: e.t(
e.unref(i.getProduct)(t.product_id)
.product_desc
),
c:
u.status !==
e.unref(o.OrderStatusEnum).REFUND &&
t.status ===
e.unref(o.ProductStatusEnum)
.IN_QUERY,
},
u.status !==
e.unref(o.OrderStatusEnum).REFUND &&
t.status ===
e.unref(o.ProductStatusEnum).IN_QUERY
? {
d: "2f990aa7-1-" + n + "-" + a,
e: e.p({
iconType: "snow",
iconSize: 20,
status: "loading",
showText: !1,
}),
}
: {},
u.status !==
e.unref(o.OrderStatusEnum).REFUND
? e.e(
{
f:
t.status ===
e.unref(o.ProductStatusEnum)
.SUCCESS,
},
t.status ===
e.unref(o.ProductStatusEnum)
.SUCCESS
? {
g: e.o(function (e) {
return P(t);
}, t.id),
}
: {},
{
h:
t.status ===
e.unref(o.ProductStatusEnum)
.FAIL &&
(t.product_id ==
e.unref(o.ProductTypeEnum)
.INSURANCE_MAINTAIN ||
t.product_id ===
e.unref(o.ProductTypeEnum)
.ACCIDENT),
},
t.status !==
e.unref(o.ProductStatusEnum)
.FAIL ||
(t.product_id !=
e.unref(o.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
t.product_id !==
e.unref(o.ProductTypeEnum)
.ACCIDENT)
? {}
: {
i: e.o(function (e) {
return P(t);
}, t.id),
},
{
j:
t.status ===
e.unref(o.ProductStatusEnum)
.IN_QUERY,
},
t.status ===
e.unref(o.ProductStatusEnum)
.IN_QUERY
? { k: e.o(I, t.id) }
: {},
{
l:
t.status ===
e.unref(o.ProductStatusEnum)
.FAIL &&
t.product_id !==
e.unref(o.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
t.product_id !==
e.unref(o.ProductTypeEnum)
.ACCIDENT,
},
(t.status ===
e.unref(o.ProductStatusEnum)
.FAIL &&
t.product_id !==
e.unref(o.ProductTypeEnum)
.INSURANCE_MAINTAIN &&
(t.product_id,
e.unref(o.ProductTypeEnum)
.ACCIDENT),
{})
)
: {},
{ m: t.id }
);
}),
r:
u.status !==
e.unref(o.OrderStatusEnum).REFUND,
}
: {},
{
s: u.status !== e.unref(o.OrderStatusEnum).REFUND,
},
u.status !== e.unref(o.OrderStatusEnum).REFUND
? e.e(
{
t:
u.status ===
e.unref(o.OrderStatusEnum).UNPAID,
},
u.status === e.unref(o.OrderStatusEnum).UNPAID
? {
v: e.o(function (e) {
return (
(t = u),
(g.value = t),
void y(o.PayMethodEnum.WECHAT_PAY)
);
var t;
}, u.order_no),
}
: {},
{ w: h(u) },
h(u)
? e.e(
{
x: e.o(function (e) {
return (
(t = u),
void i
.chooseDrivingLicense({
orderNo: t.order_no,
})
.then(function () {
s.navigateTo({
url: "/pages/upload-success/index",
});
})
);
var t;
}, u.order_no),
y:
u.vin ||
u.type ===
e.unref(o.ProductTypeEnum)
.VIOLATION,
},
u.vin ||
u.type ===
e.unref(o.ProductTypeEnum).VIOLATION
? {
z: e.o(function (e) {
return (
(t = u),
(_.value = !0),
void (g.value = t)
);
var t;
}, u.order_no),
}
: {}
)
: {}
)
: {},
{
A: u.order_no,
B: e.o(function (e) {
return (function (e) {
var u = e.order_no,
t = e.product_id;
s.navigateTo({
url: "/pages/order-detail/index",
params: {
orderNo: u,
productName: i.getProduct(t).product_name,
},
});
})(u);
}, u.order_no),
}
);
}),
e: m.value.length,
f: e.p({ iconType: "snow", status: v.value }),
},
{ g: l.value },
l.value ? { h: e.p({ info: "暂无订单记录" }) } : {},
{
i: e.o(L),
j: e.p({ loading: E.value }),
k: e.p({ visible: f.value }),
l: e.o(T),
m: e.o(A),
n: e.p({ visible: _.value }),
o: e.o(O),
p: e.o(x),
q: e.p({ visible: S.value }),
}
)
);
}
);
},
},
E = e._export_sfc(m, [["__scopeId", "data-v-2f990aa7"]]);
(m.__runtimeHooks = 3), wx.createPage(E);

14
pages/order-list/index.json Normal file
View File

@@ -0,0 +1,14 @@
{
"navigationBarTitleText": "订单",
"enablePullDownRefresh": true,
"onReachBottomDistance": 50,
"usingComponents": {
"uni-load-more": "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more",
"popup-upload-tips": "../../components/popup-upload-tips/index",
"popup-pay-again": "../../components/popup-pay-again/index",
"float-refresh": "../../components/float-refresh/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"empty": "../../components/empty/index",
"vehicle-number": "../../components/vehicle-number/index"
}
}

209
pages/order-list/index.wxml Normal file
View File

@@ -0,0 +1,209 @@
<page-meta class="data-v-2f990aa7" pageStyle="{{a}}"></page-meta>
<view class="content data-v-2f990aa7" wx:if="{{b}}">
<view class="data-v-2f990aa7" wx:if="{{c}}">
<view
bindtap="{{item.B}}"
class="order data-v-2f990aa7"
wx:for="{{d}}"
wx:key="A"
>
<view class="title-content data-v-2f990aa7">
<view class="product-name data-v-2f990aa7">{{item.a}}</view>
<view class="status type1 data-v-2f990aa7" wx:if="{{item.b}}"
>待付款</view
>
<view class="status type4 data-v-2f990aa7" wx:if="{{item.c}}">
已付款{{item.d}}</view
>
<view class="status type3 data-v-2f990aa7" wx:if="{{item.e}}"
>已退款</view
>
<view class="status type4 data-v-2f990aa7" wx:if="{{item.f}}"
>已完成</view
>
</view>
<view class="desc data-v-2f990aa7">
<text class="label data-v-2f990aa7">订单编号：</text>
<text class="value data-v-2f990aa7">{{item.g}}</text>
</view>
<view class="desc data-v-2f990aa7" wx:if="{{item.h}}">
<text class="label data-v-2f990aa7">车辆型号：</text>
<text class="value data-v-2f990aa7">{{item.i}}</text>
</view>
<view class="desc data-v-2f990aa7" wx:if="{{item.j}}">
<text class="label data-v-2f990aa7">车牌号码：</text>
<vehicle-number
bind:__l="__l"
class="data-v-2f990aa7"
uI="{{item.k}}"
uP="{{item.l}}"
wx:if="{{item.l}}"
></vehicle-number>
</view>
<view class="desc data-v-2f990aa7" wx:if="{{item.m}}">
<text class="label data-v-2f990aa7">VIN 号码：</text>
<text class="value vin data-v-2f990aa7">{{item.n}}</text>
</view>
<view class="desc data-v-2f990aa7">
<text class="label data-v-2f990aa7">下单时间：</text>
<text class="value data-v-2f990aa7">{{item.o}}</text>
</view>
<view class="product-list data-v-2f990aa7" wx:if="{{item.p}}">
<view
class="product data-v-2f990aa7"
wx:for="{{item.q}}"
wx:for-item="product"
wx:key="m"
>
<view class="product-wrap data-v-2f990aa7">
<view class="product-content data-v-2f990aa7">
<view class="product-name data-v-2f990aa7">{{product.a}}</view>
<view class="product-desc data-v-2f990aa7">{{product.b}}</view>
<view class="loading data-v-2f990aa7" wx:if="{{product.c}}">
<uni-load-more
bind:__l="__l"
class="data-v-2f990aa7"
uI="{{product.d}}"
uP="{{product.e}}"
wx:if="{{product.e}}"
></uni-load-more>
</view>
</view>
<view class="data-v-2f990aa7" wx:if="{{item.r}}">
<view
class="button-content data-v-2f990aa7"
wx:if="{{product.f}}"
>
<view
catchtap="{{product.g}}"
class="button type1 data-v-2f990aa7"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看报告
</view>
</view>
<view
class="button-content data-v-2f990aa7"
wx:if="{{product.h}}"
>
<view
catchtap="{{product.i}}"
class="button type1 data-v-2f990aa7"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看报告
</view>
</view>
<view
class="button-content data-v-2f990aa7"
wx:if="{{product.j}}"
>
<view
catchtap="{{product.k}}"
class="button type2 data-v-2f990aa7"
hoverClass="default-hover-class"
hoverStayTime="100"
>
我要催单
</view>
<view class="button type4 data-v-2f990aa7"
>正在查询中，请耐心等待</view
>
</view>
<view
class="button-content data-v-2f990aa7"
wx:if="{{product.l}}"
>
<view class="button type3 data-v-2f990aa7"
>查询失败，请联系客服</view
>
</view>
</view>
</view>
</view>
</view>
<view class="bottom-content data-v-2f990aa7" wx:if="{{item.s}}">
<view
catchtap="{{item.v}}"
class="button type1 data-v-2f990aa7"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{item.t}}"
>
去付款
</view>
<block wx:if="{{item.w}}">
<view
catchtap="{{item.x}}"
class="button type2 data-v-2f990aa7"
hoverClass="default-hover-class"
hoverStayTime="100"
>
上传行驶证
</view>
<view
catchtap="{{item.z}}"
class="button type3 data-v-2f990aa7"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{item.y}}"
>
无法提供行驶证
</view>
</block>
</view>
</view>
<view class="loading-content data-v-2f990aa7">
<uni-load-more
bind:__l="__l"
class="data-v-2f990aa7"
data-c-h="{{!e}}"
uI="2f990aa7-2"
uP="{{f}}"
wx:if="{{f}}"
></uni-load-more>
</view>
</view>
<empty
bind:__l="__l"
class="data-v-2f990aa7"
uI="2f990aa7-3"
uP="{{h}}"
wx:if="{{g}}"
></empty>
<float-refresh
bind:__l="__l"
bindclick="{{i}}"
class="data-v-2f990aa7"
uI="2f990aa7-4"
uP="{{j}}"
wx:if="{{j}}"
></float-refresh>
<float-back-to-top
bind:__l="__l"
class="data-v-2f990aa7"
uI="2f990aa7-5"
uP="{{k}}"
wx:if="{{k}}"
></float-back-to-top>
<popup-upload-tips
bind:__l="__l"
bindcancel="{{l}}"
bindconfirm="{{m}}"
class="data-v-2f990aa7"
uI="2f990aa7-6"
uP="{{n}}"
wx:if="{{n}}"
></popup-upload-tips>
<popup-pay-again
bind:__l="__l"
bindclose="{{o}}"
bindconfirm="{{p}}"
class="data-v-2f990aa7"
uI="2f990aa7-7"
uP="{{q}}"
wx:if="{{q}}"
></popup-pay-again>
</view>

235
pages/order-list/index.wxss Normal file
View File

@@ -0,0 +1,235 @@
.content.data-v-2f990aa7 {
padding-bottom: 10rpx;
}
.content .loading-content.data-v-2f990aa7 {
margin: 30rpx;
}
.content .order.data-v-2f990aa7 {
background: #fff;
border-radius: 10rpx;
margin: 25rpx;
padding: 25rpx 30rpx;
}
.content .order .title-content.data-v-2f990aa7 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
padding-bottom: 20rpx;
}
.content .order .title-content .product-name.data-v-2f990aa7 {
color: #333;
font-size: 32rpx;
font-weight: 700;
}
.content .order .title-content .status.data-v-2f990aa7 {
font-size: 28rpx;
font-weight: 700;
}
.content .order .title-content .status.type1.data-v-2f990aa7 {
color: #eb010b;
}
.content .order .title-content .status.type2.data-v-2f990aa7 {
color: #1f68e9;
}
.content .order .title-content .status.type3.data-v-2f990aa7 {
color: #999;
}
.content .order .title-content .status.type4.data-v-2f990aa7 {
color: #333;
}
.content .order .desc.data-v-2f990aa7 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
margin: 15rpx 0;
}
.content .order .desc .label.data-v-2f990aa7 {
color: #333;
flex-shrink: 0;
width: 155rpx;
}
.content .order .desc .value.data-v-2f990aa7 {
color: #333;
}
.content .order .desc .value.vin.data-v-2f990aa7 {
color: #1f68e9;
}
.content .order .product-list.data-v-2f990aa7 {
margin-top: 20rpx;
padding: 5rpx 0;
}
.content .order .product-list .product.data-v-2f990aa7 {
border-top: 2rpx solid #f2f2f2;
padding: 20rpx 0;
}
.content .order .product-list .product .product-wrap.data-v-2f990aa7 {
background-color: rgba(234, 241, 248, 0.408);
border-radius: 10rpx;
padding: 20rpx;
}
.content
.order
.product-list
.product
.product-wrap
.product-content.data-v-2f990aa7 {
color: #555;
position: relative;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.product-name.data-v-2f990aa7 {
font-size: 30rpx;
font-weight: 700;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.product-desc.data-v-2f990aa7 {
color: #5f5f5f;
font-size: 28rpx;
margin-top: 5rpx;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.loading.data-v-2f990aa7 {
position: absolute;
right: 0;
top: 0;
}
.content
.order
.product-list
.product
.product-wrap
.product-content
.upload.data-v-2f990aa7 {
color: #1f68e9;
font-size: 28rpx;
font-weight: 700;
position: absolute;
right: 0;
top: 0;
}
.content
.order
.product-list
.product
.product-wrap
.button-content.data-v-2f990aa7 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: row-reverse;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.data-v-2f990aa7 {
align-items: center;
border-radius: 30rpx;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
margin-top: 10rpx;
width: 165rpx;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type1.data-v-2f990aa7 {
border: 2rpx solid #1f68e9;
color: #1f68e9;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type2.data-v-2f990aa7 {
border: 2rpx solid #c4c8d1;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type3.data-v-2f990aa7 {
border: none;
color: brown;
width: auto;
}
.content
.order
.product-list
.product
.product-wrap
.button-content
.button.type4.data-v-2f990aa7 {
color: #ff7038;
font-size: 26rpx;
margin-right: 10rpx;
width: 300rpx;
}
.content .order .bottom-content.data-v-2f990aa7 {
align-items: center;
border-top: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
flex-direction: row-reverse;
flex-grow: 1;
padding-top: 20rpx;
}
.content .order .bottom-content .button.data-v-2f990aa7 {
align-items: center;
border-radius: 30rpx;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
height: 60rpx;
justify-content: center;
width: 165rpx;
}
.content .order .bottom-content .button.type1.data-v-2f990aa7 {
background: #1f68e9;
color: #fff;
}
.content .order .bottom-content .button.type2.data-v-2f990aa7 {
border: 2rpx solid #c4c8d1;
}
.content .order .bottom-content .button.type3.data-v-2f990aa7 {
color: #1f68e9;
margin-right: 10rpx;
width: 220rpx;
}
.content .order .tips.data-v-2f990aa7 {
color: #ff7038;
font-size: 25rpx;
margin-top: 20rpx;
text-align: right;
}

92
pages/pay-fail/index.js Normal file
View File

@@ -0,0 +1,92 @@
var e = require("../../common/vendor.js"),
r = require("../../hooks/onMounted.js"),
n = require("../../hooks/onShareAppMessage.js"),
o = require("../../service/index.js"),
i = require("../../utils/navigate.js"),
u = require("../../utils/util.js"),
a = require("../../enums/index.js"),
t = require("../../utils/common.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/request.js"),
Math || (e.unref(d) + e.unref(c) + e.unref(s))();
var s = function () {
return "../../components/popup-pay-again/index.js";
},
d = function () {
return "../../components/float-help/index.js";
},
c = function () {
return "../../components/float-share/index.js";
},
p = {
__name: "index",
setup: function (s) {
var d = e.ref(!0),
c = e.ref(""),
p = e.ref({}),
f = e.ref(!1),
l = function () {
i.redirectTo({ url: "/pages/order-list-mine/index" });
},
v = function () {
q(a.PayMethodEnum.WECHAT_PAY);
},
h = function () {
f.value = !1;
},
j = function (e) {
q(e), (f.value = !1);
},
q = function (e) {
u.showLoading("支付中"),
o
.payOrderAgain({ payMethod: e, order_no: c.value })
.then(function (r) {
t.payForOrder({ payMethod: e, data: r })
.then(function (e) {
var r = e.orderNo;
i.redirectTo({
url: "/pages/pay-success/index",
params: { orderNo: r },
});
})
.catch(function (e) {
var r = e.orderNo;
i.redirectTo({
url: "/pages/pay-fail/index",
params: { orderNo: r },
});
});
});
};
return (
r.onMounted(function (e) {
(c.value = e.orderNo),
o.getOrderDetail({ order_no: e.orderNo }).then(function (e) {
(p.value = e), (d.value = !1), u.hideLoading();
});
}),
n.onShareAppMessage(),
function (r, n) {
return e.e(
{ a: !d.value },
d.value
? {}
: {
b: e.o(v),
c: e.o(l),
d: e.o(h),
e: e.o(j),
f: e.p({ visible: f.value }),
}
);
}
);
},
},
f = e._export_sfc(p, [["__scopeId", "data-v-cb7a366a"]]);
(p.__runtimeHooks = 2), wx.createPage(f);

8
pages/pay-fail/index.json Normal file
View File

@@ -0,0 +1,8 @@
{
"navigationBarTitleText": "支付失败",
"usingComponents": {
"popup-pay-again": "../../components/popup-pay-again/index",
"float-help": "../../components/float-help/index",
"float-share": "../../components/float-share/index"
}
}

45
pages/pay-fail/index.wxml Normal file
View File

@@ -0,0 +1,45 @@
<view class="content data-v-cb7a366a" wx:if="{{a}}">
<image
class="pic data-v-cb7a366a"
src="/static/images/pic_pay_fail.png"
></image>
<view class="pay-status data-v-cb7a366a">支付失败</view>
<view class="tips data-v-cb7a366a">很遗憾，您没有支付成功</view>
<view class="button-content data-v-cb7a366a">
<button
bindtap="{{b}}"
class="button type1 data-v-cb7a366a"
hoverClass="default-hover-class"
hoverStayTime="100"
>
重新支付
</button>
<button
bindtap="{{c}}"
class="button type3 data-v-cb7a366a"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看订单
</button>
</view>
<float-help
bind:__l="__l"
class="data-v-cb7a366a"
uI="cb7a366a-0"
></float-help>
<float-share
bind:__l="__l"
class="data-v-cb7a366a"
uI="cb7a366a-1"
></float-share>
<popup-pay-again
bind:__l="__l"
bindclose="{{d}}"
bindconfirm="{{e}}"
class="data-v-cb7a366a"
uI="cb7a366a-2"
uP="{{f}}"
wx:if="{{f}}"
></popup-pay-again>
</view>

68
pages/pay-fail/index.wxss Normal file
View File

@@ -0,0 +1,68 @@
page {
background-color: #fff;
overflow: visible !important;
}
.content.data-v-cb7a366a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 60rpx;
}
.content .pic.data-v-cb7a366a {
height: 207rpx;
margin-top: 120rpx;
width: 319rpx;
}
.content .pay-status.data-v-cb7a366a {
font-size: 42rpx;
font-weight: 700;
margin-top: 100rpx;
}
.content .tips.data-v-cb7a366a {
color: #5e5e6b;
font-size: 28rpx;
line-height: 44rpx;
margin-top: 40rpx;
padding: 0 20rpx;
}
.content .view-report.data-v-cb7a366a {
color: #1f68e9;
font-size: 32rpx;
font-weight: 700;
margin-top: 150rpx;
}
.content .button-content.data-v-cb7a366a {
padding: 0 20rpx;
width: 100%;
}
.content .button-content .button.data-v-cb7a366a {
background-color: #fff;
border-radius: 100rpx;
font-size: 32rpx;
height: 90rpx;
line-height: 90rpx;
padding: 0;
text-align: center;
width: 100%;
}
.content .button-content .button.type1.data-v-cb7a366a {
background-color: #1f68e9;
color: #fff;
margin-top: 60rpx;
}
.content .button-content .button.type2.data-v-cb7a366a {
background-color: #edf5ff;
color: #1f68e9;
margin-top: 40rpx;
}
.content .button-content .button.type3.data-v-cb7a366a {
border: 2rpx solid #c4c8d1;
margin-top: 40rpx;
}
.content .notice.data-v-cb7a366a {
color: rgba(94, 94, 107, 0.855);
font-size: 24rpx;
margin-top: 50rpx;
text-align: center;
}

113
pages/pay-success/index.js Normal file
View File

@@ -0,0 +1,113 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
u = require("../../hooks/onShareAppMessage.js"),
r = require("../../service/index.js"),
o = require("../../hooks/useState.js"),
i = require("../../utils/navigate.js"),
t = require("../../utils/util.js"),
s = require("../../utils/common.js"),
a = require("../../enums/index.js");
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/request.js"),
require("../../store/app/index.js"),
require("../../data/index.js"),
Math || (e.unref(l) + e.unref(f) + e.unref(d) + e.unref(c))();
var c = function () {
return "../../components/popup-login/index.js";
},
d = function () {
return "../../components/popup-upload-tips/index.js";
},
l = function () {
return "../../components/float-help/index.js";
},
f = function () {
return "../../components/float-share/index.js";
},
p = {
__name: "index",
setup: function (c) {
var d = o.useState().mobile,
l = e.ref(!0),
f = e.ref(""),
p = e.ref({}),
v = e.ref(!1),
j = e.ref(!1),
m = function () {
i.redirectTo({ url: "/pages/order-list-mine/index" });
},
q = function () {
s.chooseDrivingLicense({ orderNo: f.value }).then(function () {
i.redirectTo({ url: "/pages/upload-success/index" });
});
},
x = function () {
v.value = !0;
},
h = function () {
s.queryWithoutDrivingLicense({ orderNo: f.value }).then(function () {
i.redirectTo({ url: "/pages/upload-success/index" });
});
},
g = function () {
v.value = !1;
},
_ = function () {
return (
!!p.value.productList &&
e._.find(p.value.productList, function (e) {
return (
e.product_id === a.ProductTypeEnum.INSURANCE_MAINTAIN ||
e.product_id === a.ProductTypeEnum.ACCIDENT
);
})
);
},
N = function () {
j.value = !1;
};
return (
n.onMounted(function (e) {
(f.value = e.orderNo),
r.getOrderDetail({ order_no: f.value }).then(function (e) {
d.value ||
setTimeout(function () {
j.value = !0;
}, 300),
(p.value = e),
(l.value = !1),
t.hideLoading();
});
}),
u.onShareAppMessage(),
function (n, u) {
return e.e(
{ a: !l.value },
l.value
? {}
: e.e(
{ b: _() },
(_(), {}),
{ c: !_() },
(_(), {}),
{ d: _() },
_() ? { e: e.o(q) } : {},
{ f: _() && p.value.vin },
_() && p.value.vin ? { g: e.o(x) } : {},
{
h: e.o(m),
i: e.o(g),
j: e.o(h),
k: e.p({ visible: v.value }),
l: e.o(N),
m: e.p({ visible: j.value }),
}
)
);
}
);
},
},
v = e._export_sfc(p, [["__scopeId", "data-v-df5365c6"]]);
(p.__runtimeHooks = 2), wx.createPage(v);

9
pages/pay-success/index.json Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "支付成功",
"usingComponents": {
"popup-login": "../../components/popup-login/index",
"popup-upload-tips": "../../components/popup-upload-tips/index",
"float-help": "../../components/float-help/index",
"float-share": "../../components/float-share/index"
}
}

68
pages/pay-success/index.wxml Normal file
View File

@@ -0,0 +1,68 @@
<view class="content data-v-df5365c6" wx:if="{{a}}">
<image
class="pic data-v-df5365c6"
src="/static/images/pic_pay_success.png"
></image>
<view class="pay-status data-v-df5365c6">支付成功</view>
<view class="tips data-v-df5365c6" wx:if="{{b}}">
您已完成支付，为了更精确的查询，需提供行驶证后才能查看报告。
</view>
<view class="tips data-v-df5365c6" wx:if="{{c}}">
正常情况下，报告在3-15分钟内会有结果，车辆维保报告最快10-30分钟左右出结果。报告处理时间为9点-22点，22点后次日处理。18点以后，部分订单会在第二天早上9点后收到查询结果。
</view>
<view class="button-content data-v-df5365c6">
<button
bindtap="{{e}}"
class="button type1 data-v-df5365c6"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{d}}"
>
上传行驶证
</button>
<button
bindtap="{{g}}"
class="button type2 data-v-df5365c6"
hoverClass="default-hover-class"
hoverStayTime="100"
wx:if="{{f}}"
>
无法提供行驶证
</button>
<button
bindtap="{{h}}"
class="button type3 data-v-df5365c6"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看订单
</button>
</view>
<float-help
bind:__l="__l"
class="data-v-df5365c6"
uI="df5365c6-0"
></float-help>
<float-share
bind:__l="__l"
class="data-v-df5365c6"
uI="df5365c6-1"
></float-share>
<popup-upload-tips
bind:__l="__l"
bindcancel="{{i}}"
bindconfirm="{{j}}"
class="data-v-df5365c6"
uI="df5365c6-2"
uP="{{k}}"
wx:if="{{k}}"
></popup-upload-tips>
<popup-login
bind:__l="__l"
bindclose="{{l}}"
class="data-v-df5365c6"
uI="df5365c6-3"
uP="{{m}}"
wx:if="{{m}}"
></popup-login>
</view>

68
pages/pay-success/index.wxss Normal file
View File

@@ -0,0 +1,68 @@
page {
background-color: #fff;
overflow: visible !important;
}
.content.data-v-df5365c6 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 60rpx;
}
.content .pic.data-v-df5365c6 {
height: 210rpx;
margin-top: 120rpx;
width: 311rpx;
}
.content .pay-status.data-v-df5365c6 {
font-size: 42rpx;
font-weight: 700;
margin-top: 100rpx;
}
.content .tips.data-v-df5365c6 {
color: #5e5e6b;
font-size: 28rpx;
line-height: 44rpx;
margin-top: 40rpx;
padding: 0 20rpx;
}
.content .view-report.data-v-df5365c6 {
color: #1f68e9;
font-size: 32rpx;
font-weight: 700;
margin-top: 150rpx;
}
.content .button-content.data-v-df5365c6 {
padding: 0 20rpx;
width: 100%;
}
.content .button-content .button.data-v-df5365c6 {
background-color: #fff;
border-radius: 100rpx;
font-size: 32rpx;
height: 90rpx;
line-height: 90rpx;
padding: 0;
text-align: center;
width: 100%;
}
.content .button-content .button.type1.data-v-df5365c6 {
background-color: #1f68e9;
color: #fff;
margin-top: 60rpx;
}
.content .button-content .button.type2.data-v-df5365c6 {
background-color: #edf5ff;
color: #1f68e9;
margin-top: 40rpx;
}
.content .button-content .button.type3.data-v-df5365c6 {
border: 2rpx solid #c4c8d1;
margin-top: 40rpx;
}
.content .notice.data-v-df5365c6 {
color: rgba(94, 94, 107, 0.855);
font-size: 24rpx;
margin-top: 50rpx;
text-align: center;
}

84
pages/question/index.js Normal file
View File

@@ -0,0 +1,84 @@
var e = require("../../common/vendor.js"),
r = require("../../hooks/onMounted.js"),
n = require("../../hooks/onShareAppMessage.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/util.js"),
Array || e.resolveComponent("uni-icons")(),
Math;
var s = {
__name: "index",
setup: function (s) {
var i = e.ref([
{
question: "一般多久可以生成报告?",
answer:
"正常情况下，报告在3-15分钟内会有结果，车辆维保报告最快10-30分钟左右出结果。报告处理时间为9点-22点，22点后次日处理。18点以后，部分订单会在第二天早上9点后收到查询结果。",
},
{
question: "报告查询失败，是否收费?",
answer:
"查询失败或者没有结果(不含:无出险，无维保，保单脱保)，可以申请退款。",
},
{
question: "车架号或车牌号输入错误怎么办?",
answer:
"综合车况、维保、出险，如果使用车架号查询，待付款或者是待上传行驶证的情况可以修改车架号。如输错资料信息导致的查询失败，此情况不予退款。",
},
{
question: "在哪里可以查看报告?",
answer: "底部导航栏“订单”里面查看报告。",
},
{
question: "为什么有车查不到报告？",
answer:
"由于小部分车辆信息没有在服务商数据库中（如小保险公司、小众品牌车型）或车辆未在4S店进行过维修保养服务，都会查不到相关记录。",
},
{
question: "为什么我的出险记录显示理赔金额为0元?",
answer:
"不管是否对方责任，或对方理赔，只要自己这边有向保险公司报案，就会有记录。",
},
{
question: "为什么我的出险记录没有维修明细?",
answer:
"此情况很大可能为对方全责，对方车辆保险公司负责理赔，己方有向保险公司报案。",
},
{
question: "报告来源是哪里?",
answer:
"报告来源于第三方服务商，报告仅是二手车交易的参考资料之一，请结合实车勘验结果和试乘试驾体验，做出更准确的交易决策。",
},
{
question: "客服在线时间?",
answer:
"客服在线时间为9:00~18:00，请您在工作时间进行咨询，感谢您的理解！",
},
]);
return (
r.onMounted(function () {}, !1),
n.onShareAppMessage(),
function (r, n) {
return {
a: e.f(i.value, function (r, n, s) {
return {
a: "b267452c-0-" + s,
b: e.t(r.question),
c: e.t(r.answer),
d: n,
};
}),
b: e.p({ type: "help", size: "24", color: "#1F68E9" }),
};
}
);
},
},
i = e._export_sfc(s, [["__scopeId", "data-v-b267452c"]]);
(s.__runtimeHooks = 2), wx.createPage(i);

6
pages/question/index.json Normal file
View File

@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "常见问题",
"usingComponents": {
"uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons"
}
}

15
pages/question/index.wxml Normal file
View File

@@ -0,0 +1,15 @@
<view class="content data-v-b267452c">
<view class="item data-v-b267452c" wx:for="{{a}}" wx:key="d">
<view class="question data-v-b267452c">
<uni-icons
bind:__l="__l"
class="data-v-b267452c"
uI="{{item.a}}"
uP="{{b}}"
wx:if="{{b}}"
></uni-icons>
<text class="data-v-b267452c">{{item.b}}</text>
</view>
<view class="answer data-v-b267452c">{{item.c}}</view>
</view>
</view>

23
pages/question/index.wxss Normal file
View File

@@ -0,0 +1,23 @@
page {
background-color: #fff;
}
.content.data-v-b267452c {
padding: 30rpx;
}
.content .item.data-v-b267452c {
margin-bottom: 20rpx;
}
.content .item .question.data-v-b267452c {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .item .question text.data-v-b267452c {
font-size: 32rpx;
font-weight: 700;
margin-left: 10rpx;
}
.content .item .answer.data-v-b267452c {
font-size: 30rpx;
padding: 10rpx;
}

453
pages/report-query/index.js Normal file
View File

@@ -0,0 +1,453 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
u = require("../../hooks/onShareAppMessage.js"),
r = require("../../hooks/useState.js"),
a = require("../../enums/index.js"),
t = require("../../constant/index.js"),
o = require("../../data/index.js"),
l = require("../../utils/navigate.js"),
i = require("../../utils/util.js"),
f = require("../../utils/common.js"),
c = require("../../utils/vin.js");
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../store/app/index.js"),
Array ||
(
e.resolveComponent("uni-collapse-item") +
e.resolveComponent("uni-collapse")
)();
Math ||
(
e.unref(T) +
e.unref(s) +
e.unref(j) +
e.unref(p) +
function () {
return "../../uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item.js";
} +
function () {
return "../../uni_modules/uni-collapse/components/uni-collapse/uni-collapse.js";
} +
e.unref(y) +
e.unref(d) +
e.unref(E) +
e.unref(m) +
e.unref(v)
)();
var v = function () {
return "../../components/popup-copy-vin/index.js";
},
s = function () {
return "../../components/agreement/index.js";
},
m = function () {
return "../../components/keyboard/index.js";
},
p = function () {
return "../../components/time-line/index.js";
},
d = function () {
return "../../components/float-back-to-top/index.js";
},
y = function () {
return "../../components/divider/index.js";
},
T = function () {
return "../../components/tips/index.js";
},
j = function () {
return "../../components/prompt/index.js";
},
E = function () {
return "../../components/float-share/index.js";
},
g = {
__name: "index",
setup: function (v) {
var s = r.useState().showAgreementPopup,
m = e.ref(!0),
p = e.ref(""),
d = e.ref(null),
y = e.ref(a.QueryTypeEnum.VIN),
T = e.ref(!1),
j = e.ref(""),
E = e.ref(!1),
g = e.ref(["", "", "", "", "", "", "", ""]),
k = e.ref(0),
C = e.ref(!1),
h = e.ref(a.KeyboardEnum.AREA),
w = e.ref(!1),
x = e.ref(0),
b = e.ref(!1),
N = e.ref(!1),
I = e.ref(""),
z = function () {
var e = s.value || N.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
A = function () {
l.navigateTo({ url: "/pages/vin-info/index" });
},
L = function (e) {
(y.value = e.detail.value),
e.detail.value === a.QueryTypeEnum.VIN
? ((E.value = !0), (C.value = !1))
: ((E.value = !1), (C.value = !0));
},
V = function () {
j.value = "";
},
q = function () {
f.ocrIdentifyVin().then(function (e) {
j.value = e;
});
},
S = function () {
E.value = !0;
},
_ = function () {
E.value = !1;
},
Q = function (e) {
j.value = e.value;
},
P = function () {
C.value = !1;
},
O = function (e) {
e.keyboardType
? (h.value = e.keyboardType)
: ((g.value = e.value), (k.value = e.index));
},
R = function () {
h.value =
h.value === a.KeyboardEnum.AREA
? a.KeyboardEnum.ABC
: a.KeyboardEnum.AREA;
},
M = function () {
T.value = !T.value;
},
H = function () {
N.value = !1;
},
D = function () {
(j.value = I.value), (N.value = !1), K();
},
K = function () {
(E.value = !1), (C.value = !1);
var e = g.value.join("");
if (T.value) {
if (y.value === a.QueryTypeEnum.VIN) {
if (0 === j.value.length)
return void i.showToast("请输入VIN车架号");
if (j.value.length < 17)
return void i.showToast("请输入完整的VIN车架号");
if (!c.validateVIN(j.value))
return void i.showToast("车架号有误，请检查后重新输入");
}
y.value !== a.QueryTypeEnum.VEHICLE_NO || t.vehicleNoExp.test(e)
? l.navigateTo({
url: "/pages/order-confirm/index",
params: {
productType: d.value,
queryType: y.value,
vin: j.value,
vehicleNo: e,
},
})
: i.showToast("请输入正确的车牌");
} else i.showToast("请先阅读并同意协议");
};
return (
n.onMounted(function (n) {
n.productType === a.ProductTypeEnum.OVERALL && (w.value = !0),
n.productType === a.ProductTypeEnum.ACCIDENT && (x.value = 1),
e.index.setNavigationBarTitle({ title: n.title }),
(p.value = n.title),
(d.value = n.productType),
(y.value = n.queryType),
(m.value = !1),
i.hideLoading(),
n.queryType === a.QueryTypeEnum.VIN &&
f.hasClickAgreement() &&
e.index.getClipboardData().then(function (n) {
var u = n.data;
e.index.hideToast(),
17 === u.trim().length &&
setTimeout(function () {
(I.value = u.trim()), (N.value = !0);
}, 300);
}),
n.queryType === a.QueryTypeEnum.VEHICLE_NO &&
f.hasClickAgreement() &&
setTimeout(function () {
C.value = !0;
}, 200);
}),
e.onPageScroll(function (n) {
var u = n.scrollTop;
b.value = u >= e.index.getSystemInfoSync().windowHeight / 3;
}),
u.onShareAppMessage(),
function (n, u) {
return e.e(
{ a: z(), b: !m.value },
m.value
? {}
: e.e(
{ c: d.value === e.unref(a.ProductTypeEnum).OVERALL },
(d.value, e.unref(a.ProductTypeEnum).OVERALL, {}),
{
d:
d.value === e.unref(a.ProductTypeEnum).INSURANCE_MAINTAIN,
},
(d.value, e.unref(a.ProductTypeEnum).INSURANCE_MAINTAIN, {}),
{ e: d.value === e.unref(a.ProductTypeEnum).ACCIDENT },
(d.value, e.unref(a.ProductTypeEnum).ACCIDENT, {}),
{ f: e.t(p.value), g: w.value },
(w.value, {}),
{
h: e.o(A),
i: e.unref(a.QueryTypeEnum).VIN,
j: y.value === e.unref(a.QueryTypeEnum).VIN,
k: e.unref(a.QueryTypeEnum).VEHICLE_NO,
l: y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO,
m: e.o(L),
n: y.value === e.unref(a.QueryTypeEnum).VIN,
},
y.value === e.unref(a.QueryTypeEnum).VIN
? e.e(
{ o: 0 === j.value.length },
(j.value.length, {}),
{ p: e.t(j.value), q: e.o(S), r: j.value.length > 0 },
j.value.length > 0 ? { s: e.o(V) } : {},
{
t: e.t(j.value.length),
v: e.o(q),
w: j.value.length > 0 ? 1 : "",
}
)
: {},
{ x: y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO },
y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO
? {
y: e.f(g.value, function (n, u, r) {
return e.e(
{
a: e.t(n),
b: u === k.value ? 1 : "",
c: 7 === u,
},
{},
{
d: u,
e: 7 === u ? 1 : "",
f: e.o(function (e) {
return (function (e) {
(k.value = e), (C.value = !0);
})(u);
}, u),
}
);
}),
}
: {},
{
z: e.o(K),
A: e.o(M),
B: e.p({ checked: T.value }),
C: w.value,
},
w.value
? {
D: e.f(["维保记录", "出险记录"], function (n, u, r) {
return {
a: e.t(n),
b: e.n(x.value === u ? "active" : ""),
c: u,
d: e.o(function (e) {
return (function (e) {
x.value = e;
})(u);
}, u),
};
}),
}
: {},
{ E: 0 === x.value },
0 === x.value
? {
F: e.f(e.unref(o.mockMailList), function (n, u, r) {
return {
a: e.t(n.date),
b: e.t(n.mile),
c: u,
d: u % 2 == 1 ? 1 : "",
};
}),
G: e.p({
type: e.unref(a.TimeLineEnum).RECORD,
data: e.unref(o.mockInsuranceList),
}),
}
: {},
{ H: 1 === x.value },
1 === x.value
? e.e(
{
I: e.f(e.unref(o.mockJbxxList), function (n, u, r) {
return { a: e.t(n.label), b: e.t(n.value), c: u };
}),
J: e.f(e.unref(o.mockCkdlpcList), function (n, u, r) {
return e.e(
{ a: n.icon, b: e.t(n.name), c: 0 === n.value },
(n.value, {}),
{ d: 1 === n.value },
(n.value, {}),
{ e: 2 === n.value },
(n.value, {}),
{ f: 3 === n.value || 4 === n.value },
(3 === n.value || n.value, {}),
{ g: u }
);
}),
K: e.f(e.unref(o.mockCkpclbList), function (n, u, r) {
return {
a: e.t(n.name),
b: e.t(n.value.length),
c: n.value.length > 0 ? 1 : "",
d: e.f(n.value, function (n, u, r) {
return { a: e.t(n.name), b: e.t(n.type), c: u };
}),
e: u,
f: "1a2b913a-5-" + r + ",1a2b913a-4",
g: e.p({
name: n.name,
open: n.value.length > 0,
}),
};
}),
L: e.f(e.unref(o.mockClfwzj), function (n, u, r) {
return e.e(
{ a: !n },
{},
{ b: !!n },
{},
{ c: e.t(u), d: u }
);
}),
M: !!e.unref(o.mockClfwzj).前方左侧,
},
(e.unref(o.mockClfwzj).前方左侧, {}),
{ N: !!e.unref(o.mockClfwzj).中间左侧 },
(e.unref(o.mockClfwzj).中间左侧, {}),
{ O: !!e.unref(o.mockClfwzj).后方左侧 },
(e.unref(o.mockClfwzj).后方左侧, {}),
{ P: !!e.unref(o.mockClfwzj).前方右侧 },
(e.unref(o.mockClfwzj).前方右侧, {}),
{ Q: !!e.unref(o.mockClfwzj).中间右侧 },
(e.unref(o.mockClfwzj).中间右侧, {}),
{ R: !!e.unref(o.mockClfwzj).底部 },
(e.unref(o.mockClfwzj).底部, {}),
{ S: !!e.unref(o.mockClfwzj).后方右侧 },
(e.unref(o.mockClfwzj).后方右侧, {}),
{ T: !!e.unref(o.mockClfwzj).顶部 },
(e.unref(o.mockClfwzj).顶部, {}),
{ U: !!e.unref(o.mockClfwzj).正前方 },
(e.unref(o.mockClfwzj).正前方, {}),
{ V: !!e.unref(o.mockClfwzj).内部 },
(e.unref(o.mockClfwzj).内部, {}),
{ W: !!e.unref(o.mockClfwzj).正后方 },
(e.unref(o.mockClfwzj).正后方, {}),
{ X: !!e.unref(o.mockClfwzj).其他 },
(e.unref(o.mockClfwzj).其他, {}),
{
Y: e.f(e.unref(o.mockCkxxList), function (n, u, r) {
return e.e(
{ a: n.icon, b: e.t(n.name), c: 0 === n.value },
(n.value, {}),
{ d: 1 === n.value },
(n.value, {}),
{ e: 2 === n.value },
(n.value, {}),
{ f: u }
);
}),
Z: e.f(e.unref(o.mockTjxxList), function (n, u, r) {
return {
a: e.t(n.name),
b: e.t(n.value || "-"),
c: u,
};
}),
aa: e.f(
e.unref(o.mockPzlsmxList),
function (n, u, r) {
return {
a: e.t(n.date),
b: e.t(n.claimStatus),
c: e.t(
(Number(n.serviceMoney) / 100).toFixed(0)
),
d: e.f(n.result, function (n, u, r) {
return e.e(
{
a: e.t(n.dangerSingleName || "-"),
b: 1 == n.dangerSingleType,
},
(1 == n.dangerSingleType ||
2 == n.dangerSingleType ||
n.dangerSingleType,
{}),
{
c: 2 == n.dangerSingleType,
d: 3 == n.dangerSingleType,
e: e.t(n.dangerSingleNum),
f: u,
}
);
}),
e: u,
};
}
),
}
)
: {},
{
ab: e.t(e.unref(t.disclaimer)),
ac: e.p({ visible: b.value }),
ad: e.o(P),
ae: e.o(O),
af: e.o(R),
ag: e.p({
visible: C.value,
"can-switch": !0,
"keyboard-type": h.value,
"vehicle-no-list": g.value,
"vehicle-no-index": k.value,
}),
ah: e.o(_),
ai: e.o(Q),
aj: e.p({
visible: E.value,
"can-switch": !1,
vin: j.value,
}),
ak: e.o(D),
al: e.o(H),
am: e.p({ visible: N.value, "copy-vin": I.value }),
}
)
);
}
);
},
},
k = e._export_sfc(g, [["__scopeId", "data-v-1a2b913a"]]);
(g.__runtimeHooks = 3), wx.createPage(k);

17
pages/report-query/index.json Normal file
View File

@@ -0,0 +1,17 @@
{
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"usingComponents": {
"uni-collapse-item": "../../uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item",
"uni-collapse": "../../uni_modules/uni-collapse/components/uni-collapse/uni-collapse",
"popup-copy-vin": "../../components/popup-copy-vin/index",
"agreement": "../../components/agreement/index",
"keyboard": "../../components/keyboard/index",
"time-line": "../../components/time-line/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"divider": "../../components/divider/index",
"tips": "../../components/tips/index",
"prompt": "../../components/prompt/index",
"float-share": "../../components/float-share/index"
}
}

676
pages/report-query/index.wxml Normal file
View File

@@ -0,0 +1,676 @@
<page-meta class="data-v-1a2b913a" pageStyle="{{a}}"></page-meta>
<view class="content data-v-1a2b913a" wx:if="{{b}}">
<tips bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-0"></tips>
<view class="banner overall data-v-1a2b913a" wx:if="{{c}}">
<image
class="title data-v-1a2b913a"
mode="heightFix"
src="/static/images/pic_title_1.png"
></image>
<image
class="image data-v-1a2b913a"
src="/static/images/pic_overall.png"
></image>
</view>
<view class="banner maintain data-v-1a2b913a" wx:if="{{d}}">
<image
class="title data-v-1a2b913a"
mode="heightFix"
src="/static/images/pic_title_2.png"
></image>
<image
class="image data-v-1a2b913a"
src="/static/images/pic_maintain.png"
></image>
</view>
<view class="banner accident data-v-1a2b913a" wx:if="{{e}}">
<image
class="title data-v-1a2b913a"
mode="heightFix"
src="/static/images/pic_title_3.png"
></image>
<image
class="image data-v-1a2b913a"
src="/static/images/pic_accident.png"
></image>
</view>
<view class="module-title data-v-1a2b913a">
<view class="data-v-1a2b913a">
<text class="data-v-1a2b913a">{{f}}</text>
<text class="data-v-1a2b913a" wx:if="{{g}}">(维保+出险)</text>
</view>
<view bindtap="{{h}}" class="tips data-v-1a2b913a">什么是VIN?</view>
</view>
<view class="query-content data-v-1a2b913a">
<radio-group bindchange="{{m}}" class="radio-group data-v-1a2b913a">
<label class="data-v-1a2b913a">
<radio
checked="{{j}}"
class="data-v-1a2b913a"
color="#1F68E9"
style="transform: scale(0.9)"
value="{{i}}"
></radio>
<text class="data-v-1a2b913a">按VIN车架号查询</text>
</label>
<label class="data-v-1a2b913a">
<radio
checked="{{l}}"
class="data-v-1a2b913a"
color="#1F68E9"
style="transform: scale(0.9)"
value="{{k}}"
></radio>
<text class="data-v-1a2b913a">按车牌号查询</text>
</label>
</radio-group>
<view
class="{{['input-content','data-v-1a2b913a',w&&'selected']}}"
wx:if="{{n}}"
>
<view bindtap="{{q}}" class="input data-v-1a2b913a">
<text class="placeholder data-v-1a2b913a" wx:if="{{o}}"
>请输入17位VIN车架号</text
>
<text userSelect class="default data-v-1a2b913a">{{p}}</text>
<text class="cursor data-v-1a2b913a"></text>
</view>
<image
bindtap="{{s}}"
class="clear data-v-1a2b913a"
src="/static/svgs/icon_clear.svg"
wx:if="{{r}}"
></image>
<view class="input-length data-v-1a2b913a">{{t}}/17 </view>
<image
bindtap="{{v}}"
class="photo data-v-1a2b913a"
src="/static/svgs/icon_scan.svg"
></image>
</view>
<view class="vehicle-content data-v-1a2b913a" wx:if="{{x}}">
<view
bindtap="{{value.f}}"
class="{{['number-item','data-v-1a2b913a',value.e&&'new']}}"
wx:for="{{y}}"
wx:for-item="value"
wx:key="d"
>
<text class="{{['number','data-v-1a2b913a',value.b&&'selected']}}"
>{{value.a}}</text
>
<text class="energy data-v-1a2b913a" wx:if="{{value.c}}">新能源</text>
</view>
</view>
<view
bindtap="{{z}}"
class="button data-v-1a2b913a"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查 询
</view>
<agreement
bind:__l="__l"
bindchange="{{A}}"
class="data-v-1a2b913a"
uI="1a2b913a-1"
uP="{{B}}"
wx:if="{{B}}"
></agreement>
</view>
<view class="module-title data-v-1a2b913a">样例报告</view>
<view class="example-content data-v-1a2b913a">
<view class="tabs data-v-1a2b913a" wx:if="{{C}}">
<view
bindtap="{{item.d}}"
class="{{['tab','data-v-1a2b913a',item.b]}}"
wx:for="{{D}}"
wx:key="c"
>{{item.a}}</view
>
</view>
<prompt bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-2"></prompt>
<view class="example data-v-1a2b913a" wx:if="{{E}}">
<view class="background data-v-1a2b913a"></view>
<view class="content-title data-v-1a2b913a">车辆维保报告</view>
<view class="sub-title data-v-1a2b913a">中国汽车流通协会发起建设</view>
<view class="order-detail data-v-1a2b913a">
<view class="detail-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">车辆型号：</view>
<view class="value data-v-1a2b913a">奥迪A4L PIUS 40 TFSI</view>
</view>
<view class="detail-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">VIN车架号：</view>
<view class="value data-v-1a2b913a">WDDBF******J540972</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">行驶里程分析</text>
</view>
<view class="cell-content data-v-1a2b913a">
<view class="cell data-v-1a2b913a">
<view class="title data-v-1a2b913a">截止日期</view>
<view class="value data-v-1a2b913a">2022-08-30</view>
</view>
<view class="cell data-v-1a2b913a">
<view class="title data-v-1a2b913a">预计里程</view>
<view class="value data-v-1a2b913a">30000~35000公里</view>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">行驶里程统计</text>
</view>
<view class="mile-content data-v-1a2b913a">
<view class="mile-item data-v-1a2b913a">
<view class="date-title data-v-1a2b913a">日期</view>
<view class="mile-title data-v-1a2b913a">里程(公里)</view>
</view>
<view
class="{{['mile-item','data-v-1a2b913a',item.d&&'selected']}}"
wx:for="{{F}}"
wx:key="c"
>
<view class="date data-v-1a2b913a">{{item.a}}</view>
<view class="mile data-v-1a2b913a">{{item.b}}</view>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">维修保养记录</text>
</view>
<view class="record-content data-v-1a2b913a">
<time-line
bind:__l="__l"
class="data-v-1a2b913a"
uI="1a2b913a-3"
uP="{{G}}"
wx:if="{{G}}"
></time-line>
</view>
</view>
</view>
<view class="example data-v-1a2b913a" wx:if="{{H}}">
<view class="background data-v-1a2b913a"></view>
<view class="content-title data-v-1a2b913a">车辆历史报告</view>
<view class="sub-title data-v-1a2b913a">中国汽车流通协会发起建设</view>
<view class="order-detail data-v-1a2b913a">
<view class="detail-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">VIN车架号：</view>
<view class="value data-v-1a2b913a">WDDBF******J540972</view>
</view>
<view class="detail-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">订单编号：</view>
<view class="value data-v-1a2b913a">35023967751878956</view>
</view>
<view class="detail-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">报告时间：</view>
<view class="value data-v-1a2b913a">2021-08-01 11:27:27</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">基本信息</text>
</view>
<view class="cell-content data-v-1a2b913a">
<view class="cell data-v-1a2b913a" wx:for="{{I}}" wx:key="c">
<view class="title data-v-1a2b913a">{{item.a}}</view>
<view class="value data-v-1a2b913a">{{item.b}}</view>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">车况排查</text>
</view>
<view class="ckpc-content data-v-1a2b913a">
<view class="item data-v-1a2b913a" wx:for="{{J}}" wx:key="g">
<image
class="icon data-v-1a2b913a"
mode="aspectFit"
src="{{item.a}}"
></image>
<text class="name data-v-1a2b913a">{{item.b}}</text>
<text class="status normal data-v-1a2b913a" wx:if="{{item.c}}"
>正常</text
>
<text class="status unidentified data-v-1a2b913a" wx:if="{{item.d}}"
>无法确定</text
>
<text class="status doubt data-v-1a2b913a" wx:if="{{item.e}}"
>疑似</text
>
<text class="status error data-v-1a2b913a" wx:if="{{item.f}}"
>异常</text
>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">综合车况评级</text>
</view>
<view class="grade-info data-v-1a2b913a">
<image
class="grade-img data-v-1a2b913a"
src="/static/images/icon_good.jpg"
></image>
<view class="explain data-v-1a2b913a">
车况评级分为四种：优秀、良好、中等、较差。车况评级结果仅供参考，请谨慎使用。
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">排查明细</text>
</view>
<view class="vehicle-detail data-v-1a2b913a">
<uni-collapse
bind:__l="__l"
class="data-v-1a2b913a"
uI="1a2b913a-4"
uS="{{['d']}}"
>
<uni-collapse-item
bind:__l="__l"
class="data-v-1a2b913a"
uI="{{item.f}}"
uP="{{item.g}}"
uS="{{['title','d']}}"
wx:for="{{K}}"
wx:key="e"
>
<view class="part-title data-v-1a2b913a" slot="title">
<view class="title data-v-1a2b913a">{{item.a}}</view>
<view class="value data-v-1a2b913a">
<text class="{{['data-v-1a2b913a',item.c&&'count']}}"
>{{item.b}}</text
>
项
</view>
</view>
<view
class="part-list data-v-1a2b913a"
wx:for="{{item.d}}"
wx:for-item="partItem"
wx:key="c"
>
<view class="part-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">部件名</view>
<view class="value data-v-1a2b913a">{{partItem.a}}</view>
</view>
<view class="part-item data-v-1a2b913a">
<view class="label data-v-1a2b913a">类型</view>
<view class="value data-v-1a2b913a">{{partItem.b}}</view>
</view>
<view class="divider data-v-1a2b913a"></view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">碰撞部位</text>
<view class="suffix data-v-1a2b913a">
<image
class="data-v-1a2b913a"
src="/static/svgs/icon_normal.svg"
></image>
<text class="data-v-1a2b913a">正常</text>
<image
class="data-v-1a2b913a"
src="/static/svgs/icon_warning_2.svg"
></image>
<text class="data-v-1a2b913a">异常</text>
</view>
</view>
<view class="part-content data-v-1a2b913a">
<view class="part-left data-v-1a2b913a">
<view
class="part-left-item data-v-1a2b913a"
wx:for="{{L}}"
wx:for-item="value"
wx:key="d"
>
<image
class="data-v-1a2b913a"
src="/static/svgs/icon_normal.svg"
wx:if="{{value.a}}"
></image>
<image
class="data-v-1a2b913a"
src="/static/svgs/icon_warning_2.svg"
wx:if="{{value.b}}"
></image>
<text class="data-v-1a2b913a">{{value.c}}</text>
</view>
</view>
<view class="part-right data-v-1a2b913a">
<image
class="pic data-v-1a2b913a"
src="/static/images/pic_vehicle.jpg"
></image>
<view
class="position left data-v-1a2b913a"
style="top: 100rpx; left: -30rpx"
wx:if="{{M}}"
>
<view class="name data-v-1a2b913a">前方左侧</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position left data-v-1a2b913a"
style="top: 350rpx; left: -30rpx"
wx:if="{{N}}"
>
<view class="name data-v-1a2b913a">中间左侧</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position left data-v-1a2b913a"
style="bottom: 100rpx; left: -30rpx"
wx:if="{{O}}"
>
<view class="name data-v-1a2b913a">后方左侧</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position right data-v-1a2b913a"
style="top: 100rpx; right: -30rpx"
wx:if="{{P}}"
>
<view class="name data-v-1a2b913a">前方右侧</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position right data-v-1a2b913a"
style="top: 350rpx; right: -30rpx"
wx:if="{{Q}}"
>
<view class="name data-v-1a2b913a">中间右侧</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position right data-v-1a2b913a"
style="bottom: 290rpx; right: -10rpx"
wx:if="{{R}}"
>
<view class="name data-v-1a2b913a">底部</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position right data-v-1a2b913a"
style="bottom: 100rpx; right: -30rpx"
wx:if="{{S}}"
>
<view class="name data-v-1a2b913a">后方右侧</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position right data-v-1a2b913a"
style="top: 425rpx; left: 180rpx"
wx:if="{{T}}"
>
<view class="name data-v-1a2b913a">顶部</view>
<view class="horizontal-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position top data-v-1a2b913a"
style="top: 30rpx; left: 145rpx"
wx:if="{{U}}"
>
<view class="name data-v-1a2b913a">正前方</view>
<view class="vertical-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position top data-v-1a2b913a"
style="top: 150rpx; left: 160rpx"
wx:if="{{V}}"
>
<view class="name data-v-1a2b913a">内部</view>
<view class="vertical-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position bottom data-v-1a2b913a"
style="bottom: 40rpx; left: 150rpx"
wx:if="{{W}}"
>
<view class="name data-v-1a2b913a">正后方</view>
<view class="vertical-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
<view
class="position bottom data-v-1a2b913a"
style="bottom: 0; right: 20rpx"
wx:if="{{X}}"
>
<view class="name data-v-1a2b913a">其他</view>
<view class="vertical-line data-v-1a2b913a"></view>
<view class="icon data-v-1a2b913a"></view>
</view>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">保险信息</text>
</view>
<view class="insurance-content data-v-1a2b913a">
<view class="notice data-v-1a2b913a">
*
若当前交强险或商业险未在保，但当前断缴时长不超过一个月时，不纳入断缴统计记录中。
</view>
<view class="top-content data-v-1a2b913a">
<view class="item data-v-1a2b913a" wx:for="{{Y}}" wx:key="f">
<image class="icon data-v-1a2b913a" src="{{item.a}}"></image>
<text class="name data-v-1a2b913a">{{item.b}}</text>
<text class="status normal data-v-1a2b913a" wx:if="{{item.c}}"
>正常</text
>
<text class="status warning data-v-1a2b913a" wx:if="{{item.d}}"
>异常</text
>
<text class="status unknown data-v-1a2b913a" wx:if="{{item.e}}"
>未知</text
>
</view>
</view>
<view class="divider data-v-1a2b913a"></view>
<view class="bottom-content data-v-1a2b913a">
<view class="item data-v-1a2b913a" wx:for="{{Z}}" wx:key="c">
<view class="title data-v-1a2b913a">{{item.a}}</view>
<view class="value data-v-1a2b913a">{{item.b}}</view>
</view>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">出险明细</text>
</view>
<view class="insurance-detail data-v-1a2b913a">
<view class="top-content data-v-1a2b913a">
<view class="item data-v-1a2b913a">
<view class="count data-v-1a2b913a">3</view>
<view class="info data-v-1a2b913a">维修总次数(次)</view>
</view>
<view class="item data-v-1a2b913a">
<view class="count data-v-1a2b913a">8000 </view>
<view class="info data-v-1a2b913a">维修总金额(元)</view>
</view>
</view>
<view class="insurance-list data-v-1a2b913a">
<view
class="insurance-item data-v-1a2b913a"
wx:for="{{aa}}"
wx:key="e"
>
<view class="title data-v-1a2b913a">
<view class="dot data-v-1a2b913a"></view>
<view class="date data-v-1a2b913a">{{item.a}}</view>
<view class="status data-v-1a2b913a">（{{item.b}}）</view>
<view class="money data-v-1a2b913a">{{item.c}}元</view>
</view>
<view class="records data-v-1a2b913a">
<view class="record-title data-v-1a2b913a">
<view class="value data-v-1a2b913a" style="width: 40%"
>维修名称</view
>
<view class="value data-v-1a2b913a">维修类型</view>
<view class="value data-v-1a2b913a">件数</view>
</view>
<view
class="record-item data-v-1a2b913a"
wx:for="{{item.d}}"
wx:for-item="listItem"
wx:key="f"
>
<view
class="value data-v-1a2b913a"
style="width: 40%; padding: 0 10rpx"
>{{listItem.a}}</view
>
<view class="value data-v-1a2b913a">
<text class="data-v-1a2b913a" wx:if="{{listItem.b}}"
>更换</text
>
<text class="data-v-1a2b913a" wx:elif="{{listItem.c}}"
>维修</text
>
<text class="data-v-1a2b913a" wx:elif="{{listItem.d}}"
>其他</text
>
<text class="data-v-1a2b913a" wx:else>-</text>
</view>
<view class="value data-v-1a2b913a">{{listItem.e}}</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="card data-v-1a2b913a">
<view class="card-title data-v-1a2b913a">
<image
class="icon-title data-v-1a2b913a"
src="/static/images/icon_title.png"
></image>
<text class="data-v-1a2b913a">车况评级说明</text>
</view>
<view class="intro data-v-1a2b913a" style="margin-top: 20rpx">
（1）优秀：外观无可见瑕疵和喷漆修复等记录；内饰无磨损维修记录；动力系统、机械部位运行正常且无维修；按时保养且记录完整；电子系统无任何故障
</view>
<view class="intro data-v-1a2b913a">
（2）良好：外观局部有1-2处损伤记录；内饰有1-2
处磨损维修记录；动力系统正常且无维修；机械部位运行正常有部分维修或更换记录；电子设备及模块使用正常
</view>
<view class="intro data-v-1a2b913a">
（3）中等：外观局部有3-5处损伤记录；内饰有5-
10处磨损维修记录；动力系统有维修记录；结构件有轻微异常记录
</view>
<view class="intro data-v-1a2b913a">
（4）较差：外观局部有5处以上损伤记录；内饰有
10处以上磨损记录；动力系统有3次以上维修记录或发动机变速箱有维修记录；大灯框架/水箱框架更换或变形；机械部位运行存在严重异常或有大修记录
</view>
</view>
</view>
</view>
<view class="module-title data-v-1a2b913a">免责声明</view>
<view class="disclaimer data-v-1a2b913a">{{ab}}</view>
<divider bind:__l="__l" class="data-v-1a2b913a" uI="1a2b913a-6"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-1a2b913a"
uI="1a2b913a-7"
uP="{{ac}}"
wx:if="{{ac}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-1a2b913a"
uI="1a2b913a-8"
></float-share>
<keyboard
bind:__l="__l"
bindchange="{{ae}}"
bindclose="{{ad}}"
bindtypeChange="{{af}}"
class="data-v-1a2b913a"
uI="1a2b913a-9"
uP="{{ag}}"
wx:if="{{ag}}"
></keyboard>
<keyboard
bind:__l="__l"
bindchange="{{ai}}"
bindclose="{{ah}}"
class="data-v-1a2b913a"
uI="1a2b913a-10"
uP="{{aj}}"
wx:if="{{aj}}"
></keyboard>
<popup-copy-vin
bind:__l="__l"
bindcancel="{{al}}"
bindconfirm="{{ak}}"
class="data-v-1a2b913a"
uI="1a2b913a-11"
uP="{{am}}"
wx:if="{{am}}"
></popup-copy-vin>
</view>

854
pages/report-query/index.wxss Normal file
View File

@@ -0,0 +1,854 @@
.content.data-v-1a2b913a {
padding: 30rpx;
}
.content .banner.data-v-1a2b913a {
background-color: #1f68e9;
border-radius: 15rpx;
color: #fff;
height: 240rpx;
padding: 30rpx;
position: relative;
}
.content .banner .title.data-v-1a2b913a {
height: 95rpx;
position: absolute;
top: 40rpx;
z-index: 9;
}
.content .banner.maintain .image.data-v-1a2b913a {
bottom: 5rpx;
height: 120rpx;
position: absolute;
right: 0;
width: 300rpx;
z-index: 9;
}
.content .banner.accident .image.data-v-1a2b913a {
bottom: -25rpx;
height: 200rpx;
position: absolute;
right: -20rpx;
width: 400rpx;
z-index: 9;
}
.content .banner.overall .image.data-v-1a2b913a {
bottom: 5rpx;
height: 128rpx;
position: absolute;
right: 0;
width: 300rpx;
z-index: 9;
}
.content .module-title.data-v-1a2b913a {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-1a2b913a {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .query-content.data-v-1a2b913a {
background-color: #fff;
border-radius: 10rpx;
padding: 40rpx;
}
.content .query-content .radio-group.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin-bottom: 30rpx;
}
.content .query-content .radio-group label.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
margin-right: 20rpx;
}
.content .query-content .radio-group .tips.data-v-1a2b913a {
color: #1f68e9;
font-size: 30rpx;
}
.content .query-content .vehicle-content.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .query-content .vehicle-content .number-item.data-v-1a2b913a {
border: 2rpx solid #e1e1e1;
display: -webkit-flex;
display: flex;
font-weight: 700;
height: 85rpx;
justify-content: center;
margin: 0 7rpx;
position: relative;
width: 75rpx;
}
.content .query-content .vehicle-content .number-item.new.data-v-1a2b913a {
border: 2rpx dashed #6fd99a;
}
.content .query-content .vehicle-content .number-item .number.data-v-1a2b913a {
font-size: 32rpx;
height: 50rpx;
margin-top: 18rpx;
padding-bottom: 18rpx;
text-align: center;
width: 35rpx;
}
.content
.query-content
.vehicle-content
.number-item
.number.selected.data-v-1a2b913a {
border-bottom: 4rpx solid #1f68e9;
}
.content .query-content .vehicle-content .number-item .energy.data-v-1a2b913a {
background: #0ac260;
border-radius: 14rpx;
color: #fff;
font-size: 16rpx;
height: 28rpx;
left: 2rpx;
line-height: 28rpx;
position: absolute;
text-align: center;
top: -20rpx;
width: 60rpx;
}
.content .query-content .input-content.data-v-1a2b913a {
align-items: center;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
padding: 20rpx;
position: relative;
}
.content .query-content .input-content.selected.data-v-1a2b913a {
border-color: #1f68e9;
}
.content .query-content .input-content .input.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-grow: 1;
font-size: 32rpx;
overflow-y: scroll;
position: relative;
}
.content .query-content .input-content .input .placeholder.data-v-1a2b913a {
color: silver;
left: 0;
position: absolute;
}
.content .query-content .input-content .input .cursor.data-v-1a2b913a {
animation: cursor-blinks-1a2b913a 1.5s step-start infinite;
background: #1f68e9;
height: 40rpx;
width: 4rpx;
}
.content .query-content .input-content .clear.data-v-1a2b913a {
flex-shrink: 0;
height: 32rpx;
padding: 0 10rpx 0 20rpx;
width: 32rpx;
}
.content .query-content .input-content .input-length.data-v-1a2b913a {
color: #232323;
flex-shrink: 0;
font-size: 26rpx;
}
.content .query-content .input-content .photo.data-v-1a2b913a {
flex-shrink: 0;
height: 50rpx;
margin-left: 10rpx;
margin-top: -5rpx;
width: 50rpx;
}
.content .query-content .button.data-v-1a2b913a {
align-items: center;
background-color: #1f68e9;
border-radius: 10rpx;
color: #fff;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
font-weight: 700;
height: 90rpx;
justify-content: center;
margin-top: 30rpx;
}
.content .example-content.data-v-1a2b913a {
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.content .example-content .tabs.data-v-1a2b913a {
align-items: center;
background-color: #fff;
border-bottom: 2rpx solid #ebeef5;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
height: 90rpx;
justify-content: space-evenly;
width: 100%;
}
.content .example-content .tabs .tab.data-v-1a2b913a {
height: 90rpx;
line-height: 90rpx;
}
.content .example-content .tabs .tab.active.data-v-1a2b913a {
border-bottom: 4rpx solid #1f68e9;
color: #1f68e9;
}
.content .example-content .example.data-v-1a2b913a {
margin-top: 30rpx;
padding: 30rpx;
position: relative;
}
.content .example-content .example .background.data-v-1a2b913a {
background: linear-gradient(180deg, #1f68e9, #fff);
border-radius: 10rpx;
height: 2000rpx;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.content .example-content .example .content-title.data-v-1a2b913a {
border-bottom: 1rpx solid #74a8e6;
color: #fff;
font-size: 50rpx;
margin-top: 20rpx;
padding-bottom: 20rpx;
position: relative;
text-align: center;
z-index: 2;
}
.content .example-content .example .sub-title.data-v-1a2b913a {
color: #fff;
font-size: 26rpx;
margin-top: 20rpx;
position: relative;
text-align: center;
z-index: 2;
}
.content .example-content .example .order-detail.data-v-1a2b913a {
color: #fff;
font-size: 28rpx;
margin-top: 50rpx;
position: relative;
z-index: 2;
}
.content .example-content .example .order-detail .detail-item.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
margin: 15rpx 0;
}
.content
.example-content
.example
.order-detail
.detail-item
.label.data-v-1a2b913a {
width: 170rpx;
}
.content .example-content .card.data-v-1a2b913a {
background-color: #fff;
border-radius: 10rpx;
margin: 30rpx 0;
padding: 30rpx;
position: relative;
z-index: 2;
}
.content .example-content .card .card-title.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .example-content .card .card-title .icon-title.data-v-1a2b913a {
height: 30rpx;
margin-right: 10rpx;
width: 34rpx;
}
.content .example-content .card .card-title .suffix.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .example-content .card .card-title .suffix image.data-v-1a2b913a {
height: 30rpx;
margin-left: 30rpx;
width: 30rpx;
}
.content .example-content .card .card-title .suffix text.data-v-1a2b913a {
color: #9a9a9a;
font-size: 3028rpxrpx;
margin-left: 8rpx;
}
.content .example-content .card .card-title image.data-v-1a2b913a {
flex-shrink: 0;
}
.content .example-content .card .card-title text.data-v-1a2b913a {
color: #1f68e9;
flex-grow: 1;
font-size: 32rpx;
}
.content .example-content .brand-name.data-v-1a2b913a {
font-size: 32rpx;
font-weight: 700;
margin-top: 30rpx;
}
.content .example-content .cell-content.data-v-1a2b913a {
background-color: #fff;
border-radius: 10rpx;
margin-top: 20rpx;
position: relative;
}
.content .example-content .cell-content .cell.data-v-1a2b913a {
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 15rpx;
}
.content .example-content .cell-content .cell .title.data-v-1a2b913a {
color: #333;
flex-shrink: 0;
font-size: 30rpx;
padding-left: 5rpx;
position: relative;
}
.content .example-content .cell-content .cell .value.data-v-1a2b913a {
color: #686868;
font-size: 30rpx;
max-width: 450rpx;
padding-right: 5rpx;
}
.content .example-content .mile-content.data-v-1a2b913a {
background-color: #fff;
margin-top: 20rpx;
}
.content .example-content .mile-content .mile-item.data-v-1a2b913a {
border-left: 2rpx solid #ebeef5;
border-right: 2rpx solid #ebeef5;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
width: 100%;
}
.content .example-content .mile-content .mile-item.data-v-1a2b913a:last-child {
border-bottom: 2rpx solid #ebeef5;
}
.content .example-content .mile-content .mile-item.selected.data-v-1a2b913a {
background: #fafafa;
border-bottom: 2rpx solid #ebeef5;
border-top: 2rpx solid #ebeef5;
}
.content .example-content .mile-content .mile-item .date-title.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .mile-title.data-v-1a2b913a {
background-color: #f2f2f2;
border-bottom: 2rpx solid #ebeef5;
border-top: 2rpx solid #ebeef5;
font-weight: 700;
}
.content .example-content .mile-content .mile-item .date-title.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .date.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .mile-title.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .mile.data-v-1a2b913a {
padding: 15rpx 0;
text-align: center;
width: 50%;
}
.content .example-content .record-content.data-v-1a2b913a {
background-color: #fff;
border-radius: 10rpx;
}
.content .example-content .ckpc-content.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.content .example-content .ckpc-content .item.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-top: 30rpx;
position: relative;
width: 135rpx;
}
.content .example-content .ckpc-content .item .icon.data-v-1a2b913a {
height: 56rpx;
width: 56rpx;
}
.content .example-content .ckpc-content .item .name.data-v-1a2b913a {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .example-content .ckpc-content .item .status.data-v-1a2b913a {
border-radius: 50rpx;
font-size: 24rpx;
margin-top: 20rpx;
padding: 5rpx 16rpx;
}
.content .example-content .ckpc-content .item .status.normal.data-v-1a2b913a {
background-color: #dbf5e2;
color: #4aa444;
}
.content .example-content .ckpc-content .item .status.error.data-v-1a2b913a {
background-color: rgba(238, 36, 25, 0.094);
color: #eb5a5a;
}
.content
.example-content
.ckpc-content
.item
.status.unidentified.data-v-1a2b913a {
background-color: #ececec;
color: #606060;
}
.content .example-content .ckpc-content .item .status.doubt.data-v-1a2b913a {
background-color: rgba(255, 112, 56, 0.157);
color: #ff7038;
}
.content .example-content .grade-info.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.content .example-content .grade-info .grade-img.data-v-1a2b913a {
height: 172rpx;
margin: 30rpx 0;
width: 200rpx;
}
.content .example-content .grade-info .explain.data-v-1a2b913a {
background: #fafafa;
border-radius: 10rpx;
color: #9a9a9a;
font-size: 26rpx;
line-height: 38rpx;
padding: 20rpx;
position: relative;
}
.content .example-content .vehicle-detail.data-v-1a2b913a {
margin-top: 20rpx;
}
.content .example-content .vehicle-detail .part-title.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin: 25rpx 0;
}
.content .example-content .vehicle-detail .part-title .count.data-v-1a2b913a {
color: #333;
}
.content .example-content .vehicle-detail .part-list.data-v-1a2b913a {
font-size: 28rpx;
}
.content
.example-content
.vehicle-detail
.part-list
.part-item.data-v-1a2b913a {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 25rpx 0;
}
.content
.example-content
.vehicle-detail
.part-list
.part-item
.label.data-v-1a2b913a {
color: #9a9a9a;
}
.content
.example-content
.vehicle-detail
.part-list
.part-item
.value.data-v-1a2b913a {
color: #333;
margin-right: 50rpx;
}
.content .example-content .part-content.data-v-1a2b913a {
border-radius: 17rpx;
display: -webkit-flex;
display: flex;
margin-top: 20rpx;
}
.content .example-content .part-content .part-left.data-v-1a2b913a {
flex-shrink: 0;
width: 200rpx;
}
.content .example-content .part-content .part-left-item.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
height: 65rpx;
}
.content .example-content .part-content .part-left-item image.data-v-1a2b913a {
height: 30rpx;
width: 30rpx;
}
.content .example-content .part-content .part-left-item text.data-v-1a2b913a {
color: #333;
font-size: 28rpx;
margin-left: 20rpx;
}
.content .example-content .part-content .part-right.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-grow: 1;
justify-content: center;
position: relative;
}
.content .example-content .part-content .part-right .pic.data-v-1a2b913a {
height: 577rpx;
width: 300rpx;
z-index: 10;
}
.content .example-content .part-content .part-right .position.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 20;
}
.content
.example-content
.part-content
.part-right
.position.right.data-v-1a2b913a {
flex-direction: row-reverse;
}
.content
.example-content
.part-content
.part-right
.position.top.data-v-1a2b913a {
flex-direction: column;
}
.content
.example-content
.part-content
.part-right
.position.bottom.data-v-1a2b913a {
flex-direction: column-reverse;
}
.content
.example-content
.part-content
.part-right
.position
.name.data-v-1a2b913a {
color: #333;
font-size: 26rpx;
}
.content
.example-content
.part-content
.part-right
.position
.horizontal-line.data-v-1a2b913a {
background: #bf5759;
height: 2rpx;
width: 15rpx;
}
.content
.example-content
.part-content
.part-right
.position
.vertical-line.data-v-1a2b913a {
background: #bf5759;
height: 15rpx;
width: 2rpx;
}
.content
.example-content
.part-content
.part-right
.position
.icon.data-v-1a2b913a {
background: #eb5a5b;
border: 1rpx solid #fff;
border-radius: 100%;
height: 22rpx;
width: 22rpx;
}
.content .example-content .top-content.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30rpx;
}
.content .example-content .top-content .item.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-top: 20rpx;
position: relative;
width: 180rpx;
}
.content .example-content .top-content .item .icon.data-v-1a2b913a {
height: 56rpx;
width: 56rpx;
}
.content .example-content .top-content .item .name.data-v-1a2b913a {
font-size: 24rpx;
margin-top: 10rpx;
}
.content .example-content .top-content .item .status.data-v-1a2b913a {
border-radius: 50rpx;
font-size: 24rpx;
margin-top: 20rpx;
padding: 5rpx 16rpx;
}
.content .example-content .top-content .item .status.normal.data-v-1a2b913a {
background-color: #dbf5e2;
color: #4aa444;
}
.content .example-content .top-content .item .status.unknown.data-v-1a2b913a {
background-color: #ececec;
color: #606060;
}
.content .example-content .top-content .item .status.warning.data-v-1a2b913a {
background-color: rgba(255, 112, 56, 0.157);
color: #ff7038;
}
.content .example-content .bottom-content .item.data-v-1a2b913a {
display: -webkit-flex;
display: flex;
font-size: 30rpx;
justify-content: space-between;
margin-top: 30rpx;
}
.content .example-content .bottom-content .item .title.data-v-1a2b913a,
.content .example-content .bottom-content .item .value.data-v-1a2b913a {
color: #333;
}
.content .example-content .insurance-detail.data-v-1a2b913a {
margin-top: 30rpx;
}
.content .example-content .insurance-detail .top-content.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.content .example-content .insurance-detail .top-content .item.data-v-1a2b913a {
align-items: center;
background: #f3f3f3;
border: 1rpx solid #d9d9d9;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 167rpx;
justify-content: center;
width: 270rpx;
}
.content
.example-content
.insurance-detail
.top-content
.item
.info.data-v-1a2b913a {
color: #9a9a9a;
font-size: 26rpx;
margin-top: 20rpx;
}
.content
.example-content
.insurance-detail
.top-content
.item
.count.data-v-1a2b913a {
color: #1f68e9;
font-size: 50rpx;
font-weight: 700;
}
.content
.example-content
.insurance-detail
.insurance-item
.title.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
margin: 30rpx 0;
}
.content
.example-content
.insurance-detail
.insurance-item
.title
.dot.data-v-1a2b913a {
background-color: #1f68e9;
border-radius: 100%;
flex-shrink: 0;
height: 18rpx;
width: 18rpx;
}
.content
.example-content
.insurance-detail
.insurance-item
.title
.date.data-v-1a2b913a {
flex-shrink: 0;
font-weight: 700;
margin-left: 10rpx;
}
.content
.example-content
.insurance-detail
.insurance-item
.title
.status.data-v-1a2b913a {
flex-grow: 1;
}
.content
.example-content
.insurance-detail
.insurance-item
.title
.money.data-v-1a2b913a {
flex-shrink: 0;
}
.content
.example-content
.insurance-detail
.insurance-item
.records.data-v-1a2b913a {
background-color: #fff;
border: 1rpx solid #d9d9d9;
border-radius: 10rpx;
font-size: 28rpx;
}
.content
.example-content
.insurance-detail
.insurance-item
.records
.record-title.data-v-1a2b913a {
align-items: center;
background-color: #f3f3f3;
display: -webkit-flex;
display: flex;
padding: 15rpx 0;
}
.content
.example-content
.insurance-detail
.insurance-item
.records
.record-title
.value.data-v-1a2b913a {
display: -webkit-flex;
display: flex;
font-weight: 700;
justify-content: center;
width: 30%;
}
.content
.example-content
.insurance-detail
.insurance-item
.records
.record-item.data-v-1a2b913a {
align-items: center;
display: -webkit-flex;
display: flex;
padding: 15rpx 0;
}
.content
.example-content
.insurance-detail
.insurance-item
.records
.record-item
.value.data-v-1a2b913a {
display: -webkit-flex;
display: flex;
justify-content: center;
width: 30%;
}
.content .example-content .notice.data-v-1a2b913a {
color: #5e5e6b;
font-size: 24rpx;
margin-top: 30rpx;
}
.content .example-content .intro.data-v-1a2b913a {
color: #333;
font-size: 30rpx;
padding: 10rpx 0;
}
.content .example-content .tips.data-v-1a2b913a {
background-color: #fff9ea;
color: #ff9a43;
font-size: 26rpx;
padding: 20rpx;
}
.content .disclaimer.data-v-1a2b913a {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
@-webkit-keyframes cursor-blinks-1a2b913a {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
@keyframes cursor-blinks-1a2b913a {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}

86
pages/sali-check-detail/index.js Normal file
View File

@@ -0,0 +1,86 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
r = require("../../hooks/onShareAppMessage.js"),
t = require("../../service/index.js"),
u = require("../../constant/index.js"),
a = require("../../utils/util.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../utils/request.js"),
Math || (e.unref(i) + e.unref(s) + e.unref(o))();
var i = function () {
return "../../components/vehicle-number/index.js";
},
o = function () {
return "../../components/empty/index.js";
},
s = function () {
return "../../components/divider/index.js";
},
d = {
__name: "index",
setup: function (i) {
var o = e.ref(!0),
s = e.ref(!1),
d = e.ref({}),
c = function () {
e.index.setClipboardData({ data: d.value.vin }).then(function () {
a.showToast("VIN车架号已复制");
});
};
return (
n.onMounted(function (n) {
var r = n.order_no,
i = n.product_id;
a.showLoading("努力查询中"),
t
.getReportDetail({ order_no: r, product_id: i })
.then(function (n) {
var r = e._.find(u.vehicleTypeList, function (e) {
return e.value == n.type;
});
(n.type = r ? r.text : "-"),
(d.value = n),
(o.value = !1),
a.hideLoading();
});
}, !1),
r.onShareAppMessage(),
function (n, r) {
return e.e(
{ a: !o.value },
o.value
? {}
: e.e(
{ b: !s.value },
s.value
? {}
: e.e(
{ c: d.value.car_no },
d.value.car_no
? { d: e.p({ data: d.value.car_no }) }
: {},
{ e: d.value.vin },
d.value.vin ? { f: e.t(d.value.vin), g: e.o(c) } : {},
{
h: e.t(d.value.type || "-"),
i: e.t(d.value.first_insurance_date || "-"),
j: e.t(d.value.last_compulsory_insurance_date || "-"),
k: e.t(d.value.latest_insurance_date_start || "-"),
l: e.t(d.value.latest_insurance_date_end || "-"),
m: e.t(e.unref(u.disclaimer)),
}
),
{ n: s.value },
s.value ? { o: e.p({ info: "抱歉~！没有查到数据哦" }) } : {}
)
);
}
);
},
},
c = e._export_sfc(d, [["__scopeId", "data-v-ad616c8d"]]);
(d.__runtimeHooks = 2), wx.createPage(c);

8
pages/sali-check-detail/index.json Normal file
View File

@@ -0,0 +1,8 @@
{
"navigationBarTitleText": "交强险投保日期",
"usingComponents": {
"vehicle-number": "../../components/vehicle-number/index",
"empty": "../../components/empty/index",
"divider": "../../components/divider/index"
}
}

56
pages/sali-check-detail/index.wxml Normal file
View File

@@ -0,0 +1,56 @@
<view class="content data-v-ad616c8d" wx:if="{{a}}">
<view class="data-v-ad616c8d" wx:if="{{b}}">
<view class="module-title data-v-ad616c8d">交强险投保日期</view>
<view class="detail data-v-ad616c8d">
<view class="cell data-v-ad616c8d" wx:if="{{c}}">
<view class="title data-v-ad616c8d">车牌号码</view>
<view class="value data-v-ad616c8d">
<vehicle-number
bind:__l="__l"
class="data-v-ad616c8d"
uI="ad616c8d-0"
uP="{{d}}"
wx:if="{{d}}"
></vehicle-number>
</view>
</view>
<view class="cell data-v-ad616c8d" wx:if="{{e}}">
<view class="title data-v-ad616c8d">VIN车架号</view>
<view class="value data-v-ad616c8d">
<text class="data-v-ad616c8d">{{f}}</text>
<text bindtap="{{g}}" class="copy data-v-ad616c8d">复制</text>
</view>
</view>
<view class="cell data-v-ad616c8d">
<view class="title data-v-ad616c8d">号牌种类</view>
<view class="value data-v-ad616c8d">{{h}}</view>
</view>
<view class="cell data-v-ad616c8d">
<view class="title data-v-ad616c8d">初次投保日期</view>
<view class="value data-v-ad616c8d">{{i}}</view>
</view>
<view class="cell data-v-ad616c8d">
<view class="title data-v-ad616c8d">上次交强险投保年月</view>
<view class="value data-v-ad616c8d">{{j}}</view>
</view>
<view class="cell data-v-ad616c8d">
<view class="title data-v-ad616c8d">最近交强险投保期始</view>
<view class="value data-v-ad616c8d">{{k}}</view>
</view>
<view class="cell data-v-ad616c8d">
<view class="title data-v-ad616c8d">最近交强险投保期止</view>
<view class="value data-v-ad616c8d">{{l}}</view>
</view>
</view>
<view class="module-title data-v-ad616c8d">免责声明</view>
<view class="disclaimer data-v-ad616c8d">{{m}}</view>
<divider bind:__l="__l" class="data-v-ad616c8d" uI="ad616c8d-1"></divider>
</view>
<empty
bind:__l="__l"
class="data-v-ad616c8d"
uI="ad616c8d-2"
uP="{{o}}"
wx:if="{{n}}"
></empty>
</view>

88
pages/sali-check-detail/index.wxss Normal file
View File

@@ -0,0 +1,88 @@
.content.data-v-ad616c8d {
padding: 30rpx;
}
.content .info.data-v-ad616c8d {
align-items: center;
background-color: #eaf1f8;
border-radius: 12rpx;
display: -webkit-flex;
display: flex;
padding: 20rpx 30rpx;
}
.content .info .logo.data-v-ad616c8d {
flex-shrink: 0;
height: 100rpx;
width: 100rpx;
}
.content .info .right-content.data-v-ad616c8d {
flex-grow: 1;
margin-left: 30rpx;
}
.content .info .right-content .name.data-v-ad616c8d {
font-size: 32rpx;
font-weight: 700;
}
.content .info .right-content .desc.data-v-ad616c8d {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
margin-top: 8rpx;
}
.content .info .right-content .desc image.data-v-ad616c8d {
height: 40rpx;
width: 265rpx;
}
.content .module-title.data-v-ad616c8d {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-ad616c8d {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .disclaimer.data-v-ad616c8d {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
.content .detail.data-v-ad616c8d {
background-color: #fff;
border-radius: 10rpx;
padding: 10rpx 40rpx;
position: relative;
}
.content .detail .cell.data-v-ad616c8d {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 30rpx 0;
}
.content .detail .cell .title.data-v-ad616c8d {
color: #333;
flex-shrink: 0;
font-size: 30rpx;
padding-left: 5rpx;
position: relative;
}
.content .detail .cell .value.data-v-ad616c8d {
color: #686868;
font-size: 30rpx;
max-width: 450rpx;
padding-right: 5rpx;
}
.content .detail .cell .value .copy.data-v-ad616c8d {
color: #d71818;
margin-left: 15rpx;
}

281
pages/sali-check-query/index.js Normal file
View File

@@ -0,0 +1,281 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
u = require("../../hooks/onShareAppMessage.js"),
t = require("../../hooks/useState.js"),
a = require("../../enums/index.js"),
r = require("../../constant/index.js"),
o = require("../../data/index.js"),
i = require("../../utils/navigate.js"),
l = require("../../utils/util.js"),
v = require("../../utils/common.js");
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../store/app/index.js"),
Array || e.resolveComponent("uni-data-select")();
Math ||
(
e.unref(p) +
function () {
return "../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select.js";
} +
e.unref(c) +
e.unref(y) +
e.unref(d) +
e.unref(m) +
e.unref(h) +
e.unref(f) +
e.unref(s)
)();
var s = function () {
return "../../components/popup-copy-vin/index.js";
},
c = function () {
return "../../components/agreement/index.js";
},
f = function () {
return "../../components/keyboard/index.js";
},
d = function () {
return "../../components/divider/index.js";
},
p = function () {
return "../../components/tips/index.js";
},
y = function () {
return "../../components/prompt/index.js";
},
m = function () {
return "../../components/float-back-to-top/index.js";
},
h = function () {
return "../../components/float-share/index.js";
},
E = {
__name: "index",
setup: function (s) {
var c = t.useState().showAgreementPopup,
f = e.ref(!0),
d = e.ref(""),
p = e.ref("02"),
y = e.ref(a.QueryTypeEnum.VIN),
m = e.ref(!1),
h = e.ref(""),
E = e.ref(!1),
T = e.ref(["", "", "", "", "", "", "", ""]),
g = e.ref(0),
x = e.ref(!1),
j = e.ref(a.KeyboardEnum.AREA),
I = e.ref(!1),
b = e.ref(""),
N = e.ref(!1),
V = function () {
var e = c.value || I.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
q = function () {
i.navigateTo({ url: "/pages/vin-info/index" });
},
_ = function (e) {
(y.value = e.detail.value),
e.detail.value === a.QueryTypeEnum.VIN
? ((E.value = !0), (x.value = !1))
: ((E.value = !1), (x.value = !0));
},
k = function () {
h.value = "";
},
A = function () {
v.ocrIdentifyVin().then(function (e) {
h.value = e;
});
},
C = function () {
E.value = !0;
},
Q = function () {
E.value = !1;
},
w = function (e) {
h.value = e.value;
},
L = function () {
x.value = !1;
},
H = function (e) {
e.keyboardType
? (j.value = e.keyboardType)
: ((T.value = e.value), (g.value = e.index));
},
S = function () {
j.value =
j.value === a.KeyboardEnum.AREA
? a.KeyboardEnum.ABC
: a.KeyboardEnum.AREA;
},
K = function () {
m.value = !m.value;
},
M = function () {
I.value = !1;
},
O = function () {
(h.value = b.value), (I.value = !1), P();
},
P = function () {
(E.value = !1), (x.value = !1);
var e = T.value.join("");
if (m.value) {
if (y.value === a.QueryTypeEnum.VIN) {
if (0 === h.value.length)
return void l.showToast("请输入VIN车架号");
if (h.value.length < 17)
return void l.showToast("请输入完整的VIN车架号");
}
y.value !== a.QueryTypeEnum.VEHICLE_NO || r.vehicleNoExp.test(e)
? p.value
? i.navigateTo({
url: "/pages/order-confirm/index",
params: {
productType: a.ProductTypeEnum.SALI_CHECK,
queryType: y.value,
vehicleType: p.value,
vin: h.value,
vehicleNo: e,
},
})
: l.showToast("请选择车辆类型")
: l.showToast("请输入正确的车牌");
} else l.showToast("请先阅读并同意协议");
};
return (
n.onMounted(function (n) {
e.index.setNavigationBarTitle({ title: n.title }),
v.hasClickAgreement() &&
e.index.getClipboardData().then(function (n) {
var u = n.data;
e.index.hideToast(),
17 === u.trim().length &&
setTimeout(function () {
(b.value = u.trim()), (I.value = !0);
}, 300);
}),
(d.value = n.title),
(f.value = !1),
l.hideLoading();
}),
e.onPageScroll(function (n) {
var u = n.scrollTop;
N.value = u >= e.index.getSystemInfoSync().windowHeight / 3;
}),
u.onShareAppMessage(),
function (n, u) {
return e.e(
{ a: V(), b: !f.value },
f.value
? {}
: e.e(
{
c: e.t(d.value),
d: e.o(q),
e: e.unref(a.QueryTypeEnum).VIN,
f: y.value === e.unref(a.QueryTypeEnum).VIN,
g: e.unref(a.QueryTypeEnum).VEHICLE_NO,
h: y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO,
i: e.o(_),
j: y.value === e.unref(a.QueryTypeEnum).VIN,
},
y.value === e.unref(a.QueryTypeEnum).VIN
? e.e(
{ k: 0 === h.value.length },
(h.value.length, {}),
{ l: e.t(h.value), m: e.o(C), n: h.value.length > 0 },
h.value.length > 0 ? { o: e.o(k) } : {},
{
p: e.t(h.value.length),
q: e.o(A),
r: h.value.length > 0 ? 1 : "",
}
)
: {},
{ s: y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO },
y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO
? {
t: e.f(T.value, function (n, u, t) {
return e.e(
{
a: e.t(n),
b: u === g.value ? 1 : "",
c: 7 === u,
},
{},
{
d: u,
e: 7 === u ? 1 : "",
f: e.o(function (e) {
return (function (e) {
(g.value = e), (x.value = !0);
})(u);
}, u),
}
);
}),
}
: {},
{
v: e.o(function (e) {
return (p.value = e);
}),
w: e.p({
localdata: e.unref(r.vehicleTypeList),
modelValue: p.value,
}),
x: e.o(P),
y: e.o(K),
z: e.p({ checked: m.value }),
A: e.f(e.unref(o.mockSaliCheckList), function (n, u, t) {
return {
a: e.t(n.label),
b: e.t(n.value),
c: u,
d:
(y.value === e.unref(a.QueryTypeEnum).VEHICLE_NO &&
1 === u) ||
(y.value === e.unref(a.QueryTypeEnum).VIN && 0 === u)
? "none"
: "",
};
}),
B: e.t(e.unref(r.disclaimer)),
C: e.p({ visible: N.value }),
D: e.o(L),
E: e.o(H),
F: e.o(S),
G: e.p({
visible: x.value,
"can-switch": !0,
"keyboard-type": j.value,
"vehicle-no-list": T.value,
"vehicle-no-index": g.value,
}),
H: e.o(Q),
I: e.o(w),
J: e.p({
visible: E.value,
"can-switch": !1,
vin: h.value,
}),
K: e.o(O),
L: e.o(M),
M: e.p({ visible: I.value, "copy-vin": b.value }),
}
)
);
}
);
},
},
T = e._export_sfc(E, [["__scopeId", "data-v-b545ddc3"]]);
(E.__runtimeHooks = 3), wx.createPage(T);

15
pages/sali-check-query/index.json Normal file
View File

@@ -0,0 +1,15 @@
{
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"usingComponents": {
"uni-data-select": "../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select",
"popup-copy-vin": "../../components/popup-copy-vin/index",
"agreement": "../../components/agreement/index",
"keyboard": "../../components/keyboard/index",
"divider": "../../components/divider/index",
"tips": "../../components/tips/index",
"prompt": "../../components/prompt/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"float-share": "../../components/float-share/index"
}
}

169
pages/sali-check-query/index.wxml Normal file
View File

@@ -0,0 +1,169 @@
<page-meta class="data-v-b545ddc3" pageStyle="{{a}}"></page-meta>
<view class="content data-v-b545ddc3" wx:if="{{b}}">
<tips bind:__l="__l" class="data-v-b545ddc3" uI="b545ddc3-0"></tips>
<view class="banner data-v-b545ddc3">
<image
class="title data-v-b545ddc3"
mode="heightFix"
src="/static/images/pic_title_5.png"
></image>
<image
class="image data-v-b545ddc3"
src="/static/images/pic_sali_check.png"
></image>
</view>
<view class="module-title data-v-b545ddc3">
<view class="data-v-b545ddc3">{{c}}</view>
<view bindtap="{{d}}" class="tips data-v-b545ddc3">什么是VIN?</view>
</view>
<view class="query-content data-v-b545ddc3">
<radio-group bindchange="{{i}}" class="radio-group data-v-b545ddc3">
<label class="data-v-b545ddc3">
<radio
checked="{{f}}"
class="data-v-b545ddc3"
color="#1F68E9"
style="transform: scale(0.9)"
value="{{e}}"
></radio>
<text class="data-v-b545ddc3">按VIN车架号查询</text>
</label>
<label class="data-v-b545ddc3">
<radio
checked="{{h}}"
class="data-v-b545ddc3"
color="#1F68E9"
style="transform: scale(0.9)"
value="{{g}}"
></radio>
<text class="data-v-b545ddc3">按车牌号查询</text>
</label>
</radio-group>
<view
class="{{['input-content','data-v-b545ddc3',r&&'selected']}}"
wx:if="{{j}}"
>
<view bindtap="{{m}}" class="input data-v-b545ddc3">
<text class="placeholder data-v-b545ddc3" wx:if="{{k}}"
>请输入17位VIN车架号</text
>
<text userSelect class="default data-v-b545ddc3">{{l}}</text>
<text class="cursor data-v-b545ddc3"></text>
</view>
<image
bindtap="{{o}}"
class="clear data-v-b545ddc3"
src="/static/svgs/icon_clear.svg"
wx:if="{{n}}"
></image>
<view class="input-length data-v-b545ddc3">{{p}}/17 </view>
<image
bindtap="{{q}}"
class="photo data-v-b545ddc3"
src="/static/svgs/icon_scan.svg"
></image>
</view>
<view class="vehicle-content data-v-b545ddc3" wx:if="{{s}}">
<view
bindtap="{{value.f}}"
class="{{['number-item','data-v-b545ddc3',value.e&&'new']}}"
wx:for="{{t}}"
wx:for-item="value"
wx:key="d"
>
<text class="{{['number','data-v-b545ddc3',value.b&&'selected']}}"
>{{value.a}}</text
>
<text class="energy data-v-b545ddc3" wx:if="{{value.c}}">新能源</text>
</view>
</view>
<view class="title-content data-v-b545ddc3">
<text class="data-v-b545ddc3" style="color: #f5222d; margin-right: 5rpx"
>*</text
>
<text class="data-v-b545ddc3">请选择您的车辆类型</text>
</view>
<view class="vehicle-type-select data-v-b545ddc3">
<uni-data-select
bind:__l="__l"
bindupdateModelValue="{{v}}"
class="data-v-b545ddc3"
uI="b545ddc3-1"
uP="{{w}}"
wx:if="{{w}}"
></uni-data-select>
</view>
<view
bindtap="{{x}}"
class="button data-v-b545ddc3"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查 询
</view>
<agreement
bind:__l="__l"
bindchange="{{y}}"
class="data-v-b545ddc3"
uI="b545ddc3-2"
uP="{{z}}"
wx:if="{{z}}"
></agreement>
</view>
<view class="module-title data-v-b545ddc3">样例报告</view>
<view class="example-content data-v-b545ddc3">
<prompt bind:__l="__l" class="data-v-b545ddc3" uI="b545ddc3-3"></prompt>
<view
class="cell data-v-b545ddc3"
style="{{'display:'+item.d}}"
wx:for="{{A}}"
wx:key="c"
>
<view class="cell-title data-v-b545ddc3">{{item.a}}</view>
<view class="cell-value data-v-b545ddc3">{{item.b}}</view>
</view>
</view>
<view class="module-title data-v-b545ddc3">免责声明</view>
<view class="disclaimer data-v-b545ddc3">{{B}}</view>
<divider bind:__l="__l" class="data-v-b545ddc3" uI="b545ddc3-4"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-b545ddc3"
uI="b545ddc3-5"
uP="{{C}}"
wx:if="{{C}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-b545ddc3"
uI="b545ddc3-6"
></float-share>
<keyboard
bind:__l="__l"
bindchange="{{E}}"
bindclose="{{D}}"
bindtypeChange="{{F}}"
class="data-v-b545ddc3"
uI="b545ddc3-7"
uP="{{G}}"
wx:if="{{G}}"
></keyboard>
<keyboard
bind:__l="__l"
bindchange="{{I}}"
bindclose="{{H}}"
class="data-v-b545ddc3"
uI="b545ddc3-8"
uP="{{J}}"
wx:if="{{J}}"
></keyboard>
<popup-copy-vin
bind:__l="__l"
bindcancel="{{L}}"
bindconfirm="{{K}}"
class="data-v-b545ddc3"
uI="b545ddc3-9"
uP="{{M}}"
wx:if="{{M}}"
></popup-copy-vin>
</view>

254
pages/sali-check-query/index.wxss Normal file
View File

@@ -0,0 +1,254 @@
.content.data-v-b545ddc3 {
padding: 30rpx;
}
.content .banner.data-v-b545ddc3 {
background-color: #1f68e9;
border-radius: 15rpx;
color: #fff;
height: 240rpx;
padding: 30rpx;
position: relative;
}
.content .banner .title.data-v-b545ddc3 {
height: 95rpx;
position: absolute;
top: 40rpx;
z-index: 10;
}
.content .banner .image.data-v-b545ddc3 {
bottom: -15rpx;
height: 170rpx;
position: absolute;
right: -10rpx;
width: 350rpx;
z-index: 9;
}
.content .module-title.data-v-b545ddc3 {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 36rpx;
font-weight: 700;
justify-content: space-between;
line-height: 36rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-b545ddc3 {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .query-content.data-v-b545ddc3 {
background-color: #fff;
border-radius: 10rpx;
padding: 40rpx;
}
.content .query-content .radio-group.data-v-b545ddc3 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin-bottom: 30rpx;
}
.content .query-content .radio-group label.data-v-b545ddc3 {
align-items: center;
display: -webkit-flex;
display: flex;
margin-right: 20rpx;
}
.content .query-content .radio-group .tips.data-v-b545ddc3 {
color: #1f68e9;
font-size: 30rpx;
}
.content .query-content .vehicle-content.data-v-b545ddc3 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .query-content .vehicle-content .number-item.data-v-b545ddc3 {
border: 2rpx solid #e1e1e1;
display: -webkit-flex;
display: flex;
font-weight: 700;
height: 85rpx;
justify-content: center;
margin: 0 7rpx;
position: relative;
width: 75rpx;
}
.content .query-content .vehicle-content .number-item.new.data-v-b545ddc3 {
border: 2rpx dashed #6fd99a;
}
.content .query-content .vehicle-content .number-item .number.data-v-b545ddc3 {
font-size: 32rpx;
height: 50rpx;
margin-top: 18rpx;
padding-bottom: 18rpx;
text-align: center;
width: 35rpx;
}
.content
.query-content
.vehicle-content
.number-item
.number.selected.data-v-b545ddc3 {
border-bottom: 4rpx solid #1f68e9;
}
.content .query-content .vehicle-content .number-item .energy.data-v-b545ddc3 {
background: #0ac260;
border-radius: 14rpx;
color: #fff;
font-size: 16rpx;
height: 28rpx;
left: 2rpx;
line-height: 28rpx;
position: absolute;
text-align: center;
top: -20rpx;
width: 60rpx;
}
.content .query-content .input-content.data-v-b545ddc3 {
align-items: center;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
padding: 20rpx;
position: relative;
}
.content .query-content .input-content.selected.data-v-b545ddc3 {
border-color: #1f68e9;
}
.content .query-content .input-content .input.data-v-b545ddc3 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-grow: 1;
font-size: 32rpx;
font-size: 30rpx;
overflow-y: scroll;
position: relative;
}
.content .query-content .input-content .input .placeholder.data-v-b545ddc3 {
color: silver;
left: 0;
position: absolute;
}
.content .query-content .input-content .input .cursor.data-v-b545ddc3 {
animation: cursor-blinks-b545ddc3 1.5s step-start infinite;
background: #1f68e9;
height: 40rpx;
width: 4rpx;
}
.content .query-content .input-content .clear.data-v-b545ddc3 {
flex-shrink: 0;
height: 32rpx;
padding: 0 10rpx 0 20rpx;
width: 32rpx;
}
.content .query-content .input-content .input-length.data-v-b545ddc3 {
color: #232323;
flex-shrink: 0;
font-size: 26rpx;
}
.content .query-content .input-content .photo.data-v-b545ddc3 {
flex-shrink: 0;
height: 50rpx;
margin-left: 10rpx;
margin-top: -5rpx;
width: 50rpx;
}
.content .query-content .title-content.data-v-b545ddc3 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin: 30rpx 0;
}
.content .query-content .button.data-v-b545ddc3 {
align-items: center;
background-color: #1f68e9;
border-radius: 10rpx;
color: #fff;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
font-weight: 700;
height: 90rpx;
justify-content: center;
margin-top: 40rpx;
}
.content .example-content.data-v-b545ddc3 {
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.content .example-content .cell.data-v-b545ddc3 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 40rpx;
}
.content .example-content .cell-title.data-v-b545ddc3 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
padding-left: 5rpx;
}
.content .example-content .cell-title image.data-v-b545ddc3 {
height: 30rpx;
margin-left: 10rpx;
width: 30rpx;
}
.content .example-content .cell-value.data-v-b545ddc3 {
color: #686868;
font-size: 30rpx;
padding-right: 5rpx;
}
.content .example-content .tips.data-v-b545ddc3 {
background-color: #fffbe8;
color: #ed6a0c;
font-size: 26rpx;
padding: 20rpx;
}
.content .disclaimer.data-v-b545ddc3 {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
@-webkit-keyframes cursor-blinks-b545ddc3 {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
@keyframes cursor-blinks-b545ddc3 {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}

109
pages/sali-detail/index.js Normal file
View File

@@ -0,0 +1,109 @@
var e = require("../../common/vendor.js"),
t = require("../../hooks/onMounted.js"),
n = require("../../hooks/onShareAppMessage.js"),
r = require("../../service/index.js"),
i = require("../../constant/index.js"),
u = require("../../utils/util.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../utils/request.js"),
Math || (e.unref(a) + e.unref(s) + e.unref(o) + e.unref(v))();
var a = function () {
return "../../components/vehicle-number/index.js";
},
o = function () {
return "../../components/empty/index.js";
},
s = function () {
return "../../components/divider/index.js";
},
v = function () {
return "../../components/float-share/index.js";
},
l = {
__name: "index",
setup: function (a) {
var o = e.ref(!0),
s = e.ref(!1),
v = e.ref({}),
l = function () {
e.index.setClipboardData({ data: v.value.vin }).then(function () {
u.showToast("VIN车架号已复制");
});
};
return (
t.onMounted(function (t) {
var n = t.order_no,
a = t.product_id;
u.showLoading("努力查询中"),
r
.getReportDetail({ order_no: n, product_id: a })
.then(function (t) {
var n = e._.find(i.vehicleTypeList, function (e) {
return e.value == t.type;
});
(t.type = n ? n.text : "-"),
(v.value = t),
(o.value = !1),
u.hideLoading();
});
}, !1),
n.onShareAppMessage(),
function (t, n) {
return e.e(
{ a: !o.value },
o.value
? {}
: e.e(
{ b: !s.value },
s.value
? {}
: e.e(
{ c: v.value.info },
v.value.info
? {
d: e.t(v.value.vin),
e: e.o(l),
f: e.t(v.value.info || "-"),
g: e.t(v.value.create_time || "-"),
}
: {},
{ h: !v.value.info },
v.value.info
? {}
: e.e(
{
i: e.t(v.value.name.trim() || "-"),
j: e.t(v.value.code.trim() || "-"),
k: e.t(v.value.no.trim() || "-"),
l: e.t(v.value.start_time.trim() || "-"),
m: e.t(v.value.end_time.trim() || "-"),
n: !!v.value.cph.trim(),
},
v.value.cph.trim()
? { o: e.p({ data: v.value.cph.trim() }) }
: {},
{
p: e.t(v.value.type.trim() || "-"),
q: e.t(v.value.vin),
r: e.o(l),
s: e.t(v.value.engine_no.trim() || "-"),
t: e.t(v.value.area.trim() || "-"),
v: e.t(v.value.create_time || "-"),
}
),
{ w: e.t(e.unref(i.disclaimer)) }
),
{ x: s.value },
s.value ? { y: e.p({ info: "抱歉~！没有查到数据哦" }) } : {}
)
);
}
);
},
},
d = e._export_sfc(l, [["__scopeId", "data-v-a38072eb"]]);
(l.__runtimeHooks = 2), wx.createPage(d);

9
pages/sali-detail/index.json Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "交强险信息",
"usingComponents": {
"vehicle-number": "../../components/vehicle-number/index",
"empty": "../../components/empty/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

98
pages/sali-detail/index.wxml Normal file
View File

@@ -0,0 +1,98 @@
<view class="content data-v-a38072eb" wx:if="{{a}}">
<view class="data-v-a38072eb" wx:if="{{b}}">
<view class="module-title data-v-a38072eb">交强险信息</view>
<view class="detail data-v-a38072eb" wx:if="{{c}}">
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">VIN车架号</view>
<view class="value data-v-a38072eb">
<text class="data-v-a38072eb">{{d}}</text>
<text bindtap="{{e}}" class="copy data-v-a38072eb">复制</text>
</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">状态</view>
<view
class="value data-v-a38072eb"
style="font-weight: bold; color: #333"
>{{f}}</view
>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">报告时间</view>
<view class="value data-v-a38072eb">{{g}}</view>
</view>
</view>
<view class="detail data-v-a38072eb" wx:if="{{h}}">
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">保险公司</view>
<view class="value data-v-a38072eb">{{i}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">投保确认码</view>
<view class="value data-v-a38072eb">{{j}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">保单号</view>
<view class="value data-v-a38072eb">{{k}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">起保日期</view>
<view class="value data-v-a38072eb">{{l}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">终保日期</view>
<view class="value data-v-a38072eb">{{m}}</view>
</view>
<view class="cell data-v-a38072eb" wx:if="{{n}}">
<view class="title data-v-a38072eb">车牌号码</view>
<view class="value data-v-a38072eb">
<vehicle-number
bind:__l="__l"
class="data-v-a38072eb"
uI="a38072eb-0"
uP="{{o}}"
wx:if="{{o}}"
></vehicle-number>
</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">号牌种类</view>
<view class="value data-v-a38072eb">{{p}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">VIN车架号</view>
<view class="value data-v-a38072eb">
<text class="data-v-a38072eb">{{q}}</text>
<text bindtap="{{r}}" class="copy data-v-a38072eb">复制</text>
</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">发动机号</view>
<view class="value data-v-a38072eb">{{s}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">投保地区</view>
<view class="value data-v-a38072eb">{{t}}</view>
</view>
<view class="cell data-v-a38072eb">
<view class="title data-v-a38072eb">报告时间</view>
<view class="value data-v-a38072eb">{{v}}</view>
</view>
</view>
<view class="module-title data-v-a38072eb">免责声明</view>
<view class="disclaimer data-v-a38072eb">{{w}}</view>
<divider bind:__l="__l" class="data-v-a38072eb" uI="a38072eb-1"></divider>
</view>
<empty
bind:__l="__l"
class="data-v-a38072eb"
uI="a38072eb-2"
uP="{{y}}"
wx:if="{{x}}"
></empty>
<float-share
bind:__l="__l"
class="data-v-a38072eb"
uI="a38072eb-3"
></float-share>
</view>

88
pages/sali-detail/index.wxss Normal file
View File

@@ -0,0 +1,88 @@
.content.data-v-a38072eb {
padding: 30rpx;
}
.content .info.data-v-a38072eb {
align-items: center;
background-color: #eaf1f8;
border-radius: 12rpx;
display: -webkit-flex;
display: flex;
padding: 20rpx 30rpx;
}
.content .info .logo.data-v-a38072eb {
flex-shrink: 0;
height: 100rpx;
width: 100rpx;
}
.content .info .right-content.data-v-a38072eb {
flex-grow: 1;
margin-left: 30rpx;
}
.content .info .right-content .name.data-v-a38072eb {
font-size: 32rpx;
font-weight: 700;
}
.content .info .right-content .desc.data-v-a38072eb {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 28rpx;
margin-top: 8rpx;
}
.content .info .right-content .desc image.data-v-a38072eb {
height: 40rpx;
width: 265rpx;
}
.content .module-title.data-v-a38072eb {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-a38072eb {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .disclaimer.data-v-a38072eb {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
.content .detail.data-v-a38072eb {
background-color: #fff;
border-radius: 10rpx;
padding: 10rpx 40rpx;
position: relative;
}
.content .detail .cell.data-v-a38072eb {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 30rpx 0;
}
.content .detail .cell .title.data-v-a38072eb {
color: #333;
flex-shrink: 0;
font-size: 30rpx;
padding-left: 5rpx;
position: relative;
}
.content .detail .cell .value.data-v-a38072eb {
color: #686868;
font-size: 30rpx;
max-width: 450rpx;
padding-right: 5rpx;
}
.content .detail .cell .value .copy.data-v-a38072eb {
color: #d71818;
margin-left: 15rpx;
}

202
pages/sali-query/index.js Normal file
View File

@@ -0,0 +1,202 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
u = require("../../hooks/onShareAppMessage.js"),
t = require("../../hooks/useState.js"),
i = require("../../enums/index.js"),
o = require("../../constant/index.js"),
r = require("../../data/index.js"),
a = require("../../utils/navigate.js"),
l = require("../../utils/util.js"),
s = require("../../utils/common.js"),
v = require("../../utils/vin.js");
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../store/app/index.js"),
Math ||
(
e.unref(h) +
e.unref(f) +
e.unref(m) +
e.unref(p) +
e.unref(g) +
e.unref(x) +
e.unref(d) +
e.unref(c)
)();
var c = function () {
return "../../components/popup-copy-vin/index.js";
},
f = function () {
return "../../components/agreement/index.js";
},
d = function () {
return "../../components/keyboard/index.js";
},
p = function () {
return "../../components/divider/index.js";
},
h = function () {
return "../../components/tips/index.js";
},
m = function () {
return "../../components/prompt/index.js";
},
g = function () {
return "../../components/float-back-to-top/index.js";
},
x = function () {
return "../../components/float-share/index.js";
},
j = {
__name: "index",
setup: function (c) {
var f = t.useState().showAgreementPopup,
d = e.ref(!0),
p = e.ref(""),
h = e.ref(i.QueryTypeEnum.VIN),
m = e.ref(!1),
g = e.ref(""),
x = e.ref(!1),
j = e.ref(0),
q = e.ref(!1),
y = e.ref(""),
T = e.ref(!1),
b = function () {
var e = f.value || q.value;
return "height: 100%; overflow: "
.concat(e ? "hidden" : "visible", "; position: ")
.concat(e ? "fixed" : "relative");
},
w = function () {
a.navigateTo({ url: "/pages/vin-info/index" });
},
k = function () {
g.value = "";
},
I = function () {
s.ocrIdentifyVin().then(function (e) {
g.value = e;
});
},
S = function () {
x.value = !0;
},
_ = function () {
x.value = !1;
},
A = function (e) {
g.value = e.value;
},
N = function () {
m.value = !m.value;
},
V = function () {
q.value = !1;
},
M = function () {
(g.value = y.value), (q.value = !1), P();
},
P = function () {
if (((x.value = !1), m.value)) {
if (h.value === i.QueryTypeEnum.VIN) {
if (0 === g.value.length)
return void l.showToast("请输入VIN车架号");
if (g.value.length < 17)
return void l.showToast("请输入完整的VIN车架号");
if (!v.validateVIN(g.value))
return void l.showToast("车架号有误，请检查后重新输入");
}
a.navigateTo({
url: "/pages/order-confirm/index",
params: {
productType: i.ProductTypeEnum.SALI,
queryType: h.value,
vin: g.value,
},
});
} else l.showToast("请先阅读并同意协议");
};
return (
n.onMounted(function (n) {
e.index.setNavigationBarTitle({ title: n.title }),
s.hasClickAgreement() &&
e.index.getClipboardData().then(function (n) {
var u = n.data;
e.index.hideToast(),
17 === u.trim().length &&
setTimeout(function () {
(y.value = u.trim()), (q.value = !0);
}, 300);
}),
(p.value = n.title),
(d.value = !1),
l.hideLoading();
}),
e.onPageScroll(function (n) {
var u = n.scrollTop;
T.value = u >= e.index.getSystemInfoSync().windowHeight / 3;
}),
u.onShareAppMessage(),
function (n, u) {
return e.e(
{ a: b(), b: !d.value },
d.value
? {}
: e.e(
{ c: e.t(p.value), d: e.o(w), e: 0 === g.value.length },
(g.value.length, {}),
{ f: e.t(g.value), g: e.o(S), h: g.value.length > 0 },
g.value.length > 0 ? { i: e.o(k) } : {},
{
j: e.t(g.value.length),
k: e.o(I),
l: g.value.length > 0 ? 1 : "",
m: e.o(P),
n: e.o(N),
o: e.p({ checked: m.value }),
p: e.f(["车辆在保", "车辆脱保"], function (n, u, t) {
return {
a: e.t(n),
b: e.n(j.value === u ? "active" : ""),
c: u,
d: e.o(function (e) {
return (function (e) {
j.value = e;
})(u);
}, u),
};
}),
q: 0 === j.value,
},
0 === j.value
? {
r: e.f(e.unref(r.mockSaliList), function (n, u, t) {
return { a: e.t(n.label), b: e.t(n.value), c: u };
}),
}
: {},
{ s: 1 === j.value },
(j.value, {}),
{
t: e.t(e.unref(o.disclaimer)),
v: e.p({ visible: T.value }),
w: e.o(_),
x: e.o(A),
y: e.p({
visible: x.value,
"can-switch": !1,
vin: g.value,
}),
z: e.o(M),
A: e.o(V),
B: e.p({ visible: q.value, "copy-vin": y.value }),
}
)
);
}
);
},
},
q = e._export_sfc(j, [["__scopeId", "data-v-8a3351c6"]]);
(j.__runtimeHooks = 3), wx.createPage(q);

14
pages/sali-query/index.json Normal file
View File

@@ -0,0 +1,14 @@
{
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"usingComponents": {
"popup-copy-vin": "../../components/popup-copy-vin/index",
"agreement": "../../components/agreement/index",
"keyboard": "../../components/keyboard/index",
"divider": "../../components/divider/index",
"tips": "../../components/tips/index",
"prompt": "../../components/prompt/index",
"float-back-to-top": "../../components/float-back-to-top/index",
"float-share": "../../components/float-share/index"
}
}

124
pages/sali-query/index.wxml Normal file
View File

@@ -0,0 +1,124 @@
<page-meta class="data-v-8a3351c6" pageStyle="{{a}}"></page-meta>
<view class="content data-v-8a3351c6" wx:if="{{b}}">
<tips bind:__l="__l" class="data-v-8a3351c6" uI="8a3351c6-0"></tips>
<view class="banner data-v-8a3351c6">
<image
class="title data-v-8a3351c6"
mode="heightFix"
src="/static/images/pic_title_7.png"
></image>
<image
class="image data-v-8a3351c6"
src="/static/images/pic_sali_check.png"
></image>
</view>
<view class="module-title data-v-8a3351c6">
<view class="data-v-8a3351c6">{{c}}</view>
<view bindtap="{{d}}" class="tips data-v-8a3351c6">什么是VIN?</view>
</view>
<view class="query-content data-v-8a3351c6">
<view class="{{['input-content','data-v-8a3351c6',l&&'selected']}}">
<view bindtap="{{g}}" class="input data-v-8a3351c6">
<text class="placeholder data-v-8a3351c6" wx:if="{{e}}"
>请输入17位VIN车架号</text
>
<text userSelect class="default data-v-8a3351c6">{{f}}</text>
<text class="cursor data-v-8a3351c6"></text>
</view>
<image
bindtap="{{i}}"
class="clear data-v-8a3351c6"
src="/static/svgs/icon_clear.svg"
wx:if="{{h}}"
></image>
<view class="input-length data-v-8a3351c6">{{j}}/17 </view>
<image
bindtap="{{k}}"
class="photo data-v-8a3351c6"
src="/static/svgs/icon_scan.svg"
></image>
</view>
<view
bindtap="{{m}}"
class="button data-v-8a3351c6"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查 询
</view>
<agreement
bind:__l="__l"
bindchange="{{n}}"
class="data-v-8a3351c6"
uI="8a3351c6-1"
uP="{{o}}"
wx:if="{{o}}"
></agreement>
</view>
<view class="module-title data-v-8a3351c6">样例报告</view>
<view class="example-content data-v-8a3351c6">
<view class="tabs data-v-8a3351c6">
<view
bindtap="{{item.d}}"
class="{{['tab','data-v-8a3351c6',item.b]}}"
wx:for="{{p}}"
wx:key="c"
>{{item.a}}</view
>
</view>
<prompt bind:__l="__l" class="data-v-8a3351c6" uI="8a3351c6-2"></prompt>
<block wx:if="{{q}}">
<view class="cell data-v-8a3351c6" wx:for="{{r}}" wx:key="c">
<view class="cell-title data-v-8a3351c6">{{item.a}}</view>
<view class="cell-value data-v-8a3351c6">{{item.b}}</view>
</view>
</block>
<block wx:if="{{s}}">
<view class="cell data-v-8a3351c6">
<view class="cell-title data-v-8a3351c6">VIN车架号</view>
<view class="cell-value data-v-8a3351c6">WDDBF*******40972</view>
</view>
<view class="cell data-v-8a3351c6">
<view class="cell-title data-v-8a3351c6">状态</view>
<view class="cell-value data-v-8a3351c6">脱保</view>
</view>
<view class="cell data-v-8a3351c6">
<view class="cell-title data-v-8a3351c6">报告时间</view>
<view class="cell-value data-v-8a3351c6">2021-08-01 11:27:27</view>
</view>
</block>
</view>
<view class="module-title data-v-8a3351c6">免责声明</view>
<view class="disclaimer data-v-8a3351c6">{{t}}</view>
<divider bind:__l="__l" class="data-v-8a3351c6" uI="8a3351c6-3"></divider>
<float-back-to-top
bind:__l="__l"
class="data-v-8a3351c6"
uI="8a3351c6-4"
uP="{{v}}"
wx:if="{{v}}"
></float-back-to-top>
<float-share
bind:__l="__l"
class="data-v-8a3351c6"
uI="8a3351c6-5"
></float-share>
<keyboard
bind:__l="__l"
bindchange="{{x}}"
bindclose="{{w}}"
class="data-v-8a3351c6"
uI="8a3351c6-6"
uP="{{y}}"
wx:if="{{y}}"
></keyboard>
<popup-copy-vin
bind:__l="__l"
bindcancel="{{A}}"
bindconfirm="{{z}}"
class="data-v-8a3351c6"
uI="8a3351c6-7"
uP="{{B}}"
wx:if="{{B}}"
></popup-copy-vin>
</view>

273
pages/sali-query/index.wxss Normal file
View File

@@ -0,0 +1,273 @@
.content.data-v-8a3351c6 {
padding: 30rpx;
}
.content .banner.data-v-8a3351c6 {
background-color: #1f68e9;
border-radius: 15rpx;
color: #fff;
height: 240rpx;
padding: 30rpx;
position: relative;
}
.content .banner .title.data-v-8a3351c6 {
height: 95rpx;
position: absolute;
top: 40rpx;
z-index: 10;
}
.content .banner .image.data-v-8a3351c6 {
bottom: -15rpx;
height: 170rpx;
position: absolute;
right: -10rpx;
width: 350rpx;
z-index: 9;
}
.content .module-title.data-v-8a3351c6 {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 36rpx;
font-weight: 700;
justify-content: space-between;
line-height: 36rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-8a3351c6 {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .query-content.data-v-8a3351c6 {
background-color: #fff;
border-radius: 10rpx;
padding: 40rpx;
}
.content .query-content .radio-group.data-v-8a3351c6 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin-bottom: 30rpx;
}
.content .query-content .radio-group label.data-v-8a3351c6 {
align-items: center;
display: -webkit-flex;
display: flex;
margin-right: 20rpx;
}
.content .query-content .radio-group .tips.data-v-8a3351c6 {
color: #1f68e9;
font-size: 30rpx;
}
.content .query-content .vehicle-content.data-v-8a3351c6 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .query-content .vehicle-content .number-item.data-v-8a3351c6 {
border: 2rpx solid #e1e1e1;
display: -webkit-flex;
display: flex;
font-weight: 700;
height: 85rpx;
justify-content: center;
margin: 0 7rpx;
position: relative;
width: 75rpx;
}
.content .query-content .vehicle-content .number-item.new.data-v-8a3351c6 {
border: 2rpx dashed #6fd99a;
}
.content .query-content .vehicle-content .number-item .number.data-v-8a3351c6 {
font-size: 32rpx;
height: 50rpx;
margin-top: 18rpx;
padding-bottom: 18rpx;
text-align: center;
width: 35rpx;
}
.content
.query-content
.vehicle-content
.number-item
.number.selected.data-v-8a3351c6 {
border-bottom: 4rpx solid #1f68e9;
}
.content .query-content .vehicle-content .number-item .energy.data-v-8a3351c6 {
background: #0ac260;
border-radius: 14rpx;
color: #fff;
font-size: 16rpx;
height: 28rpx;
left: 2rpx;
line-height: 28rpx;
position: absolute;
text-align: center;
top: -20rpx;
width: 60rpx;
}
.content .query-content .input-content.data-v-8a3351c6 {
align-items: center;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
padding: 20rpx;
position: relative;
}
.content .query-content .input-content.selected.data-v-8a3351c6 {
border-color: #1f68e9;
}
.content .query-content .input-content .input.data-v-8a3351c6 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-grow: 1;
font-size: 32rpx;
font-size: 30rpx;
overflow-y: scroll;
position: relative;
}
.content .query-content .input-content .input .placeholder.data-v-8a3351c6 {
color: silver;
left: 0;
position: absolute;
}
.content .query-content .input-content .input .cursor.data-v-8a3351c6 {
animation: cursor-blinks-8a3351c6 1.5s step-start infinite;
background: #1f68e9;
height: 40rpx;
width: 4rpx;
}
.content .query-content .input-content .clear.data-v-8a3351c6 {
flex-shrink: 0;
height: 32rpx;
padding: 0 10rpx 0 20rpx;
width: 32rpx;
}
.content .query-content .input-content .input-length.data-v-8a3351c6 {
color: #232323;
flex-shrink: 0;
font-size: 26rpx;
}
.content .query-content .input-content .photo.data-v-8a3351c6 {
flex-shrink: 0;
height: 50rpx;
margin-left: 10rpx;
margin-top: -5rpx;
width: 50rpx;
}
.content .query-content .title-content.data-v-8a3351c6 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin: 30rpx 0;
}
.content .query-content .button.data-v-8a3351c6 {
align-items: center;
background-color: #1f68e9;
border-radius: 10rpx;
color: #fff;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
font-weight: 700;
height: 90rpx;
justify-content: center;
margin-top: 40rpx;
}
.content .example-content.data-v-8a3351c6 {
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.content .example-content .tabs.data-v-8a3351c6 {
align-items: center;
background-color: #fff;
border-bottom: 2rpx solid #ebeef5;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
height: 90rpx;
justify-content: space-evenly;
width: 100%;
}
.content .example-content .tabs .tab.data-v-8a3351c6 {
height: 90rpx;
line-height: 90rpx;
}
.content .example-content .tabs .tab.active.data-v-8a3351c6 {
border-bottom: 4rpx solid #1f68e9;
color: #1f68e9;
}
.content .example-content .cell.data-v-8a3351c6 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 40rpx;
}
.content .example-content .cell-title.data-v-8a3351c6 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
padding-left: 5rpx;
}
.content .example-content .cell-title image.data-v-8a3351c6 {
height: 30rpx;
margin-left: 10rpx;
width: 30rpx;
}
.content .example-content .cell-value.data-v-8a3351c6 {
color: #686868;
font-size: 30rpx;
padding-right: 5rpx;
}
.content .example-content .tips.data-v-8a3351c6 {
background-color: #fffbe8;
color: #ed6a0c;
font-size: 26rpx;
padding: 20rpx;
}
.content .disclaimer.data-v-8a3351c6 {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
@-webkit-keyframes cursor-blinks-8a3351c6 {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}
@keyframes cursor-blinks-8a3351c6 {
0% {
display: block;
opacity: 1;
}
50% {
display: none;
opacity: 0;
}
to {
display: block;
opacity: 1;
}
}

45
pages/splash/index.js Normal file
View File

@@ -0,0 +1,45 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
o = require("../../utils/navigate.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/util.js");
var r = {
__name: "index",
setup: function (r) {
return (
n.onMounted(function (n) {
var r = n.loadingTime;
console.log(
"当前小程序版本号:".concat(
e.index.getAccountInfoSync().miniProgram.version
)
),
console.log("初始化接口请求时间:".concat(r, "毫秒")),
console.log(
"闪屏页需要延迟时间:".concat(r > 1e3 ? 0 : 1e3 - r, "毫秒")
),
console.log(
"闪屏页加载所需时间:".concat(r > 1e3 ? r : 1e3, "毫秒")
),
setTimeout(
function () {
o.switchTab({ url: "/pages/home/index" });
},
r > 1e3 ? 0 : 1e3 - r
);
}, !1),
function (e, n) {
return {};
}
);
},
},
i = e._export_sfc(r, [["__scopeId", "data-v-367a9f4e"]]);
wx.createPage(i);

6
pages/splash/index.json Normal file
View File

@@ -0,0 +1,6 @@
{
"disableScroll": true,
"navigationStyle": "custom",
"navigationBarTextStyle": "black",
"usingComponents": {}
}

6
pages/splash/index.wxml Normal file
View File

@@ -0,0 +1,6 @@
<view class="content data-v-367a9f4e">
<image
class="image1 data-v-367a9f4e"
src="/static/images/pic_splash.png"
></image>
</view>

14
pages/splash/index.wxss Normal file
View File

@@ -0,0 +1,14 @@
.content.data-v-367a9f4e {
align-items: center;
display: -webkit-flex;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
}
.content .image1.data-v-367a9f4e {
height: 1334rpx;
margin-top: 200rpx;
transform: scale(0.9);
width: 750rpx;
}

37
pages/upload-success/index.js Normal file
View File

@@ -0,0 +1,37 @@
var e = require("../../common/vendor.js"),
r = require("../../hooks/onMounted.js"),
n = require("../../hooks/onShareAppMessage.js"),
i = require("../../utils/navigate.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../config/index.js"),
require("../../constant/index.js"),
require("../../utils/util.js"),
Math || (e.unref(s) + e.unref(o))();
var s = function () {
return "../../components/float-help/index.js";
},
o = function () {
return "../../components/float-share/index.js";
},
t = {
__name: "index",
setup: function (s) {
var o = function () {
i.redirectTo({ url: "/pages/order-list-mine/index" });
};
return (
r.onMounted(function () {}, !1),
n.onShareAppMessage(),
function (r, n) {
return e.e({ a: !r.loading }, r.loading ? {} : { b: e.o(o) });
}
);
},
},
u = e._export_sfc(t, [["__scopeId", "data-v-10d49bcd"]]);
(t.__runtimeHooks = 2), wx.createPage(u);

7
pages/upload-success/index.json Normal file
View File

@@ -0,0 +1,7 @@
{
"navigationBarTitleText": "查询中",
"usingComponents": {
"float-help": "../../components/float-help/index",
"float-share": "../../components/float-share/index"
}
}

30
pages/upload-success/index.wxml Normal file
View File

@@ -0,0 +1,30 @@
<view class="content data-v-10d49bcd" wx:if="{{a}}">
<image
class="pic data-v-10d49bcd"
src="/static/images/pic_upload_file.png"
></image>
<view class="pay-status data-v-10d49bcd">正在查询中，请耐心等待...</view>
<view class="tips data-v-10d49bcd">
正常情况下，报告在3-15分钟内会有结果，车辆维保报告最快10-30分钟左右出结果。报告处理时间为9点-22点，22点后次日处理。18点以后，部分订单会在第二天早上9点后收到查询结果。
</view>
<view class="button-content data-v-10d49bcd">
<button
bindtap="{{b}}"
class="button type3 data-v-10d49bcd"
hoverClass="default-hover-class"
hoverStayTime="100"
>
查看订单
</button>
</view>
<float-help
bind:__l="__l"
class="data-v-10d49bcd"
uI="10d49bcd-0"
></float-help>
<float-share
bind:__l="__l"
class="data-v-10d49bcd"
uI="10d49bcd-1"
></float-share>
</view>

68
pages/upload-success/index.wxss Normal file
View File

@@ -0,0 +1,68 @@
page {
background-color: #fff;
overflow: visible !important;
}
.content.data-v-10d49bcd {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 60rpx;
}
.content .pic.data-v-10d49bcd {
height: 313rpx;
margin-top: 120rpx;
width: 324rpx;
}
.content .pay-status.data-v-10d49bcd {
font-size: 42rpx;
font-weight: 700;
margin-top: 100rpx;
}
.content .tips.data-v-10d49bcd {
color: #5e5e6b;
font-size: 28rpx;
line-height: 44rpx;
margin-top: 40rpx;
padding: 0 20rpx;
}
.content .view-report.data-v-10d49bcd {
color: #1f68e9;
font-size: 32rpx;
font-weight: 700;
margin-top: 150rpx;
}
.content .button-content.data-v-10d49bcd {
padding: 0 20rpx;
width: 100%;
}
.content .button-content .button.data-v-10d49bcd {
background-color: #fff;
border-radius: 100rpx;
font-size: 32rpx;
height: 90rpx;
line-height: 90rpx;
padding: 0;
text-align: center;
width: 100%;
}
.content .button-content .button.type1.data-v-10d49bcd {
background-color: #1f68e9;
color: #fff;
margin-top: 60rpx;
}
.content .button-content .button.type2.data-v-10d49bcd {
background-color: #edf5ff;
color: #1f68e9;
margin-top: 40rpx;
}
.content .button-content .button.type3.data-v-10d49bcd {
border: 2rpx solid #c4c8d1;
margin-top: 40rpx;
}
.content .notice.data-v-10d49bcd {
color: rgba(94, 94, 107, 0.855);
font-size: 24rpx;
margin-top: 50rpx;
text-align: center;
}

106
pages/user/index.js Normal file
View File

@@ -0,0 +1,106 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
r = require("../../hooks/onShow.js"),
u = require("../../hooks/onShareAppMessage.js"),
i = require("../../hooks/useState.js"),
t = require("../../hooks/useHeight.js"),
o = require("../../constant/index.js"),
a = require("../../utils/navigate.js"),
s = require("../../config/index.js");
require("../../service/index.js"),
require("../../utils/request.js"),
require("../../utils/util.js"),
require("../../enums/index.js"),
require("../../store/app/index.js"),
require("../../data/index.js");
var c = {
__name: "index",
setup: function (c) {
var f = i.useState(),
l = f.userId,
d = f.nickName,
g = f.avatar,
v = f.token,
p = t.useHeight().navigationBarHeight,
q = e.ref(!0),
x = e.ref(!1),
h = function () {},
j = function (e) {
a.navigateTo({
url: "/pages/order-list-mine/index",
params: { tabIndex: e },
});
},
m = function () {
a.navigateTo({
url: "/pages/web-view/index",
params: { url: o.concealAgreementUrl, title: "隐私协议" },
});
},
k = function () {
a.navigateTo({
url: "/pages/web-view/index",
params: { url: o.userAgreementUrl, title: "用户协议" },
});
},
w = function () {
a.navigateTo({ url: "/pages/question/index" });
},
_ = function (e) {
e.detail.path && a.switchTab({ url: e.detail.path });
},
S = function () {
a.navigateTo({ url: "/pages/easter-egg/index" });
};
return (
n.onMounted(function () {
q.value = !1;
var n = e.index.getAccountInfoSync().miniProgram.envVersion;
("develop" !== n && "trial" !== n) || (x.value = !0);
}, !1),
r.onShow(),
u.onShareAppMessage(),
function (n, r) {
return e.e(
{ a: !q.value },
q.value
? {}
: e.e(
{ b: e.unref(g), c: e.t(e.unref(d)), d: e.unref(v) },
e.unref(v) ? { e: e.t(e.unref(l)) } : {},
{ f: !e.unref(v) },
(e.unref(v), {}),
{
g: e.o(h),
h: "".concat(e.unref(p) + 10, "px"),
i: e.o(function (e) {
return j(0);
}),
j: e.o(function (e) {
return j(1);
}),
k: e.o(function (e) {
return j(2);
}),
l: e.o(function (e) {
return j(3);
}),
m: e.o(function (e) {
return j(4);
}),
n: e.o(m),
o: e.o(k),
p: e.o(w),
q: e.unref(s.appName),
r: e.o(_),
s: x.value,
},
x.value ? { t: e.o(S) } : {}
)
);
}
);
},
},
f = e._export_sfc(c, [["__scopeId", "data-v-d3798410"]]);
(c.__runtimeHooks = 2), wx.createPage(f);

6
pages/user/index.json Normal file
View File

@@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "我的",
"usingComponents": {}
}

199
pages/user/index.wxml Normal file
View File

@@ -0,0 +1,199 @@
<view class="content data-v-d3798410" wx:if="{{a}}">
<view class="background data-v-d3798410">
<view class="background-inner data-v-d3798410"></view>
<view
bindtap="{{g}}"
class="user-info data-v-d3798410"
style="{{'padding-top:'+h}}"
>
<view class="left-content data-v-d3798410">
<image class="data-v-d3798410" src="{{b}}"></image>
</view>
<view class="right-content data-v-d3798410">
<view class="name data-v-d3798410">
<text class="data-v-d3798410">{{c}}</text>
</view>
<view class="id data-v-d3798410" wx:if="{{d}}">
<text class="data-v-d3798410">用户ID：{{e}}</text>
</view>
<view class="login data-v-d3798410" wx:if="{{f}}">
<text class="data-v-d3798410">点击登录</text>
</view>
</view>
</view>
</view>
<view class="order data-v-d3798410">
<view
bindtap="{{i}}"
class="order-item data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="data-v-d3798410"
src="/static/svgs/icon_order_1.svg"
></image>
<text class="data-v-d3798410">全部订单</text>
</view>
<view
bindtap="{{j}}"
class="order-item data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="data-v-d3798410"
src="/static/svgs/icon_order_2.svg"
></image>
<text class="data-v-d3798410">待付款</text>
</view>
<view
bindtap="{{k}}"
class="order-item data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="data-v-d3798410"
src="/static/svgs/icon_order_3.svg"
></image>
<text class="data-v-d3798410">待上传</text>
</view>
<view
bindtap="{{l}}"
class="order-item data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="data-v-d3798410"
src="/static/svgs/icon_order_4.svg"
></image>
<text class="data-v-d3798410">查询中</text>
</view>
<view
bindtap="{{m}}"
class="order-item data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="data-v-d3798410"
src="/static/svgs/icon_order_5.svg"
></image>
<text class="data-v-d3798410">查询成功</text>
</view>
</view>
<view class="cell-content data-v-d3798410">
<button
bindtap="{{n}}"
class="cell data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="icon data-v-d3798410"
src="/static/svgs/icon_conceal_agreement.svg"
></image>
<text class="data-v-d3798410">隐私协议</text>
<image
class="more data-v-d3798410"
src="/static/svgs/icon_right.svg"
></image>
</button>
<button
bindtap="{{o}}"
class="cell data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="icon data-v-d3798410"
src="/static/svgs/icon_user_agreement.svg"
></image>
<text class="data-v-d3798410">用户协议</text>
<image
class="more data-v-d3798410"
src="/static/svgs/icon_right.svg"
></image>
</button>
<button
class="cell data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
openType="share"
>
<image
class="icon data-v-d3798410"
src="/static/svgs/icon_share.svg"
></image>
<text class="data-v-d3798410">推荐给好友</text>
<image
class="more data-v-d3798410"
src="/static/svgs/icon_right.svg"
></image>
</button>
<button
bindtap="{{p}}"
class="cell data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
>
<image
class="icon data-v-d3798410"
src="/static/svgs/icon_question.svg"
></image>
<text class="data-v-d3798410">常见问题</text>
<image
class="more data-v-d3798410"
src="/static/svgs/icon_right.svg"
></image>
</button>
<button
class="cell data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
openType="feedback"
>
<image
class="icon data-v-d3798410"
src="/static/svgs/icon_feedback.svg"
></image>
<text class="data-v-d3798410">意见反馈</text>
<image
class="more data-v-d3798410"
src="/static/svgs/icon_right.svg"
></image>
</button>
<button
showMessageCard
bindcontact="{{r}}"
class="cell data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
openType="contact"
sendMessageImg="/static/images/pic_share_mp.png"
sendMessagePath="/pages/splash/index"
sendMessageTitle="{{q}}"
>
<image
class="icon data-v-d3798410"
src="/static/svgs/icon_contact.svg"
></image>
<text class="data-v-d3798410">联系客服</text>
<image
class="more data-v-d3798410"
src="/static/svgs/icon_right.svg"
></image>
</button>
</view>
<view class="tips data-v-d3798410"> 客服工作时间为9:00～18:00 </view>
<image
catchtap="{{t}}"
class="easter-egg data-v-d3798410"
hoverClass="default-hover-class"
hoverStayTime="100"
src="/static/svgs/icon_easter_egg.svg"
wx:if="{{s}}"
></image>
</view>

195
pages/user/index.wxss Normal file
View File

@@ -0,0 +1,195 @@
page {
background-color: #fff;
}
.content.data-v-d3798410 {
position: relative;
}
.content .background.data-v-d3798410 {
height: 500rpx;
overflow: hidden;
position: relative;
width: 100%;
z-index: 9;
}
.content .background .background-inner.data-v-d3798410 {
background: linear-gradient(to right top, #1f68e9, #2c74ef);
border-radius: 0 0 50% 50%;
content: "";
height: 500rpx;
left: -20%;
position: absolute;
top: 0;
width: 140%;
z-index: -1;
}
.content .background .user-info.data-v-d3798410 {
display: -webkit-flex;
display: flex;
padding: 40rpx;
position: relative;
z-index: 10;
}
.content .background .user-info .left-content.data-v-d3798410 {
border: 2rpx solid #fff;
border-radius: 100%;
height: 125rpx;
overflow: hidden;
width: 125rpx;
}
.content .background .user-info .left-content image.data-v-d3798410 {
height: 100%;
width: 100%;
}
.content .background .user-info .right-content.data-v-d3798410 {
color: #fff;
display: -webkit-flex;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
margin-left: 30rpx;
}
.content .background .user-info .right-content .name.data-v-d3798410 {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 38rpx;
font-weight: 700;
}
.content .background .user-info .right-content .name image.data-v-d3798410 {
height: 20rpx;
margin-left: 10rpx;
width: 20rpx;
}
.content .background .user-info .right-content .id.data-v-d3798410 {
color: hsla(0, 0%, 100%, 0.847);
font-size: 28rpx;
margin-top: 16rpx;
}
.content .background .user-info .right-content .login.data-v-d3798410 {
color: #fff;
font-size: 38rpx;
font-weight: 700;
}
.content .order.data-v-d3798410 {
align-self: center;
background-color: #fff;
border-radius: 12rpx;
box-shadow: 0 2rpx 20rpx rgba(0, 0, 0, 0.1);
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: -120rpx 50rpx 20rpx;
padding: 30rpx 20rpx 20rpx;
position: relative;
z-index: 99;
}
.content .order .order-item.data-v-d3798410 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
width: 150rpx;
}
.content .order .order-item image.data-v-d3798410 {
height: 50rpx;
width: 50rpx;
}
.content .order .order-item text.data-v-d3798410 {
color: #444;
font-size: 28rpx;
margin-top: 20rpx;
}
.content .cell-content.data-v-d3798410 {
background-color: #fff;
padding: 0 20rpx;
}
.content .cell-content .cell.data-v-d3798410 {
align-items: center;
background-color: #fff;
border: 0;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 0;
padding: 18rpx 40rpx;
}
.content .cell-content .cell .icon.data-v-d3798410 {
flex-shrink: 0;
height: 44rpx;
width: 44rpx;
}
.content .cell-content .cell text.data-v-d3798410 {
color: #333;
display: block;
flex-grow: 1;
font-size: 30rpx;
margin-left: 30rpx;
text-align: left;
}
.content .cell-content .cell .more.data-v-d3798410 {
flex-shrink: 0;
height: 22rpx;
width: 12rpx;
}
.content .cell-content .divider.data-v-d3798410 {
background-color: #f4f4f4;
height: 1rpx;
margin: 8rpx 0;
width: 100%;
}
.content .tips.data-v-d3798410 {
color: gray;
font-size: 24rpx;
padding: 20rpx 0 40rpx;
text-align: center;
}
.content .easter-egg.data-v-d3798410 {
animation: shake-d3798410 1s linear 0.15s infinite;
bottom: 100rpx;
height: 100rpx;
position: fixed;
right: 50rpx;
width: 100rpx;
z-index: 88;
}
.hover-class.data-v-d3798410 {
opacity: 0.7;
}
@-webkit-keyframes shake-d3798410 {
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,
to {
transform: rotate(0);
}
}
@keyframes shake-d3798410 {
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,
to {
transform: rotate(0);
}
}

92
pages/vehicle-five-detail/index.js Normal file
View File

@@ -0,0 +1,92 @@
var e = require("../../common/vendor.js"),
n = require("../../hooks/onMounted.js"),
r = require("../../hooks/onShareAppMessage.js"),
t = require("../../service/index.js"),
u = require("../../constant/index.js"),
i = require("../../utils/util.js");
require("../../hooks/useState.js"),
require("../../store/app/index.js"),
require("../../enums/index.js"),
require("../../data/index.js"),
require("../../config/index.js"),
require("../../utils/request.js"),
Math || (e.unref(a) + e.unref(s) + e.unref(o) + e.unref(d))();
var a = function () {
return "../../components/vehicle-number/index.js";
},
o = function () {
return "../../components/empty/index.js";
},
s = function () {
return "../../components/divider/index.js";
},
d = function () {
return "../../components/float-share/index.js";
},
v = {
__name: "index",
setup: function (a) {
var o = e.ref(!0),
s = e.ref(!1),
d = e.ref({}),
v = function () {
e.index.setClipboardData({ data: d.value.vin }).then(function () {
i.showToast("VIN车架号已复制");
});
};
return (
n.onMounted(function (e) {
var n = e.order_no,
r = e.product_id;
i.showLoading("努力查询中"),
t
.getReportDetail({ order_no: n, product_id: r })
.then(function (e) {
var n = e.type;
"101" === n
? (e.type = "小型汽车")
: "102" === n
? (e.type = "大型汽车")
: "103" === n
? (e.type = "小型新能源汽车")
: "104" === n && (e.type = "大型新能源汽车"),
(d.value = e),
(o.value = !1),
i.hideLoading();
});
}, !1),
r.onShareAppMessage(),
function (n, r) {
return e.e(
{ a: !o.value },
o.value
? {}
: e.e(
{ b: !s.value },
s.value
? {}
: e.e(
{ c: d.value.car_no },
d.value.car_no
? { d: e.p({ data: d.value.car_no }) }
: {},
{ e: d.value.vin },
d.value.vin ? { f: e.t(d.value.vin), g: e.o(v) } : {},
{
h: e.t(d.value.brand_name),
i: e.t(d.value.type),
j: e.t(d.value.engine_no),
k: e.t(d.value.first_issue_date),
l: e.t(e.unref(u.disclaimer)),
}
),
{ m: s.value },
s.value ? { n: e.p({ info: "抱歉~！没有查到数据哦" }) } : {}
)
);
}
);
},
},
c = e._export_sfc(v, [["__scopeId", "data-v-1415ca37"]]);
(v.__runtimeHooks = 2), wx.createPage(c);

9
pages/vehicle-five-detail/index.json Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "车五项",
"usingComponents": {
"vehicle-number": "../../components/vehicle-number/index",
"empty": "../../components/empty/index",
"divider": "../../components/divider/index",
"float-share": "../../components/float-share/index"
}
}

57
pages/vehicle-five-detail/index.wxml Normal file
View File

@@ -0,0 +1,57 @@
<view class="content data-v-1415ca37" wx:if="{{a}}">
<view class="data-v-1415ca37" wx:if="{{b}}">
<view class="module-title data-v-1415ca37">车五项信息</view>
<view class="detail data-v-1415ca37">
<view class="cell data-v-1415ca37" wx:if="{{c}}">
<view class="title data-v-1415ca37">车牌号码</view>
<view class="value data-v-1415ca37">
<vehicle-number
bind:__l="__l"
class="data-v-1415ca37"
uI="1415ca37-0"
uP="{{d}}"
wx:if="{{d}}"
></vehicle-number>
</view>
</view>
<view class="cell data-v-1415ca37" wx:if="{{e}}">
<view class="title data-v-1415ca37">VIN车架号</view>
<view class="value data-v-1415ca37">
<text class="data-v-1415ca37">{{f}}</text>
<text bindtap="{{g}}" class="copy data-v-1415ca37">复制</text>
</view>
</view>
<view class="cell data-v-1415ca37">
<view class="title data-v-1415ca37">车辆品牌</view>
<view class="value data-v-1415ca37">{{h}}</view>
</view>
<view class="cell data-v-1415ca37">
<view class="title data-v-1415ca37">车辆类型</view>
<view class="value data-v-1415ca37">{{i}}</view>
</view>
<view class="cell data-v-1415ca37">
<view class="title data-v-1415ca37">发动机号</view>
<view class="value data-v-1415ca37">{{j}}</view>
</view>
<view class="cell data-v-1415ca37">
<view class="title data-v-1415ca37">初次登记日期</view>
<view class="value data-v-1415ca37">{{k}}</view>
</view>
</view>
<view class="module-title data-v-1415ca37">免责声明</view>
<view class="disclaimer data-v-1415ca37">{{l}}</view>
<divider bind:__l="__l" class="data-v-1415ca37" uI="1415ca37-1"></divider>
</view>
<empty
bind:__l="__l"
class="data-v-1415ca37"
uI="1415ca37-2"
uP="{{n}}"
wx:if="{{m}}"
></empty>
<float-share
bind:__l="__l"
class="data-v-1415ca37"
uI="1415ca37-3"
></float-share>
</view>

56
pages/vehicle-five-detail/index.wxss Normal file
View File

@@ -0,0 +1,56 @@
.content.data-v-1415ca37 {
padding: 30rpx;
}
.content .module-title.data-v-1415ca37 {
align-items: center;
border-left: 6rpx solid #1f68e9;
display: -webkit-flex;
display: flex;
font-size: 34rpx;
font-weight: 700;
justify-content: space-between;
line-height: 34rpx;
margin: 30rpx 0;
padding-left: 20rpx;
}
.content .module-title .tips.data-v-1415ca37 {
color: #1f68e9;
font-size: 30rpx;
font-weight: 400;
}
.content .disclaimer.data-v-1415ca37 {
background-color: #fff;
border-radius: 10rpx;
color: #333;
font-size: 30rpx;
padding: 30rpx 40rpx;
}
.content .detail.data-v-1415ca37 {
background-color: #fff;
border-radius: 10rpx;
padding: 10rpx 40rpx;
position: relative;
}
.content .detail .cell.data-v-1415ca37 {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 30rpx 0;
}
.content .detail .cell .title.data-v-1415ca37 {
color: #333;
flex-shrink: 0;
font-size: 30rpx;
padding-left: 5rpx;
position: relative;
}
.content .detail .cell .value.data-v-1415ca37 {
color: #686868;
font-size: 30rpx;
max-width: 450rpx;
padding-right: 5rpx;
}
.content .detail .cell .value .copy.data-v-1415ca37 {
color: #d71818;
margin-left: 15rpx;
}

Some files were not shown because too many files have changed in this diff Show More