切换至备用屏

src/views/AppKeyGoods.vue

@@ -9,7 +9,7 @@ export default {
         {label: "重点单品", prop: "goodsCategoryName"},
         {label: "销售额", prop: "saleNum", width: 70},
         {label: "库存数量", prop: "stockNum", width: 70},
-        {label: "销售目标", prop: "targetSaleNum", width:70},
+        {label: "销售目标", prop: "targetSaleNum", width: 70},
         {label: "销售达成", prop: "saleAchieveRate"},
       ]
     }
@@ -32,7 +32,7 @@ export default {
     getTableData() {
       const {$http, $waitFor} = window
       $waitFor($http).then(() => $http.post("/data-boot/la/screen/marketBoard/marketKeyGoods", {
-        // ...this.search, limit: 999
+        ...this.search, limit: 999
       })).then(res => {
         if (res?.data) {
           this.tableData = res.data?.records || []
@@ -40,9 +40,9 @@ export default {
       })
     }
   },
-  watch:{
+  watch: {
     search: {
-      immediate:true,deep:true,handler(){
+      immediate: true, deep: true, handler() {
         this.getTableData()
       }
     }
@@ -52,7 +52,7 @@ export default {
 
 <template>
   <section class="AppKeyGoods">
-    <dv-scroll-board :config="tableConfig" @click=""/>
+    <dv-scroll-board :config="tableConfig"/>
   </section>
 </template>
 

src/views/AppNavbar.vue

@@ -1,25 +1,22 @@
 <script>
-const screens = {
-  "c1d1b838-e946-4b6b-b95d-e92798db6908": "市场看板",
-  "3557e83f-18ca-4532-8d18-d76b11d3f880": "多店监控",
-  '9f299712-5549-413b-a93b-7c3e3b5bfadb': "单店监控",
-}
+const screens = [
+  {id: '5b1849ac-4fc3-451a-844c-3362b47341ef', label: '市场看板', bg: 'http://10.0.97.209/img/kengee/kengee16.png'},
+  {id: '7d26854c-769d-418b-9bae-5c1105e716a9', label: '多店监控', bg: 'http://10.0.97.209/img/kengee/kengee17.png'},
+  {id: 'a90522ef-869b-40ea-8542-d1fc9674a1e8', label: '单店监控', bg: 'http://10.0.97.209/img/kengee/kengee18.png'},
+]
 export default {
   name: "AppNavbar",
   label: "标题栏",
   data() {
     return {
       screens,
-      groupId: "c1d1b838-e946-4b6b-b95d-e92798db6908"
+      groupId: "5b1849ac-4fc3-451a-844c-3362b47341ef"
     }
   },
   computed: {
     backgroundImage() {
-      return `url(${{
-        "c1d1b838-e946-4b6b-b95d-e92798db6908": "http://10.0.97.209/img/kengee/kengee16.png",
-        "3557e83f-18ca-4532-8d18-d76b11d3f880": "http://10.0.97.209/img/kengee/kengee17.png",
-        '9f299712-5549-413b-a93b-7c3e3b5bfadb': "http://10.0.97.209/img/kengee/kengee18.png",
-      }[this.groupId]})`
+      const item = this.screens.find(e => e.id === this.groupId)
+      return `url(${item.bg})`
     }
   },
   watch: {
@@ -27,7 +24,6 @@ export default {
       immediate: true,
       handler(val) {
         if (val) {
-          $glob.group = 'c1d1b838-e946-4b6b-b95d-e92798db6908'
           $glob.group = this.groupId
         } else {
           this.groupId = $glob.group
@@ -40,7 +36,7 @@ export default {
 
 <template>
   <section class="AppNavbar" :style="{backgroundImage}">
-    <div v-for="(label,id) in screens" :key="id" @click="groupId=id" class="pointer"/>
+    <div v-for="e in screens" :key="e.id" @click="groupId=e.id" class="pointer"/>
   </section>
 </template>
 

src/views/AppStoresTable.vue

@@ -151,11 +151,8 @@ export default {
       })
     },
     gotoDetail(store) {
-      $glob.query = {storeCode: store.storeCode}
-      const sid = "9f299712-5549-413b-a93b-7c3e3b5bfadb"
-      $glob.group = sid
-      this.$storeBoard.query.storeCode = sid
-      this.$router.push("/apps/AppStoreBoard")
+      $glob.group = "a90522ef-869b-40ea-8542-d1fc9674a1e8"
+      this.$storeBoard.query.storeCode = store.storeCode
     },
     getTableData(item = {}, tag) {
       const v = this