From f2fcae7c31b8a0bbbcc6298865d7340e488f61f3 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期四, 05 十一月 2020 18:51:07 +0800 Subject: [PATCH] 修改事件声音配置 --- src/pages/cameraAccess/components/DataStackInfo.vue | 87 ++++++++++++++++++++++--------------------- 1 files changed, 45 insertions(+), 42 deletions(-) diff --git a/src/pages/cameraAccess/components/DataStackInfo.vue b/src/pages/cameraAccess/components/DataStackInfo.vue index d20e8e7..aebdd67 100644 --- a/src/pages/cameraAccess/components/DataStackInfo.vue +++ b/src/pages/cameraAccess/components/DataStackInfo.vue @@ -172,7 +172,7 @@ >{{row.name}}</a> </template> </el-table-column> - <el-table-column prop="fileSize" label="澶у皬" > + <el-table-column prop="fileSize" label="澶у皬"> <template slot-scope="scope">{{scope.row.size | readFileSizeUnit}}</template> </el-table-column> <el-table-column prop="duration" label="鏃堕暱" show-overflow-tooltip align="center"></el-table-column> @@ -271,8 +271,12 @@ <template v-for="stack in DataStackPool.dirs"> <!-- 鏂囦欢涓婁紶缁勪欢 --> - <file-uploader :ref="`uploader_${stack.id}`" :key="stack.id" v-show="activeName === 'uploading' && stack.id == DataStackPool.selectedDir.id" :sourceType="stack.type" /> - <!-- <file-uploader ref="uploader" v-show="activeName === 'uploading'" /> --> + <file-uploader + :ref="`uploader_${stack.id}`" + :key="stack.id" + v-show="activeName === 'uploading' && stack.id == DataStackPool.selectedDir.id" + :sourceType="stack.type" + /> </template> <!-- 鏂囦欢棰勮 --> <el-dialog title="鏌ョ湅鏂囦欢" :visible.sync="previewDialog" width="500px"> @@ -335,7 +339,7 @@ } }, filters: { - statusFormat (value) { + statusFormat(value) { let statusCode = { "-1": "宸插垹闄�", "0": "鏆傚仠澶勭悊", @@ -345,7 +349,7 @@ } return statusCode[value]; }, - readFileSizeUnit (value) { + readFileSizeUnit(value) { let UNITS = [' B', ' KB', ' MB', ' GB', ' TB', ' PB', ' EB', ' ZB', ' YB']; let format = function (value, power) { return (value / Math.pow(1024, power)).toFixed(2) + UNITS[power]; @@ -364,7 +368,7 @@ } }, computed: { - snapshotClass () { + snapshotClass() { let classs = ["snapshot"]; if (this.form.type === 1) { classs.push("snapshot-video") @@ -378,13 +382,13 @@ return classs; }, - dirOptions () { + dirOptions() { return this.DataStackPool.dirs.filter(dir => { return dir.id !== this.DataStackPool.selectedDir.id }) } }, - data () { + data() { return { videoUrl: "", imgUrl: "", @@ -416,29 +420,28 @@ timer: 0, targetDir: "", targetFile: "", - + }; }, - mounted () { + mounted() { this.initFormData(); console.log(this.PollData.barCharts) }, - beforeDestroy () { + beforeDestroy() { this.taskUid = 0; }, watch: { 'fileList.length': { - handler (n, o) { + handler(n, o) { //鏁版嵁鏍堟枃浠舵暟閲忓彉鏇� //鏇存柊鐙珛鍦烘櫙鏁版嵁鏍堟枃浠� this.$root.$children[0].$children[1].$refs['sepRule'].getStackFiles(); } }, - }, methods: { - preview (row) { + preview(row) { this.previewDialog = true; if (row.type === 1) { @@ -449,7 +452,7 @@ } }, // 娓呯┖杈撳叆妗� - initFormData () { + initFormData() { this.form = { enable: false, id: "", @@ -461,14 +464,14 @@ }; }, // 娣诲姞璁惧 - addDir (node) { + addDir(node) { this.isAdd = true; this.isDisabled = false; this.initFormData(); this.DataStackPool.clean(); this.fileList = []; }, - selectDir (node) { + selectDir(node) { if (node.id === "") { return } @@ -493,12 +496,12 @@ this.videoUrl = ''; this.imgUrl = ''; }, - initFetchListTask () { + initFetchListTask() { const uid = Math.round(Math.random() * 1000); this.taskUid = uid; this.timingtask(uid); }, - timingtask (uid) { + timingtask(uid) { if (uid !== this.taskUid || this.form.id === "") { return; } @@ -508,7 +511,7 @@ _this.timingtask(uid); }, 2 * 1000); }, - fetchFileList () { + fetchFileList() { findAllFileByStackId({ name: this.searchInput, stackId: this.form.id, page: this.page, size: this.size, type: 0 }).then(rsp => { if (rsp && rsp.success && rsp.data.total >= 0) { this.fileList = rsp.data.dataList; @@ -531,7 +534,7 @@ }, // 淇濆瓨 - onSubmit (formName) { + onSubmit(formName) { this.$refs[formName].validate(async valid => { if (valid) { saveDir(this.form).then(rsp => { @@ -552,7 +555,7 @@ }); }, // 鍒犻櫎鎽勫儚鏈� - deleteDir () { + deleteDir() { this.$confirm("鏄惁鍒犻櫎姝ゆ枃浠跺す锛�", { center: true, cancelButtonClass: "comfirm-class-cancle", @@ -581,32 +584,32 @@ }); }); }, - handleTabClick (tab, event) { + handleTabClick(tab, event) { console.log(tab, event); }, - handleSelect (val) { + handleSelect(val) { this.multipleSelection = val.map(row => { return row.id; }); }, - handelSearchInputChange (val) { + handelSearchInputChange(val) { this.multipleSelection = []; }, - handleUpload () { + handleUpload() { console.log(this.DataStackPool.selectedDir.id) console.log(this.$refs[`uploader_${this.DataStackPool.selectedDir.id}`][0].$refs.button.$refs.btn.click()) }, - handleRefrashFileList (val) { + handleRefrashFileList(val) { this.page = val; this.multipleSelection = []; this.fetchFileList(); }, - handleSizeChange (val) { + handleSizeChange(val) { this.size = val; this.multipleSelection = []; this.fetchFileList(); }, - async handleSortFile (direct, id) { + async handleSortFile(direct, id) { let res = await sortFile({ id: id, direct: direct @@ -622,7 +625,7 @@ }) } }, - async handleFileStatus (row, status, multi = false) { + async handleFileStatus(row, status, multi = false) { let ids = this.multipleSelection; if (!multi) { ids = [row.id]; @@ -650,10 +653,10 @@ console.log("err") } }, - dropdownClick (cmd) { + dropdownClick(cmd) { cmd.cb(cmd.data); }, - handleFileDelete (rows, multi = false) { + handleFileDelete(rows, multi = false) { let _this = this; let ids = this.multipleSelection; if (!multi) { @@ -680,17 +683,17 @@ }).catch(() => { }) }, - handleFileMove (row) { + handleFileMove(row) { this.targetDir = ""; this.targetFile = row.id; this.fileDialog = true; }, - handleFileRename (row) { + handleFileRename(row) { this.editRowId = row.id; clearTimeout(this.timer); this.timer = null; }, - cellRenameFile (row) { + cellRenameFile(row) { this.editRowId = ""; renameFile({ id: row.id, name: row.name }).then(rsp => { if (rsp && rsp.success) { @@ -713,10 +716,10 @@ } }) }, - isSelectable (row, rowIndex) { + isSelectable(row, rowIndex) { return row.status !== 2 }, - cellFileCopy () { + cellFileCopy() { copyFile({ id: this.targetFile, stackIds: [this.targetDir] }).then(rsp => { if (rsp && rsp.success) { this.$notify({ @@ -732,7 +735,7 @@ } }) }, - cellFileMove () { + cellFileMove() { moveFile({ id: this.targetFile, stackId: this.targetDir }).then(rsp => { if (rsp && rsp.success) { this.$notify({ @@ -852,19 +855,19 @@ vertical-align: middle; } .snapshot-video { - background: url('/images/cameraAccess/video.png'); + background: url("/images/cameraAccess/video.png"); background-repeat: round; } .snapshot-image { - background: url('/images/cameraAccess/image.png'); + background: url("/images/cameraAccess/image.png"); background-repeat: round; } .snapshot-audio { - background: url('/images/cameraAccess/audio.png'); + background: url("/images/cameraAccess/audio.png"); background-repeat: round; } .snapshot-files { - background: url('/images/cameraAccess/files.png'); + background: url("/images/cameraAccess/files.png"); background-repeat: round; } } -- Gitblit v1.8.0