feat:菜单可配置

pages/analysis/index/index.vue

@@ -1,18 +1,12 @@
 <template>
   <view>
-    <navbar-back
-      title="实验室管理系统【分析管理】"
-      titleWidth="800"
-      :autoBack="false"
-      leftIcon=""
-      :leftText="`您好！${userInfo.nickname}`"
-    >
+    <navbar-back title="实验室管理系统【分析管理】" titleWidth="800" :autoBack="false" leftIcon="" leftText="">
       <u-icon @click="popupShow = true" size="28" color="#FFF" name="setting-fill" />
     </navbar-back>
 
     <up-grid :col="gridCol" :border="false">
-      <up-grid-item class="mb20 mt20" v-for="item in menuItemList" :key="item.url" @click="goTo(item.url)">
-        <u-icon :name="item.otherConf.icon" color="#0055A2" size="80" />
+      <up-grid-item class="mb20 mt20" v-for="item in menuItemList" :key="item.id" @click="goTo(item.component)">
+        <u-icon :name="`/static/images/menus/${item.path}.png`" color="#0055A2" size="80" />
         <view class="grid-text">{{ item.name }}</view>
       </up-grid-item>
     </up-grid>
@@ -30,26 +24,15 @@ import mePopup from '@/pages/index/me-popup.vue'
 // 响应式数据
 const popupShow = ref(false)
 
-const menuItemList = ref([
-  {
-    url: '/pages/analysis/sample/sample-work-list',
-    otherConf: { icon: '/static/images/menus/ypfx.png' },
-    name: '样品分析'
-  },
-  {
-    url: '/pages/analysis/sample/sample-report-search',
-    otherConf: { icon: '/static/images/menus/records.png' },
-    name: '分析记录'
-  },
-  {
-    url: '/pages/analysis/auncel/auncel-status',
-    otherConf: { icon: '/static/images/menus/tpck.png' },
-    name: '天平查看'
+const menuItemList = computed(() => {
+  let roleMenus = nx.$store('user').roleMenus
+  const result = roleMenus.find(item => item.path === 'fxgl')
+  if (result) {
+    return result.children
+  } else {
+    return []
   }
-])
-
-// 计算属性
-const userInfo = computed(() => nx.$store('user').userInfo)
+})
 
 // 方法
 const goTo = url => {