luobisheng
2022-11-30 41a319187c10191151d44e3260eaf4b448d6f197
src/views/operate/images/index.vue
@@ -27,7 +27,7 @@
      <div class="mainContent">
        <div class="type-nav">
          <div
            @click="changeTypeChecked(index)"
            @click="changeTypeChecked(item)"
            v-for="(item, index) in typeList"
            :key="item.name"
            :class="[item.checked ? 'is-active' : '', 'type-item']"
@@ -65,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="上传时间"
@@ -80,12 +78,12 @@
                <span @click="handleUpdateImageResource(scope.row, 'view')"
                  >查看</span
                >
                <span class="line">|</span>
                <span @click="handleUpdateImageResource(scope.row, 'update')"
                <span v-if="mystatus === 2" class="line">|</span>
                <span v-if="mystatus === 2" @click="handleUpdateImageResource(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="handleDelete(scope.row)">删除</span>
              </div>
            </template>
          </el-table-column>
@@ -321,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 ? 2 : 1;
      this.size = checkedType.value;
      this.getImageResourceList();
    },
    // 设置表格斑马纹