From 6967d8bd3ef11b3efe9ecb3c422ccbb99a6a8708 Mon Sep 17 00:00:00 2001
From: clay <209192278@qq.com>
Date: Mon, 10 Oct 2022 20:51:10 +0800
Subject: [PATCH] =?UTF-8?q?dengjie=20commit=20:=20dire=5Fdata.vue=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/content/components/dire_data.vue | 126 ++++++++++++++-------
 1 file changed, 85 insertions(+), 41 deletions(-)

diff --git a/src/views/content/components/dire_data.vue b/src/views/content/components/dire_data.vue
index 9624c88..5a4da96 100644
--- a/src/views/content/components/dire_data.vue
+++ b/src/views/content/components/dire_data.vue
@@ -1,31 +1,38 @@
 <template>
-<div class="dire_data"  style="background-color:#fff;  margin-top: 3rem;">
+  <div class="dire_data" style="background-color:#fff;  margin-top: 3rem;">
 
-  <el-row v-for="(dire,index) in value" :key="index">
-    <!--正文内容-->
-    <el-col class="context" :span="23">
-      <el-row class="context_el-row">
-        <el-col :span="1" :offset="1">
+    <el-row v-for="(dire,index) in value" :key="index">
+      <!--正文内容-->
+
+
+      <el-col class="context" :span="23">
+        <!--      <el-row class="context_el-row">-->
+        <!--        <el-col :span="1" :offset="1">-->
+        <!--          <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt=""/>-->
+        <!--        </el-col>-->
+        <!--        <el-col :span="4" class="context_name">{{ dire.name }}</el-col>-->
+        <!--        <el-col :span="16">-->
+        <!--          <hr class="context_hr">-->
+        <!--        </el-col>-->
+        <!--      </el-row>-->
+        <el-row class="context_el-row">
           <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
-        </el-col>
-        <el-col :span="4" class="context_name">{{ dire.name }}</el-col>
-        <el-col :span="16">
-          <hr class="context_hr">
-        </el-col>
-      </el-row>
-      <el-row v-for="(chile,index) in dire.children" :key="index">
-        <el-col class="name" :offset="1" :span="23">
-          {{ chile.name }}
-        </el-col>
+          <div class="context_name">{{ dire.name }}</div>
+          <div class="context_hr"></div>
+        </el-row>
+        <el-row v-for="(chile,index) in dire.children" :key="index">
+          <el-col class="name" :offset="1" :span="23">
+            {{ chile.name }}
+          </el-col>
           <el-col class="text" :offset="1" :span="23">
             <div v-for="(item,index) in chile.children" :key="index" @click="linkClick(item)">
-                {{ item.name }}
+              {{ item.name }}
             </div>
           </el-col>
-      </el-row>
-    </el-col>
-  </el-row>
-</div>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
@@ -34,9 +41,9 @@ export default {
   data() {
     return {
       width: document.documentElement.clientWidth
-    }
+    };
   },
-  props:{
+  props: {
     value: {
       type: Array,
       default: [{
@@ -48,51 +55,52 @@ export default {
               {
                 children: [],
                 name: "人员1"
-              },
-            ],
+              }
+            ]
           }
-        ],
-      }],
-    },
+        ]
+      }]
+    }
   },
-  methods:{
-    linkClick(chile){
-      if (chile.link!=null && chile.link != ""){
-        window.open(chile.link)
+  methods: {
+    linkClick(chile) {
+      if (chile.link != null && chile.link != "") {
+        window.open(chile.link);
       }
     }
   }
-}
+};
 </script>
 
 <style scoped lang="scss">
-
 .context {
   margin: 3rem 2rem;
   padding-bottom: 3rem;
-  //width: 84.3rem;
-  //background: #FFFFFF;
+  width: 92%;
+  background: #FFFFFF;
 
   .context_el-row {
+    display: flex;
     margin-top: 2rem;
 
     .context_img {
       width: 2.2rem;
+      margin-left: 3%;
     }
 
     .context_name {
       font-size: 1.8rem;
-      font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
       color: #1956BC;
-      line-height: 2.2rem;
+      padding: 0 20px;
+      white-space:nowrap;
     }
 
     .context_hr {
-      line-height: 2.2rem;
       margin-top: 1.1rem;
-      border: #1956BC solid 0.1rem;
       background-color: #1956BC;
+      width: 100%;
+      height: 2px;
     }
   }
 
@@ -102,10 +110,12 @@ export default {
     font-weight: 600;
     //color: #1956BC;
   }
+
   .text {
     font-size: 1.4rem;
     //color: #3C3C3C;
     clear: left;
+
     div {
       float: left;
       margin-top: .4rem;
@@ -114,10 +124,44 @@ export default {
       margin-right: 1.5rem;
       color: #000000;
     }
-    div:hover{
+
+    div:hover {
       color: #1956BC;
     }
   }
 }
 
+
+//.context {
+//  margin: 3rem 2rem;
+//  padding-bottom: 3rem;
+//width: 84.3rem;
+//background: #FFFFFF;
+
+//.context_el-row {
+//  margin-top: 2rem;
+//
+//  .context_img {
+//    width: 2.2rem;
+//  }
+//
+//  .context_name {
+//    font-size: 1.8rem;
+//    font-family: PingFangSC-Medium, PingFang SC;
+//    font-weight: 500;
+//    color: #1956BC;
+//    line-height: 2.2rem;
+//  }
+//
+//  .context_hr {
+//    line-height: 2.2rem;
+//    margin-top: 1.1rem;
+//    border: #1956BC solid 0.1rem;
+//    background-color: #1956BC;
+//  }
+//}
+
+
+//}
+
 </style>