update
This commit is contained in:
parent
c0beb494b9
commit
31a65d5c2d
3
App.vue
3
App.vue
@ -249,4 +249,7 @@ export default {
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
|
.vue-ref {
|
||||||
|
z-index: 999 !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -722,72 +722,77 @@
|
|||||||
ref="popup"
|
ref="popup"
|
||||||
:show="isShow"
|
:show="isShow"
|
||||||
:safe-area="false"
|
:safe-area="false"
|
||||||
@close="handleClosePopup"
|
:mask-click="false"
|
||||||
@maskClick="handleClosePopup"
|
:is-mask-click="false"
|
||||||
>
|
>
|
||||||
<div
|
<!-- @close="handleClosePopup"
|
||||||
class="popupDetailBox"
|
@maskClick="handleClosePopup" -->
|
||||||
:style="{
|
<view class="popupBigBox" @touchmove.stop.prevent>
|
||||||
height: comeForm === 'home' ? '80vh' : '95vh',
|
<div
|
||||||
}"
|
class="popupDetailBox"
|
||||||
>
|
|
||||||
<div class="popupTitle">
|
|
||||||
<div class="closeIcon" @click="handleClosePopup">
|
|
||||||
<image
|
|
||||||
class="img"
|
|
||||||
src="https://eshangtech.com/wanmeiyizhanImg/home/closeIcon.svg"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div clsas="title">电桩详情</div>
|
|
||||||
<div class="closeIcon"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="popupTab">
|
|
||||||
<div
|
|
||||||
:class="
|
|
||||||
item.value === selectPopup ? 'tabItem selectTabItem' : 'tabItem'
|
|
||||||
"
|
|
||||||
v-for="(item, index) in popupTab"
|
|
||||||
:key="index"
|
|
||||||
@click="handleChangeSelectPopup(item.value)"
|
|
||||||
>
|
|
||||||
{{ item.label }}
|
|
||||||
{{ item.sum ? `(${item.sum})` : "" }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<scroll-view
|
|
||||||
class="stationList"
|
|
||||||
scroll-y
|
|
||||||
:style="{
|
:style="{
|
||||||
height: `calc(${
|
height: comeForm === 'home' ? '80vh' : '95vh',
|
||||||
comeForm === 'home' ? 80 : 95
|
|
||||||
}vh - 108rpx - 56rpx - 24rpx - ${comeForm === 'home' ? 100 : 0}px)`,
|
|
||||||
paddingBottom: comeForm === 'home' ? 0 : '',
|
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div
|
<div class="popupTitle">
|
||||||
class="stationItem"
|
<div class="closeIcon" @click="handleClosePopup">
|
||||||
v-for="(item, index) in chargeDetailList"
|
<image
|
||||||
:key="index"
|
class="img"
|
||||||
|
src="https://eshangtech.com/wanmeiyizhanImg/home/closeIcon.svg"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div clsas="title">电桩详情</div>
|
||||||
|
<div class="closeIcon"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="popupTab">
|
||||||
|
<div
|
||||||
|
:class="
|
||||||
|
item.value === selectPopup ? 'tabItem selectTabItem' : 'tabItem'
|
||||||
|
"
|
||||||
|
v-for="(item, index) in popupTab"
|
||||||
|
:key="index"
|
||||||
|
@click="handleChangeSelectPopup(item.value)"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
{{ item.sum ? `(${item.sum})` : "" }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<scroll-view
|
||||||
|
class="stationList"
|
||||||
|
scroll-y
|
||||||
|
:style="{
|
||||||
|
height: `calc(${
|
||||||
|
comeForm === 'home' ? 80 : 95
|
||||||
|
}vh - 108rpx - 56rpx - 24rpx - ${
|
||||||
|
comeForm === 'home' ? 100 : 0
|
||||||
|
}px)`,
|
||||||
|
paddingBottom: comeForm === 'home' ? 0 : '',
|
||||||
|
}"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="leftItem"
|
class="stationItem"
|
||||||
:style="{
|
v-for="(item, index) in chargeDetailList"
|
||||||
backgroundImage: `url(${
|
:key="index"
|
||||||
item.Status === 0 || item.Status === 255
|
|
||||||
? 'https://eshangtech.com/minTestImg/offGrid.svg'
|
|
||||||
: item.Power >= 240
|
|
||||||
? 'https://eshangtech.com/minTestImg/overfilling.svg'
|
|
||||||
: item.Power <= 130 && item.Power >= 60
|
|
||||||
? 'https://eshangtech.com/minTestImg/occupy.svg'
|
|
||||||
: item.Power < 60
|
|
||||||
? 'https://eshangtech.com/minTestImg/idle.svg'
|
|
||||||
: ''
|
|
||||||
})`,
|
|
||||||
}"
|
|
||||||
>
|
>
|
||||||
<!-- item.Status === 0
|
<div
|
||||||
|
class="leftItem"
|
||||||
|
:style="{
|
||||||
|
backgroundImage: `url(${
|
||||||
|
item.Status === 0 || item.Status === 255
|
||||||
|
? 'https://eshangtech.com/minTestImg/offGrid.svg'
|
||||||
|
: item.Power >= 240
|
||||||
|
? 'https://eshangtech.com/minTestImg/overfilling.svg'
|
||||||
|
: item.Power <= 130 && item.Power >= 60
|
||||||
|
? 'https://eshangtech.com/minTestImg/occupy.svg'
|
||||||
|
: item.Power < 60
|
||||||
|
? 'https://eshangtech.com/minTestImg/idle.svg'
|
||||||
|
: ''
|
||||||
|
})`,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<!-- item.Status === 0
|
||||||
? 'https://eshangtech.com/wanmeiyizhanImg/home/offGrid.svg'
|
? 'https://eshangtech.com/wanmeiyizhanImg/home/offGrid.svg'
|
||||||
: item.Status === 1
|
: item.Status === 1
|
||||||
? 'https://eshangtech.com/wanmeiyizhanImg/home/idle.svg'
|
? 'https://eshangtech.com/wanmeiyizhanImg/home/idle.svg'
|
||||||
@ -801,166 +806,177 @@
|
|||||||
? 'https://eshangtech.com/wanmeiyizhanImg/home/offGrid.svg'
|
? 'https://eshangtech.com/wanmeiyizhanImg/home/offGrid.svg'
|
||||||
: '' -->
|
: '' -->
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="chargeType"
|
class="chargeType"
|
||||||
:style="{
|
:style="{
|
||||||
color:
|
color:
|
||||||
item.Status === 0 || item.Status === 255
|
item.Status === 0 || item.Status === 255
|
||||||
? '#B8B7B4'
|
? '#B8B7B4'
|
||||||
|
: item.Power >= 240
|
||||||
|
? '#FF5959'
|
||||||
|
: item.Power <= 130 && item.Power >= 60
|
||||||
|
? '#FF8830'
|
||||||
|
: item.Power < 60
|
||||||
|
? '#01BD8B'
|
||||||
|
: '',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
{{
|
||||||
|
item.Status === 0
|
||||||
|
? "离网"
|
||||||
|
: item.Status === 255
|
||||||
|
? "故障"
|
||||||
: item.Power >= 240
|
: item.Power >= 240
|
||||||
? '#FF5959'
|
? "超充"
|
||||||
: item.Power <= 130 && item.Power >= 60
|
: item.Power <= 130 && item.Power >= 60
|
||||||
? '#FF8830'
|
? "快充"
|
||||||
: item.Power < 60
|
: "慢充"
|
||||||
? '#01BD8B'
|
}}
|
||||||
: '',
|
</div>
|
||||||
}"
|
<div
|
||||||
>
|
v-if="item.Status !== 0 && item.Status !== 255"
|
||||||
{{
|
class="stausType"
|
||||||
item.Status === 0
|
:style="{
|
||||||
? "离网"
|
color:
|
||||||
: item.Status === 255
|
item.Power >= 240
|
||||||
? "故障"
|
? '#FF5959'
|
||||||
: item.Power >= 240
|
: item.Power <= 130 && item.Power >= 60
|
||||||
? "超充"
|
? '#FF8830'
|
||||||
: item.Power <= 130 && item.Power >= 60
|
: item.Power < 60
|
||||||
? "快充"
|
? '#01BD8B'
|
||||||
: "慢充"
|
: '',
|
||||||
}}
|
}"
|
||||||
|
>
|
||||||
|
{{
|
||||||
|
item.Status === 2 || item.Status === 3 || item.Status === 4
|
||||||
|
? "占用"
|
||||||
|
: item.Status === 1
|
||||||
|
? "空闲"
|
||||||
|
: ""
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="rightItem" @click="handleGoMin">
|
||||||
|
<div class="messageBox">
|
||||||
|
<span class="label">电桩编号</span>
|
||||||
|
<span class="value">桩{{ item.ConnectorID || "" }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="messageBox">
|
||||||
|
<span class="label">额定电压</span>
|
||||||
|
<span class="value"
|
||||||
|
>{{
|
||||||
|
item.VoltageLowerLimits
|
||||||
|
? item.VoltageLowerLimits + "v"
|
||||||
|
: ""
|
||||||
|
}}{{
|
||||||
|
item.VoltageUpperLimits && item.VoltageLowerLimits
|
||||||
|
? "-"
|
||||||
|
: ""
|
||||||
|
}}{{
|
||||||
|
item.VoltageUpperLimits
|
||||||
|
? `${item.VoltageUpperLimits}v`
|
||||||
|
: ""
|
||||||
|
}}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="messageBox">
|
||||||
|
<span class="label">最大功率</span>
|
||||||
|
<span class="value">{{
|
||||||
|
item.Power ? item.Power + "kw" : ""
|
||||||
|
}}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="noticeList">
|
||||||
|
<div
|
||||||
|
class="noticeItem"
|
||||||
|
style="margin-right: 12rpx"
|
||||||
|
v-if="item.ConnectorType"
|
||||||
|
>
|
||||||
|
{{
|
||||||
|
item.ConnectorType === 1
|
||||||
|
? "家用插座"
|
||||||
|
: item.ConnectorType === 2
|
||||||
|
? "交流接口插座"
|
||||||
|
: item.ConnectorType === 3
|
||||||
|
? "交流接口插头"
|
||||||
|
: item.ConnectorType === 4
|
||||||
|
? "直流接口插头"
|
||||||
|
: item.ConnectorType === 5
|
||||||
|
? "无线充电座"
|
||||||
|
: ""
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
<div class="noticeItem" v-if="item.NationalStandard">
|
||||||
|
{{
|
||||||
|
`国标${
|
||||||
|
item.NationalStandard === 1
|
||||||
|
? "2001"
|
||||||
|
: item.NationalStandard === 2
|
||||||
|
? "2015"
|
||||||
|
: ""
|
||||||
|
}`
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-if="item.Status !== 0 && item.Status !== 255"
|
class="statusBox"
|
||||||
class="stausType"
|
v-if="
|
||||||
|
item.Status === 2 || item.Status === 3 || item.Status === 4
|
||||||
|
"
|
||||||
:style="{
|
:style="{
|
||||||
color:
|
color:
|
||||||
item.Power >= 240
|
item.Power >= 240
|
||||||
? '#FF5959'
|
? '#FF5959'
|
||||||
: item.Power <= 130 && item.Power >= 60
|
: item.Power <= 130 && item.Power > 60
|
||||||
? '#FF8830'
|
? '#FF8830'
|
||||||
: item.Power < 60
|
: item.Power < 60
|
||||||
? '#01BD8B'
|
? '#01BD8B'
|
||||||
: '',
|
: '',
|
||||||
|
backgroundColor:
|
||||||
|
item.Power >= 240
|
||||||
|
? '#FFF1F1'
|
||||||
|
: item.Power <= 130 && item.Power > 60
|
||||||
|
? '#FBF2EB'
|
||||||
|
: item.Power < 60
|
||||||
|
? '#EAF4F1'
|
||||||
|
: '',
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
|
<image
|
||||||
|
v-if="item.Status === 3"
|
||||||
|
class="chargeIcon"
|
||||||
|
:src="
|
||||||
|
item.Power >= 240
|
||||||
|
? 'https://eshangtech.com/wanmeiyizhanImg/home/fast.svg'
|
||||||
|
: item.Power <= 130 && item.Power > 60
|
||||||
|
? 'https://eshangtech.com/wanmeiyizhanImg/home/normal.svg'
|
||||||
|
: item.Power < 60
|
||||||
|
? 'https://eshangtech.com/wanmeiyizhanImg/home/slow.svg'
|
||||||
|
: ''
|
||||||
|
"
|
||||||
|
/>
|
||||||
{{
|
{{
|
||||||
item.Status === 2 || item.Status === 3 || item.Status === 4
|
item.Status === 2
|
||||||
? "占用"
|
? "占用"
|
||||||
: item.Status === 1
|
: item.Status === 3
|
||||||
? "空闲"
|
? "充电中"
|
||||||
|
: item.Status === 4
|
||||||
|
? "预约锁定"
|
||||||
: ""
|
: ""
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rightItem" @click="handleGoMin">
|
</scroll-view>
|
||||||
<div class="messageBox">
|
</div>
|
||||||
<span class="label">电桩编号</span>
|
|
||||||
<span class="value">桩{{ item.ConnectorID || "" }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="messageBox">
|
|
||||||
<span class="label">额定电压</span>
|
|
||||||
<span class="value"
|
|
||||||
>{{
|
|
||||||
item.VoltageLowerLimits
|
|
||||||
? item.VoltageLowerLimits + "v"
|
|
||||||
: ""
|
|
||||||
}}{{
|
|
||||||
item.VoltageUpperLimits && item.VoltageLowerLimits
|
|
||||||
? "-"
|
|
||||||
: ""
|
|
||||||
}}{{
|
|
||||||
item.VoltageUpperLimits ? `${item.VoltageUpperLimits}v` : ""
|
|
||||||
}}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="messageBox">
|
|
||||||
<span class="label">最大功率</span>
|
|
||||||
<span class="value">{{
|
|
||||||
item.Power ? item.Power + "kw" : ""
|
|
||||||
}}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="noticeList">
|
<view
|
||||||
<div
|
class="popup-mask"
|
||||||
class="noticeItem"
|
@catchtouchmove="preventTouchMove"
|
||||||
style="margin-right: 12rpx"
|
@click="handleClosePopup"
|
||||||
v-if="item.ConnectorType"
|
></view>
|
||||||
>
|
</view>
|
||||||
{{
|
|
||||||
item.ConnectorType === 1
|
|
||||||
? "家用插座"
|
|
||||||
: item.ConnectorType === 2
|
|
||||||
? "交流接口插座"
|
|
||||||
: item.ConnectorType === 3
|
|
||||||
? "交流接口插头"
|
|
||||||
: item.ConnectorType === 4
|
|
||||||
? "直流接口插头"
|
|
||||||
: item.ConnectorType === 5
|
|
||||||
? "无线充电座"
|
|
||||||
: ""
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
<div class="noticeItem" v-if="item.NationalStandard">
|
|
||||||
{{
|
|
||||||
`国标${
|
|
||||||
item.NationalStandard === 1
|
|
||||||
? "2001"
|
|
||||||
: item.NationalStandard === 2
|
|
||||||
? "2015"
|
|
||||||
: ""
|
|
||||||
}`
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="statusBox"
|
|
||||||
v-if="item.Status === 2 || item.Status === 3 || item.Status === 4"
|
|
||||||
:style="{
|
|
||||||
color:
|
|
||||||
item.Power >= 240
|
|
||||||
? '#FF5959'
|
|
||||||
: item.Power <= 130 && item.Power > 60
|
|
||||||
? '#FF8830'
|
|
||||||
: item.Power < 60
|
|
||||||
? '#01BD8B'
|
|
||||||
: '',
|
|
||||||
backgroundColor:
|
|
||||||
item.Power >= 240
|
|
||||||
? '#FFF1F1'
|
|
||||||
: item.Power <= 130 && item.Power > 60
|
|
||||||
? '#FBF2EB'
|
|
||||||
: item.Power < 60
|
|
||||||
? '#EAF4F1'
|
|
||||||
: '',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<image
|
|
||||||
v-if="item.Status === 3"
|
|
||||||
class="chargeIcon"
|
|
||||||
:src="
|
|
||||||
item.Power >= 240
|
|
||||||
? 'https://eshangtech.com/wanmeiyizhanImg/home/fast.svg'
|
|
||||||
: item.Power <= 130 && item.Power > 60
|
|
||||||
? 'https://eshangtech.com/wanmeiyizhanImg/home/normal.svg'
|
|
||||||
: item.Power < 60
|
|
||||||
? 'https://eshangtech.com/wanmeiyizhanImg/home/slow.svg'
|
|
||||||
: ''
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
{{
|
|
||||||
item.Status === 2
|
|
||||||
? "占用"
|
|
||||||
: item.Status === 3
|
|
||||||
? "充电中"
|
|
||||||
: item.Status === 4
|
|
||||||
? "预约锁定"
|
|
||||||
: ""
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</scroll-view>
|
|
||||||
</div>
|
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -1072,6 +1088,9 @@ export default {
|
|||||||
},
|
},
|
||||||
// #endif
|
// #endif
|
||||||
methods: {
|
methods: {
|
||||||
|
preventTouchMove(e) {
|
||||||
|
return false; // 阻止默认行为，避免滚动穿透
|
||||||
|
},
|
||||||
// 选择的服务区详情
|
// 选择的服务区详情
|
||||||
handleGoDetail(id, obj) {
|
handleGoDetail(id, obj) {
|
||||||
console.log("this.pageType", this.pageType);
|
console.log("this.pageType", this.pageType);
|
||||||
@ -2442,7 +2461,10 @@ export default {
|
|||||||
if (nameList && nameList.length > 0) {
|
if (nameList && nameList.length > 0) {
|
||||||
nameList.forEach((subItem) => {
|
nameList.forEach((subItem) => {
|
||||||
let sortName = subItem.split("服务区")[0];
|
let sortName = subItem.split("服务区")[0];
|
||||||
if (item.StationName.indexOf(sortName) !== -1) {
|
if (
|
||||||
|
item.Address.indexOf(sortName) !== -1 &&
|
||||||
|
item.Address.indexOf("方向") !== -1
|
||||||
|
) {
|
||||||
allnewStationList.push(item);
|
allnewStationList.push(item);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -2475,7 +2497,10 @@ export default {
|
|||||||
|
|
||||||
if (newStationList && newStationList.length > 0) {
|
if (newStationList && newStationList.length > 0) {
|
||||||
newStationList.forEach((subItem) => {
|
newStationList.forEach((subItem) => {
|
||||||
if (subItem.StationName.indexOf(sortName) !== -1) {
|
if (
|
||||||
|
subItem.Address.indexOf(sortName) !== -1 &&
|
||||||
|
subItem.Address.indexOf("方向") !== -1
|
||||||
|
) {
|
||||||
if (
|
if (
|
||||||
subItem.EquipmentInfos &&
|
subItem.EquipmentInfos &&
|
||||||
subItem.EquipmentInfos.length > 0
|
subItem.EquipmentInfos.length > 0
|
||||||
@ -3343,186 +3368,211 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.popupDetailBox {
|
.popupBigBox {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 95vh;
|
height: 100vh;
|
||||||
background: #fff;
|
.popupDetailBox {
|
||||||
box-sizing: border-box;
|
width: 100vw;
|
||||||
padding: 0 32rpx;
|
background: #fff;
|
||||||
.popupTitle {
|
box-sizing: border-box;
|
||||||
width: 100%;
|
padding: 0 32rpx;
|
||||||
height: 108rpx;
|
position: fixed;
|
||||||
display: flex;
|
bottom: 0;
|
||||||
align-items: center;
|
left: 0;
|
||||||
justify-content: space-between;
|
// position: relative;
|
||||||
.closeIcon {
|
z-index: 1000; /* 确保内容在蒙层之上 */
|
||||||
width: 32rpx;
|
.popupTitle {
|
||||||
height: 32rpx;
|
width: 100%;
|
||||||
.img {
|
height: 108rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.closeIcon {
|
||||||
width: 32rpx;
|
width: 32rpx;
|
||||||
height: 32rpx;
|
height: 32rpx;
|
||||||
|
.img {
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #130f05;
|
||||||
|
line-height: 44rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.title {
|
|
||||||
font-family: PingFangSC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #130f05;
|
|
||||||
line-height: 44rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.popupTab {
|
.popupTab {
|
||||||
width: 100%;
|
|
||||||
height: 56rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
.tabItem {
|
|
||||||
width: calc((100% - 72rpx) / 4);
|
|
||||||
font-family: PingFangSC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #716f69;
|
|
||||||
line-height: 40rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
background: #f5f5f5;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 8rpx 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.selectTabItem {
|
|
||||||
background: #f8f4ea;
|
|
||||||
font-family: PingFangSC, PingFang SC;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #ba922f;
|
|
||||||
line-height: 40rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.stationList {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 24rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
.stationItem {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
height: 56rpx;
|
||||||
padding: 32rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: #f9f9f9;
|
justify-content: space-between;
|
||||||
margin-bottom: 24rpx;
|
.tabItem {
|
||||||
position: relative;
|
width: calc((100% - 72rpx) / 4);
|
||||||
.leftItem {
|
font-family: PingFangSC, PingFang SC;
|
||||||
width: 152rpx;
|
font-weight: 400;
|
||||||
height: 152rpx;
|
font-size: 28rpx;
|
||||||
margin-right: 24rpx;
|
color: #716f69;
|
||||||
|
line-height: 40rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-radius: 8rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background-repeat: no-repeat;
|
padding: 8rpx 0;
|
||||||
background-size: 100% 100%;
|
box-sizing: border-box;
|
||||||
.chargeType {
|
}
|
||||||
font-family: PingFangSC, PingFang SC;
|
.selectTabItem {
|
||||||
font-weight: 600;
|
background: #f8f4ea;
|
||||||
font-size: 32rpx;
|
font-family: PingFangSC, PingFang SC;
|
||||||
color: #01bd8b;
|
font-weight: 600;
|
||||||
line-height: 44rpx;
|
font-size: 28rpx;
|
||||||
text-align: left;
|
color: #ba922f;
|
||||||
font-style: normal;
|
line-height: 40rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stationList {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
.stationItem {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 32rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: #f9f9f9;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
position: relative;
|
||||||
|
.leftItem {
|
||||||
|
width: 152rpx;
|
||||||
|
height: 152rpx;
|
||||||
|
margin-right: 24rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
.chargeType {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #01bd8b;
|
||||||
|
line-height: 44rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
.stausType {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #01bd8b;
|
||||||
|
line-height: 32rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.stausType {
|
.rightItem {
|
||||||
|
.messageBox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
.label {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #716f69;
|
||||||
|
line-height: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #130f05;
|
||||||
|
line-height: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.noticeList {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.noticeItem {
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #130f05;
|
||||||
|
line-height: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
padding: 0 10rpx;
|
||||||
|
background: #eef0f6;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.statusBox {
|
||||||
|
border-radius: 0rpx 16rpx 0rpx 16rpx;
|
||||||
|
padding: 10rpx 12rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #01bd8b;
|
line-height: 36rpx;
|
||||||
line-height: 32rpx;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
|
||||||
}
|
|
||||||
.rightItem {
|
|
||||||
.messageBox {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 8rpx;
|
.chargeIcon {
|
||||||
.label {
|
width: 24rpx;
|
||||||
font-family: PingFangSC, PingFang SC;
|
height: 24rpx;
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #716f69;
|
|
||||||
line-height: 36rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
margin-right: 16rpx;
|
|
||||||
}
|
}
|
||||||
.value {
|
|
||||||
font-family: PingFangSC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #130f05;
|
|
||||||
line-height: 36rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.noticeList {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.noticeItem {
|
|
||||||
font-family: PingFangSC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 22rpx;
|
|
||||||
color: #130f05;
|
|
||||||
line-height: 36rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
padding: 0 10rpx;
|
|
||||||
background: #eef0f6;
|
|
||||||
border-radius: 4rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.statusBox {
|
|
||||||
border-radius: 0rpx 16rpx 0rpx 16rpx;
|
|
||||||
padding: 10rpx 12rpx;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
font-family: PingFangSC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
line-height: 36rpx;
|
|
||||||
text-align: left;
|
|
||||||
font-style: normal;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.chargeIcon {
|
|
||||||
width: 24rpx;
|
|
||||||
height: 24rpx;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.stationList ::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.stationList ::-webkit-scrollbar {
|
.popup-mask {
|
||||||
display: none;
|
width: 100vw;
|
||||||
width: 0;
|
height: 100vh;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
// background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
z-index: 999;
|
||||||
|
pointer-events: auto; /* 允许蒙层拦截触摸事件 */
|
||||||
|
/* 以下可选 */
|
||||||
|
backdrop-filter: blur(2px); /* iOS 毛玻璃效果（可选） */
|
||||||
|
transition: opacity 0.3s; /* 淡入淡出动画（可选） */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -68,69 +68,74 @@
|
|||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
isShow: false,
|
isShow: false,
|
||||||
oinp: ''
|
oinp: "",
|
||||||
},
|
keyBoardType: {
|
||||||
data () {
|
type: Number,
|
||||||
return {
|
default: 1,
|
||||||
keyVehicle1: ['陕', '京', '津', '沪', '冀', '豫', '云', '辽', '吉', '黑'],
|
},
|
||||||
keyVehicle2: ['湘', '皖', '鲁', '苏', '浙', '赣', '甘', '晋', '蒙', '闽'],
|
// keyBoardType: 1,
|
||||||
keyVehicle3: ['鄂', '桂', '粤', '川', '青', '藏', '琼', '宁', '贵', '渝'],
|
},
|
||||||
keyVehicle4: ['新', '使', '领', '警', '学', '港', '澳'],
|
data() {
|
||||||
keyNumber: '1234567890',
|
return {
|
||||||
keyEnInput1: 'QWERTYUIOP',
|
keyVehicle1: ["陕", "京", "津", "沪", "冀", "豫", "云", "辽", "吉", "黑"],
|
||||||
keyEnInput2: 'ASDFGHJKL',
|
keyVehicle2: ["湘", "皖", "鲁", "苏", "浙", "赣", "甘", "晋", "蒙", "闽"],
|
||||||
keyEnInput3: 'ZXCVBNM',
|
keyVehicle3: ["鄂", "桂", "粤", "川", "青", "藏", "琼", "宁", "贵", "渝"],
|
||||||
backgroundColor: '#cfd5dc',
|
keyVehicle4: ["新", "使", "领", "警", "学", "港", "澳"],
|
||||||
keyBoardType: 1,
|
keyNumber: "1234567890",
|
||||||
buttonBorder: '1px solid #ccc'
|
keyEnInput1: "QWERTYUIOP",
|
||||||
}
|
keyEnInput2: "ASDFGHJKL",
|
||||||
},
|
keyEnInput3: "ZXCVBNM",
|
||||||
methods: {
|
backgroundColor: "#cfd5dc",
|
||||||
vehicleTap: function (event) {
|
// keyBoardType: 1,
|
||||||
console.log(event)
|
buttonBorder: "1px solid #ccc",
|
||||||
switch (event) {
|
};
|
||||||
case 'delete':
|
},
|
||||||
this.$emit('delete')
|
methods: {
|
||||||
// this.$emit('inputchange', event)
|
vehicleTap: function (event) {
|
||||||
break
|
console.log("event", event);
|
||||||
case 'ok':
|
switch (event) {
|
||||||
this.$emit('ok')
|
case "delete":
|
||||||
break
|
this.$emit("delete");
|
||||||
case 'exit':
|
// this.$emit('inputchange', event)
|
||||||
this.$emit('exit')
|
break;
|
||||||
break
|
case "ok":
|
||||||
default:
|
this.$emit("ok");
|
||||||
if (event === 'I' || event === 'O') {
|
break;
|
||||||
return
|
case "exit":
|
||||||
|
this.$emit("exit");
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
if (event === "I" || event === "O") {
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
this.$emit('inputchange', event)
|
this.$emit("inputchange", event);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
colse_da () {
|
colse_da() {
|
||||||
this.$emit('exit2')
|
this.$emit("exit2");
|
||||||
},
|
},
|
||||||
check () {
|
check() {
|
||||||
if (this.keyBoardType === 1) {
|
if (this.keyBoardType === 1) {
|
||||||
this.keyBoardType = 2
|
this.keyBoardType = 2;
|
||||||
} else if (this.keyBoardType === 2) {
|
} else if (this.keyBoardType === 2) {
|
||||||
this.keyBoardType = 1
|
this.keyBoardType = 1;
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
:host {
|
:host {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.bgf7 {
|
.bgf7 {
|
||||||
background: #fefefe;
|
background: #fefefe;
|
||||||
}
|
}
|
||||||
/* .panel-wrap {
|
/* .panel-wrap {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -139,94 +144,94 @@
|
|||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
} */
|
} */
|
||||||
.vehicle-panel {
|
.vehicle-panel {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding-bottom: 28rpx;
|
padding-bottom: 28rpx;
|
||||||
}
|
}
|
||||||
.jik {
|
.jik {
|
||||||
width: 0.6rem;
|
width: 0.6rem;
|
||||||
height: 0.8rem;
|
height: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vehicle-panel-row {
|
.vehicle-panel-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-last {
|
.vehicle-panel-row-last {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-button {
|
.vehicle-panel-row-button {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin: 7rpx 5rpx;
|
margin: 7rpx 5rpx;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
box-shadow: 0 2rpx 4rpx #7f7f7f;
|
box-shadow: 0 2rpx 4rpx #7f7f7f;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-button-number {
|
.vehicle-panel-row-button-number {
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
/* .vehicle-panel-row-button-last {
|
/* .vehicle-panel-row-button-last {
|
||||||
width: 0.9rem;
|
width: 0.9rem;
|
||||||
height: 0.9rem;
|
height: 0.9rem;
|
||||||
line-height: 0.9rem;
|
line-height: 0.9rem;
|
||||||
} */
|
} */
|
||||||
.vehicle-hover {
|
.vehicle-hover {
|
||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-button-img {
|
.vehicle-panel-row-button-img {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 96rpx;
|
width: 96rpx;
|
||||||
background: #acb3bd;
|
background: #acb3bd;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
box-shadow: 0 2rpx 4rpx #acb3bd;
|
box-shadow: 0 2rpx 4rpx #acb3bd;
|
||||||
}
|
}
|
||||||
.vehicle-en-button-delete {
|
.vehicle-en-button-delete {
|
||||||
width: 52rpx;;
|
width: 52rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
}
|
}
|
||||||
.vehicle-panel-ok {
|
.vehicle-panel-ok {
|
||||||
background-color: #6a7cff;
|
background-color: #6a7cff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 1.5rem;
|
width: 1.5rem;
|
||||||
height: 0.8rem;
|
height: 0.8rem;
|
||||||
line-height: 0.8rem;
|
line-height: 0.8rem;
|
||||||
}
|
}
|
||||||
.topItem {
|
.topItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
/* background: #f0f0f0; */
|
/* background: #f0f0f0; */
|
||||||
}
|
}
|
||||||
.exit {
|
.exit {
|
||||||
margin-right: 30rpx;
|
margin-right: 30rpx;
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 0.5rem;
|
line-height: 0.5rem;
|
||||||
}
|
}
|
||||||
.check {
|
.check {
|
||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
color: #6a7cff;
|
color: #6a7cff;
|
||||||
font-size: 0.28rem;
|
font-size: 0.28rem;
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 0.5rem;
|
line-height: 0.5rem;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="main" :style="{ background: pageStyle === 1 ? '' : ' #F5F7F9' }">
|
<page-meta class="main" :style="{ background: pageStyle === 1 ? '' : ' #F5F7F9' }">
|
||||||
<div
|
<div
|
||||||
v-if="loginType === 'min'"
|
v-if="loginType === 'min'"
|
||||||
:class="pageStyle === 1 ? 'topBox' : 'topBox newTopBox'"
|
:class="pageStyle === 1 ? 'topBox' : 'topBox newTopBox'"
|
||||||
@ -393,7 +393,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<tabbar :page="'/pages/home/index'" />
|
<tabbar :page="'/pages/home/index'" />
|
||||||
</div>
|
</page-meta>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { mapGetters, mapMutations } from "vuex";
|
import { mapGetters, mapMutations } from "vuex";
|
||||||
@ -2348,6 +2348,7 @@ export default {
|
|||||||
padding: 24rpx 32rpx 0;
|
padding: 24rpx 32rpx 0;
|
||||||
padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
|
padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
|
||||||
padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
|
padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
|
||||||
|
background: #F5F7F9;
|
||||||
.newMajorFun {
|
.newMajorFun {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
|
|||||||
@ -32,6 +32,102 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="bindTypeBox" v-if="!haveCode">
|
||||||
|
<span class="bindTrain" @click="handleChangeBindType">{{
|
||||||
|
bindCarType === 1 ? "绑定货车" : "绑定轿车"
|
||||||
|
}}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 货车的内容 -->
|
||||||
|
<view v-if="bindCarType === 2">
|
||||||
|
<div class="bindPopup">
|
||||||
|
<div class="fileItem">
|
||||||
|
<div class="itemTitle">身份证<span style="color: red">*</span></div>
|
||||||
|
<div class="uploadImgBox">
|
||||||
|
<div class="submitImgBox" @click="submitImg('1')" v-if="!haveCode">
|
||||||
|
<image class="addIcon" src="/static/home/addImageIcon.svg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="imgItem"
|
||||||
|
v-for="(item, index) in IDCardImgList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
:src="item"
|
||||||
|
@click="showImg2(index, IDCardImgList)"
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="closeBox"
|
||||||
|
@click.stop="deleteImgFuncResponse(IDCardImgList, index)"
|
||||||
|
v-if="!haveCode"
|
||||||
|
>
|
||||||
|
<image class="closeIcon" src="/static/home/closeIcon.svg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fileItem">
|
||||||
|
<div class="itemTitle">驾驶证<span style="color: red">*</span></div>
|
||||||
|
<div class="uploadImgBox">
|
||||||
|
<div class="submitImgBox" @click="submitImg('2')" v-if="!haveCode">
|
||||||
|
<image class="addIcon" src="/static/home/addImageIcon.svg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="imgItem"
|
||||||
|
v-for="(item, index) in driverLicenseList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
:src="item"
|
||||||
|
@click="showImg2(index, driverLicenseList)"
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="closeBox"
|
||||||
|
@click.stop="deleteImgFuncResponse(driverLicenseList, index)"
|
||||||
|
v-if="!haveCode"
|
||||||
|
>
|
||||||
|
<image class="closeIcon" src="/static/home/closeIcon.svg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fileItem">
|
||||||
|
<div class="itemTitle">行驶证<span style="color: red">*</span></div>
|
||||||
|
<div class="uploadImgBox">
|
||||||
|
<div class="submitImgBox" @click="submitImg('3')" v-if="!haveCode">
|
||||||
|
<image class="addIcon" src="/static/home/addImageIcon.svg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="imgItem"
|
||||||
|
v-for="(item, index) in drivingLicenseList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
:src="item"
|
||||||
|
@click="showImg2(index, drivingLicenseList)"
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="closeBox"
|
||||||
|
@click.stop="deleteImgFuncResponse(drivingLicenseList, index)"
|
||||||
|
v-if="!haveCode"
|
||||||
|
>
|
||||||
|
<image class="closeIcon" src="/static/home/closeIcon.svg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 确认绑定按钮 -->
|
<!-- 确认绑定按钮 -->
|
||||||
<div class="confirmBox" @click="handleConfirmCode" v-if="!haveCode">
|
<div class="confirmBox" @click="handleConfirmCode" v-if="!haveCode">
|
||||||
确认绑定
|
确认绑定
|
||||||
@ -41,9 +137,49 @@
|
|||||||
解绑车辆
|
解绑车辆
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 货车司机 -->
|
||||||
|
<!-- <div class="confirmBox" style="margin-top: 26rpx" @click="handleBindTruck">
|
||||||
|
绑定货车
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<!-- <uni-popup
|
||||||
|
ref="popup"
|
||||||
|
:show="showPopup"
|
||||||
|
:safe-area="false"
|
||||||
|
@close="handleClosePopup"
|
||||||
|
@maskClick="handleClosePopup"
|
||||||
|
>
|
||||||
|
<div class="bindPopup">
|
||||||
|
<div class="fileItem">
|
||||||
|
<div class="itemTitle">身份证<span style="color: red">*</span></div>
|
||||||
|
<div class="uploadImgBox">
|
||||||
|
<div class="submitImgBox" @click="submitImg('1')">
|
||||||
|
<image class="addIcon" src="/static/home/addImageIcon.svg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="imgItem"
|
||||||
|
v-for="(item, index) in IDCardImgList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
:src="item"
|
||||||
|
@click="showImg2(index, IDCardImgList)"
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
<div class="closeBox" @click.stop="deleteImgFunc(item, index)">
|
||||||
|
<image class="closeIcon" src="/static/home/closeIcon.svg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</uni-popup> -->
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<keyboard
|
<keyboard
|
||||||
:isShow="isShow"
|
:isShow="isShow"
|
||||||
|
:keyBoardType="defaultKeyWordType"
|
||||||
@inputchange="inputChange"
|
@inputchange="inputChange"
|
||||||
@delete="delValue"
|
@delete="delValue"
|
||||||
@ok="confirmboard"
|
@ok="confirmboard"
|
||||||
@ -98,6 +234,12 @@ export default {
|
|||||||
saveCarText: ["皖", "A", "", "", "", "", "", ""],
|
saveCarText: ["皖", "A", "", "", "", "", "", ""],
|
||||||
newEnergy: true, // 是否是新能源
|
newEnergy: true, // 是否是新能源
|
||||||
haveCode: false, // 判断是否已经有了code
|
haveCode: false, // 判断是否已经有了code
|
||||||
|
defaultKeyWordType: 1, // 默认的键盘类型 1是 省份 2是 车牌号
|
||||||
|
showPopup: false,
|
||||||
|
IDCardImgList: [], // 身份证 上传的图片
|
||||||
|
driverLicenseList: [], // 驾驶证 上传的图片
|
||||||
|
drivingLicenseList: [], // 行驶证 上传的图片
|
||||||
|
bindCarType: 1, // 绑定车的类型 1 轿车 2 货车
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -109,6 +251,166 @@ export default {
|
|||||||
keyboard,
|
keyboard,
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 修改绑定类型
|
||||||
|
handleChangeBindType() {
|
||||||
|
if (this.bindCarType === 1) {
|
||||||
|
this.bindCarType = 2;
|
||||||
|
} else {
|
||||||
|
this.bindCarType = 1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 绑定货车
|
||||||
|
handleBindTruck() {
|
||||||
|
this.handleOpenDetail();
|
||||||
|
},
|
||||||
|
// 关闭悬浮框 货车的
|
||||||
|
handleClosePopup() {
|
||||||
|
this.$refs.popup.close();
|
||||||
|
},
|
||||||
|
// 打开悬浮框 货车的
|
||||||
|
handleOpenDetail() {
|
||||||
|
this.$refs.popup.open("bottom");
|
||||||
|
},
|
||||||
|
showImg2(index, imgList) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: imgList,
|
||||||
|
current: index,
|
||||||
|
loop: true,
|
||||||
|
indicator: "number",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 删除答案里面的图片
|
||||||
|
deleteImgFuncResponse(item, index) {
|
||||||
|
console.log("item", item);
|
||||||
|
item = item.splice(index, 1);
|
||||||
|
this.$forceUpdate();
|
||||||
|
},
|
||||||
|
submitImg(type) {
|
||||||
|
let _this = this;
|
||||||
|
uni.chooseImage({
|
||||||
|
count: 9, //默认9
|
||||||
|
sizeType: ["original", "compressed"],
|
||||||
|
sourceType: ["camera"],
|
||||||
|
// "album",
|
||||||
|
success: function (rs) {
|
||||||
|
let quality = 100;
|
||||||
|
if (rs.tempFiles[0].size > 1024 * 200) {
|
||||||
|
quality = ((1024 * 200) / rs.tempFiles[0].size) * 100;
|
||||||
|
}
|
||||||
|
if (quality < 100 && rs.tempFiles[0].path.indexOf(".jpg") > -1) {
|
||||||
|
uni.compressImage({
|
||||||
|
src: rs.tempFilePaths[0], // 图片路径
|
||||||
|
quality: quality, // 压缩质量
|
||||||
|
success(res) {
|
||||||
|
console.log("res", res);
|
||||||
|
let data = {};
|
||||||
|
if (res.data) {
|
||||||
|
data = JSON.parse(res.data);
|
||||||
|
}
|
||||||
|
console.log("data", data);
|
||||||
|
uni.showLoading({
|
||||||
|
title: "图片上传中...",
|
||||||
|
});
|
||||||
|
uni.uploadFile({
|
||||||
|
// url: "https://user.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
|
||||||
|
// url: "https://es.robot-z.cn/oss/upload",
|
||||||
|
url: "https://es.eshangtech.com/oss/upload",
|
||||||
|
filePath: res.tempFilePath,
|
||||||
|
header: {
|
||||||
|
"Content-Type": "multipart/form-data",
|
||||||
|
},
|
||||||
|
formData: {},
|
||||||
|
fileType: "image",
|
||||||
|
name: "file",
|
||||||
|
success(res) {
|
||||||
|
console.log("res", res);
|
||||||
|
let data = {};
|
||||||
|
if (res.data) {
|
||||||
|
data = JSON.parse(res.data);
|
||||||
|
}
|
||||||
|
console.log("data", data);
|
||||||
|
uni.hideLoading();
|
||||||
|
|
||||||
|
if (type === "1") {
|
||||||
|
// 身份证的数组
|
||||||
|
_this.IDCardImgList.push(
|
||||||
|
`https://es.eshangtech.com/${data.data.path}`
|
||||||
|
);
|
||||||
|
} else if (type === "2") {
|
||||||
|
// 驾驶证的图片
|
||||||
|
_this.driverLicenseList.push(
|
||||||
|
`https://es.eshangtech.com/${data.data.path}`
|
||||||
|
);
|
||||||
|
} else if (type === "3") {
|
||||||
|
// 行驶证图片
|
||||||
|
_this.drivingLicenseList.push(
|
||||||
|
`https://es.eshangtech.com/${data.data.path}`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// _this.$forceUpdate();
|
||||||
|
},
|
||||||
|
fail(error) {
|
||||||
|
console.log("error", error);
|
||||||
|
_this.noPost = true;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail(error) {
|
||||||
|
_this.noPost = true;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.showLoading({
|
||||||
|
title: "图片上传中...",
|
||||||
|
});
|
||||||
|
uni.uploadFile({
|
||||||
|
// url: "https://user.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
|
||||||
|
// url: "https://es.robot-z.cn/oss/upload",
|
||||||
|
url: "https://es.eshangtech.com/oss/upload",
|
||||||
|
filePath: rs.tempFilePaths[0],
|
||||||
|
fileType: "image",
|
||||||
|
header: {
|
||||||
|
"Content-Type": "multipart/form-data",
|
||||||
|
},
|
||||||
|
name: "file",
|
||||||
|
success(res) {
|
||||||
|
console.log("res", res);
|
||||||
|
let data = {};
|
||||||
|
if (res.data) {
|
||||||
|
data = JSON.parse(res.data);
|
||||||
|
}
|
||||||
|
console.log("data", data);
|
||||||
|
uni.hideLoading();
|
||||||
|
if (type === "1") {
|
||||||
|
// 身份证的数组
|
||||||
|
_this.IDCardImgList.push(
|
||||||
|
`https://es.eshangtech.com/${data.data.path}`
|
||||||
|
);
|
||||||
|
} else if (type === "2") {
|
||||||
|
// 驾驶证的图片
|
||||||
|
_this.driverLicenseList.push(
|
||||||
|
`https://es.eshangtech.com/${data.data.path}`
|
||||||
|
);
|
||||||
|
} else if (type === "3") {
|
||||||
|
// 行驶证图片
|
||||||
|
_this.drivingLicenseList.push(
|
||||||
|
`https://es.eshangtech.com/${data.data.path}`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// _this.$forceUpdate();
|
||||||
|
},
|
||||||
|
fail(error) {
|
||||||
|
console.log("error", error);
|
||||||
|
_this.noPost = true;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: function (err) {},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
// 确认绑定
|
// 确认绑定
|
||||||
handleConfirmCode() {
|
handleConfirmCode() {
|
||||||
console.log("this.saveCarText", this.saveCarText);
|
console.log("this.saveCarText", this.saveCarText);
|
||||||
@ -141,12 +443,47 @@ export default {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (this.bindCarType === 2) {
|
||||||
|
if (!(this.IDCardImgList && this.IDCardImgList.length > 0)) {
|
||||||
|
uni.showModal({
|
||||||
|
title: "温馨提示",
|
||||||
|
content: "请上传身份证！",
|
||||||
|
showCancel: false,
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!(this.driverLicenseList && this.driverLicenseList.length > 0)) {
|
||||||
|
uni.showModal({
|
||||||
|
title: "温馨提示",
|
||||||
|
content: "请上传驾驶证！",
|
||||||
|
showCancel: false,
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!(this.drivingLicenseList && this.drivingLicenseList.length > 0)) {
|
||||||
|
uni.showModal({
|
||||||
|
title: "温馨提示",
|
||||||
|
content: "请上传行驶证！",
|
||||||
|
showCancel: false,
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 图片的上传对象格式
|
||||||
|
let imgObj = {
|
||||||
|
IDCardImgList: _this.IDCardImgList,
|
||||||
|
driverLicenseList: _this.driverLicenseList,
|
||||||
|
drivingLicenseList: _this.drivingLicenseList,
|
||||||
|
};
|
||||||
|
|
||||||
_this.$api
|
_this.$api
|
||||||
.getCoop({
|
.getCoop({
|
||||||
action_type: "BindVehicle",
|
action_type: "BindVehicle",
|
||||||
LicensePlate: carText,
|
LicensePlate: carText,
|
||||||
VehicleType: _this.newEnergy ? "新能源" : "",
|
VehicleType: _this.newEnergy ? "新能源" : "",
|
||||||
|
ImageInfo: _this.bindCarType === 2 ? JSON.stringify(imgObj) : "",
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log("res", res);
|
console.log("res", res);
|
||||||
@ -214,6 +551,16 @@ export default {
|
|||||||
this.isShow = false;
|
this.isShow = false;
|
||||||
},
|
},
|
||||||
focusInput(value) {
|
focusInput(value) {
|
||||||
|
console.log("valudsadase", value);
|
||||||
|
console.log("saveCarText", this.saveCarText);
|
||||||
|
// 判断第一个 有没有值 有值了的话 就显示数字键盘 没值的话 就显示中文键盘
|
||||||
|
if (value === 0) {
|
||||||
|
this.defaultKeyWordType = 1;
|
||||||
|
} else {
|
||||||
|
this.defaultKeyWordType = 2;
|
||||||
|
}
|
||||||
|
console.log("this.defaultKeyWordType", this.defaultKeyWordType);
|
||||||
|
|
||||||
if (this.haveCode) {
|
if (this.haveCode) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "已有关联车辆！如需修改请先解绑",
|
title: "已有关联车辆！如需修改请先解绑",
|
||||||
@ -230,8 +577,6 @@ export default {
|
|||||||
let _this = this;
|
let _this = this;
|
||||||
if (_this.cards && _this.cards.length > 0) {
|
if (_this.cards && _this.cards.length > 0) {
|
||||||
let obj = _this.cards[0];
|
let obj = _this.cards[0];
|
||||||
console.log("user", _this.user);
|
|
||||||
console.log("obj", obj);
|
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: "确认取消绑定？",
|
title: "确认取消绑定？",
|
||||||
content: "取消绑定后将无法恢复",
|
content: "取消绑定后将无法恢复",
|
||||||
@ -242,11 +587,14 @@ export default {
|
|||||||
action_type: "UnbindVehicle",
|
action_type: "UnbindVehicle",
|
||||||
MEMBERSHIPVEHICLE_ID: obj.MEMBERSHIPVEHICLE_ID,
|
MEMBERSHIPVEHICLE_ID: obj.MEMBERSHIPVEHICLE_ID,
|
||||||
LicensePlate: obj.License_Plate,
|
LicensePlate: obj.License_Plate,
|
||||||
Membership_Id: _this.user.MEMBERSHIP_ID,
|
// Membership_Id: _this.user.MEMBERSHIP_ID,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log("res", res);
|
console.log("res", res);
|
||||||
if (res.Result_Code === 100) {
|
if (res.Result_Code === 100) {
|
||||||
|
_this.IDCardImgList = [];
|
||||||
|
_this.driverLicenseList = [];
|
||||||
|
_this.drivingLicenseList = [];
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
content: res.Result_Desc,
|
content: res.Result_Desc,
|
||||||
cancelColor: "#000000",
|
cancelColor: "#000000",
|
||||||
@ -285,8 +633,16 @@ export default {
|
|||||||
console.log("_this.cards", _this.cards);
|
console.log("_this.cards", _this.cards);
|
||||||
if (_this.cards && _this.cards.length > 0) {
|
if (_this.cards && _this.cards.length > 0) {
|
||||||
let obj = _this.cards[0];
|
let obj = _this.cards[0];
|
||||||
console.log("obj", obj);
|
console.log("obj321321", obj);
|
||||||
let code = obj.License_Plate;
|
let code = obj.License_Plate;
|
||||||
|
if (obj.ImageInfo) {
|
||||||
|
_this.bindCarType = 2;
|
||||||
|
let imgObj = JSON.parse(obj.ImageInfo);
|
||||||
|
console.log("imgObj", imgObj);
|
||||||
|
_this.IDCardImgList = imgObj.IDCardImgList;
|
||||||
|
_this.driverLicenseList = imgObj.driverLicenseList;
|
||||||
|
_this.drivingLicenseList = imgObj.drivingLicenseList;
|
||||||
|
}
|
||||||
_this.saveCarText = code.split("");
|
_this.saveCarText = code.split("");
|
||||||
_this.haveCode = true;
|
_this.haveCode = true;
|
||||||
} else {
|
} else {
|
||||||
@ -300,7 +656,8 @@ export default {
|
|||||||
uni.navigateTo({ url: "/pages/homeFn/bindingCar/index" });
|
uni.navigateTo({ url: "/pages/homeFn/bindingCar/index" });
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {},
|
||||||
|
onLoad() {
|
||||||
this.isLoading = true;
|
this.isLoading = true;
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
@ -431,7 +788,7 @@ export default {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.cancelBox {
|
.cancelBox {
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: "PingFangSC";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
@ -449,6 +806,101 @@ export default {
|
|||||||
border: 1px solid #b8b7b4;
|
border: 1px solid #b8b7b4;
|
||||||
margin-top: 24rpx;
|
margin-top: 24rpx;
|
||||||
}
|
}
|
||||||
|
.bindPopup {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
border-top-left-radius: 32rpx;
|
||||||
|
border-top-right-radius: 32rpx;
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
.fileItem {
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
.itemTitle {
|
||||||
|
font-family: "PingFangSC";
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 44rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
}
|
||||||
|
.uploadImgBox {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.submitImgBox {
|
||||||
|
width: 148rpx;
|
||||||
|
height: 148rpx;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
|
||||||
|
.addIcon {
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
color: #b4b5ba;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgItem {
|
||||||
|
width: 148rpx;
|
||||||
|
height: 148rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.closeBox {
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
border-radius: 0rpx 8rpx 0rpx 8rpx;
|
||||||
|
background: rgba(6, 10, 25, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
|
||||||
|
.closeIcon {
|
||||||
|
width: 24rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bindTypeBox {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
.bindTrain {
|
||||||
|
font-family: "PingFangSC";
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 36rpx;
|
||||||
|
color: #ba922f;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
page {
|
page {
|
||||||
|
|||||||
1
static/home/addImageIcon.svg
Normal file
1
static/home/addImageIcon.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1742524490484" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2590" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M864 448 512 448 512 96C512 78.08 497.92 64 480 64 462.08 64 448 78.08 448 96L448 448 96 448C78.08 448 64 462.08 64 480 64 497.92 78.08 512 96 512L448 512l0 352C448 881.92 462.08 896 480 896 497.92 896 512 881.92 512 864L512 512l352 0C881.92 512 896 497.92 896 480 896 462.08 881.92 448 864 448z" p-id="2591" fill="#b4b5ba"></path></svg>
|
||||||
|
After Width: | Height: | Size: 670 B |
17
static/home/closeIcon.svg
Normal file
17
static/home/closeIcon.svg
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>编组_29备份@2x</title>
|
||||||
|
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="切图" transform="translate(-190.000000, -29.000000)">
|
||||||
|
<g id="编组-29备份" transform="translate(190.000000, 29.000000)">
|
||||||
|
<rect id="矩形" x="0" y="0" width="12" height="12"></rect>
|
||||||
|
<g id="通用图标/关闭" transform="translate(1.000000, 1.000000)">
|
||||||
|
<rect id="矩形" x="0" y="0" width="10" height="10"></rect>
|
||||||
|
<g id="close" transform="translate(0.625000, 0.625000)" stroke="#999DA3" stroke-width="0.975">
|
||||||
|
<path d="M8.83875,0 L4.419375,4.419375 L0,8.83875 M0,0 L4.419375,4.419375 L8.83875,8.83875" id="形状"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -249,4 +249,7 @@
|
|||||||
|
|
||||||
|
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
|
.vue-ref {
|
||||||
|
z-index: 999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@ -12366,7 +12366,7 @@ var api = {
|
|||||||
data.ownerUnitId = _index.default.getters.ownerUnitId || data.ownerUnitId || '';
|
data.ownerUnitId = _index.default.getters.ownerUnitId || data.ownerUnitId || '';
|
||||||
data.Membership_Id = _index.default.getters.user.MEMBERSHIP_ID || _index.default.getters.user.MemberShipID || data.MEMBERSHIP_ID || '';
|
data.Membership_Id = _index.default.getters.user.MEMBERSHIP_ID || _index.default.getters.user.MemberShipID || data.MEMBERSHIP_ID || '';
|
||||||
data.MembershipId = _index.default.getters.user.MEMBERSHIP_ID || _index.default.getters.user.MemberShipID || data.MEMBERSHIP_ID || '';
|
data.MembershipId = _index.default.getters.user.MEMBERSHIP_ID || _index.default.getters.user.MemberShipID || data.MEMBERSHIP_ID || '';
|
||||||
data.MEMBERSHIP_ID = _index.default.getters.user.MEMBERSHIP_ID || _index.default.getters.user.MemberShipID || data.MEMBERSHIP_ID || '';
|
// data.MEMBERSHIP_ID = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
||||||
var requstOptions = {
|
var requstOptions = {
|
||||||
url: isWebApi ? _this.url + control : _this.url,
|
url: isWebApi ? _this.url + control : _this.url,
|
||||||
data: data,
|
data: data,
|
||||||
|
|||||||
@ -192,46 +192,51 @@ exports.default = void 0;
|
|||||||
var _default = {
|
var _default = {
|
||||||
props: {
|
props: {
|
||||||
isShow: false,
|
isShow: false,
|
||||||
oinp: ''
|
oinp: "",
|
||||||
|
keyBoardType: {
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
}
|
||||||
|
// keyBoardType: 1,
|
||||||
},
|
},
|
||||||
data: function data() {
|
data: function data() {
|
||||||
return {
|
return {
|
||||||
keyVehicle1: ['陕', '京', '津', '沪', '冀', '豫', '云', '辽', '吉', '黑'],
|
keyVehicle1: ["陕", "京", "津", "沪", "冀", "豫", "云", "辽", "吉", "黑"],
|
||||||
keyVehicle2: ['湘', '皖', '鲁', '苏', '浙', '赣', '甘', '晋', '蒙', '闽'],
|
keyVehicle2: ["湘", "皖", "鲁", "苏", "浙", "赣", "甘", "晋", "蒙", "闽"],
|
||||||
keyVehicle3: ['鄂', '桂', '粤', '川', '青', '藏', '琼', '宁', '贵', '渝'],
|
keyVehicle3: ["鄂", "桂", "粤", "川", "青", "藏", "琼", "宁", "贵", "渝"],
|
||||||
keyVehicle4: ['新', '使', '领', '警', '学', '港', '澳'],
|
keyVehicle4: ["新", "使", "领", "警", "学", "港", "澳"],
|
||||||
keyNumber: '1234567890',
|
keyNumber: "1234567890",
|
||||||
keyEnInput1: 'QWERTYUIOP',
|
keyEnInput1: "QWERTYUIOP",
|
||||||
keyEnInput2: 'ASDFGHJKL',
|
keyEnInput2: "ASDFGHJKL",
|
||||||
keyEnInput3: 'ZXCVBNM',
|
keyEnInput3: "ZXCVBNM",
|
||||||
backgroundColor: '#cfd5dc',
|
backgroundColor: "#cfd5dc",
|
||||||
keyBoardType: 1,
|
// keyBoardType: 1,
|
||||||
buttonBorder: '1px solid #ccc'
|
buttonBorder: "1px solid #ccc"
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
vehicleTap: function vehicleTap(event) {
|
vehicleTap: function vehicleTap(event) {
|
||||||
console.log(event);
|
console.log("event", event);
|
||||||
switch (event) {
|
switch (event) {
|
||||||
case 'delete':
|
case "delete":
|
||||||
this.$emit('delete');
|
this.$emit("delete");
|
||||||
// this.$emit('inputchange', event)
|
// this.$emit('inputchange', event)
|
||||||
break;
|
break;
|
||||||
case 'ok':
|
case "ok":
|
||||||
this.$emit('ok');
|
this.$emit("ok");
|
||||||
break;
|
break;
|
||||||
case 'exit':
|
case "exit":
|
||||||
this.$emit('exit');
|
this.$emit("exit");
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
if (event === 'I' || event === 'O') {
|
if (event === "I" || event === "O") {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.$emit('inputchange', event);
|
this.$emit("inputchange", event);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
colse_da: function colse_da() {
|
colse_da: function colse_da() {
|
||||||
this.$emit('exit2');
|
this.$emit("exit2");
|
||||||
},
|
},
|
||||||
check: function check() {
|
check: function check() {
|
||||||
if (this.keyBoardType === 1) {
|
if (this.keyBoardType === 1) {
|
||||||
|
|||||||
@ -1,106 +1,106 @@
|
|||||||
|
|
||||||
.data-v-a6f5c6bc:host {
|
.data-v-a6f5c6bc:host {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.bgf7.data-v-a6f5c6bc {
|
.bgf7.data-v-a6f5c6bc {
|
||||||
background: #fefefe;
|
background: #fefefe;
|
||||||
}
|
}
|
||||||
/* .panel-wrap {
|
/* .panel-wrap {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
} */
|
} */
|
||||||
.vehicle-panel.data-v-a6f5c6bc {
|
.vehicle-panel.data-v-a6f5c6bc {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding-bottom: 28rpx;
|
padding-bottom: 28rpx;
|
||||||
}
|
}
|
||||||
.jik.data-v-a6f5c6bc {
|
.jik.data-v-a6f5c6bc {
|
||||||
width: 0.6rem;
|
width: 0.6rem;
|
||||||
height: 0.8rem;
|
height: 0.8rem;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row.data-v-a6f5c6bc {
|
.vehicle-panel-row.data-v-a6f5c6bc {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-last.data-v-a6f5c6bc {
|
.vehicle-panel-row-last.data-v-a6f5c6bc {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-button.data-v-a6f5c6bc {
|
.vehicle-panel-row-button.data-v-a6f5c6bc {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin: 7rpx 5rpx;
|
margin: 7rpx 5rpx;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
box-shadow: 0 2rpx 4rpx #7f7f7f;
|
box-shadow: 0 2rpx 4rpx #7f7f7f;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-button-number.data-v-a6f5c6bc {
|
.vehicle-panel-row-button-number.data-v-a6f5c6bc {
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
/* .vehicle-panel-row-button-last {
|
/* .vehicle-panel-row-button-last {
|
||||||
width: 0.9rem;
|
width: 0.9rem;
|
||||||
height: 0.9rem;
|
height: 0.9rem;
|
||||||
line-height: 0.9rem;
|
line-height: 0.9rem;
|
||||||
} */
|
} */
|
||||||
.vehicle-hover.data-v-a6f5c6bc {
|
.vehicle-hover.data-v-a6f5c6bc {
|
||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
.vehicle-panel-row-button-img.data-v-a6f5c6bc {
|
.vehicle-panel-row-button-img.data-v-a6f5c6bc {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 96rpx;
|
width: 96rpx;
|
||||||
background: #acb3bd;
|
background: #acb3bd;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
box-shadow: 0 2rpx 4rpx #acb3bd;
|
box-shadow: 0 2rpx 4rpx #acb3bd;
|
||||||
}
|
}
|
||||||
.vehicle-en-button-delete.data-v-a6f5c6bc {
|
.vehicle-en-button-delete.data-v-a6f5c6bc {
|
||||||
width: 52rpx;
|
width: 52rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
}
|
}
|
||||||
.vehicle-panel-ok.data-v-a6f5c6bc {
|
.vehicle-panel-ok.data-v-a6f5c6bc {
|
||||||
background-color: #6a7cff;
|
background-color: #6a7cff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
width: 1.5rem;
|
width: 1.5rem;
|
||||||
height: 0.8rem;
|
height: 0.8rem;
|
||||||
line-height: 0.8rem;
|
line-height: 0.8rem;
|
||||||
}
|
}
|
||||||
.topItem.data-v-a6f5c6bc {
|
.topItem.data-v-a6f5c6bc {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
/* background: #f0f0f0; */
|
/* background: #f0f0f0; */
|
||||||
}
|
}
|
||||||
.exit.data-v-a6f5c6bc {
|
.exit.data-v-a6f5c6bc {
|
||||||
margin-right: 30rpx;
|
margin-right: 30rpx;
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 0.5rem;
|
line-height: 0.5rem;
|
||||||
}
|
}
|
||||||
.check.data-v-a6f5c6bc {
|
.check.data-v-a6f5c6bc {
|
||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
color: #6a7cff;
|
color: #6a7cff;
|
||||||
font-size: 0.28rem;
|
font-size: 0.28rem;
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 0.5rem;
|
line-height: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -669,6 +669,7 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 24rpx 32rpx 0;
|
padding: 24rpx 32rpx 0;
|
||||||
padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
|
padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
|
||||||
|
background: #F5F7F9;
|
||||||
}
|
}
|
||||||
.main .newContent .newMajorFun.data-v-71e217db {
|
.main .newContent .newMajorFun.data-v-71e217db {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|||||||
@ -173,7 +173,18 @@ var _default = {
|
|||||||
saveCarText: ["皖", "A", "", "", "", "", "", ""],
|
saveCarText: ["皖", "A", "", "", "", "", "", ""],
|
||||||
newEnergy: true,
|
newEnergy: true,
|
||||||
// 是否是新能源
|
// 是否是新能源
|
||||||
haveCode: false // 判断是否已经有了code
|
haveCode: false,
|
||||||
|
// 判断是否已经有了code
|
||||||
|
defaultKeyWordType: 1,
|
||||||
|
// 默认的键盘类型 1是 省份 2是 车牌号
|
||||||
|
showPopup: false,
|
||||||
|
IDCardImgList: [],
|
||||||
|
// 身份证 上传的图片
|
||||||
|
driverLicenseList: [],
|
||||||
|
// 驾驶证 上传的图片
|
||||||
|
drivingLicenseList: [],
|
||||||
|
// 行驶证 上传的图片
|
||||||
|
bindCarType: 1 // 绑定车的类型 1 轿车 2 货车
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -184,6 +195,155 @@ var _default = {
|
|||||||
keyboard: keyboard
|
keyboard: keyboard
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 修改绑定类型
|
||||||
|
handleChangeBindType: function handleChangeBindType() {
|
||||||
|
if (this.bindCarType === 1) {
|
||||||
|
this.bindCarType = 2;
|
||||||
|
} else {
|
||||||
|
this.bindCarType = 1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 绑定货车
|
||||||
|
handleBindTruck: function handleBindTruck() {
|
||||||
|
this.handleOpenDetail();
|
||||||
|
},
|
||||||
|
// 关闭悬浮框 货车的
|
||||||
|
handleClosePopup: function handleClosePopup() {
|
||||||
|
this.$refs.popup.close();
|
||||||
|
},
|
||||||
|
// 打开悬浮框 货车的
|
||||||
|
handleOpenDetail: function handleOpenDetail() {
|
||||||
|
this.$refs.popup.open("bottom");
|
||||||
|
},
|
||||||
|
showImg2: function showImg2(index, imgList) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: imgList,
|
||||||
|
current: index,
|
||||||
|
loop: true,
|
||||||
|
indicator: "number"
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 删除答案里面的图片
|
||||||
|
deleteImgFuncResponse: function deleteImgFuncResponse(item, index) {
|
||||||
|
console.log("item", item);
|
||||||
|
item = item.splice(index, 1);
|
||||||
|
this.$forceUpdate();
|
||||||
|
},
|
||||||
|
submitImg: function submitImg(type) {
|
||||||
|
var _this = this;
|
||||||
|
uni.chooseImage({
|
||||||
|
count: 9,
|
||||||
|
//默认9
|
||||||
|
sizeType: ["original", "compressed"],
|
||||||
|
sourceType: ["camera"],
|
||||||
|
// "album",
|
||||||
|
success: function success(rs) {
|
||||||
|
var quality = 100;
|
||||||
|
if (rs.tempFiles[0].size > 1024 * 200) {
|
||||||
|
quality = 1024 * 200 / rs.tempFiles[0].size * 100;
|
||||||
|
}
|
||||||
|
if (quality < 100 && rs.tempFiles[0].path.indexOf(".jpg") > -1) {
|
||||||
|
uni.compressImage({
|
||||||
|
src: rs.tempFilePaths[0],
|
||||||
|
// 图片路径
|
||||||
|
quality: quality,
|
||||||
|
// 压缩质量
|
||||||
|
success: function success(res) {
|
||||||
|
console.log("res", res);
|
||||||
|
var data = {};
|
||||||
|
if (res.data) {
|
||||||
|
data = JSON.parse(res.data);
|
||||||
|
}
|
||||||
|
console.log("data", data);
|
||||||
|
uni.showLoading({
|
||||||
|
title: "图片上传中..."
|
||||||
|
});
|
||||||
|
uni.uploadFile({
|
||||||
|
// url: "https://user.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
|
||||||
|
// url: "https://es.robot-z.cn/oss/upload",
|
||||||
|
url: "https://es.eshangtech.com/oss/upload",
|
||||||
|
filePath: res.tempFilePath,
|
||||||
|
header: {
|
||||||
|
"Content-Type": "multipart/form-data"
|
||||||
|
},
|
||||||
|
formData: {},
|
||||||
|
fileType: "image",
|
||||||
|
name: "file",
|
||||||
|
success: function success(res) {
|
||||||
|
console.log("res", res);
|
||||||
|
var data = {};
|
||||||
|
if (res.data) {
|
||||||
|
data = JSON.parse(res.data);
|
||||||
|
}
|
||||||
|
console.log("data", data);
|
||||||
|
uni.hideLoading();
|
||||||
|
if (type === "1") {
|
||||||
|
// 身份证的数组
|
||||||
|
_this.IDCardImgList.push("https://es.eshangtech.com/".concat(data.data.path));
|
||||||
|
} else if (type === "2") {
|
||||||
|
// 驾驶证的图片
|
||||||
|
_this.driverLicenseList.push("https://es.eshangtech.com/".concat(data.data.path));
|
||||||
|
} else if (type === "3") {
|
||||||
|
// 行驶证图片
|
||||||
|
_this.drivingLicenseList.push("https://es.eshangtech.com/".concat(data.data.path));
|
||||||
|
}
|
||||||
|
// _this.$forceUpdate();
|
||||||
|
},
|
||||||
|
fail: function fail(error) {
|
||||||
|
console.log("error", error);
|
||||||
|
_this.noPost = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: function fail(error) {
|
||||||
|
_this.noPost = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.showLoading({
|
||||||
|
title: "图片上传中..."
|
||||||
|
});
|
||||||
|
uni.uploadFile({
|
||||||
|
// url: "https://user.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
|
||||||
|
// url: "https://es.robot-z.cn/oss/upload",
|
||||||
|
url: "https://es.eshangtech.com/oss/upload",
|
||||||
|
filePath: rs.tempFilePaths[0],
|
||||||
|
fileType: "image",
|
||||||
|
header: {
|
||||||
|
"Content-Type": "multipart/form-data"
|
||||||
|
},
|
||||||
|
name: "file",
|
||||||
|
success: function success(res) {
|
||||||
|
console.log("res", res);
|
||||||
|
var data = {};
|
||||||
|
if (res.data) {
|
||||||
|
data = JSON.parse(res.data);
|
||||||
|
}
|
||||||
|
console.log("data", data);
|
||||||
|
uni.hideLoading();
|
||||||
|
if (type === "1") {
|
||||||
|
// 身份证的数组
|
||||||
|
_this.IDCardImgList.push("https://es.eshangtech.com/".concat(data.data.path));
|
||||||
|
} else if (type === "2") {
|
||||||
|
// 驾驶证的图片
|
||||||
|
_this.driverLicenseList.push("https://es.eshangtech.com/".concat(data.data.path));
|
||||||
|
} else if (type === "3") {
|
||||||
|
// 行驶证图片
|
||||||
|
_this.drivingLicenseList.push("https://es.eshangtech.com/".concat(data.data.path));
|
||||||
|
}
|
||||||
|
|
||||||
|
// _this.$forceUpdate();
|
||||||
|
},
|
||||||
|
fail: function fail(error) {
|
||||||
|
console.log("error", error);
|
||||||
|
_this.noPost = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: function fail(err) {}
|
||||||
|
});
|
||||||
|
},
|
||||||
// 确认绑定
|
// 确认绑定
|
||||||
handleConfirmCode: function handleConfirmCode() {
|
handleConfirmCode: function handleConfirmCode() {
|
||||||
console.log("this.saveCarText", this.saveCarText);
|
console.log("this.saveCarText", this.saveCarText);
|
||||||
@ -213,10 +373,44 @@ var _default = {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (this.bindCarType === 2) {
|
||||||
|
if (!(this.IDCardImgList && this.IDCardImgList.length > 0)) {
|
||||||
|
uni.showModal({
|
||||||
|
title: "温馨提示",
|
||||||
|
content: "请上传身份证！",
|
||||||
|
showCancel: false
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!(this.driverLicenseList && this.driverLicenseList.length > 0)) {
|
||||||
|
uni.showModal({
|
||||||
|
title: "温馨提示",
|
||||||
|
content: "请上传驾驶证！",
|
||||||
|
showCancel: false
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!(this.drivingLicenseList && this.drivingLicenseList.length > 0)) {
|
||||||
|
uni.showModal({
|
||||||
|
title: "温馨提示",
|
||||||
|
content: "请上传行驶证！",
|
||||||
|
showCancel: false
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 图片的上传对象格式
|
||||||
|
var imgObj = {
|
||||||
|
IDCardImgList: _this.IDCardImgList,
|
||||||
|
driverLicenseList: _this.driverLicenseList,
|
||||||
|
drivingLicenseList: _this.drivingLicenseList
|
||||||
|
};
|
||||||
_this.$api.getCoop({
|
_this.$api.getCoop({
|
||||||
action_type: "BindVehicle",
|
action_type: "BindVehicle",
|
||||||
LicensePlate: carText,
|
LicensePlate: carText,
|
||||||
VehicleType: _this.newEnergy ? "新能源" : ""
|
VehicleType: _this.newEnergy ? "新能源" : "",
|
||||||
|
ImageInfo: _this.bindCarType === 2 ? JSON.stringify(imgObj) : ""
|
||||||
}).then(function (res) {
|
}).then(function (res) {
|
||||||
console.log("res", res);
|
console.log("res", res);
|
||||||
if (res.Result_Code === 100) {
|
if (res.Result_Code === 100) {
|
||||||
@ -280,6 +474,15 @@ var _default = {
|
|||||||
this.isShow = false;
|
this.isShow = false;
|
||||||
},
|
},
|
||||||
focusInput: function focusInput(value) {
|
focusInput: function focusInput(value) {
|
||||||
|
console.log("valudsadase", value);
|
||||||
|
console.log("saveCarText", this.saveCarText);
|
||||||
|
// 判断第一个 有没有值 有值了的话 就显示数字键盘 没值的话 就显示中文键盘
|
||||||
|
if (value === 0) {
|
||||||
|
this.defaultKeyWordType = 1;
|
||||||
|
} else {
|
||||||
|
this.defaultKeyWordType = 2;
|
||||||
|
}
|
||||||
|
console.log("this.defaultKeyWordType", this.defaultKeyWordType);
|
||||||
if (this.haveCode) {
|
if (this.haveCode) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "已有关联车辆！如需修改请先解绑",
|
title: "已有关联车辆！如需修改请先解绑",
|
||||||
@ -296,8 +499,6 @@ var _default = {
|
|||||||
var _this = this;
|
var _this = this;
|
||||||
if (_this.cards && _this.cards.length > 0) {
|
if (_this.cards && _this.cards.length > 0) {
|
||||||
var obj = _this.cards[0];
|
var obj = _this.cards[0];
|
||||||
console.log("user", _this.user);
|
|
||||||
console.log("obj", obj);
|
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: "确认取消绑定？",
|
title: "确认取消绑定？",
|
||||||
content: "取消绑定后将无法恢复",
|
content: "取消绑定后将无法恢复",
|
||||||
@ -306,11 +507,14 @@ var _default = {
|
|||||||
_this.$api.getCoop({
|
_this.$api.getCoop({
|
||||||
action_type: "UnbindVehicle",
|
action_type: "UnbindVehicle",
|
||||||
MEMBERSHIPVEHICLE_ID: obj.MEMBERSHIPVEHICLE_ID,
|
MEMBERSHIPVEHICLE_ID: obj.MEMBERSHIPVEHICLE_ID,
|
||||||
LicensePlate: obj.License_Plate,
|
LicensePlate: obj.License_Plate
|
||||||
Membership_Id: _this.user.MEMBERSHIP_ID
|
// Membership_Id: _this.user.MEMBERSHIP_ID,
|
||||||
}).then(function (res) {
|
}).then(function (res) {
|
||||||
console.log("res", res);
|
console.log("res", res);
|
||||||
if (res.Result_Code === 100) {
|
if (res.Result_Code === 100) {
|
||||||
|
_this.IDCardImgList = [];
|
||||||
|
_this.driverLicenseList = [];
|
||||||
|
_this.drivingLicenseList = [];
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
content: res.Result_Desc,
|
content: res.Result_Desc,
|
||||||
cancelColor: "#000000",
|
cancelColor: "#000000",
|
||||||
@ -348,8 +552,16 @@ var _default = {
|
|||||||
console.log("_this.cards", _this.cards);
|
console.log("_this.cards", _this.cards);
|
||||||
if (_this.cards && _this.cards.length > 0) {
|
if (_this.cards && _this.cards.length > 0) {
|
||||||
var obj = _this.cards[0];
|
var obj = _this.cards[0];
|
||||||
console.log("obj", obj);
|
console.log("obj321321", obj);
|
||||||
var code = obj.License_Plate;
|
var code = obj.License_Plate;
|
||||||
|
if (obj.ImageInfo) {
|
||||||
|
_this.bindCarType = 2;
|
||||||
|
var imgObj = JSON.parse(obj.ImageInfo);
|
||||||
|
console.log("imgObj", imgObj);
|
||||||
|
_this.IDCardImgList = imgObj.IDCardImgList;
|
||||||
|
_this.driverLicenseList = imgObj.driverLicenseList;
|
||||||
|
_this.drivingLicenseList = imgObj.drivingLicenseList;
|
||||||
|
}
|
||||||
_this.saveCarText = code.split("");
|
_this.saveCarText = code.split("");
|
||||||
_this.haveCode = true;
|
_this.haveCode = true;
|
||||||
} else {
|
} else {
|
||||||
@ -365,7 +577,8 @@ var _default = {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow: function onShow() {
|
onShow: function onShow() {},
|
||||||
|
onLoad: function onLoad() {
|
||||||
this.isLoading = true;
|
this.isLoading = true;
|
||||||
this.getList();
|
this.getList();
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -122,7 +122,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.main .cancelBox.data-v-1cc19d5c {
|
.main .cancelBox.data-v-1cc19d5c {
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: "PingFangSC";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
@ -140,6 +140,94 @@
|
|||||||
border: 1px solid #b8b7b4;
|
border: 1px solid #b8b7b4;
|
||||||
margin-top: 24rpx;
|
margin-top: 24rpx;
|
||||||
}
|
}
|
||||||
|
.main .bindPopup.data-v-1cc19d5c {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
border-top-left-radius: 32rpx;
|
||||||
|
border-top-right-radius: 32rpx;
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem.data-v-1cc19d5c {
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .itemTitle.data-v-1cc19d5c {
|
||||||
|
font-family: "PingFangSC";
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 44rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox.data-v-1cc19d5c {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox .submitImgBox.data-v-1cc19d5c {
|
||||||
|
width: 148rpx;
|
||||||
|
height: 148rpx;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox .submitImgBox .addIcon.data-v-1cc19d5c {
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
color: #b4b5ba;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox .imgItem.data-v-1cc19d5c {
|
||||||
|
width: 148rpx;
|
||||||
|
height: 148rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox .imgItem image.data-v-1cc19d5c {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox .imgItem .closeBox.data-v-1cc19d5c {
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
border-radius: 0rpx 8rpx 0rpx 8rpx;
|
||||||
|
background: rgba(6, 10, 25, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.main .bindPopup .fileItem .uploadImgBox .imgItem .closeBox .closeIcon.data-v-1cc19d5c {
|
||||||
|
width: 24rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
}
|
||||||
|
.main .bindTypeBox.data-v-1cc19d5c {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.main .bindTypeBox .bindTrain.data-v-1cc19d5c {
|
||||||
|
font-family: "PingFangSC";
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 36rpx;
|
||||||
|
color: #ba922f;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
page.data-v-1cc19d5c {
|
page.data-v-1cc19d5c {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -8,8 +8,8 @@
|
|||||||
"miniprogram": {
|
"miniprogram": {
|
||||||
"list": [
|
"list": [
|
||||||
{
|
{
|
||||||
"name": "pages/scanCodeCharge/mapIndex",
|
"name": "pages/homeFn/mycar/index",
|
||||||
"pathName": "pages/scanCodeCharge/mapIndex",
|
"pathName": "pages/homeFn/mycar/index",
|
||||||
"query": "",
|
"query": "",
|
||||||
"scene": null,
|
"scene": null,
|
||||||
"launchMode": "default"
|
"launchMode": "default"
|
||||||
|
|||||||
@ -40,7 +40,7 @@ const api = {
|
|||||||
data.ownerUnitId = Store.getters.ownerUnitId || data.ownerUnitId || ''
|
data.ownerUnitId = Store.getters.ownerUnitId || data.ownerUnitId || ''
|
||||||
data.Membership_Id = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
data.Membership_Id = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
||||||
data.MembershipId = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
data.MembershipId = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
||||||
data.MEMBERSHIP_ID = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
// data.MEMBERSHIP_ID = Store.getters.user.MEMBERSHIP_ID || Store.getters.user.MemberShipID || data.MEMBERSHIP_ID || ''
|
||||||
let requstOptions = {
|
let requstOptions = {
|
||||||
url: isWebApi ? this.url + control : this.url,
|
url: isWebApi ? this.url + control : this.url,
|
||||||
data: data,
|
data: data,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user