poi导入显示

This commit is contained in:
2025-11-19 11:23:31 +08:00
parent 247cc946bd
commit 2df90c2ab1

View File

@ -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>