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

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;
}
}