dianliang/lanan-system-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

救援集成进度2/5

Browse Source
This commit is contained in:
xiao-fajia 2024-08-20 18:57:23 +08:00
parent e150793fcd
commit 69c9a06975
5 changed files with 832 additions and 759 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/rescue/api/rescueCustomer.js
View File

@ -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',
})
}

82
src/views/rescue/customerDriverIndex.vue
View File

@ -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("删除成功");

485
src/views/rescue/customerIndex.vue
View File

@ -4,11 +4,12 @@
<div class="left-box">
<div class="title-h">公司机构</div>
<div class="xzbox">
<span>当前选择：{{xtitle}}</span>
<span>当前选择：{{ xtitle }}</span>
</div>
<el-input
placeholder="请输入机构名称查询"
v-model="filterText">
v-model="filterText"
>
</el-input>
<el-tree :data="Thetree"
@ -17,176 +18,194 @@
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-item label="客户名称" prop="customerName">
<el-input
v-model="queryParams.customerName"
placeholder="请输入客户名称"
clearable
@keyup.enter.native="handleQuery"
<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-item label="客户名称" prop="customerName">
<el-input
v-model="queryParams.customerName"
placeholder="请输入客户名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="customerPhone">
<el-input
v-model="queryParams.customerPhone"
placeholder="请输入手机号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="开始日期" prop="signStartDate">
<el-date-picker clearable
v-model="queryParams.signStartDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约开始日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="结束日期" prop="signEndDate">
<el-date-picker clearable
v-model="queryParams.signEndDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约结束日期"
>
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</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" prop="id" />-->
<el-table-column label="客户名称" align="center" prop="customerName"/>
<el-table-column label="客户手机号" align="center" prop="customerPhone"/>
<el-table-column label="客户公司" align="center" prop="deptName"/>
<el-table-column label="签约开始日期" align="center" prop="signStartDate" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.signStartDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="签约结束日期" align="center" prop="signEndDate" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.signEndDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="默认救援类型" align="center" prop="defaultRescueType">-->
<!-- <template slot-scope="scope">-->
<!-- <dict-tag :options="dict.type.dljy_type" :value="scope.row.defaultRescueType"/>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-form-item>
<el-form-item label="手机号" prop="customerPhone">
<el-input
v-model="queryParams.customerPhone"
placeholder="请输入手机号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="开始日期" prop="signStartDate">
<el-date-picker clearable
v-model="queryParams.signStartDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约开始日期">
</el-date-picker>
</el-form-item>
<el-form-item label="结束日期" prop="signEndDate">
<el-date-picker clearable
v-model="queryParams.signEndDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约结束日期">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 添加或修改救援的客户信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="客户公司" prop="customerDeptId">
<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" prop="id" />-->
<el-table-column label="客户名称" align="center" prop="customerName" />
<el-table-column label="客户手机号" align="center" prop="customerPhone" />
<el-table-column label="客户公司" align="center" prop="deptName" />
<el-table-column label="签约开始日期" align="center" prop="signStartDate" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.signStartDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="签约结束日期" align="center" prop="signEndDate" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.signEndDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="默认救援类型" align="center" prop="defaultRescueType">-->
<!-- <template slot-scope="scope">-->
<!-- <dict-tag :options="dict.type.dljy_type" :value="scope.row.defaultRescueType"/>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<span style="font-weight: bold; font-size: 16px">{{ form.deptName || xtitle }}</span>
</el-form-item>
<el-form-item label="客户名称" prop="customerName">
<el-input v-model="form.customerName" placeholder="请输入客户名称"/>
</el-form-item>
<el-form-item label="客户手机号" prop="customerPhone">
<el-input v-model="form.customerPhone" placeholder="请输入客户手机号"/>
</el-form-item>
<el-form-item label="单号前缀" prop="orderPrefix">
<el-input v-model="form.orderPrefix" placeholder="请输入单号前缀"/>
</el-form-item>
<el-form-item label="签约开始日期" prop="signStartDate">
<el-date-picker clearable
v-model="form.signStartDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约开始日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="签约结束日期" prop="signEndDate">
<el-date-picker clearable
v-model="form.signEndDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约结束日期"
>
</el-date-picker>
</el-form-item>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改救援的客户信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="客户公司" prop="customerDeptId">
<span style="font-weight: bold; font-size: 16px">{{ form.deptName ||xtitle}}</span>
</el-form-item>
<el-form-item label="客户名称" prop="customerName">
<el-input v-model="form.customerName" placeholder="请输入客户名称" />
</el-form-item>
<el-form-item label="客户手机号" prop="customerPhone">
<el-input v-model="form.customerPhone" placeholder="请输入客户手机号" />
</el-form-item>
<el-form-item label="单号前缀" prop="orderPrefix">
<el-input v-model="form.orderPrefix" placeholder="请输入单号前缀" />
</el-form-item>
<el-form-item label="签约开始日期" prop="signStartDate">
<el-date-picker clearable
v-model="form.signStartDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约开始日期">
</el-date-picker>
</el-form-item>
<el-form-item label="签约结束日期" prop="signEndDate">
<el-date-picker clearable
v-model="form.signEndDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择签约结束日期">
</el-date-picker>
</el-form-item>
<!-- <el-form-item label="默认救援类型" prop="defaultRescueType">-->
<!-- <el-select v-model="form.defaultRescueType" placeholder="请选择默认救援类型">-->
<!-- <el-option-->
<!-- v-for="dict in dict.type.dljy_type"-->
<!-- :key="dict.value"-->
<!-- :label="dict.label"-->
<!-- :value="dict.value"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<!-- <el-form-item label="默认救援类型" prop="defaultRescueType">-->
<!-- <el-select v-model="form.defaultRescueType" placeholder="请选择默认救援类型">-->
<!-- <el-option-->
<!-- v-for="dict in dict.type.dljy_type"-->
<!-- :key="dict.value"-->
<!-- :label="dict.label"-->
<!-- :value="dict.value"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</el-dialog>
</div>
</el-col>
</el-row>
</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 {
filterText:'',
filterText: '',
defaultProps: {
children: 'children',
label: 'name'
@ -206,9 +225,9 @@ export default {
// 救援的客户信息表格数据
rescueCustomerList: [],
// 弹出层标题
title: "",
xtitle:'',
xid:'',
title: '',
xtitle: '',
xid: '',
// 是否显示弹出层
open: false,
// 查询参数
@ -220,57 +239,58 @@ export default {
customerDeptId: null,
signStartDate: null,
signEndDate: null,
defaultRescueType: null,
defaultRescueType: null
},
Thetree:[],
Thetree: [],
// 表单参数
form: {},
// 表单校验
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
this.xid = data.id
this.xtitle = data.name
},
/** 查询救援的客户信息列表 */
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;
});
getdeptTree().then(res=>{
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,76 +308,77 @@ 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) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
if(this.xtitle == ''){
this.$modal.msgSuccess("请先选择部门");
if (this.xtitle == '') {
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,29 +387,31 @@ 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;
border-radius: 8px;
height: 40px;
box-sizing: border-box;
padding: 0px 10px;
display: flex;
align-items: center;
color: #409EFF;
.left-box {
box-sizing: border-box;
padding: 15px;
}
/*background: #99a9bf;*/
}
.title-h {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.xzbox {
width: 100%;
margin: 5px auto;
border-radius: 8px;
height: 40px;
box-sizing: border-box;
padding: 0px 10px;
display: flex;
align-items: center;
color: #409EFF;
/*background: #99a9bf;*/
}
</style>

1013
src/views/rescue/driverIndex.vue
View File

File diff suppressed because it is too large Load Diff

4
src/views/rescue/index.vue
View File

@ -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;
});
},