<template>
|
<!-- 添加货代或司机 -->
|
<view class="addTo-freightForwarder-drvier">
|
<view class="addForm">
|
<u--form labelPosition="top"
|
ref="form1">
|
<u-form-item labelWidth="20%"
|
label="姓名"
|
v-if="role == 1"
|
ref="item1"><u--input v-model="name"
|
:customStyle="{ border: '1px solid #dddddd' }"></u--input></u-form-item>
|
<u-form-item labelWidth="25%"
|
label="手机号"
|
v-if="role == 1"
|
ref="item1"><u--input v-model="phone"
|
:customStyle="{ border: '1px solid #dddddd' }"></u--input></u-form-item>
|
<view><u-alert
|
fontSize="25"
|
showIcon
|
type = "warning"
|
:title="text1" v-if="role== 2"></u-alert></view>
|
<u-form-item labelWidth="25%"
|
label="汽车车牌号"
|
ref="item1"
|
v-if="role == 2">
|
<u--textarea
|
:height="200" v-model="carNo"
|
placeholder="请按照 司机车牌号,司机车牌号 格式创建,并使用逗号分隔"
|
:customStyle="{ border: '1px solid #dddddd' }"></u--textarea>
|
</u-form-item>
|
</u--form>
|
</view>
|
<div v-show="noneDriverList.length!==0" class="abnormal-block">
|
<view style="font-size: 18px;display: flex;">以下<b>{{ noneDriverList.length }}</b>位司机存在异常</view>
|
<div v-for="(item,i) in noneDriverList" :key="i" class="abnormal-list">
|
{{ item }}
|
</div>
|
</div>
|
<view class="else-invite"
|
@click="elseInvite">
|
+从其他车队选择
|
</view>
|
<view class="addBtn"><u-button text="邀请"
|
type="primary"
|
@click="addToHuoDaiOrDriver"
|
:loading="loading"></u-button></view>
|
</view>
|
</template>
|
|
<script>
|
import { customerId } from '@/utils/status.js';
|
export default {
|
onLoad(params) {
|
this.role = params.role;
|
if (params.fleetId) {
|
this.fleetId = params.fleetId;
|
}
|
},
|
data() {
|
return {
|
role: null, // 决定添加货代司机，还是车队司机
|
fleetId: null,
|
text1:'请核实信息慎重添加，以免后续出现承运风险',
|
name: '',
|
phone: '',
|
carNo: '',
|
noneDriverList:[],
|
customerId,
|
loading: false
|
};
|
},
|
methods: {
|
init() {},
|
addToHuoDaiOrDriver() {
|
switch (this.role) {
|
case '1':
|
if (this.name == '' || this.phone == '') {
|
uni.showToast({
|
title: '请规范输入！',
|
icon: 'error',
|
duration: 2000
|
});
|
} else {
|
this.bindHuoDai();
|
}
|
break;
|
case '2':
|
if (this.carNo == '') {
|
uni.showToast({
|
title: '请规范输入！',
|
icon: 'error',
|
duration: 2000
|
});
|
} else {
|
this.bindUserFleet();
|
}
|
default:
|
break;
|
}
|
},
|
// 邀请货代
|
bindHuoDai() {
|
this.loading = true
|
this.$reqPost('bindHuoDai', { name: this.name, phone: this.phone }, 'params').then(res => {
|
this.loading = false
|
if (res.code == 0) {
|
this.$u.toast('添加成功');
|
setTimeout(() => {
|
uni.navigateBack()
|
uni.$emit('needRefresh')
|
// uni.switchTab({
|
// url: '/pages/tabbar-page/myPage-tabbar/myPage-tabbar'
|
// });
|
}, 1000);
|
} else {
|
this.$u.toast(res.msg ? res.msg : '未成功添加');
|
}
|
}).catch(e => {
|
this.loading = false
|
})
|
},
|
// 邀请司机
|
bindUserFleet() {
|
this.loading = true
|
this.$reqPost('bindUserFleet', {
|
fleetId: this.fleetId,
|
text: this
|
.carNo
|
},'params').then(res => {
|
console.log('邀请司机', res);
|
this.loading = false
|
if (res.code == 0) {
|
this.noneDriverList = res.data;
|
if(this.noneDriverList.length){
|
this.$u.toast( '输入司机车牌号异常');
|
|
}else{
|
this.$u.toast(res.msg ? res.msg : '操作成功');
|
setTimeout(() => {
|
uni.navigateBack()
|
uni.$emit('needRefresh')
|
// uni.switchTab({
|
// url: '/pages/tabbar-page/myPage-tabbar/myPage-tabbar'
|
// });
|
}, 1000)
|
}
|
|
} else {
|
uni.showToast({
|
title: res.msg ? res.msg : '操作失败',
|
duration: 2000
|
});
|
}
|
}).catch(e => {
|
this.loading = false
|
})
|
},
|
elseInvite() {
|
uni.navigateTo({
|
url: `/pages/public-page/selectFleet/selectFleet?fleetId=${this.fleetId}`
|
})
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss"
|
scoped>
|
::v-deep.addTo-freightForwarder-drvier {
|
width: 90%;
|
margin: 0 auto;
|
|
.addForm {
|
margin: 0 auto;
|
}
|
|
.else-invite {
|
width: vww(150);
|
margin: 0 auto;
|
color: #3c9cff;
|
margin-top: vww(40);
|
}
|
|
.addBtn {
|
width: 90%;
|
position: fixed;
|
bottom: vww(48);
|
margin: 0 auto;
|
}
|
}
|
</style>
|
