待办事项-外部费用审核-增加审核通过页面

src/views/representative/externalCostApproval.vue

@@ -4,6 +4,8 @@
       <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
         <el-tab-pane :label="`待审核（${pendingReviewlength}）`" name="pendingReview">
         </el-tab-pane>
+        <el-tab-pane :label="`审核通过（${passlength}）`" name="pass">
+        </el-tab-pane>
         <el-tab-pane :label="`审核不通过（${reviewRejectedlength}）`" name="reviewRejected">
         </el-tab-pane>
       </el-tabs>
@@ -28,7 +30,7 @@
           <el-button v-if="scope.operationData.auditStatus == '0'" type="primary" link
             @click="agreemenUpdate(scope.operationData.id)"> 审核
           </el-button>
-          <el-button v-if="scope.operationData.auditStatus == '2'" type="primary" link
+          <el-button v-if="scope.operationData.auditStatus == '2'  || scope.operationData.auditStatus == '1'" type="primary" link
             @click="agreemenUpdate(scope.operationData.id)"> 详情
           </el-button>
         </template>
@@ -61,6 +63,7 @@ onBeforeMount(async () => {
     formInline.agreement = id.value;
   }
   findpage(0);//列表数据
+  findpage(1);//列表数据
   findpage(2);//列表数据
   valid_status.value = getDict('valid_status');//生效状态
   is_enable.value = getDict('is_enable');//协议状态
@@ -70,16 +73,25 @@ onBeforeMount(async () => {
 });
 const activeName = ref('pendingReview')
 const pendingReviewlength = ref(0);
+const passlength = ref(0);//审核通过
 const reviewRejectedlength = ref(0);
 // 两个选项卡各自的数据和分页
-const tableDataPending = ref([]);//待审核
-const tableDataRejected = ref([]);//审核不通过
+const tableData1 = ref([]);//待审核
+const tableData2 = ref([]);//审核通过
+const tableData3 = ref([]);//审核不通过
 const pageInfoPending = ref({
   pageNum: 1,
   pageSize: 20,
   sizes: [10, 20, 30, 40, 50],
   total: 0,
 });
+const pageInfoPass = ref({
+  pageNum: 1,
+  pageSize: 20,
+  sizes: [10, 20, 30, 40, 50],
+  total: 0,
+});
+
 const pageInfoRejected = ref({
   pageNum: 1,
   pageSize: 20,
@@ -88,10 +100,10 @@ const pageInfoRejected = ref({
 });
 // 当前激活选项卡的数据和分页
 const tableData = computed(() => {
-  return activeName.value === 'pendingReview' ? tableDataPending.value : tableDataRejected.value;
+  return activeName.value === 'pendingReview' ? tableData1.value : activeName.value === 'pass' ? tableData2.value : tableData3.value;
 });
 const pageInfo = computed(() => {
-  return activeName.value === 'pendingReview' ? pageInfoPending.value : pageInfoRejected.value;
+  return activeName.value === 'pendingReview' ? pageInfoPending.value : activeName.value === 'pass' ? pageInfoPass.value : pageInfoRejected.value;
 });
 const sysUpAndDownList = ref<string[]>([])//选中id
 const insurance_type = ref();
@@ -150,18 +162,23 @@ const fields = ref([
 
 //费用数据查询
 function findpage(status: any) {
+  formInline.auditStatus = status;
   // 根据状态使用对应的分页数据
-  let currentPageInfo = status === 0 ? pageInfoPending.value : pageInfoRejected.value;
+  let currentPageInfo = status == '0' ? pageInfoPending.value : status == '1' ? pageInfoPass.value : pageInfoRejected.value;
   api.agreementApi.CostExternalFeePageList({ pages: currentPageInfo.pageNum, size: currentPageInfo.pageSize, ...formInline, auditStatus: status }).then((res: any) => {
     if (res.code == '200') {
       currentPageInfo.pageNum = res.data.current;
       currentPageInfo.pageSize = res.data.size;
       currentPageInfo.total = res.data.total;
       if (status == 0) {
-        tableDataPending.value = res.data.records;
+        tableData1.value = res.data.records;
         pendingReviewlength.value = res.data.total;
-      } else {
-        tableDataRejected.value = res.data.records;
+      } else if (status == '1') {
+        tableData2.value = res.data.records;
+        passlength.value = res.data.total;
+      }
+      else {
+        tableData3.value = res.data.records;
         reviewRejectedlength.value = res.data.total;
       }
     } else {
@@ -224,7 +241,7 @@ const columns = [
     prop: "costExternalTypeAdds", label: "交强险费用", width: '300', formatter: (row: any) => {
       let info = row.costExternalTypeAdds.find((val: any) => val.costType == '交强险');
       if (info) {
-        return `入口：${info.inlet.toFixed(2)}% 出口：${info.export.toFixed(2)}%\n一级：${info.level1?.toFixed(2)}% 五级：${info.level5?.toFixed(2)}%`
+        return `入口：${info.inlet?.toFixed(2)}% 出口：${info.export?.toFixed(2)}%\n一级：${info.level1?.toFixed(2)}% 五级：${info.level5?.toFixed(2)}%`
       } else {
         return '-'
       }
@@ -234,7 +251,7 @@ const columns = [
     prop: "costExternalTypeAdds", label: "商业险费用", width: '300', formatter: (row: any) => {
       let info = row.costExternalTypeAdds.find((val: any) => val.costType == '商业险');
       if (info) {
-        return `入口：${info.inlet.toFixed(2)}% 出口：${info.export.toFixed(2)}%\n一级：${info.level1?.toFixed(2)}% 五级：${info.level5?.toFixed(2)}%`
+        return `入口：${info.inlet?.toFixed(2)}% 出口：${info.export?.toFixed(2)}%\n一级：${info.level1?.toFixed(2)}% 五级：${info.level5?.toFixed(2)}%`
       } else {
         return '-'
       }
@@ -244,7 +261,7 @@ const columns = [
     prop: "costExternalTypeAdds", label: "驾意险费用", width: '300', formatter: (row: any) => {
       let info = row.costExternalTypeAdds.find((val: any) => val.costType == '驾意险');
       if (info) {
-        return `入口：${info.inlet.toFixed(2)}% 出口：${info.export.toFixed(2)}%\n一级：${info.level1?.toFixed(2)}% 五级：${info.level5?.toFixed(2)}%`
+        return `入口：${info.inlet?.toFixed(2)}% 出口：${info.export?.toFixed(2)}%\n一级：${info.level1?.toFixed(2)}% 五级：${info.level5?.toFixed(2)}%`
       } else {
         return '-'
       }
@@ -258,6 +275,10 @@ function getList(item: PageInfo) {
     pageInfoPending.value.pageNum = item.pageNum;
     pageInfoPending.value.pageSize = item.pageSize;
     findpage(0);
+  } else if (activeName.value == 'pass') {
+    pageInfoPass.value.pageNum = item.pageNum;
+    pageInfoPass.value.pageSize = item.pageSize;
+    findpage(1);
   } else {
     pageInfoRejected.value.pageNum = item.pageNum;
     pageInfoRejected.value.pageSize = item.pageSize;
@@ -290,6 +311,8 @@ const ruleFeeEditSave = (data: object) => {
       ruleFeeEditVisible.value = false;
       if (activeName.value == 'pendingReview') {
         findpage(0);
+      } else if (activeName.value == 'pass') {
+        findpage(1);
       } else {
         findpage(2);
       }
@@ -344,6 +367,8 @@ const rejectOperation = (automatic: any, id: any, value: any) => {
 const agreementQuery = () => {
   if (activeName.value == 'pendingReview') {
     findpage(0);
+  } else if (activeName.value == 'pass') {
+    findpage(1);
   } else {
     findpage(2);
   }
@@ -352,6 +377,7 @@ const ExternalauditSuccess = async (list: string[], automatic?: boolean) => {
   await api.agreementApi.ExternalauditSuccess({ ids: list, automatic: automatic }).then((res: any) => {
     if (res.code == '200') {
       findpage(0);
+      findpage(1);
       findpage(2);
       ElMessage({
         type: 'success',
@@ -360,7 +386,7 @@ const ExternalauditSuccess = async (list: string[], automatic?: boolean) => {
       })
       ruleFeeEditVisible.value = false;
       if (res.data) {
-        let info: any = tableDataPending.value.find((val: any) => val.id == res.data);
+        let info: any = tableData1.value.find((val: any) => val.id == res.data);
         if (info) {
           agreemenUpdate(info.id)
         }
@@ -372,6 +398,7 @@ const ExternalauditFailed = async (list: string[], value: string, automatic?: bo
   await api.agreementApi.ExternalauditFailed({ ids: list, reason: value, automatic: automatic }).then((res: any) => {
     if (res.code == '200') {
       findpage(0);
+      findpage(1);
       findpage(2);
       ElMessage({
         type: 'success',
@@ -380,7 +407,7 @@ const ExternalauditFailed = async (list: string[], value: string, automatic?: bo
       })
       ruleFeeEditVisible.value = false;
       if (res.data) {
-        let info: any = tableDataPending.value.find((val: any) => val.id == res.data);
+        let info: any = tableData1.value.find((val: any) => val.id == res.data);
         if (info) {
           agreemenUpdate(info.id)
         }
@@ -400,14 +427,19 @@ const resetForm = () => {
   formInline.failureTime = [];
   if (activeName.value == 'pendingReview') {
     findpage(0);
+  } else if (activeName.value == 'pass') {
+    findpage(1);
   } else {
     findpage(2);
   }
 }
 // 批量编辑
 const handleClick = (pane: any) => {
+  activeName.value = pane.props.name;
   if (pane.props.name == 'pendingReview') {
     findpage(0);
+  } else if (pane.props.name == 'pass') {
+    findpage(1);
   } else {
     findpage(2);
   }
@@ -434,4 +466,4 @@ const handleClick = (pane: any) => {
 .el-inputs {
   width: 100% !important;
 }
-</style>
+</style>