网格绘制

zhanghua

2023-01-30 5173f8e31d106abd003e123c8679cf53c7940b33

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -31,7 +31,7 @@
          <!--            <span>{{ currentEvent.address }}</span>-->
          <!--          </div>-->
          <span @click="openDialogTable" class="count-data-span"
          >您有{{ countData.review }}条待审核报警信息,今日立案{{
            >您有{{ countData.review }}条待审核报警信息,今日立案{{
              countData.register
            }}条,再学习{{ countData.study }}条</span
          >
@@ -229,7 +229,7 @@
      </div>
    </el-dialog>
    <el-dialog :visible.sync="isShowTable" title="报警信息" width="1200px">
      <inspection-table/>
      <inspection-table />
    </el-dialog>
  </div>
</template>
@@ -242,20 +242,15 @@
import { validateCarNum } from "@/utils/validate";
import MyDispatch from "@/components/dispatch";
import InspectionTable from "@/views/intelligentPatrol/studyJudge/inspectionTable/index.vue";
import MyMap from "@/components/map";
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";

export default {
  components: { MyDispatch, MyMap,InspectionTable },
  components: { MyDispatch, MyMap, InspectionTable },
  created() {
    this.getInspectionData();
    this.initEventParams();
    basecase
      .getInspectionCountData()
      .then((res) => {
        this.countData = res;
      })
      .catch((err) => this.$message.error(err));

    this.getInspectionCount();
    getStoreInfoList({ current: 1, size: 100 })
      .then(({ list }) => {
        this.storeList = list;
@@ -280,7 +275,7 @@
  },
  mounted() {
    this.timer = setInterval(() => {
      setTimeout(this.getInspectionData, 0);
      this.getInspectionCount();
    }, 1000 * 10);
  },
  data() {
@@ -296,7 +291,7 @@
      }
    };
    return {
      isShowTable:false,
      isShowTable: false,
      timer: null,
      countData: {
        study: 0,
@@ -374,8 +369,18 @@
    };
  },
  methods: {
    openDialogTable(){
      this.isShowTable = true
    getInspectionCount() {
      basecase
        .getInspectionCountData({
          showLoading: false,
        })
        .then((res) => {
          this.countData = res;
        })
        .catch((err) => this.$message.error(err));
    },
    openDialogTable() {
      this.isShowTable = true;
    },
    pageChange(type) {
      if (type === "next") {
@@ -395,7 +400,7 @@
            x: this.currentEvent.longitude,
            y: this.currentEvent.latitude,
          };
          this.zoom = 19;
          this.zoom = 18;
          this.mark = { title: this.currentEvent.address };
          if (this.currentEvent?.picData) {
            this.imageList = this.currentEvent.picData
@@ -689,13 +694,12 @@

      .sjm-content-left {
        line-height: 4.8vh;
        .count-data-span{
        .count-data-span {
          cursor: pointer;
          color: #66b1ff;
        }
        .left-form > ::v-deep.el-form-item__label {
          font-size: 16px !important;

        }
        .img-item {
          display: flex;