本地图片适配

ZZJ

2022-07-28 edef6ae8f59823258ce610c9074d32e698958b51

 src/views/hashrate/CameraManage/CameraInfo/index.vue

@@ -77,33 +77,6 @@
          <el-form-item label="事件声音">
            <div class="flex-wrap">
              <el-switch v-model="form.voiceEnable" :width="56"></el-switch>
              <!-- 屏蔽声音选择,调整到场景 -->
              <!-- <el-select
                v-model="voice"
                placeholder="选择声音"
                size="small"
                value-key="id"
                @change="selSound"
              >
                <el-option
                  v-for="item in soundList"
                  :key="item.id"
                  :label="item.name"
                  :value="item"
                ></el-option>
              </el-select>
              <span class="player-btn" @click="togglePlayer" style="cursor:pointer;">
                <i
                  v-if="togglePlay"
                  class="el-icon-video-play"
                  style="font-size:26px; vertical-align:middle; color:#409eff"
                ></i>
                <i
                  v-else
                  class="el-icon-video-pause"
                  style="font-size:26px; vertical-align:middle; color:#409eff"
                ></i>
              </span>-->
            </div>
          </el-form-item>
        </div>
@@ -118,7 +91,7 @@
          </el-form-item>
        </div>

        <div class="row">
        <!--   <div class="row">
          <el-form-item label="所属集群">
            <el-select
              v-model="form.cluster"
@@ -134,7 +107,7 @@
              ></el-option>
            </el-select>
          </el-form-item>
        </div>
        </div> -->

        <!-- 添加传感器 -->
        <CameraInfoEditor
@@ -173,7 +146,7 @@
        <div class="title">算力信息</div>
        <div class="hashrate">
          <div class="card">
            <img src="/images/hashrate/实时算力.png" alt="" />
            <img src="/images/hashrate/realTime2.png" alt="" />
            <div class="data">
              <div class="label">实时算力</div>
              <div class="number">
@@ -184,7 +157,7 @@
          </div>

          <div class="card">
            <img src="/images/hashrate/轮询算力.png" alt="" />
            <img src="/images/hashrate/polling.png" alt="" />
            <div class="data">
              <div class="label">轮询算力</div>
              <div class="number">
@@ -195,7 +168,7 @@
          </div>

          <div class="card">
            <img src="/images/hashrate/数据栈算力.png" alt="" />
            <img src="/images/hashrate/static.png" alt="" />
            <div class="data">
              <div class="label">数据栈算力</div>
              <div class="number">
@@ -231,6 +204,7 @@
            :rtspUrl="videoItem.rtsp"
            :isRunning="false"
            :showArea="false"
            :videoUrl="ip"
            v-if="
              videoItem !== '' &&
              videoItem !== undefined &&
@@ -277,6 +251,9 @@
      type: Array,
    },
  },
  created() {
    document.querySelector("html").style["min-width"] = "1280px";
  },
  data() {
    return {
      videoItem: null,
@@ -285,6 +262,7 @@
      togglePlay: true,
      eventAudio: new Audio(),
      soundPath: "",
      ip: "",
      form: {},
      // 记录添加状态
      isAdd: false,
@@ -350,7 +328,7 @@
      getSoundList()
        .then((res) => {
          if (res.success) {
            this.soundList = res.data;
            this.soundList = res.data.voices;
          }
        })
        .catch((e) => console.log(e));
@@ -396,15 +374,10 @@
      this.$refs.addForm.resetFields();
      this.voice = null;

      // this.initFormData();
      // this.$refs.addForm.clearValidate();
      if (node.type === "4") {
        console.log(getCameraInfo);

        getCameraInfo(node.id).then((res) => {
          if (res.success) {
            // console.log(res, '获取摄像机信息')
            console.log(5555555);
            this.ip = "ws://" + res.data.ip + ":7009/ws";

            if (res.data.resolutions) {
              let list = res.data.resolutions.map((i) => {
@@ -473,7 +446,16 @@
              this.isGb28182
            );
            console.log(this.TreeDataPool.selectedNode);
            updateCameraInfo(this.form)

            let tem = {
              camera: this.form,
              sensors: this.form.sensors,
            };
            tem.camera.clusterId = sessionStorage.getItem("clusterId");
            tem.camera.devId = sessionStorage.getItem("devId");
            delete tem.camera.sensors;

            updateCameraInfo(tem)
              .then((rsp) => {
                if (rsp.success) {
                  this.$notify({
@@ -498,22 +480,27 @@
                  });
                }
              })
              .catch((err) => {
                this.$notify({
                  type: "error",
                  message: err.msg,
                });
              });
              .catch((err) => {});
          } else {
            this.form.areaid = this.addParentId;
            createCamera(this.form)

            let tem = {
              camera: this.form,
              sensors: this.form.sensors,
            };
            tem.camera.clusterId = sessionStorage.getItem("clusterId");
            tem.camera.devId = sessionStorage.getItem("devId");
            tem.camera.parentUserId = "";
            tem.camera.enable = false;
            delete tem.camera.sensors;
            createCamera(tem)
              .then((rsp) => {
                if (rsp.success) {
                  this.$notify({
                    type: "success",
                    message: "摄像机添加成功！",
                  });
                  this.TreeDataPool.selectedNode = rsp.data;
                  this.TreeDataPool.selectedNode = rsp.data.camera;
                  this.TreeDataPool.fetchTreeData();
                  // 后端返回结果为0，查询后为4
                  this.TreeDataPool.selectedNode.type = "4";
@@ -547,7 +534,7 @@
          cameraType: this.form.type,
        };

        console.log(this.videoItem.rtsp);
        console.log(this.videoItem);
      });
    },
    // * 验证必选项
@@ -574,7 +561,18 @@
        cancelButtonClass: "comfirm-class-cancle",
        confirmButtonClass: "comfirm-class-sure",
      }).then(() => {
        delCamera(this.form.id).then((res) => {
        if (!this.form.id) {
          this.$notify({
            type: "warning",
            message: "尚未添加摄像机",
          });
          return;
        }
        delCamera({
          id: this.form.id,
          clusterId: this.TreeDataPool.clusterId,
          devId: this.TreeDataPool.devId,
        }).then((res) => {
          if (res.success) {
            this.initFormData();
            this.$notify({
@@ -619,6 +617,20 @@
    addDevice(node) {
      this.isAdd = true;
      this.addParentId = node;
      this.resolutionList = [
        {
          label: "本机分辨率",
          value: "0*0",
        },
        {
          label: "1920*1080",
          value: "1920*1080",
        },
        {
          label: "2688*1520",
          value: "2688*1520",
        },
      ];
      this.initFormData();
    },
  },
@@ -727,7 +739,7 @@
      .connect {
        margin-bottom: 20px;
        display: flex;
        justify-content: end;
        justify-content: flex-end;
      }

      .el-button {
@@ -854,7 +866,7 @@

  .btns {
    display: flex;
    justify-content: end;
    justify-content: flex-end;
    margin-top: 20px;

    .delBtn {