修改头

src/layout/components/Navbar.vue

@@ -4,8 +4,11 @@
     <!-- <breadcrumb class="breadcrumb-container" /> -->
     <div class="navbar_top">
       <div class="nav_left">
-        <div class="log_icon"><img src="" /></div>
-        <div class="log_name">行李数据整合及应用</div>
+        <div class="log_icon">
+          <img src="../../assets/logo/pic_logo_top.png" />
+        </div>
+        <div class="dividing"></div>
+        <div class="log_name">国航行李数据整合及应用</div>
       </div>
       <div class="right-menu">
         <el-dropdown>
@@ -145,22 +148,30 @@ export default {
     align-items: center;
     justify-content: space-between;
     // border-bottom: 1px solid #f2f6fc;
-    padding-left: 24px;
+    padding-left: 14px;
     > .nav_left {
       height: 100%;
       display: flex;
       align-items: center;
       > .log_icon {
-        width: 32px;
+        width: 24px;
         height: 32px;
         border-radius: 50%;
-        margin-right: 16px;
+        display: flex;
+        align-items: center;
         > img {
-          width: 32px;
-          height: 32px;
+          width: 24px;
+          height: 24px;
           border-radius: 50%;
         }
       }
+      > .dividing {
+        width: 1px;
+        height: 16px;
+        margin-left: 8px;
+        margin-right: 12px;
+        background: #ffffff;
+      }
       > .log_name {
         font-size: 14px;
         font-family: Microsoft YaHei;

src/layout/components/OrgTree/index.vue

@@ -9,7 +9,13 @@
 <template>
   <div class="orgTree">
     <div class="orgTreeContent">
-      <vue2-org-tree :data="dataList" :horizontal="true" collapsable @on-expand="onExpand" :render-content="renderContent" />
+      <vue2-org-tree
+        :data="dataList"
+        :horizontal="true"
+        collapsable
+        @on-expand="onExpand"
+        :render-content="renderContent"
+      />
     </div>
   </div>
 </template>
@@ -20,18 +26,18 @@ export default {
   props: {
     dataList: {
       type: Object,
-      default: () => { },
+      default: () => {},
     },
     renderContent: {
       type: Function,
     },
   },
-  mounted () {
+  mounted() {
     this.toggleExpand(this.dataList, true);
   },
   watch: {
     dataList: {
-      handler (val, old) {
+      handler(val, old) {
         if (val != old) {
           this.toggleExpand(val, true);
         }
@@ -40,7 +46,7 @@ export default {
     },
   },
   methods: {
-    collapse (list) {
+    collapse(list) {
       const _this = this;
       list.forEach(function (child) {
         if (child.expand) {
@@ -50,7 +56,7 @@ export default {
       });
     },
     //展开
-    onExpand (e, data) {
+    onExpand(e, data) {
       const _this = this;
       if ("expand" in data) {
         data.expand = !data.expand;
@@ -61,18 +67,18 @@ export default {
         _this.$set(data, "expand", true);
       }
       if (data.expand) {
-        this.$emit('expandData', data)
+        this.$emit("expandData", data);
       }
     },
     //节点关闭按钮点击
-    onNodeClick (e, data) {
+    onNodeClick(e, data) {
       const _this = this;
       if (e.target.className === "icon el-icon-close") {
         this.decompose(_this.dataList.children, data.id);
       }
     },
     //删除指定数据
-    decompose (data, id) {
+    decompose(data, id) {
       for (let i = 0; i < data.length; i++) {
         if (data[i].id === id) {
           data.splice(i, 1);
@@ -82,7 +88,7 @@ export default {
       }
     },
     //是否完全展开
-    toggleExpand (data, val) {
+    toggleExpand(data, val) {
       const _this = this;
       if (Array.isArray(data)) {
         data.forEach(function (item) {