ZZJ
2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3
src/pages/cameraAccess/components/DataStackInfo.vue
@@ -13,7 +13,22 @@
            <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"
@@ -222,7 +237,7 @@
                :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>
@@ -341,6 +356,7 @@
  filters: {
    statusFormat(value) {
      let statusCode = {
        "-2": "处理异常",
        "-1": "已删除",
        "0": "暂停处理",
        "1": "等待处理",
@@ -400,7 +416,8 @@
      multipleSelection: [],
      searchInput: "",
      form: {
        id: ""
        id: "",
        resolution: ""
      },
      fileList: [],
      // 记录添加状态
@@ -420,7 +437,6 @@
      timer: 0,
      targetDir: "",
      targetFile: "",
    };
  },
  mounted() {
@@ -431,23 +447,22 @@
  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)
      }
    },
@@ -471,10 +486,12 @@
      this.DataStackPool.clean();
      this.fileList = [];
    },
    // 数据栈文件夹选中时,由父组件触发
    selectDir(node) {
      if (node.id === "") {
        return
      }
      this.isDisabled = false;
      this.isAdd = false;
      this.videoItem = null;
@@ -482,6 +499,7 @@
      // 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;
@@ -512,29 +530,37 @@
      }, 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 => {