luobisheng
2022-12-07 42421d3620b27c2e2d0759f638f223a6c0c2edaa
src/views/operate/images/index.vue
@@ -3,11 +3,7 @@
    <header>
      <div class="headerContent">
        <div class="search">
          <span>类型查询:</span>
          <div class="option">
            <el-input v-model="type" placeholder="请输入类型"></el-input>
          </div>
          <span>上传时间:</span>
          <span>上传时间:</span>
          <div class="option">
            <el-date-picker
              v-model="datePicked"
@@ -31,8 +27,8 @@
      <div class="mainContent">
        <div class="type-nav">
          <div
            @click="changeTypeChecked(item.value)"
            v-for="item in typeList"
            @click="changeTypeChecked(item)"
            v-for="(item, index) in typeList"
            :key="item.name"
            :class="[item.checked ? 'is-active' : '', 'type-item']"
          >
@@ -69,8 +65,6 @@
          </el-table-column>
          <el-table-column prop="regionName" label="社区名称" min-width="8">
          </el-table-column>
          <el-table-column prop="id" label="图片Id" min-width="8">
          </el-table-column>
          <el-table-column
            prop="createTime"
            label="上传时间"
@@ -84,12 +78,12 @@
                <span @click="handleUpdateImageResource(scope.row, 'view')"
                  >查看</span
                >
                <span class="line">|</span>
                <span @click="handleUpdateImageResource(scope.row, 'update')"
                <span v-if="mystatus === 3" class="line">|</span>
                <span v-if="mystatus === 3" @click="handleUpdateImageResource(scope.row, 'update')"
                  >修改</span
                >
                <span class="line">|</span>
                <span @click="handleDelete(scope.row)">删除</span>
                <span v-if="mystatus === 3"  class="line">|</span>
                <span v-if="mystatus === 3"  @click="handleDelete(scope.row)">删除</span>
              </div>
            </template>
          </el-table-column>
@@ -222,12 +216,12 @@
      typeList: [
        {
          name: "摄像头推送",
          value: 1,
          value: "01",
          checked: true,
        },
        {
          name: "单兵推送",
          value: 2,
          value: "03",
          checked: false,
        },
      ],
@@ -325,12 +319,13 @@
        .catch((err) => this.$message({ type: "error", message: err }));
    },
    // 更改违规/违建
    changeTypeChecked(idx) {
      this.typeList.forEach((item) => {
        item.checked = item.value === idx;
      });
      this.mystatus = idx + 1;
      this.size = idx;
    changeTypeChecked(data) {
      this.typeList.forEach(item => {
        item.checked = data.name === item.name;
      })
      const checkedType = this.typeList.find(item => item.checked);
      this.mystatus = +checkedType.value;
      this.size = checkedType.value;
      this.getImageResourceList();
    },
    // 设置表格斑马纹