poi导入显示

src/renderer/src/views/components/headers/components/setPup/components/engineering.vue

@@ -38,10 +38,12 @@
             </div>
             <div class="file_name">
               <span>{{ item.name }}</span>
-              <span>{{ item.createdAt }}</span>
+              <span class="pdfPath" :title="item.path">{{ item.path }}</span>
             </div>
           </div>
           <div class="item_right">
+            <span style="color: rgba(var(--color-text2), 1)">{{ item.createdAt }}</span>
+            <div class="but">
               <span v-if="item.isEnable">已启用</span>
 
               <el-button
@@ -64,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
     <div class="line"></div>
     <div class="engineering_title2">
       <span class="fankuai"></span>
@@ -91,10 +94,13 @@
             </div>
             <div class="file_name">
               <span>{{ item.name }}</span>
-              <span>{{ item.createdAt }}</span>
+              <!-- <span>{{ item.createdAt }}</span> -->
+              <span class="pdfPath" :title="item.path">{{ item.path }}</span>
             </div>
           </div>
           <div class="item_right">
+            <span style="color: rgba(var(--color-text2), 1)">{{ item.createdAt }}</span>
+            <div class="but">
               <span v-if="item.isEnable">已启用</span>
 
               <el-button
@@ -117,6 +123,7 @@
           </div>
         </div>
       </div>
+    </div>
     <div class="line"></div>
     <div class="engineering_title2">
       <span class="fankuai"></span>
@@ -242,6 +249,10 @@ const poiImport = () => {
         if (res.code === 200) {
           PoiApi.getPoiList().then((list) => {
             poiList.splice(0, poiList.length, ...list.data)
+            poiList.map((item) => {
+              let arr = item.path.split('/')
+              item.name = arr[arr.length - 1]
+            })
             //只有一个poi时默认启用
             if (poiList.length == 1) {
               let formData = new FormData()
@@ -390,6 +401,10 @@ var routeList: any = reactive([])
 const getList = async () => {
   let list = await RouteApi.getRouteList()
   routeList.splice(0, routeList.length, ...list.data)
+  routeList.map((item) => {
+    let arr = item.path.split('/')
+    item.name = arr[arr.length - 1]
+  })
 }
 getList()
 
@@ -398,6 +413,10 @@ var poiList: any = reactive([])
 const getPoiList = async () => {
   let list = await PoiApi.getPoiList()
   poiList.splice(0, poiList.length, ...list.data)
+  poiList.map((item) => {
+    let arr = item.path.split('/')
+    item.name = arr[arr.length - 1]
+  })
 }
 getPoiList()
 
@@ -680,7 +699,7 @@ function derive() {
   box-sizing: border-box;
   display: flex;
   line-height: 32px; //   padding: 20px 0;
-  padding: 0 0 20px 0;
+  padding: 0 0 15px 0;
   .fankuai {
     width: 10px;
     height: 10px;
@@ -723,10 +742,10 @@ function derive() {
 .fileList {
   width: 100%;
   // height: 20vh;
-  max-height: 20vh;
+  max-height: 15vh;
   box-sizing: border-box;
-  padding: 0 0 20px 0;
+  // padding: 0 0 16px 0;
-
+  overflow-y: auto;
   .fileList_nav {
     width: 100%;
     height: 100%;
@@ -734,7 +753,7 @@ function derive() {
     overflow-y: auto; /* 垂直方向超出时显示滚动条 */
     .fileList_nav_item {
       width: 100%;
-      height: 8vh;
+      height: 7vh;
       //   background-color: aqua;
       box-sizing: border-box;
       padding: 10px;
@@ -759,28 +778,57 @@ function derive() {
           display: flex;
           flex-direction: column;
           padding-left: 10px;
+          width: calc(100% - 45px);
         }
       }
     }
   }
   // 滚动条优化
-  .fileList_nav::-webkit-scrollbar {
+  // .fileList::-webkit-scrollbar {
+  //   width: 5px;
+  //   height: 5px;
+  // }
+
+  // .fileList::-webkit-scrollbar-thumb {
+  //   background-color: rgba(var(--color-base1), 1);
+  //   border-radius: 5px;
+  // }
+
+  // .fileList::-webkit-scrollbar-track {
+  //   background-color: rgba(var(--color-base1), 0.2);
+  // }
+}
+// 滚动条优化
+.fileList::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }
 
-  .fileList_nav::-webkit-scrollbar-thumb {
+.fileList::-webkit-scrollbar-thumb {
   background-color: rgba(var(--color-base1), 1);
   border-radius: 5px;
 }
 
-  .fileList_nav::-webkit-scrollbar-track {
+.fileList::-webkit-scrollbar-track {
   background-color: rgba(var(--color-base1), 0.2);
 }
-}
 .line {
   width: 100%;
   height: 1px;
   background-color: rgba(204, 204, 204, 0.2);
 }
+.pdfPath {
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: rgba(var(--color-text2), 1);
+}
+.but {
+  display: inline-block;
+  width: 140px;
+  text-align: right;
+  margin-left: 10px;
+}
 </style>