|
|
|
@ -7,11 +7,12 @@
|
|
|
|
|
<el-page-header @back="goBack" :content="dataForm.isJiedan?'派单':'详情' " />
|
|
|
|
|
<div class="options">
|
|
|
|
|
<el-button type="primary" v-if="dataForm.isJiedan==true" @click="getStaffList()">
|
|
|
|
|
<span v-if="staff.length>1"> {{staff}}</span>
|
|
|
|
|
<span v-if="dataForm.staffsName"> {{dataForm.staffsName}}</span>
|
|
|
|
|
<span v-else>选择收货员</span>
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
|
|
<el-button @click="goBack">取 消</el-button>
|
|
|
|
|
<el-button @click="paidanConfirm">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
|
|
|
@ -98,7 +99,12 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="回收员" prop="staffsId">
|
|
|
|
|
<p>{{ dataForm.staffsId }} </p>
|
|
|
|
|
<p>{{dataForm.staffsId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="回收员姓名" prop="staffsName">
|
|
|
|
|
<p>{{dataForm.staffsName}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
@ -177,11 +183,8 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</transition>
|
|
|
|
|
<!-- 点击派单按钮,弹出回收员列表 -->
|
|
|
|
|
<el-drawer title="收货员选择" :visible.sync="paidanDrawer" :direction="paidanDirection"
|
|
|
|
@ -201,18 +204,18 @@
|
|
|
|
|
<el-col style="margin-top:5px;">
|
|
|
|
|
<div v-if="item.autoEnabled=='开'" style="display:flex">
|
|
|
|
|
<div class="green"></div>
|
|
|
|
|
<span style="margin-left:10px;color:#8898AA;font-size:12px">{{`休息中`}}</span>
|
|
|
|
|
<span style="margin-left:10px;color:#8898AA;font-size:12px">开启接单</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else style="display:flex">
|
|
|
|
|
<div class="red"></div>
|
|
|
|
|
<span style="margin-left:10px;color:#8898AA;font-size:12px">{{`回收中`}}</span>
|
|
|
|
|
<span style="margin-left:10px;color:#8898AA;font-size:12px">关闭接单</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- {{item.autoEnabled}} -->
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="5">
|
|
|
|
|
<el-button type="primary" v-if="item.autoEnabled=='开'" plain
|
|
|
|
|
@click="chooseStaff(item.staffsName)">
|
|
|
|
|
@click="chooseStaff(item.id,item.staffsName)">
|
|
|
|
|
派 单
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="info" v-else>
|
|
|
|
@ -243,8 +246,8 @@ export default {
|
|
|
|
|
loading: false,
|
|
|
|
|
paidanDrawer: false,
|
|
|
|
|
paidanDirection: 'rtl',
|
|
|
|
|
staff: '',
|
|
|
|
|
staffList: [],
|
|
|
|
|
|
|
|
|
|
dataForm: {
|
|
|
|
|
id: '',
|
|
|
|
|
orderNumber: '',
|
|
|
|
@ -261,6 +264,7 @@ export default {
|
|
|
|
|
appointmentTimeEnd: '',
|
|
|
|
|
recycleStationId: "",
|
|
|
|
|
staffsId: "",
|
|
|
|
|
staffsName: '',
|
|
|
|
|
creatorUserId: '',
|
|
|
|
|
creatorTime: '',
|
|
|
|
|
consultTimeStart: '',
|
|
|
|
@ -274,13 +278,13 @@ export default {
|
|
|
|
|
attitudeStar: 0,
|
|
|
|
|
priceStar: 0,
|
|
|
|
|
isJiedan: false,
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
orderTypeIdProps: { "label": "fullName", "value": "id" },
|
|
|
|
|
orderClientStatusIdProps: { "label": "fullName", "value": "id" },
|
|
|
|
|
orderStafstatusIdProps: { "label": "fullName", "value": "id" },
|
|
|
|
|
recycleStationIdProps: { "label": "station_name", "value": "id" },
|
|
|
|
|
staffsIdOptions: [{ "fullName": "选项一", "id": "1" }, { "fullName": "选项二", "id": "2" }],
|
|
|
|
|
staffsIdProps: { "label": "fullName", "value": "id" },
|
|
|
|
|
staffsIdProps: { "label": "staffs_name", "value": "id" },
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -336,11 +340,12 @@ export default {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
chooseStaff(name) {
|
|
|
|
|
console.log(name);
|
|
|
|
|
chooseStaff(id, name) {
|
|
|
|
|
this.paidanDrawer = false
|
|
|
|
|
this.staff = name
|
|
|
|
|
console.log(this.staff);
|
|
|
|
|
this.dataForm.staffsId = id
|
|
|
|
|
this.dataForm.staffsName = name
|
|
|
|
|
// console.log(id);
|
|
|
|
|
// console.log(name);
|
|
|
|
|
},
|
|
|
|
|
getStaffList() {
|
|
|
|
|
this.paidanDrawer = true
|
|
|
|
@ -360,11 +365,33 @@ export default {
|
|
|
|
|
...o,
|
|
|
|
|
...this.expandObj,
|
|
|
|
|
}))
|
|
|
|
|
// console.log(this.staffList);
|
|
|
|
|
console.log(this.staffList[0].headIcon[0]);
|
|
|
|
|
console.log(this.staffList);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
paidanConfirm() {
|
|
|
|
|
console.log('paidan confirm cliked');
|
|
|
|
|
// let _data = this.dataForm
|
|
|
|
|
// request({
|
|
|
|
|
// url: '/api/scm/RecycleOrder/' + this.dataForm.id,
|
|
|
|
|
// method: 'PUT',
|
|
|
|
|
// data: _data
|
|
|
|
|
// }).then((res) => {
|
|
|
|
|
// this.$message({
|
|
|
|
|
// message: res.msg,
|
|
|
|
|
// type: 'success',
|
|
|
|
|
// duration: 1000,
|
|
|
|
|
// onClose: () => {
|
|
|
|
|
// this.detailVisible = true
|
|
|
|
|
// this.$emit('refresh', true)
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// }).catch(() => {
|
|
|
|
|
// // this.btnLoading = false
|
|
|
|
|
// // this.continueBtnLoading = false
|
|
|
|
|
// })
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
@ -400,4 +427,4 @@ export default {
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</style>
|