需求变更-4

src/views/AppStoreMonitor.vue

@@ -9,20 +9,19 @@ export default {
         {label: "课区", prop: "groupName"},
         {label: "课长", prop: "supervisorName"},
         {label: "门店", prop: "storeName"},
-        {label: "门店现烤净收货额", prop: "bakeNetAmt"},
+        {label: "昨日门店净收货额", prop: "bakeNetAmt"},
-        {label: "门店现烤销售额", prop: "bakeSaleAmt"},
+        {label: "昨日现烤销售", prop: "bakeSaleAmt"},
-        {label: "门店现烤报损额", prop: "bakeBsAmt"},
+        {label: "昨日现烤报损", prop: "bakeBsAmt"},
-        {label: "门店现烤领用额", prop: "bakeLyAmt"},
+        {label: "门店现在现烤库存金额", prop: "bakeLyAmt"},
-        {label: "门店现烤惜食", prop: "bakeXsSaleAmt"},
+        {label: "现在现烤销售额", prop: "bakeXsSaleAmt"},
       ],
       filter: "",
+      options:[],
       summary: {}
     }
   },
   computed: {
     search: v => v.$marketBoard.search,
-    list: v => v.tableData.filter(e => !v.filter || e.supervisorName == v.filter) || [],
-    options: v => [...new Set(v.tableData.map(e => e.supervisorName))],
     tableConfig: v => {
       return {
         headerBGC: 'rgba(13, 48, 99, 0.6)',
@@ -53,8 +52,8 @@ export default {
   methods: {
     getTableData() {
       const {$http, $waitFor} = window
-      $waitFor($http).then(() => $http.post("/data-boot/la/screen/marketBoard/storeMonitor", {
+      return $waitFor($http).then(() => $http.post("/data-boot/la/screen/marketBoard/storeMonitor", {
-        ...this.search, limit: 999
+        ...this.search, limit: 999,groupCodeList: [this.filter].filter(Boolean)
       })).then(res => {
         if (res?.data) {
           this.summary = res.data.total
@@ -65,22 +64,30 @@ export default {
   },
   watch: {
     search: {
-      immediate: true, deep: true, handler() {
+      deep: true, handler() {
         this.getTableData()
       }
     }
+  },
+  created() {
+    this.getTableData().then(() => {
+      this.options = this.tableData.map(e => ({
+        label: e.supervisorName, value: e.groupCode
+      }))
+    })
   }
 }
 </script>
 
 <template>
   <section class="AppStoreMonitor">
-    <div class="flex" style="margin-bottom: 22px">
+    <app-sub-title text="门店运营监控表">
-      <div class="fill"/>
+      <template #right>
-      <el-select placeholder="全部" v-model="filter" size="small" clearable class="AppSelect">
+        <el-select placeholder="全部" v-model="filter" size="small" clearable class="AppSelect" @change="getTableData">
-        <el-option v-for="(name,i) in options" :key="i" :label="name" :value="name"/>
+          <el-option v-for="(op,i) in options" :key="i" v-bind="op"/>
-      </el-select>
+        </el-select>
-    </div>
+      </template>
+    </app-sub-title>
     <scroll-table :table-data="tableData" :columns="columns"/>
     <!--<dv-scroll-board :config="tableConfig"/>-->
     <div class="summary flex">
@@ -98,7 +105,7 @@ export default {
 }
 
 .AppStoreMonitor .dv-scroll-board,.AppStoreMonitor .scrollTable{
-  height: calc(100% - 30px - 55px) !important;
+  height: calc(100% - 80px) !important;
 }
 
 .AppStoreMonitor .el-select {