| | |
| | | <el-radio v-model="form.type" :label="3" :disabled="!isAdd">音频</el-radio> |
| | | <el-radio v-model="form.type" :label="4" :disabled="!isAdd">其他数据</el-radio> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="处理分辨率" style="width:440px"> |
| | | <el-select |
| | | v-model="form.resolution" |
| | | placeholder="本机分辨率" |
| | | style="position: absolute;left: 0;" |
| | | size="small" |
| | | @change="checkResolution" |
| | | > |
| | | <el-option |
| | | v-for="item in form.resolutions" |
| | | :key="`${item.width}*${item.height}`" |
| | | :label="`${item.width}*${item.height}`=='0*0'?'本机分辨率':`${item.width}*${item.height}`" |
| | | :value="`${item.width}*${item.height}`" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="处理完成后自动删除文件" |
| | | prop="isAutoDelFile" |
| | |
| | | :disabled="scope.row.status == 2" |
| | | class="iconfont iconzhongxinkaishi btn" |
| | | @click="handleFileStatus(scope.row, 1)" |
| | | v-show="scope.row.status === 9" |
| | | v-show="scope.row.status === 9 || scope.row.status === -2" |
| | | ></el-button> |
| | | </el-tooltip> |
| | | |
| | |
| | | filters: { |
| | | statusFormat(value) { |
| | | let statusCode = { |
| | | "-2": "处理异常", |
| | | "-1": "已删除", |
| | | "0": "暂停处理", |
| | | "1": "等待处理", |
| | |
| | | multipleSelection: [], |
| | | searchInput: "", |
| | | form: { |
| | | id: "" |
| | | id: "", |
| | | resolution: "" |
| | | }, |
| | | fileList: [], |
| | | // 记录添加状态 |
| | |
| | | timer: 0, |
| | | targetDir: "", |
| | | targetFile: "", |
| | | |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | beforeDestroy() { |
| | | this.taskUid = 0; |
| | | }, |
| | | watch: { |
| | | 'fileList.length': { |
| | | handler(n, o) { |
| | | //数据栈文件数量变更 |
| | | //更新独立场景数据栈文件 |
| | | this.$root.$children[0].$children[1].$refs['sepRule'].getStackFiles(); |
| | | } |
| | | }, |
| | | }, |
| | | methods: { |
| | | checkResolution(val) { |
| | | this.form.resolution_width = Number(val.split('*')[0]); |
| | | this.form.resolution_height = Number(val.split('*')[1]); |
| | | }, |
| | | preview(row) { |
| | | this.previewDialog = true; |
| | | if (row.type === 1) { |
| | | |
| | | this.videoUrl = "/files/" + row.identifier + ".mp4" |
| | | } else if (row.type === 2) { |
| | | |
| | | // 为朔黄使用数据栈定制, 没有MD5 |
| | | if (row.identifier == "") { |
| | | this.videoUrl = row.path.replace("/opt/vasystem", ""); |
| | | } |
| | | } else if (row.type === 2) { |
| | | this.imgUrl = "/files/" + row.path.substr(row.path.lastIndexOf('/') + 1) |
| | | } |
| | | }, |
| | |
| | | this.DataStackPool.clean(); |
| | | this.fileList = []; |
| | | }, |
| | | // 数据栈文件夹选中时,由父组件触发 |
| | | selectDir(node) { |
| | | if (node.id === "") { |
| | | return |
| | | } |
| | | |
| | | this.isDisabled = false; |
| | | this.isAdd = false; |
| | | this.videoItem = null; |
| | |
| | | // this.initFormData(); |
| | | // this.$refs.addForm.clearValidate(); |
| | | this.form = { ...node }; |
| | | this.form.resolution = `${node.resolution_width}*${node.resolution_height}`; |
| | | delete this.form.createTime; |
| | | delete this.form.updateTime; |
| | | delete this.form.status; |
| | |
| | | }, 2 * 1000); |
| | | }, |
| | | 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; |
| | | |
| | | this.total = rsp.data.total; |
| | | |
| | | // 定时刷新会清空选中状态,在这里恢复 |
| | | this.fileList.forEach(row => { |
| | | //this.polygonDatas.push({snapshot_url:row.snapshot_url}) |
| | | if (this.multipleSelection.indexOf(row.id) !== -1) { |
| | | this.$nextTick(() => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }) |
| | | } |
| | | }); |
| | | } |
| | | }).catch(err => { |
| | | console.log(err) |
| | | }) |
| | | 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; |
| | | this.total = rsp.data.total; |
| | | // 定时刷新会清空选中状态,在这里恢复 |
| | | this.fileList.forEach(row => { |
| | | //this.polygonDatas.push({snapshot_url:row.snapshot_url}) |
| | | if (this.multipleSelection.indexOf(row.id) !== -1) { |
| | | this.$nextTick(() => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }) |
| | | } |
| | | }); |
| | | } |
| | | }).catch(err => { |
| | | console.log(err) |
| | | }) |
| | | }, |
| | | |
| | | // 保存 |
| | | onSubmit(formName) { |
| | | if (formName == 'addForm') { |
| | | if (this.form.name.indexOf('/') >= 0) { |
| | | this.$notify({ |
| | | type: "error", |
| | | message: "保存失败,数据栈名称不能包含'/'!" |
| | | }); |
| | | return; |
| | | } |
| | | } |
| | | this.$refs[formName].validate(async valid => { |
| | | if (valid) { |
| | | saveDir(this.form).then(rsp => { |