| | |
| | | " |
| | | ></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" |
| | |
| | | :title="item.title" |
| | | ></el-option> |
| | | </el-select> |
| | | </p> |
| | | </p> --> |
| | | <p class="p-task" style="width: 16%"> |
| | | <b>场景:</b> |
| | | <el-select |
| | |
| | | <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" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | </div> |
| | | <div ref="mid" style="height: calc(100% - 50px)"> |
| | | <div class="left-selection" v-if="VideoPhotoData.uploadDiaplay"> |
| | |
| | | </div> |
| | | </hsc-window> |
| | | </hsc-window-style-metal> |
| | | <SetBox v-if="showSetBox" @close="showSetBox = false"></SetBox> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | 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 { |
| | |
| | | ], |
| | | searchText: "", |
| | | currentPage: 1, |
| | | showSetBox: false, |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | 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); |
| | |
| | | ]; |
| | | }, |
| | | 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, |
| | |
| | | //处理搜索类型 |
| | | 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()); |
| | | } |
| | | }, |
| | |
| | | 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(); |
| | |
| | | color: #2249b4; |
| | | } |
| | | } |
| | | .setIcon { |
| | | margin-left: 10px; |
| | | font-size: 18px; |
| | | color: #1677ff; |
| | | cursor: pointer; |
| | | } |
| | | .clear-searching { |
| | | cursor: pointer; |
| | | text-decoration: underline; |