From 61167e460b5273b05a23854742e3e450e656cd08 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期一, 18 七月 2022 16:08:14 +0800
Subject: [PATCH] 修复国标摄像机配置相关的bug
---
src/pages/search/index/Searching.vue | 583 +++++++++++++++++++++++++++++++++------------------------
1 files changed, 338 insertions(+), 245 deletions(-)
diff --git a/src/pages/search/index/Searching.vue b/src/pages/search/index/Searching.vue
index 7a95b12..5f7c7a7 100644
--- a/src/pages/search/index/Searching.vue
+++ b/src/pages/search/index/Searching.vue
@@ -2,17 +2,28 @@
<div class="searching-box">
<div class="searching-right">
<div class="searching-right-nav">
- <el-breadcrumb separator-class="el-icon-arrow-right" style="display: inline-block">
+ <el-breadcrumb
+ separator-class="el-icon-arrow-right"
+ style="display: inline-block"
+ >
<el-breadcrumb-item>
<span @click="uploadChange">妫�绱�</span>
</el-breadcrumb-item>
- <el-breadcrumb-item v-if="!VideoPhotoData.uploadType">鍏ㄩ儴</el-breadcrumb-item>
- <el-breadcrumb-item v-if="VideoPhotoData.uploadType">浠ュ浘鎼滃浘</el-breadcrumb-item>
+ <el-breadcrumb-item v-if="!VideoPhotoData.uploadType"
+ >鍏ㄩ儴</el-breadcrumb-item
+ >
+ <el-breadcrumb-item v-if="VideoPhotoData.uploadType"
+ >浠ュ浘鎼滃浘</el-breadcrumb-item
+ >
</el-breadcrumb>
</div>
<div class="searching-right-content">
<div class="top">
- <el-tooltip content="浠ュ浘鎼滃浘" placement="bottom" popper-class="atooltip">
+ <el-tooltip
+ content="浠ュ浘鎼滃浘"
+ placement="bottom"
+ popper-class="atooltip"
+ >
<el-button
@click="showUpload"
type="primary"
@@ -26,17 +37,17 @@
"
></el-button>
</el-tooltip>
- <p class="p-label" style="width: 16%">
- <b>鏍囩锛�</b>
+ <p class="p-label" style="width: 13%">
+ <b>搴曞簱锛�</b>
<el-select
v-model="tagValues"
multiple
:disabled="isDisabled"
collapse-tags
size="mini"
- style="width: calc(100% - 40px); min-width: 120px"
- placeholder="璇烽�夋嫨"
+ style="width: calc(100% - 40px); min-width: 70px"
@change="tagChange"
+ placeholder="閫夋嫨"
>
<el-option
v-for="item in VideoPhotoData.tabs"
@@ -48,7 +59,7 @@
></el-option>
</el-select>
</p>
- <p class="p-task" style="width: 16%">
+ <p class="p-task" style="width: 13%">
<b>鍦烘櫙锛�</b>
<el-select
v-model="taskValues"
@@ -57,8 +68,8 @@
:disabled="typeDisable"
collapse-tags
size="mini"
- style="width: calc(100% - 40px); min-width: 120px"
- placeholder="璇烽�夋嫨"
+ style="width: calc(100% - 40px); min-width: 70px"
+ placeholder="閫夋嫨"
>
<!-- <el-option
v-for="item in VideoPhotoData.tasks"
@@ -78,7 +89,23 @@
></el-option>
</el-select>
</p>
- <p class="p-level" style="width: 18%">
+
+ <p class="p-task" style="width: 12%">
+ <b>鍏虫敞锛�</b>
+ <el-select
+ v-model="collection"
+ @change="searchingBtn"
+ size="mini"
+ style="width: calc(100% - 40px); min-width: 70px"
+ placeholder="閫夋嫨"
+ >
+ <el-option value="" label="鍏ㄩ儴"></el-option>
+ <el-option value="1" label="宸插叧娉�"></el-option>
+ <el-option value="0" label="鏈叧娉�"></el-option>
+ </el-select>
+ </p>
+
+ <p class="p-level" style="width: 15%">
<b>浜嬩欢绛夌骇锛�</b>
<el-select
v-model="alarmValues"
@@ -88,7 +115,7 @@
collapse-tags
size="mini"
style="width: calc(100% - 64px); min-width: 120px"
- placeholder="璇烽�夋嫨"
+ placeholder="閫夋嫨"
>
<el-option
v-for="item in VideoPhotoData.dictionary.ALARMLEVEL"
@@ -102,7 +129,7 @@
<el-date-picker
size="mini"
v-model="searchTime"
- @change="searchingBtn"
+ @change="changeTime"
type="datetimerange"
start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡"
@@ -110,20 +137,22 @@
style="width: 99%; min-width: 200px"
></el-date-picker>
</p>
- <p class="p-input" style="width: 19%">
+ <p class="p-input" style="width: 16%">
<el-input
- placeholder="璇疯緭鍏ュ唴瀹�"
+ placeholder="璇疯緭鍏�"
prefix-icon="el-icon-search"
style="
width: calc(100% - 75px);
- min-width: 100px;
+ min-width: 85px;
margin-left: 10px;
margin-right: 10px;
"
v-model="VideoPhotoData.inputValue"
size="mini"
></el-input>
- <el-button type="primary" size="mini" @click="searchingBtn">鎼滅储</el-button>
+ <el-button type="primary" size="mini" @click="searchingBtn"
+ >鎼滅储</el-button
+ >
</p>
<p class="p-clear">
<b class="clear-searching" @click="clearSearch">閲嶇疆</b>
@@ -137,16 +166,24 @@
id="searchMid"
class="mid"
:style="{
- width: VideoPhotoData.uploadDiaplay ? 'calc(100% - 315px)' : '100%'
+ width: VideoPhotoData.uploadDiaplay
+ ? 'calc(100% - 315px)'
+ : '100%',
}"
>
<div class="right-section" ref="scrollContain">
<Card
v-for="(item, index) in VideoPhotoData.cards"
- :class="item.activeObject.id === VideoPhotoData.activeCard ? 'my-active-card' : ''"
+ :class="
+ item.activeObject.id === VideoPhotoData.activeCard
+ ? 'my-active-card'
+ : ''
+ "
:key="index + 'u'"
:outHeight="'162px'"
- :outWidth="VideoPhotoData.uploadDiaplay ? searchImgCardWidth : cardWidth"
+ :outWidth="
+ VideoPhotoData.uploadDiaplay ? searchImgCardWidth : cardWidth
+ "
:data="item"
:searchTime="searchTimeFormated"
:showType="showType"
@@ -197,11 +234,21 @@
<p>榛戝悕鍗� ></p>
</div>
<div class="baseList">
- <el-checkbox-group v-model="VideoPhotoData.selectBlacks" @change="blackAngWhite">
- <div class="base" v-for="(item, index) in VideoPhotoData.blackList" :key="index">
- <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
- item.title
- }}</el-checkbox>
+ <el-checkbox-group
+ v-model="VideoPhotoData.selectBlacks"
+ @change="blackAngWhite"
+ >
+ <div
+ class="base"
+ v-for="(item, index) in VideoPhotoData.blackList"
+ :key="index"
+ >
+ <el-checkbox
+ :label="item.value"
+ :title="item.title"
+ :disabled="item.disabled"
+ >{{ item.title }}</el-checkbox
+ >
</div>
</el-checkbox-group>
</div>
@@ -211,18 +258,32 @@
<p>鐧藉悕鍗� ></p>
</div>
<div class="baseList">
- <el-checkbox-group v-model="VideoPhotoData.selectWhites" @change="blackAngWhite">
- <div class="base" v-for="(item, index) in VideoPhotoData.whiteList" :key="index">
- <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
- item.title
- }}</el-checkbox>
+ <el-checkbox-group
+ v-model="VideoPhotoData.selectWhites"
+ @change="blackAngWhite"
+ >
+ <div
+ class="base"
+ v-for="(item, index) in VideoPhotoData.whiteList"
+ :key="index"
+ >
+ <el-checkbox
+ :label="item.value"
+ :title="item.title"
+ :disabled="item.disabled"
+ >{{ item.title }}</el-checkbox
+ >
</div>
</el-checkbox-group>
</div>
</div>
<div class="buttons">
- <el-button type="primary" @click="saveAddBase(item, index)">淇濆瓨</el-button>
- <el-button type="default" @click="closeWindow(index)">鍙栨秷</el-button>
+ <el-button type="primary" @click="saveAddBase(item, index)"
+ >淇濆瓨</el-button
+ >
+ <el-button type="default" @click="closeWindow(index)"
+ >鍙栨秷</el-button
+ >
</div>
</div>
</hsc-window>
@@ -231,14 +292,14 @@
</template>
<script>
-import Card from "@/components/subComponents/Card"
-import UploadImg from "@/components/searching/UploadImg"
-import bus from "./main"
-import { getUrlKey } from "@/api/utils"
+import Card from "@/components/subComponents/Card";
+import UploadImg from "@/components/searching/UploadImg";
+import bus from "./main";
+import { getUrlKey } from "@/api/utils";
export default {
components: {
Card,
- UploadImg
+ UploadImg,
},
data() {
return {
@@ -253,109 +314,116 @@
tagValues: [],
alarmValues: [],
taskValues: [],
- searchTime: [this.$moment().format("YYYY-MM-DD 00:00:00"), this.$moment().format("YYYY-MM-DD HH:mm:ss")],
+ collection: "",
+ searchTime: [
+ this.$moment().format("YYYY-MM-DD 00:00:00"),
+ this.$moment().format("YYYY-MM-DD HH:mm:ss"),
+ ],
searchText: "",
- currentPage: 1
- }
+ currentPage: 1,
+ };
},
computed: {
searchTimeFormated() {
- return this.format(this.searchTime)
- }
+ return this.format(this.searchTime);
+ },
},
created() {
- this.TreeDataPool.readonly = true
- this.TreeDataPool.gbReadonly = true
- this.TreeDataPool.multiple = true
- this.TreeDataPool.clean()
- this.TreeDataPool.fetchTreeData()
+ this.TreeDataPool.readonly = true;
+ 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 scrollContain = this.$refs.scrollContain;
+ this.VideoPhotoData.scrollContainDom = scrollContain;
// let list = this.TreeDataPool.localVedioList.filter((i) => {
// return i.progress == 100
// })
// this.TreeDataPool.localVedioList = list
- })
- window.addEventListener("resize", this.getHeight)
- this.getCenter()
- this.getHeight()
- this.blackAngWhite()
+ });
+ window.addEventListener("resize", this.getHeight);
+ this.getCenter();
+ this.getHeight();
+ this.blackAngWhite();
// 瑙嗛鐩戞帶浠诲姟璺宠浆 灞忚斀 20200730
// if (this.$route.query.from === "video") {
// this.VideoPhotoData.queryTasks = this.taskValues = [
// this.VideoTaskData.tasks[this.VideoTaskData.activeIndex].taskId
// ];
// }
- let start = getUrlKey("start")
- let end = getUrlKey("end")
+ let start = getUrlKey("start");
+ let end = getUrlKey("end");
if (start && end) {
- this.searchTime = [start, end]
- this.VideoPhotoData.searchTime = [start, end]
+ this.searchTime = [start, end];
+ this.VideoPhotoData.searchTime = [start, end];
} else {
- this.searchTime = this.getDateInit()
- this.VideoPhotoData.searchTime = this.getDateInit()
+ this.searchTime = this.getDateInit();
+ this.VideoPhotoData.searchTime = this.getDateInit();
}
// 鏆傛椂鍏抽棴璺宠浆 20200730
// if (this.$route.query.showType === "findByPic") {
if (getUrlKey("showType")) {
- this.VideoPhotoData.uploadDiaplay = true
- this.VideoPhotoData.picUrl = getUrlKey("picSmUrl")
- this.VideoPhotoData.uploadImg = getUrlKey("picSmUrl")
- this.VideoPhotoData.uploadType = true
- this.VideoPhotoData.compTargetId = getUrlKey("targetId")
- this.VideoPhotoData.compTargetType = getUrlKey("compType")
- this.VideoPhotoData.size = 30
- this.VideoPhotoData.compareTabs = ["esData"]
- this.VideoPhotoData.findPerson2() // 鏌ユ壘姝や汉
+ this.VideoPhotoData.uploadDiaplay = true;
+ this.VideoPhotoData.picUrl = getUrlKey("picSmUrl");
+ this.VideoPhotoData.uploadImg = getUrlKey("picSmUrl");
+ this.VideoPhotoData.uploadType = true;
+ this.VideoPhotoData.compTargetId = getUrlKey("targetId");
+ this.VideoPhotoData.compTargetType = getUrlKey("compType");
+ this.VideoPhotoData.size = 30;
+ this.VideoPhotoData.compareTabs = ["esData"];
+ this.VideoPhotoData.findPerson2(); // 鏌ユ壘姝や汉
} else {
- this.searchTime = this.getDateInit()
- this.VideoPhotoData.searchTime = this.getDateInit()
+ this.searchTime = this.getDateInit();
+ this.VideoPhotoData.searchTime = this.getDateInit();
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
}
- this.VideoPhotoData.queryTagList()
- this.VideoPhotoData.queryTaskList()
- this.VideoPhotoData.queryDictionary()
+ this.VideoPhotoData.queryTagList();
+ this.VideoPhotoData.queryTaskList();
+ this.VideoPhotoData.queryDictionary();
this.$nextTick(() => {
bus.$on("changePage", (page) => {
- this.currentPage = page
- this.VideoPhotoData.page = page
- })
- })
+ this.currentPage = page;
+ this.VideoPhotoData.page = page;
+ });
+ });
},
destroyed() {
- window.removeEventListener("resize", this.getHeight)
- this.CardList.details = []
+ window.removeEventListener("resize", this.getHeight);
+ this.CardList.details = [];
// this.TreeDataPool.treeActiveName = "camera";
- this.VideoPhotoData.queryAlarmlevel = []
- this.VideoPhotoData.inputValue = ""
- this.VideoPhotoData.queryTabs = []
- this.VideoPhotoData.queryTasks = []
- this.VideoPhotoData.treeNodes = []
+ this.VideoPhotoData.queryAlarmlevel = [];
+ this.VideoPhotoData.inputValue = "";
+ this.VideoPhotoData.queryTabs = [];
+ this.VideoPhotoData.queryTasks = [];
+ this.VideoPhotoData.treeNodes = [];
- this.CardList.addBaseList = []
- this.VideoPhotoData.selectBlacks = []
- this.VideoPhotoData.selectWhites = []
+ this.CardList.addBaseList = [];
+ this.VideoPhotoData.selectBlacks = [];
+ this.VideoPhotoData.selectWhites = [];
},
watch: {
"TreeDataPool.treeActiveName"(n, o) {
if (n && n == "camera") {
- this.VideoPhotoData.treeNodes = []
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.VideoPhotoData.dataSource = "camera";
+ this.VideoPhotoData.treeNodes = [];
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
+ } else {
+ this.VideoPhotoData.dataSource = "stack";
}
},
"TreeDataPool.showTreeBox"(value) {
- this.getHeight()
+ this.getHeight();
if (this.VideoPhotoData.realSmallPath.length > 0) {
- this.VideoPhotoData.findPersonByPage()
+ this.VideoPhotoData.findPersonByPage();
} else {
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
}
},
// "TreeDataPool.selectedNodes": function(newValue,oldValue) {
@@ -365,199 +433,208 @@
// }
// },
"TreeDataPool.selectedNodes": {
- handler: function(newVal, oldVal) {
+ handler: function (newVal, oldVal) {
if (newVal !== oldVal) {
- this.VideoPhotoData.treeNodes = newVal
+ this.VideoPhotoData.treeNodes = newVal;
if (this.VideoPhotoData.uploadType) {
- this.VideoPhotoData.findPersonByPage()
+ this.VideoPhotoData.findPersonByPage();
} else {
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
}
}
},
- deep: true //娣卞害鐩戝惉
+ deep: true, //娣卞害鐩戝惉
},
"DataStackPool.selectedDir": {
handler(nodes, oldNodes) {
if (nodes !== oldNodes && nodes.id != "") {
// this.VideoPhotoData.treeNodes = nodes.map(i=>{return i.id});
- this.VideoPhotoData.treeNodes = [nodes.id]
+ this.VideoPhotoData.treeNodes = [nodes.id];
if (this.VideoPhotoData.uploadType) {
- this.VideoPhotoData.findPersonByPage()
+ this.VideoPhotoData.findPersonByPage();
} else {
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
}
}
},
- deep: true
+ deep: true,
},
- "VideoPhotoData.activeCard": function(value) {
- let card = this.$refs.scrollContain.getElementsByClassName("my-active-card")
+ "VideoPhotoData.activeCard": function (value) {
+ let card =
+ this.$refs.scrollContain.getElementsByClassName("my-active-card");
if (card.length > 0) {
- let cardHeight = card[0].clientHeight
- let cardTop = card[0].offsetTop
- let scrollTop = this.$refs.scrollContain.scrollTop
- let divHeight = this.$refs.scrollContain.clientHeight
- if (cardTop - cardHeight - scrollTop > divHeight || cardTop - cardHeight - scrollTop < 0)
- this.$refs.scrollContain.scrollTo(0, cardTop - cardHeight)
+ let cardHeight = card[0].clientHeight;
+ let cardTop = card[0].offsetTop;
+ let scrollTop = this.$refs.scrollContain.scrollTop;
+ let divHeight = this.$refs.scrollContain.clientHeight;
+ if (
+ cardTop - cardHeight - scrollTop > divHeight ||
+ cardTop - cardHeight - scrollTop < 0
+ )
+ this.$refs.scrollContain.scrollTo(0, cardTop - cardHeight);
}
},
- "VideoPhotoData.uploadType": function(value) {
+ "VideoPhotoData.uploadType": function (value) {
if (value) {
- this.typeDisable = true
- this.disabled = true
+ this.typeDisable = true;
+ this.disabled = true;
} else {
- this.typeDisable = false
- this.VideoPhotoData.querySearchList()
+ this.typeDisable = false;
+ this.VideoPhotoData.querySearchList();
}
},
- "VideoPhotoData.selectBlacks": function(value) {
- this.blackAngWhite()
+ "VideoPhotoData.selectBlacks": function (value) {
+ this.blackAngWhite();
},
- "VideoPhotoData.selectWhites": function(value) {
- this.blackAngWhite()
+ "VideoPhotoData.selectWhites": function (value) {
+ this.blackAngWhite();
},
- "VideoPhotoData.uploadDiaplay": function(value) {
- this.getHeight()
+ "VideoPhotoData.uploadDiaplay": function (value) {
+ this.getHeight();
if (value) {
if (!this.VideoPhotoData.uploadType) {
- let scrollContain = this.$refs.scrollContain
- this.VideoPhotoData.scrollContainDom = scrollContain
- this.VideoPhotoData.showType = "search"
+ let scrollContain = this.$refs.scrollContain;
+ this.VideoPhotoData.scrollContainDom = scrollContain;
+ this.VideoPhotoData.showType = "search";
// this.VideoPhotoData.querySearchList();
//this.setLoadSearch(this.VideoPhotoData.querySearchList());
- this.isDisabled = false
+ this.isDisabled = false;
} else {
//this.VideoPhotoData.scrollContainDom = '';
- this.VideoPhotoData.showType = "findByPic"
+ this.VideoPhotoData.showType = "findByPic";
}
} else {
- this.VideoPhotoData.uploadType = false
- this.VideoPhotoData.showType = "search"
+ this.VideoPhotoData.uploadType = false;
+ this.VideoPhotoData.showType = "search";
}
- }
+ },
},
methods: {
isShowUpload() {
- this.getHeight()
+ this.getHeight();
if (this.VideoPhotoData.uploadDiaplay) {
if (!this.VideoPhotoData.uploadType) {
- let scrollContain = this.$refs.scrollContain
- this.VideoPhotoData.scrollContainDom = scrollContain
- this.VideoPhotoData.showType = "search"
+ let scrollContain = this.$refs.scrollContain;
+ this.VideoPhotoData.scrollContainDom = scrollContain;
+ this.VideoPhotoData.showType = "search";
// this.VideoPhotoData.querySearchList();
//this.setLoadSearch(this.VideoPhotoData.querySearchList());
- this.isDisabled = false
+ this.isDisabled = false;
} else {
//this.VideoPhotoData.scrollContainDom = '';
- this.VideoPhotoData.showType = "findByPic"
+ this.VideoPhotoData.showType = "findByPic";
}
} else {
- this.VideoPhotoData.uploadType = false
- this.VideoPhotoData.showType = "search"
+ this.VideoPhotoData.uploadType = false;
+ this.VideoPhotoData.showType = "search";
}
},
resizeWidth(w) {
- this.defaultWidth = w
+ this.defaultWidth = w;
},
resizeHeight(h) {
- this.defaultHeight = h
+ this.defaultHeight = h;
},
getHeight() {
- let w = this.$refs.mid.offsetWidth
- let integer = parseInt(w / 330)
- let integerSearchImg = parseInt((w - 300) / 325)
+ let w = this.$refs.mid.offsetWidth;
+ let integer = parseInt(w / 330);
+ let integerSearchImg = parseInt((w - 300) / 325);
// 鍙栨秷size淇敼
// this.handleSizeChange(integer, integerSearchImg);
- this.cardWidth = `calc(${100 / integer}% - 20px)`
- this.searchImgCardWidth = `calc(${100 / integerSearchImg}% - 20px)`
+ this.cardWidth = `calc(${100 / integer}% - 20px)`;
+ this.searchImgCardWidth = `calc(${100 / integerSearchImg}% - 20px)`;
},
uploadChange() {
- this.VideoPhotoData.uploadDiaplay = false
- this.VideoPhotoData.clearStatus()
+ this.VideoPhotoData.uploadDiaplay = false;
+ this.VideoPhotoData.clearStatus();
},
blackAngWhite() {
if (this.VideoPhotoData.selectBlacks.length > 0) {
for (let i = 0; i < this.VideoPhotoData.whiteList.length; i++) {
//this.VideoPhotoData.whiteList[i].disabled = true
- this.$set(this.VideoPhotoData.whiteList[i], "disabled", true)
+ this.$set(this.VideoPhotoData.whiteList[i], "disabled", true);
}
}
if (this.VideoPhotoData.selectBlacks.length == 0) {
for (let i = 0; i < this.VideoPhotoData.whiteList.length; i++) {
//this.VideoPhotoData.whiteList[i].disabled = false
- this.$set(this.VideoPhotoData.whiteList[i], "disabled", false)
+ this.$set(this.VideoPhotoData.whiteList[i], "disabled", false);
}
}
if (this.VideoPhotoData.selectWhites.length > 0) {
for (let i = 0; i < this.VideoPhotoData.blackList.length; i++) {
// this.VideoPhotoData.blackList[i].disabled = true
- this.$set(this.VideoPhotoData.blackList[i], "disabled", true)
+ this.$set(this.VideoPhotoData.blackList[i], "disabled", true);
}
}
if (this.VideoPhotoData.selectWhites.length == 0) {
for (let i = 0; i < this.VideoPhotoData.blackList.length; i++) {
//this.VideoPhotoData.blackList[i].disabled = false
- this.$set(this.VideoPhotoData.blackList[i], "disabled", false)
+ this.$set(this.VideoPhotoData.blackList[i], "disabled", false);
}
}
},
saveAddBase(item, index) {
- if (this.VideoPhotoData.selectBlacks.length === 0 && this.VideoPhotoData.selectWhites.length === 0) {
+ if (
+ this.VideoPhotoData.selectBlacks.length === 0 &&
+ this.VideoPhotoData.selectWhites.length === 0
+ ) {
this.$notify({
title: "娉ㄦ剰",
message: "璇烽�夋嫨瑕佹坊鍔犵殑搴曞簱",
- type: "warning"
- })
- return
+ type: "warning",
+ });
+ return;
}
- let res = this.VideoPhotoData.addBase(item)
+ let res = this.VideoPhotoData.addBase(item);
res.then((data) => {
if (data.success) {
this.$notify({
title: "鎴愬姛",
message: data.data,
- type: "success"
- })
+ type: "success",
+ });
} else {
this.$notify({
title: "澶辫触",
message: data.data,
- type: "error"
- })
+ type: "error",
+ });
}
- this.CardList.addBaseList.splice(index, 1)
- this.VideoPhotoData.selectBlacks = []
- this.VideoPhotoData.selectWhites = []
- })
+ this.CardList.addBaseList.splice(index, 1);
+ this.VideoPhotoData.selectBlacks = [];
+ this.VideoPhotoData.selectWhites = [];
+ });
},
getDetails(ev, index) {
//let obj = this.CardList.datalist[index];
- this.CardList.datalist = this.VideoPhotoData.cards
- let obj = this.CardList.datalist[index]
- this.CardList.details = Array.from(new Set([...this.CardList.details, ...[obj]]))
+ this.CardList.datalist = this.VideoPhotoData.cards;
+ let obj = this.CardList.datalist[index];
+ this.CardList.details = Array.from(
+ new Set([...this.CardList.details, ...[obj]])
+ );
// this.CardList.details.push(obj);
- this.VideoPhotoData.activeCard = obj.activeObject.id
+ this.VideoPhotoData.activeCard = obj.activeObject.id;
},
toAdd(item) {
- this.CardList.addBaseList.push(item)
+ this.CardList.addBaseList.push(item);
},
handleClose(done) {
this.$confirm("纭鍏抽棴锛�")
.then((_) => {
- done()
+ done();
})
- .catch((_) => {})
+ .catch((_) => {});
},
showUpload() {
- this.VideoPhotoData.uploadDiaplay = !this.VideoPhotoData.uploadDiaplay
+ this.VideoPhotoData.uploadDiaplay = !this.VideoPhotoData.uploadDiaplay;
//鍒濆鍖栨暟鎹�
- this.VideoPhotoData.clearStatus()
- this.CardList.details = []
+ this.VideoPhotoData.clearStatus();
+ this.CardList.details = [];
// if (this.VideoPhotoData.uploadDiaplay) {
// }
@@ -565,153 +642,169 @@
},
getDateInit() {
// 瑕佹眰 榛樿涓�涓湀
- const end = new Date()
- const start = new Date()
- const nowDate = new Date()
- nowDate.setHours(0)
- nowDate.setMinutes(0)
- nowDate.setSeconds(0)
- nowDate.setMilliseconds(0)
- start.setTime(nowDate.getTime() - 3600 * 1000 * 24 * 30)
- end.setTime(nowDate.getTime() + 3600 * 1000 * 24 - 1)
- return [this.$moment(start).format("YYYY-MM-DD HH:mm:ss"), this.$moment(end).format("YYYY-MM-DD HH:mm:ss")]
+ const end = new Date();
+ const start = new Date();
+ const nowDate = new Date();
+ nowDate.setHours(0);
+ nowDate.setMinutes(0);
+ nowDate.setSeconds(0);
+ nowDate.setMilliseconds(0);
+ start.setTime(nowDate.getTime() - 3600 * 1000 * 24 * 30);
+ end.setTime(nowDate.getTime() + 3600 * 1000 * 24 - 1);
+ return [
+ this.$moment(start).format("YYYY-MM-DD HH:mm:ss"),
+ this.$moment(end).format("YYYY-MM-DD HH:mm:ss"),
+ ];
},
format(array) {
+ if (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")
- ]
+ this.$moment(array[1]).format("YYYY-MM-DD HH:mm:ss"),
+ ];
},
searchingBtn() {
- this.VideoPhotoData.page = 1
- this.VideoPhotoData.queryTabs = this.tagValues
+ this.VideoPhotoData.page = 1;
+ this.VideoPhotoData.queryTabs = this.tagValues;
//澶勭悊鎼滅储绫诲瀷
- var tempArr = this.taskValues.map((task) => task.split(","))
- var tasks = []
+ var tempArr = this.taskValues.map((task) => task.split(","));
+ var tasks = [];
tempArr.forEach((arr) => {
- tasks = tasks.concat(arr)
- })
- this.VideoPhotoData.queryTasks = tasks
+ tasks = tasks.concat(arr);
+ });
+ this.VideoPhotoData.queryTasks = tasks;
- this.VideoPhotoData.queryAlarmlevel = this.stringToNum()
- this.VideoPhotoData.searchTime = this.format(this.searchTime)
+ this.VideoPhotoData.queryAlarmlevel = this.stringToNum();
+ this.VideoPhotoData.searchTime = this.format(this.searchTime);
//this.VideoPhotoData.inputValue = this.searchText;
- this.VideoPhotoData.showType = this.showType
+ this.VideoPhotoData.showType = this.showType;
+ this.VideoPhotoData.collection = this.collection;
if (!this.VideoPhotoData.uploadType) {
- this.VideoPhotoData.uploadDiaplay = false
+ this.VideoPhotoData.uploadDiaplay = false;
//this.VideoPhotoData.page = this.currentPage;
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
} else {
//this.VideoPhotoData.page = this.currentPage;
// this.VideoPhotoData.findPersonByPage();
- this.setLoadSearch(this.VideoPhotoData.findPersonByPage())
+ this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
}
},
stringToNum() {
- var arr = []
+ var arr = [];
this.alarmValues.forEach((element) => {
if (element == "-1") {
- arr.push(-1)
+ arr.push(-1);
}
if (element == "1") {
- arr.push(1)
+ arr.push(1);
}
if (element == "2") {
- arr.push(2)
+ arr.push(2);
}
if (element == "3") {
- arr.push(3)
+ arr.push(3);
}
if (element == "4") {
- arr.push(4)
+ arr.push(4);
}
if (element == "5") {
- arr.push(5)
+ arr.push(5);
}
- })
- return arr
+ });
+ return arr;
},
changePages(page) {
- this.VideoPhotoData.page = page
+ this.VideoPhotoData.page = page;
if (!this.VideoPhotoData.uploadType) {
- this.VideoPhotoData.uploadDiaplay = false
+ this.VideoPhotoData.uploadDiaplay = false;
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
} else {
// this.VideoPhotoData.findPersonByPage();
- this.setLoadSearch(this.VideoPhotoData.findPersonByPage())
+ this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
}
},
closeWindow(index) {
- this.CardList.addBaseList.splice(index, 1)
+ this.CardList.addBaseList.splice(index, 1);
},
handleSizeChange(integer, integerSearchImg) {
if (this.VideoPhotoData.uploadDiaplay) {
- this.VideoPhotoData.size = integerSearchImg * 10
+ this.VideoPhotoData.size = integerSearchImg * 10;
//this.VideoPhotoData.findPersonByPage();
} else {
- this.VideoPhotoData.size = integer * 10
+ this.VideoPhotoData.size = integer * 10;
//this.VideoPhotoData.querySearchList();
}
},
sizeChange(size) {
if (this.VideoPhotoData.uploadType) {
- this.VideoPhotoData.size = size
- this.VideoPhotoData.findPersonByPage()
+ this.VideoPhotoData.size = size;
+ this.VideoPhotoData.findPersonByPage();
} else {
- this.VideoPhotoData.uploadDiaplay = false
- this.VideoPhotoData.size = size
+ this.VideoPhotoData.uploadDiaplay = false;
+ this.VideoPhotoData.size = size;
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
}
},
clearSearch() {
- this.tagValues = []
- this.taskValues = []
- this.alarmValues = []
- this.VideoPhotoData.queryTabs = []
- this.VideoPhotoData.queryTasks = []
- this.VideoPhotoData.queryAlarmlevel = []
- this.VideoPhotoData.searchTime = this.getDateInit()
- this.VideoPhotoData.inputValue = ""
- this.searchTime = this.getDateInit()
+ this.tagValues = [];
+ this.taskValues = [];
+ this.collection = "";
+ this.alarmValues = [];
+ this.VideoPhotoData.queryTabs = [];
+ this.VideoPhotoData.queryTasks = [];
+ this.VideoPhotoData.queryAlarmlevel = [];
+ this.VideoPhotoData.searchTime = this.getDateInit();
+ this.VideoPhotoData.inputValue = "";
+ this.VideoPhotoData.collection = "";
+ this.searchTime = this.getDateInit();
if (!this.VideoPhotoData.uploadType) {
// this.VideoPhotoData.querySearchList();
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
} else {
// this.VideoPhotoData.findPersonByPage();
- this.setLoadSearch(this.VideoPhotoData.findPersonByPage())
+ this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
}
},
disabled(data) {
- this.isDisabled = data
+ this.isDisabled = data;
},
getCenter() {
this.center = {
x: document.documentElement.clientWidth / 2 - 250,
- y: document.documentElement.clientHeight / 2 - 200
- }
+ y: document.documentElement.clientHeight / 2 - 200,
+ };
},
setLoadSearch(fn) {
- this.AuthData.setLoading("searchMid", this)
+ this.AuthData.setLoading("searchMid", this);
fn.then((_) => {
- this.AuthData.closeLoad()
- })
+ this.AuthData.closeLoad();
+ });
},
tagChange(obj) {
if (obj.length > 0) {
- this.showType = "compare"
+ this.showType = "compare";
} else {
- this.showType = "search"
+ this.showType = "search";
}
- this.VideoPhotoData.queryTabs = obj
+ this.VideoPhotoData.queryTabs = obj;
- this.setLoadSearch(this.VideoPhotoData.querySearchList())
- }
- }
-}
+ this.setLoadSearch(this.VideoPhotoData.querySearchList());
+ },
+ changeTime(val) {
+ if (!val) {
+ this.searchTime = [];
+ }
+
+ this.searchingBtn();
+ },
+ },
+};
</script>
<style lang="scss">
--
Gitblit v1.8.0