refactor(xumu): 重构理赔审核页面

- 修改页面布局和样式
- 优化理赔材料上传功能
- 添加审核信息相关字段
- 调整投保对象和审核记录的展示方式
- 优化搜索和筛选功能

project/xumu/AppClaimAudit/list.vue

@@ -7,8 +7,8 @@ const columns = [
   {label: "投保单号", prop: "orderNo"},
   {label: "所属养殖户", prop: "applyName"},
   {label: "投保类型", prop: "insureType", dict: "insureType"},
-  {label: "投保数量(头)", prop: "insureNumber", width: 120},
-  {label: "审批状态", prop: "auditStatus",dict:"auditStatus"},
+  {label: "理赔数量", prop: "claimNumber"},
+  {label: "审批状态", prop: "auditStatus", dict: "auditStatus"},
   {label: "审批时间", prop: "auditTime"},
   {label: "审批人", prop: "auditName"},
 ]
@@ -65,6 +65,8 @@ export default {
       <template #left>
         <ai-input placeholder="投保订单号" v-model="search.orderNo"/>
         <ai-select placeholder="全部投保类型" v-model="search.insureType" dict="insureType"/>
+        <ai-select placeholder="全部审批状态" v-model="search.auditStatus" dict="auditStatus"/>
+        <ai-select placeholder="全部投保状态" v-model="search.status" dict="insureStatus"/>
         <ai-search label="投保日期">
           <el-date-picker v-model="search.beginDate" type="datetime" placeholder="开始日期" size="small"/>
           <el-date-picker v-model="search.endDate" type="datetime" placeholder="结束日期" size="small"/>
@@ -83,31 +85,14 @@ export default {
       <el-table-column slot="options" label="操作" fixed="right" align="center">
         <template slot-scope="{row}">
           <div class="table-options">
-            <template v-if="['12'].includes(row.permit)">
-              <el-button type="text" @click="dialog=true,$set(form,'id',row.orderNo)">理赔</el-button>
+            <template v-if="['1'].includes(row.auditStatus)">
+              <el-button type="text" @click="$router.push({hash:'#audit',query:{id:row.id}})">审核</el-button>
             </template>
-            <el-button v-else type="text" @click="$router.push({hash:'#add',query:{id:row.orderNo}})">查看</el-button>
+            <el-button v-else type="text" @click="$router.push({hash:'#add',query:{id:row.id}})">查看</el-button>
           </div>
         </template>
       </el-table-column>
     </ai-table>
-    <ai-dialog v-model="dialog" title="理赔须知" @closed="form={}">
-      <el-form size="small" label-position="top" :mode="form" ref="form">
-        <el-form-item label="如遇一下情况进行赔付：">
-          1、自然灾害：如暴雨、洪水、台风、冰雹、雷击、暴风雪等导致的肉牛死亡或伤残；<br/>
-          2、疾病与疫病:包括但不限于口蹄疫、布鲁氏菌病、炭疽、牛结核病等对肉牛生命安全造成威胁的疾病；<br/>
-          3、意外事故:如火灾、爆炸、触电、盗窃、走失等；<br/>
-          4、强制扑杀:由于政府政策或疫情控制需要，对肉牛进行的强制扑杀。
-        </el-form-item>
-        <el-form-item class="flex center">
-          <el-checkbox v-model="form.agree">本人阅读并知晓理赔须知，承认上传资料的真实性</el-checkbox>
-        </el-form-item>
-      </el-form>
-      <template #foot>
-        <el-button @click="$router.push({hash:'#claim',query:{id:form.id}})" type="primary" :disabled="!form.agree">符合要求，立即申请</el-button>
-        <el-button @click="dialog=false">取消</el-button>
-      </template>
-    </ai-dialog>
   </ai-page>
 </template>