审核代办 2022年8月19日 sxm

src/views/main-navbar.vue

@@ -1,53 +1,68 @@
 <template>
   <nav class="site-navbar" :class="'site-navbar--' + navbarLayoutType">
     <div class="site-navbar__header">
-<!--      @click="$router.push({ name: 'home' })"-->
-      <h1 class="site-navbar__brand" >
+      <!--      @click="$router.push({ name: 'home' })"-->
+      <h1 class="site-navbar__brand">
         <el-menu
           class="site-navbar__menu"
           mode="horizontal">
           <el-menu-item class="site-navbar__switch" index="0" @click="sidebarFold = !sidebarFold">
-            <icon-svg  name="zhedie"></icon-svg>
+            <icon-svg name="zhedie"></icon-svg>
           </el-menu-item>
         </el-menu>
-        <a class="site-navbar__brand-lg" href="javascript:;" >{{pageLanguage.XjSysManage}}</a>
+        <a class="site-navbar__brand-lg" href="javascript:;">{{pageLanguage.XjSysManage}}</a>
         <a class="site-navbar__brand-mini" href="javascript:;">{{pageLanguage.abbreviation}}</a>
       </h1>
+
     </div>
+
     <div class="site-navbar__body clearfix">
+
       <el-menu
         class="site-navbar__menu site-navbar__menu--right"
         mode="horizontal">
-        <el-menu-item class="site-navbar__avatar" index="1">
+        <el-menu-item v-if="isAuth('review:show')" class="site-navbar__avatar" index="1">
+         <span class="el-dropdown-link">
+            <router-link :to="{path:'purchaseorder-procurementReview',query:{'': ''}}">
+              工具待审核
+            </router-link>
+            <el-badge isAuth :value="pending.pendingReview" class="item" style="margin-top: 10px"/>
+          </span>
+        </el-menu-item>
+        <el-menu-item class="site-navbar__avatar" index="2">
                       <span style="    color: #909399;" @click="helpFileList()">
                         帮助
-<!--                             <icon-svg name="help"  style="width: 25px;height: 25px;margin-top: 5px"></icon-svg>-->
+                        <!--                             <icon-svg name="help"  style="width: 25px;height: 25px;margin-top: 5px"></icon-svg>-->
                       </span>
         </el-menu-item>
-        <el-submenu index="2">
+        <el-submenu index="3">
           <template slot="title">{{ pageLanguage.setting }}</template>
-          <el-submenu index="2-1" >
+          <el-submenu index="2-1">
             <template slot="title">{{pageLanguage.languageSetting}}</template>
-            <el-menu-item  index="2-1-1"  :key="index" :value="item.languageCode" v-for="(item,index) in languageList " @click.native="switch_the_language(item.languageCode)">{{item.languageName}}</el-menu-item>
+            <el-menu-item index="2-1-1" :key="index" :value="item.languageCode" v-for="(item,index) in languageList "
+                          @click.native="switch_the_language(item.languageCode)">{{item.languageName}}
+            </el-menu-item>
           </el-submenu>
           <el-submenu index="2-2">
             <template slot="title">{{ pageLanguage.userSetting }}</template>
-            <el-menu-item index="2-2-1" @click.native="updatePasswordHandle()">{{ pageLanguage.updatePassword }}</el-menu-item>
-            <el-menu-item index="2-2-2" @click.native="updateLanguageHandle()">{{pageLanguage.updateDefaultLanguage}}</el-menu-item>
-
+            <el-menu-item index="2-2-1" @click.native="updatePasswordHandle()">{{ pageLanguage.updatePassword }}
+            </el-menu-item>
+            <el-menu-item index="2-2-2" @click.native="updateLanguageHandle()">{{pageLanguage.updateDefaultLanguage}}
+            </el-menu-item>
           </el-submenu>
-          <el-menu-item index="2-3" @click="$router.push({ name: 'theme' })">{{ pageLanguage.cssSetting }}</el-menu-item>
+          <el-menu-item index="2-3" @click="$router.push({ name: 'theme' })">{{ pageLanguage.cssSetting }}
+          </el-menu-item>
           <el-menu-item index="2-4" @click="printList()">{{ pageLanguage.printSetting }}</el-menu-item>
         </el-submenu>
-        <el-menu-item class="site-navbar__avatar" index="3">
-                    <el-dropdown :show-timeout="0" placement="bottom">
+        <el-menu-item class="site-navbar__avatar" index="4">
+          <el-dropdown :show-timeout="0" placement="bottom">
                       <span class="el-dropdown-link">
                         <img src="~@/assets/img/avatar.png" :alt="userName">{{ userName }}
                       </span>
-                      <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item @click.native="logoutHandle()">退出</el-dropdown-item>
-                      </el-dropdown-menu>
-                    </el-dropdown>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item @click.native="logoutHandle()">退出</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </el-menu-item>
       </el-menu>
 
@@ -57,7 +72,7 @@
     <!-- 弹窗, 修改默认语言 -->
     <update-language v-if="updateLanguageVisible" ref="updateLanguage"></update-language>
     <!-- 文件列表 -->
-     <FileListView ref="fileListView" v-if="helpFileVisible"></FileListView>
+    <FileListView ref="fileListView" v-if="helpFileVisible"></FileListView>
     <!-- 打印机列表 -->
     <UserPrintList ref="userPrintList" v-if="printListVisible"></UserPrintList>
   </nav>
@@ -74,13 +89,19 @@
     saveButtonList,
     searchSysLanguage,
   } from "@/api/sysLanguage.js"
+
+  import {
+    getReviewToolCount
+
+  } from '@/api/purchaseorder/procurementReview.js'
+
   export default {
     data() {
       return {
         updatePassowrdVisible: false,
         updateLanguageVisible: false,
-        helpFileVisible:false,
-        printListVisible:false,
+        helpFileVisible: false,
+        printListVisible: false,
         message: this.$t('language.name'),
         languageList: [],
         pageLanguage: {
@@ -167,9 +188,26 @@
             tableId: "systemInformation"
           }
         ],
-
+        pending: {
+          pendingReview: 0,
+          pendingSum: 0,
+        },
+        queryToolReview: {
+          site: this.$store.state.user.site,
+          userId: this.$store.state.user.name,
+          strUserId: this.$store.state.user.id,
+        },
+        toolReviewTimer: null,
       }
     },
+    watch: {
+      pending: {
+        deep: true,
+        handler: function (newV, oldV) {
+          this.pending.pendingSum = this.pending.pendingReview
+        }
+      },
+    },
     components: {
       UpdatePassword,
       UpdateLanguage,
@@ -206,23 +244,37 @@
     },
     activated() {
 
+    },
+    mounted() {
+      this.toolReviewTimer = setInterval( this.getReviewToolCount, 1000*60);
+    },
+    beforeDestroy() {
+      clearInterval(this.toolReviewTimer);
     },
     methods: {
+      // 获取待审核的是工具申请单数量
+      getReviewToolCount() {
+        getReviewToolCount(this.queryToolReview).then(({data}) => {
+          if (data.code == 0) {
+            this.pending.pendingReview = data.data
+          }
+        })
+      },
       // 打印机列表
-      printList(){
+      printList() {
         this.printListVisible = true;
         this.$nextTick(() => {
           this.$refs.userPrintList.init()
         })
       },
       // 帮助文档列表
-      helpFileList(){
-       let fileMappingDto = {
-            fileId:'',
-            fileType:'功能帮助文档',
-            orderRef1:this.$route.meta.menuId,
-            orderRef2: '',
-            orderRef3: '',
+      helpFileList() {
+        let fileMappingDto = {
+          fileId: '',
+          fileType: '功能帮助文档',
+          orderRef1: this.$route.meta.menuId,
+          orderRef2: '',
+          orderRef3: '',
         }
         this.helpFileVisible = true;
         this.$nextTick(() => {
@@ -231,17 +283,17 @@
       },
       // 获取多语言列表
       getLanguageList() {
-        searchSysLanguage({ languageCode: this.$i18n.locale}).then(({data}) => {
+        searchSysLanguage({languageCode: this.$i18n.locale}).then(({data}) => {
           this.languageList = data.rows
         })
       },
       // 获取页面多语言数据
       getFunctionButtonList() {
-       let  queryButton =  {
-            functionId: 'systemInformation',
-            tableId: 'systemInformation',
-            languageCode: this.$i18n.locale,
-            objectType: 'label'
+        let queryButton = {
+          functionId: 'systemInformation',
+          tableId: 'systemInformation',
+          languageCode: this.$i18n.locale,
+          objectType: 'label'
         }
         searchFunctionButtonList(queryButton).then(({data}) => {
           if (data.code === 0) {
@@ -266,9 +318,9 @@
         })
       },
       // 修改用户默认语言
-      updateLanguageHandle(){
+      updateLanguageHandle() {
         this.updateLanguageVisible = true
-        this.$nextTick(() =>{
+        this.$nextTick(() => {
           this.$refs.updateLanguage.init()
         })
       },
@@ -296,6 +348,7 @@
     created() {
       this.getLanguageList()
       this.getFunctionButtonList()
+      this.getReviewToolCount()
     }
   }
 </script>
@@ -304,8 +357,9 @@
   .icon-svg {
     width: 2em;
   }
-  .el-menu--collapse .el-menu .el-submenu, .el-menu--popup, .el-menu-item{
-    min-width: 50px!important;
+
+  .el-menu--collapse .el-menu .el-submenu, .el-menu--popup, .el-menu-item {
+    min-width: 50px !important;
   }
 
   .site-navbar__brand-lg, .site-navbar__brand-mini {
@@ -313,7 +367,8 @@
     color: #fff;
     margin-left: -45px;
   }
-  .el-menu--horizontal>.el-menu-item {
+
+  .el-menu--horizontal > .el-menu-item {
     color: #3b4249;
   }