地址替换

zengh

2022-05-16 63ad2c3598400370dd7da5534659fd7e768a0a4a

 src/views/policeTracking/policeTracking.vue

@@ -17,7 +17,7 @@
            >
              <div class="avue-group__header avue-group">
                <i class="el-icon-message-solid avue-group__icon"></i>
                <h1 class="avue-group__title">警情信息</h1>
                <h1 class="avue-group__title">任务信息</h1>
              </div>
            </div>
          </div>
@@ -30,7 +30,6 @@
              class="policeForm"
              label-width="100px"
              style="
                background: #fff;
                margin-top: 20px;
                margin-left: 10px;
                margin-right: 10px;
@@ -40,103 +39,16 @@
            >
              <el-row>
                <el-col span="12">
                  <el-form-item label="报警人">
                  <el-form-item label="任务类型">
                    <el-input
                      disabled="true"
                      v-model="form.galarmPeople"
                      v-model="form.alarmType"
                      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.oneContacts"
                      autocomplete="off"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="负责人电话">
                    <el-input
                      disabled="true"
                      v-model="form.onePhone"
                      autocomplete="off"
                    ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col span="12">
                  <el-form-item label="省份" class="cityClassParams">
                    <avue-form :option="itemOption" v-model="form"></avue-form>
                  </el-form-item>
                </el-col>
                <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-row>
              <el-row>
                <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-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-row>
                <el-col span="12">
                  <el-form-item label="接警人">
                    <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.content"
                      autocomplete="off"
                    ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col span="12">
                  <el-form-item label="报警时间">
                  <el-form-item label="下发时间">
                    <el-input
                      disabled="true"
                      v-model="form.alarmTime"
@@ -144,173 +56,54 @@
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="历史视频">
                    <el-button type="primary" @click.stop="oldOpenVideo"
                      >视频播放
                    </el-button>
              </el-row>
              <el-row>
                <el-col span="24">
                  <el-form-item label="备注">
                    <el-input v-model="form.bz" autocomplete="off"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col span="12">
                  <el-form-item label="备注">
                  <el-form-item label="地址">
                    <el-input
                      :disabled="form.securityArr.length > 0"
                      v-model="form.bz"
                      v-model="form.place"
                      autocomplete="off"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col span="12">
                  <el-form-item label="省份" class="cityClassParams">
                    <avue-form :option="itemOption" v-model="form"></avue-form>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col span="12">
                  <avue-form
                    :option="securityArritem"
                    v-model="form"
                  ></avue-form>
                </el-col>
                <!--                <el-col span="12">-->
                <!--                  <el-form-item label="派发人">-->
                <!--                    <el-input-->
                <!--                      disabled="true"-->
                <!--                      v-model="form.alarmPeople"-->
                <!--                      autocomplete="off"-->
                <!--                    ></el-input>-->
                <!--                  </el-form-item>-->
                <!--                </el-col>-->
              </el-row>
            </el-form>
          </el-card>

          <div
            style="margin-top: 20px"
            role="tab"
            aria-expanded="true"
            aria-controls="el-collapse-content-823"
            aria-describedby="el-collapse-content-823"
          >
            <div
              role="button"
              tabindex="0"
              class="el-collapse-item__header focusing is-active"
            <!-- <div
              class="grid-content bg-purple-light"
              style="text-align: center"
            >
              <div
                class="avue-group__header avue-group"
                style="position: relative"
              >
                <i class="el-icon-document avue-group__icon"></i>
                <h1 class="avue-group__title">人员信息</h1>
                <el-button
                  @click="
                    onSubmit('通知' + ensureNames, ensureId), (flag = false)
                  "
                  size="small"
                  style="position: absolute; right: 0"
                  :disabled="form.securityArr.length > 0"
                  :type="form.securityArr.length > 0 ? 'info' : 'danger'"
                  >通 知</el-button
                >
              </div>
            </div>
          </div>

          <el-card>
            <el-table
              ref="multipleTable"
              :data="tableData"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange"
              max-height="240"
            >
              <el-table-column
                v-if="!(form.securityArr.length > 0)"
                type="selection"
                width="55"
                align="center"
              >
              </el-table-column>

              <el-table-column
                prop="ind"
                label="序号"
                width="60"
                align="center"
              >
              </el-table-column>
              <el-table-column
                prop="name"
                label="姓名"
                width="100"
                align="center"
              >
              </el-table-column>
              <el-table-column
                prop="phone"
                label="联系电话"
                width="120"
                align="center"
              >
              </el-table-column>
              <el-table-column
                prop="online_status"
                label="在线状态"
                width="80"
                align="center"
              >
              </el-table-column>
              <el-table-column
                prop="tenantName"
                label="所属部门"
                align="center"
              >
              </el-table-column>

              <el-table-column
                prop="status"
                label="通知状态"
                width="120"
                align="center"
              >
              </el-table-column>
            </el-table>
          </el-card>

          <div
            style="margin-top: 20px"
            role="tab"
            aria-expanded="true"
            aria-controls="el-collapse-content-823"
            aria-describedby="el-collapse-content-823"
          >
            <div
              role="button"
              tabindex="0"
              class="el-collapse-item__header focusing is-active"
            >
              <div class="avue-group__header avue-group">
                <i class="el-icon-document avue-group__icon"></i>
                <h1 class="avue-group__title">接警信息</h1>
              </div>
            </div>
          </div>

          <el-card class="receiving-alarm-box">
            <div v-for="(item, index) in receivingList" :key="index">
              {{ item.zctime + " " + item.sname + " " + item.zc }}
            </div>
          </el-card>

          <div
            style="margin-top: 20px"
            role="tab"
            aria-expanded="true"
            aria-controls="el-collapse-content-823"
            aria-describedby="el-collapse-content-823"
          >
            <div
              role="button"
              tabindex="0"
              class="el-collapse-item__header focusing is-active"
            >
              <div class="avue-group__header avue-group">
                <i class="el-icon-phone avue-group__icon"></i>
                <h1 class="avue-group__title">对讲信息</h1>
              </div>
            </div>
          </div>

          <el-card class="audios-box">
            <m-audio
              :block="false"
              v-for="(item, index) in audios"
              :key="index"
              :src="item.address"
            ></m-audio>
              <el-button @click="onSubmit()" type="primary">派发</el-button>
            </div> -->
          </el-card>

          <div
@@ -327,7 +120,7 @@
            >
              <div class="avue-group__header avue-group">
                <i class="el-icon-s-custom avue-group__icon"></i>
                <h1 class="avue-group__title">保安信息</h1>
                <h1 class="avue-group__title">接收人信息</h1>
              </div>
            </div>
          </div>
@@ -339,7 +132,6 @@
              size="mini"
              label-width="100px"
              style="
                background: #fff;
                margin-top: 20px;
                margin-left: 10px;
                margin-right: 10px;
@@ -352,7 +144,7 @@
                  <el-form-item label="人员编号">
                    <el-input
                      disabled="true"
                      v-model="form.baname"
                      v-model="form.baid"
                      autocomplete="off"
                    ></el-input>
                  </el-form-item>
@@ -361,7 +153,7 @@
                  <el-form-item label="人员名称">
                    <el-input
                      disabled="true"
                      v-model="form.baid"
                      v-model="form.baname"
                      autocomplete="off"
                    ></el-input>
                  </el-form-item>
@@ -395,7 +187,7 @@
            >
              <div class="avue-group__header avue-group">
                <i class="el-icon-s-order avue-group__icon"></i>
                <h1 class="avue-group__title">警情反馈</h1>
                <h1 class="avue-group__title">任务反馈</h1>
              </div>
            </div>
          </div>
@@ -510,6 +302,8 @@
<script>
import axios from "axios";
import { getList, getclient } from "@/api/real/real";
import { update } from "@/api/real/real";

export default {
  inject: ["reload"],
  data() {
@@ -572,6 +366,30 @@
          },
        ],
      },
      securityArritem: {
        menuBtn: false,
        column: [
          {
            label: "接收人",
            prop: "securityArr",
            type: "tree",
            multiple: true,
            leafOnly: "",
            span: 24,
            dicUrl: "/api/catalogs/catalogs/getBigTree",
            props: {
              label: "title",
            },
            rules: [
              {
                required: true,
                message: "请选择接收人",
                trigger: "blur",
              },
            ],
          },
        ],
      },
      tableData: [],
      multipleSelection: [],
      ensureNames: "",
@@ -584,6 +402,7 @@
    };
  },
  created() {

    this.form = this.$route.query;
    if (
      !(
@@ -597,14 +416,21 @@
    }
    this.updatedPageData();
    this.vaddress = this.form.vaddress;

    this.getReceivingAlarm();
    this.baseUrl = `/map/index.html?ISinit=1&openid=AlertSecurity&id=${this.form.id}&jd=${this.form.jd}&wd=${this.form.wd}&pid=${this.form.deptId}&deptId=${this.form.deptId}&oneId=${this.form.oneId}`;
    if (this.form.alarmType == "巡逻任务"){
      this.baseUrl = `/map/index.html?openid=AlertSecurity&id=${this.form.id}&jd=${this.form.jd}&wd=${this.form.wd}&pid=${this.form.deptId}&deptId=${this.form.deptId}&oneId=${this.form.oneId}&baid=${this.form.xllx}`;
    }else{
      this.baseUrl = `/map/index.html?ISinit=1&openid=AlertSecurity&id=${this.form.id}&jd=${this.form.jd}&wd=${this.form.wd}&pid=${this.form.deptId}&deptId=${this.form.deptId}&oneId=${this.form.oneId}`;
    }


  },
  mounted() {
    this.getAudios();
    this.getImgAndVideo();
    this.$refs.mapDiv.onload = () => {
      window.frames[1].init("AlertSecurity", {
      window.frames[0].init("AlertSecurity", {
        x: this.form.jd,
        y: this.form.wd,
      });
@@ -731,143 +557,58 @@
          currenS,
      };
    },
    onSubmit(zc, ensureId) {
    onSubmit() {
      var that = this;
      var subData = {
        jid: this.form.id,
        jtype: 1,
        rid: this.form.alarmId,
        bz: this.form.bz,
        snumber: this.form.alarmId,
        sname: this.form.alarmPeople,
        deviceNumber: this.form.deviceNumber,
        zc: zc,
        zctime: this.getDate().current,
      };
      if (ensureId && ensureId != "") {
        subData.securityArr = ensureId;
      }
      axios
        .post(
          "/api/blade-jfpts/alarm/alarm/updateJtype",
          {},
          {
            params: subData,
          }
        )
        .then(function (res) {
          that.getReceivingAlarm();

          that.updatedPageData();
      var userId = JSON.parse(
        window.localStorage.getItem("洪城义警后台管理系统-userInfo")
      ).content.nick_name;

      if (that.form.securityArr != null && that.form.securityArr != "") {
        that.form.jtype = "1";
        if (typeof that.form.securityArr != "string") {
          var security = "";
          that.form.securityArr.forEach((item) => {
            security = security + item + ",";
          });
          that.form.securityArr = security.substring(0, security.length - 1);
        }

        if (that.form.securityArr == "" || that.form.securityArr == null) {
          that.form.jtype = "0";
          that.form.alarmPeople = "";
        } else {
          that.form.jtype = "1";
          //已派发保安
          that.form.alarmPeople = userId;
        }

        axios({
          url: "/api/alarm/alarm/submit",
          method: "post",
          data: that.form,
        }).then((resdata) => {
          that.$message({
            message: "派遣完成",
            type: "success",
          });
        });
      } else {
        that.$message({
          message: "未选择保安，请重试",
          type: "warning",
        });
      }
    },

    getReceivingAlarm() {
      axios
        .get(`/api/blade-jfpts/operation/list?jid=${this.form.id}`)
        .then((res) => {
          this.receivingList = res.data.data.records;
        });
      axios.get(`/api/operation/list?jid=${this.form.id}`).then((res) => {
        this.receivingList = res.data.data.records;
      });
    },

    getList() {
      var that = this;
      var deptid = that.form.deptId.slice(0, 19); //报错deptId格式不对liu.2021.5.7
      axios
        .get(
          `/api/blade-user/pages?current=1&size=9999&work_status=&deptId=${deptid}`
        )
        .then(function (res) {
          that.tableData = [];
          var i = 0;
          console.log(that.form, 89);
          if (
            that.form.securityArr &&
            that.form.securityArr != null &&
            that.form.securityArr != undefined &&
            that.form.securityArr.length > 0
          ) {
            res.data.data.records.forEach((item) => {
              if (item.id == that.form.securityId) {
                that.tableData.push({
                  id: item.id,
                  ind: (i += 1),
                  name: item.name,
                  phone: item.phone,
                  online_status: item.online_status == 1 ? "在线" : "掉线",
                  status: "已接警",
                  tenantName: item.tenantName,
                });
              }
            });

            res.data.data.records.forEach((item) => {
              if (
                item.roleName == "处警员" &&
                that.form.securityArr.indexOf(item.id) != -1 &&
                item.id != that.form.securityId
              ) {
                that.tableData.push({
                  id: item.id,
                  ind: (i += 1),
                  name: item.name,
                  phone: item.phone,
                  online_status: item.online_status == 1 ? "在线" : "掉线",
                  status: "已通知",
                  tenantName: item.tenantName,
                });
              } else if (
                item.roleName == "处警员" &&
                that.form.securityArr.indexOf(item.id) == -1 &&
                item.id != that.form.securityId
              ) {
                that.tableData.push({
                  id: item.id,
                  ind: (i += 1),
                  name: item.name,
                  phone: item.phone,
                  online_status: item.online_status == 1 ? "在线" : "掉线",
                  status: "未通知",
                  tenantName: item.tenantName,
                });
              }
            });

            that.tableData.forEach((item) => {
              if (item.id == that.form.oneId) {
                item.status += "(负责人)";
              }
            });
          } else {
            res.data.data.records.forEach((item) => {
              if (item.id == that.form.oneId) {
                that.tableData.push({
                  id: item.id,
                  ind: (i += 1),
                  name: item.name,
                  phone: item.phone,
                  online_status: item.online_status == 1 ? "在线" : "掉线",
                  status: "未通知(负责人)",
                  tenantName: item.tenantName,
                });
              }
            });

            res.data.data.records.forEach((item) => {
              if (item.roleName == "处警员" && item.id != that.form.oneId) {
                that.tableData.push({
                  id: item.id,
                  ind: (i += 1),
                  name: item.name,
                  phone: item.phone,
                  online_status: item.online_status == 1 ? "在线" : "掉线",
                  status: "未通知",
                  tenantName: item.tenantName,
                });
              }
            });
          }
        });
    },

    handleSelectionChange(val) {
@@ -901,7 +642,7 @@
    getAudios() {
      axios({
        method: "get",
        url: "/api/blade-jfpts/avideo/list",
        url: "/api/avideo/list",
        params: {
          jid: this.form.id,
        },
@@ -910,11 +651,10 @@
          this.audios = resdata.data.data.records;
      });
    },

    getImgAndVideo() {
      axios({
        method: "post",
        url: "/api/blade-jfpts/feedback/feedback/selectFeedEdit",
        url: "/api/feedback/feedback/selectFeedEdit",
        params: {
          jid: this.form.id,
        },
@@ -946,7 +686,7 @@
      var that = this;
      axios({
        method: "get",
        url: "/api/blade-jfpts/alarm/alarm/page",
        url: "/api/alarm/alarm/page",
        params: {
          id: that.form.id,
        },
@@ -984,6 +724,7 @@
  line-height: 32px !important;
  height: 200px;
  overflow-y: auto;

  .el-card__body {
    padding: 0 10px !important;
  }
@@ -995,15 +736,18 @@
  height: auto;
  max-height: 200px;
  overflow-y: auto;

  .el-card__body {
    display: flex;
    padding: 0 10px !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    .x-audio-wrap.inline {
      margin: 10px;
    }

    .el-image {
      margin: 10px;
      width: 160px;