|
|
|
<template>
|
|
|
|
<div class="app-container">
|
|
|
|
<!-- 筛选条件 -->
|
|
|
|
<el-form
|
|
|
|
:model="queryParams"
|
|
|
|
ref="queryRef"
|
|
|
|
:inline="true"
|
|
|
|
label-width="68px"
|
|
|
|
>
|
|
|
|
<el-form-item label="车主姓名" prop="name">
|
|
|
|
<el-input
|
|
|
|
v-model="queryParams.name"
|
|
|
|
placeholder="请输入车主"
|
|
|
|
clearable
|
|
|
|
style="width: 220px"
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="车牌号码" prop="licensePlate">
|
|
|
|
<el-input
|
|
|
|
v-model="queryParams.licensePlate"
|
|
|
|
placeholder="请输入车牌号"
|
|
|
|
clearable
|
|
|
|
style="width: 220px"
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="识别代码" prop="frameNumber">
|
|
|
|
<el-input
|
|
|
|
v-model="queryParams.frameNumber"
|
|
|
|
placeholder="请输入车辆识别代码"
|
|
|
|
clearable
|
|
|
|
style="width: 220px"
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="时间范围" prop="timeFrame">
|
|
|
|
<el-date-picker
|
|
|
|
v-model="timeFrame"
|
|
|
|
type="datetimerange"
|
|
|
|
range-separator="To"
|
|
|
|
start-placeholder="开始时间"
|
|
|
|
end-placeholder="结束时间"
|
|
|
|
@change="handleTime"
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery"
|
|
|
|
>查询</el-button
|
|
|
|
>
|
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<!-- 表格数据 -->
|
|
|
|
<el-table v-loading="loading" :data="policyList" @row-click="handleTask">
|
|
|
|
<el-table-column label="序号" width="55" type="index" />
|
|
...
|
...
|
@@ -44,7 +96,7 @@ |
|
|
|
<el-table-column
|
|
|
|
label="联系电话"
|
|
|
|
prop="phone"
|
|
|
|
width="180"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
...
|
...
|
@@ -472,6 +524,7 @@ const activeTitle = ref(""); |
|
|
|
const loadingBtn = ref(false);
|
|
|
|
const showIssue = ref(false);
|
|
|
|
const total = ref(0);
|
|
|
|
const timeFrame = ref(null);
|
|
|
|
const typeId = ref(0); // 判断类型 0 问题件 1 退回 2 作废
|
|
|
|
const transferTip = ref(""); //流转下一家名称
|
|
|
|
const transferDeptId = ref(""); // 流转的部门公司ID
|
|
...
|
...
|
@@ -504,17 +557,22 @@ const deprecatedForm = ref({ |
|
|
|
associationapprove: "",
|
|
|
|
});
|
|
|
|
const companyForm = ref({});
|
|
|
|
// 查询参数
|
|
|
|
const queryParams = reactive({
|
|
|
|
pageNum: 1,
|
|
|
|
pageSize: 10,
|
|
|
|
name: "",
|
|
|
|
licensePlate: "",
|
|
|
|
type: 0,
|
|
|
|
frameNumber: "",
|
|
|
|
startTime: "",
|
|
|
|
endTime: "",
|
|
|
|
});
|
|
|
|
const companyQueryParams = reactive({
|
|
|
|
deptName: undefined,
|
|
|
|
status: undefined,
|
|
|
|
});
|
|
|
|
const policyList = ref([]);
|
|
|
|
|
|
|
|
// 判断是否有权限
|
|
|
|
const hasRole = computed(() => {
|
|
|
|
return proxy.$auth.hasRole("associationemployee");
|
|
...
|
...
|
@@ -531,7 +589,16 @@ const NewEnergyOption = ref([ |
|
|
|
name: "是",
|
|
|
|
},
|
|
|
|
]);
|
|
|
|
|
|
|
|
// 选择时间范围
|
|
|
|
const handleTime = (valu) => {
|
|
|
|
if (valu !== null) {
|
|
|
|
queryParams.startTime = proxy.parseTime(valu[0]);
|
|
|
|
queryParams.endTime = proxy.parseTime(valu[1]);
|
|
|
|
} else {
|
|
|
|
queryParams.startTime = "";
|
|
|
|
queryParams.endTime = "";
|
|
|
|
}
|
|
|
|
};
|
|
|
|
// 车辆类型
|
|
|
|
const carTypeOption = ref([]);
|
|
|
|
const getCarTypeOption = async () => {
|
|
...
|
...
|
@@ -697,7 +764,6 @@ const handleSharing = (id) => { |
|
|
|
};
|
|
|
|
/** 查询部门列表 */
|
|
|
|
const getDeptList = () => {
|
|
|
|
loading.value = true;
|
|
|
|
listDept(companyQueryParams).then((response) => {
|
|
|
|
let newArr = [];
|
|
|
|
newArr = response.data.filter((item) => item.parentId === 100);
|
|
...
|
...
|
@@ -707,7 +773,6 @@ const getDeptList = () => { |
|
|
|
deptName: child.deptName,
|
|
|
|
};
|
|
|
|
});
|
|
|
|
loading.value = false;
|
|
|
|
});
|
|
|
|
};
|
|
|
|
/** 重置操作表单 */
|
|
...
|
...
|
@@ -779,7 +844,7 @@ const getTransferTip = async () => { |
|
|
|
loadingBtn.value = true;
|
|
|
|
const { data } = await getCompanyTip();
|
|
|
|
transferTip.value = data.deptName;
|
|
|
|
transferDeptId.value = data.deptId;
|
|
|
|
transferDeptId.value = data.deptId.toString();
|
|
|
|
loadingBtn.value = false;
|
|
|
|
};
|
|
|
|
|
|
...
|
...
|
@@ -799,7 +864,23 @@ const submitUpdate = () => { |
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
getList();
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
function handleQuery() {
|
|
|
|
queryParams.pageNum = 1;
|
|
|
|
getList();
|
|
|
|
}
|
|
|
|
/** 重置按钮操作 */
|
|
|
|
function resetQuery() {
|
|
|
|
proxy.resetForm("queryRef");
|
|
|
|
queryParams.startTime = "";
|
|
|
|
queryParams.endTime = "";
|
|
|
|
handleQuery();
|
|
|
|
}
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
getList();
|
|
|
|
});
|
|
|
|
|
|
|
|
if (checkRole(["associationemployee"])) {
|
|
|
|
getDeptList();
|
|
|
|
}
|
...
|
...
|
|
