Parcourir la source

首页导航指引

chenrui il y a 3 ans
Parent
commit
5bf1afd6d6
2 fichiers modifiés avec 103 ajouts et 62 suppressions
  1. 9 0
      src/api/data.js
  2. 94 62
      src/views/Home.vue

+ 9 - 0
src/api/data.js

@@ -112,3 +112,12 @@ export const getArea = (params) => {
     method: 'post'
   })
 }
+
+// 首页请求导航指引合计
+export const bizStateCount = (params) => {
+  return axios({
+    url: `/home/queryBizStateCount`,
+    data: params,
+    method: 'post'
+  })
+}

+ 94 - 62
src/views/Home.vue

@@ -9,8 +9,8 @@
         <li>登录账号:admin</li>
         <li>所属角色:升级经销商</li>
       </ul>
-    </a-card>
-    <a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '0px'}">
+    </a-card> -->
+    <!-- <a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '0px'}">
       <a-row>
         <a-col :span="6">
           <div class="page-data-module">
@@ -74,41 +74,21 @@
           </div>
         </a-col>
       </a-row>
-    </a-card>
-    <div>
+    </a-card> -->
+    <!-- <div>
       <a-row>
         <a-col :span="16">
           <a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '17px 30px 20px'}">
             <h3 class="page-tit">销售/采购/调拨指引</h3>
             <div class="page-nav-main">
 
-              <div class="page-nav-con">
-                <div class="page-nav-box">
-                  <a-badge count="5" class="page-nav-badge">
-                    <div class="page-nav-item blue-color">
+              <div class="page-nav-con" v-for="(item, index) in navList" :key="index">
+                <div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd">
+                  <a-badge count="5" class="page-nav-badge" v-for="(unitItem, unitInd) in subItem" :key="unitInd">
+                    <div :class="['page-nav-item', unitItem.styleC]">
                       <div class="page-nav-n">
-                        <img src="@/assets/home-icon/home_icon_customer.png" width="16" height="16" />
-                        <span>客户</span>
-                      </div>
-                      <a-icon type="caret-right" style="color: #BBBBBB;" />
-                    </div>
-                  </a-badge>
-                </div>
-                <div class="page-nav-box">
-                  <a-badge count="5" class="page-nav-badge">
-                    <div class="page-nav-item red-color">
-                      <div class="page-nav-n">
-                        <img src="@/assets/home-icon/home_icon_customer.png" width="16" height="16" />
-                        <span>销售开单</span>
-                      </div>
-                      <a-icon type="caret-right" style="color: #BBBBBB;" />
-                    </div>
-                  </a-badge>
-                  <a-badge count="5" class="page-nav-badge">
-                    <div class="page-nav-item blue-color">
-                      <div class="page-nav-n">
-                        <img src="@/assets/home-icon/home_icon_customer.png" width="16" height="16" />
-                        <span>客户</span>
+                        <img :src="unitItem.icon" width="16" height="16" />
+                        <span>{{ unitItem.name }}</span>
                       </div>
                       <a-icon type="caret-right" style="color: #BBBBBB;" />
                     </div>
@@ -161,6 +141,7 @@ import { mapGetters } from 'vuex'
 import ResetPwd from '@/views/user/ResetPwd.vue'
 import newProduct from '@/views/productManagement/newProduct/modal.vue'
 import { queryNewProductPage } from '@/api/product'
+import { bizStateCount } from '@/api/data'
 export default {
   name: 'Home',
   components: { ResetPwd, newProduct },
@@ -169,45 +150,86 @@ export default {
       message: '欢迎登录' + process.env.VUE_APP_PRO_NAME,
       openResetPwd: false, //  重置密码是否显示
       openNewProduct: false,
-      onlineFalg: '1' // 上下线标识  1为上线,0为下线
-      // navCList: [
-      //   {
-      //     icon: require('@/assets/home-icon/home_icon_customer.png'),
-      //     name: '客户',
-      //     styleC: 'blue-color',
-      //     url: '/customerManagement/customerInfo/list',
-      //     orderNum: '',
-      //     children: [
-      //       {
-      //         icon: require('@/assets/home-icon/home_icon_billing.png'),
-      //         name: '销售开单',
-      //         styleC: 'red-color',
-      //         url: '/customerManagement/customerInfo/list',
-      //         orderNum: '',
-      //         children: [
+      onlineFalg: '1', // 上下线标识  1为上线,0为下线
+      navList: [
+        [ // 客户
+          [
+            {
+              icon: require('@/assets/home-icon/home_icon_customer.png'),
+              name: '客户',
+              styleC: 'blue-color',
+              url: '/customerManagement/customerInfo/list',
+              orderNum: ''
+            }
+          ],
+          [
+            {
+              icon: require('@/assets/home-icon/home_icon_billing.png'),
+              name: '销售开单',
+              styleC: 'red-color',
+              url: '/salesManagement/salesQuery/list',
+              orderNum: ''
+            },
+            {
+              icon: require('@/assets/home-icon/home_icon_return.png'),
+              name: '销售退货',
+              styleC: 'red-color',
+              url: '/salesManagement/salesReturn/list',
+              orderNum: ''
+            }
+          ],
+          [
+            {
+              icon: require('@/assets/home-icon/home_icon_verify.png'),
+              name: '销售审核',
+              styleC: 'blue-color',
+              url: '/salesManagement/salesQuery/list',
+              orderNum: ''
+            },
+            {
+              icon: require('@/assets/home-icon/home_icon_verify.png'),
+              name: '退货审核',
+              styleC: 'blue-color',
+              url: '/salesManagement/salesReturn/list',
+              orderNum: ''
+            }
+          ]
+        ],
+        [ // 供应商(箭冠)
+          [
+            {
+              icon: require('@/assets/home-icon/home_icon_supplier.png'),
+              name: '供应商(箭冠)',
+              styleC: 'blue-color',
+              url: '',
+              orderNum: ''
+            }
+          ],
+          [
+            {
+              icon: require('@/assets/home-icon/home_icon_purchase_billing.png'),
+              name: '采购开单',
+              styleC: 'red-color',
+              url: '/purchasingManagement/purchaseOrder/list',
+              orderNum: ''
+            },
+            {
+              icon: require('@/assets/home-icon/home_icon_purchase_return.png'),
+              name: '采购退货',
+              styleC: 'red-color',
+              url: '/purchasingManagement/purchaseReturn/list',
+              orderNum: ''
+            }
+          ]
+        ]
 
-      //         ]
-      //       },
-      //       {
-      //         icon: require('@/assets/home-icon/home_icon_return.png'),
-      //         name: '销售退货',
-      //         styleC: 'red-color',
-      //         url: '/customerManagement/customerInfo/list',
-      //         orderNum: '',
-      //         children: [
+      ]
 
-      //         ]
-      //       }
-      //     ]
-      //   }
-      // ]
     }
   },
   computed: {
     ...mapGetters(['mustChangePwd'])
   },
-  created () {
-  },
   methods: {
     hasNewProduct () {
       queryNewProductPage({ pageNo: 1, pageSize: 20, onlineFalg: this.onlineFalg }).then(res => {
@@ -240,10 +262,20 @@ export default {
         this.onlineFalg = '0'
         setTimeout(() => { _this.hasNewProduct() }, 100)
       }
+    },
+    // 导航指引合计
+    getNavCount () {
+      bizStateCount({}).then(res => {
+        if (res.status == 200) {
+
+        }
+      })
     }
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
+      // 请求导航指引合计
+      vm.getNavCount()
       //  判断登录用户是否重置过密码(首次登陆需强制重置密码)
       if (vm.mustChangePwd == 0) {
         vm.openResetPwd = false