修改订单状态枚举

src/views/insurancePolicy/order.vue

@@ -1,33 +1,33 @@
 <template>
   <div class="order">
-    <SearchBar :show-toggle="false" @toggle="onToggle" >
+    <SearchBar :show-toggle="false" @toggle="onToggle">
       <template #default="{ fold, toggle }">
         <el-form class="search-form" :model="orderForm" label-width="120" ref="multipleTableRef">
           <el-form-item label="订单号">
-            <el-input placeholder="输入订单号查找" v-model="orderForm.orderNo"></el-input>
+            <el-input placeholder="输入订单号查找" v-model="orderForm.orderNo" clearable></el-input>
           </el-form-item>
           <el-form-item label="车牌号">
-            <el-input placeholder="输入车牌号查找" v-model="orderForm.licenseNo"></el-input>
+            <el-input placeholder="输入车牌号查找" v-model="orderForm.licenseNo" clearable></el-input>
           </el-form-item>
           <el-form-item label="报价时间">
-            <el-date-picker v-model="range" type="datetimerange" range-separator="至" start-placeholder="开始时间"
+            <el-date-picker clearable v-model="range" type="datetimerange" range-separator="至" start-placeholder="开始时间"
               end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" />
           </el-form-item>
           <el-form-item label="订单状态">
-            <el-select v-model="orderForm.adjustStatus" placeholder="请选择">
-              <el-option v-for="item in dictData.ADJUST_STATUSDATA" :key="item.value" :value="item.value"
+            <el-select v-model="orderForm.adjustStatus" placeholder="请选择" clearable >
+              <el-option v-for="item in orderStatusList" :key="item.value" :value="item.value"
                 :label="item.label"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="保险公司" v-show="!fold">
-            <el-cascader clearable filterable style="width: 100%" v-model="orderForm.companyId" :options="companyOptions"
-            :props="tableProps" @change="handleCompanyChange"></el-cascader>
+            <el-cascader clearable filterable style="width: 100%" v-model="orderForm.companyId"
+              :options="companyOptions" :props="tableProps" @change="handleCompanyChange"></el-cascader>
           </el-form-item>
           <el-form-item label="车架号" v-show="!fold">
-            <el-input placeholder="输入车架号查找" v-model="orderForm.vinNo"></el-input>
+            <el-input placeholder="输入车架号查找" v-model="orderForm.vinNo" clearable></el-input>
           </el-form-item>
           <el-form-item label="险种" v-show="!fold">
-            <el-select v-model="orderForm.productCode" placeholder="请选择险种">
+            <el-select v-model="orderForm.productCode" placeholder="请选择险种" clearable>
               <el-option label="全部" value=" " />
               <el-option label="单交" value="0330" />
               <el-option label="单三" value="034002" />
@@ -38,13 +38,13 @@
           </el-form-item>
           <el-form-item label="出单机构" v-show="!fold">
             <el-cascader clearable filterable style="width: 100%" v-model="orderForm.deptId" :options="institutionList"
-              :props="tableProps" @change="handleInstitutionChange"></el-cascader>
+              :props="tableProps" @change="handleInstitutionChange" ></el-cascader>
           </el-form-item>
           <el-form-item label="业务员" v-show="!fold">
-            <el-input placeholder="输入业务员查找" v-model="orderForm.recorder"></el-input>
+            <el-input placeholder="输入业务员查找" v-model="orderForm.recorder" clearable></el-input>
           </el-form-item>
           <el-form-item label="业务员类型" v-show="!fold">
-            <el-select v-model="orderForm.salesmanType" placeholder="请选择业务员类型">
+            <el-select v-model="orderForm.salesmanType" placeholder="请选择业务员类型" clearable>
               <el-option label="全部" value=" " />
               <el-option label="团队" value="5" />
               <el-option label="个代" value="6" />
@@ -53,11 +53,11 @@
             </el-select>
           </el-form-item>
           <el-form-item label="签单时间" v-show="!fold">
-            <el-date-picker v-model="signingTime" type="datetimerange" range-separator="至" start-placeholder="开始时间"
+            <el-date-picker clearable v-model="signingTime" type="datetimerange" range-separator="至" start-placeholder="开始时间"
               end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" />
           </el-form-item>
           <el-form-item label="支付时间" v-show="!fold">
-            <el-date-picker v-model="payTime" type="datetimerange" range-separator="至" start-placeholder="开始时间"
+            <el-date-picker clearable v-model="payTime" type="datetimerange" range-separator="至" start-placeholder="开始时间"
               end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" />
           </el-form-item>
           <el-form-item>
@@ -72,7 +72,7 @@
         </el-form>
       </template>
     </SearchBar>
-    <el-table  :data="tableData" v-loading="loading" :height="tableHeight"  style=" width: 100%">
+    <el-table :data="tableData" v-loading="loading" :height="tableHeight" style=" width: 100%">
       <el-table-column label="订单号" prop="orderNo" width="200"></el-table-column>
       <el-table-column label="保险公司" prop="companyName" width="200"></el-table-column>
       <el-table-column label="车牌号" prop="licenseNo" width="200"></el-table-column>
@@ -187,7 +187,7 @@ import DialogInsuranceCancel from '@/views/orderBatchAdjust/DialogInsuranceCance
 import { dictData } from '@/views/localDict/index';
 import { ElMessage } from "element-plus";
 import { useRouter } from 'vue-router';
-import { TableInstance  } from 'element-plus';
+import { TableInstance } from 'element-plus';
 const router = useRouter()
 const loading = ref(false)
 const formData = ref({})
@@ -203,6 +203,40 @@ const tableProps = ref({
   children: "children",   // 子级字段
   checkStrictly: true,    // 父子节点取消关联
 })
+const orderStatusList = ref([
+  {
+    label: '全部',
+    value: "",
+  },
+  {
+    label: '报价失败',
+    value: 6,
+  },
+  {
+    label: '待核保',
+    value: 1,
+  },
+  {
+    label: '人工处理中',
+    value: 3,
+  },
+  {
+    label: '核保失败',
+    value: 7,
+  },
+  {
+    label: '待缴费',
+    value: 4,
+  },
+  {
+    label: '已承保',
+    value: 5,
+  },
+  {
+    label: '已关闭',
+    value: 8,
+  },
+],)
 
 let initialForm = {
   orderNo: '',
@@ -223,14 +257,14 @@ let pages = ref(1)
 let size = ref(10)
 let total = ref(0)
 
-onMounted( async () => {
+onMounted(async () => {
   await initData()
   await initDept()
   await company()
   await handleResize()
 });
 const multipleTableRef = ref<TableInstance>();
-  const tableHeight = ref(); // 初始化表格高度
+const tableHeight = ref(); // 初始化表格高度
 
 function handleResize() {
   // 获取当前窗口的高度
@@ -296,7 +330,7 @@ const company = () => {
  * 初始化部门树结构
  * 获取当前登录系统的部门层级结构
  */
- const initDept = () => {
+const initDept = () => {
   api.insuranceApi.getDeptTree({ sysCode: localStorage.getItem('login_system') }).then((res: any) => {
     if (res.code == 200) {
       institutionList.value = res.data
@@ -483,6 +517,7 @@ const openDetail = (e: any) => {
   background: #FFFFFF;
   padding: 24px;
   overflow-y: auto;
+
   .pagination {
     margin-top: 24px;
     display: flex;