新增绩效申报审批tab页

src/views/home/todo.vue

@@ -1,6 +1,6 @@
 <template>
   <van-tabs v-model:active="activeName" @change="tabChange()" :ellipsis="false">
-    <van-tab title="个贷待办" name="personal">
+    <van-tab v-if="menuStore.menuInfo.map((item) => item.name).includes('个贷业务')" title="个贷待办" name="personal">
       <van-search v-model="personalListQuery.keyword" placeholder="请输入搜索关键词" @search="onPersonalSearch()" />
       <van-pull-refresh v-model="loading" @refresh="onPersonalRefresh()">
         <van-list v-model:loading="loading" :finished="personalFinished" finished-text="没有待办了" @load="personalTodoList()">
@@ -29,7 +29,7 @@
       </van-pull-refresh>
       <van-back-top right="10vw" bottom="10vh" />
     </van-tab>
-    <van-tab title="大中型待办" name="major">
+    <van-tab v-if="menuStore.menuInfo.map((item) => item.name).includes('大中型业务')" title="大中型待办" name="major">
       <van-search v-model="majorListQuery.keyword" placeholder="请输入搜索关键词" @search="onMajorSearch()" />
       <van-pull-refresh v-model="loading" @refresh="onMajorRefresh()">
         <van-list v-model:loading="loading" :finished="majorFinished" finished-text="没有待办了" @load="majorTodoList()">
@@ -61,7 +61,71 @@
       </van-pull-refresh>
       <van-back-top right="10vw" bottom="10vh" />
     </van-tab>
-    <van-tab title="资产待办" name="assets">
+    <van-tab v-if="menuStore.menuInfo.map((item) => item.name).includes('资产业务')" title="资产待办" name="assets">
+      <van-search v-model="assetsListQuery.keyWord" placeholder="请输入搜索关键词" @search="onAssetsSearch()" />
+      <van-pull-refresh v-model="loading" @refresh="onAssetsRefresh()">
+        <van-list v-model:loading="loading" :finished="assetsFinished" finished-text="没有待办了" @load="assetsTodoList()">
+          <div class="card" v-for="item in assetsListData" :key="item.id" @click="toAssetsDetail(item)">
+            <div class="businessTitle">
+              <van-icon name="link-o" />
+              {{ item.orderId }}
+            </div>
+            <div class="productionNo" v-if="item.statementNo || item.reportNo">
+              <van-icon name="coupon-o" />
+              {{ item.statementNo }}
+              <!-- 产品号都不为空才显示中间的分割空格, 以保持页面间距统一 -->
+              <span v-if="item.statementNo && item.reportNo">&nbsp;&nbsp;</span>
+              {{ item.reportNo }}
+            </div>
+            <div class="projectName">
+              <div>
+                <van-icon name="location-o" />
+                {{ item.reportName || item.statementName || item.name }}
+              </div>
+            </div>
+            <div class="otherInfo">
+              <van-tag type="primary" size="medium" class="van-tag">{{ item.currentNodeName }}</van-tag>
+              <van-tag type="success" size="medium" class="van-tag">{{ item.clientManagerName }}</van-tag>
+              <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
+            </div>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+      <van-back-top right="10vw" bottom="10vh" />
+    </van-tab>
+    <van-tab v-if="majorAdmin" title="大中型提成审批" name="majorAdmin">
+      <van-search v-model="assetsListQuery.keyWord" placeholder="请输入搜索关键词" @search="onAssetsSearch()" />
+      <van-pull-refresh v-model="loading" @refresh="onAssetsRefresh()">
+        <van-list v-model:loading="loading" :finished="assetsFinished" finished-text="没有待办了" @load="assetsTodoList()">
+          <div class="card" v-for="item in assetsListData" :key="item.id" @click="toAssetsDetail(item)">
+            <div class="businessTitle">
+              <van-icon name="link-o" />
+              {{ item.orderId }}
+            </div>
+            <div class="productionNo" v-if="item.statementNo || item.reportNo">
+              <van-icon name="coupon-o" />
+              {{ item.statementNo }}
+              <!-- 产品号都不为空才显示中间的分割空格, 以保持页面间距统一 -->
+              <span v-if="item.statementNo && item.reportNo">&nbsp;&nbsp;</span>
+              {{ item.reportNo }}
+            </div>
+            <div class="projectName">
+              <div>
+                <van-icon name="location-o" />
+                {{ item.reportName || item.statementName || item.name }}
+              </div>
+            </div>
+            <div class="otherInfo">
+              <van-tag type="primary" size="medium" class="van-tag">{{ item.currentNodeName }}</van-tag>
+              <van-tag type="success" size="medium" class="van-tag">{{ item.clientManagerName }}</van-tag>
+              <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
+            </div>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+      <van-back-top right="10vw" bottom="10vh" />
+    </van-tab>
+    <van-tab v-if="assetsAdmin" title="资产提成审批" name="assetsAdmin">
       <van-search v-model="assetsListQuery.keyWord" placeholder="请输入搜索关键词" @search="onAssetsSearch()" />
       <van-pull-refresh v-model="loading" @refresh="onAssetsRefresh()">
         <van-list v-model:loading="loading" :finished="assetsFinished" finished-text="没有待办了" @load="assetsTodoList()">
@@ -102,6 +166,8 @@ import { getPersonalTodoList } from '@/api/personal';
 import { getMajorTodoList } from '@/api/major';
 import { getAssetsTodoList } from '@/api/assets';
 import { checkHasBusinessHandle } from '@/api/workFlowNodeInstance';
+import { mapStores } from 'pinia';
+import { menuStore } from '@/stores/menuStore';
 
 export default {
   data() {
@@ -136,6 +202,17 @@ export default {
       },
     };
   },
+  computed: {
+    ...mapStores(menuStore),
+    majorAdmin(){
+      const adminMeun = this.menuStore.menuInfo.filter(item=>item.name=='行政审批');
+      return adminMeun[0].children.map(item=>item.name).includes("大中型提成申报审核")
+    },
+    assetsAdmin(){
+      const adminMeun = this.menuStore.menuInfo.filter(item=>item.name=='行政审批');
+      return adminMeun[0].children.map(item=>item.name).includes("资产提成申报审核")
+    }
+  },
   created() {
     this.personalFinished = false;
     this.majorFinished = false;
@@ -152,6 +229,10 @@ export default {
           break;
         case 'assets':
           break;
+        case 'majorAdmin':
+          break;
+        case 'assetsAdmin':
+          break;
         default:
           break;
       }