先提交一部分

src/views/AppStoreMonitor.vue

@@ -14,11 +14,13 @@ export default {
         {label: "门店现烤报损额", prop: "bakeBsAmt"},
         {label: "门店现烤领用额", prop: "bakeLyAmt"},
         {label: "门店现烤惜食", prop: "bakeXsSaleAmt"},
-      ]
+      ],
+      filter: ""
     }
   },
   computed: {
-    search: v => v.$marketBoard.search
+    search: v => v.$marketBoard.search,
+    list: v => v.tableData.filter(e => !v.filter || e.supervisorName == v.filter) || []
   },
   methods: {
     getTableData() {
@@ -32,9 +34,9 @@ export default {
       })
     }
   },
-  watch:{
+  watch: {
     search: {
-      immediate:true,deep:true,handler(){
+      immediate: true, deep: true, handler() {
         this.getTableData()
       }
     }
@@ -44,7 +46,13 @@ export default {
 
 <template>
   <section class="AppStoreMonitor">
-    <el-table :data="tableData" size="mini" header-cell-class-name="tableHeader" cell-class-name="tableCell" max-height="440px" show-summary stripe>
+    <div class="flex" style="margin-bottom: 22px">
+      <div class="fill"/>
+      <el-select placeholder="全部" v-model="filter" size="small" clearable class="AppSelect">
+        <el-option v-for="(item,i) in tableData" :key="i" :label="item.supervisorName" :value="item.supervisorName"/>
+      </el-select>
+    </div>
+    <el-table :data="list" size="mini" header-cell-class-name="tableHeader" cell-class-name="tableCell" max-height="334px" show-summary stripe>
       <table-column v-for="(column,i) in columns" :key="i" :column="column"/>
     </el-table>
   </section>
@@ -107,13 +115,7 @@ export default {
   background-color: rgba(255, 255, 255, .1) !important;
 }
 
-.AppStoreMonitor .subTitle {
-  line-height: 20px;
-  width: fit-content;
-  margin: 24px auto 12px;
-  background-image: url("http://10.0.97.209/img/kengee/kengee5.png");
-  background-repeat: no-repeat;
-  background-size: 100% 2px;
-  background-position: center bottom;
+.AppStoreMonitor .el-select {
+  width: 120px;
 }
 </style>