This commit is contained in:
xiaofajia 2024-10-17 17:30:09 +08:00
commit 46e7b3d3bf
2 changed files with 302 additions and 234 deletions

View File

@ -25,16 +25,26 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="角色" prop="roleCode">
<el-select v-model="queryParams.roleCode" placeholder="请选择角色"> <!-- <el-form-item label="角色" prop="roleCode">-->
<el-option <!-- <el-select v-model="queryParams.roleCode" placeholder="请选择角色">-->
v-for="dict in dict.type.jcz_role" <!-- <el-option-->
:key="dict.value" <!-- v-for="dict in dict.type.jcz_role"-->
:label="dict.label" <!-- :key="dict.value"-->
:value="dict.value" <!-- :label="dict.label"-->
></el-option> <!-- :value="dict.value"-->
</el-select> <!-- ></el-option>-->
</el-form-item> <!-- </el-select>-->
<!-- </el-form-item>-->
<!--简单比较不做角色绑定-->
<el-table-column label="角色" align="center">
<template slot-scope="scope">
<span>{{ getOrderCount(scope.row.userId) > 1 ? '疑似代办' : '普通用户' }}</span>
</template>
</el-table-column>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <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-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@ -58,7 +68,13 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="客户名称" align="center" prop="customerName" /> <el-table-column label="客户名称" align="center" prop="customerName" />
<el-table-column label="客户手机号" align="center" prop="customerPhone" /> <el-table-column label="客户手机号" align="center" prop="customerPhone" />
<el-table-column label="角色" align="center" prop="roleName" /> <el-table-column label="标签" align="center">
<template slot-scope="scope">
<el-tag v-if="scope.row.orderCount > 3" type="danger">疑似代办</el-tag>
<el-tag v-else type="success">正常</el-tag>
</template>
</el-table-column>
<el-table-column label="本年度订单数量" align="center" prop="orderCount"/>
<el-table-column label="性别" align="center" prop="sex"> <el-table-column label="性别" align="center" prop="sex">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex"/> <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex"/>
@ -67,11 +83,11 @@
<el-table-column label="年龄" align="center" prop="userAge" /> <el-table-column label="年龄" align="center" prop="userAge" />
<el-table-column label="车辆号码----------保险到期时间-------年检到期时间 " width="355" align="center" prop="userCarList" > <el-table-column label="车辆号码----------保险到期时间-------年检到期时间 " width="355" align="center" prop="userCarList" >
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <div style="display: flex">--> <!-- <div style="display: flex">-->
<!-- <div>{{scope.row.userCarList.carNo}}</div>--> <!-- <div>{{scope.row.userCarList.carNo}}</div>-->
<!-- <div>{{scope.row.userCarList.insuranceExpiryDate}}</div>--> <!-- <div>{{scope.row.userCarList.insuranceExpiryDate}}</div>-->
<!-- <div>{{scope.row.userCarList.nextInspectionDate}}</div>--> <!-- <div>{{scope.row.userCarList.nextInspectionDate}}</div>-->
<!-- </div>--> <!-- </div>-->
<el-table v-loading="loading" :show-header="tou" :data="scope.row.userCarList" > <el-table v-loading="loading" :show-header="tou" :data="scope.row.userCarList" >
@ -162,7 +178,7 @@
<!-- 新增上传车辆信息--> <!-- 新增上传车辆信息-->
<div v-for="(item,index) in form.userCarList" :key="index" style="width: 100%; "> <div v-for="(item,index) in form.userCarList" :key="index" style="width: 100%; ">
<el-collapse v-model="activeName" accordion> <el-collapse v-model="activeName" accordion>
<el-collapse-item title="车辆信息" accordion> <el-collapse-item title="车辆信息" accordion>
@ -241,26 +257,26 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="保险日期" prop="insuranceDate"> <el-form-item label="保险日期" prop="insuranceDate">
<el-date-picker <el-date-picker
v-model="item.insuranceDate" v-model="item.insuranceDate"
type="date" type="date"
placeholder="保险日期"> placeholder="保险日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" > <el-col :span="12" >
<el-form-item label="保险到期日期" prop="insuranceExpiryDate"> <el-form-item label="保险到期日期" prop="insuranceExpiryDate">
<el-date-picker <el-date-picker
v-model="item.insuranceExpiryDate" v-model="item.insuranceExpiryDate"
type="date" type="date"
placeholder="保险到期日期"> placeholder="保险到期日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -289,7 +305,7 @@
</div> </div>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
@ -299,218 +315,260 @@
</template> </template>
<script> <script>
import { listCustomerInfo, getCustomerInfo, delCustomerInfo, addCustomerInfo, updateCustomerInfo } from "./api/customer"; import {
import request from "@/utils/request"; listCustomerInfo,
import DictTag from '@/components/DictTagOld/index.vue' getCustomerInfo,
delCustomerInfo,
addCustomerInfo,
updateCustomerInfo,
getUserOrderCounts
} from './api/customer';
import request from "@/utils/request";
import DictTag from '@/components/DictTagOld/index.vue'
export default { export default {
name: "CustomerInfo", name: "CustomerInfo",
components:{DictTag}, components:{DictTag},
dicts: ['sys_user_sex','jcz_role'], dicts: ['sys_user_sex','jcz_role'],
data() { data() {
return { return {
tou:false, tou:false,
// //
loading: true, loading: true,
// //
ids: [], ids: [],
// //
single: true, single: true,
// //
multiple: true, multiple: true,
// //
showSearch: true, showSearch: true,
// //
total: 0, total: 0,
// //
customerInfoList: [], customerInfoList: [],
// userCarList:[], //
// userOrderCounts: [],
title: "", // userCarList:[],
// //
open: false, title: "",
// //
queryParams: { open: false,
pageNo: 1, //
pageSize: 10, queryParams: {
customerName: null, pageNo: 1,
customerPhone: null, pageSize: 10,
carNum:null, customerName: null,
}, customerPhone: null,
// carNum:null,
form: { },
userCarList:[{ //
carModel:'', form: {
carNo:'', userCarList:[{
maintenanceDate:'', carModel:'',
maintenanceMileage:'', carNo:'',
inspectionDate:'', maintenanceDate:'',
insuranceDate:'', maintenanceMileage:'',
nextMaintenanceDate:'', inspectionDate:'',
nextMaintenanceMileage:'', insuranceDate:'',
nextInspectionDate:'', nextMaintenanceDate:'',
insuranceExpiryDate:'', nextMaintenanceMileage:'',
}] nextInspectionDate:'',
}, insuranceExpiryDate:'',
carModel:'', }]
carNo:'', },
maintenanceDate:'', carModel:'',
maintenanceMileage:'', carNo:'',
inspectionDate:'', maintenanceDate:'',
insuranceDate:'', maintenanceMileage:'',
nextMaintenanceDate:'', inspectionDate:'',
nextMaintenanceMileage:'', insuranceDate:'',
nextInspectionDate:'', nextMaintenanceDate:'',
insuranceExpiryDate:'', nextMaintenanceMileage:'',
// nextInspectionDate:'',
rules: { insuranceExpiryDate:'',
} //
}; rules: {
},
created() {
this.dict = {type:{}}
for (let i = 0; i < this.$options.dicts.length; i++) {
request({
url: '/rescue/dict/data/type/'+this.$options.dicts[i],
method: 'get'
}).then(res=>{
this.$set(this.dict.type,this.$options.dicts[i],res.data)
})
} }
};
},
created() {
this.dict = {type:{}}
for (let i = 0; i < this.$options.dicts.length; i++) {
request({
url: '/rescue/dict/data/type/'+this.$options.dicts[i],
method: 'get'
}).then(res=>{
this.$set(this.dict.type,this.$options.dicts[i],res.data)
})
}
this.getList();
// this.queryUserOrderCounts();
},
methods: {
addCommodity(){
let data = {
carModel:this.carModel,
carNo:this.carNo,
maintenanceDate:this.maintenanceDate,
maintenanceMileage:this.maintenanceMileage,
inspectionDate:this.inspectionDate,
insuranceDate:this.insuranceDate,
nextMaintenanceDate:this.nextMaintenanceDate,
nextMaintenanceMileage:this.nextMaintenanceMileage,
nextInspectionDate:this.nextInspectionDate,
insuranceExpiryDate:this.insuranceExpiryDate,
}
this.form.userCarList.push(data)
},
deletecomm(index){
this.form.userCarList.splice(index, 1);
},
/** 查询客户信息列表 */
getList() {
this.loading = true;
//
listCustomerInfo(this.queryParams).then(response => {
this.customerInfoList = response.data.records;
this.total = response.data.total;
this.loading = false;
//
// return getUserOrderCounts().then(userOrderCounts => {
// console.log(":", userOrderCounts.data);
// this.userOrderCounts = userOrderCounts.data;
// }).catch(error => {
// console.error(":", error);
// });
// }).then(userOrderCounts => {
// this.userOrderCounts = userOrderCounts.data;
});
},
// getRoleLabel(userId) {
// const orderCount = this.getOrderCount(userId);
// return orderCount > 1 ? '' : '';
// },
queryUserOrderCounts() {
getUserOrderCounts().then(userOrderCounts => {
console.log("成功获取用户订单数量:", userOrderCounts);
//
this.userOrderCounts = userOrderCounts.data;
this.getList();
}).catch(error => {
console.error("获取用户订单数量失败:", error);
});
},
getOrderCount(userId) {
const userOrder = this.userOrderCounts.find(order => order.userId === userId);
console.log("用户订单数量:", this.userOrderCounts,userOrder);
// 0
return userOrder ? userOrder.orderCount : 0;
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
id: null,
partnerId: null,
customerName: null,
customerPhone: null,
userId: null,
sex: null,
userAge: null,
deptId: null,
createTime: null,
createBy: null,
updateTime: null,
updateBy: null,
userCarList:[{
carModel:'',
carNo:'',
maintenanceDate:'',
maintenanceMileage:'',
inspectionDate:'',
insuranceDate:'',
nextMaintenanceDate:'',
nextMaintenanceMileage:'',
nextInspectionDate:'',
insuranceExpiryDate:'',
}]
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList(); this.getList();
}, },
methods: { /** 重置按钮操作 */
addCommodity(){ resetQuery() {
let data = { this.resetForm("queryForm");
carModel:this.carModel, this.handleQuery();
carNo:this.carNo, },
maintenanceDate:this.maintenanceDate, //
maintenanceMileage:this.maintenanceMileage, handleSelectionChange(selection) {
inspectionDate:this.inspectionDate, this.ids = selection.map(item => item.id)
insuranceDate:this.insuranceDate, this.single = selection.length!==1
nextMaintenanceDate:this.nextMaintenanceDate, this.multiple = !selection.length
nextMaintenanceMileage:this.nextMaintenanceMileage, },
nextInspectionDate:this.nextInspectionDate, /** 新增按钮操作 */
insuranceExpiryDate:this.insuranceExpiryDate, handleAdd() {
} this.reset();
this.form.userCarList.push(data) this.open = true;
}, this.title = "添加客户信息";
deletecomm(index){ },
this.form.userCarList.splice(index, 1); /** 修改按钮操作 */
}, handleUpdate(row) {
/** 查询客户信息列表 */ const id = row.id || this.ids
getList() { this.form = row;
this.loading = true; this.open = true;
listCustomerInfo(this.queryParams).then(response => { this.title = "修改客户信息";
this.customerInfoList = response.data.records; // this.reset();
// this.userCarList = response.rows.userCarList
this.total = response.data.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
id: null,
partnerId: null,
customerName: null,
customerPhone: null,
userId: null,
sex: null,
userAge: null,
deptId: null,
createTime: null,
createBy: null,
updateTime: null,
updateBy: null,
userCarList:[{
carModel:'',
carNo:'',
maintenanceDate:'',
maintenanceMileage:'',
inspectionDate:'',
insuranceDate:'',
nextMaintenanceDate:'',
nextMaintenanceMileage:'',
nextInspectionDate:'',
insuranceExpiryDate:'',
}]
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
//
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加客户信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
const id = row.id || this.ids
this.form = row;
this.open = true;
this.title = "修改客户信息";
// this.reset();
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateCustomerInfo(this.form).then(response => { updateCustomerInfo(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
} else { } else {
addCustomerInfo(this.form).then(response => { addCustomerInfo(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
}
} }
}); }
}, });
/** 删除按钮操作 */ },
handleDelete(row) { /** 删除按钮操作 */
const ids = row.id || this.ids; handleDelete(row) {
this.$modal.confirm('是否确认删除客户信息编号为"' + ids + '"的数据项?').then(function() { const ids = row.id || this.ids;
return delCustomerInfo(ids); this.$modal.confirm('是否确认删除客户信息编号为"' + ids + '"的数据项?').then(function() {
}).then(() => { return delCustomerInfo(ids);
this.getList(); }).then(() => {
this.$modal.msgSuccess("删除成功"); this.getList();
}).catch(() => {}); this.$modal.msgSuccess("删除成功");
}, }).catch(() => {});
/** 导出按钮操作 */ },
handleExport() { /** 导出按钮操作 */
this.download('customerInfo/customerInfo/export', { handleExport() {
...this.queryParams this.download('customerInfo/customerInfo/export', {
}, `customerInfo_${new Date().getTime()}.xlsx`) ...this.queryParams
} }, `customerInfo_${new Date().getTime()}.xlsx`)
} }
}; }
};
</script> </script>

View File

@ -9,6 +9,14 @@ export function listCustomerInfo(query) {
}) })
} }
// 查询客户订单数量列表
export function getUserOrderCounts() {
return request({
url: '/customerInfo/customerInfo/userOrderCounts',
method: 'get'
});
}
// 查询客户信息详细 // 查询客户信息详细
export function getCustomerInfo(id) { export function getCustomerInfo(id) {
return request({ return request({
@ -52,3 +60,5 @@ export function partnerGetWtList(query) {
params: query params: query
}) })
} }