图片上传更新

luobisheng

2022-12-01 1e4e67cf052f4c3cdfa2e756b342c1a38f4805b5

 src/views/operate/video/index.vue

@@ -3,14 +3,7 @@
    <header>
      <div class="headerContent">
        <div class="search">
          <span>筛选条件:</span>
          <div class="option">
            <el-input
              v-model="searchContent"
              placeholder="请输入内容"
            ></el-input>
          </div>
          <span>上传时间:</span>
          <span>上传时间：</span>
          <div class="option">
            <el-date-picker
                v-model="datePicked"
@@ -25,7 +18,7 @@
            <el-button type="primary" @click="searchVideoList">查询</el-button>
          </div>
          <div class="findBtn">
            <el-button type="primary" @click="handleOpera(null, 'create')">添加视频</el-button>
            <el-button class="button-addition" type="primary" @click="handleOpera(null, 'create')">添加</el-button>
          </div>
        </div>
      </div>
@@ -58,7 +51,7 @@
          @selection-change="tableChange"
        >
          <el-table-column type="selection" min-width="5"> </el-table-column>
          <el-table-column prop="baseId" label="所属事件编号" min-width="18">
          <el-table-column prop="code" label="所属事件编号" min-width="18">
          </el-table-column>
          <el-table-column prop="category" label="问题类别" min-width="8">
            <template slot-scope="scope">
@@ -85,10 +78,10 @@
            <template slot-scope="scope">
              <div class="operation">
                <span @click="handleOpera(scope.row, 'view')">查看</span>
                <span class="line">|</span>
                <span @click="handleOpera(scope.row, 'update')">修改</span>
                <span class="line">|</span>
                <span @click="handleDelete(scope.row)">删除</span>
                <span v-if="mystatus === 2" class="line">|</span>
                <span v-if="mystatus === 2" @click="handleOpera(scope.row, 'update')">修改</span>
                <span v-if="mystatus === 2" class="line">|</span>
                <span v-if="mystatus === 2" @click="handleDelete(scope.row)">删除</span>
              </div>
            </template>
          </el-table-column>
@@ -96,9 +89,11 @@
        <!-- 查看修改页面 -->
        <el-dialog
          :visible.sync="isShowDialog"
          :destroy-on-close="true"
          :key="dialogTitle"
          width="40%"
          :title="dialogTitle">
          <updateInterface :isUpdate="isUpdate" :dialogData="dialogData" @closeDialog="closeDialog" />
          <updateInterface v-if="isShowDialog" :isUpdate="isUpdate" :dialogData="dialogData" @closeDialog="closeDialog" />
        </el-dialog>

        <div class="tools">
@@ -193,12 +188,12 @@
      typeList: [
        {
          name: "摄像头推送",
          value: 1,
          value: "01",
          checked: true,
        },
        {
          name: "单兵推送",
          value: 2,
          value: "03",
          checked: false,
        },
      ],
@@ -220,13 +215,8 @@
    }
  },
  created() {
    this.statusArr[0] = 6;
    this.searchContent = this.typeList.find((item) => item.checked).value;
    this.searchVideoList();
    this.typeList.forEach((item) => {
      if (item.checked) {
        this.statusArr[1] = item.value;
      }
    });
  },
  methods: {
    // 顶部下拉框
@@ -310,6 +300,8 @@
      });
      this.mystatus = idx + 1;
      this.statusArr[1] = this.typeList[idx].value;
      this.searchContent = this.typeList[idx].value;
      this.searchVideoList();
    },
    // 设置表格斑马纹
    tableRowClassName({ row, rowIndex }) {
@@ -433,8 +425,9 @@
      margin-bottom: 10px;

      .type-item {
        width: 80px;
        min-width: 80px;
        text-align: center;
        padding-right: 10px;

        &:hover {
          cursor: pointer;