fix：店铺状态

wl

2022-12-29 d6fb18b49cd61427a343fbe7a2a4f94e4b597bdc

 src/views/operate/viewEvent/index.vue

@@ -15,19 +15,16 @@
        <div class="contentItem">
          <div style="width: 80px">按类型:</div>
          <div class="search">
            <el-input
              placeholder=" 请输入类型"
              v-model="searchData.categories"
            ></el-input>
            <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-input
              placeholder=" 请输入社区"
              v-model="searchData.communityId"
            ></el-input>
            <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="请选择社区">
            </el-cascader>
          </div>
        </div>
        <div class="contentItem">
@@ -68,9 +65,7 @@
        <el-table
          ref="multipleTable"
          :header-cell-style="{
            background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            background: '#fff',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -91,7 +86,7 @@
          <el-table-column prop="eventSource" label="问题来源" min-width="8">
            <template v-if="scope.row.eventSource" slot-scope="scope">
              <span>{{
                scope.row.eventSource === 2 ? "人工上报" : "视频上传"
                scope.row.eventSource === 2 ? "人工上报" : "视频巡查"
              }}</span>
            </template>
          </el-table-column>
@@ -186,6 +181,7 @@
import helper from "@/utils/mydate";
import casequery from "@/api/operate/basecase";
import { CATEGOTY } from "@/utils/helper";
import department from "@/api/system/department";

export default {
  components: {
@@ -207,24 +203,18 @@
      totalNum: null,
      pageSize: 10,
      currentPage: 1,
      typeList: [
        {
          name: "违规",
          value: 1,
          checked: true,
        },
        {
          name: "违建",
          value: 2,
          checked: false,
        },
      ],
      categoryOptions: CATEGOTY,
      communityOptions: [],
      communityProps: {
        label: 'regionName',
        value: 'id'
      },
      myproblem: 1,
      number: "",
      searchData: {
        categories: null,
        number: null,
        communityId: null,
        community: null,
        endTime: null,
        site: null,
        startTime: null,
@@ -233,15 +223,21 @@
  },
  created() {
    this.getList();
    this.getCommunityOptions();
  },
  methods: {
    // 获取列表
    getList() {
      const searchData = Object.assign({}, this.searchData);
      if (this.searchData.community) {
        searchData.communityId = searchData.community[1];
      }
      delete searchData.community;
      casequery
        .baseCaseQuery({
          current: this.currentPage,
          pageSize: this.pageSize,
          ...this.searchData,
          ...searchData,
        })
        .then((res) => {
          this.tableData = res.records;
@@ -251,6 +247,16 @@
          this.tableData = [];
        });
    },

    // 获取社区和街道
    getCommunityOptions() {
      department.getDepartmentList()
          .then(res => {
            this.communityOptions = res;
          })
          .catch(err => this.$message.error(err))
    },

    // 设置表格斑马纹
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
@@ -336,7 +342,7 @@
  }

  main {
    background-color: #09152f;
    background-color: #fff;
    margin-top: 20px;
    padding-bottom: 50px;

@@ -376,7 +382,7 @@

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
            // background-color: #09152f;
          }

          &:hover {
@@ -399,7 +405,7 @@
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            // background-color: #071f39;
            color: #4b9bb7;
          }

@@ -412,8 +418,8 @@
    }

    .el-table {
      color: #4b9bb7;
      font-size: 10px;
      // color: #4b9bb7;
      // font-size: 10px;

      &::v-deep .cell {
        text-overflow: ellipsis;
@@ -422,7 +428,7 @@
      }

      &::v-deep .el-table__empty-block {
        background-color: #09152f;
        // background-color: #09152f;
      }

      &::v-deep .el-table__empty-block {
@@ -443,11 +449,11 @@
    }

    .el-table::v-deep .warning-row {
      background: #06122c;
      // background: #06122c;
    }

    .el-table::v-deep .success-row {
      background: #071f39;
      // background: #071f39;
    }

    &::v-deep .switchStyle .el-switch__label {
@@ -486,7 +492,7 @@

  &::v-deep .el-dialog__header,
  &::v-deep .el-dialog__body {
    background-color: #06122c;
    // background-color: #06122c;
  }

  &::v-deep .el-dialog__header {
@@ -512,7 +518,7 @@
  }

  &::v-deep .el-range-input {
    background-color: #06122c;
    // background-color: #06122c;
  }
}
</style>