no message
This commit is contained in:
155
pages/vehicle-five-query/index.js
Normal file
155
pages/vehicle-five-query/index.js
Normal file
@@ -0,0 +1,155 @@
|
||||
var e = require("../../common/vendor.js"),
|
||||
n = require("../../hooks/onMounted.js"),
|
||||
r = require("../../hooks/onShareAppMessage.js"),
|
||||
u = require("../../hooks/useState.js"),
|
||||
o = require("../../enums/index.js"),
|
||||
t = require("../../constant/index.js"),
|
||||
i = require("../../data/index.js"),
|
||||
a = require("../../utils/navigate.js"),
|
||||
s = require("../../utils/util.js");
|
||||
require("../../config/index.js"),
|
||||
require("../../service/index.js"),
|
||||
require("../../utils/request.js"),
|
||||
require("../../store/app/index.js"),
|
||||
Math ||
|
||||
(
|
||||
e.unref(f) +
|
||||
e.unref(c) +
|
||||
e.unref(d) +
|
||||
e.unref(v) +
|
||||
e.unref(p) +
|
||||
e.unref(m) +
|
||||
e.unref(l)
|
||||
)();
|
||||
var c = function () {
|
||||
return "../../components/agreement/index.js";
|
||||
},
|
||||
l = function () {
|
||||
return "../../components/keyboard/index.js";
|
||||
},
|
||||
v = function () {
|
||||
return "../../components/divider/index.js";
|
||||
},
|
||||
f = function () {
|
||||
return "../../components/tips/index.js";
|
||||
},
|
||||
d = function () {
|
||||
return "../../components/prompt/index.js";
|
||||
},
|
||||
p = function () {
|
||||
return "../../components/float-back-to-top/index.js";
|
||||
},
|
||||
m = function () {
|
||||
return "../../components/float-share/index.js";
|
||||
},
|
||||
h = {
|
||||
__name: "index",
|
||||
setup: function (c) {
|
||||
var l = u.useState().showAgreementPopup,
|
||||
v = e.ref(!0),
|
||||
f = e.ref(""),
|
||||
d = e.ref(!1),
|
||||
p = e.ref(["", "", "", "", "", "", "", ""]),
|
||||
m = e.ref(0),
|
||||
h = e.ref(!1),
|
||||
x = e.ref(o.KeyboardEnum.AREA),
|
||||
j = e.ref(!1),
|
||||
y = function () {
|
||||
var e = l.value;
|
||||
return "height: 100%; overflow: "
|
||||
.concat(e ? "hidden" : "visible", "; position: ")
|
||||
.concat(e ? "fixed" : "relative");
|
||||
},
|
||||
b = function () {
|
||||
h.value = !1;
|
||||
},
|
||||
g = function (e) {
|
||||
e.keyboardType
|
||||
? (x.value = e.keyboardType)
|
||||
: ((p.value = e.value), (m.value = e.index));
|
||||
},
|
||||
q = function () {
|
||||
x.value =
|
||||
x.value === o.KeyboardEnum.AREA
|
||||
? o.KeyboardEnum.ABC
|
||||
: o.KeyboardEnum.AREA;
|
||||
},
|
||||
E = function () {
|
||||
d.value = !d.value;
|
||||
},
|
||||
k = function () {
|
||||
h.value = !1;
|
||||
var e = p.value.join("");
|
||||
d.value
|
||||
? t.vehicleNoExp.test(e)
|
||||
? a.navigateTo({
|
||||
url: "/pages/order-confirm/index",
|
||||
params: {
|
||||
productType: o.ProductTypeEnum.VEHICLE_FIVE,
|
||||
queryType: o.QueryTypeEnum.VEHICLE_NO,
|
||||
vehicleNo: e,
|
||||
},
|
||||
})
|
||||
: s.showToast("请输入正确的车牌")
|
||||
: s.showToast("请先阅读并同意协议");
|
||||
};
|
||||
return (
|
||||
n.onMounted(function (n) {
|
||||
e.index.setNavigationBarTitle({ title: n.title }),
|
||||
(f.value = n.title),
|
||||
(v.value = !1),
|
||||
s.hideLoading();
|
||||
}),
|
||||
e.onPageScroll(function (n) {
|
||||
var r = n.scrollTop;
|
||||
j.value = r >= e.index.getSystemInfoSync().windowHeight / 3;
|
||||
}),
|
||||
r.onShareAppMessage(),
|
||||
function (n, r) {
|
||||
return e.e(
|
||||
{ a: y(), b: !v.value },
|
||||
v.value
|
||||
? {}
|
||||
: {
|
||||
c: e.t(f.value),
|
||||
d: e.f(p.value, function (n, r, u) {
|
||||
return e.e(
|
||||
{ a: e.t(n), b: r === m.value ? 1 : "", c: 7 === r },
|
||||
{},
|
||||
{
|
||||
d: r,
|
||||
e: 7 === r ? 1 : "",
|
||||
f: e.o(function (e) {
|
||||
return (function (e) {
|
||||
(m.value = e), (h.value = !0);
|
||||
})(r);
|
||||
}, r),
|
||||
}
|
||||
);
|
||||
}),
|
||||
e: e.o(k),
|
||||
f: e.o(E),
|
||||
g: e.p({ checked: d.value }),
|
||||
h: e.f(e.unref(i.mockVehicleFiveList), function (n, r, u) {
|
||||
return { a: e.t(n.label), b: e.t(n.value), c: r };
|
||||
}),
|
||||
i: e.t(e.unref(t.disclaimer)),
|
||||
j: e.p({ visible: j.value }),
|
||||
k: e.o(b),
|
||||
l: e.o(g),
|
||||
m: e.o(q),
|
||||
n: e.p({
|
||||
visible: h.value,
|
||||
"can-switch": !0,
|
||||
"keyboard-type": x.value,
|
||||
"vehicle-no-list": p.value,
|
||||
"vehicle-no-index": m.value,
|
||||
}),
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
x = e._export_sfc(h, [["__scopeId", "data-v-c2411e15"]]);
|
||||
(h.__runtimeHooks = 3), wx.createPage(x);
|
||||
13
pages/vehicle-five-query/index.json
Normal file
13
pages/vehicle-five-query/index.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"usingComponents": {
|
||||
"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"
|
||||
}
|
||||
}
|
||||
81
pages/vehicle-five-query/index.wxml
Normal file
81
pages/vehicle-five-query/index.wxml
Normal file
@@ -0,0 +1,81 @@
|
||||
<page-meta class="data-v-c2411e15" pageStyle="{{a}}"></page-meta>
|
||||
<view class="content data-v-c2411e15" wx:if="{{b}}">
|
||||
<tips bind:__l="__l" class="data-v-c2411e15" uI="c2411e15-0"></tips>
|
||||
<view class="banner data-v-c2411e15">
|
||||
<image
|
||||
class="title data-v-c2411e15"
|
||||
mode="heightFix"
|
||||
src="/static/images/pic_title_4.png"
|
||||
></image>
|
||||
<image
|
||||
class="image data-v-c2411e15"
|
||||
src="/static/images/pic_vehicle_info.png"
|
||||
></image>
|
||||
</view>
|
||||
<view class="module-title data-v-c2411e15">{{c}}</view>
|
||||
<view class="query-content data-v-c2411e15">
|
||||
<view class="vehicle-content data-v-c2411e15">
|
||||
<view
|
||||
bindtap="{{value.f}}"
|
||||
class="{{['number-item','data-v-c2411e15',value.e&&'new']}}"
|
||||
wx:for="{{d}}"
|
||||
wx:for-item="value"
|
||||
wx:key="d"
|
||||
>
|
||||
<text class="{{['number','data-v-c2411e15',value.b&&'selected']}}"
|
||||
>{{value.a}}</text
|
||||
>
|
||||
<text class="energy data-v-c2411e15" wx:if="{{value.c}}">新能源</text>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{e}}"
|
||||
class="button data-v-c2411e15"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
查 询
|
||||
</view>
|
||||
<agreement
|
||||
bind:__l="__l"
|
||||
bindchange="{{f}}"
|
||||
class="data-v-c2411e15"
|
||||
uI="c2411e15-1"
|
||||
uP="{{g}}"
|
||||
wx:if="{{g}}"
|
||||
></agreement>
|
||||
</view>
|
||||
<view class="module-title data-v-c2411e15">样例报告</view>
|
||||
<view class="example-content data-v-c2411e15">
|
||||
<prompt bind:__l="__l" class="data-v-c2411e15" uI="c2411e15-2"></prompt>
|
||||
<view class="cell data-v-c2411e15" wx:for="{{h}}" wx:key="c">
|
||||
<view class="cell-title data-v-c2411e15">{{item.a}}</view>
|
||||
<view class="cell-value data-v-c2411e15">{{item.b}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="module-title data-v-c2411e15">免责声明</view>
|
||||
<view class="disclaimer data-v-c2411e15">{{i}}</view>
|
||||
<divider bind:__l="__l" class="data-v-c2411e15" uI="c2411e15-3"></divider>
|
||||
<float-back-to-top
|
||||
bind:__l="__l"
|
||||
class="data-v-c2411e15"
|
||||
uI="c2411e15-4"
|
||||
uP="{{j}}"
|
||||
wx:if="{{j}}"
|
||||
></float-back-to-top>
|
||||
<float-share
|
||||
bind:__l="__l"
|
||||
class="data-v-c2411e15"
|
||||
uI="c2411e15-5"
|
||||
></float-share>
|
||||
<keyboard
|
||||
bind:__l="__l"
|
||||
bindchange="{{l}}"
|
||||
bindclose="{{k}}"
|
||||
bindtypeChange="{{m}}"
|
||||
class="data-v-c2411e15"
|
||||
uI="c2411e15-6"
|
||||
uP="{{n}}"
|
||||
wx:if="{{n}}"
|
||||
></keyboard>
|
||||
</view>
|
||||
178
pages/vehicle-five-query/index.wxss
Normal file
178
pages/vehicle-five-query/index.wxss
Normal file
@@ -0,0 +1,178 @@
|
||||
.content.data-v-c2411e15 {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.content .banner.data-v-c2411e15 {
|
||||
background-color: #1f68e9;
|
||||
border-radius: 15rpx;
|
||||
color: #fff;
|
||||
height: 240rpx;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
}
|
||||
.content .banner .title.data-v-c2411e15 {
|
||||
height: 95rpx;
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
z-index: 9;
|
||||
}
|
||||
.content .banner .image.data-v-c2411e15 {
|
||||
bottom: 5rpx;
|
||||
height: 125rpx;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 300rpx;
|
||||
z-index: 9;
|
||||
}
|
||||
.content .module-title.data-v-c2411e15 {
|
||||
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-c2411e15 {
|
||||
color: #1f68e9;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
.content .query-content.data-v-c2411e15 {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 40rpx;
|
||||
}
|
||||
.content .query-content .vehicle-content.data-v-c2411e15 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item.data-v-c2411e15 {
|
||||
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-c2411e15 {
|
||||
border: 2rpx dashed #6fd99a;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item .number.data-v-c2411e15 {
|
||||
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-c2411e15 {
|
||||
border-bottom: 4rpx solid #1f68e9;
|
||||
}
|
||||
.content .query-content .vehicle-content .number-item .energy.data-v-c2411e15 {
|
||||
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 .button.data-v-c2411e15 {
|
||||
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-c2411e15 {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.content .example-content .cell.data-v-c2411e15 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 40rpx;
|
||||
}
|
||||
.content .example-content .cell-title.data-v-c2411e15 {
|
||||
align-items: center;
|
||||
color: #333;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 30rpx;
|
||||
padding-left: 5rpx;
|
||||
}
|
||||
.content .example-content .cell-title image.data-v-c2411e15 {
|
||||
height: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
width: 30rpx;
|
||||
}
|
||||
.content .example-content .cell-value.data-v-c2411e15 {
|
||||
color: #686868;
|
||||
font-size: 30rpx;
|
||||
padding-right: 5rpx;
|
||||
}
|
||||
.content .example-content .tips.data-v-c2411e15 {
|
||||
background-color: #fffbe8;
|
||||
color: #ed6a0c;
|
||||
font-size: 26rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.content .disclaimer.data-v-c2411e15 {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
padding: 30rpx 40rpx;
|
||||
}
|
||||
@-webkit-keyframes cursor-blinks-c2411e15 {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes cursor-blinks-c2411e15 {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user