From fe11a6a95a8294823b15645358eb2ae7e0cc9da6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=AE=BF=E6=98=95?= <liudianxin@bd-apaas.com>
Date: Mon, 9 Nov 2020 11:03:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=81=A5=E5=BA=B7=E4=BC=A0?=
 =?UTF-8?q?=E5=8F=82=EF=BC=8C=E6=8D=A2logo=EF=BC=8C=E6=81=A2=E5=A4=8D?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    |   2 +-
 src/assets/imgs/nav-logo.png                  | Bin 0 -> 1706 bytes
 src/components/menu.vue                       |   4 +-
 .../service-list/service_shop_menu.vue        |  53 +++---
 .../service-list/service_shop_menu_copy.vue   | 152 ++++++++++++++++
 src/pages/data-analysis/my-service.vue        | 164 ++++++++++++++----
 src/pages/data-analysis/org-service.vue       |  26 ++-
 src/pages/data-analysis/super-service.vue     |  26 ++-
 src/pages/service_shop/shop_list.vue          |   3 +-
 9 files changed, 354 insertions(+), 76 deletions(-)
 create mode 100644 src/assets/imgs/nav-logo.png
 create mode 100644 src/components/service-list/service_shop_menu_copy.vue

diff --git a/index.html b/index.html
index 2c19e6c..af2a17a 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <title>Beagle aPaaS Platform v3.0</title>
-    <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" />
+    <!-- <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" /> -->
     <style>
       body{
         background-color: #f6f7fb;
diff --git a/src/assets/imgs/nav-logo.png b/src/assets/imgs/nav-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a975f6d9805bb8dbb247c0b644dae46e9c35de83
GIT binary patch
literal 1706
zcmeAS@N?(olHy`uVBq!ia0vp^aX>7<!3HGfH=HN}Qj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS=07?_naLn2Bde0{8v^K<nQL2C3WatnaE85nHrD+&^mvr|hH
zl2X$%^K6yg@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZB<rk7%m7Q#vqGWHUU{hfQG$1#%
zBvGLvHz%*ys=`(YY_1iM4HDK@QUEI{$+lI3I4Z(7K*2e`C{@8!&rCPj(8NN)+)~fb
z%*4RhOh>`Uz|d0Pz(U{9Sl7VN%D~LZ)La1ylz_GsrKDK}xwt{?0`hE?GD=Dctn~HE
z%ggo3jrH=2()A53ErDhj=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA
zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn!
z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ<Z-{NjxK0tF+WlN2<<GxJjN
z%ZoL^8hm}NJoAc667!N%JzZ>-fJW$LW~NxV8XFjzI9XU285x@x8oD|;nVT3pyBRnd
zIvZFzIlGv_^t$9Hm*%GCmB93-AoN<|)C)=rxdlL*T~doO%TiO^it=+6z<##M#O)R{
zoaRCGrr>sqIZnO$K*#8VViqZ;VM4&<17gC{Esz6G`Kfup<X!|!*YXXs7Xq`3tfz}(
zNX4x)5sig&3<O#v#TW23X`fim^q9*>%RrVTTp;M+a^`!YKVlhoFuiDa-|(K{wT=4u
zjT2iQ^va&i_#<}d<(Bg8<v})m$x^O@rSaL1Eb<Bh*6Z44`|Wurl6&RLzn%XkTiDI7
z{IB=x$g)zUTBE!9CE+$cRyO_yDj$w*xV9-^r`eLXrQy=DoA_?*zn4`%Tls}uMajx*
z4FB2waXnaRTdVltGIKurE~X3B*VePf7D<0t>H46rb;h>M4Dr!Z99}<<W|DtUo0a^4
zdt*4~eWQ|lt1TOkOsx8}_}|aj?I8!G9$jyabH9_e=!tl*?t^#I2k%c&kK1y`Swp}i
z{PfRt^<p+Ie3v=o%&KR6bNZF&m(=`p^BmiwPg!=!Y@KshMV_@{kI+LSixtb_9#8H2
z8LE+b=H#<KMwZg<8@k)sJ2Fxic3l)Z`rxYaeC5xwTUuD6oXan{Dtw4LeCSTdGuD6h
z%&WYgHHe3pD_!j{Wj^nD&|#|c_esyacG|wVT_sdww{SQAsw_LMA1#e~ODE|`a!-0K
z*Au<K{MNZc7abc!6(=5JtN--kqg>#LkFwYIZ+bgp{|o)b`m-{1o=Te}9~}AP_4h=(
z-^}RC+}nPyerm_DPc<%2V#yix`R^I#Ua*`y(|^Ywk*$AZ&#20r%((6-$65T1+jiff
zt`iS=m)<xX&b`}aU(3AY7B2m7u3o%yZ%$h-tkh<fI@P@Lz`_WQ54LJ);vY`TZwgOe
zndZ3V>jZ}4Wfr%8YCU+##LK>m=fv;6C(&_h7qoqDau!?EV%6opy-%Gja_b+1DQ459
z#e!mz7Av&B^)bBoa_4sAV&18H0wtzS_~7eyU$Sxkc9~DopQmP?pT;YEdiPn`=d8(V
z><?@<O9;5wH~Gz9w(@x_GDog+__+2RD9J2taW{<nxW_F)@w-LcvB?J?tWCeWeZOPN
z`v)uLUJp3SFf~g1+w3VF0SmtbbXA?ceUnRD;D?y^9)<_i>-s0RmTcI5V&e39znmU?
z<UC^YM0DEeX`31%57#c<BBIpH++V)DbMgNT8#k_)zrE_3=#*P$rylo__L{QCkxlG8
e$Nx3eq6rK}Hh27@4+$;@)gGR%elF{r5}E+~XrX-o

literal 0
HcmV?d00001

diff --git a/src/components/menu.vue b/src/components/menu.vue
index 817232a..897b056 100644
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="menu">
-    <img src="../assets/imgs/home_img_logo.png" alt class="logo" />
+    <img src="../assets/imgs/nav-logo.png" alt class="logo" />
     <div
       style="float: right; cursor: pointer; position: relative"
       class="user_hover"
@@ -320,7 +320,7 @@ export default {
 }
 .logo {
   float: left;
-  margin: 15px 0 0 40px;
+  margin: 22px 0 0 40px;
   cursor: pointer;
 }
 .user {
diff --git a/src/components/service-list/service_shop_menu.vue b/src/components/service-list/service_shop_menu.vue
index 85fcbb1..53959fd 100644
--- a/src/components/service-list/service_shop_menu.vue
+++ b/src/components/service-list/service_shop_menu.vue
@@ -65,32 +65,32 @@ export default {
             }
             switch (uri) {
               case "data_service_list":
-                item.active = "shop_tool_ic_sjfw_sel";
-                item.default = "shop_tool_ic_sjfw";
+                item.active = "tool_ic_shujufw_sel";
+                item.default = "tool_ic_shujufw";
                 break;
               case "space_time_service_list":
-                item.active = "shop_tool_ic_skfw_sel";
-                item.default = "shop_tool_ic_skfw";
+                item.active = "tool_ic_shikongfw_sel";
+                item.default = "tool_ic_shikongfw";
                 break;
               case "video_service_list":
-                item.active = "shop_tool_ic_spfw_sel";
-                item.default = "shop_tool_ic_spfw";
+                item.active = "tool_ic_shipinfw_sel";
+                item.default = "tool_ic_shipinfw";
                 break;
               case "perception_service_list":
-                item.active = "shop_tool_ic_ganzhifw_sel";
-                item.default = "shop_tool_ic_ganzhifw";
+                item.active = "tool_ic_ganzhifw_sel";
+                item.default = "tool_ic_ganzhifw";
                 break;
               case "comprehensive_app_list":
-                item.active = "shop_tool_ic_zhyyfw_sel";
-                item.default = "shop_tool_ic_zhyyfw";
+                item.active = "tool_ic_zongheyyfw_sel";
+                item.default = "tool_ic_zongheyyfw";
                 break;
               case "cloud":
-                item.active = "shop_tool_ic_yzyfw_sel";
-                item.default = "shop_tool_ic_yzyfw";
+                item.active = "tool_ic_yunziyuanfw_sel";
+                item.default = "tool_ic_yunziyuanfw";
                 break;
               case "app_store_list":
-                item.active = "shop_ic_yysd_sel";
-                item.default = "shop_ic_yysd";
+                item.active = "tool_ic_yingyongsd_sel";
+                item.default = "tool_ic_yingyongsd";
                 break;
               default:
                 item.active = "1";
@@ -111,25 +111,24 @@ export default {
 .service_shop_menu {
   background-color: #0d1847;
   position: fixed;
-  top: 76px;
-  left: calc(50% - 600px);
+  top: 58px;
+  left: 0;
   width: 180px;
-  padding: 8px;
-	background-color: #ffffff;
-	box-shadow: 0px 3px 6px 0px 
-		rgba(15, 19, 65, 0.04);
-	border-radius: 8px;
+  height: 100%;
+  padding-top: 30px;
 }
 .service_shop_menu_list > li {
   padding: 16px 10px 8px 22px;
+  border-left: 5px solid #0d1847;
   font-size: 15px;
   line-height: 24px;
   cursor: pointer;
 }
 .service_shop_menu_list > li:hover,
 .service_shop_menu_list > li.current {
-  background-color: rgba(242, 246, 253, 0.4);
-  color: #515fe7;
+  border-left: 5px solid #e56600;
+  background-color: #182665;
+  color: #e6ebfe;
 }
 .menu_img {
   width: 25px;
@@ -137,16 +136,12 @@ export default {
 }
 .menu_item {
   position: relative;
-  font-weight: bold;
-  font-size: 15px;
-  color: #96a0c5;
+  color: #6573ae;
   top: -6px;
 }
 .menu_item_active {
   position: relative;
-  font-weight: bold;
-  font-size: 15px;
-  color: #515fe7;
+  color: #e6ebfe;
   top: -6px;
 }
 </style>
diff --git a/src/components/service-list/service_shop_menu_copy.vue b/src/components/service-list/service_shop_menu_copy.vue
new file mode 100644
index 0000000..85fcbb1
--- /dev/null
+++ b/src/components/service-list/service_shop_menu_copy.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="service_shop_menu">
+    <ul class="service_shop_menu_list">
+      <li v-for="(item, index) in menuList" :key="index" @click="active(item.visit_url)">
+        <img
+          v-if="item.visit_url == actives"
+          :src="item.active != '' ? require('@/assets/imgs/' + item.active + '.png') : ''"
+          class="menu_img"
+        />
+        <img v-else :src="require('@/assets/imgs/' + item.default + '.png')" class="menu_img" />
+        <span
+          :class="item.visit_url == actives ? 'menu_item_active':'menu_item'"
+        >{{ item.menu_name }}</span>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {},
+  data() {
+    return {
+      actives: "",
+      menuList: [],
+    };
+  },
+  computed: {
+    getActive() {
+      return this.$store.state.serviceShopMenu;
+    },
+  },
+  watch: {
+    getActive(newVal) {
+      this.getActiveMenu(newVal);
+    },
+  },
+  mounted() {
+    this.getShopMenu();
+    this.$store.commit("serviceShopMenuAct", this.$route.path);
+    this.actives = this.$store.state.serviceShopMenu;
+  },
+  methods: {
+    active(val) {
+      this.$store.commit("serviceShopMenuAct", val);
+      this.$router.push(val);
+    },
+    getActiveMenu(val) {
+      this.actives = val;
+    },
+    getShopMenu() {
+      this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => {
+        if (response.data.success == 1) {
+          let arr = response.data.data[0].Child;
+          let shopArr = [];
+          let asd = arr.find(item => {
+            return item.visit_url == "/services_shop"
+          })
+          shopArr = asd.Child;
+          if (shopArr && shopArr.length != 0) {
+            Array.from(shopArr).forEach((item) => {
+            let uri = item.visit_url.substring(6);
+            if (uri.indexOf("/") != -1) {
+              uri = uri.substring(0, uri.indexOf("/"));
+            }
+            switch (uri) {
+              case "data_service_list":
+                item.active = "shop_tool_ic_sjfw_sel";
+                item.default = "shop_tool_ic_sjfw";
+                break;
+              case "space_time_service_list":
+                item.active = "shop_tool_ic_skfw_sel";
+                item.default = "shop_tool_ic_skfw";
+                break;
+              case "video_service_list":
+                item.active = "shop_tool_ic_spfw_sel";
+                item.default = "shop_tool_ic_spfw";
+                break;
+              case "perception_service_list":
+                item.active = "shop_tool_ic_ganzhifw_sel";
+                item.default = "shop_tool_ic_ganzhifw";
+                break;
+              case "comprehensive_app_list":
+                item.active = "shop_tool_ic_zhyyfw_sel";
+                item.default = "shop_tool_ic_zhyyfw";
+                break;
+              case "cloud":
+                item.active = "shop_tool_ic_yzyfw_sel";
+                item.default = "shop_tool_ic_yzyfw";
+                break;
+              case "app_store_list":
+                item.active = "shop_ic_yysd_sel";
+                item.default = "shop_ic_yysd";
+                break;
+              default:
+                item.active = "1";
+                item.default = "1";
+                break;
+            }
+          });
+          }
+          this.menuList = shopArr;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.service_shop_menu {
+  background-color: #0d1847;
+  position: fixed;
+  top: 76px;
+  left: calc(50% - 600px);
+  width: 180px;
+  padding: 8px;
+	background-color: #ffffff;
+	box-shadow: 0px 3px 6px 0px 
+		rgba(15, 19, 65, 0.04);
+	border-radius: 8px;
+}
+.service_shop_menu_list > li {
+  padding: 16px 10px 8px 22px;
+  font-size: 15px;
+  line-height: 24px;
+  cursor: pointer;
+}
+.service_shop_menu_list > li:hover,
+.service_shop_menu_list > li.current {
+  background-color: rgba(242, 246, 253, 0.4);
+  color: #515fe7;
+}
+.menu_img {
+  width: 25px;
+  margin-right: 6px;
+}
+.menu_item {
+  position: relative;
+  font-weight: bold;
+  font-size: 15px;
+  color: #96a0c5;
+  top: -6px;
+}
+.menu_item_active {
+  position: relative;
+  font-weight: bold;
+  font-size: 15px;
+  color: #515fe7;
+  top: -6px;
+}
+</style>
diff --git a/src/pages/data-analysis/my-service.vue b/src/pages/data-analysis/my-service.vue
index 0c4afee..da4307e 100644
--- a/src/pages/data-analysis/my-service.vue
+++ b/src/pages/data-analysis/my-service.vue
@@ -2,14 +2,10 @@
   <div>
     <el-breadcrumb separator="/" class="bread_crumb1">
       <el-breadcrumb-item :to="{ path: '/data_analysis' }">
-        {{
-        $t("lang.data_analysis")
-        }}
+        {{ $t("lang.data_analysis") }}
       </el-breadcrumb-item>
       <el-breadcrumb-item>
-        {{
-        $t("lang.service_data_analysis")
-        }}
+        {{ $t("lang.service_data_analysis") }}
       </el-breadcrumb-item>
     </el-breadcrumb>
     <el-row v-if="is_general_user" class="in_analysis">
@@ -17,14 +13,26 @@
       <el-col :span="6" class="in_left">
         <el-row>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="服务总体概况" class="block">
+            <block-radius
+              :show_header="true"
+              title="服务总体概况"
+              class="block"
+            >
               <div class="left_1">
                 <div ref="left_1_l" class="left_1_l">
-                  <img :src="require('@/assets/imgs/data_img_service.gif')" class="left_1_img" />
+                  <img
+                    :src="require('@/assets/imgs/data_img_service.gif')"
+                    class="left_1_img"
+                  />
                   <div class="left_1_title">服务总数</div>
                   <div class="left_1_num">{{ overview.serviceTotal }}</div>
                 </div>
-                <dashboard ref="left_1_r" :data="das_data" :is_word="true" class="left_1_r"></dashboard>
+                <dashboard
+                  ref="left_1_r"
+                  :data="das_data"
+                  :is_word="true"
+                  class="left_1_r"
+                ></dashboard>
               </div>
             </block-radius>
           </el-col>
@@ -41,14 +49,14 @@
                 class="block-radius-content"
                 :data="mult_data_state"
                 :show_center_data="false"
-                :bar_width="10 "
+                :bar_width="10"
               ></multiple-circle>
               <starlist
                 v-else
                 class="block-radius-content"
                 :options="linelistData"
                 :show_star="false"
-                style="margin-top: 30px;height: calc(100% - 51px);"
+                style="margin-top: 30px; height: calc(100% - 51px)"
               ></starlist>
             </block-radius>
           </el-col>
@@ -60,7 +68,11 @@
               @changeButton="changeServiceTypeBtn"
               class="block"
             >
-              <multiple-circle class="block-radius-content" :data="mult_data" :text="text"></multiple-circle>
+              <multiple-circle
+                class="block-radius-content"
+                :data="mult_data"
+                :text="text"
+              ></multiple-circle>
             </block-radius>
           </el-col>
           <el-col :span="24" class="in_block">
@@ -84,7 +96,11 @@
             </block-radius>
           </el-col>
           <el-col :span="24" class="in_block">
-            <block-radius :show_header="true" title="服务热门搜索" class="block">
+            <block-radius
+              :show_header="true"
+              title="服务热门搜索"
+              class="block"
+            >
               <div class="block-radius-content service-hot-search">
                 <div class="left-content">
                   <div class="hot-line">
@@ -92,20 +108,36 @@
                     <div class="hot-line-chart">
                       <!-- 折线图 -->
                       <p class="sparkline-text">
-                        <span>{{sparkline1.num}}</span>
+                        <span>{{ sparkline1.num }}</span>
                         <span
-                          :style="sparkline1.up>0?{backgroundColor:'#e7fdfc',color:'#25bdb1'}:{backgroundColor:'#fbe8e8',color:'#e15260'}"
+                          :style="
+                            sparkline1.up > 0
+                              ? { backgroundColor: '#e7fdfc', color: '#25bdb1' }
+                              : { backgroundColor: '#fbe8e8', color: '#e15260' }
+                          "
                         >
-                          {{sparkline1.up>0?sparkline1.up:0-sparkline1.up}}%
+                          {{
+                            sparkline1.up > 0
+                              ? sparkline1.up
+                              : 0 - sparkline1.up
+                          }}%
                           <img
-                            v-if="sparkline1.up>0"
+                            v-if="sparkline1.up > 0"
                             src="../../assets/imgs/icon_up.png"
                             alt
                           />
-                          <img v-if="sparkline1.up<0" src="../../assets/imgs/icon_down.png" alt />
+                          <img
+                            v-if="sparkline1.up < 0"
+                            src="../../assets/imgs/icon_down.png"
+                            alt
+                          />
                         </span>
                       </p>
-                      <sparkline :indicatorStyles="spIndicatorStyles1" width="220" height="42">
+                      <sparkline
+                        :indicatorStyles="spIndicatorStyles1"
+                        width="220"
+                        height="42"
+                      >
                         <sparklineCurve
                           :refLineStyles="spRefLineStyles3"
                           :refLineType="false"
@@ -121,20 +153,36 @@
                     <div class="hot-line-chart">
                       <!-- 折线图 -->
                       <p class="sparkline-text sparkline-text-user">
-                        <span>{{sparkline2.num}}</span>
+                        <span>{{ sparkline2.num }}</span>
                         <span
-                          :style="sparkline2.up>0?{backgroundColor:'#e7fdfc',color:'#25bdb1'}:{backgroundColor:'#fbe8e8',color:'#e15260'}"
+                          :style="
+                            sparkline2.up > 0
+                              ? { backgroundColor: '#e7fdfc', color: '#25bdb1' }
+                              : { backgroundColor: '#fbe8e8', color: '#e15260' }
+                          "
                         >
-                          {{sparkline2.up>0?sparkline2.up:0-sparkline2.up}}%
+                          {{
+                            sparkline2.up > 0
+                              ? sparkline2.up
+                              : 0 - sparkline2.up
+                          }}%
                           <img
-                            v-if="sparkline2.up>0"
+                            v-if="sparkline2.up > 0"
                             src="../../assets/imgs/icon_up.png"
                             alt
                           />
-                          <img v-if="sparkline2.up<0" src="../../assets/imgs/icon_down.png" alt />
+                          <img
+                            v-if="sparkline2.up < 0"
+                            src="../../assets/imgs/icon_down.png"
+                            alt
+                          />
                         </span>
                       </p>
-                      <sparkline :indicatorStyles="spIndicatorStyles1" width="220" height="42">
+                      <sparkline
+                        :indicatorStyles="spIndicatorStyles1"
+                        width="220"
+                        height="42"
+                      >
                         <sparklineCurve
                           :refLineStyles="spRefLineStyles3"
                           :refLineType="false"
@@ -165,7 +213,10 @@
               :buttons_arr="['近14天', '近30天']"
               @changeButton="changeServeiceTotalChangeBtn"
             >
-              <line-chart class="block-radius-content" :data="line_data"></line-chart>
+              <line-chart
+                class="block-radius-content"
+                :data="line_data"
+              ></line-chart>
             </block-radius>
           </el-col>
         </el-row>
@@ -206,9 +257,18 @@
               @changeButton="changeOpenessBtnindex"
               class="block"
             >
-              <single-circle class="block-radius-content single-charts" :data="single_data"></single-circle>
-              <single-circle class="block-radius-content single-charts" :data="single_data1"></single-circle>
-              <single-circle class="block-radius-content single-charts" :data="single_data2"></single-circle>
+              <single-circle
+                class="block-radius-content single-charts"
+                :data="single_data"
+              ></single-circle>
+              <single-circle
+                class="block-radius-content single-charts"
+                :data="single_data1"
+              ></single-circle>
+              <single-circle
+                class="block-radius-content single-charts"
+                :data="single_data2"
+              ></single-circle>
             </block-radius>
           </el-col>
           <el-col :span="24" class="in_block">
@@ -229,7 +289,7 @@
                 class="block-radius-content"
                 :options="starlistData"
                 :total="starlistTotal"
-                style="margin-top: 30px;height: calc(100% - 51px);"
+                style="margin-top: 30px; height: calc(100% - 51px)"
               ></starlist>
             </block-radius>
           </el-col>
@@ -237,13 +297,24 @@
       </el-col>
       <!-- 不可横向铺满，一般为最后一行 -->
       <el-col :span="6" class="in_block">
-        <block-radius :show_header="true" title="服务来源机构分析" class="block">
-          <BarChart :data="bar_data_org" :x_router="30" :colors="['#e56600', '#e56600']" />
+        <block-radius
+          :show_header="true"
+          title="服务来源机构分析"
+          class="block"
+        >
+          <BarChart
+            :data="bar_data_org"
+            :x_router="30"
+            :colors="['#e56600', '#e56600']"
+          />
         </block-radius>
       </el-col>
       <el-col :span="18" class="in_block default">
         <block-radius class="block">
-          <img :src="require('@/assets/imgs/data_img_default.gif')" class="default_img" />
+          <img
+            :src="require('@/assets/imgs/data_img_default.gif')"
+            class="default_img"
+          />
         </block-radius>
       </el-col>
     </el-row>
@@ -291,7 +362,12 @@ export default {
     right_2_state: 0,
     right_3_state: 0,
     last_id: 0,
-    mult_data_state: [],
+    mult_data_state: [
+      { name: "健康", value: 0 },
+      { name: "未使用", value: 0 },
+      { name: "故障", value: 0 },
+      { name: "警告", value: 0 },
+    ],
     mult_data: [],
     spIndicatorStyles1: false,
     spRefLineStyles3: {
@@ -547,7 +623,25 @@ export default {
     getServiceHealth() {
       this.$api.dataAnalysis.getServiceHealth().then((response) => {
         if (response.data.success == 1) {
-          this.mult_data_state = response.data.data.seriesData;
+          let data = response.data.data.seriesData;
+          let jk = data.find((item) => {
+            return item.name == "健康";
+          });
+          let wsy = data.find((item) => {
+            return item.name == "未使用";
+          });
+          let gz = data.find((item) => {
+            return item.name == "故障";
+          });
+          let jg = data.find((item) => {
+            return item.name == "警告";
+          });
+          this.mult_data_state = [
+            { name: "健康", value: jk.value },
+            { name: "未使用", value: wsy.value },
+            { name: "故障", value: gz.value },
+            { name: "警告", value: jg.value },
+          ];
         }
       });
     },
diff --git a/src/pages/data-analysis/org-service.vue b/src/pages/data-analysis/org-service.vue
index 404ed72..4726d33 100644
--- a/src/pages/data-analysis/org-service.vue
+++ b/src/pages/data-analysis/org-service.vue
@@ -315,10 +315,10 @@ export default {
     right_3_state: 0,
     last_id: 0,
     mult_data_state: [
-      { name: "正常", value: 0 },
-      { name: "警告", value: 0 },
-      { name: "错误", value: 0 },
+      { name: "健康", value: 0 },
       { name: "未使用", value: 0 },
+      { name: "故障", value: 0 },
+      { name: "警告", value: 0 },
     ],
     mult_data: [
       { name: "数据服务", value: 0 },
@@ -535,7 +535,25 @@ export default {
     getServiceHealth() {
       this.$api.dataAnalysis.getServiceHealth().then((response) => {
         if (response.data.success == 1) {
-          this.mult_data_state = response.data.data.seriesData;
+          let data = response.data.data.seriesData;
+          let jk = data.find((item) => {
+            return item.name == "健康";
+          });
+          let wsy = data.find((item) => {
+            return item.name == "未使用";
+          });
+          let gz = data.find((item) => {
+            return item.name == "故障";
+          });
+          let jg = data.find((item) => {
+            return item.name == "警告";
+          });
+          this.mult_data_state = [
+            { name: "健康", value: jk.value },
+            { name: "未使用", value: wsy.value },
+            { name: "故障", value: gz.value },
+            { name: "警告", value: jg.value },
+          ];
         }
       });
     },
diff --git a/src/pages/data-analysis/super-service.vue b/src/pages/data-analysis/super-service.vue
index eeb0506..111a25d 100644
--- a/src/pages/data-analysis/super-service.vue
+++ b/src/pages/data-analysis/super-service.vue
@@ -309,10 +309,10 @@ export default {
     right_3_state: 0,
     last_id: 0,
     mult_data_state: [
-      { name: "正常", value: 0 },
-      { name: "警告", value: 0 },
-      { name: "错误", value: 0 },
+      { name: "健康", value: 0 },
       { name: "未使用", value: 0 },
+      { name: "故障", value: 0 },
+      { name: "警告", value: 0 },
     ],
     mult_data: [
       { name: "数据服务", value: 0 },
@@ -529,7 +529,25 @@ export default {
     getServiceHealth() {
       this.$api.dataAnalysis.getServiceHealth().then((response) => {
         if (response.data.success == 1) {
-          this.mult_data_state = response.data.data.seriesData;
+          let data = response.data.data.seriesData;
+          let jk = data.find((item) => {
+            return item.name == "健康";
+          });
+          let wsy = data.find((item) => {
+            return item.name == "未使用";
+          });
+          let gz = data.find((item) => {
+            return item.name == "故障";
+          });
+          let jg = data.find((item) => {
+            return item.name == "警告";
+          });
+          this.mult_data_state = [
+            { name: "健康", value: jk.value },
+            { name: "未使用", value: wsy.value },
+            { name: "故障", value: gz.value },
+            { name: "警告", value: jg.value },
+          ];
         }
       });
     },
diff --git a/src/pages/service_shop/shop_list.vue b/src/pages/service_shop/shop_list.vue
index 2b813cc..b1132ac 100644
--- a/src/pages/service_shop/shop_list.vue
+++ b/src/pages/service_shop/shop_list.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="shop_list_cont">
+  <!-- <div class="shop_list_cont"> -->
+  <div>
     <el-container>
       <el-aside width="180px">
         <service-shop-menu></service-shop-menu>
-- 
2.26.0