仇子明 / bxhd-vue3 · 提交

转到一个项目

作者 xiaoqiu
提交 d64691ee4d115ea025c6ef5b3c13b869a1a54eee 1 个父辈 309e11f6

优化更新了保单部分的显示，添加了员工在岗

内嵌 并排对比
正在显示 5 个修改的文件 包含 102 行增加 和 62 行删除
... ... @@ -64,7 +64,13 @@
width="150"
align="center"
/>
<el-table-column label="车架号" prop="frameNumber" align="center" />
<el-table-column
label="车架号"
prop="frameNumber"
width="180"
align="center"
:show-overflow-tooltip="true"
/>
<el-table-column
label="车主姓名"
prop="name"
... ... @@ -78,7 +84,7 @@
align="center"
/>
<el-table-column
label="操作时间"
label="作废时间"
align="center"
prop="distributionTime"
width="160"
... ...
... ... @@ -82,7 +82,7 @@
}}</span>
</template>
</el-table-column>
<el-table-column label="操作时间" prop="policyTime" width="160" />
<el-table-column label="办结时间" prop="policyTime" width="160" />
<el-table-column
label="办理人"
prop="companyEmployeeUserName"
... ...
... ... @@ -18,9 +18,10 @@
/>
<el-table-column
label="车架号"
width="250"
width="180"
prop="frameNumber"
align="center"
:show-overflow-tooltip="true"
/>
<el-table-column
label="车主姓名"
... ... @@ -74,38 +75,29 @@
/>
<el-table-column label="操作" align="center" width="360" fixed="right">
<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)"
@click.stop="handleSuccess(0, row.taskId)"
>通过</el-button
>
<el-button
type="primary"
v-show="hasRole"
@click="handleFallback(1, row.taskId)"
@click.stop="handleFallback(1, row.taskId)"
>退回</el-button
>
<el-button
type="primary"
v-show="hasRole"
@click="handleVoid(2, row.taskId)"
@click.stop="handleVoid(2, row.taskId)"
>作废</el-button
>
<el-button
type="primary"
v-show="hasRole"
@click="handleAuthCompany(0, row.taskId)"
>分配承保公司</el-button
@click.stop="handleAuthCompany(0, row.taskId)"
>分配</el-button
>
</template>
</el-table-column>
... ... @@ -254,6 +246,7 @@ const loading = ref(false);
const total = ref(0);
const title = ref("保单信息");
const open = ref(false);
const timerReason = ref(null);
const form = ref({});
const hasRole = computed(() => {
return proxy.$auth.hasRole("associationemployee");
... ... @@ -403,7 +396,10 @@ function submitForm() {
}
const getMsg = (val) => {
deprecatedForm.value.deprecatedReason = val;
clearTimeout(timerReason.value);
timerReason.value = setTimeout(() => {
deprecatedForm.value.deprecatedReaso = val;
}, 1000);
};
getList();
... ...
... ... @@ -20,6 +20,7 @@
width="180"
prop="frameNumber"
align="center"
:show-overflow-tooltip="true"
/>
<el-table-column
label="车主姓名"
... ... @@ -271,7 +272,7 @@
<el-input
v-model="form.licensePlateNumber"
placeholder="请输入车牌号"
:disabled="hasRole"
:disabled="!hasRole"
/>
</el-form-item>
</el-col>
... ... @@ -279,7 +280,7 @@
<el-form-item label="车架号" prop="frameNumber">
<el-input
v-model="form.frameNumber"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="请输入车架号"
/>
</el-form-item>
... ... @@ -290,7 +291,7 @@
<el-form-item label="车主姓名" prop="name">
<el-input
v-model="form.name"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="请输入车主姓名"
/>
</el-form-item>
... ... @@ -299,7 +300,7 @@
<el-form-item label="联系电话" prop="phone">
<el-input
v-model="form.phone"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="请输入联系电话"
/>
</el-form-item>
... ... @@ -308,7 +309,11 @@
<el-row>
<el-col :span="12">
<el-form-item label="车辆类型" prop="vehicleType">
<el-select v-model="form.vehicleTypeId" style="width: 230px">
<el-select
v-model="form.vehicleTypeId"
:disabled="!hasRole"
style="width: 230px"
>
<el-option
v-for="item in carTypeOption"
:key="item.id"
... ... @@ -320,7 +325,11 @@
</el-col>
<el-col :span="12">
<el-form-item label="车辆使用性质" prop="vehicleNature">
<el-select v-model="form.vehicleNatureId" style="width: 230px">
<el-select
v-model="form.vehicleNatureId"
:disabled="!hasRole"
style="width: 230px"
>
<el-option
v-for="item in carNatureOption"
:key="item.id"
... ... @@ -336,7 +345,7 @@
<el-form-item label="核定载客数" prop="passengersNumber">
<el-input
v-model="form.passengersNumber"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="请输入核定载客数"
/>
</el-form-item>
... ... @@ -345,7 +354,7 @@
<el-form-item label="核定载质量" prop="passengerCapacity">
<el-input
v-model="form.passengerCapacity"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="请输入核定载质量"
/>
</el-form-item>
... ... @@ -356,14 +365,18 @@
<el-form-item label="排量毫升" prop="emissions">
<el-input
v-model="form.emissions"
:disabled="hasRole"
placeholder="请输入办理人"
:disabled="!hasRole"
placeholder="请输入排量毫升"
/>
</el-form-item>
</el-col>
<el-col v-if="isCustom" :span="12">
<el-form-item label="中文品牌" prop="vehicleBrand">
<el-select v-model="form.vehicleBrandId" style="width: 230px">
<el-select
v-model="form.vehicleBrandId"
:disabled="!hasRole"
style="width: 230px"
>
<el-option
v-for="item in carBrandOption"
:key="item.id"
... ... @@ -377,7 +390,7 @@
<el-form-item label="中文品牌" prop="vehicleBrand">
<el-input
v-model="form.customizeVehicleBrand"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="中文品牌"
/>
</el-form-item>
... ... @@ -388,7 +401,7 @@
<el-form-item label="车辆型号" prop="customizeVehicleModel">
<el-input
v-model="form.customizeVehicleModel"
:disabled="hasRole"
:disabled="!hasRole"
placeholder="请输入车辆型号"
/>
</el-form-item>
... ... @@ -397,8 +410,8 @@
<el-form-item label="准牵引准质量" prop="tractionMass">
<el-input
v-model="form.tractionMass"
:disabled="hasRole"
placeholder="请输入办理人"
:disabled="!hasRole"
placeholder="请输入准牵引准质量"
/>
</el-form-item>
</el-col>
... ... @@ -408,6 +421,7 @@
<el-form-item label="号牌种类" prop="customizeVehicleModel">
<el-select
v-model="form.lincensePlateTypeId"
:disabled="!hasRole"
style="width: 230px"
>
<el-option
... ... @@ -421,7 +435,11 @@
</el-col>
<el-col :span="12">
<el-form-item label="保险需求" prop="requirements">
<el-select v-model="form.requirementsId" style="width: 230px">
<el-select
v-model="form.requirementsId"
:disabled="!hasRole"
style="width: 230px"
>
<el-option
v-for="item in needOption"
:key="item.id"
... ...
<template>
<el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
<el-form-item label="用户昵称" prop="nickName">
<el-input v-model="user.nickName" maxlength="30" />
</el-form-item>
<el-form-item label="手机号码" prop="phonenumber">
<el-input v-model="user.phonenumber" maxlength="11" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="user.email" maxlength="50" />
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="user.sex">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
<el-form-item label="用户昵称" prop="nickName">
<el-input v-model="user.nickName" maxlength="30" />
</el-form-item>
<el-form-item label="手机号码" prop="phonenumber">
<el-input v-model="user.phonenumber" maxlength="11" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="user.email" maxlength="50" />
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="user.sex">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="在岗状态">
<el-radio-group v-model="user.jobStatus">
<el-radio label="0">在岗</el-radio>
<el-radio label="1">离岗</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">保存</el-button>
<el-button type="danger" @click="close">关闭</el-button>
</el-form-item>
</el-form>
</el-form-item>
</el-form>
</template>
<script setup>
... ... @@ -27,30 +33,44 @@ import { updateUserProfile } from "@/api/system/user";
const props = defineProps({
user: {
type: Object
}
type: Object,
},
});
const { proxy } = getCurrentInstance();
const rules = ref({
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
email: [{ required: true, message: "邮箱地址不能为空", trigger: "blur" }, { type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
email: [
{ required: true, message: "邮箱地址不能为空", trigger: "blur" },
{
type: "email",
message: "请输入正确的邮箱地址",
trigger: ["blur", "change"],
},
],
phonenumber: [
{ required: true, message: "手机号码不能为空", trigger: "blur" },
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur",
},
],
});
/** 提交按钮 */
function submit() {
proxy.$refs.userRef.validate(valid => {
proxy.$refs.userRef.validate((valid) => {
if (valid) {
updateUserProfile(props.user).then(response => {
updateUserProfile(props.user).then((response) => {
proxy.$modal.msgSuccess("修改成功");
});
}
});
};
}
/** 关闭按钮 */
function close() {
proxy.$tab.closePage();
};
}
</script>
... ...