ZZJ
2022-07-27 88078aa63c669cffc2d91e1269d460436427d09d
src/views/search/Searching.vue
@@ -37,7 +37,7 @@
              "
            ></el-button>
          </el-tooltip>
          <p class="p-label" style="width: 16%">
          <!--     <p class="p-label" style="width: 16%">
            <b>标签:</b>
            <el-select
              v-model="tagValues"
@@ -58,7 +58,7 @@
                :title="item.title"
              ></el-option>
            </el-select>
          </p>
          </p> -->
          <p class="p-task" style="width: 16%">
            <b>场景:</b>
            <el-select
@@ -141,6 +141,16 @@
          <p class="p-clear">
            <b class="clear-searching" @click="clearSearch">重置</b>
          </p>
          <el-tooltip
            class="item"
            effect="dark"
            content="配置存储路径"
            placement="bottom"
          >
            <span @click="showSetBox = true" class="iconfont setIcon"
              >&#xe652;</span
            >
          </el-tooltip>
        </div>
        <div ref="mid" style="height: calc(100% - 50px)">
          <div class="left-selection" v-if="VideoPhotoData.uploadDiaplay">
@@ -272,6 +282,7 @@
        </div>
      </hsc-window>
    </hsc-window-style-metal>
    <SetBox v-if="showSetBox" @close="showSetBox = false"></SetBox>
  </div>
</template>
@@ -280,11 +291,13 @@
import UploadImg from "./components/UploadImg";
import bus from "@/main";
import { getUrlKey } from "@/api/utils.ts";
import SetBox from "@/views/search/components/SetBox";
export default {
  name: "RightSide",
  components: {
    Card,
    UploadImg,
    SetBox,
  },
  data() {
    return {
@@ -305,6 +318,7 @@
      ],
      searchText: "",
      currentPage: 1,
      showSetBox: false,
    };
  },
  computed: {
@@ -318,15 +332,16 @@
    this.TreeDataPool.gbReadonly = true;
    this.TreeDataPool.multiple = true;
    this.TreeDataPool.clean();
    this.TreeDataPool.fetchTreeData();
  },
  mounted() {
    this.$nextTick(() => {
      let scrollContain = this.$refs.scrollContain;
      this.VideoPhotoData.scrollContainDom = scrollContain;
      let list = this.TreeDataPool.localVedioList.filter((i) => {
        return i.progress == 100;
      });
      let list =
        this.TreeDataPool.localVedioList &&
        this.TreeDataPool.localVedioList.filter((i) => {
          return i.progress == 100;
        });
      this.TreeDataPool.localVedioList = list;
    });
    window.addEventListener("resize", this.getHeight);
@@ -665,12 +680,18 @@
      ];
    },
    format(array) {
      if (!array || array.length === 0) {
        return [];
      }
      return [
        this.$moment(array[0]).format("YYYY-MM-DD HH:mm:ss"),
        this.$moment(array[1]).format("YYYY-MM-DD HH:mm:ss"),
      ];
    },
    searchingBtn() {
      if (!this.searchTime) {
        this.searchTime = [];
      }
      // let obj = document.getElementById('searchMid');
      // let load = this.$loading({
      //   target:obj,
@@ -682,23 +703,35 @@
      //处理搜索类型
      var tempArr = this.taskValues.map((task) => task.split(","));
      var tasks = [];
      console.log("1");
      tempArr.forEach((arr) => {
        tasks = tasks.concat(arr);
      });
      this.VideoPhotoData.queryTasks = tasks;
      console.log("2");
      this.VideoPhotoData.queryAlarmlevel = this.stringToNum();
      console.log("3");
      console.log(this.searchTime);
      this.VideoPhotoData.searchTime = this.format(this.searchTime);
      console.log(this.VideoPhotoData.searchTime);
      //this.VideoPhotoData.inputValue = this.searchText;
      this.VideoPhotoData.showType = this.showType;
      if (!this.VideoPhotoData.uploadType) {
        this.VideoPhotoData.uploadDiaplay = false;
        //this.VideoPhotoData.page = this.currentPage;
        // this.VideoPhotoData.querySearchList();
        console.log("4");
        this.setLoadSearch(this.VideoPhotoData.querySearchList());
      } else {
        //this.VideoPhotoData.page = this.currentPage;
        // this.VideoPhotoData.findPersonByPage();
        console.log("5");
        this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
      }
    },
@@ -769,6 +802,9 @@
      this.VideoPhotoData.queryAlarmlevel = [];
      this.VideoPhotoData.searchTime = this.getDateInit();
      this.VideoPhotoData.inputValue = "";
      console.log(this.searchTime);
      this.searchTime = this.getDateInit();
      if (!this.VideoPhotoData.uploadType) {
        // this.VideoPhotoData.querySearchList();
@@ -865,6 +901,12 @@
            color: #2249b4;
          }
        }
        .setIcon {
          margin-left: 10px;
          font-size: 18px;
          color: #1677ff;
          cursor: pointer;
        }
        .clear-searching {
          cursor: pointer;
          text-decoration: underline;