From 4a800a8fc83c6bd1f86a8e847b079a51a7532c09 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 20 七月 2022 15:05:58 +0800
Subject: [PATCH] 修复国标配置的bug

---
 src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue |   94 ++++++++++++++++++----------------------------
 1 files changed, 37 insertions(+), 57 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 57ee9c1..06d8766 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -36,11 +36,6 @@
           <span class="title">{{ config.title }}</span
           >&nbsp;:
           <span class="val" v-for="option in config.data" :key="option.id">
-            <!-- <template>
-              <div>
-                
-              </div>
-            </template>-->
             <span v-if="option.isChecked" class="val-show">
               {{ option.name }}
               <i>銆�</i>
@@ -167,8 +162,8 @@
               @change="filterSearchData"
             >
               <el-option value label="鍏ㄩ儴"></el-option>
-              <el-option :value="false" label="鏈叧娉�"></el-option>
-              <el-option :value="true" label="宸插叧娉�"></el-option>
+              <el-option :value="'1'" label="鏈叧娉�"></el-option>
+              <el-option :value="'0'" label="宸插叧娉�"></el-option>
             </el-select>
           </div>
           <div>
@@ -247,9 +242,12 @@
                     >
                       {{
                         label.Desc +
-                        (index == data.LableLst.length - 1 ? "" : "锛�")
+                        (index == data.LableLst.length - 1 ? "" : ",")
                       }}
                     </span>
+                  </div>
+                  <div v-else-if=" hasError(data)">
+                    <span style="color:orangered;">鏈夊紓甯�</span>
                   </div>
                   <div v-else>
                     <span>鏃犲紓甯�</span>
@@ -315,10 +313,16 @@
 
           <el-table-column label="澶у皬" prop="VideoSize" sortable>
             <template slot-scope="scope" style="cursor: pointer">
-              <div>{{ Math.round((+scope.row.VideoSize) / (1024*1024)) + " MB" }}</div>
+              <div>
+                {{ Math.round(+scope.row.VideoSize / (1024 * 1024)) + " MB" }}
+              </div>
             </template>
           </el-table-column>
-          <el-table-column label="瑙嗛鏃堕棿" prop="StartTime" sortable></el-table-column>
+          <el-table-column
+            label="瑙嗛鏃堕棿"
+            prop="StartTime"
+            sortable
+          ></el-table-column>
           <!-- <el-table-column label="鍒涘缓鏃ユ湡" prop="VideoCreateDate" sortable></el-table-column> -->
 
           <el-table-column label="鎿嶄綔">
@@ -425,7 +429,7 @@
       keyword: "",
       IsFollow: "",
       searchTime: [
-        new Date(2020, 0, 1, 0, 0, 0),
+        new Date(2021, 0, 1, 0, 0, 0),
         new Date(2021, 11, 31, 23, 59, 59),
       ],
       curTabPage: 1,
@@ -474,7 +478,6 @@
               const end = new Date();
               const start = new Date();
               start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              //start.setHours(0,0,0);
               picker.$emit("pick", [start, end]);
             },
           },
@@ -535,6 +538,14 @@
       this.tabPageSize = size;
       this.filterSearchData();
     },
+    hasError(data){
+      if (!data.EventLst||data.EventLst.length==0) {
+        return false
+      }
+
+      const t =  data.EventLst.some((x) => x.state==0)
+      return t && data.IsOperate=="1"
+    },
     handleTableSizeChange(size) {
       this.tablePageSize = size;
       this.filterSearchData();
@@ -545,14 +556,6 @@
     //浜岀骇鏌ヨ
     filterSearchData() {
       let _this = this;
-      let isFollow = "";
-      if (this.IsFollow === "") {
-        isFollow = "";
-      } else if (!!this.IsFollow) {
-        isFollow = "1";
-      } else {
-        isFollow = "0";
-      }
       let query = {
         KeyWord: this.keyword,
         StartDate: this.searchTime[0],
@@ -562,7 +565,7 @@
         PageSize:
           this.showType == "list" ? this.tablePageSize : this.tabPageSize,
         IsDetail: this.showType == "list",
-        IsFollow: isFollow,
+        IsFollow: this.IsFollow ,
         IsOperate: this.IsOperate,
       };
       let filterQuerys = [];
@@ -588,7 +591,7 @@
           _this.tabData = _this.tabData.map(function (item) {
             const set = new Set();
             item.LableLst.forEach(function (label) {
-              label.Desc.split("锛�").forEach(function (d) {
+              label.Desc.split(",").forEach(function (d) {
                 set.add(d);
               });
             });
@@ -599,11 +602,16 @@
             item.LableLst = lblst;
             return item;
           });
+          _this.tabData
         }
       });
     },
     //涓�绾ф煡璇�
     init() {
+      if (this.checkedConfigs.length) {
+        this.filterSearchData()
+        return
+      }
       let _this = this;
       let query = {
         KeyWord: this.keyword,
@@ -617,7 +625,7 @@
         IsFollow: this.IsFollow,
         IsOperate: this.IsOperate,
       };
-       let filterQuerys = [];
+      let filterQuerys = [];
       this.checkedConfigs.forEach((config) => {
         let checkedOpts = config.data.filter((option) => option.isChecked);
         if (checkedOpts.length) {
@@ -629,8 +637,8 @@
         }
       });
       Object.assign(query, ...filterQuerys);
-      // this.optionalConfigs = [];
-      // this.highLevelConfigs = [];
+      this.optionalConfigs = [];
+      this.highLevelConfigs = [];
       getlstInit(query).then((res) => {
         if (_this.showType == "list") {
           _this.tableTotal = res.total;
@@ -641,7 +649,7 @@
           _this.tabData = _this.tabData.map(function (item) {
             const set = new Set();
             item.LableLst.forEach(function (label) {
-              label.Desc.split("锛�").forEach(function (d) {
+              label.Desc.split(",").forEach(function (d) {
                 set.add(d);
               });
             });
@@ -653,15 +661,8 @@
             return item;
           });
         }
-
         res.filterlst.forEach((config) => {
           this.$set(config, "isShow", true);
-          // config.data = Object.keys(config.Node).map(key => {
-          //   let obj = {};
-          //   obj.name = key;
-          //   obj.id = config.Node[key]
-          //   return obj
-          // });
           config.data = config.Node.map((item) => {
             let obj = {};
             obj.name = item[0];
@@ -693,19 +694,18 @@
               config.showMore = false;
             }
           });
-          // console.log(this.optionalConfigs);
         });
       });
     },
     toggleFollow(data) {
       data.IsFollow == "0" ? (data.IsFollow = "1") : (data.IsFollow = "0");
       updateFollow({
-        id : data.id,
+        id: data.id,
         IsFollow: data.IsFollow,
       }).then((res) => {
         this.$notify({
           type: "success",
-          message:  data.IsFollow == "0"? "宸叉坊鍔犲叧娉�!":"宸插彇娑堝叧娉�!",
+          message: data.IsFollow == "0" ? "宸叉坊鍔犲叧娉�!" : "宸插彇娑堝叧娉�!",
         });
       });
     },
@@ -714,7 +714,6 @@
       _this.selectedVideo = data;
       _this.videoDialogVisible = true;
     },
-    checkFollow() {},
     checkType(type) {
       this.showType = type;
       this.filterSearchData();
@@ -745,15 +744,11 @@
         option.isChecked = true;
       }
       this.checkedConfigs.push(config);
-
       config.isShow = false;
       config.isMultCheck = false;
       if (config.IsAdvanced) {
         this.showAdvance = false;
       }
-      // this.$nextTick(() => {
-      //   this.$set(config, 'isShow', false)
-      // })
     },
 
     cancleMultCheck(config) {
@@ -841,7 +836,7 @@
         const disY = e.clientY - resizeEl.offsetTop;
 
         document.onmousemove = function (e) {
-          e.preventDefault(); // 绉诲姩鏃剁鐢ㄩ粯璁や簨浠� // 閫氳繃浜嬩欢濮旀墭锛岃绠楃Щ鍔ㄧ殑璺濈
+          e.preventDefault(); // 绉诲姩鏃剁鐢ㄩ粯璁や簨浠� 閫氳繃浜嬩欢濮旀墭锛岃绠楃Щ鍔ㄧ殑璺濈
 
           const x = e.clientX - disX + (e.clientX - clientX); //杩欓噷 鐢变簬elementUI鐨刣ialog鎺у埗灞呬腑鐨勶紝鎵�浠ユ按骞虫媺浼告晥鏋滄槸鍙屽��
           const y = e.clientY - disY; //姣旇緝鏄惁灏忎簬鏈�灏忓楂�
@@ -860,7 +855,6 @@
 
 <style lang="scss">
 .search-for-video-analyze {
-  //padding: 20px 30px;
   //鍑烘í鍚戞粴鍔ㄦ潯
   padding: 20px 40px;
   .flex-box {
@@ -992,8 +986,6 @@
         }
         .config-submenu {
           .el-menu--horizontal {
-            //max-width: 700px;
-            //overflow-x: auto;
             left: 20px !important;
             & > ul {
               flex-wrap: wrap;
@@ -1070,10 +1062,6 @@
       margin: 0 -30px;
       margin-bottom: -30px;
       padding: 0;
-      // .el-row {
-      //   display: flex;
-      //   flex-wrap: wrap;
-      // }
       .el-table__row {
         cursor: pointer;
       }
@@ -1107,9 +1095,6 @@
             width: 100%;
             height: 100%;
             object-fit: contain;
-            // width: 100%;
-            // max-height: 200px;
-            // border-radius: 3px;
           }
         }
         .video-info {
@@ -1185,15 +1170,12 @@
       top: -22px;
     }
     .dialog-video {
-      // z-index: 2020 !important;
       .el-dialog {
         width: 1180px;
-        // height: 893px;
       }
       .el-dialog__body {
         background: #eaeaea;
         padding: 0;
-        // height: 100%;
         height: inherit;
       }
       .el-dialog__header {
@@ -1237,8 +1219,6 @@
 .window-view {
   width: 100%;
   height: auto;
-  // height: 100%;
-  // min-height: 684px;
   overflow: auto;
   z-index: 2000;
 }

--
Gitblit v1.8.0