From 4fb4db7de3c38284ff814ed6aaa8938e616427ca Mon Sep 17 00:00:00 2001 From: sankeyangshu <1260323835@qq.com> Date: Fri, 13 Dec 2024 19:58:19 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E8=A1=A8=E6=A0=BC?= =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=B1=85=E4=B8=AD=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 2 +- .env.production | 2 +- src/views/ApiManage/components/ApiTable.vue | 3 +- src/views/Boat/components/BoatTable.vue | 40 ++++---- src/views/Boat/components/HistoryTable.vue | 91 +++++++++---------- src/views/History/components/HistoryTable.vue | 18 +--- src/views/History/index.vue | 6 +- src/views/Home/index.vue | 9 +- src/views/Send/components/BoatInfoSend.vue | 12 +-- src/views/Send/components/HistoryTable.vue | 6 +- src/views/Send/index.vue | 11 ++- src/views/Subscription/index.vue | 6 +- 12 files changed, 102 insertions(+), 104 deletions(-) diff --git a/.env.development b/.env.development index 99b24ba..0ef80c4 100644 --- a/.env.development +++ b/.env.development @@ -9,4 +9,4 @@ NODE_ENV = 'development' # 如果没有跨域问题，直接在这里配置即可 # VITE_APP_BASE_API = 'http://192.168.1.116:8080' # VITE_APP_BASE_API = 'http://121.41.36.72:8080' -VITE_APP_BASE_API = 'http://www.cvlip.com:8080' +VITE_APP_BASE_API = 'http://www.cvlip.com:9003' diff --git a/.env.production b/.env.production index bd96e6e..d349959 100644 --- a/.env.production +++ b/.env.production @@ -2,7 +2,7 @@ NODE_ENV = "production" # 线上环境接口地址 -VITE_APP_BASE_API = '/api' +VITE_APP_BASE_API = 'http://www.cvlip.com:8080' # 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔 # Optional: gzip | brotli | none diff --git a/src/views/ApiManage/components/ApiTable.vue b/src/views/ApiManage/components/ApiTable.vue index 734c602..b0fd8a6 100644 --- a/src/views/ApiManage/components/ApiTable.vue +++ b/src/views/ApiManage/components/ApiTable.vue @@ -67,8 +67,9 @@ const onClickChangeApiType = async (item: apiInterface) => { if (item === currentApiType.value) return; currentApiType.value = item; + loadMoreState.value = 'load'; currentPage.value = 1; - await getTableDataList(); + tableData.value = []; }; // 表格数据 diff --git a/src/views/Boat/components/BoatTable.vue b/src/views/Boat/components/BoatTable.vue index 478efe6..eb8bb99 100644 --- a/src/views/Boat/components/BoatTable.vue +++ b/src/views/Boat/components/BoatTable.vue @@ -8,7 +8,7 @@
船货信息表
-
+
@@ -60,7 +60,7 @@
-
仅列出最近十日收到的订阅船期信息
+
仅列出最近十日收到的订阅船期信息
@@ -187,6 +187,7 @@ const onClickCellOpenDetail = (row: BoatInfoType) => { flex-direction: column; width: 100%; .header { + position: relative; box-sizing: border-box; display: flex; flex-shrink: 0; @@ -217,6 +218,8 @@ const onClickCellOpenDetail = (row: BoatInfoType) => { } } .header-title { + position: absolute; + left: 50%; display: flex; justify-content: center; padding: 0 16px; @@ -224,6 +227,7 @@ const onClickCellOpenDetail = (row: BoatInfoType) => { font-style: normal; font-weight: 700; color: #fff; + transform: translateX(-50%); } } .footer { @@ -297,25 +301,27 @@ const onClickCellOpenDetail = (row: BoatInfoType) => { } .footer-pagination { box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; width: 100%; - margin-top: 40px; - .notice { + padding: 16px; + .notice-wrap { display: flex; align-items: center; justify-content: center; - width: 700px; - height: 40px; - margin-top: 30px; - overflow: hidden; - font-size: 16px; - color: #d7d7d7; - text-overflow: ellipsis; - white-space: nowrap; - background-color: rgb(127 127 127 / 100%); - border-radius: 20px; + .notice { + display: flex; + align-items: center; + justify-content: center; + width: 700px; + height: 40px; + margin-top: 30px; + overflow: hidden; + font-size: 16px; + color: #d7d7d7; + text-overflow: ellipsis; + white-space: nowrap; + background-color: rgb(127 127 127 / 100%); + border-radius: 20px; + } } } } diff --git a/src/views/Boat/components/HistoryTable.vue b/src/views/Boat/components/HistoryTable.vue index a0cea0e..298fcb7 100644 --- a/src/views/Boat/components/HistoryTable.vue +++ b/src/views/Boat/components/HistoryTable.vue @@ -31,14 +31,11 @@
-
- 舱单信息 -
- -
导出舱单
-
+
舱单信息
+
+ +
导出舱单
-
-
- 舱单明细 -
- -
导出舱单明细
-
+
舱单明细
+
+ +
导出舱单明细
-
{ flex-direction: column; width: 100%; .header { + position: relative; box-sizing: border-box; display: flex; flex-shrink: 0; @@ -335,8 +330,11 @@ const onClickExportManifestDetail = () => { color: #b4b4b4; } .title { + position: absolute; + left: 50%; font-size: 32px; font-weight: 700; + transform: translateX(-50%); } .api-btn { display: flex; @@ -365,57 +363,50 @@ const onClickExportManifestDetail = () => { .table-content { box-sizing: border-box; flex: 1; - padding: 16px; + padding: 16px 0; .table-header { + position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; + height: 50px; padding: 16px 16px 0; margin-bottom: 15px; color: #fff; .table-header-title { + position: absolute; + left: 50%; display: flex; align-items: center; - margin-left: 157px; font-size: 32px; font-weight: 700; - .left-export { - box-sizing: border-box; - display: flex; - align-items: center; - width: fit-content; - height: 50px; - padding: 0 10px; - margin-left: 10px; - font-size: 18px; - color: #00bfbf; - border-bottom: #00bfbf 1px solid; - .icon { - width: 40px; - height: 40px; - font-weight: 400; - line-height: normal; - color: #00bfbf; - } - .export-text { - margin-left: 15px; - } - .export-text:hover { - color: rgb(2 167 240); - cursor: pointer; - } - } + transform: translateX(-50%); } - .sort { + .left-export { + box-sizing: border-box; display: flex; - align-items: flex-end; - height: 100%; - font-family: 'Arial Normal', Arial; - font-size: 15px; - font-style: normal; - font-weight: 400; - color: #aaa; + align-items: center; + width: fit-content; + height: 50px; + padding: 0 10px; + font-size: 18px; + color: #00bfbf; + border-bottom: #00bfbf 1px solid; + .icon { + width: 40px; + height: 40px; + font-weight: 400; + line-height: normal; + color: #00bfbf; + } + .export-text { + margin-left: 15px; + } + .export-text:hover { + color: rgb(2 167 240); + cursor: pointer; + } } } .goods-name { diff --git a/src/views/History/components/HistoryTable.vue b/src/views/History/components/HistoryTable.vue index 96959d3..b217b38 100644 --- a/src/views/History/components/HistoryTable.vue +++ b/src/views/History/components/HistoryTable.vue @@ -14,9 +14,7 @@
-
历史舱单信息
-
-
历史舱单明细
-
{ box-sizing: border-box; display: flex; align-items: center; - justify-content: space-between; + justify-content: center; padding: 16px 16px 0; margin-bottom: 15px; color: #fff; .table-header-title { - font-size: 28px; + font-size: 32px; font-weight: 700; } - .sort { - display: flex; - align-items: flex-end; - height: 100%; - font-family: 'Arial Normal', Arial; - font-size: 15px; - font-style: normal; - font-weight: 400; - color: #aaa; - } } } .goods-name { diff --git a/src/views/History/index.vue b/src/views/History/index.vue index 7bc21aa..a6e631f 100644 --- a/src/views/History/index.vue +++ b/src/views/History/index.vue @@ -75,6 +75,7 @@ const onClickOpenDetail = (row: BoatInfoType) => { width: 100%; height: 100%; .header { + position: relative; box-sizing: border-box; display: flex; flex-shrink: 0; @@ -91,8 +92,11 @@ const onClickOpenDetail = (row: BoatInfoType) => { color: #b4b4b4; } .title { - font-size: 28px; + position: absolute; + left: 50%; + font-size: 32px; font-weight: 700; + transform: translateX(-50%); } .api-btn { display: flex; diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue index 54afe89..b14e34b 100644 --- a/src/views/Home/index.vue +++ b/src/views/Home/index.vue @@ -625,15 +625,16 @@ onMounted(async () => { display: flex; align-items: center; justify-content: center; - width: 900px; + width: 700px; height: 40px; + margin-top: 30px; overflow: hidden; font-size: 16px; - color: #aaa; + color: #d7d7d7; text-overflow: ellipsis; white-space: nowrap; - background-color: rgb(68 68 68 / 100%); - border-radius: 36px; + background-color: rgb(127 127 127 / 100%); + border-radius: 20px; } } .home-vin { diff --git a/src/views/Send/components/BoatInfoSend.vue b/src/views/Send/components/BoatInfoSend.vue index c46965e..3c9750f 100644 --- a/src/views/Send/components/BoatInfoSend.vue +++ b/src/views/Send/components/BoatInfoSend.vue @@ -91,15 +91,15 @@ -
/
+
/
@@ -112,15 +112,15 @@ -
/
+
/
diff --git a/src/views/Send/components/HistoryTable.vue b/src/views/Send/components/HistoryTable.vue index e81cd1e..581413b 100644 --- a/src/views/Send/components/HistoryTable.vue +++ b/src/views/Send/components/HistoryTable.vue @@ -363,6 +363,7 @@ const endManifestDetail = () => { .table-content { width: 100%; .table-header { + position: relative; box-sizing: border-box; display: flex; align-items: center; @@ -371,8 +372,11 @@ const endManifestDetail = () => { margin-bottom: 15px; color: #fff; .table-header-title { - font-size: 28px; + position: absolute; + left: 50%; + font-size: 32px; font-weight: 700; + transform: translateX(-50%); } .table-header-btn { width: 203px; diff --git a/src/views/Send/index.vue b/src/views/Send/index.vue index 3fbf5e7..a1a22cd 100644 --- a/src/views/Send/index.vue +++ b/src/views/Send/index.vue @@ -3,7 +3,7 @@
{{ isViewHistory ? '船期信息' : '发布船货信息' }}
-
+
@@ -104,6 +104,7 @@ const onClickOpenDetail = (row: BoatInfoType) => { width: 100%; height: 100%; .header { + position: relative; box-sizing: border-box; display: flex; flex-shrink: 0; @@ -120,11 +121,11 @@ const onClickOpenDetail = (row: BoatInfoType) => { color: #b4b4b4; } .title { - font-size: 28px; + position: absolute; + left: 50%; + font-size: 32px; font-weight: 700; - } - .header-width { - width: 203px; + transform: translateX(-50%); } } .content { diff --git a/src/views/Subscription/index.vue b/src/views/Subscription/index.vue index 714f701..67c6c0b 100644 --- a/src/views/Subscription/index.vue +++ b/src/views/Subscription/index.vue @@ -80,6 +80,7 @@ onMounted(async () => { width: 100%; height: 100%; .header { + position: relative; box-sizing: border-box; display: flex; flex-shrink: 0; @@ -96,8 +97,11 @@ onMounted(async () => { color: #b4b4b4; } .title { - font-size: 28px; + position: absolute; + left: 50%; + font-size: 32px; font-weight: 700; + transform: translateX(-50%); } .api-btn { display: flex;