feat: 国内外标准库

src/pages/details/otherStandardDetails/index.vue

@@ -189,11 +189,11 @@
                     />
                     <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>
                   </template>
-                  <el-button
+<!--                  <el-button-->
-                      @click="showItemsModel(child.attrField)"
+<!--                      @click="showItemsModel(child.attrField)"-->
-                      class="decomposition-btn"
+<!--                      class="decomposition-btn"-->
-                      icon="icon-separate"
+<!--                      icon="icon-separate"-->
-                  >标准分解单</el-button>
+<!--                  >标准分解单</el-button>-->
                 </p>
               </div>
             </div>
@@ -283,12 +283,12 @@
                     <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>
                   </template>
                 </p>
-                <el-button
+<!--                <el-button-->
-                  v-if="child.attrField === 'FBGBJBD' || child.attrField === 'SSG' || child.attrField === 'ZQYJG' || child.attrField === 'BPG' || child.attrField === 'ZBJBD' || child.attrField === 'CA'"
+<!--                  v-if="child.attrField === 'FBGBJBD' || child.attrField === 'SSG' || child.attrField === 'ZQYJG' || child.attrField === 'BPG' || child.attrField === 'ZBJBD' || child.attrField === 'CA'"-->
-                  @click="showItemsModel(child.attrField)"
+<!--                  @click="showItemsModel(child.attrField)"-->
-                  class="decomposition-btn"
+<!--                  class="decomposition-btn"-->
-                  icon="icon-separate"
+<!--                  icon="icon-separate"-->
-                >标准分解单</el-button>
+<!--                >标准分解单</el-button>-->
               </div>
             </div>
 

src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue

@@ -10,7 +10,9 @@
         <el-tree
                 ref="tree"
                 node-key="id"
-                class="filter-tree"
+                class="tree-line"
+                icon-class="icon-tree"
+                :indent="0"
                 :props="props"
                 :data="treeList"
                 highlight-current
@@ -19,7 +21,7 @@
                 default-expand-all
                 :expand-on-click-node="false">
                 <span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
-                        <span> {{ node.label}} </span>
+                        <span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span> <span> {{ node.label}} </span>
                         <span>
                           <el-button
                                   type="text"
@@ -2689,7 +2691,6 @@ export default {
           this.$set(data, 'showDel', false)
       },
     treeClick (treeNode) {
-        console.log(treeNode)
       this.selectSarMenu = treeNode
       this.standCommonlySearch.menuId = treeNode.id
       this.sarStandardsSearch.menuId = treeNode.id // 将当前二级菜单的id传回后台做标准的条件查询
@@ -4724,6 +4725,93 @@ export default {
   }
 }
 </script>
+<style lang="less" scoped>
+    /deep/ .icon-tree {
+        margin:0  5px 0 10px;
+        position:relative;
+        background:url('~@/assets/images/shangqi/img/tree-add.png');
+        background-size:100% 100%;
+    }
+    /deep/ .expanded{
+        background:url('~@/assets/images/shangqi/img/tree-sub.png');
+        background-size:100% 100%;
+    }
+    /deep/ .is-leaf{
+        background-image:none;
+        background-size:100% 100%;
+    }
+    /deep/ .is-leaf-none{
+        position: relative;
+        display: inline-block;
+        width: 15px;
+        height: 15px;
+        background:url('~@/assets/images/shangqi/img/none-file.png');
+        background-size:100% 100%;
+    }
+    /deep/ .is-show{
+        position: relative;
+        display: inline-block;
+        width: 15px;
+        height: 15px;
+        background:url('~@/assets/images/shangqi/img/tree.png');
+        background-size:100% 100%;
+    }
+    /deep/.tree-line{
+        .el-tree-node {
+            position: relative;
+            padding-left: 0px; // 缩进量
+        }
+        .el-tree-node__children {
+            padding-left: 16px; // 缩进量
+        }
+
+        // 竖线
+        .el-tree-node::before {
+            content: "";
+            height: 100%;
+            width: 1px;
+            position: absolute;
+            left: -3px;
+            top: -26px;
+            border-width: 1px;
+            border-left: 1px dashed #858990e0;
+        }
+        // 当前层最后一个节点的竖线高度固定
+        .el-tree-node:last-child::before {
+            height: 38px; // 可以自己调节到合适数值
+        }
+
+        // 横线
+        .el-tree-node::after {
+            content: "";
+            width: 11px;
+            height: 20px;
+            position: absolute;
+            left: -3px;
+            top: 12px;
+            border-width: 1px;
+            border-top: 1px dashed #858990e0;
+        }
+
+        // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
+        & > .el-tree-node::after {
+            border-top: none;
+        }
+        & > .el-tree-node::before {
+            border-left: none;
+        }
+
+        // 展开关闭的icon
+        .el-tree-node__expand-icon{
+            font-size: 16px;
+            // 叶子节点（无子节点）
+            &.is-leaf{
+                color: transparent;
+                // display: none; // 也可以去掉
+            }
+        }
+    }
+</style>
 
 <style lang="less" scoped>
 @import '~@/assets/styles/mixins';

src/pages/regulatoryRepository/foreignStandardsAndRegulations/index.vue

@@ -10,7 +10,9 @@
         <el-tree
                 ref="tree"
                 node-key="id"
-                class="filter-tree"
+                class="tree-line"
+                icon-class="icon-tree"
+                :indent="0"
                 :props="props"
                 :data="treeList"
                 highlight-current
@@ -19,7 +21,7 @@
                 default-expand-all
                 :expand-on-click-node="false">
                 <span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
-                        <span> {{ node.label}} </span>
+                        <span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span> <span> {{ node.label}} </span>
                         <span>
                           <el-button
                                   type="text"
@@ -4092,6 +4094,93 @@ export default {
 }
 </script>
 
+<style lang="less" scoped>
+  /deep/ .icon-tree {
+    margin:0  5px 0 10px;
+    position:relative;
+    background:url('~@/assets/images/shangqi/img/tree-add.png');
+    background-size:100% 100%;
+  }
+  /deep/ .expanded{
+    background:url('~@/assets/images/shangqi/img/tree-sub.png');
+    background-size:100% 100%;
+  }
+  /deep/ .is-leaf{
+    background-image:none;
+    background-size:100% 100%;
+  }
+  /deep/ .is-leaf-none{
+    position: relative;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background:url('~@/assets/images/shangqi/img/none-file.png');
+    background-size:100% 100%;
+  }
+  /deep/ .is-show{
+    position: relative;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    background:url('~@/assets/images/shangqi/img/tree.png');
+    background-size:100% 100%;
+  }
+  /deep/.tree-line{
+    .el-tree-node {
+      position: relative;
+      padding-left: 0px; // 缩进量
+    }
+    .el-tree-node__children {
+      padding-left: 16px; // 缩进量
+    }
+
+    // 竖线
+    .el-tree-node::before {
+      content: "";
+      height: 100%;
+      width: 1px;
+      position: absolute;
+      left: -3px;
+      top: -26px;
+      border-width: 1px;
+      border-left: 1px dashed #858990e0;
+    }
+    // 当前层最后一个节点的竖线高度固定
+    .el-tree-node:last-child::before {
+      height: 38px; // 可以自己调节到合适数值
+    }
+
+    // 横线
+    .el-tree-node::after {
+      content: "";
+      width: 11px;
+      height: 20px;
+      position: absolute;
+      left: -3px;
+      top: 12px;
+      border-width: 1px;
+      border-top: 1px dashed #858990e0;
+    }
+
+    // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
+    & > .el-tree-node::after {
+      border-top: none;
+    }
+    & > .el-tree-node::before {
+      border-left: none;
+    }
+
+    // 展开关闭的icon
+    .el-tree-node__expand-icon{
+      font-size: 16px;
+      // 叶子节点（无子节点）
+      &.is-leaf{
+        color: transparent;
+        // display: none; // 也可以去掉
+      }
+    }
+  }
+</style>
 <style lang="less" scoped>
 @import '~@/assets/styles/mixins';
 @import '~@/assets/styles/style';