From edef6ae8f59823258ce610c9074d32e698958b51 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 28 七月 2022 15:30:44 +0800
Subject: [PATCH] 本地图片适配
---
src/views/manageCenter/index.vue | 136 ++++++++++++++++++++++++++++-----------------
1 files changed, 84 insertions(+), 52 deletions(-)
diff --git a/src/views/manageCenter/index.vue b/src/views/manageCenter/index.vue
index 8b5b91a..cb7c434 100644
--- a/src/views/manageCenter/index.vue
+++ b/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"> 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"> 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"> 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"> 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 {
--
Gitblit v1.8.0