救援集成进度2/5
This commit is contained in:
xiao-fajia
parent
e150793fcd
commit
69c9a06975
@ -79,3 +79,10 @@ export function edept_driver(data) {
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delete_dept_driver(ids) {
|
||||
return request({
|
||||
url: '/dept_driver/dept_driver/' + ids ,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
|
||||
@ -14,8 +14,10 @@
|
||||
<el-tree :data="Thetree"
|
||||
:props="defaultProps"
|
||||
node-key="id"
|
||||
ref="tree"
|
||||
:default-expanded-keys="[200, 201]"
|
||||
:default-checked-keys="[206]"
|
||||
:filter-node-method="filterNode"
|
||||
@node-click="handleNodeClick"></el-tree>
|
||||
</div>
|
||||
</el-col>
|
||||
@ -50,7 +52,12 @@
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="rescueCustomerList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="序号" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{ scope.$index + 1 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column type="selection" width="55" align="center" />-->
|
||||
<!-- <el-table-column label="主键" align="center" prop="id" />-->
|
||||
<el-table-column label="机构" align="center" prop="deptName" />
|
||||
<el-table-column label="第一梯队" align="center" prop="firstDriverName" />
|
||||
@ -101,9 +108,9 @@
|
||||
<el-select v-model="form.firstDriverIds" filterable multiple placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id.toString()"
|
||||
:label="item.realName"
|
||||
:value="item.id.toString()">
|
||||
:key="item.id"
|
||||
:label="item.nickName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@ -111,9 +118,9 @@
|
||||
<el-select v-model="form.secondDriverIds" filterable multiple placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id.toString()"
|
||||
:label="item.realName"
|
||||
:value="item.id.toString()">
|
||||
:key="item.id"
|
||||
:label="item.nickName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@ -121,9 +128,9 @@
|
||||
<el-select v-model="form.thirdDriverIds" filterable multiple placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id.toString()"
|
||||
:label="item.realName"
|
||||
:value="item.id.toString()">
|
||||
:key="item.id"
|
||||
:label="item.nickName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@ -142,7 +149,19 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { driverlist, edept_driver, dept_driver, listRescueCustomer, getRescueCustomer, delRescueCustomer, addRescueCustomer, updateRescueCustomer,getdeptTree,driverList } from "./api/rescueCustomer";
|
||||
import {
|
||||
driverlist,
|
||||
edept_driver,
|
||||
dept_driver,
|
||||
listRescueCustomer,
|
||||
getRescueCustomer,
|
||||
delRescueCustomer,
|
||||
addRescueCustomer,
|
||||
updateRescueCustomer,
|
||||
getdeptTree,
|
||||
driverList,
|
||||
delete_dept_driver
|
||||
} from './api/rescueCustomer'
|
||||
|
||||
export default {
|
||||
name: "RescueCustomer",
|
||||
@ -152,7 +171,7 @@
|
||||
filterText:'',
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
label: 'name'
|
||||
},
|
||||
value1:[],
|
||||
value2:[],
|
||||
@ -236,35 +255,38 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
filterNode(value, data) {
|
||||
if (!value) return true
|
||||
return data.name.indexOf(value) !== -1
|
||||
},
|
||||
handleCheckChange(data, checked, indeterminate) {
|
||||
console.log(data, checked, indeterminate);
|
||||
// console.log(data, checked, indeterminate);
|
||||
},
|
||||
handleNodeClick(data) {
|
||||
this.xid = data.id
|
||||
// this.form.customerDeptId
|
||||
this.xtitle = data.label
|
||||
console.log('x',data);
|
||||
console.log(this.form.customerDeptId)
|
||||
this.xtitle = data.name
|
||||
// console.log('x',data);
|
||||
// console.log(this.form.customerDeptId)
|
||||
},
|
||||
/** 查询救援的客户信息列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
driverlist(this.queryParams).then(response => {
|
||||
this.rescueCustomerList = response.rows;
|
||||
this.total = response.total;
|
||||
this.rescueCustomerList = response.data.records;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
getdeptTree().then(res=>{
|
||||
console.log(res)
|
||||
this.Thetree = res.data
|
||||
this.Thetree = this.handleTree(res.data, 'id')
|
||||
})
|
||||
let data = {
|
||||
pageNo: 1,
|
||||
pageSize: 999,
|
||||
}
|
||||
driverList(data).then(res=>{
|
||||
console.log(res)
|
||||
this.options = res.rows
|
||||
// console.log(res)
|
||||
this.options = res.data.records
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
@ -309,15 +331,17 @@
|
||||
this.open = true;
|
||||
this.title = "添加司机信息";
|
||||
this.form.deptId = this.xid
|
||||
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
row.firstDriverIds = row.firstDriverIds.split(",");
|
||||
row.secondDriverIds = row.secondDriverIds.split(",");
|
||||
row.thirdDriverIds = row.thirdDriverIds.split(",");
|
||||
this.form = row
|
||||
console.log(this.form)
|
||||
const data = {
|
||||
...row,
|
||||
firstDriverIds: row.firstDriverIds.split(",").map(id => parseInt(id)),
|
||||
secondDriverIds: row.secondDriverIds.split(",").map(id => parseInt(id)),
|
||||
thirdDriverIds: row.thirdDriverIds.split(",").map(id => parseInt(id))
|
||||
}
|
||||
this.form = data
|
||||
// console.log(this.form)
|
||||
this.open = true;
|
||||
this.title = "修改救援的客户信息";
|
||||
},
|
||||
@ -352,7 +376,7 @@
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除救援的客户信息编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delRescueCustomer(ids);
|
||||
return delete_dept_driver(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
|
||||
@ -8,7 +8,8 @@
|
||||
</div>
|
||||
<el-input
|
||||
placeholder="请输入机构名称查询"
|
||||
v-model="filterText">
|
||||
v-model="filterText"
|
||||
>
|
||||
</el-input>
|
||||
|
||||
<el-tree :data="Thetree"
|
||||
@ -17,12 +18,16 @@
|
||||
ref="tree"
|
||||
:default-expanded-keys="[200, 201]"
|
||||
:default-checked-keys="[206]"
|
||||
@node-click="handleNodeClick"></el-tree>
|
||||
@node-click="handleNodeClick"
|
||||
:filter-node-method="filterNode"
|
||||
></el-tree>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="客户名称" prop="customerName">
|
||||
<el-input
|
||||
v-model="queryParams.customerName"
|
||||
@ -45,7 +50,8 @@
|
||||
v-model="queryParams.signStartDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择签约开始日期">
|
||||
placeholder="请选择签约开始日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期" prop="signEndDate">
|
||||
@ -53,7 +59,8 @@
|
||||
v-model="queryParams.signEndDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择签约结束日期">
|
||||
placeholder="请选择签约结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
@ -70,7 +77,8 @@
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
>新增</el-button>
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
@ -103,13 +111,15 @@
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
>修改</el-button>
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除</el-button>
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -144,7 +154,8 @@
|
||||
v-model="form.signStartDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择签约开始日期">
|
||||
placeholder="请选择签约开始日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="签约结束日期" prop="signEndDate">
|
||||
@ -152,7 +163,8 @@
|
||||
v-model="form.signEndDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择签约结束日期">
|
||||
placeholder="请选择签约结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
@ -179,10 +191,17 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listRescueCustomer, getRescueCustomer, delRescueCustomer, addRescueCustomer, updateRescueCustomer,getdeptTree } from "./api/rescueCustomer";
|
||||
import {
|
||||
listRescueCustomer,
|
||||
getRescueCustomer,
|
||||
delRescueCustomer,
|
||||
addRescueCustomer,
|
||||
updateRescueCustomer,
|
||||
getdeptTree
|
||||
} from './api/rescueCustomer'
|
||||
|
||||
export default {
|
||||
name: "RescueCustomer",
|
||||
name: 'RescueCustomer',
|
||||
dicts: ['dljy_type'],
|
||||
data() {
|
||||
return {
|
||||
@ -206,7 +225,7 @@ export default {
|
||||
// 救援的客户信息表格数据
|
||||
rescueCustomerList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
title: '',
|
||||
xtitle: '',
|
||||
xid: '',
|
||||
// 是否显示弹出层
|
||||
@ -220,7 +239,7 @@ export default {
|
||||
customerDeptId: null,
|
||||
signStartDate: null,
|
||||
signEndDate: null,
|
||||
defaultRescueType: null,
|
||||
defaultRescueType: null
|
||||
},
|
||||
Thetree: [],
|
||||
// 表单参数
|
||||
@ -228,28 +247,29 @@ export default {
|
||||
// 表单校验
|
||||
rules: {
|
||||
customerName: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
customerPhone: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
orderPrefix: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
};
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getList()
|
||||
},
|
||||
watch: {
|
||||
filterText(val) {
|
||||
// TODO 待完成
|
||||
this.$refs.tree.filter(val)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleCheckChange(data, checked, indeterminate) {
|
||||
// console.log(data, checked, indeterminate);
|
||||
filterNode(value, data) {
|
||||
if (!value) return true
|
||||
return data.name.indexOf(value) !== -1
|
||||
},
|
||||
handleNodeClick(data) {
|
||||
this.xid = data.id
|
||||
@ -257,20 +277,20 @@ export default {
|
||||
},
|
||||
/** 查询救援的客户信息列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.loading = true
|
||||
listRescueCustomer(this.queryParams).then(response => {
|
||||
this.rescueCustomerList = response.data.records;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
this.rescueCustomerList = response.data.records
|
||||
this.total = response.data.total
|
||||
this.loading = false
|
||||
})
|
||||
getdeptTree().then(res => {
|
||||
this.Thetree = this.handleTree(res.data, 'id')
|
||||
})
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
@ -288,18 +308,18 @@ export default {
|
||||
createBy: null,
|
||||
updateTime: null,
|
||||
updateBy: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
}
|
||||
this.resetForm('form')
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNo = 1;
|
||||
this.getList();
|
||||
this.queryParams.pageNo = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
@ -310,54 +330,55 @@ export default {
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
if (this.xtitle == '') {
|
||||
this.$modal.msgSuccess("请先选择部门");
|
||||
this.$modal.msgSuccess('请先选择部门')
|
||||
return
|
||||
}
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加客户信息";
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = '添加客户信息'
|
||||
this.form.customerDeptId = this.xid
|
||||
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
this.reset()
|
||||
const id = row.id || this.ids
|
||||
getRescueCustomer(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改救援的客户信息";
|
||||
});
|
||||
this.form = response.data
|
||||
this.open = true
|
||||
this.title = '修改救援的客户信息'
|
||||
})
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateRescueCustomer(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
this.$modal.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
addRescueCustomer(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
this.$modal.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除救援的客户信息编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delRescueCustomer(ids);
|
||||
return delRescueCustomer(ids)
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
this.getList()
|
||||
this.$modal.msgSuccess('删除成功')
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
@ -366,18 +387,20 @@ export default {
|
||||
}, `rescueCustomer_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.left-box {
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.title-h {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.xzbox {
|
||||
width: 100%;
|
||||
margin: 5px auto;
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="司机" prop="realName">
|
||||
<el-form-item label="司机" prop="nickName">
|
||||
<el-input
|
||||
v-model="queryParams.realName"
|
||||
v-model="queryParams.nickName"
|
||||
placeholder="请输入司机名称"
|
||||
style="width: 140px"
|
||||
clearable
|
||||
@ -19,7 +19,7 @@
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工作状态" prop="carLicenseNum">
|
||||
<el-form-item label="工作状态" prop="driveStatus">
|
||||
<el-select
|
||||
v-model="queryParams.driveStatus"
|
||||
placeholder="工作状态"
|
||||
@ -63,18 +63,27 @@
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
>新增</el-button>
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="姓名" align="center" prop="realName" width="100">
|
||||
<el-table-column label="序号" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{ scope.$index + 1 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="姓名" align="center" prop="nickName" width="100">
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="sex" width="100">
|
||||
<template v-slot="scope">
|
||||
<dict-tag :type="DICT_TYPE.SYSTEM_USER_SEX" :value="scope.row.sex"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="性别" align="center" prop="sex" width="100"/>
|
||||
<el-table-column label="手机号" align="center" prop="phonenumber" width="130"/>
|
||||
<el-table-column label="年龄" align="center" prop="userAge" width="100"/>
|
||||
<el-table-column label="年龄" align="center" prop="age" width="100"/>
|
||||
<el-table-column label="图片" align="center" prop="avatar" width="100">
|
||||
<template slot-scope="scope">
|
||||
<image-preview :src="scope.row.avatar" :width="50" :height="50"/>
|
||||
@ -96,7 +105,7 @@
|
||||
<span v-if="scope.row.driverStatus =='4'">离线</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="当前所在位置" align="center" prop="driverPositionInfo" />
|
||||
<el-table-column label="当前所在位置" align="center" prop="driverPositionInfo" width="180"/>
|
||||
<el-table-column label="司机离线时间" align="center" prop="driverOfflineTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.driverOfflineTime, '{y}-{m}-{d}') }}</span>
|
||||
@ -110,19 +119,22 @@
|
||||
v-if="scope.row.authStatus =='1'"
|
||||
icon="el-icon-s-check"
|
||||
@click="handleAuth(scope.row)"
|
||||
>审核</el-button>
|
||||
>审核
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
>修改</el-button>
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除</el-button>
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -190,8 +202,8 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年龄" prop="userAge">
|
||||
<el-input-number v-model="form.userAge" placeholder="年龄" />
|
||||
<el-form-item label="年龄" prop="age">
|
||||
<el-input-number v-model="form.age" placeholder="年龄"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -230,22 +242,20 @@
|
||||
<div v-for="(item,index) in carfrom.carInfoList" :key="index" style="width: 100%; ">
|
||||
<el-collapse v-model="activeNames" accordion>
|
||||
<el-collapse-item :title=" '车辆'+ (index+1)" :name="index" accordion>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<div style="position: relative">
|
||||
<div style="position: absolute; left: 35px;top: 10px; color: red">*</div>
|
||||
<el-form-item label=" 车辆类型" prop="rescueCarType">
|
||||
<!-- <el-select v-model="item.rescueCarType" placeholder="请选择车辆类型">-->
|
||||
<!-- <el-option-->
|
||||
<!-- v-for="dict in dict.type.jyc_type"-->
|
||||
<!-- :key="dict.value"-->
|
||||
<!-- :label="dict.label"-->
|
||||
<!-- :value="dict.value"-->
|
||||
<!-- ></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<el-select v-model="item.rescueCarType" placeholder="请选择车辆类型">
|
||||
<el-option
|
||||
v-for="dict in getDictDatasNew(DICT_TYPE.JYC_TYPE)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -254,7 +264,9 @@
|
||||
<div style="position: relative">
|
||||
<!-- <div style="position: absolute; left: 35px;top: 10px; color: red">*</div>-->
|
||||
<el-form-item label=" 车牌号" :prop="'rescueCarNum'+index">
|
||||
<el-input v-model="item.rescueCarNum" @input="valid(item.rescueCarNum,index,'rescueCarNum')" placeholder="请输入车牌号" />
|
||||
<el-input v-model="item.rescueCarNum" @input="valid(item.rescueCarNum,index,'rescueCarNum')"
|
||||
placeholder="请输入车牌号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
@ -283,7 +295,8 @@
|
||||
v-model="item.carBuyTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择购买时间">
|
||||
placeholder="请选择购买时间"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</div>
|
||||
@ -304,13 +317,14 @@
|
||||
<div style="position: relative">
|
||||
<div style="position: absolute; left: 35px;top: 10px; color: red">*</div>
|
||||
<el-form-item label="车辆性质" prop="carUseNature">
|
||||
<!-- <el-radio-group v-model="item.carUseNature">-->
|
||||
<!-- <el-radio-->
|
||||
<!-- v-for="dict in dict.type.car_use_nature"-->
|
||||
<!-- :key="dict.value"-->
|
||||
<!-- :label="dict.value"-->
|
||||
<!-- >{{dict.label}}</el-radio>-->
|
||||
<!-- </el-radio-group>-->
|
||||
<el-radio-group v-model="item.carUseNature">
|
||||
<el-radio
|
||||
v-for="dict in getDictDatasNew(DICT_TYPE.CAR_USE_NATURE)"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
>{{ dict.label }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
@ -318,13 +332,14 @@
|
||||
<div style="position: relative">
|
||||
<div style="position: absolute; left: 35px;top: 10px; color: red">*</div>
|
||||
<el-form-item label=" 车牌颜色" prop="carLicenseColor">
|
||||
<!-- <el-radio-group v-model="item.carLicenseColor">-->
|
||||
<!-- <el-radio-->
|
||||
<!-- v-for="dict in dict.type.car_license_color"-->
|
||||
<!-- :key="dict.value"-->
|
||||
<!-- :label="dict.value"-->
|
||||
<!-- >{{dict.label}}</el-radio>-->
|
||||
<!-- </el-radio-group>-->
|
||||
<el-radio-group v-model="item.carLicenseColor">
|
||||
<el-radio
|
||||
v-for="dict in getDictDatasNew(DICT_TYPE.CAR_LICENSE_COLOR)"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
>{{ dict.label }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
@ -354,7 +369,8 @@
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="deletecomm(index)"
|
||||
>删除</el-button>
|
||||
>删除
|
||||
</el-button>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
@ -369,29 +385,27 @@
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="authCancel">取 消</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { driverList, delDriver, addDriver, updateDriver } from "@/api/rescue/driver";
|
||||
import { driverList, delDriver, addDriver, updateDriver } from '@/api/rescue/driver'
|
||||
|
||||
export default {
|
||||
name: "Info",
|
||||
dicts: ['jyc_type','sys_user_sex','car_license_color','car_own', 'car_use_nature'],
|
||||
name: 'Info',
|
||||
data() {
|
||||
var verify = (rule, value, callback) => {
|
||||
if (value == '') {
|
||||
callback(new Error('不能为空'));
|
||||
callback(new Error('不能为空'))
|
||||
this.pd = false
|
||||
} else {
|
||||
callback();
|
||||
callback()
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
}
|
||||
return {
|
||||
pd: true,
|
||||
switchover: 0,
|
||||
@ -411,43 +425,43 @@
|
||||
// 【请填写功能名称】表格数据
|
||||
infoList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
title: '',
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
workDicts: [
|
||||
{
|
||||
label:"空闲",
|
||||
value:"1"
|
||||
label: '空闲',
|
||||
value: '1'
|
||||
},
|
||||
{
|
||||
label:"暂停",
|
||||
value:"2"
|
||||
label: '暂停',
|
||||
value: '2'
|
||||
},
|
||||
{
|
||||
label:"忙碌",
|
||||
value:"3"
|
||||
label: '忙碌',
|
||||
value: '3'
|
||||
},
|
||||
{
|
||||
label:"离线",
|
||||
value:"4"
|
||||
label: '离线',
|
||||
value: '4'
|
||||
}
|
||||
],
|
||||
authDicts: [
|
||||
{
|
||||
label:"待认证",
|
||||
value:"0"
|
||||
label: '待认证',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label:"待审核",
|
||||
value:"1"
|
||||
label: '待审核',
|
||||
value: '1'
|
||||
},
|
||||
{
|
||||
label:"认证成功",
|
||||
value:"2"
|
||||
label: '认证成功',
|
||||
value: '2'
|
||||
},
|
||||
{
|
||||
label:"认证失败",
|
||||
value:"3"
|
||||
label: '认证失败',
|
||||
value: '3'
|
||||
}
|
||||
],
|
||||
authFlag: false,
|
||||
@ -473,6 +487,8 @@
|
||||
driverLatitude: null,
|
||||
driverPositionInfo: null,
|
||||
driverOfflineTime: null,
|
||||
driveStatus: null,
|
||||
phonenumber: null
|
||||
},
|
||||
carfrom: {
|
||||
carInfoList: [
|
||||
@ -488,16 +504,16 @@
|
||||
carUseNature: '',
|
||||
frameNumber: '',
|
||||
possessorId: '',
|
||||
deptId: '',
|
||||
deptId: ''
|
||||
}
|
||||
],
|
||||
]
|
||||
},
|
||||
|
||||
// 表单参数
|
||||
form: {
|
||||
sex: '1'
|
||||
},
|
||||
carRules:{
|
||||
},
|
||||
carRules: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
realName: [
|
||||
@ -509,55 +525,57 @@
|
||||
{ min: 1, max: 11, message: '长度在 1 到 11 个字符', trigger: 'blur' }
|
||||
],
|
||||
rescueCarType: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
rescueCarNum: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
carOwn: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
carImage: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
driveLicenseImage: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
carLicenseColor: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
carUseNature: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
frameNumber: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
possessorId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
],
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
]
|
||||
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getDictDatasNew(str){
|
||||
return this.getDictDatas(str)
|
||||
},
|
||||
valid(value, idx, str) {
|
||||
this.$set(this.carfrom, str + idx, value)
|
||||
},
|
||||
handleClick(tab, event) {
|
||||
console.log(tab, event);
|
||||
// console.log(tab, event)
|
||||
},
|
||||
/** 查询【请填写功能名称】列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.loading = true
|
||||
driverList(this.queryParams).then(response => {
|
||||
this.infoList = response.rows;
|
||||
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
this.infoList = response.data.records
|
||||
this.total = response.data.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
addCommodity() {
|
||||
let data = {
|
||||
@ -572,32 +590,31 @@
|
||||
carUseNature: null,
|
||||
frameNumber: null,
|
||||
possessorId: null,
|
||||
deptId: null,
|
||||
deptId: null
|
||||
}
|
||||
|
||||
this.carfrom.carInfoList.push(data)
|
||||
let idx = this.carfrom.carInfoList.length - 1
|
||||
let key = 'rescueCarNum'+idx;
|
||||
let key = 'rescueCarNum' + idx
|
||||
this.$set(this.carRules, key, [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
])
|
||||
console.log(this.carRules)
|
||||
},
|
||||
deletecomm(index) {
|
||||
this.carfrom.carInfoList.splice(index, 1);
|
||||
this.carfrom.carInfoList.splice(index, 1)
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
this.open = false
|
||||
this.reset()
|
||||
},
|
||||
authCancel() {
|
||||
this.authFlag = false;
|
||||
this.reset();
|
||||
this.authFlag = false
|
||||
this.reset()
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.resetForm("form");
|
||||
this.resetForm('form')
|
||||
this.form = {
|
||||
id: null,
|
||||
userId: null,
|
||||
@ -622,7 +639,8 @@
|
||||
createBy: null,
|
||||
updateTime: null,
|
||||
updateBy: null,
|
||||
};
|
||||
sex: '1'
|
||||
}
|
||||
this.carfrom.carInfoList = [
|
||||
{
|
||||
rescueCarType: '',
|
||||
@ -636,20 +654,20 @@
|
||||
carUseNature: '',
|
||||
frameNumber: '',
|
||||
possessorId: '',
|
||||
deptId: '',
|
||||
deptId: ''
|
||||
}
|
||||
]
|
||||
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNo = 1;
|
||||
this.getList();
|
||||
this.queryParams.pageNo = 1
|
||||
this.getList()
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
this.resetForm('queryForm')
|
||||
this.handleQuery()
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
@ -659,71 +677,72 @@
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加司机";
|
||||
this.reset()
|
||||
this.open = true
|
||||
this.title = '添加司机'
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
|
||||
this.reset();
|
||||
console.log(row)
|
||||
this.form = row;
|
||||
this.carfrom.carInfoList = row.carInfoList
|
||||
this.open = true;
|
||||
this.title = "修改司机信息";
|
||||
this.reset()
|
||||
this.form = row
|
||||
this.form.realName = row.nickName
|
||||
this.carfrom.carInfoList = !!row.carInfoList ? row.carInfoList : this.carfrom.carInfoList
|
||||
this.open = true
|
||||
this.title = '修改司机信息'
|
||||
|
||||
},
|
||||
handleAuth(row) {
|
||||
this.reset();
|
||||
this.form = row;
|
||||
this.authFlag = true;
|
||||
this.reset()
|
||||
this.form = row
|
||||
this.authFlag = true
|
||||
},
|
||||
//提交前的处理
|
||||
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
this.$refs['form'].validate(valid => {
|
||||
if (valid) {
|
||||
this.$refs["carfrom"].validate(carValid => {
|
||||
this.$refs['carfrom'].validate(carValid => {
|
||||
if (carValid) {
|
||||
if (this.form.id != null) {
|
||||
this.form.carInfoList = this.carfrom.carInfoList
|
||||
updateDriver(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
this.$modal.msgSuccess('修改成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
} else {
|
||||
this.form.carInfoList = this.carfrom.carInfoList
|
||||
this.form.carInfoList = this.carfrom.carInfoList[0].carOwn ? this.carfrom.carInfoList : null
|
||||
addDriver(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
this.$modal.msgSuccess('新增成功')
|
||||
this.open = false
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
authSubmit() {
|
||||
updateDriver(this.form).then(response => {
|
||||
this.$modal.msgSuccess("审核成功");
|
||||
this.authFlag = false;
|
||||
this.getList();
|
||||
});
|
||||
this.$modal.msgSuccess('审核成功')
|
||||
this.authFlag = false
|
||||
this.getList()
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除【请填写功能名称】编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delDriver(ids);
|
||||
const ids = row.id || this.ids
|
||||
this.$modal.confirm('是否确认删除编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delDriver(ids)
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
this.getList()
|
||||
this.$modal.msgSuccess('删除成功')
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
@ -732,5 +751,5 @@
|
||||
}, `info_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -526,8 +526,8 @@ export default {
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listInfo(this.queryParams).then(response => {
|
||||
this.infoList = response.rows;
|
||||
this.total = response.total;
|
||||
this.infoList = response.data.records;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user