From ff58b3c203ab46d41e447ea428138ba31e3362df Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 22 十一月 2021 16:11:31 +0800
Subject: [PATCH] 图标替换

---
 src/api/helemt.ts                                      |    7 +++
 src/pages/internetEquipment/components/helemetHead.vue |   77 ++++++++++++++++++++------------------
 vue.config.js                                          |    4 +-
 src/pages/syslog/index/App.vue                         |    8 ++--
 4 files changed, 53 insertions(+), 43 deletions(-)

diff --git a/src/api/helemt.ts b/src/api/helemt.ts
index 5a2d325..ab844df 100644
--- a/src/api/helemt.ts
+++ b/src/api/helemt.ts
@@ -14,4 +14,11 @@
         method: "post",
         data
     })
+}
+
+export const getBanner = () => {
+    return request({
+        url: `/temp/iotdata/banner-info`,
+        method: "get",
+    })
 }
\ No newline at end of file
diff --git a/src/pages/internetEquipment/components/helemetHead.vue b/src/pages/internetEquipment/components/helemetHead.vue
index b340d77..f54029e 100644
--- a/src/pages/internetEquipment/components/helemetHead.vue
+++ b/src/pages/internetEquipment/components/helemetHead.vue
@@ -1,59 +1,62 @@
 <template>
   <div class="helemetHead">
-      <headCard v-for="(item,index) in cardData"
+    <headCard
+      v-for="(item, index) in cardData"
       :key="index"
       :number="item.number"
       :info="item.info"
       :color="item.color"
       :src="cardImage[index]"
-      />
+    />
 
-      <helemetEchart />
-
+    <helemetEchart />
   </div>
 </template>
 
 <script>
-import headCard from '@/pages/internetEquipment/components/headCard'
-import helemetEchart from '@/pages/internetEquipment/components/helemetEchart'
+import headCard from "@/pages/internetEquipment/components/headCard";
+import helemetEchart from "@/pages/internetEquipment/components/helemetEchart";
+import { getBanner } from "@/api/helemt";
 
 export default {
-    data (){
-        return {
-            cardData: [
-                {number:233,info:"璁惧鎬婚噺",color:"#4E94FF"},
-                {number:34,info:"鏈湀鏂板",color:"#FFAA44"},
-                {number:45,info:"浠婃棩棰勮",color:"#FF6464"},
-            ],
-            cardImage: [
-                '/images/InternetDevice/Group 441.png',
-                '/images/InternetDevice/Group 367.png',
-                '/images/InternetDevice/Group 368.png',
-            ]
-        }
-    },
-    components :{
-        headCard,
-        helemetEchart
-    }
-
-}
+  async created() {
+    const res = await getBanner();
+  },
+  data() {
+    return {
+      cardData: [
+        { number: 233, info: "璁惧鎬婚噺", color: "#4E94FF" },
+        { number: 34, info: "鏈湀鏂板", color: "#FFAA44" },
+        { number: 45, info: "浠婃棩棰勮", color: "#FF6464" },
+      ],
+      cardImage: [
+        "/images/InternetDevice/Group 441.png",
+        "/images/InternetDevice/Group 367.png",
+        "/images/InternetDevice/Group 368.png",
+      ],
+    };
+  },
+  components: {
+    headCard,
+    helemetEchart,
+  },
+};
 </script>
 
 <style scoped lang="scss">
 .helemetHead {
-    display: flex;
+  display: flex;
 
-    .head-card {
-        margin-right: 10px;
-    }
+  .head-card {
+    margin-right: 10px;
+  }
 
-    .helemet-echart {
-        margin-left: 10px;
-        width: 570px;
-        height: 90px;
-        box-shadow: 0px 2px 10px rgba(141, 164, 187, 0.25);
-        border-radius: 15px;
-    }
+  .helemet-echart {
+    margin-left: 10px;
+    width: 570px;
+    height: 90px;
+    box-shadow: 0px 2px 10px rgba(141, 164, 187, 0.25);
+    border-radius: 15px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/syslog/index/App.vue b/src/pages/syslog/index/App.vue
index 666e19a..09e8fa8 100644
--- a/src/pages/syslog/index/App.vue
+++ b/src/pages/syslog/index/App.vue
@@ -37,10 +37,10 @@
   data() {
     return {
       menuArr: [
-        { name: "鎿嶄綔鏃ュ織", icon: "\ue706", size: 26 },
-        { name: "绯荤粺鏃ュ織", icon: "\ue730", size: 26 },
-        { name: "杞鏃ュ織", icon: "\ue708", size: 26 },
-        { name: "浜嬩欢鎺ㄩ�佹棩蹇�", icon: "\ue7c9", size: 17 },
+        { name: "鎿嶄綔鏃ュ織", icon: "\ue7c6", size: 26 },
+        { name: "绯荤粺鏃ュ織", icon: "\ue7c8", size: 26 },
+        { name: "杞鏃ュ織", icon: "\ue7c4", size: 26 },
+        { name: "浜嬩欢鎺ㄩ�佹棩蹇�", icon: "\ue7c9", size: 19 },
       ],
       activePage: 0,
     };
diff --git a/vue.config.js b/vue.config.js
index c92355a..349cfc4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -41,8 +41,8 @@
 });
 
 // const serverUrl = "http://58.118.225.79:41243" // 缇婁簲
-const serverUrl = "http://192.168.8.10:7009";
-// const serverUrl = "http://192.168.20.10:9000";
+// const serverUrl = "http://192.168.8.10:7009";
+const serverUrl = "http://192.168.20.10:9000";
 
 // const cir = require("circular-dependency-plugin");
 

--
Gitblit v1.8.0