本地图片适配

ZZJ

2022-07-28 edef6ae8f59823258ce610c9074d32e698958b51

 src/views/manageCenter/index.vue

@@ -5,7 +5,7 @@

    <div class="centerTitle">
      <div class="heart">
        <div class="welcome">{{ userName }}, 欢迎您回到贝思科管理中心。</div>
        <div class="welcome">{{ userName }}, 欢迎您回到管理中心。</div>
        <div class="time">{{ timeMsg }}</div>
      </div>
    </div>
@@ -27,7 +27,7 @@
        </div>
      </div>

      <div class="equipmentInfo">
      <!--  <div class="equipmentInfo">
        <div class="equipmentCard">
          <div class="label">设备总量</div>
          <div class="number">
@@ -116,9 +116,9 @@
            </div>
          </div>
        </div>
      </div>
      </div> -->

      <div class="performence">
      <!-- <div class="performence">
        <div class="title">设备运行状态监测</div>
        <div class="control">
          <div
@@ -207,13 +207,13 @@
          ></el-pagination>
        </div>
      </div>

 -->
      <div class="map">
        <div class="title">算法预警数据占比</div>
        <div class="title">设备地图分布</div>
        <div id="mapChart"></div>
      </div>

      <div class="hashRate">
      <!--  <div class="hashRate">
        <div class="left">
          <div class="title">算法预警数据占比:</div>
          <div class="info">
@@ -232,7 +232,7 @@
          <div class="title">算法预警数据占比</div>
          <div id="pieChart"></div>
        </div>
      </div>
      </div> -->
    </div>

    <!-- 页尾 -->
@@ -255,10 +255,10 @@
    this.getInfo();
  },
  mounted() {
    this.initBar();
    //  this.initBar();
    this.initMap();
    this.initScatter();
    this.initPie();
    //  this.initScatter();
    //   this.initPie();
  },
  data() {
    return {
@@ -291,9 +291,9 @@
          permission: "statisticMng",
        },

        /*    {
        /*  {
          name: "GB28181",
          icon: "/images/manageCenter/统计查询.png",
          icon: "/images/manageCenter/search.png",
          openPath: "/GB28181Open",
          path: "/GB28181Open",
          permission: "statisticMng",
@@ -434,13 +434,13 @@
        visualMap: {
          left: "right",
          min: 0,
          max: 100,
          max: 10,
          inRange: {
            color: ["#FCFDFF", "#0065FF"],
          },
          itemWidth: 56,
          itemHeight: 200,
          text: ["100", "0"],
          text: ["10", "0"],
          calculable: false,
        },
        geo: {
@@ -492,15 +492,15 @@
              },
              {
                name: "北京",
                value: 99,
                value: 0,
              },
              {
                name: "天津",
                value: 26,
                value: 0,
              },
              {
                name: "上海",
                value: 44,
                value: 0,
              },
              {
                name: "重庆",
@@ -516,11 +516,11 @@
              },
              {
                name: "云南",
                value: 55,
                value: 0,
              },
              {
                name: "辽宁",
                value: 19,
                value: 0,
              },
              {
                name: "黑龙江",
@@ -532,15 +532,15 @@
              },
              {
                name: "安徽",
                value: 60,
                value: 0,
              },
              {
                name: "山东",
                value: 39,
                value: 4,
              },
              {
                name: "新疆",
                value: 4,
                value: 0,
              },
              {
                name: "江苏",
@@ -552,11 +552,11 @@
              },
              {
                name: "江西",
                value: 36,
                value: 0,
              },
              {
                name: "湖北",
                value: 52,
                value: 0,
              },
              {
                name: "广西",
@@ -564,11 +564,11 @@
              },
              {
                name: "甘肃",
                value: 7,
                value: 0,
              },
              {
                name: "山西",
                value: 5,
                value: 0,
              },
              {
                name: "内蒙古",
@@ -576,27 +576,27 @@
              },
              {
                name: "陕西",
                value: 22,
                value: 0,
              },
              {
                name: "吉林",
                value: 4,
                value: 0,
              },
              {
                name: "福建",
                value: 18,
                value: 0,
              },
              {
                name: "贵州",
                value: 5,
                value: 0,
              },
              {
                name: "广东",
                value: 98,
                value: 0,
              },
              {
                name: "青海",
                value: 1,
                value: 0,
              },
              {
                name: "西藏",
@@ -604,27 +604,27 @@
              },
              {
                name: "四川",
                value: 44,
                value: 0,
              },
              {
                name: "宁夏",
                value: 4,
                value: 0,
              },
              {
                name: "海南",
                value: 22,
                value: 0,
              },
              {
                name: "台湾",
                value: 3,
                value: 0,
              },
              {
                name: "香港",
                value: 5,
                value: 0,
              },
              {
                name: "澳门",
                value: 555,
                value: 0,
              },
            ],
          },
@@ -872,6 +872,13 @@
        return item == route.permission;
      });
      if (val) {
        if (route.path === "/search") {
          const { href } = this.$router.resolve({
            path: "/search",
          });
          window.open(href, "_blank");
          return;
        }
        this.$router.push(route.path);
      } else if (!userInfo.parentId) {
        this.$router.push(route.openPath);
@@ -1234,7 +1241,7 @@

      .item {
        display: flex;
        justify-content: end;
        justify-content: flex-end;
        align-items: center;

        .label {