部分接口调整，样式调整，警情分发调整

shuishen

2021-03-13 67e458c2fd0f2515ae12a2b2d50371e1211ad936

部分接口调整，样式调整，警情分发调整

 public/map/core/manager/widgetsmanager.js

@@ -130,6 +130,14 @@
                    "actived": false
                },
                {
                    "label": "分发处置",
                    "id": "AlertSecurity",
                    "widgetClass": "widgets/alertSecurity/AlertSecurity",
                    "type": "sider",
                    "cssPath": "widgets/alertSecurity/AlertSecurity.css",
                    "actived": false
                },
                {
                    "label": "洪水风险",
                    "id": "MapBrowseWidgetCopy",
                    "widgetClass": "widgets/mapBrowsecopy/MapBrowseWidgetCopy",

 public/map/widgets/alertSecurity/AlertSecurity.css

 public/map/widgets/alertSecurity/AlertSecurity.js

New file
@@ -0,0 +1,275 @@
/*
 * @Description:
 * @Version: 1.0
 * @Author: yangsx
 * @Date: 2019-12-09 19:01:40
 * @LastEditors: yangsx
 * @LastEditTime: 2019-12-14 14:44:57
 */
define([
  "dojo",
  "dojo/_base/declare",
  "dojo/_base/lang",
  "base/BaseWidget",
  "dojo/text!widgets/alertSecurity/template.html",
  "base/AppEvent",
  "base/ConfigData",
  "widgets/alertSecurity/config",
  "dojo/dom",
  "dojo/dom-construct",
  "dojo/dom-attr",
  "dojo/dom-style",
  "dojo/on",
  "esri/layers/ArcGISDynamicMapServiceLayer",
  "esri/layers/ArcGISTiledMapServiceLayer",
  "esri/layers/FeatureLayer",
  "controls/tab/TabControl",
  "esri/dijit/SymbolStyler",
  "esri/styles/basic",
  "dojo/_base/array",
  "esri/InfoTemplate",
  "esri/tasks/query",
  "esri/tasks/QueryTask",
  "esri/Color",
  "esri/toolbars/edit",
  "esri/graphic",
  "esri/geometry/Point",
  "esri/geometry/Polyline",
  "esri/geometry/Polygon",
  "esri/geometry/Extent",
  "esri/tasks/FeatureSet",
  "esri/renderers/HeatmapRenderer",
  "esri/symbols/SimpleLineSymbol",
  "esri/symbols/SimpleFillSymbol",
  "esri/symbols/PictureMarkerSymbol",
  "esri/symbols/SimpleMarkerSymbol",
  "esri/SpatialReference",
  "esri/tasks/GeometryService",
  "esri/tasks/ProjectParameters",
  "esri/layers/GraphicsLayer",
  "esri/layers/LabelLayer",
  "esri/symbols/TextSymbol",
  "esri/renderers/SimpleRenderer",
  "esri/renderers/ClassBreaksRenderer",
  "esri/tasks/Geoprocessor",
  "esri/tasks/DataFile",
  "esri/geometry/webMercatorUtils",
  "esri/symbols/Font",
  "esri/geometry/ScreenPoint",
  "esri/layers/ImageParameters",
  "esri/geometry/geometryEngine",
  "esri/dijit/PopupTemplate",
  "widgets/clientManagement/FlareClusterLayer_v3",
  "dojo/domReady!"
], function (
  dojo,
  declare,
  lang,
  BaseWidget,
  template,
  AppEvent,
  ConfigData,
  config,
  dom,
  domConstruct,
  domAttr,
  domStyle,
  on,
  ArcGISDynamicMapServiceLayer,
  ArcGISTiledMapServiceLayer,
  FeatureLayer,
  TabControl,
  SymbolStyler,
  basic,
  arrayUtils,
  InfoTemplate,
  Query,
  QueryTask,
  Color,
  Edit,
  Graphic,
  Point,
  Polyline,
  Polygon,
  Extent,
  FeatureSet,
  HeatmapRenderer,
  SimpleLineSymbol,
  SimpleFillSymbol,
  PictureMarkerSymbol,
  SimpleMarkerSymbol,
  SpatialReference,
  GeometryService,
  ProjectParameters,
  GraphicsLayer,
  LabelLayer,
  TextSymbol,
  SimpleRenderer,
  ClassBreaksRenderer,
  Geoprocessor,
  DataFile,
  webMercatorUtils,
  Font,
  ScreenPoint,
  ImageParameters,
  geometryEngine,
  PopupTemplate,
  FlareClusterLayer
) {
  var Widget = declare([BaseWidget], {
    widgetName: "AlertSecurity",
    label: "分发处置",
    templateString: template,
    _map: null,
    objThis: null,
    _siteLayer: new GraphicsLayer(),
    layuiLayer: null,
    layuiLadate: null,
    tabIndex: 0,

    // 保留添加实体图层的变量
    addEntitys: null,
    entitysData: [],







    // 巡逻区域或者巡逻路线的描述
    routeOrRegionDescribe: null,

    // 用来记录巡逻区域或者巡逻路线的下标的
    patrolIndex: 0,

    // 拖拽
    isDown: false,
    x: 0,
    y: 0,
    offset: null,
    moveThis: null,
    // 电子围栏需要新增的Id
    newElectronicFenceId: null,

    // 新增路线时，派发人员，人员名称，以及人员id
    peopleRealName: null,
    pepleRealId: null,
    constructor: function (options, srcRefNode) {
      this._map = options.map;
      objThis = this;

      this.addEntitys = new GraphicsLayer({
        id: 'addEntitys'
      });

      // 添加点面线的图层
      this.addPolygonEntitys = new GraphicsLayer({
        id: 'addPolygonEntitys'
      });
      // 添加所有图层的地方
      this.entityPolygonAll = new GraphicsLayer({
        id: 'entityPolygonAll'
      });


      this._map.addLayer(this.addEntitys);


      this._map.addLayer(this.addPolygonEntitys);
      this._map.addLayer(this.entityPolygonAll);

    },

    startup: function () {

      objThis._map.addLayer(objThis._siteLayer);
      var that = this;

      var openid = that.getQueryStringByKey('id');


      $.ajax({
          url: "http://web.byisf.com/api/blade-jfpts/jingdan/jingdan/detail?id=" + openid,
          type: 'get',
          dataType: 'JSON',
          success: function (data) {
            that.addPoint(that.addEntitys, data.data.jd, data.data.wd)
          }
      })

    },

    getQueryStringByKey: function (key) {
      return (document.location.search.match(new RegExp("(?:^\\?|&)" + key + "=(.*?)(?=&|$)")) || ['', null])[1];
    },

    open: function () {
      var that = this;

    },
    close: function () {

    },
    // 获取当前时间，以及昨天现在的时间
    getTime: function getTime() {
      var timestamp = Date.parse(new Date());

      // 当前时间
      var currentTime = new Date(timestamp);
      // 年
      var currentY = currentTime.getFullYear();
      // 月
      var currentM = currentTime.getMonth() + 1 < 10 ? '0' + (currentTime.getMonth() + 1) : currentTime.getMonth() + 1;
      // 日
      var currentD = currentTime.getDate() < 10 ? '0' + currentTime.getDate() : currentTime.getDate();
      // 时
      var currentH = currentTime.getHours() < 10 ? '0' + currentTime.getHours() : currentTime.getHours();
      // 分
      var currentDd = currentTime.getMinutes() < 10 ? '0' + currentTime.getMinutes() : currentTime.getMinutes();
      // 明天
      var tomorrowTime = new Date(timestamp - 60 * 60 * 24 * 1000);
      // 年
      var tomorrowY = tomorrowTime.getFullYear();
      // 月
      var tomorrowM = tomorrowTime.getMonth() + 1 < 10 ? '0' + (tomorrowTime.getMonth() + 1) : tomorrowTime.getMonth() + 1;
      // 日
      var tomorrowD = tomorrowTime.getDate() < 10 ? '0' + tomorrowTime.getDate() : tomorrowTime.getDate();
      // 时
      var tomorrowH = tomorrowTime.getHours() < 10 ? '0' + tomorrowTime.getHours() : tomorrowTime.getHours();
      // 分
      var tomorrowDd = tomorrowTime.getMinutes() < 10 ? '0' + tomorrowTime.getMinutes() : tomorrowTime.getMinutes();
      return {
        current: currentY + '-' + currentM + '-' + currentD + ' ' + currentH + ':' + currentDd,
        tomorrow: tomorrowY + '-' + tomorrowM + '-' + tomorrowD + ' ' + tomorrowH + ':' + tomorrowDd,
        month: currentM + currentD
      };
    },

    // 创建实体图层
    createEntitys: function (entitys, entityContent, name, item, lgtd, lttd, outlineColors) {

      var symbol = new esri.symbol.PictureMarkerSymbol(outlineColors, 26, 26);
      symbol.name = name;
      var pt = new Point(lgtd, lttd, new esri.SpatialReference({
        wkid: 4326
      }));
      pt.entityData = item;
      var graphic = new esri.Graphic(pt, symbol);
      entitys.add(graphic);


      entityContent.push(item);
    },

    addPoint: function (entitys, lgtd, lttd) {
      var symbol = new esri.symbol.PictureMarkerSymbol('./images/jingbaored.png', 20, 20);
      var pt = new Point(lgtd, lttd, new SpatialReference({
        wkid: 4326
      }));
      var graphic = new esri.Graphic(pt, symbol);
      entitys.add(graphic);
    }
  });
  return Widget;
});

 public/map/widgets/alertSecurity/config.js

New file
@@ -0,0 +1,13 @@
/*
 * @Description:
 * @Version: 1.0
 * @Author: yangsx
 * @Date: 2019-12-09 19:01:40
 * @LastEditors: yangsx
 * @LastEditTime: 2019-12-14 10:00:41
 */
define([], function() {
  var config = {};

  return config;
});

 public/map/widgets/alertSecurity/template.html

New file
@@ -0,0 +1 @@
<div></div>

 public/map/widgets/analysisAndJudgment/AnalysisAndJudgment.js

@@ -663,13 +663,13 @@
            dom.children('.select-list').children('ul').append($("<li areaid='all'>全部</li>"));
            var that = this;
            $.ajax({
                url: 'https://web.byisf.com/api/blade-jfpts/district/district/selectd',
                url: 'http://web.byisf.com/api/blade-system/region/select?code=3601',
                type: 'GET',
                dataType: 'JSON',
                success: function (data) {
                    var res = data.data;
                    for (var i = 0; i < res.length; i++) {
                        dom.children('.select-list').children('ul').append($("<li areaid=" + res[i].addvcds + ">" + res[i].addvnm + "</li>"));
                        dom.children('.select-list').children('ul').append($("<li areaid=" + res[i].code + ">" + res[i].name + "</li>"));
                    }
                }
            })
@@ -686,14 +686,14 @@
            dom.empty();
            var that = this;
            $.ajax({
                url: 'https://web.byisf.com/api/blade-jfpts/jingdan/jingdan/selectList',
                url: 'http://web.byisf.com/api/blade-jfpts/jingdan/jingdan/selectList',
                type: 'POST',
                dataType: 'JSON',
                data: {
                    beginTime: beginTime,
                    endTime: endTime,
                    waringType: waringType,
                    addvcd: addvcd,
                    district: addvcd,
                    type: ''
                },
                success: function (data) {
@@ -741,7 +741,7 @@
            dom.children('.select-list').children('ul').empty();
            dom.children('.select-list').children('ul').append($("<li ownerid='all'>全部</li>"));
            $.ajax({
                url: 'https://web.byisf.com/api/blade-jfpts/lx/lx/seleclx',
                url: 'http://web.byisf.com/api/blade-jfpts/lx/lx/seleclx',
                type: 'GET',
                dataType: 'JSON',
                success: function (data) {
@@ -757,7 +757,7 @@
            dom.children('.select-list').children('ul').empty();
            dom.children('.select-list').children('ul').append($("<li>全部</li>"));
            $.ajax({
                url: 'https://web.byisf.com/api/blade-jfpts/dj/dj/selectName?tnumbers=' + tnumbers,
                url: 'http://web.byisf.com/api/blade-jfpts/dj/dj/selectName?tnumbers=' + tnumbers,
                type: 'GET',
                dataType: 'JSON',
                success: function (data) {
@@ -773,7 +773,7 @@
            dom.empty();
            var that = this;
            $.ajax({
                url: 'https://web.byisf.com/api/blade-jfpts/suser/suser/selectList?type=' + type + '&dj=' + dj,
                url: 'http://web.byisf.com/api/blade-jfpts/suser/suser/selectList?type=' + type + '&dj=' + dj,
                type: 'GET',
                dataType: 'JSON',
                success: function (data) {
@@ -809,7 +809,7 @@
            dom.empty();
            var that = this;
            $.ajax({
                url: 'https://web.byisf.com/api/blade-jfpts/equipment/equipment/selectList?deviceType=' + deviceType,
                url: 'http://web.byisf.com/api/blade-jfpts/equipment/equipment/selectList?deviceType=' + deviceType,
                type: 'GET',
                dataType: 'JSON',
                success: function (data) {

 public/map/widgets/analysisAndJudgment/AnalysisAndJudgment1.js

@@ -670,7 +670,7 @@
      dom.empty();
      var that = this;
      $.ajax({
        url: 'https://web.byisf.com/api/blade-jfpts/jingdan/jingdan/selectList',
        url: 'http://web.byisf.com/api/blade-jfpts/jingdan/jingdan/selectList',
        type: 'POST',
        dataType: 'JSON',
        data: {
@@ -721,7 +721,7 @@
      dom.empty();
      var that = this;
      $.ajax({
        url: 'https://web.byisf.com/api/blade-jfpts/suser/suser/selectList?type=' + type + '&dj=' + dj,
        url: 'http://web.byisf.com/api/blade-jfpts/suser/suser/selectList?type=' + type + '&dj=' + dj,
        type: 'GET',
        dataType: 'JSON',
        success: function (data) {
@@ -755,7 +755,7 @@
      dom.empty();
      var that = this;
      $.ajax({
        url: 'https://web.byisf.com/api/blade-jfpts/equipment/equipment/selectList?deviceType=' + deviceType,
        url: 'http://web.byisf.com/api/blade-jfpts/equipment/equipment/selectList?deviceType=' + deviceType,
        type: 'GET',
        dataType: 'JSON',
        success: function (data) {

 public/map/widgets/analysisAndJudgment/template.html

@@ -21,9 +21,14 @@
                        <div class='select-list'>
                            <ul>
                                <li>全部</li>
                                <li>治安警情</li>
                                <li>刑事警情</li>
                                <li>医疗求助</li>
                                <li>火警</li>
                                <li>紧急求救</li>
                                <li>盗警</li>
                                <li>普通报警</li>
                                <li>交通</li>
                                <li>中心调度</li>
                                <li>电话报警</li>
                            </ul>
                        </div>
                    </li>

 src/styles/common.scss

@@ -18,6 +18,8 @@
@import './media.scss';
//通用配置
@import './normalize.scss';
//警情处置样式修改
@import './distribution.scss';

a{
  text-decoration: none;

 src/styles/distribution.scss

New file
@@ -0,0 +1,8 @@
.distribution-form-label.el-form-item--mini .el-form-item__label,
.distribution-form-label.el-form-item--mini .el-form-item__content {
  line-height: 50px !important;
}

.distribution-form-save .el-form-item__content {
    margin: 0 !important;
}

 src/views/distribution/index.vue

@@ -1,147 +1,211 @@
<template>
  <el-form
    :model="form"
    label-position="right"
    size="mini"
    label-width="100px"
    style="background: #fff; margin-left: 10px;padding-top: 40px !important; margin-right: 10px; height: calc(100% - 40px); width: calc(100% - 20px)"
  >
    <el-row>
      <el-col span="12"
        ><el-form-item label="报警人姓名">
          <el-input
            disabled="true"
            v-model="form.galarmPeople"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
      <el-col span="12"
        ><el-form-item label="联系方式">
          <el-input
            disabled="true"
            v-model="form.phoneNumber"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
    </el-row>
    <el-row>
      <el-col span="12"
        ><el-form-item label="事发地址">
          <el-input
            disabled="true"
            v-model="form.place"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
      <el-col span="12"
        ><el-form-item label="行政区">
          <el-input
            disabled="true"
            v-model="form.addvnm"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
    </el-row>
    <el-row>
      <el-col span="12"
        ><el-form-item label="报警时间">
          <el-input
            disabled="true"
            v-model="form.galarmTime"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
      <el-col span="12"
        ><el-form-item label="报警内容">
          <el-input
            disabled="true"
            v-model="form.content"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
    </el-row>
    <el-row>
      <el-col span="12"
        ><el-form-item label="警情级别">
          <el-input
            disabled="true"
            v-model="form.level"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
      <el-col span="12"
        ><el-form-item label="警情类别">
          <el-input
            disabled="true"
            v-model="form.waringType"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
    </el-row>
    <el-row>
      <el-col span="12"
        ><el-form-item label="处理方式">
          <el-radio-group
            @change="processChange"
            v-model="processmode"
            :disabled="this.form.type == 0 ? false : true"
          >
            <el-radio label="派发保安"></el-radio>
            <el-radio label="提示业主"></el-radio>
          </el-radio-group> </el-form-item
      ></el-col>
      <el-col span="12"
        ><el-form-item label="处理人">
          <el-select
            v-model="form.handName"
            @change="selectChange"
            placeholder="请选择处理人"
            :disabled="
              this.form.type == 0 ? this.form.handletype == 1 ? true : false : false
            "
          >
            <el-option
              v-for="item in selectOptions"
              :key="item.value"
              :label="item.label"
              :value="item.snumber"
            >
            </el-option>
          </el-select> </el-form-item
      ></el-col>
    </el-row>
    <el-row>
      <el-col span="12"
        ><el-form-item label="是否上报110">
          <el-input
            disabled="true"
            v-model="form.alarmPeople"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
      <el-col span="12"
        ><el-form-item label="设备编号">
          <el-input
            disabled="true"
            v-model="form.deviceNumber"
            autocomplete="off"
          ></el-input> </el-form-item
      ></el-col>
    </el-row>
    <el-form-item style="text-align: center; margin: 0" class="dispose">
      <el-button
        :style="
          this.form.type == 0
            ? 'background:#66b1ff; border-color:#66b1ff'
            : 'background:#cfcfcf; border-color:#cfcfcf'
  <el-row>
    <el-col :span="12">
      <el-form
        :model="form"
        label-position="right"
        size="mini"
        label-width="100px"
        style="
          background: #fff;
          margin-left: 10px;
          margin-right: 10px;
          height: calc(100% - 40px);
          width: calc(100% - 20px);
        "
        type="primary"
        @click="onSubmit"
      >
        保 存
      </el-button>
    </el-form-item>
  </el-form>
        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="报警人姓名">
              <el-input
                disabled="true"
                v-model="form.galarmPeople"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="联系方式">
              <el-input
                disabled="true"
                v-model="form.phoneNumber"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
        </el-row>
        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="事发地址">
              <el-input
                disabled="true"
                v-model="form.place"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="要求处置时间">
              <el-input
                disabled="true"
                v-model="form.czTime"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
        </el-row>
        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="报警时间">
              <el-input
                disabled="true"
                v-model="form.galarmTime"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="报警内容">
              <el-input
                disabled="true"
                v-model="form.content"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
        </el-row>
        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="警情级别">
              <el-input
                disabled="true"
                v-model="form.level"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="警情类别">
              <el-input
                disabled="true"
                v-model="form.waringType"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
        </el-row>
        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="处理方式">
              <el-radio-group
                @change="processChange"
                v-model="processmode"
                :disabled="this.form.type == 0 ? false : true"
              >
                <el-radio
                  class="distribution-form-label"
                  label="派发保安"
                ></el-radio>
                <el-radio
                  class="distribution-form-label"
                  label="提示业主"
                ></el-radio>
              </el-radio-group> </el-form-item
          ></el-col>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="处理人">
              <el-select
                v-model="form.handName"
                @change="selectChange"
                placeholder="请选择处理人"
                :disabled="
                  this.form.type == 0
                    ? this.form.handletype == 1
                      ? true
                      : false
                    : true
                "
              >
                <el-option
                  v-for="item in selectOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.snumber"
                >
                </el-option>
              </el-select> </el-form-item
          ></el-col>
        </el-row>
        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="是否上报110">
              <el-input
                disabled="true"
                v-model="form.alarmPeople"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="设备编号">
              <el-input
                disabled="true"
                v-model="form.deviceNumber"
                autocomplete="off"
              ></el-input> </el-form-item
          ></el-col>
        </el-row>

        <el-row>
          <el-col span="12"
            ><el-form-item class="distribution-form-label" label="省份">
              <el-input
                disabled="true"
                v-model="form.$province"
                autocomplete="off"
              ></el-input>
            </el-form-item>
          </el-col>
              <el-col span="12"
            ><el-form-item class="distribution-form-label" label="地市">
              <el-input
                disabled="true"
                v-model="form.$city"
                autocomplete="off"
              ></el-input>
            </el-form-item>
          </el-col>
              <el-col span="12"
            ><el-form-item class="distribution-form-label" label="行政区">
              <el-input
                disabled="true"
                v-model="form.$district"
                autocomplete="off"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-form-item
          class="distribution-form-save"
          style="text-align: center; margin: 0"
        >
          <el-button
            :style="
              this.form.type == 0
                ? 'background:#66b1ff; border-color:#66b1ff'
                : 'background:#cfcfcf; border-color:#cfcfcf'
            "
            type="primary"
            @click="onSubmit"
          >
            保 存
          </el-button>
        </el-form-item>
      </el-form></el-col
    >
    <el-col :span="12">
      <iframe
        id="DistributionMapDiv"
        ref="DistributionMapDiv"
        :src="baseUrl"
        frameborder="0"
        width="100%"
        height="100%"
      ></iframe>
    </el-col>
  </el-row>
</template>

<script>
@@ -151,18 +215,48 @@
    return {
      selectOptions: [],
      form: {},
      processmode: "提示业主"
      baseUrl: "",
      processmode: "提示业主",
      ref: this.$refs,
    };
  },
  created() {
    this.form = this.$route.query;
    this.form.handletype = 1;

    console.log(this.form);
    if (this.form.type == 0) {
      this.form.handleP = "";
      this.form.handName = "";
    }
    this.getSelectOptions();

    this.baseUrl = `/map/index.html?openid=AlertSecurity&id=${this.form.id}&jd=${this.form.jd}&wd=${this.form.wd}}`;

    var arr = [];
    var flag = false;

    this.$store.state.tags.tagList.forEach((item) => {
      if (item.label != "警情分发处置") {
        arr.push(item);
      } else if (item.label == "警情分发处置" && flag == false) {
        arr.push(item);
        flag = true;
      }
    });

    this.$store.state.tags.tagList = arr;
  },

  mounted() {
    this.$refs.DistributionMapDiv.onload = () => {
      window.frames[0].init("AlertSecurity", {
        x: this.form.jd,
        y: this.form.wd,
      });
    };
  },

  methods: {
    onSubmit() {
      if (this.form.type == 1 || this.form.type == 2) return;
@@ -175,9 +269,9 @@
      }

      var newAxios = axios.create({
        baseURL: "https://web.byisf.com",
        baseURL: "http://web.byisf.com",
        withCredentials: false,
        headers: {}
        headers: {},
      });

      newAxios
@@ -190,14 +284,14 @@
              handleP: this.form.handleP,
              handName: this.form.handName,
              handletype: this.form.handletype,
              type: "1"
            }
              type: "1",
            },
          }
        )
        .then(res => {
        .then((res) => {
          if (res.data.msg == "修改成功") {
            var arr = [];
            this.$store.state.tags.tagList.forEach(item => {
            this.$store.state.tags.tagList.forEach((item) => {
              if (item.value != this.$store.state.tags.tag.value) {
                arr.push(item);
              }
@@ -210,9 +304,9 @@

    getSelectOptions() {
      var newAxios = axios.create({
        baseURL: "https://web.byisf.com",
        baseURL: "http://web.byisf.com",
        withCredentials: false,
        headers: {}
        headers: {},
      });

      newAxios
@@ -224,19 +318,19 @@
            this.form.wd +
            ")"
        )
        .then(res => {
          res.data.data.forEach(item => {
        .then((res) => {
          res.data.data.forEach((item) => {
            this.selectOptions.push({
              value: item.sname,
              label: item.sname,
              snumber: item.snumber
              snumber: item.snumber,
            });
          });
        });
    },

    selectChange(value) {
      this.selectOptions.forEach(item => {
      this.selectOptions.forEach((item) => {
        if (item.snumber == value) {
          this.form.handName = item.value;
          this.form.handleP = value;
@@ -245,38 +339,31 @@
    },

    processChange(value) {
      debugger
      value == "提示业主"
        ? (this.form.handletype = 1)
        : (this.form.handletype = 0);
    }
  }
    },
  },
};
</script>

<style scoped>
.el-form .el-row {
  padding: 0 40px !important;
  padding: 0 20px !important;
}
.el-form .el-col {
  padding: 0 40px !important;
  padding: 0 20px !important;
}
.el-form .el-col,
.el-form .el-col .el-form-item__label,
.el-form .el-col .el-form-item__content {
  height: 50px !important;
  line-height: 50px !important;
  /* margin: 0 !important; */

  margin: 0 !important;
}

.el-form .el-col .el-form-item {
  height: 100% !important;

  margin: 0 !important;
  line-height: 1.2 !important;
}

.dispose .el-form-item__content {
  margin: 0 !important;
}

</style>