左边树形菜单结构调整

zhanghua

2022-11-28 90871991488f00182721b764a98492b0ea08d65e

 src/views/operate/images/index.vue

@@ -40,13 +40,19 @@
                    @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">
                    <el-table-column prop="category" label="问题类别" min-width="8">
                      <template v-if="scope.row.category" slot-scope="scope">
                        <span>{{ getCategory(scope.row.category).label }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="大类名称" min-width="8">
                    <el-table-column prop="eventSource" label="事件来源" min-width="8">
                      <template v-if="scope.row.eventSource" slot-scope="scope">
                        <span>{{ getEventSource(scope.row.eventSource).label }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column prop="regionName" label="小类名称" min-width="8">
                    <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>
@@ -66,10 +72,12 @@
                </el-table>
                <el-dialog
                  :visible.sync="isShowUploadDialog"
                  :destroy-on-close="true"
                  :key="dialogType"
                  width="40%"
                  :title="getDialogTitle"
                >
                  <updateUser @closeDialog="closeDialog" :dialogType="dialogType" :originalData="originalData" />
                  <updateUser v-if="isShowUploadDialog" @closeDialog="closeDialog" :dialogType="dialogType" :originalData="originalData" />
                </el-dialog>
                <div class="tools">
                    <div class="funs">
@@ -100,6 +108,7 @@
<script>
import updateUser from "./updateUser";
import imageManagement from "@/api/operate/imageManagement";
import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";

export default {
    components: { updateUser },
@@ -121,7 +130,7 @@
    },

    data() {
        return {
      return {
            isShowUploadDialog:false,
            dialogType: 'create',
            originalData: null,
@@ -177,7 +186,7 @@
            caseId: '',
            caseCode: null,
            dialogAdd: false,
            datePicked: null
            datePicked: null,
        }
    },
    created() {
@@ -252,7 +261,7 @@
            dateParams.startTime = dateParams[0];
            dateParams.endTime = dateParams[1]
          }
          imageManagement.getImageResources({ current: this.currentPage, size: this.size, type: this.type, ...dateParams })
          imageManagement.getImageResources({ current: this.currentPage, size: this.pageSize, type: this.size, ...dateParams })
              .then(({ records, total }) => {
                this.tableData = records;
                this.totalNum = total;
@@ -289,7 +298,16 @@

        closeDialog() {
          this.isShowUploadDialog = false;
        }
          this.getImageResourceList();
        },

      getCategory(value) {
          return CATEGOTY.find(item => item.value === value);
      },

      getEventSource(value) {
          return EVENT_SOURCE.find(item => item.value === value);
      }
    }
}
</script>
@@ -373,8 +391,9 @@
            margin-bottom: 10px;

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

                &:hover {
                    cursor: pointer;