zhanghua
2023-02-21 20df92a5019c38c053a1f0e9176c8fe212ce5054
src/views/operate/viewEvent/index.vue
@@ -1,7 +1,7 @@
<template>
  <div class="userList">
    <header>
<!--      <div class="headerTitle">运营管理 >> 案卷查询</div>-->
      <!--      <div class="headerTitle">运营管理 >> 案卷查询</div>-->
      <div class="headerContent">
        <div class="contentItem">
          <div style="width: 80px">按编号:</div>
@@ -15,15 +15,30 @@
        <div class="contentItem">
          <div style="width: 80px">按类型:</div>
          <div class="search">
            <el-select clearable v-model="searchData.categories" placeholder=" 请选择类型">
              <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option>
            <el-select
              clearable
              v-model="searchData.categories"
              placeholder=" 请选择类型"
            >
              <el-option
                v-for="option in categoryOptions"
                :key="option.id"
                :label="option.label"
                :value="option.value"
              ></el-option>
            </el-select>
          </div>
        </div>
        <div class="contentItem">
          <div style="width: 80px">按社区:</div>
          <div class="search">
            <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="请选择社区">
            <el-cascader
              clearable
              v-model="searchData.community"
              :props="communityProps"
              :options="communityOptions"
              placeholder="请选择社区"
            >
            </el-cascader>
          </div>
        </div>
@@ -63,11 +78,11 @@
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table
            border
            stripe
          border
          stripe
          ref="multipleTable"
          :header-cell-style="{
          'background':'#F5F5F5',
            background: '#F5F5F5',
            background: '#fff',
            'font-weight': '650',
            'line-height': '45px',
@@ -75,12 +90,14 @@
          :data="tableData"
          style="width: 100%"
          :row-class-name="tableRowClassName"
            @selection-change="tableChange"
          @selection-change="tableChange"
        >
          <el-table-column type="selection" min-width="5"> </el-table-column>
          <el-table-column prop="code" label="事件编号" min-width="18">
            <template slot-scope="scope">
              <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
              <el-link @click="handleView(scope.row)">{{
                scope.row.code
              }}</el-link>
            </template>
          </el-table-column>
          <el-table-column prop="category" label="问题类别" min-width="8">
@@ -163,26 +180,26 @@
          <div class="funs">
            <div class="funsItem">
              <el-checkbox v-model="all" @change="selectAll()"
              >全选</el-checkbox
                >全选</el-checkbox
              >
            </div>
            <div class="funsItem">
              <el-checkbox v-model="unsame" @change="disSame(tableData)"
              >反选</el-checkbox
                >反选</el-checkbox
              >
            </div>
            <div class="funsItem">
              <el-select
                  v-model="myIdx"
                  placeholder="批量操作"
                  @change="selectChange"
                v-model="myIdx"
                placeholder="批量操作"
                @change="selectChange"
              >
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    :disabled="item.disabled"
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                >
                </el-option>
              </el-select>
@@ -261,8 +278,8 @@
      categoryOptions: CATEGOTY,
      communityOptions: [],
      communityProps: {
        label: 'regionName',
        value: 'id'
        label: "regionName",
        value: "id",
      },
      myproblem: 1,
      number: "",
@@ -339,11 +356,12 @@
    // 获取社区和街道
    getCommunityOptions() {
      department.getDepartmentList()
          .then(res => {
            this.communityOptions = res;
          })
          .catch(err => this.$message.error(err))
      department
        .getDepartmentList()
        .then((res) => {
          this.communityOptions = res;
        })
        .catch((err) => this.$message.error(err));
    },
    // 设置表格斑马纹
@@ -361,11 +379,16 @@
    },
    datepickChange() {
      this.searchData.startTime = this.datepick[0];
      this.searchData.endTime = this.datepick[1].replace(
        "00:00:00",
        "23:59:59"
      );
      if (this.datepick) {
        this.searchData.startTime = this.datepick[0];
        this.searchData.endTime = this.datepick[1].replace(
          "00:00:00",
          "23:59:59"
        );
      } else {
        this.searchData.startTime = null;
        this.searchData.endTime = null;
      }
    },
    handleClose(done) {