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