事件总数修改

odc.xiaohui

2023-03-18 b44206e6f3adba4b5f85760e4913e4214cd6a599

 src/views/intelligentPatrol/statistics/unlawful/type/index.vue

@@ -57,6 +57,10 @@
          <el-table-column prop="name" label="类型名称" min-width="10">
          </el-table-column>
          <el-table-column prop="count" label="事件总数" min-width="5">
            <template slot-scope="scope">

              <el-button type="text" @click="seachTotalEvents(scope.row.id)">{{scope.row.count}}</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="ratio" label="占比" min-width="5">
          </el-table-column>
@@ -94,16 +98,138 @@
          </el-pagination>
        </div>
      </div>

      <el-dialog
          title="事件总数"
          :visible.sync="dialogVisibleEvent"
          width="80%"
          :before-close="handClose">
        <el-table
            border
            stripe
            ref="multipleTable"
            :header-cell-style="{
                        background: '#F5F5F5',
                        'font-weight': '650',
                        'line-height': '45px'
                    }"
            :data="gridData"
            style="width: 100%"
            :row-class-name="tableRowClassName"

        >

          <el-table-column
              prop="code"
              label="事件编号"
              min-width="18"
          >
          </el-table-column>
          <el-table-column
              prop="eventSource"
              label="问题来源"
              min-width="8"
          >
            <template slot-scope="scope">
                            <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>
          <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'"
              show-overflow-tooltip
          >
            <template slot-scope="scope">
              <div v-if="mystatus === 2">
                                <span>{{
                                    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
              :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"
          >
            <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>
        </el-table>

        <div >
          <el-pagination
              background
              :current-page="currentPages"
              layout="prev, pager, next"
              :total="totalNums"
              :page-size="pageSizes"
              @current-change="changeCurrentPages"
          >
          </el-pagination>
        </div>

      </el-dialog>
    </main>
  </div>
</template>
  <script>
import { createNamespacedHelpers } from "vuex";
import helper from "@/utils/mydate";
import basecase from "@/api/operate/basecase";
const { mapActions } = createNamespacedHelpers("statistics");

export default {
  data() {
    return {
      seachID:'',
      dialogVisibleEvent:false,
      mystatus:1,
      totalNums:1,
      pageSizes:10,
      currentPages:1,
      gridData:[],
      pickerOptions: {
        shortcuts: [
          {
@@ -148,7 +274,38 @@
  },
  methods: {
    ...mapActions(["searchByType"]),
    handClose(){
      this.dialogVisibleEvent=false
    },
    changeCurrentPages(page){
      this.currentPages = page;

      this.seachTotalEvents(this.seachID)
    },
// 处理时间
    filterTime(time) {
      return helper(time);
    },
    seachTotalEvents(id){
      this.seachID=id
      this.dialogVisibleEvent =true
      console.log(this.value2)
      let params ={
        type:1,
        violationsTypeId:id,
        current: this.currentPages,
        size: this.pageSizes,
      }
      params.startTime = this.value2[0]||''
      params.endTime = this.value2[1]||''
      basecase.baseCasePoolList(params).then(res=>{
        console.log(res)
        this.gridData =res.records
        this.pageSizes =res.size
        this.currentPages =res.current
        this.totalNums = res.total
      })
    },
    handleExport(e) {
      this.$axios({
        method: 'post',