|
|
|
<template>
|
|
|
|
<div class="app-container">
|
|
|
|
<!-- 表格数据 -->
|
|
|
|
<el-table
|
|
|
|
v-loading="loading"
|
|
|
|
:data="policyList"
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
@row-click="handleUpdate"
|
|
|
|
>
|
|
|
|
<el-table v-loading="loading" :data="policyList" @row-click="handleUpdate">
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
<el-table-column
|
|
|
|
label="序号"
|
|
|
|
prop="policyId"
|
|
|
|
width="120"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column label="序号" width="55" type="index" />
|
|
|
|
<el-table-column
|
|
|
|
label="登记时间"
|
|
|
|
prop="createTime"
|
|
|
|
prop="initialRegistrationTime"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
label="车牌号"
|
|
|
|
prop="carNum"
|
|
|
|
prop="licensePlateNumber"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column label="车架号" prop="frameNum" align="center" />
|
|
|
|
<el-table-column label="车架号" prop="frameNumber" align="center" />
|
|
|
|
<el-table-column
|
|
|
|
label="车主姓名"
|
|
|
|
prop="name"
|
|
...
|
...
|
@@ -41,21 +31,77 @@ |
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
label="上年承保公司"
|
|
|
|
prop="company"
|
|
|
|
prop="sysDeptName"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
v-show="hasCompanyadmin"
|
|
|
|
label="分配机制"
|
|
|
|
prop="distributionMechanism"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
label="订单分配时间"
|
|
|
|
prop="distributionTime"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
label="保单进度"
|
|
|
|
prop="orderProgress"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
label="承接时间"
|
|
|
|
prop="companyEmployeeUndertakeTime"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column
|
|
|
|
v-show="hasCompanyadmin"
|
|
|
|
label="承接人"
|
|
|
|
prop="associationEmployeeUserName"
|
|
|
|
width="150"
|
|
|
|
align="center"
|
|
|
|
/>
|
|
|
|
<el-table-column label="操作" align="center" width="360" fixed="right">
|
|
|
|
<template #default>
|
|
|
|
<el-button type="primary" v-hasPermi="['policy:pending:continue']"
|
|
|
|
>承接</el-button
|
|
|
|
>
|
|
|
|
<template #default="{ row }">
|
|
|
|
<el-button type="primary" v-hasPermi="['policy:pending:continue']">{{
|
|
|
|
row.orderProgress === "已承接" ? "承接回馈" : "承接"
|
|
|
|
}}</el-button>
|
|
|
|
<el-button type="primary" v-hasPermi="['policy:pending:sharing']"
|
|
|
|
>分配</el-button
|
|
|
|
>
|
|
|
|
<el-button type="primary" v-hasPermi="['policy:pending:transfer']"
|
|
|
|
>转办</el-button
|
|
|
|
>
|
|
|
|
<el-button
|
|
|
|
type="primary"
|
|
|
|
v-show="hasRole"
|
|
|
|
@click="handleSuccess(0, row.taskId)"
|
|
|
|
>通过</el-button
|
|
|
|
>
|
|
|
|
<el-button
|
|
|
|
type="primary"
|
|
|
|
v-show="hasRole"
|
|
|
|
@click="handleFallback(1, row.taskId)"
|
|
|
|
>退回</el-button
|
|
|
|
>
|
|
|
|
<el-button
|
|
|
|
type="primary"
|
|
|
|
v-show="hasRole"
|
|
|
|
@click="handleVoid(2, row.taskId)"
|
|
|
|
>作废</el-button
|
|
|
|
>
|
|
|
|
<el-button
|
|
|
|
type="primary"
|
|
|
|
v-show="hasRole"
|
|
|
|
@click="handleAuthCompany(0, row.taskId)"
|
|
|
|
>分配承保公司</el-button
|
|
|
|
>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
...
|
...
|
@@ -75,19 +121,14 @@ |
|
|
|
width="500"
|
|
|
|
append-to-body
|
|
|
|
>
|
|
|
|
<el-input
|
|
|
|
:rows="6"
|
|
|
|
type="textarea"
|
|
|
|
placeholder="请输入作废原因"
|
|
|
|
v-model="deprecatedReason"
|
|
|
|
resize="none"
|
|
|
|
<QuillEditor
|
|
|
|
:value="deprecatedForm.deprecatedReason"
|
|
|
|
@updateValue="getMsg"
|
|
|
|
/>
|
|
|
|
<template #footer>
|
|
|
|
<div class="dialog-footer">
|
|
|
|
<el-button @click="deprecatedShow = false">取消</el-button>
|
|
|
|
<el-button type="primary" @click="deprecatedShow = false"
|
|
|
|
>确定</el-button
|
|
|
|
>
|
|
|
|
<el-button type="primary" @click="sunmitDeprecated">确定</el-button>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</el-dialog>
|
|
...
|
...
|
@@ -102,28 +143,26 @@ |
|
|
|
<div class="company_box">
|
|
|
|
<div class="header_top">
|
|
|
|
<el-input
|
|
|
|
v-model="companyValue"
|
|
|
|
v-model="companyQueryParams.deptName"
|
|
|
|
style="width: 380px"
|
|
|
|
placeholder="请输入承保公司名称(支持模糊查询)"
|
|
|
|
prefix-icon="Search"
|
|
|
|
/>
|
|
|
|
<el-button type="primary">查询</el-button>
|
|
|
|
<el-button type="primary" @click="getDeptList">查询</el-button>
|
|
|
|
</div>
|
|
|
|
<el-radio-group v-model="company">
|
|
|
|
<el-radio-group v-model="companyForm.deptId" @change="handleDeptChange">
|
|
|
|
<el-radio
|
|
|
|
v-for="item in companyList"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.value"
|
|
|
|
>{{ item.label }}</el-radio
|
|
|
|
v-for="item in deptOptions"
|
|
|
|
:key="item.deptId"
|
|
|
|
:label="item.deptId"
|
|
|
|
>{{ item.deptName }}</el-radio
|
|
|
|
>
|
|
|
|
</el-radio-group>
|
|
|
|
</div>
|
|
|
|
<template #footer>
|
|
|
|
<div class="dialog-footer">
|
|
|
|
<el-button @click="companyShow = false">取消</el-button>
|
|
|
|
<el-button type="primary" @click="companyShow = false"
|
|
|
|
>确定</el-button
|
|
|
|
>
|
|
|
|
<el-button type="primary" @click="submitForm">确定</el-button>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</el-dialog>
|
|
...
|
...
|
@@ -202,13 +241,22 @@ |
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
import { queryMyList } from "@/api/policy/index";
|
|
|
|
import { queryMyList, disposeUser } from "@/api/policy/index";
|
|
|
|
import { listDept } from "@/api/system/dept";
|
|
|
|
import { onMounted, ref } from "vue";
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
|
const loading = ref(false);
|
|
|
|
const total = ref(5);
|
|
|
|
const total = ref(0);
|
|
|
|
const title = ref("保单信息");
|
|
|
|
const open = ref(false);
|
|
|
|
const form = ref({});
|
|
|
|
const hasRole = computed(() => {
|
|
|
|
return proxy.$auth.hasRole("associationemployee");
|
|
|
|
});
|
|
|
|
|
|
|
|
const hasCompanyadmin = computed(() => {
|
|
|
|
return proxy.$auth.hasRole("companyadmin");
|
|
|
|
});
|
|
|
|
const rules = ref({
|
|
|
|
carNum: [{ required: true, message: "车牌号不能为空", trigger: "blur" }],
|
|
|
|
frameNum: [{ required: true, message: "车架号不能为空", trigger: "blur" }],
|
|
...
|
...
|
@@ -223,50 +271,99 @@ const rules = ref({ |
|
|
|
],
|
|
|
|
});
|
|
|
|
const companyShow = ref(false);
|
|
|
|
const companyList = ref([
|
|
|
|
{ id: 1, value: 0, label: "中国太平洋保险集团" },
|
|
|
|
{ id: 2, value: 1, label: "中国平安财产保险股份有限公司" },
|
|
|
|
{ id: 3, value: 2, label: "北部湾财产保险股份有限公司" },
|
|
|
|
{ id: 4, value: 3, label: "华安财产保险股份有限公司" },
|
|
|
|
]);
|
|
|
|
const deptOptions = ref([]);
|
|
|
|
const company = ref(2);
|
|
|
|
const companyValue = ref("");
|
|
|
|
const deprecatedShow = ref(false);
|
|
|
|
const deprecatedReason = ref("");
|
|
|
|
const deprecatedForm = ref({});
|
|
|
|
const companyForm = ref({});
|
|
|
|
const queryParams = reactive({
|
|
|
|
pageNum: 1,
|
|
|
|
pageSize: 10,
|
|
|
|
});
|
|
|
|
const companyQueryParams = reactive({
|
|
|
|
deptName: undefined,
|
|
|
|
status: undefined,
|
|
|
|
});
|
|
|
|
const policyList = ref([]);
|
|
|
|
|
|
|
|
/** 多选框选中数据 */
|
|
|
|
function handleSelectionChange(selection) {
|
|
|
|
// ids.value = selection.map(item => item.roleId);
|
|
|
|
// single.value = selection.length != 1;
|
|
|
|
// multiple.value = !selection.length;
|
|
|
|
console.log(selection);
|
|
|
|
}
|
|
|
|
|
|
|
|
const getList = async () => {
|
|
|
|
loading.value = true;
|
|
|
|
const res = await queryMyList(queryParams);
|
|
|
|
policyList.value = res.rows;
|
|
|
|
total.value = res.total;
|
|
|
|
const { data } = await queryMyList(queryParams);
|
|
|
|
policyList.value = data.rows;
|
|
|
|
total.value = data.total;
|
|
|
|
loading.value = false;
|
|
|
|
};
|
|
|
|
const handleSuccess = () => {
|
|
|
|
console.log("通过");
|
|
|
|
// 通过保单
|
|
|
|
const handleSuccess = (associationapprove, taskId) => {
|
|
|
|
ElMessageBox.confirm("是否通过该保单?", {
|
|
|
|
confirmButtonText: "确认通过",
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
type: "warning",
|
|
|
|
})
|
|
|
|
.then(() => {
|
|
|
|
disposeUser({ associationapprove }, taskId).then((res) => {
|
|
|
|
proxy.$modal.msgSuccess("保单已通过");
|
|
|
|
});
|
|
|
|
})
|
|
|
|
.catch(() => {
|
|
|
|
proxy.$modal.msg("取消通过");
|
|
|
|
});
|
|
|
|
};
|
|
|
|
const handleFallback = () => {
|
|
|
|
console.log("退回");
|
|
|
|
// 退回保单
|
|
|
|
const handleFallback = (associationapprove, taskId) => {
|
|
|
|
ElMessageBox.confirm("是否退回该保单?", {
|
|
|
|
confirmButtonText: "确认退回",
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
type: "warning",
|
|
|
|
})
|
|
|
|
.then(() => {
|
|
|
|
disposeUser({ associationapprove }, taskId).then((res) => {
|
|
|
|
proxy.$modal.msgSuccess("保单已退回");
|
|
|
|
});
|
|
|
|
})
|
|
|
|
.catch(() => {
|
|
|
|
proxy.$modal.msg("已取消");
|
|
|
|
});
|
|
|
|
};
|
|
|
|
const handleVoid = () => {
|
|
|
|
console.log("作废");
|
|
|
|
// 作废保单
|
|
|
|
const handleVoid = (associationapprove, taskId) => {
|
|
|
|
deprecatedForm.value = {
|
|
|
|
associationapprove,
|
|
|
|
taskId,
|
|
|
|
};
|
|
|
|
deprecatedShow.value = true;
|
|
|
|
};
|
|
|
|
const handleAuthCompany = () => {
|
|
|
|
|
|
|
|
// 提交作废表单
|
|
|
|
const sunmitDeprecated = () => {
|
|
|
|
const data = {
|
|
|
|
associationapprove: deprecatedForm.value.associationapprove,
|
|
|
|
comment: deprecatedForm.value.deprecatedReason,
|
|
|
|
};
|
|
|
|
const taskId = deprecatedForm.value.taskId;
|
|
|
|
disposeUser(data, taskId).then((res) => {
|
|
|
|
proxy.$modal.msgSuccess("保单已退回");
|
|
|
|
});
|
|
|
|
};
|
|
|
|
// 分配承保公司
|
|
|
|
const handleAuthCompany = (associationapprove, taskId) => {
|
|
|
|
companyForm.value = {
|
|
|
|
associationapprove,
|
|
|
|
taskId,
|
|
|
|
};
|
|
|
|
companyShow.value = true;
|
|
|
|
getDeptList();
|
|
|
|
};
|
|
|
|
|
|
|
|
/** 查询部门列表 */
|
|
|
|
const getDeptList = () => {
|
|
|
|
loading.value = true;
|
|
|
|
listDept(companyQueryParams).then((response) => {
|
|
|
|
deptOptions.value = response.data.filter((item) => item.parentId === 100);
|
|
|
|
loading.value = false;
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
/** 重置操作表单 */
|
|
|
|
function reset() {
|
|
|
|
form.value = {
|
|
...
|
...
|
@@ -287,15 +384,23 @@ function handleUpdate(row) { |
|
|
|
form.value = row;
|
|
|
|
open.value = true;
|
|
|
|
}
|
|
|
|
/** 提交按钮 */
|
|
|
|
/** 提交通过分配承保公司 */
|
|
|
|
function submitForm() {
|
|
|
|
proxy.$refs["policyRef"].validate((valid) => {
|
|
|
|
if (valid) {
|
|
|
|
proxy.$modal.msgSuccess("修改成功");
|
|
|
|
}
|
|
|
|
const data = {
|
|
|
|
associationapprove: companyForm.value.associationapprove,
|
|
|
|
deptId: companyForm.value.deptId,
|
|
|
|
};
|
|
|
|
const taskId = companyForm.value.taskId;
|
|
|
|
disposeUser(data, taskId).then((res) => {
|
|
|
|
companyShow.value = true;
|
|
|
|
proxy.$modal.msgSuccess("保单已分配成功");
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
const getMsg = (val) => {
|
|
|
|
deprecatedForm.value.deprecatedReason = val;
|
|
|
|
};
|
|
|
|
|
|
|
|
getList();
|
|
|
|
</script>
|
|
|
|
|
...
|
...
|
|
