zhangzengfei
2021-12-14 ff9b976bde73fe1d31e9b84cf1fa6b91e1b79dbc
src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -265,7 +265,7 @@
                    </span>
                  </div>
                  <div v-else-if="hasError(data)" class="has-error">
                    <span>有异常</span>
                    <span>{{ errWord(data) }}</span>
                  </div>
                  <div v-else class="no-error">
                    <span>无异常</span>
@@ -597,7 +597,6 @@
        }
      });
      Object.assign(query, ...filterQuerys);
      getlst(query).then((res) => {
        if (_this.showType == "list") {
          _this.tableTotal = res.total;
@@ -713,10 +712,40 @@
        });
      });
    },
    errWord(data) {
      let text;
      data.EventLst.forEach((item, i) => {
        if (
          item.state == 0 &&
          item.Event.indexOf("进出站") == -1 &&
          item.Event.indexOf("信号机") == -1 &&
          item.Event.indexOf("过分相") == -1
        ) {
          text= item.Event
        }
      });
      return text||"未手比"
    },
    hasError(data) {
      let status = true;
      if (!data.EventLst || data.EventLst.length == 0) {
        return false;
      }
      data.EventLst.forEach((item) => {
        if (
          item.Event.indexOf("瞭望") > -1 ||
          item.Event.indexOf("人数变化") > -1
        ) {
          status = false;
          false;
        }
      });
      if (!status) {
        return false;
      }
      const t = data.EventLst.some((x) => x.state == 0);
      return t && data.IsOperate == "1";
    },
@@ -900,7 +929,6 @@
  background-color: #f4f6f9;
  margin: 0 5px;
  margin-bottom: 10px;
  * {
    box-sizing: content-box;
    color: #425277;
@@ -995,7 +1023,6 @@
      .config {
        display: flex;
        flex-wrap: no-wrap;
        cursor: pointer;
        border-bottom: 1px solid #d7dce8;
        .title {
          padding: 10px 20px;
@@ -1030,9 +1057,9 @@
                padding: 0 10px;
                text-align: left;
                width: fit-content;
                cursor: pointer;
              }
              &:hover > .option-name {
                // outline: 1px solid #a8b7ee;
                background: #e2e7f9;
                span {
                  color: #2d52d7;
@@ -1071,7 +1098,7 @@
          .more {
            margin-top: 7px;
            padding: 0px 6px;
            cursor: pointer;
            margin-right: 10px;
            width: 46px;
            height: 25px;
@@ -1085,6 +1112,7 @@
          .multCheck {
            margin-top: 7px;
            width: 44px;
            cursor: pointer;
            height: 23px;
            line-height: 23px;
            padding: 0px 12px;
@@ -1096,14 +1124,6 @@
            span {
              color: #ee4e6e;
            }
            // &:hover {
            //   color: #7695ec;
            //   border-color: #7695ec;
            // }
            // &.checked {
            //   color: #409eff;
            //   border-color: #409eff;
            // }
          }
        }
        .el-menu.el-menu--horizontal {
@@ -1170,17 +1190,21 @@
        .show-type {
          display: flex;
          .list span {
            font-size: 20px;
            font-size: 18px;
            line-height: 20px;
          }
          .type {
            font-size: 18px;
            padding: 2px 4px 0px 4px;
            font-size: 17px;
            border-radius: 4px;
            cursor: pointer;
            height: 20px;
            width: 20px;
            line-height: 19px;
            &.menu {
              margin-right: 10px;
              margin-right: 5px;
              span {
                font-size: 15px;
                font-size: 14px;
              }
            }
            &.current {
@@ -1220,8 +1244,8 @@
          cursor: pointer;
          border-radius: 3px;
          width: 100%;
          padding-top: 56.25%;
          height: 0;
          // padding-top: 56.25%;
          height: 57%;
          position: relative;
          img {
            position: absolute;
@@ -1311,7 +1335,6 @@
          font-size: 20px;
          right: 10px;
          bottom: 10px;
        }
      }
      .el-table--striped
@@ -1334,7 +1357,6 @@
        th.is-leaf {
          border: none;
        }
      }
      .pagination-center {
        text-align: center;
@@ -1343,14 +1365,14 @@
      }
    }
    .star {
          font-size: 20px;
          i {
            color: #c7d0e5;
          }
          .follow {
            color: #f90741;
          }
        }
      font-size: 20px;
      i {
        color: #c7d0e5;
      }
      .follow {
        color: #f90741;
      }
    }
    .el-dialog__wrapper {
      top: -22px;
    }
@@ -1368,7 +1390,8 @@
      .el-dialog__header {
        padding: 0px;
        .el-dialog__headerbtn {
          top: 6px;
          top: 10px;
          font-size: 20px;
        }
      }
      .title-partment {