type

src/components/orgTree.vue

@@ -15,8 +15,17 @@
         type="primary"
         icon="el-icon-s-unfold"
         size="mini"
-        :loading="flag"
-        @click="flag = true"
+        v-if="isOpen==true"
+        @click="toOpen"
+        >收起</el-button
+      >
+      <el-button
+        class="ml10"
+        type="primary"
+        icon="el-icon-s-unfold"
+        size="mini"
+        v-else
+        @click="toOpen"
         >展开</el-button
       >
       <el-button
@@ -24,19 +33,19 @@
         type="primary"
         size="mini"
         icon="el-icon-refresh-right"
-        :loading="flag1"
-        @click="flag1 = true"
+        @click="getInit"
         >刷新</el-button
       >
     </el-row>
     <el-scrollbar>
       <el-tree
         v-loading="loading"
+        v-if="openOrNot"
         ref="vuetree"
         :props="defaultProps"
         :data="data"
         :render-content="renderContent"
-        :default-expand-all="true"
+        :default-expand-all="isOpen"
         nodeKey="id"
         class="el-tree"
         current-node-key="id"
@@ -57,8 +66,6 @@ export default {
   data() {
     return {
       value: 0,
-      flag: false,
-      flag1: false,
       options: [
         {
           id: 0,
@@ -70,6 +77,8 @@ export default {
         },
       ],
       data: [],
+      isOpen: false,
+      openOrNot: true,
       defaultProps: {
         children: "children",
         label: "label",
@@ -85,6 +94,13 @@ export default {
     this.getInit()
   },
   methods: {
+    toOpen() {
+      this.isOpen = !this.isOpen
+      this.openOrNot = false;
+      setTimeout(() => {
+        this.openOrNot = true;
+      }, 10);
+    },
     handleClick(data) {
       this.$emit('selectItem', data)
     },
@@ -108,7 +124,6 @@ export default {
             </span>
           </span>
         </div>
-            
       );
     },
   },

src/styles/common.scss

@@ -91,4 +91,15 @@
   .particulars{
     color:#666666
   }
- 
+ 
\ No newline at end of file
+.header_title {
+  font-size: 23px;
+  font-family: Source Han Sans CN;
+  font-weight: 500;
+  line-height: 40px;
+  text-align: center;
+  color: #0058ff;
+  letter-spacing: 5px;
+  opacity: 1;
+  margin-bottom: 20px;
+}
\ No newline at end of file

src/views/dashboard/components/index.vue

@@ -11,9 +11,7 @@ import Type5 from './type5.vue'
 
 export default {
   data() {
-    return {
-      
-    }
+    return {}
   },
   props: {
     type: {

src/views/dashboard/components/mixins.js

@@ -6,14 +6,13 @@ export const DetailMixins = {
       form: {},
       formFunc: null,
       isOpenSelect:[{
-        key:0,
-        label:"未开通"
+        key: 0,
+        label: "未开通"
       },
-    {
-      key:1,
-      label:"已开通"
-    }
-    ]
+      {
+        key: 1,
+        label: "已开通"
+      }]
     }
   },
   watch: {

src/views/dashboard/components/type1.vue

 <template>
   <div class="dashboard-container">
     <!-- 首页 -->
-    <header class="header_title">张呼铁路客运专线信息</header>
+    <header class="header_title">铁路线({{ form.baseInfo.name }})</header>
     <el-row :gutter="24">
       <el-col :span="12" class="mb20">
         <el-card shadow="never">
@@ -59,7 +59,7 @@
             </el-row>
             <el-row class="text" :gutter="24">
               <el-col :span="10">
-                <div class="item_name">漏缆状态</div>
+                <div class="item_name">漏缆(含天馈线)</div>
               </el-col>
               <el-col :span="10">
                 <el-row :gutter="20">
@@ -113,6 +113,14 @@
                 <div class="item_data">{{ form.type5 }}根</div>
               </el-col>
             </el-row>
+            <el-row class="text" :gutter="24">
+              <el-col :span="10">
+                <div class="item_name">天馈线</div>
+              </el-col>
+              <el-col :span="10">
+                <div class="item_data">{{ form.type5 }}根</div>
+              </el-col>
+            </el-row>
           </div>
         </el-card>
       </el-col>
@@ -188,6 +196,23 @@
                 </div>
               </el-col>
             </el-row>
+            <el-row class="text" :gutter="24">
+              <el-col :span="10">
+                <div class="item_name">开通状态</div>
+              </el-col>
+              <el-col :span="10">
+                <div>
+                  <el-select v-model="form.baseInfo.isOpen" >
+                    <el-option
+                      v-for="item in isOpenSelect"
+                      :key="item.key"
+                      :label="item.label"
+                      :value="item.key"
+                    ></el-option>
+                  </el-select>
+                </div>
+              </el-col>
+            </el-row>
           </div>
         </el-card>
       </el-col>
@@ -210,17 +235,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.header_title {
-  font-size: 23px;
-  font-family: Source Han Sans CN;
-  font-weight: 500;
-  line-height: 40px;
-  text-align: center;
-  color: #0058ff;
-  letter-spacing: 10px;
-  opacity: 1;
-  margin-bottom: 20px;
-}
 ::v-deep.el-card {
   border: 1px solid #e3e3e3;
   border-radius: 8px;
@@ -283,38 +297,4 @@ export default {
     border-bottom: none !important;
   }
 }
-.text2 {
-  // display: flex;
-  padding: 10px 20px 10px 20px;
-  border-bottom: 1px solid #e3e3e3;
-  .item_name,
-  .item_data,
-  .value_handle {
-    height: 16px;
-    line-height: 16px;
-    margin-top: 12px;
-    margin-bottom: 12px;
-  }
-  .item_name {
-    width: 262px;
-    height: 16px;
-    line-height: 16px;
-    color: #7e7e7e;
-    margin-top: 12px;
-    margin-bottom: 12px;
-  }
-
-  .value_handle {
-    color: red;
-    margin-right: 10px;
-    min-width: 52px;
-  }
-  .alarmbtn {
-    margin-top: 6px;
-    margin-bottom: 6px;
-  }
-  .el-card:last-child .text {
-    border-bottom: none !important;
-  }
-}
 </style>

src/views/dashboard/components/type2.vue

 <template>
   <div class="dashboard-container">
     <!-- 首页 -->
-    <header class="header_title">张呼铁路客运专线信息</header>
+    <header class="header_title">站点({{ form.baseInfo.siteName }})</header>
     <el-row :gutter="24">
       <el-col :span="12" class="mb20">
         <el-card shadow="never">
@@ -33,6 +33,14 @@
                 <div class="item_data">{{ form.type5 }}根</div>
               </el-col>
             </el-row>
+            <el-row class="text" :gutter="24">
+              <el-col :span="10">
+                <div class="item_name">天馈线</div>
+              </el-col>
+              <el-col :span="10">
+                <div class="item_data">{{ form.type5 }}根</div>
+              </el-col>
+            </el-row>
           </div>
         </el-card>
       </el-col>
@@ -153,8 +161,7 @@
                 <div class="item_name">开通状态</div>
               </el-col>
               <el-col :span="10">
-                <el-select class="item_data"
-                  >{{ form.baseInfo.isOpen }}
+                <el-select v-model="form.baseInfo.isOpen">
                   <el-option
                     v-for="item in isOpenSelect"
                     :key="item.key"
@@ -209,17 +216,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.header_title {
-  font-size: 23px;
-  font-family: Source Han Sans CN;
-  font-weight: 500;
-  line-height: 40px;
-  text-align: center;
-  color: #0058ff;
-  letter-spacing: 10px;
-  opacity: 1;
-  margin-bottom: 20px;
-}
 ::v-deep.el-card {
   border: 1px solid #e3e3e3;
   border-radius: 8px;
@@ -242,7 +238,7 @@ export default {
 
 .specialCard {
   position: absolute;
-  top: 300px;
+  top: 340px;
 }
 
 .text {

src/views/dashboard/components/type3.vue

 <template>
   <div class="dashboard-container">
     <!-- 首页 -->
-    <header class="header_title">FSU</header>
+    <header class="header_title">FSU({{ form.baseInfo.equipName }})</header>
     <el-row :gutter="24">
       <el-col :span="11" class="mb20">
         <el-card shadow="never">
@@ -25,6 +25,14 @@
                 <div class="item_data">{{ form.type5 }}根</div>
               </el-col>
             </el-row>
+            <el-row class="text" :gutter="24">
+              <el-col :span="10">
+                <div class="item_name">天馈线</div>
+              </el-col>
+              <el-col :span="10">
+                <div class="item_data">{{ form.type5 }}根</div>
+              </el-col>
+            </el-row>
           </div>
         </el-card>
       </el-col>
@@ -171,8 +179,7 @@
                 <div class="item_name">开通状态</div>
               </el-col>
               <el-col :span="10">
-                <el-select class="item_data"
-                  >{{ form.baseInfo.isOpen }}
+                <el-select v-model="form.baseInfo.isOpen">
                   <el-option
                     v-for="item in isOpenSelect"
                     :key="item.key"
@@ -188,7 +195,7 @@
       <el-col :span="11" class="mb20 specialCard">
         <el-card shadow="never">
           <div slot="header" class="clearfix posa">
-            <span>管理范围</span>
+            <span>当前状态</span>
           </div>
           <div>
             <el-row class="text" :gutter="24">
@@ -227,17 +234,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.header_title {
-  font-size: 23px;
-  font-family: Source Han Sans CN;
-  font-weight: 500;
-  line-height: 40px;
-  text-align: center;
-  color: #0058ff;
-  letter-spacing: 10px;
-  opacity: 1;
-  margin-bottom: 20px;
-}
 ::v-deep.el-card {
   border: 1px solid #e3e3e3;
   border-radius: 8px;
@@ -256,7 +252,7 @@ export default {
 }
 .specialCard {
   position: absolute;
-  top: 240px;
+  top: 280px;
 }
 .posa {
   position: relative;

src/views/dashboard/components/type4.vue

@@ -192,17 +192,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.header_title {
-  font-size: 23px;
-  font-family: Source Han Sans CN;
-  font-weight: 500;
-  line-height: 40px;
-  text-align: center;
-  color: #0058ff;
-  letter-spacing: 10px;
-  opacity: 1;
-  margin-bottom: 20px;
-}
 ::v-deep.el-card {
   border: 1px solid #e3e3e3;
   border-radius: 8px;

src/views/dashboard/components/type5.vue

@@ -192,17 +192,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.header_title {
-  font-size: 23px;
-  font-family: Source Han Sans CN;
-  font-weight: 500;
-  line-height: 40px;
-  text-align: center;
-  color: #0058ff;
-  letter-spacing: 10px;
-  opacity: 1;
-  margin-bottom: 20px;
-}
 ::v-deep.el-card {
   border: 1px solid #e3e3e3;
   border-radius: 8px;

src/views/dashboard/index.vue

@@ -64,7 +64,7 @@ export default {
   line-height: 40px;
   text-align: center;
   color: #0058ff;
-  letter-spacing: 10px;
+  letter-spacing: 5px;
   opacity: 1;
   margin-bottom: 20px;
 }