+1
zhanghua
2023-11-13 2cc2f4f83a90aac000792a3b65aac9c1aeedbdf1
src/views/operate/disposal/casepool/pool/index.vue
@@ -1,35 +1,11 @@
<template>
  <div class="userList">
    <header>
      <MyHeader @dialogCreatepro="dialogCreatepro" @getUserList ="getUserList"></MyHeader>
<!--      <div class="headerContent">-->
<!--        <div class="search">-->
<!--          <span>来源查询:</span>-->
<!--          <div class="option">-->
<!--            <el-select clearable v-model="resource" placeholder="请选择来源">-->
<!--              <el-option-->
<!--                v-for="item in eventSourceOptions"-->
<!--                :key="item.label"-->
<!--                :label="item.label"-->
<!--                :value="item.value"-->
<!--              >-->
<!--              </el-option>-->
<!--            </el-select>-->
<!--          </div>-->
<!--          <div class="findBtn">-->
<!--            <el-button type="primary" @click="getUserList">查询</el-button>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="addUser">-->
<!--          <el-button-->
<!--            class="addBtn button-addition"-->
<!--            type="primary"-->
<!--            @click="dialogCreate = true"-->
<!--            >添加</el-button-->
<!--          >-->
<!--        </div>-->
<!--      </div>-->
      <MyHeader
        ref="myHeader"
        @dialogCreatepro="dialogCreatepro"
        @getUserList="getUserList"
      ></MyHeader>
    </header>
    <main>
      <div class="mainContent">
@@ -69,7 +45,8 @@
          :row-class-name="tableRowClassName"
          @selection-change="tableChange"
        >
          <el-table-column type="selection" min-width="5"> </el-table-column>
          <el-table-column label="序号" type="index" min-width="10">
          </el-table-column>
          <el-table-column prop="code" label="事件编号" min-width="18">
            <template slot-scope="scope">
              <el-link @click="JumpView(scope.row)">{{
@@ -80,7 +57,7 @@
          <el-table-column prop="eventSource" label="问题来源" min-width="8">
            <template slot-scope="scope">
              <span>{{
                scope.row.eventSource === 2 ? "人工上传" : "视频巡查"
                scope.row.eventSource === 2 ? "网格巡查" : "视频巡查"
              }}</span>
            </template>
          </el-table-column>
@@ -103,19 +80,19 @@
            show-overflow-tooltip
          >
            <template slot-scope="scope">
                <div v-if="mystatus === 2">
              <div v-if="mystatus === 2">
                <span>{{
                    scope.row.buildingLength +
                    "米" +
                    "、" +
                    scope.row.buildingWidth +
                    "米" +
                    "、" +
                    scope.row.buildingHigh +
                    "米"
                  }}</span>
                </div>
                <div v-else>{{ scope.row.site }}</div>
                  scope.row.buildingLength +
                  "米" +
                  "、" +
                  scope.row.buildingWidth +
                  "米" +
                  "、" +
                  scope.row.buildingHigh +
                  "米"
                }}</span>
              </div>
              <div v-else>{{ scope.row.site }}</div>
            </template>
          </el-table-column>
          <el-table-column
@@ -143,7 +120,7 @@
          <el-table-column prop="operation" label="操作" min-width="20">
            <template slot-scope="scope">
              <div class="operation" v-if="statusArr[0] === 0">
                <span @click="handleFind(scope.row)">上报</span>
                <span @click="handleUpload(scope.row)">上报</span>
                <span class="line">|</span>
                <span @click="handleDispatch(scope.row)">调度</span>
                <span class="line">|</span>
@@ -159,14 +136,22 @@
        </el-table>
        <!-- 详情页展示 -->
        <el-dialog
          custom-class="customWidth"
          :visible.sync="dialogView"
          width="60%"
          title="基础信息(人工)"
          v-if="dialogView"
          :before-close="handleClose"
          :before-close="handleClose2"
        >
          <MyDetail :info="info" v-if="mystatus === 1"></MyDetail>
          <MyIllDetail :info="info" v-else></MyIllDetail>
          <MyDetail
            style="min-width: 300px"
            :info="info"
            v-if="mystatus === 1"
          ></MyDetail>
          <MyIllDetail
            style="min-width: 500px"
            :info="info"
            v-else
          ></MyIllDetail>
        </el-dialog>
        <!-- 调度 -->
        <el-dialog
@@ -218,35 +203,35 @@
    </main>
    <!-- 选择登记类型 -->
    <el-dialog
        :before-close="handleClose"
        :visible.sync="dialogCreate"
        title="请选择上报事件类型"
        width="45%"
        v-if="dialogCreate"
      :before-close="handleClose"
      :visible.sync="dialogCreate"
      title="请选择上报事件类型"
      width="45%"
      v-if="dialogCreate"
    >
      <createUser @getPageProp="setDialog" />
    </el-dialog>
    <!-- 事件登记 -->
    <el-dialog
        :before-close="handleClose"
        :visible.sync="dialogNewAdd"
        :title="newAddType === 0 ? '违规事件登记' : '违建事件登记'"
        width="80%"
        v-if="dialogNewAdd"
      :before-close="handleClose"
      :visible.sync="dialogNewAdd"
      :title="newAddType === 0 ? '违规事件登记' : '违建事件登记'"
      width="80%"
      v-if="dialogNewAdd"
    >
      <!-- 违建登记 -->
      <MyIll
          v-if="newAddType === 1"
          :refresh="getUserList"
          :mytype="newAddType"
          @changeDialog="changeDialog"
        v-if="newAddType === 1"
        :refresh="getUserList"
        :mytype="newAddType"
        @changeDialog="changeDialog"
      />
      <!-- 违规登记 -->
      <myVio
          v-else
          :refresh="getUserList"
          :mytype="newAddType"
          @changeDialog="changeDialog"
        v-else
        :refresh="getUserList"
        :mytype="newAddType"
        @changeDialog="changeDialog"
      />
    </el-dialog>
  </div>
@@ -261,7 +246,7 @@
import helper from "@/utils/mydate";
import { RESOURCE_OPTIONS } from "@/utils/helper";
import basecase from "@/api/operate/basecase";
import MyHeader from "@/components/seachHeader/index"
import MyHeader from "@/components/seachHeader/index";
export default {
  components: {
    createUser,
@@ -270,7 +255,7 @@
    MyDetail,
    MyDispatch,
    MyIllDetail,
    MyHeader
    MyHeader,
  },
  data() {
    return {
@@ -367,12 +352,10 @@
    });
    this.getUserList(undefined);
  },
  mounted() {
  },
  mounted() {},
  methods: {
    dialogCreatepro(){
      console.log('-------------------')
      this.dialogCreate = true
    dialogCreatepro() {
      this.dialogCreate = true;
    },
    // 调度
    handleDispatch(data) {
@@ -450,24 +433,47 @@
    // 获取用户列表
    getUserList(seachData) {
      // console.log(seachData.seachData.resource)
      let params
      if (seachData){
         params = {
      let params;
      if (seachData) {
        params = {
          current: this.currentPage,
          state: this.statusArr[0] ?? null,
          size: this.pageSize,
          resource: seachData.seachData.resource ==undefined ?null:seachData.seachData.resource,
          region:seachData.seachData.region ==undefined?null:seachData.seachData.region,
          resource:
            seachData.seachData.resource == undefined
              ? null
              : seachData.seachData.resource,
          region:
            seachData.seachData.region == undefined
              ? null
              : seachData.seachData.region,
          type: this.statusArr[1] ?? null,
          code:seachData.seachData.code ==undefined?null:seachData.seachData.code,
          categoryBig:seachData.seachData.categoryBig ==undefined?null:seachData.seachData.categoryBig,
          categorySmall:seachData.seachData.categorySmall ==undefined?null:seachData.seachData.categorySmall,
          site:seachData.seachData.site ==undefined?null:seachData.seachData.site,
          street:seachData.seachData.street ==undefined?null:seachData.seachData.street,
          alarmTime:seachData.seachData.alarmTime ==undefined?null:seachData.seachData.alarmTime,
          code:
            seachData.seachData.code == undefined
              ? null
              : seachData.seachData.code,
          categoryBig:
            seachData.seachData.categoryBig == undefined
              ? null
              : seachData.seachData.categoryBig,
          categorySmall:
            seachData.seachData.categorySmall == undefined
              ? null
              : seachData.seachData.categorySmall,
          site:
            seachData.seachData.site == undefined
              ? null
              : seachData.seachData.site,
          street:
            seachData.seachData.street == undefined
              ? null
              : seachData.seachData.street,
        };
      }else {
        if (seachData.seachData.alarmTime) {
          params.startTime = seachData.seachData.alarmTime[0];
          params.endTime = seachData.seachData.alarmTime[1];
        }
      } else {
        params = {
          current: this.currentPage,
          state: this.statusArr[0] ?? null,
@@ -492,8 +498,16 @@
        return "success-row";
      }
    },
    // 查看用户信息(不可修改)
    handleFind(rowData) {},
    handleUpload(rowData) {
      debugger;
      basecase
        .uploadEvent(rowData.id)
        .then((res) => {
          debugger;
        })
        .catch((err) => this.$message.error(err));
    },
    // 当前页改变触发事件
    changeCurrentPage(page) {
      this.currentPage = page;
@@ -505,6 +519,12 @@
      this.dialogCreate = flag;
      this.dialogView = flag;
      this.dialogDispatch = flag;
    },
    handleClose2(done) {
      this.dialogCreate = false;
      this.dialogNewAdd = false;
      this.dialogDispatch = false;
      this.dialogView = false;
    },
    handleClose(done) {
      this.$confirm("确认关闭?")
@@ -528,6 +548,7 @@
      this.statusArr[0] = this.tagList[idx].value;
      this.statusArr[1] = 1;
      this.getUserList();
      this.$refs.myHeader.seachData = {};
    },
    // 更改违规/违建
    changeTypeChecked(idx) {
@@ -537,6 +558,7 @@
      this.mystatus = idx + 1;
      this.statusArr[1] = this.typeList[idx].value;
      this.getUserList();
      this.$refs.myHeader.seachData = {};
    },
    async JumpView(data) {
      await this.getEventInfo(data.code);
@@ -812,3 +834,8 @@
  }
}
</style>
<style>
.customWidth {
  width: 1000px !important;
}
</style>