apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

车辆，司机管理下拉刷新，车辆管理->服务种类预期：支持多选

Browse Source
This commit is contained in:
zhouxueli
2023-08-24 13:07:58 +08:00
parent 620944b6e2
commit 3742c2f3a1
3 changed files with 74 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/index/driverManage.vue
View File

@ -18,33 +18,35 @@
</template>
</van-nav-bar>
</div>
<div class="itemWrap" v-for="(item,index) in driverList" :key="index">
<div class="name-status">
<div class="namephone">{{ item.driverName }} / {{ item.driverPhone }}</div>
<div class="twoBtn">
<button class="del" @click="handleStatus(item)">{{ item.states?.label == '启用' ? '停用' : '启用' }}</button>
<button class="revise" @click="updateDriver(item)">修改</button>
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<div class="itemWrap" v-for="(item,index) in driverList" :key="index">
<div class="name-status">
<div class="namephone">{{ item.driverName }} / {{ item.driverPhone }}</div>
<div class="twoBtn">
<button class="del" @click="handleStatus(item)">{{ item.states?.label == '启用' ? '停用' : '启用' }}</button>
<button class="revise" @click="updateDriver(item)">修改</button>
</div>
</div>
<div class="" style="display: flex">
<div class="sex" style="margin-right: 40px">
<span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
<span class="allOpci">{{item.sex?.label}}</span>
</div>
<div class="carType">
<span class="halfOpci">准驾车型:</span>
<span class="allOpci">{{item.drivingModel}}</span>
</div>
</div>
<div>
<span class="halfOpci">身份证号:</span>
<span class="allOpci">{{ item.identityCardNumber }}</span>
</div>
<div>
<span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
<span :class="item.states?.code == 1 ? 'statusYes' : 'statusNo'">{{ item.states?.label }}</span>
</div>
</div>
<div class="" style="display: flex">
<div class="sex" style="margin-right: 40px">
<span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
<span class="allOpci">{{item.sex?.label}}</span>
</div>
<div class="carType">
<span class="halfOpci">准驾车型:</span>
<span class="allOpci">{{item.drivingModel}}</span>
</div>
</div>
<div>
<span class="halfOpci">身份证号:</span>
<span class="allOpci">{{ item.identityCardNumber }}</span>
</div>
<div>
<span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
<span :class="item.states?.code == 1 ? 'statusYes' : 'statusNo'">{{ item.states?.label }}</span>
</div>
</div>
</van-pull-refresh>
</div>
</template>
@ -64,6 +66,8 @@ export default {
driverList:[],
states:'',
supplierType:'',
count: 0,
isLoading: false,
}
},
mounted() {
@ -72,8 +76,14 @@ export default {
this.getDriverList()
},
methods:{
onRefresh() {
this.getDriverList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
addDriver(){
this.$toast(this.supplierType)
if(this.supplierType == 1){
this.$toast("无权添加")
}else{
@ -82,7 +92,7 @@ export default {
})
}
},
async getDriverList(){
async getDriverList(){
let res = await driverList({
pageNum:this.pageNum,
pageSize:this.pageSize
@ -108,11 +118,12 @@ export default {
driverId:item.driverId,
states:this.states
})
await this.getDriverList();
setTimeout(()=>{
this.$toast('操作成功')
},2000)
console.log("item",res)
// setTimeout(()=>{
// this.$toast('操作成功')
// },2000)
console.log("item",res)
},
updateDriver(item){
// 在当前组件中进行路由跳转并传递参数对象