| | |
| | | Card, |
| | | UploadImg |
| | | }, |
| | | data() { |
| | | data () { |
| | | return { |
| | | cardWidth: "", |
| | | center: "", |
| | |
| | | }; |
| | | }, |
| | | |
| | | created() { |
| | | created () { |
| | | this.TreeDataPool.readonly = true; |
| | | this.TreeDataPool.gbReadonly = true; |
| | | this.TreeDataPool.multiple = true; |
| | | this.TreeDataPool.clean(); |
| | | this.TreeDataPool.fetchTreeData(); |
| | | }, |
| | | mounted() { |
| | | mounted () { |
| | | this.$nextTick(() => { |
| | | let scrollContain = this.$refs.scrollContain |
| | | this.VideoPhotoData.scrollContainDom = scrollContain |
| | |
| | | this.searchTime = this.getDateInit(); |
| | | this.VideoPhotoData.searchTime = this.getDateInit(); |
| | | // this.VideoPhotoData.querySearchList(); |
| | | console.log('mounted 查询es') |
| | | this.setLoadSearch(this.VideoPhotoData.querySearchList()); |
| | | } |
| | | |
| | |
| | | }); |
| | | }); |
| | | }, |
| | | destroyed() { |
| | | destroyed () { |
| | | window.removeEventListener("resize", this.getHeight); |
| | | this.CardList.details = []; |
| | | // this.TreeDataPool.treeActiveName = "camera"; |
| | |
| | | this.VideoPhotoData.selectWhites = []; |
| | | }, |
| | | watch: { |
| | | "TreeDataPool.showTreeBox"(value) { |
| | | "TreeDataPool.showTreeBox" (value) { |
| | | this.getHeight(); |
| | | if (this.VideoPhotoData.realSmallPath.length > 0) { |
| | | this.VideoPhotoData.findPersonByPage(); |
| | | } else { |
| | | // this.VideoPhotoData.querySearchList(); |
| | | console.log('showTreeBox 查询es') |
| | | this.setLoadSearch(this.VideoPhotoData.querySearchList()); |
| | | } |
| | | }, |
| | |
| | | this.VideoPhotoData.findPersonByPage() |
| | | } else { |
| | | // this.VideoPhotoData.querySearchList(); |
| | | console.log('TreeDataPool.selectedNodes 查询es') |
| | | this.setLoadSearch(this.VideoPhotoData.querySearchList()); |
| | | } |
| | | } |
| | |
| | | deep: true //深度监听 |
| | | }, |
| | | "DataStackPool.selectedDir": { |
| | | handler(nodes, oldNodes) { |
| | | if (nodes !== oldNodes) { |
| | | handler (nodes, oldNodes) { |
| | | if (nodes !== oldNodes && nodes.id != "") { |
| | | // this.VideoPhotoData.treeNodes = nodes.map(i=>{return i.id}); |
| | | this.VideoPhotoData.treeNodes = [nodes.id]; |
| | | if (this.VideoPhotoData.uploadType) { |
| | | this.VideoPhotoData.findPersonByPage() |
| | | } else { |
| | | // this.VideoPhotoData.querySearchList(); |
| | | console.log('DataStackPool.selectedDir 查询es') |
| | | this.setLoadSearch(this.VideoPhotoData.querySearchList()); |
| | | } |
| | | } |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | isShowUpload() { |
| | | isShowUpload () { |
| | | console.log('isShowUpload', this.VideoPhotoData.uploadDiaplay) |
| | | this.getHeight(); |
| | | console.log("upload的值是:", this.VideoPhotoData.uploadDiaplay) |
| | |
| | | this.VideoPhotoData.showType = "search"; |
| | | } |
| | | }, |
| | | resizeWidth(w) { |
| | | resizeWidth (w) { |
| | | this.defaultWidth = w; |
| | | }, |
| | | resizeHeight(h) { |
| | | resizeHeight (h) { |
| | | this.defaultHeight = h; |
| | | }, |
| | | getHeight() { |
| | | getHeight () { |
| | | let w = this.$refs.mid.offsetWidth; |
| | | let integer = parseInt(w / 330); |
| | | let integerSearchImg = parseInt((w - 300) / 325); |
| | |
| | | this.cardWidth = `calc(${100 / integer}% - 20px)`; |
| | | this.searchImgCardWidth = `calc(${100 / integerSearchImg}% - 20px)`; |
| | | }, |
| | | uploadChange() { |
| | | uploadChange () { |
| | | this.VideoPhotoData.uploadDiaplay = false; |
| | | }, |
| | | blackAngWhite() { |
| | | blackAngWhite () { |
| | | if (this.VideoPhotoData.selectBlacks.length > 0) { |
| | | for (let i = 0; i < this.VideoPhotoData.whiteList.length; i++) { |
| | | //this.VideoPhotoData.whiteList[i].disabled = true |
| | |
| | | } |
| | | } |
| | | }, |
| | | saveAddBase(item, index) { |
| | | saveAddBase (item, index) { |
| | | if (this.VideoPhotoData.selectBlacks.length === 0 && this.VideoPhotoData.selectWhites.length === 0) { |
| | | this.$notify({ |
| | | title: "注意", |
| | |
| | | this.VideoPhotoData.selectWhites = [] |
| | | }) |
| | | }, |
| | | getDetails(ev, index) { |
| | | getDetails (ev, index) { |
| | | //let obj = this.CardList.datalist[index]; |
| | | this.CardList.datalist = this.VideoPhotoData.cards; |
| | | let obj = this.CardList.datalist[index]; |
| | |
| | | // this.CardList.details.push(obj); |
| | | this.VideoPhotoData.activeCard = obj.activeObject.id; |
| | | }, |
| | | toAdd(item) { |
| | | toAdd (item) { |
| | | this.CardList.addBaseList.push(item) |
| | | }, |
| | | handleClose(done) { |
| | | handleClose (done) { |
| | | this.$confirm('确认关闭?') |
| | | .then(_ => { |
| | | done(); |
| | | }) |
| | | .catch(_ => { }); |
| | | }, |
| | | showUpload() { |
| | | showUpload () { |
| | | this.VideoPhotoData.uploadDiaplay = !this.VideoPhotoData.uploadDiaplay; |
| | | //初始化数据 |
| | | this.VideoPhotoData.clearStatus(); |
| | |
| | | // } |
| | | //this.VideoPhotoData.uploadImg = require("C:/Users/mdesign/Desktop/cvasdv.jpg"); |
| | | }, |
| | | getDateInit() { |
| | | getDateInit () { |
| | | // 要求 默认一个月 |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | |
| | | this.$moment(end).format("YYYY-MM-DD HH:mm:ss") |
| | | ]; |
| | | }, |
| | | format(array) { |
| | | format (array) { |
| | | return [ |
| | | this.$moment(array[0]).format("YYYY-MM-DD HH:mm:ss"), |
| | | this.$moment(array[1]).format("YYYY-MM-DD HH:mm:ss") |
| | | ]; |
| | | }, |
| | | searchingBtn() { |
| | | searchingBtn () { |
| | | // let obj = document.getElementById('searchMid'); |
| | | // console.log(obj,'target',document) |
| | | // let load = this.$loading({ |
| | |
| | | this.VideoPhotoData.uploadDiaplay = false; |
| | | //this.VideoPhotoData.page = this.currentPage; |
| | | // this.VideoPhotoData.querySearchList(); |
| | | console.log('搜索按钮触发 查询es') |
| | | this.setLoadSearch(this.VideoPhotoData.querySearchList()); |
| | | } else { |
| | | console.log("以图搜图"); |
| | |
| | | this.setLoadSearch(this.VideoPhotoData.findPersonByPage()); |
| | | } |
| | | }, |
| | | stringToNum() { |
| | | stringToNum () { |
| | | var arr = []; |
| | | this.alarmValues.forEach(element => { |
| | | if (element == "-1") { |
| | |
| | | // console.log("输出的数组:", arr); |
| | | return arr; |
| | | }, |
| | | changePages(page) { |
| | | changePages (page) { |
| | | this.VideoPhotoData.page = page; |
| | | if (!this.VideoPhotoData.uploadType) { |
| | | console.log("分页改变!") |
| | |
| | | this.setLoadSearch(this.VideoPhotoData.findPersonByPage()); |
| | | } |
| | | }, |
| | | closeWindow(index) { |
| | | closeWindow (index) { |
| | | this.CardList.addBaseList.splice(index, 1); |
| | | }, |
| | | handleSizeChange(integer, integerSearchImg) { |
| | | handleSizeChange (integer, integerSearchImg) { |
| | | if (this.VideoPhotoData.uploadDiaplay) { |
| | | this.VideoPhotoData.size = integerSearchImg * 10; |
| | | //this.VideoPhotoData.findPersonByPage(); |
| | |
| | | //this.VideoPhotoData.querySearchList(); |
| | | } |
| | | }, |
| | | sizeChange(size) { |
| | | sizeChange (size) { |
| | | if (this.VideoPhotoData.uploadType) { |
| | | this.VideoPhotoData.size = size; |
| | | this.VideoPhotoData.findPersonByPage(); |
| | |
| | | this.setLoadSearch(this.VideoPhotoData.querySearchList()); |
| | | } |
| | | }, |
| | | clearSearch() { |
| | | clearSearch () { |
| | | this.tagValues = [] |
| | | this.taskValues = [] |
| | | this.alarmValues = [] |
| | |
| | | this.setLoadSearch(this.VideoPhotoData.findPersonByPage()); |
| | | } |
| | | }, |
| | | disabled(data) { |
| | | disabled (data) { |
| | | this.isDisabled = data; |
| | | }, |
| | | getCenter() { |
| | | getCenter () { |
| | | this.center = { |
| | | x: document.documentElement.clientWidth / 2 - 250, |
| | | y: document.documentElement.clientHeight / 2 - 200 |
| | | }; |
| | | }, |
| | | setLoadSearch(fn) { |
| | | setLoadSearch (fn) { |
| | | this.AuthData.setLoading("searchMid", this); |
| | | fn.then(_ => { |
| | | this.AuthData.closeLoad(); |
| | | }) |
| | | }, |
| | | getUrlKey(name) { |
| | | getUrlKey (name) { |
| | | return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null |
| | | }, |
| | | tagChange(obj) { |
| | | tagChange (obj) { |
| | | console.log(obj) |
| | | if (obj.length > 0) { |
| | | this.showType = "compare"; |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | .el-loading-spinner-search { |
| | | background: url("/images/search/searchLoading.gif") no-repeat; |
| | | background: url('/images/search/searchLoading.gif') no-repeat; |
| | | } |
| | | } |
| | | } |