From 69673fd2d0c9c8189d57e67ece940ded6f2159f1 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 8 Jul 2022 17:06:24 +0800
Subject: [PATCH] =?UTF-8?q?style:=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/charts/NetworkOverviewLine.scss     |  6 ++--
 .../charts2/charts/NetworkOverviewLine.vue    | 32 ++++++++++++-------
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/assets/css/components/views/charts/NetworkOverviewLine.scss b/src/assets/css/components/views/charts/NetworkOverviewLine.scss
index 72a96401..850ea250 100644
--- a/src/assets/css/components/views/charts/NetworkOverviewLine.scss
+++ b/src/assets/css/components/views/charts/NetworkOverviewLine.scss
@@ -23,16 +23,18 @@
       .line-select__operation {
         height: 24px;
         margin-left: 3px;
-        background: #FFFFFF;
         box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
         border-radius: 2px;
         .option__select {
+          pointer-events:none;
           .el-input__inner {
             width: 80px;
             height: 24px;
-            text-align: left;
+            padding-left: 4px;
             line-height: 24px;
+            font-size: 12px;
             color: #2C72C6;
+            font-weight: 400;
           }
           .el-input__suffix {
             display: flex;
diff --git a/src/views/charts2/charts/NetworkOverviewLine.vue b/src/views/charts2/charts/NetworkOverviewLine.vue
index 30bae4a0..8dc25e4c 100644
--- a/src/views/charts2/charts/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/NetworkOverviewLine.vue
@@ -7,12 +7,12 @@
         <div class="line-select__operation">
           <el-select
               size="mini"
-              v-model="options"
+              v-model="value1"
               class="option__select select-topn"
               placeholder=""
               popper-class="option-popper"
           >
-            <el-option v-for="item in options" :key="item.value" :label="item.label"></el-option>
+            <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"></el-option>
           </el-select>
         </div>
       </div>
@@ -21,12 +21,12 @@
         <div class="line-select__operation">
           <el-select
               size="mini"
-              v-model="options"
+              v-model="value2"
               class="option__select select-topn"
               placeholder=""
               popper-class="option-popper"
           >
-            <el-option v-for="item in options" :key="item.value" :label="item.label"></el-option>
+            <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option>
           </el-select>
         </div>
       </div>
@@ -50,10 +50,10 @@ export default {
   },
   data () {
     return {
-      options: [
+      options1: [
         {
-          value: 'Option1',
-          label: 'Option1'
+          value: 'Bits',
+          label: 'Bits'
         },
         {
           value: 'Option2',
@@ -63,15 +63,23 @@ export default {
           value: 'Option3',
           label: 'Option3'
         },
+      ],
+      value1: '',
+      options2: [
         {
-          value: 'Option4',
-          label: 'Option4'
+          value: 'Average',
+          label: 'Average'
         },
         {
-          value: 'Option5',
-          label: 'Option5'
-        }
+          value: 'Option2',
+          label: 'Option2'
+        },
+        {
+          value: 'Option3',
+          label: 'Option3'
+        },
       ],
+      value2: '',
       mpackets: [42, 1, 2, 1, 12],
       unitConvert
     }