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