追踪页面部分修改，及实时警情弹框修改

shuishen

2021-03-24 3749b5b2169e9402482999273597d9e1d4f4e685

 src/views/policeTracking/policeTracking.vue

@@ -167,6 +167,72 @@
              tabindex="0"
              class="el-collapse-item__header focusing is-active"
            >
              <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
                  type="danger"
                  size="small"
                  style="position: absolute; right: 0"
                  >通 知</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 type="selection" width="55"> </el-table-column>

              <el-table-column prop="ind" label="序号" width="120">
              </el-table-column>
              <el-table-column prop="name" label="姓名" width="120">
              </el-table-column>
              <el-table-column prop="phone" label="联系电话" width="120">
              </el-table-column>

              <el-table-column prop="code" label="编号" width="120">
              </el-table-column>
              <el-table-column
                prop="online_status"
                label="在线状态"
                width="120"
              >
              </el-table-column>
              <el-table-column prop="site" label="地址" width="120">
              </el-table-column>
              <el-table-column
                prop="role"
                label="所属角色"
                width="120"
                fixed="right"
              >
              </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>
@@ -393,7 +459,7 @@
      <iframe
        id="mapDiv"
        ref="mapDiv"
        src="https://web.byisf.com:18001/map/index.html?openid=ClientManagement"
        src="https://web.byisf.com/map/index.html?openid=ClientManagement"
        frameborder="0"
        width="100%"
        height="100%"
@@ -421,7 +487,6 @@
      src:
        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
      srcList: [
        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
        "https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
@@ -478,11 +543,16 @@
          },
        ],
      },
      tableData: [],
      multipleSelection: [],
    };
  },
  created() {
    this.form = this.$route.query;
    this.getReceivingAlarm();
  },
  mounted() {
    this.getList();
  },
  methods: {
    getDate() {
@@ -613,7 +683,7 @@
          }
        )
        .then(function (res) {
          if ((res.msg = "修改成功")) {
          if (res.msg == "修改成功") {
            var arr = [];
            that.$store.state.tags.tagList.forEach((item) => {
              if (item.value != that.$store.state.tags.tag.value) {
@@ -633,6 +703,29 @@
          this.receivingList = res.data.data.records;
        });
    },

    getList() {
      var that = this;
      axios
        .post("/api/blade-jfpts/alarm/alarm/queryBa", {}, {})
        .then(function (res) {
          that.tableData = [];
          console.log(res);
          res.data.data.forEach((item, index) => {
            that.tableData.push({
              ind: index + 1,
              name: item.real_name,
              phone: item.phone,
              code: item.CODE,
            });
          });
        });
    },

    handleSelectionChange(val) {
      console.log(val);
      this.multipleSelection = val;
    },
  },
};
</script>