style(index): 修改报告统计危险品入库显示

.env.development

@@ -2,5 +2,5 @@
 ENV = 'development'
 
 # base api
-VUE_APP_BASE_API = 'http://127.0.0.1:9001'
+VUE_APP_BASE_API = 'http://111.231.67.55:9001'
 VUE_APP_FACE_API =  'http://127.0.0.1:5000'

src/permission.js

@@ -4,7 +4,8 @@ import store from './store'
 import NProgress from 'nprogress' // progress bar
 import 'nprogress/nprogress.css' // progress bar style
 import getPageTitle from '@/utils/get-page-title'
-import { getALLRouter } from '@/utils'
+import { get_path, getALLRouter } from '@/utils'
+import mapTitle from '@/utils/mapTitle'
 
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 
@@ -26,18 +27,10 @@ router.beforeEach(async(to, from, next) => {
       next({ path: '/' })
       NProgress.done()
     } else {
-      const pa = to.path.split('/')[1]
-      const pathMap = {
-        'reagent': 'reagent',
-        'user': 'user',
-        'standard': 'standard',
-        'dangerous': 'dangerous',
-        'userinfo': store.getters.classification
-      }
-      const pat = pathMap[pa]
+      const pat = get_path(to.path)
       if (to.name) {
         // 设置header栏样式根据主预览页面不同
-        if (to.path === '/reagent/mainoverview/index') {
+        if (to.path === `/${pat}/mainoverview/index`) {
           store.commit('settings/CHANGE_SETTING', { key: 'isMain', value: true })
         } else {
           store.commit('settings/CHANGE_SETTING', { key: 'isMain', value: false })
@@ -51,6 +44,7 @@ router.beforeEach(async(to, from, next) => {
         router.addRoutes(asyncRoutes)
         next({ ...to, replace: true })
       }
+      store.commit('app/SET_TITLE', mapTitle[pat])
     }
   } else {
     /* has no token*/

src/router/modules/dangerous.js

@@ -15,7 +15,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'MainOverview',
+        name: 'dangerousMainOverview',
         meta: { title: '主预览', icon: '主概览', classification: 'dangerous' },
         component: () => import('@/views/reagent/mainoverview/index')
       }
@@ -29,13 +29,13 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Report',
+        name: 'dangerousReport',
         component: () => import('@/views/reagent/report/index'),
         meta: { title: '报告统计', icon: '报表统计', classification: 'dangerous' }
       },
       {
         path: 'storeinfo',
-        name: 'StoreInfo',
+        name: 'dangerousStoreInfo',
         component: () => import('@/views/reagent/report/storeinfo/index'),
         hidden: true,
         meta: { title: '库存信息总览', icon: '报表统计', classification: 'dangerous', activeMenu: '/dangerous/report/index' }
@@ -49,14 +49,14 @@ const dangerousRouter = [
       },
       {
         path: 'warehousinginfo',
-        name: 'WarehousingInfo',
+        name: 'dangerousWarehousingInfo',
         component: () => import('@/views/reagent/report/warehousinginfo/index'),
         hidden: true,
         meta: { title: '入库信息查询', icon: '报表统计', classification: 'dangerous', activeMenu: '/dangerous/report/index' }
       },
       {
         path: 'inventoryconsuminfo',
-        name: 'InventoryConsumInfo',
+        name: 'dangerousInventoryConsumInfo',
         component: () => import('@/views/reagent/report/inventoryconsum/index'),
         hidden: true,
         meta: { title: '库存消耗', icon: '报表统计', classification: 'dangerous', activeMenu: '/dangerous/report/index' }
@@ -70,21 +70,21 @@ const dangerousRouter = [
       },
       {
         path: 'userconsuminfo',
-        name: 'UserConsumInfo',
+        name: 'dangerousUserConsumInfo',
         component: () => import('@/views/reagent/report/userconsum/index'),
         hidden: true,
         meta: { title: '人员用量消耗', icon: '报表统计', classification: 'dangerous', activeMenu: '/dangerous/report/index' }
       },
       {
         path: 'usefrequencyinfo',
-        name: 'UseFrequencyInfo',
+        name: 'dangerousUseFrequencyInfo',
         component: () => import('@/views/reagent/report/usefrequency/index'),
         hidden: true,
         meta: { title: '使用频率', icon: '报表统计', classification: 'dangerous', activeMenu: '/dangerous/report/index' }
       },
       {
         path: 'recordinfo/:t',
-        name: 'RecordInfo',
+        name: 'dangerousRecordInfo',
         component: () => import('@/views/reagent/report/record/index'),
         hidden: true,
         meta: { title: '记录', icon: '报表统计', classification: 'dangerous', activeMenu: '/dangerous/report/index' }
@@ -99,7 +99,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Warehousing',
+        name: 'dangerousWarehousing',
         component: () => import('@/views/reagent/warehousing/index'),
         meta: { title: '危化品入库', icon: '试剂入库', classification: 'dangerous' }
       }
@@ -113,7 +113,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Receiving',
+        name: 'dangerousReceiving',
         component: () => import('@/views/reagent/receivingandreturn/index'),
         meta: { title: '危化品领用', icon: '试剂领用', classification: 'dangerous' }
       }
@@ -127,7 +127,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'SendBack',
+        name: 'dangerousSendBack',
         component: () => import('@/views/reagent/receivingandreturn/index'),
         meta: { title: '危化品归还', icon: '试剂归还', classification: 'dangerous' }
       }
@@ -141,7 +141,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'weighing',
+        name: 'dangerousweighing',
         component: () => import('@/views/reagent/weighing/index'),
         meta: { title: '危化品称重', icon: '试剂称重', classification: 'dangerous' }
       }
@@ -155,7 +155,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Inventory',
+        name: 'dangerousInventory',
         component: () => import('@/views/reagent/inventory/index'),
         meta: { title: '危化品盘点', icon: '库存盘点', classification: 'dangerous' }
       }
@@ -169,13 +169,13 @@ const dangerousRouter = [
     children: [
       {
         path: 'msds',
-        name: 'MSDS',
+        name: 'dangerousMSDS',
         component: () => import('@/views/reagent/database/index'),
         meta: { title: 'MSDS数据库', classification: 'dangerous' }
       },
       {
         path: 'dangerous',
-        name: 'Dangerous',
+        name: 'dangerousDangerous',
         component: () => import('@/views/reagent/database/index'),
         meta: { title: '危化品数据库', classification: 'dangerous' }
       }
@@ -189,7 +189,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Management',
+        name: 'dangerousManagement',
         component: () => import('@/views/reagent/management/index'),
         meta: { title: '危化品管理', icon: '试剂管理', classification: 'dangerous' }
       }
@@ -203,7 +203,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Client',
+        name: 'dangerousClient',
         component: () => import('@/views/reagent/client/index'),
         meta: { title: '柜体管理', icon: '柜体管理', classification: 'dangerous' }
       }
@@ -217,7 +217,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'EnvRecord',
+        name: 'dangerousEnvRecord',
         component: () => import('@/views/reagent/envrecord/index'),
         meta: { title: '环境记录', icon: '雪花', classification: 'dangerous' }
       }
@@ -231,7 +231,7 @@ const dangerousRouter = [
     children: [
       {
         path: 'index',
-        name: 'Form',
+        name: 'dangerousForm',
         component: () => import('@/views/reagent/customform/index'),
         meta: { title: '危化品表单自定义', icon: '表单', classification: 'dangerous' }
       }

src/router/modules/standard.js

@@ -15,7 +15,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'MainOverview',
+        name: 'standardMainOverview',
         meta: { title: '主预览', icon: '主概览', classification: 'standard' },
         component: () => import('@/views/reagent/mainoverview/index')
       }
@@ -29,13 +29,13 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Report',
+        name: 'standardReport',
         component: () => import('@/views/reagent/report/index'),
         meta: { title: '报告统计', icon: '报表统计', classification: 'standard' }
       },
       {
         path: 'storeinfo',
-        name: 'StoreInfo',
+        name: 'standardStoreInfo',
         component: () => import('@/views/reagent/report/storeinfo/index'),
         hidden: true,
         meta: { title: '库存信息总览', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
@@ -45,18 +45,18 @@ const standardRouter = [
         name: 'standardInfo',
         component: () => import('@/views/reagent/report/reagentinfo/index'),
         hidden: true,
-        meta: { title: '试剂信息详情', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
+        meta: { title: '标准品信息详情', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
       },
       {
         path: 'warehousinginfo',
-        name: 'WarehousingInfo',
+        name: 'standardWarehousingInfo',
         component: () => import('@/views/reagent/report/warehousinginfo/index'),
         hidden: true,
         meta: { title: '入库信息查询', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
       },
       {
         path: 'inventoryconsuminfo',
-        name: 'InventoryConsumInfo',
+        name: 'standardInventoryConsumInfo',
         component: () => import('@/views/reagent/report/inventoryconsum/index'),
         hidden: true,
         meta: { title: '库存消耗', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
@@ -70,21 +70,21 @@ const standardRouter = [
       },
       {
         path: 'userconsuminfo',
-        name: 'UserConsumInfo',
+        name: 'standardUserConsumInfo',
         component: () => import('@/views/reagent/report/userconsum/index'),
         hidden: true,
         meta: { title: '人员用量消耗', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
       },
       {
         path: 'usefrequencyinfo',
-        name: 'UseFrequencyInfo',
+        name: 'standardUseFrequencyInfo',
         component: () => import('@/views/reagent/report/usefrequency/index'),
         hidden: true,
         meta: { title: '使用频率', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
       },
       {
         path: 'recordinfo/:t',
-        name: 'RecordInfo',
+        name: 'standardRecordInfo',
         component: () => import('@/views/reagent/report/record/index'),
         hidden: true,
         meta: { title: '记录', icon: '报表统计', classification: 'standard', activeMenu: '/standard/report/index' }
@@ -99,7 +99,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Warehousing',
+        name: 'standardWarehousing',
         component: () => import('@/views/reagent/warehousing/index'),
         meta: { title: '标准品入库', icon: '试剂入库', classification: 'standard' }
       }
@@ -113,7 +113,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Receiving',
+        name: 'standardReceiving',
         component: () => import('@/views/reagent/receivingandreturn/index'),
         meta: { title: '标准品领用', icon: '试剂领用', classification: 'standard' }
       }
@@ -127,7 +127,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'SendBack',
+        name: 'standardSendBack',
         component: () => import('@/views/reagent/receivingandreturn/index'),
         meta: { title: '标准品归还', icon: '试剂归还', classification: 'standard' }
       }
@@ -141,7 +141,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'weighing',
+        name: 'standardweighing',
         component: () => import('@/views/reagent/weighing/index'),
         meta: { title: '标准品称重', icon: '试剂称重', classification: 'standard' }
       }
@@ -155,7 +155,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Inventory',
+        name: 'standardInventory',
         component: () => import('@/views/reagent/inventory/index'),
         meta: { title: '标准品盘点', icon: '库存盘点', classification: 'standard' }
       }
@@ -169,13 +169,13 @@ const standardRouter = [
     children: [
       {
         path: 'msds',
-        name: 'MSDS',
+        name: 'standardMSDS',
         component: () => import('@/views/reagent/database/index'),
         meta: { title: 'MSDS数据库', classification: 'standard' }
       },
       {
         path: 'dangerous',
-        name: 'Dangerous',
+        name: 'standardDangerous',
         component: () => import('@/views/reagent/database/index'),
         meta: { title: '危化品数据库', classification: 'standard' }
       }
@@ -189,7 +189,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Management',
+        name: 'standardManagement',
         component: () => import('@/views/reagent/management/index'),
         meta: { title: '标准品管理', icon: '试剂管理', classification: 'standard' }
       }
@@ -203,7 +203,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Client',
+        name: 'standardClient',
         component: () => import('@/views/reagent/client/index'),
         meta: { title: '柜体管理', icon: '柜体管理', classification: 'standard' }
       }
@@ -217,7 +217,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'EnvRecord',
+        name: 'standardEnvRecord',
         component: () => import('@/views/reagent/envrecord/index'),
         meta: { title: '环境记录', icon: '雪花', classification: 'standard' }
       }
@@ -231,7 +231,7 @@ const standardRouter = [
     children: [
       {
         path: 'index',
-        name: 'Form',
+        name: 'standardForm',
         component: () => import('@/views/reagent/customform/index'),
         meta: { title: '标准品表单自定义', icon: '表单', classification: 'standard' }
       }
@@ -251,7 +251,7 @@ const standardRouter = [
   //   ]
   // },
   {
-    path: '/gotohome',
+    path: '/standard/gotohome',
     redirect: '/home',
     meta: { title: '返回主页', icon: 'el-icon-arrow-left', classification: 'standard' }
   }

src/store/modules/app.js

@@ -7,7 +7,8 @@ const state = {
     withoutAnimation: false,
     clientOptions: []
   },
-  device: 'desktop'
+  device: 'desktop',
+  title: ''
 }
 
 const mutations = {
@@ -30,6 +31,9 @@ const mutations = {
   },
   SET_COPTS: (state, opt) => {
     state.clientOptions = opt
+  },
+  SET_TITLE: (state, opt) => {
+    state.title = opt
   }
 }
 

src/utils/index.js

@@ -5,7 +5,8 @@
 import reagentRouter from '@/router/modules/reagent'
 import userRouter from '@/router/modules/user'
 import standardRouter from '@/router/modules/standard'
-import dangerousRouter from "@/router/modules/dangerous";
+import dangerousRouter from '@/router/modules/dangerous'
+import store from '@/store'
 
 /**
  * Parse the time to string
@@ -259,3 +260,15 @@ export const web_stream = {
   }
 }
 
+export const get_path = function(path) {
+  const pa = path.split('/')[1]
+  const pathMap = {
+    'reagent': 'reagent',
+    'user': 'user',
+    'standard': 'standard',
+    'dangerous': 'dangerous',
+    'userinfo': store.getters.classification
+  }
+  return pathMap[pa]
+}
+

src/utils/mapTitle.js

@@ -0,0 +1,8 @@
+const mapTitle = {
+  'reagent': '试剂',
+  'user': 'user',
+  'standard': '标准品',
+  'dangerous': '危化品'
+}
+
+export default mapTitle

src/views/reagent/mainoverview/index.vue

@@ -48,15 +48,15 @@
       <div class="view-container-tr view-content">
         <div class="header">
           <div class="title">库存余量
-            <el-popover
-              placement="right"
-              title="怎么看试剂余量？"
-              width="200"
-              trigger="hover"
-              content="如“2/50”，表示该试剂最后一次入库后共50瓶，当前剩余2瓶。"
-            >
-              <i slot="reference" class="el-icon-warning-outline" />
-            </el-popover>
+            <!--            <el-popover-->
+            <!--              placement="right"-->
+            <!--              title="怎么看试剂余量？"-->
+            <!--              width="200"-->
+            <!--              trigger="hover"-->
+            <!--              content="如“2/50”，表示该试剂最后一次入库后共50瓶，当前剩余2瓶。"-->
+            <!--            >-->
+            <!--              <i slot="reference" class="el-icon-warning-outline" />-->
+            <!--            </el-popover>-->
           </div>
           <div>
             <!--            <el-button >查看全部</el-button>-->

src/views/reagent/report/index.vue

@@ -8,59 +8,86 @@
       <div class="info">
         <div class="info-text title text">库存信息统计</div>
         <div class="info-item">
-          <div @click="$router.push('/reagent/report/storeinfo')"><img src="@/assets/4-报表统计/store_info_overview.png" alt=""></div>
-          <div @click="$router.push('/reagent/report/warehousinginfo')"><img src="@/assets/4-报表统计/store_info_search.png" alt=""></div>
-          <div @click="$router.push('/reagent/report/reagentinfo')"><img src="@/assets/4-报表统计/试剂信息详情.png" alt=""></div>
+          <div @click="$router.push(`/${$store.getters.classification}/report/storeinfo`)"><img
+            src="@/assets/4-报表统计/store_info_overview.png"
+            alt=""
+          ></div>
+          <div @click="$router.push(`/${$store.getters.classification}/report/warehousinginfo`)"><img
+            src="@/assets/4-报表统计/store_info_search.png"
+            alt=""
+          ></div>
+          <div @click="$router.push(`/${$store.getters.classification}/report/${$store.getters.classification}info`)"><img
+            src="@/assets/4-报表统计/试剂信息详情.png"
+            alt=""
+          ></div>
         </div>
       </div>
       <div class="use-info">
-        <div class="title text">试剂使用统计</div>
+        <div class="title text">{{ $store.state.app.title }}使用统计</div>
         <div class="use-info-content">
-          <div class="user-info-text" @click="$router.push('/reagent/report/usefrequencyinfo')">
+          <div
+            class="user-info-text"
+            @click="$router.push(`/${$store.getters.classification}/report/usefrequencyinfo`)"
+          >
             <div class="user-info-img" style="float: right"><img src="@/assets/4-报表统计/使用频率.png"></div>
             <div class="title text" style="color:#FF9B02 ">使用频率</div>
             <div class="use-count">{{ use_avg_info.avg_use_number }}</div>
             <div class="use-info-total">平均使用频率(次/种)</div>
-            <div><svg-icon icon-class="皇冠" /> 使用最高频试剂：{{ use_avg_info.max_name }}</div>
-            <div><svg-icon icon-class="手" /> 单个试剂最高频次：已使用{{ use_avg_info.max_number }}次</div>
+            <div>
+              <svg-icon icon-class="皇冠" />
+              使用最高频{{ $store.state.app.title }}：{{ use_avg_info.max_name }}
+            </div>
+            <div>
+              <svg-icon icon-class="手" />
+              单个{{ $store.state.app.title }}最高频次：已使用{{ use_avg_info.max_number }}次
+            </div>
           </div>
-          <div class="user-info-text" @click="$router.push('/reagent/report/recordinfo/store')">
+          <div class="user-info-text" @click="$router.push(`/${$store.getters.classification}/report/recordinfo/store`)">
             <div class="user-info-img" style="float: right"><img src="@/assets/4-报表统计/入库记录.png"></div>
             <div class="title text" style="color:#409EFF ">入库记录</div>
             <div class="use-count">{{ recordStock.count_number }}</div>
             <div class="use-info-total">入库历史记录(条)</div>
             <div><i class="el-icon-time" /> {{ recordStock.date_time }}</div>
-            <div><svg-icon icon-class="cup" /> {{ recordStock.name }}</div>
+            <div>
+              <svg-icon icon-class="cup" />
+              {{ recordStock.name }}
+            </div>
           </div>
-          <div class="user-info-text" @click="$router.push('/reagent/report/recordinfo/collect')">
+          <div class="user-info-text" @click="$router.push(`/${$store.getters.classification}/report/recordinfo/collect`)">
             <div class="user-info-img" style="float: right"><img src="@/assets/4-报表统计/领用记录.png"></div>
             <div class="title text" style="color: #1ADCE9">领用记录</div>
             <div class="use-count">{{ recordCollect.count_number }}</div>
             <div class="use-info-total">领用历史记录(条)</div>
             <div><i class="el-icon-time" /> {{ recordCollect.date_time }}</div>
-            <div><svg-icon icon-class="cup" />{{ recordCollect.name }}</div>
+            <div>
+              <svg-icon icon-class="cup" />
+              {{ recordCollect.name }}
+            </div>
           </div>
-          <div class="user-info-text" @click="$router.push('/reagent/report/recordinfo/sendback')">
+          <div class="user-info-text" @click="$router.push(`/${$store.getters.classification}/report/recordinfo/sendback`)">
             <div class="user-info-img" style="float: right"><img src="@/assets/4-报表统计/归还记录.png"></div>
             <div class="title text" style="color: #5DDC1D">归还记录</div>
             <div class="use-count">{{ recordConsume.count_number }}</div>
             <div class="use-info-total">归还历史记录(条)</div>
             <div><i class="el-icon-time" /> {{ recordConsume.date_time }}</div>
-            <div><svg-icon icon-class="cup" />{{ recordConsume.name }}</div>
+            <div>
+              <svg-icon icon-class="cup" />
+              {{ recordConsume.name }}
+            </div>
           </div>
         </div>
       </div>
     </div>
     <div class="right">
-      <div class="consume-title title text">试剂消耗用量</div>
+      <div class="consume-title title text">{{ $store.state.app.title }}消耗用量</div>
       <div class="consume">
         <el-card class="box-card">
-          <div slot="header" class="clearfix" @click="$router.push('/reagent/report/inventoryconsuminfo')">
-            <span class="text">试剂库存消耗</span>
+          <div slot="header" class="clearfix" @click="$router.push(`/${$store.getters.classification}/report/inventoryconsuminfo`)">
+            <span class="text">{{ $store.state.app.title }}库存消耗</span>
             <i style="float: right; padding: 3px 0" class="el-icon-arrow-right" />
           </div>
           <div class="count text">{{ pdc }}</div>
-          <div class="desc">截至目前试剂入库总量</div>
+          <div class="desc">截至目前{{ $store.state.app.title }}入库总量</div>
           <div style="display: flex;line-height: 30px;text-align: center">
             <div :style="instock"><span>{{ instock.width }}</span></div>
             <div :style="lending"><span>{{ lending.width }}</span></div>
@@ -84,8 +111,8 @@
       </div>
       <div class="consume">
         <el-card class="box-card">
-          <div slot="header" class="clearfix" @click="$router.push('/reagent/report/reagentconsuminfo')">
-            <span class="text">试剂用量消耗</span>
+          <div slot="header" class="clearfix" @click="$router.push(`/${$store.getters.classification}/report/${$store.getters.classification}consuminfo`)">
+            <span class="text">{{ $store.state.app.title }}用量消耗</span>
             <i style="float: right; padding: 3px 0" class="el-icon-arrow-right" />
           </div>
           <div id="mychart" />
@@ -93,14 +120,17 @@
       </div>
       <div class="consume">
         <el-card class="box-card">
-          <div slot="header" class="clearfix" @click="$router.push('/reagent/report/userconsuminfo')">
+          <div slot="header" class="clearfix" @click="$router.push(`/${$store.getters.classification}/report/userconsuminfo`)">
             <span class="text">人员用量消耗</span>
             <i style="float: right; padding: 3px 0" class="el-icon-arrow-right" />
           </div>
           <div v-for="(user,index) in userData" :key="user.create_user_id" class="user-item">
-            <el-avatar :size="50" :src="user.avatar_url || 'https://t7.baidu.com/it/u=2006997523,200382512&fm=193&f=GIF'" />
-            <div class="order">top{{ index+1 }}</div>
-            <div class="name">{{ user.create_user_name||"程小红" }}</div>
+            <el-avatar
+              :size="50"
+              :src="user.avatar_url || 'https://t7.baidu.com/it/u=2006997523,200382512&fm=193&f=GIF'"
+            />
+            <div class="order">top{{ index + 1 }}</div>
+            <div class="name">{{ user.create_user_name || "程小红" }}</div>
             <div class="count">{{ user.count_number }}</div>
           </div>
         </el-card>
@@ -144,9 +174,7 @@ export default {
       recordConsume: {
         count_number: 0
       },
-      use_avg_info: {
-
-      },
+      use_avg_info: {},
       userData: []
     }
   },
@@ -221,111 +249,134 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.content{
+.content {
   padding: 1rem;
   display: flex;
   justify-content: space-between;
-  .left{
+
+  .left {
     width: 1080px;
-    .info{
-      .info-item{
+
+    .info {
+      .info-item {
         display: flex;
         justify-content: space-between;
-        img{
+
+        img {
           width: 21.25rem;
         }
       }
     }
-    .use-info{
+
+    .use-info {
       margin-top: 1rem;
     }
   }
-  .right{
-    .consume-title{
+
+  .right {
+    .consume-title {
       margin-left: 1rem;
     }
-    .consume{
+
+    .consume {
       margin-bottom: 1rem;
       margin-left: 1rem;
-      .box-card{
+
+      .box-card {
         width: 33.125rem;
       }
     }
   }
 }
-.title{
+
+.title {
   margin-bottom: 1rem;
 }
-.text{
+
+.text {
   font-size: 1rem;
   font-weight: bold;
   color: #303133
 }
-.count{
+
+.count {
   font-size: 2rem;
   font-weight: bold;
   color: #303133;
 }
-.desc{
+
+.desc {
   font-size: 1rem;
   font-weight: 400;
   color: #909399;
   margin-bottom: 1rem;
 }
-.data-count{
+
+.data-count {
   width: 100%;
   margin-top: 1rem;
   display: flex;
   justify-content: space-between;
-  div{
+
+  div {
     width: 30%;
   }
 }
-.user-info-img{
-  img{
+
+.user-info-img {
+  img {
     width: 3rem;
   }
 }
-.user-info-text{
+
+.user-info-text {
   width: 32.5rem;
   background: white;
   padding: 2rem;
   margin-bottom: 2rem;
-  div{
+
+  div {
     margin-bottom: 0.5rem;
   }
 }
-.use-info-content{
+
+.use-info-content {
   display: flex;
-  flex-wrap:wrap;
+  flex-wrap: wrap;
   justify-content: space-between;
 }
-.use-info-total{
+
+.use-info-total {
   font-size: 0.7rem;
   font-weight: bold;
   color: #303133;
   padding-bottom: 1rem;
 }
-.use-count{
+
+.use-count {
   font-size: 2rem;
   font-weight: bold;
   color: #303133;
 }
-#mychart{
-  width:30rem;
+
+#mychart {
+  width: 30rem;
   height: 12.5rem;
 }
-.user-item{
+
+.user-item {
   display: flex;
-  flex-direction:column;
+  flex-direction: column;
   align-items: center;
-  .name{
+
+  .name {
     font-size: 1rem;
     font-weight: bold;
     color: #303133;
     margin: 0.3rem 0 0.3rem 0;
   }
-  .count{
+
+  .count {
     font-size: 1rem;
     font-weight: 400;
     color: #909399;

src/views/reagent/report/inventoryconsum/index.vue

@@ -3,7 +3,7 @@
     <div class="title">库存消耗</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-input v-model="selectReagentValue" clearable placeholder="请输入搜索试剂名称" />
         <el-date-picker
           v-model="start_time"

src/views/reagent/report/reagentconsum/index.vue

@@ -3,7 +3,7 @@
     <div class="title">试剂用量消耗</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-input v-model="selectReagentValue" clearable placeholder="请输入搜索试剂名称" />
         <el-date-picker
           v-model="start_time"

src/views/reagent/report/reagentinfo/index.vue

@@ -3,7 +3,7 @@
     <div class="title">试剂信息详情</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-select v-model="client_id" clearable placeholder="请选择柜体">
           <el-option
             v-for="item in $store.getters.clientOptions"

src/views/reagent/report/record/index.vue

@@ -3,7 +3,7 @@
     <div class="title">{{ titleMap[$route.params.t] }}</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-select v-model="client_id" clearable placeholder="请选择柜体">
           <el-option
             v-for="item in $store.getters.clientOptions"

src/views/reagent/report/storeinfo/index.vue

@@ -3,7 +3,7 @@
     <div class="title">库存信息总览</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-input v-model="selectReagentValue" clearable placeholder="请输入搜索试剂名称" />
         <el-button type="primary" icon="el-icon-search" @click="searchReagent">搜索</el-button>
       </div>

src/views/reagent/report/usefrequency/index.vue

@@ -3,7 +3,7 @@
     <div class="title">使用频率</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-select v-model="client_id" clearable placeholder="请选择柜体">
           <el-option
             v-for="item in $store.getters.clientOptions"

src/views/reagent/report/userconsum/index.vue

@@ -3,7 +3,7 @@
     <div class="title">人员用量消耗</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <!--        <el-input v-model="selectReagentValue"  placeholder="请输入搜索试剂名称" />-->
         <el-input v-model="seachUser" clearable placeholder="请输入用户名称" />
         <el-date-picker

src/views/reagent/report/warehousinginfo/index.vue

@@ -3,7 +3,7 @@
     <div class="title">入库信息查询</div>
     <div class="header">
       <div class="header-left">
-        <el-button @click="$router.push('/reagent/report/index')">返回上一级</el-button>
+        <el-button @click="$router.push(`/${$store.getters.classification}/report/index`)">返回上一级</el-button>
         <el-input v-model="selectReagentValue" clearable placeholder="请输入搜索试剂名称" />
         <el-input v-model="value" clearable placeholder="请输入搜索生产厂商名称" />
         <el-date-picker

src/views/reagent/warehousing/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="main-content-container">
     <div class="header">
-      <div class="title">试剂入库</div>
+      <div class="title">{{ $store.state.app.title }}入库</div>
       <div class="header-select">
         <!--        <el-button>返回上一级</el-button>-->
         <el-select v-model="client_id" clearable placeholder="请选择柜体" @change="getTmpList">
@@ -12,10 +12,10 @@
             :value="item.client_id"
           />
         </el-select>
-        <el-button type="primary" @click="handleReagentToDatabase">选择试剂入库</el-button>
+        <el-button type="primary" @click="handleReagentToDatabase">选择{{ $store.state.app.title }}入库</el-button>
         <el-button type="primary" @click="handleBindToDB">绑定入库</el-button>
-        <el-button type="primary" plain @click="handleAddTmp('add')">+ 新增试剂模板</el-button>
-        <el-button @click="handleAddTmp('modify')"><i class="el-icon-edit" />编辑试剂模板</el-button>
+        <el-button type="primary" plain @click="handleAddTmp('add')">+ 新增{{ $store.state.app.title }}模板</el-button>
+        <el-button @click="handleAddTmp('modify')"><i class="el-icon-edit" />编辑{{ $store.state.app.title }}模板</el-button>
         <el-button><i class="el-icon-printer" /> 打印模板条码</el-button>
         <el-button><i class="el-icon-folder-add" /> 导入入库模板</el-button>
         <div class="right">
@@ -94,9 +94,9 @@
       />
     </div>
     <!--    选择试剂入库 弹框 -->
-    <el-dialog title="选择试剂入库" width="70%" :close-on-click-modal="false" :visible.sync="dialogTableVisible" @close="handleSelectClose">
+    <el-dialog :title="`选择${$store.state.app.title}入库`" width="70%" :close-on-click-modal="false" :visible.sync="dialogTableVisible" @close="handleSelectClose">
       <div class="search-header">
-        <el-input v-model="selectReagentValue" clearable placeholder="请输入搜索试剂名称" />
+        <el-input v-model="selectReagentValue" clearable placeholder="请输入搜索名称" />
         <el-button type="primary" icon="el-icon-search" @click="searchReagent">搜索</el-button>
       </div>
       <el-table
@@ -136,7 +136,7 @@
       </div>
       <el-dialog
         width="53%"
-        title="编辑试剂信息"
+        :title="`编辑${$store.state.app.title}信息`"
         :close-on-click-modal="false"
         :visible.sync="formVisible"
         append-to-body
@@ -148,7 +148,7 @@
     <!-- 新增试剂模板弹框   -->
     <el-dialog :title="opTitle" width="70%" :close-on-click-modal="false" :visible.sync="reagentAddVisible" @close="handleAddClose">
       <div class="header-select">
-        <el-input v-model="reagentAddTmpName" placeholder="请输入模板名称" />
+        <el-input v-model="reagentAddTmpName" placeholder="请输入名称" />
         <el-select v-model="reagentAddClient" placeholder="请选择柜体">
           <el-option
             v-for="item in $store.getters.clientOptions"
@@ -157,9 +157,9 @@
             :value="item.client_id"
           />
         </el-select>
-        <el-button v-if="opType === 'add'" type="primary" plain @click="handleADDOpen('add')">+ 新增试剂条目</el-button>
-        <el-button @click="handleADDOpen('modify')"><i class="el-icon-edit" />编辑试剂条目</el-button>
-        <el-button v-if="opType === 'add'" @click="handleADDDEL"><i class="el-icon-delete" /> 删除试剂条目</el-button>
+        <el-button v-if="opType === 'add'" type="primary" plain @click="handleADDOpen('add')">+ 新增{{ $store.state.app.title }}条目</el-button>
+        <el-button @click="handleADDOpen('modify')"><i class="el-icon-edit" />编辑{{ $store.state.app.title }}条目</el-button>
+        <el-button v-if="opType === 'add'" @click="handleADDDEL"><i class="el-icon-delete" /> 删除{{ $store.state.app.title }}条目</el-button>
       </div>
       <div class="content">
         <el-table
@@ -202,7 +202,7 @@
     <!--    绑定入库-->
     <el-dialog title="绑定入库" width="70%" :close-on-click-modal="false" :visible.sync="bindToDBVisible" @close="handleCloseToDB">
       <div class="to-database">
-        <div class="bind-to-db-title">请扫描试剂条码</div>
+        <div class="bind-to-db-title">请扫描{{ $store.state.app.title }}条码</div>
         <div>
           <el-select v-model="client_id_input" placeholder="请选择柜体">
             <el-option
@@ -446,7 +446,7 @@ export default {
       //   opTitle: '',
       this.opType = t
       if (t === 'add') {
-        this.opTitle = '新增试剂模板'
+        this.opTitle = `新增${this.$store.state.app.title}模板`
         if (this.multipleSelection.length === 0) {
           this.reagentAddVisible = true
         } else if (this.multipleSelection.length === 1) {
@@ -459,7 +459,7 @@ export default {
           this.$message.warning('请选择一个模板！')
         }
       } else {
-        this.opTitle = '编辑试剂模板'
+        this.opTitle = `编辑${this.$store.state.app.title}模板`
         if (this.multipleSelection.length === 1) {
           const data = this.multipleSelection[0]
           this.reagentAddTmpName = data.template_name