文件共享-界面样式调整提交

src/views/vent/performance/comment/NormalTable.vue

@@ -236,37 +236,59 @@
 </script>
 
 <style scoped lang="less">
+  // @ventSpace: zxm;
+
+  // @vent-table-no-hover: rgba(43, 135, 255, 0.1);
+
+  // @vent-table-hover: rgba(53, 147, 255, 0.2);
+  // :deep(.zxm-table-row) {
+  //   td {
+  //     background-color: @vent-table-hover !important;
+  //   }
+  // }
+  // :deep(.jeecg-basic-table-row__striped) {
+  //   td {
+  //     background-color: @vent-table-no-hover !important;
+  //   }
+  // }
+
+  // ::v-deep .zxm-table-title {
+  //   display: none;
+  // }
+  // ::v-deep .zxm-table-thead > tr > th {
+  //   border-top: 0px !important;
+  //   border-left: 0px !important;
+  //   border-right: 0px !important;
+  //   border-bottom: 1px solid #268bc1 !important;
+  //   color: #3beff9 !important;
+  // }
+  // ::v-deep .zxm-table-tbody > tr > td {
+  //   border: none;
+  // }
+
+  // ::v-deep .zxm-table-thead {
+  //   background: linear-gradient(to bottom, transparent, rgba(53, 147, 255, 0.5)) !important;
+  // }
+
   @ventSpace: zxm;
 
-  @vent-table-no-hover: rgba(43, 135, 255, 0.1);
+  @vent-table-no-hover: #00bfff10;
+  :deep(.@{ventSpace}-table-cell-row-hover) {
+    background: #264d8833 !important;
+  }
+  :deep(.@{ventSpace}-table-row-selected) {
+    background: #268bc522 !important;
+  }
 
-  @vent-table-hover: rgba(53, 147, 255, 0.2);
-  :deep(.zxm-table-row) {
-    td {
-      background-color: @vent-table-hover !important;
-    }
+  :deep(.@{ventSpace}-table-tbody > tr > td) {
+    background-color: #0dc3ff05;
   }
   :deep(.jeecg-basic-table-row__striped) {
     td {
       background-color: @vent-table-no-hover !important;
     }
   }
-
-  ::v-deep .zxm-table-title {
+   ::v-deep .zxm-table-title {
     display: none;
   }
-  ::v-deep .zxm-table-thead > tr > th {
-    border-top: 0px !important;
-    border-left: 0px !important;
-    border-right: 0px !important;
-    border-bottom: 1px solid #268bc1 !important;
-    color: #3beff9 !important;
-  }
-  ::v-deep .zxm-table-tbody > tr > td {
-    border: none;
-  }
-
-  ::v-deep .zxm-table-thead {
-    background: linear-gradient(to bottom, transparent, rgba(53, 147, 255, 0.5)) !important;
-  }
 </style>

src/views/vent/performance/fileDetail/commen/treeList.vue

@@ -305,7 +305,7 @@
       }
 
       &.selected {
-        background-color: rgba(53, 147, 255, 0.2);
+        background-color: rgba(45, 113, 134, 0.2);
       }
 
       .vtl-input {

src/views/vent/performance/fileDetail/index.vue

@@ -25,15 +25,12 @@
           <a-input v-model:value="fileName" placeholder="请输入文件名称" />
           <a-button type="primary" preIcon="ant-design:search-outlined" @click="onSearch">查询</a-button>
           <a-button type="primary" style="float: right; margin-right: 20px" @click="openModal(true)">文件上传</a-button>
-          <!-- <a-upload :before-upload="beforeUpload" :remove="handleRemove" :multiple="false" :file-list="fileList">
-            <a-button type="primary" preIcon="ant-design:cloud-upload-outlined">文件上传</a-button>
-          </a-upload> -->
         </div>
         <div class="list">
-          <div class="bd-t"></div>
+          <!-- <div class="bd-t"></div> -->
           <NormalTable v-if="alive" :searchParam="fileName" :nodeParam="nodeParam" :columns="columns" :list="getTree"
             :deleteById="deleteById" :downLoad="downLoad" designScope="file-detail" title="文件详情" />
-          <div class="bd-b"></div>
+          <!-- <div class="bd-b"></div> -->
         </div>
       </div>
     </div>
@@ -85,7 +82,7 @@ let formState = reactive({//上传文件类型，是否审批
 })
 let startUpload:any=ref(null)
 
-//lxh tree
+//lxh 当前选中树节点
 let selected = reactive<any>({
   id: null,
   pid: null,
@@ -93,28 +90,9 @@ let selected = reactive<any>({
   isFolder: false,
 });
 //左侧菜单列表
-// const listArr = reactive(list);
 let listArr = reactive<any[]>([]);
 
-//递归遍历左侧菜单数据
-// let list2tree = (list) => {
-//   list.forEach((child) => {
-//     const pid = child.parentId;
-//     if (pid) {
-//       list.forEach((parent) => {
-//         if (parent.id === pid) {
-//           parent.children = parent.children || [];
-//           parent.isFolder = true;
-//           parent.title = parent.fileName;
-//           parent.pid = parent.parentId;
-//           parent.children.push({ id: child.id, isFolder: true, title: child.fileName, pid: child.parentId });
-//         }
-//       });
-//     }
-//   });
-//   console.log(list, '999999999');
-//   return list.filter((n) => n.parentId == 'root');
-// };
+
 //上传文件
 let openModal = (val) => {
   formState.isApprove=false
@@ -174,6 +152,10 @@ let getTreeList = async () => {
   console.log(list, 'list');
   listArr.push(...list);
   console.log(listArr, '树节点数据');
+  selected.id=listArr[0].id
+  selected.pid=listArr[0].pid
+  selected.title=listArr[0].title
+  selected.isFolder=listArr[0].isFolder
 };
 
 //点击目录
@@ -260,7 +242,7 @@ onMounted(() => {
   height: 100%;
   padding: 15px;
   position: relative;
-  background: url(../../../../assets/images/files/homes/bd.png) no-repeat center;
+  // background: url(../../../../assets/images/files/homes/bd.png) no-repeat center;
 
   .content {
     width: 100%;
@@ -275,10 +257,14 @@ onMounted(() => {
       height: calc(100% - 20px);
       margin-bottom: 20px;
       padding: 20px;
-      border: 2px solid #268bc1;
-      box-shadow: 0px 0px 20px 7px rgba(30, 119, 186, 0.7) inset;
-      -moz-box-shadow: 0px 0px 20px 7px rgba(30, 119, 186, 0.7) inset;
-      -webkit-box-shadow: 0px 0px 20px 7px rgba(30, 119, 186, 0.7) inset;
+      border: 1px solid #91e9fe;
+        box-shadow: 0px 0px 20px 7px rgba(145, 233, 254, 0.7) inset;
+      -moz-box-shadow: 0px 0px 20px 7px rgba(145, 233, 254, 0.7) inset;
+      -webkit-box-shadow: 0px 0px 20px 7px rgba(145, 233, 254, 0.7) inset;
+      // border: 2px solid #268bc1;
+      // box-shadow: 0px 0px 20px 7px rgba(30, 119, 186, 0.7) inset;
+      // -moz-box-shadow: 0px 0px 20px 7px rgba(30, 119, 186, 0.7) inset;
+      // -webkit-box-shadow: 0px 0px 20px 7px rgba(30, 119, 186, 0.7) inset;
 
       // lxh
       .iconfont {