趋势分析，预警研判页面修改

fangyuan

2022-12-14 8ca4bb420f3197b624707239e7062923b2bd7df4

趋势分析，预警研判页面修改

 src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue

@@ -2,8 +2,8 @@
  <div class="mainContent">
    <!-- 数据展示 -->
    <el-table ref="multipleTable"
              :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
              :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
      :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }"
      :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
      <el-table-column type="selection" min-width="5">
      </el-table-column>
      <el-table-column prop="code" label="事件编号" min-width="18">
@@ -16,32 +16,31 @@
          <span>{{ scope.row.eventSource === 2 ? '视频上传' : '人工上传' }}</span>
        </template>
      </el-table-column>
      <el-table-column :prop="mystatus === 1 ? 'category' :'category'"
                       :label="mystatus===1 ? '大类名称' : '违建类别'" :min-width="mystatus===1?'10':'15'">
      <el-table-column :prop="mystatus === 1 ? 'category' : 'category'" :label="mystatus === 1 ? '大类名称' : '违建类别'"
        :min-width="mystatus === 1 ? '10' : '15'">
      </el-table-column>
      <el-table-column :prop="mystatus === 1 ? 'type' :'site'" :label="mystatus===1 ? '小类名称' : '违建地点'"
                       min-width="10">
      <el-table-column :prop="mystatus === 1 ? 'type' : 'site'" :label="mystatus === 1 ? '小类名称' : '违建地点'" min-width="10">
      </el-table-column>
      <el-table-column :prop="mystatus === 1 ? 'site' :''" :label="mystatus===1 ? '报警点位' : '违法建筑长、宽、高'"
                       :min-width="mystatus===1?'10' :'20' ">
      <el-table-column :prop="mystatus === 1 ? 'site' : ''" :label="mystatus === 1 ? '报警点位' : '违法建筑长、宽、高'"
        :min-width="mystatus === 1 ? '10' : '20'">
        <template slot-scope="scope">
          <div v-if="mystatus ===2"><span>{{
          <div v-if="mystatus === 2"><span>{{
              scope.row.buildingLength + '米' + '、' +
              scope.row.buildingWidth + '米' + '、' + scope.row.buildingHigh + '米'
            }}</span></div>
          }}</span></div>
          <div v-else>{{ scope.row.site }}</div>
        </template>
      </el-table-column>
      <el-table-column :prop="mystatus === 1 ? 'street' :'buildingArea'"
                       :label="mystatus===1 ? '所属区域' : '违法建筑面积'" min-width="12">
      <el-table-column :prop="mystatus === 1 ? 'street' : 'buildingArea'" :label="mystatus === 1 ? '所属区域' : '违法建筑面积'"
        min-width="12">
      </el-table-column>
      <el-table-column prop="alarmTime" label="报警时间" min-width="15" v-if="mystatus===1">
      <el-table-column prop="alarmTime" label="报警时间" min-width="15" v-if="mystatus === 1">
        <template slot-scope="scope">
          <span>{{ filterTime(scope.row.alarmTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column :prop="mystatus === 1 ? 'continueTime' :'materials'"
                       :label="mystatus===1 ? '持续时间' : '违法建筑材料'" min-width="12">
      <el-table-column :prop="mystatus === 1 ? 'continueTime' : 'materials'" :label="mystatus === 1 ? '持续时间' : '违法建筑材料'"
        min-width="12">
      </el-table-column>
      <el-table-column prop="operation" label="操作" min-width="20">
        <template slot-scope="scope">
@@ -57,45 +56,24 @@
    <div class="tools">
      <div class="funs">
        <div class="funsItem funs-sp">
          <el-checkbox v-model="all" @change="selectAll()"
          >全选
          </el-checkbox
          >
          <el-checkbox v-model="all" @change="selectAll()">全选
          </el-checkbox>
        </div>
        <div class="funsItem funs-sp">
          <el-checkbox v-model="unsame" @change="disSame(tableData)"
          >反选
          </el-checkbox
          >
          <el-checkbox v-model="unsame" @change="disSame(tableData)">反选
          </el-checkbox>
        </div>
        <div class="funsItem">
          <el-select
              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"
            >
          <el-select 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">
            </el-option>
          </el-select>
        </div>
      </div>
      <div class="pagination">
        <el-pagination
            background
            :current-page="currentPage"
            layout="prev, pager, next"
            :total="totalNum"
            :page-size="pageSize"
            @current-change="changeCurrentPage"
            @prev-click="handlePrev"
            @next-click="handleNext"
        >
        <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
          :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev" @next-click="handleNext">
        </el-pagination>
      </div>
    </div>
@@ -136,7 +114,7 @@
      currentPage: 1,
      all: false,
      unsame: false,
      tempList:[]
      tempList: []
    }
  },
  methods: {
@@ -170,25 +148,46 @@
      }
    },
    mulHandler(ids, option) {
      console.log("whj", ids, option)
      console.log(this.options.filter(x => x.value === option))
      // debugger
      // console.log("whj", ids, option)
      // console.log(this.options.filter(x => x.value === option))
      const tag = this.options.filter(x => x.value === option)[0].label
      if (option === 3) {
        this.$confirm(`您确定要${tag}吗?`)
            .then((_) => {

          .then((_) => {
            this.$axios({
              method: 'put',
              url: `/sccg/base_case/batch_case_study?ids=${ids}`,
            })
            .catch((err) => {
              console.log(err);
            });
              .then(res => {
                this.$message({
                  type: res.code === 200 ? 'success' : 'warning',
                  message: res.message+",事件已经批量处理,请进入案件池在学习"
                })
                this.getInspectionData();
              })
          })
          .catch((err) => {
            console.log(err);
          });
      } else if (option === 4) {
        this.$confirm(`您确定要${tag}吗?`)
            .then((_) => {

          .then((_) => {
            this.$axios({
              method: 'put',
              url: `/sccg/base_case/batch_case_Ignore?ids=${ids}`,
            })
            .catch((err) => {
              console.log(err);
            });
              .then(res => {
                this.$message({
                  type: res.code === 200 ? 'success' : 'warning',
                  message: res.message+",事件已经批量处理,请进入案件池在学习"
                })
                this.getInspectionData();
              })
          })
          .catch((err) => {
            console.log(err);
          });
      }
    },
    handlePrev(page) {
@@ -211,7 +210,7 @@
        this.$refs.multipleTable.toggleRowSelection(row);
      });
    },
    tableRowClassName({row, rowIndex}) {
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
        return 'warning-row';
      } else {
@@ -227,12 +226,12 @@
        type: 1
      }
      basecase
          .baseCasePoolList(params)
          .then(({records, total}) => {
            this.tableData = records;
            this.totalNum = total;
          })
          .catch(err => this.$message.error(err))
        .baseCasePoolList(params)
        .then(({ records, total }) => {
          this.tableData = records;
          this.totalNum = total;
        })
        .catch(err => this.$message.error(err))
    },
    async JumpView(data) {
      await this.getEventInfo(data.code);
@@ -243,65 +242,64 @@
        method: 'get',
        url: `sccg/base_case/baseCaseDetail/${code}`
      })
          .then(res => {
            this.info = res.data;
            this.dialogView = true;
          })
        .then(res => {
          this.info = res.data;
          this.dialogView = true;
        })
    },
    filterTime(time) {
      return helper(time);
    },
    handleLearn({id}) {
    handleLearn({ id }) {
      this.$axios({
        method: 'put',
        url: 'sccg/base_case/case_status_update?caseId=' + id + '&state=' + 3
      })
          .then(res => {
            if (res.code === 200) {
              this.$notify({
                title: '温馨提示',
                message: '此事件已忽略,返回系统在学习',
                type: 'success',
                position: 'bottom-right'
              })
              this.getInspectionData();
            } else {
              this.$message({
                type: 'error',
                message: '操作失败'
              })
            }
          })
        .then(res => {
          if (res.code === 200) {
            this.$notify({
              title: '温馨提示',
              message: '此事件已忽略,返回系统在学习',
              type: 'success',
              position: 'bottom-right'
            })
            this.getInspectionData();
          } else {
            this.$message({
              type: 'error',
              message: '操作失败'
            })
          }
        })
    },
    // 暂不处理
    handleNotDeal({id}) {
    handleNotDeal({ id }) {
      this.$axios({
        method: 'put',
        url: 'sccg/base_case/case_status_update?caseId=' + id + '&state=' + 4
      })
          .then(res => {
            if (res.code === 200) {
              this.$notify({
                title: '温馨提示',
                message: '此事件暂不处理,请前往暂不处理界面查看详情',
                type: 'success',
                position: 'bottom-right'
              })
              this.getInspectionData();
            } else {
              this.$message({
                type: 'error',
                message: '操作失败'
              })
            }
          })
        .then(res => {
          if (res.code === 200) {
            this.$notify({
              title: '温馨提示',
              message: '此事件暂不处理,请前往暂不处理界面查看详情',
              type: 'success',
              position: 'bottom-right'
            })
            this.getInspectionData();
          } else {
            this.$message({
              type: 'error',
              message: '操作失败'
            })
          }
        })
    },
  }
}
</script>

<style scoped lang="scss">

.tools {
  display: flex;
  justify-content: space-between;
@@ -354,6 +352,7 @@
    justify-content: center;

    .el-pagination {

      &::v-deep li,
      &::v-deep .btn-prev,
      &::v-deep .btn-next {
@@ -385,5 +384,4 @@
    }
  }
}

</style>

 src/views/intelligentPatrol/trendAnalysis/index.vue

@@ -35,6 +35,10 @@
      </div>
    </div>
    <div class="trend-main">

      <div class="map">
            <MyMap></MyMap>
      </div>
      <div class="trend-main-echarts" id="echarts">

      </div>
@@ -46,8 +50,10 @@
import * as echarts from 'echarts'
import basecase from "@/api/operate/basecase";
import { CATEGOTY } from "@/utils/helper";
import MyMap from "@/components/map";

export default {
  components :{MyMap},
  created() {
    this.searchList()
  },
@@ -129,7 +135,7 @@
<style lang="scss" scoped>
.trend-analysis {
  height: 100%;
  padding: 10vh 10vw;
  padding: 10vh 0vw;
  color: #4b9bb7;
  display: flex;

@@ -185,7 +191,7 @@
  .trend-main {
    flex: 1;
    border: 1px solid #09152f;

    display: flex;
    .trend-main-echarts {
      width: 500px;
      height: 400px;
@@ -198,4 +204,8 @@
    }
  }
}
.map {
  height: 488px;
  min-width: 460px;
}
</style>

 src/views/operate/images/updateUser/index.vue

@@ -11,7 +11,7 @@
          ref="user"
          style="width: 100%"
        >
          <!-- <el-form-item prop="belongToId" label="所属事件编号">
          <el-form-item prop="belongToId" label="所属事件编号" v-if="true">
            <el-input v-model="imagedata.code"></el-input>
          </el-form-item>
          <el-form-item prop="eventSource" label="事件来源">
@@ -39,7 +39,7 @@
          </el-form-item>
          <el-form-item prop="id" label="图片Id">
            <el-input v-model="imagedata.id"></el-input>
          </el-form-item> -->
          </el-form-item>
          <el-form-item prop="url" label="图片:" min-width="8"> 
            <my-upload
              :picture-list="imageList"