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

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