|
|
|
<template>
|
|
|
|
<LayoutApp class="order-deliver-page" :show-back="true">
|
|
|
|
<LayoutApp class="order-deliver-page" title="发货" :show-back="true">
|
|
|
|
<div class="main-content">
|
|
|
|
<div class="identify-center-address">
|
|
|
|
<div class="left-icon">
|
|
...
|
...
|
@@ -19,8 +19,9 @@ |
|
|
|
<div class="express-logo"></div>
|
|
|
|
</div>
|
|
|
|
<div class="express-info">
|
|
|
|
<span>国内顺丰快运</span>
|
|
|
|
<div class="express-name">顺丰快运</div>
|
|
|
|
<CubeInput class="express-input" v-model="expressCode" placeholder="请填写顺丰运单号"></CubeInput>
|
|
|
|
<span v-if="canScan" class="iconfont iconscan scan-btn" @click="scanCode"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-if="stateCenterAddress.deliverDesc" class="deliver-tip">
|
|
...
|
...
|
@@ -51,6 +52,7 @@ export default { |
|
|
|
name: 'OrderDeliver',
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
canScan: false,
|
|
|
|
centerAddress: {},
|
|
|
|
expressCode: '',
|
|
|
|
readContract: false
|
|
...
|
...
|
@@ -77,10 +79,14 @@ export default { |
|
|
|
return this.centerAddress;
|
|
|
|
},
|
|
|
|
deliverDisable() {
|
|
|
|
return !(this.expressCode && this.readContract && this.stateCenterAddress.id);
|
|
|
|
return !(this.expressCode && this.readContract);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
if (this.$yoho.isAliApp) {
|
|
|
|
this.canScan = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.fetchAppraiseAddressChangeNotice({orderCode: this.orderCode}).then(res => {
|
|
|
|
let isChanged = get(res, 'data.isChanged');
|
|
|
|
let isForceShow = get(res, 'data.isForceShow');
|
|
...
|
...
|
@@ -143,6 +149,15 @@ export default { |
|
|
|
time
|
|
|
|
}).show();
|
|
|
|
},
|
|
|
|
scanCode() {
|
|
|
|
if (window && window.WindVane) {
|
|
|
|
window.WindVane.call('Scancode', 'scan', {}, e => {
|
|
|
|
if (e && e.code) {
|
|
|
|
this.expressCode = e.code;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
changeReadContract() {
|
|
|
|
this.readContract = !this.readContract;
|
|
|
|
},
|
|
...
|
...
|
@@ -238,12 +253,14 @@ export default { |
|
|
|
|
|
|
|
.tag {
|
|
|
|
font-size: 24px;
|
|
|
|
height: 48px;
|
|
|
|
line-height: 48px;
|
|
|
|
font-weight: 300;
|
|
|
|
padding: 0 14px;
|
|
|
|
margin-left: 6px;
|
|
|
|
color: #002B47;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
border-radius: 10px;
|
|
|
|
box-sizing: border-box;
|
|
|
|
transform: scale(0.8);
|
|
|
|
}
|
|
...
|
...
|
@@ -278,8 +295,14 @@ export default { |
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.express-name {
|
|
|
|
white-space: nowrap;
|
|
|
|
flex-shrink: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.express-input {
|
|
|
|
flex-grow: 1;
|
|
|
|
margin-left: 20px;
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
border: 0;
|
|
...
|
...
|
@@ -290,6 +313,14 @@ export default { |
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.scan-btn {
|
|
|
|
font-size: 40px;
|
|
|
|
color: #444;
|
|
|
|
font-weight: 500;
|
|
|
|
margin-left: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.deliver-tip {
|
|
...
|
...
|
@@ -320,6 +351,7 @@ export default { |
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
padding: 0 38px 40px;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contract-check {
|
...
|
...
|
|
