From c1c3769f5e2b54dbfd892dde50f90bb26d7f0cc7 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 27 Nov 2024 19:06:26 +0800
Subject: [PATCH] 作战图调整
---
src/views/supplies/components/box/dataContent.vue | 38 +++++++++++++++++++++++++++-----------
1 files changed, 27 insertions(+), 11 deletions(-)
diff --git a/src/views/supplies/components/box/dataContent.vue b/src/views/supplies/components/box/dataContent.vue
index a11f735..cb5e099 100644
--- a/src/views/supplies/components/box/dataContent.vue
+++ b/src/views/supplies/components/box/dataContent.vue
@@ -3,7 +3,9 @@
<template #content>
<div class="content_box">
<div class="list_box">
- <span class="content_span" @click="scrollLeft">《</span>
+ <span class="content_span" @click="scrollLeft">
+ <img src="@/assets/images/left.png" alt="">
+ </span>
<el-scrollbar ref="scrollbarRef" @scroll="scroll">
<div class="scrollbar-flex-content">
<p v-for="(item, index) in tilteList" @click="handleClick(item, index)" :key="index"
@@ -12,12 +14,14 @@
</p>
</div>
</el-scrollbar>
- <span class="content_span" @click="scrollRight">》</span>
+ <span class="content_span" @click="scrollRight">
+ <img src="@/assets/images/right.png" alt="">
+ </span>
</div>
<div class="page_box">
<div>
- <el-table border empty-text="" v-if="formInline.ownership == 1" :data="tableData">
+ <el-table empty-text="暂无数据" border v-if="formInline.ownership == 1" :data="tableData">
<el-table-column prop="name" label="物资名称" />
<el-table-column prop="personInCha" label="负责人" width="150" />
<el-table-column prop="personInChaPhone" label="负责人电话" width="250" />
@@ -25,7 +29,7 @@
<el-table-column prop="numUnit" label="数量" width="150" />
</el-table>
- <el-table border empty-text="" v-else :data="tableData">
+ <el-table empty-text="暂无数据" border v-else :data="tableData">
<el-table-column prop="name" label="物资名称" />
<el-table-column prop="personInCha" label="负责人" width="150" />
<el-table-column prop="personInChaPhone" label="负责人电话" width="250" />
@@ -92,7 +96,7 @@
ownership: 1,
})
-function getCompanyPages(param = {}) {
+function getCompanyPages (param = {}) {
param.current = pages.page
param.size = pages.pageSize
getPage(param).then(res => {
@@ -108,7 +112,7 @@
})
}
-function handleClick(item, index) {
+function handleClick (item, index) {
currentIndex.value = index
pages.page = 1
pages.pageSize = 1000
@@ -160,7 +164,7 @@
// }
// 查询分页数据
-function getLists(param = {}) {
+function getLists (param = {}) {
param.current = pages.page
param.size = pages.pageSize
loading.value = true
@@ -179,7 +183,7 @@
// 查询分页数据
-function getComLists(param = {}) {
+function getComLists (param = {}) {
param.current = pages.page
param.size = pages.pageSize
loading.value = true
@@ -248,6 +252,18 @@
line-height: 70px;
margin: 0 15px;
cursor: pointer;
+
+ & img {
+ // 图片上下居中
+ vertical-align: middle;
+ width: 30px;
+ height: 30px;
+ }
+
+ & img:hover {
+ box-shadow: inset 0 0 40px #fff;
+ border-radius: 10px;
+ }
}
.page_box .el-table {
@@ -257,8 +273,8 @@
}
.active {
- // background-color: rgba(255, 255, 255, 0.3);
- color: #409eff;
- border-radius: 10px;
+ // color: #409eff;
+ // border-radius: 10px;
+ box-shadow: inset 0 0 100px #2a8ef1;
}
</style>
--
Gitblit v1.9.3