feat(src/views/reagent/receivingandreturn/index.vue): 领用归还动态显示

src/views/reagent/receivingandreturn/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="contents">
     <div class="content left">
-      <div class="title">{{ $route.name === 'Receiving' ? `${$store.state.app.title}领用` : `${$store.state.app.title}归还` }}</div>
+      <div class="title">{{ mainTitle }}</div>
       <div class="img">
         <img src="@/assets/5-试剂入库/扫描试剂瓶.png" alt="">
       </div>
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div class="content">
-      <div class="title">{{ $route.name === 'Receiving' ? `${$store.state.app.title}领用列表` : `${$store.state.app.title}归还列表` }}</div>
+      <div class="title">{{ subTitle }}</div>
       <div class="show-data">
         <el-table
           v-loading="loading"
@@ -97,6 +97,14 @@ export default {
       place: null
     }
   },
+  computed: {
+    mainTitle() {
+      return this.$route.name === 'dangerousReceiving' ? `${this.$store.state.app.title}领用` : `${this.$store.state.app.title}归还`
+    },
+    subTitle() {
+      return this.$route.name === 'dangerousReceiving' ? `${this.$store.state.app.title}领用列表` : `${this.$store.state.app.title}归还列表`
+    }
+  },
   watch: {
     // 如果 `barCode` 发生改变，这个函数就会运行
     // 扫码后提交后台并自动选择下一行