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

shuishen

2021-03-24 3749b5b2169e9402482999273597d9e1d4f4e685

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

 src/page/index/logo.vue

@@ -340,23 +340,11 @@
      };
    },
    created() {

      this.userId = JSON.parse(
        window.localStorage.getItem("物联网安保云服务平台-userInfo")
      ).content.user_id;


      this.getData();

    },
    mounted() {
      this.recorder = new Recorder({
        sampleBits: 16, // 采样位数，支持 8 或 16，默认是16
        sampleRate: 8000, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000
        numChannels: 1, // 声道，支持 1 或 2， 默认是1
        // compiling: false,(0.x版本中生效,1.x增加中)  // 是否边录边转换，默认是false
      });
      // Recorder.getPermiRecorderssion().then(() => {});
    },
    computed: {
      ...mapGetters(["website", "keyCollapse"]),
@@ -371,14 +359,11 @@

        if (window.WebSocket) {
          that.socket = new WebSocket("ws://36.134.81.48:9034/websocket");
          that.socket.onmessage = function (event) {
          };
        that.socket.onmessage = function (event) {};

          that.socket.onopen = function (event) {
          };
        that.socket.onopen = function (event) {};

          that.socket.onclose = function (event) {
          };
        that.socket.onclose = function (event) {};
        } else {
          console.log("您的浏览器不支持WebSocket");
        }
@@ -393,7 +378,6 @@
            console.log("WebSocket连接没有建立成功！！");
          }
        }, 4000);


        axios({
          url: "/api/blade-jfpts/alarm/alarm/getLimit",
@@ -413,7 +397,6 @@
            url: "/api/blade-jfpts/alarm/alarm/selecttx?id=" + that.deviceId,
            method: "post",
          }).then(function (response) {

            if (response.data.data.length > 0) {
              that.deviceId = response.data.data[0].id;
              if (
@@ -430,6 +413,7 @@
                that.peopleName = that.form.oneContacts;
                that.peoplePhone = that.form.onePhone;
                that.dialogTableVisible = true;
              Recorder.getPermiRecorderssion().then(() => {});

                that.ofX = null;
                that.ofY = null;

 src/styles/real.scss

@@ -19,12 +19,12 @@
}

// 警情追踪图片放大中的关闭按钮的样式调整
.el-icon-circle-close {
.el-image .el-icon-circle-close {
    width: 40px;
    height: 40px;
    background: url(/img/big-img-close.png) no-repeat;
    background-size: 100% 100%;
}
.el-icon-circle-close:before {
.el-image .el-icon-circle-close:before {
    content: '';
}

 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>