本地图片适配

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>
@@ -19,16 +19,15 @@
            class="productItem"
            v-for="(item, index) in productList"
            :key="index"
            @click="jump(item)"
          >
            <router-link :to="item.path">
              <img :src="item.icon" alt="" />
              <div class="name">{{ item.name }}</div>
            </router-link>
            <img :src="item.icon" alt="" />
            <div class="name">{{ item.name }}</div>
          </div>
        </div>
      </div>

      <div class="equipmentInfo">
      <!--  <div class="equipmentInfo">
        <div class="equipmentCard">
          <div class="label">设备总量</div>
          <div class="number">
@@ -36,7 +35,7 @@
            <div class="upIcon iconfont">&#xe62e; 2</div>
          </div>

          <img src="/images/manageCenter/任务总数.png" alt="" />
          <img src="/images/manageCenter/total2.png" alt="" />
        </div>

        <div class="equipmentCard">
@@ -46,7 +45,7 @@
            <div class="upIcon iconfont">&#xe62e; 2</div>
          </div>

          <img src="/images/manageCenter/摄像机总数.png" alt="" />
          <img src="/images/manageCenter/total3.png" alt="" />
        </div>

        <div class="equipmentCard">
@@ -56,7 +55,7 @@
            <div class="downIcon iconfont">&#xe651; 2</div>
          </div>

          <img src="/images/manageCenter/算法总数.png" alt="" />
          <img src="/images/manageCenter/total4.png" alt="" />
        </div>

        <div class="equipmentCard">
@@ -66,7 +65,7 @@
            <div class="downIcon iconfont">&#xe651; 2</div>
          </div>

          <img src="/images/manageCenter/任务总数.png" alt="" />
          <img src="/images/manageCenter/total1.png" alt="" />
        </div>
      </div>

@@ -117,9 +116,9 @@
            </div>
          </div>
        </div>
      </div>
      </div> -->

      <div class="performence">
      <!-- <div class="performence">
        <div class="title">设备运行状态监测</div>
        <div class="control">
          <div
@@ -208,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">
@@ -233,7 +232,7 @@
          <div class="title">算法预警数据占比</div>
          <div id="pieChart"></div>
        </div>
      </div>
      </div> -->
    </div>

    <!-- 页尾 -->
@@ -256,10 +255,10 @@
    this.getInfo();
  },
  mounted() {
    this.initBar();
    //  this.initBar();
    this.initMap();
    this.initScatter();
    this.initPie();
    //  this.initScatter();
    //   this.initPie();
  },
  data() {
    return {
@@ -270,21 +269,35 @@
      productList: [
        {
          name: "设备管理",
          icon: "/images/manageCenter/设备管理.png",
          path: "/equipmentManagement",
          icon: "/images/manageCenter/manage.png",
          openPath: "/equipmentManagement",
          path: "/equipmentList",
          permission: "deviceMng",
        },

        {
          name: "算力管理",
          icon: "/images/manageCenter/算力管理.png",
          path: "/hashrate",
          icon: "/images/manageCenter/manage2.png",
          openPath: "/hashrate",
          path: "/hashrateDetail",
          permission: "analysisMng",
        },

        {
          name: "统计查询",
          icon: "/images/manageCenter/算力管理.png",
          path: "/",
          icon: "/images/manageCenter/search.png",
          openPath: "/searchOpen",
          path: "/search",
          permission: "statisticMng",
        },

        /*  {
          name: "GB28181",
          icon: "/images/manageCenter/search.png",
          openPath: "/GB28181Open",
          path: "/GB28181Open",
          permission: "statisticMng",
        }, */
      ],
      timeList: [
        { name: "20.103服务器", time: "9天12小时44分39秒" },
@@ -421,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: {
@@ -479,15 +492,15 @@
              },
              {
                name: "北京",
                value: 99,
                value: 0,
              },
              {
                name: "天津",
                value: 26,
                value: 0,
              },
              {
                name: "上海",
                value: 44,
                value: 0,
              },
              {
                name: "重庆",
@@ -503,11 +516,11 @@
              },
              {
                name: "云南",
                value: 55,
                value: 0,
              },
              {
                name: "辽宁",
                value: 19,
                value: 0,
              },
              {
                name: "黑龙江",
@@ -519,15 +532,15 @@
              },
              {
                name: "安徽",
                value: 60,
                value: 0,
              },
              {
                name: "山东",
                value: 39,
                value: 4,
              },
              {
                name: "新疆",
                value: 4,
                value: 0,
              },
              {
                name: "江苏",
@@ -539,11 +552,11 @@
              },
              {
                name: "江西",
                value: 36,
                value: 0,
              },
              {
                name: "湖北",
                value: 52,
                value: 0,
              },
              {
                name: "广西",
@@ -551,11 +564,11 @@
              },
              {
                name: "甘肃",
                value: 7,
                value: 0,
              },
              {
                name: "山西",
                value: 5,
                value: 0,
              },
              {
                name: "内蒙古",
@@ -563,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: "西藏",
@@ -591,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,
              },
            ],
          },
@@ -851,6 +864,25 @@
      let pieDom = document.getElementById("pieChart");
      let myChart = echarts.init(pieDom);
      myChart.setOption(this.pieOption);
    },
    jump(route) {
      const userInfo = JSON.parse(sessionStorage.getItem("userInfo"));

      const val = userInfo.permissions.find((item) => {
        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);
      }
    },
    refrash() {},
    handleSizeChange() {},
@@ -1209,7 +1241,7 @@

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

        .label {