From 578c137389fe73182e18ceddedc997fc8736b9c0 Mon Sep 17 00:00:00 2001
From: liugongyu <290219706@qq.com>
Date: Thu, 8 Jan 2026 14:24:16 +0800
Subject: [PATCH] 样式优化

---
 pages-sub/data/tree-archive/treeRecord.vue | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------
 pages/index/index.vue                      |  28 +++++++++++++++++-----------
 pages/login/index.vue                      |  34 ++++++++++++++++++++++------------
 pages/workbench/index.vue                  |  30 +++++++++++++++++-------------
 4 files changed, 106 insertions(+), 88 deletions(-)

diff --git a/pages-sub/data/tree-archive/treeRecord.vue b/pages-sub/data/tree-archive/treeRecord.vue
index 2fc6996..48b48eb 100644
--- a/pages-sub/data/tree-archive/treeRecord.vue
+++ b/pages-sub/data/tree-archive/treeRecord.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="container">
+  <view class="page-container">
 
     <!-- 内容区域 - 集成z-paging分页 -->
     <z-paging
@@ -12,50 +12,52 @@
       <template #empty>
         <empty-view/>
       </template>
-    <!-- 空数据组件 -->
-<!--    <up-empty v-if="rows.length === 0" text="暂无数据" marginTop="100"></up-empty>-->
-
-    <!-- 树木列表：up-card重构 + 保留原始背景图写法 核心满足你的要求 -->
-    <view class="record-wrap" >
-      <up-card
-          v-for="i in rows"
-          :key="i.treenumber"
-          :border="false"
-          :show-head="false"
-          class="tree-card"
-          :foot-border-top="false"
-          @click="toEditPage(i.id)"
-      >
-        <template #body>
-          <view class="card-body-inner">
-            <view class="record-list-left" :style="`background-image: url(${i.treephoto});`"></view>
-
-            <view class="record-list-right">
-              <view class="up-flex up-flex-items-center up-flex-between">
-                <view class="u-line-1 treetypeName">{{ i.treetype }}</view>
-                <view style="text-align: right">{{ timeFormat(i.updatetime) }}</view>
-              </view>
-              <view class="up-flex up-flex-items-center" style="margin: 8px 0">
-                <img src="../../../static/imgs/tree/tree-high.png" style="width: 12px;height: 12px;margin-right: 6px;" alt=""> 高度：{{ i.treeheight }} 米
-              </view>
-              <view class="up-flex up-flex-items-center">
-                <img src="../../../static/imgs/tree/treearound.png" style="width: 12px;height: 12px;margin-right: 6px;" alt="">胸径：{{ i.dbh }} 厘米
+      <!-- 空数据组件 -->
+      <!--    <up-empty v-if="rows.length === 0" text="暂无数据" marginTop="100"></up-empty>-->
+
+      <!-- 树木列表：up-card重构 + 保留原始背景图写法 核心满足你的要求 -->
+      <view class="record-wrap">
+        <up-card
+            v-for="i in rows"
+            :key="i.treenumber"
+            :border="false"
+            :show-head="false"
+            class="tree-card"
+            :foot-border-top="false"
+            @click="toEditPage(i.id)"
+        >
+          <template #body>
+            <view class="card-body-inner">
+              <view class="record-list-left" :style="`background-image: url(${i.treephoto});`"></view>
+
+              <view class="record-list-right">
+                <view class="up-flex up-flex-items-center up-flex-between">
+                  <view class="u-line-1 treetypeName">{{ i.treetype }}</view>
+                  <view style="text-align: right">{{ timeFormat(i.updatetime) }}</view>
+                </view>
+                <view class="up-flex up-flex-items-center" style="margin: 8px 0">
+                  <img src="../../../static/imgs/tree/tree-high.png" style="width: 12px;height: 12px;margin-right: 6px;"
+                       alt=""> 高度：{{ i.treeheight }} 米
+                </view>
+                <view class="up-flex up-flex-items-center">
+                  <img src="../../../static/imgs/tree/treearound.png"
+                       style="width: 12px;height: 12px;margin-right: 6px;" alt="">胸径：{{ i.dbh }} 厘米
+                </view>
               </view>
             </view>
-          </view>
-          <view class="treenumber-no">
-            树木编号：{{ i.treenumber }}
-          </view>
-        </template>
-      </up-card>
-    </view>
+            <view class="treenumber-no">
+              树木编号：{{ i.treenumber }}
+            </view>
+          </template>
+        </up-card>
+      </view>
     </z-paging>
     <!-- 底部新增按钮 -->
     <view class="fixed-bottom-btn-wrap">
       <up-button
           type="primary"
           @click="toAddTreePage"
-          v-show="count > 0 && count > rows.length"
+          v-show="count > 0 && count > allCount"
       >
         新增树木录入
       </up-button>
@@ -65,8 +67,8 @@
 </template>
 
 <script setup>
-import { ref} from 'vue'
-import {  onLoad, onShow, onUnload } from '@dcloudio/uni-app';
+import { ref } from 'vue'
+import { onLoad, onShow, onUnload } from '@dcloudio/uni-app';
 onUnload(() => {
   // 关闭所有页面，直接打开【行道树档案】主页面 【微信小程序完美兼容，无任何报错】
   uni.reLaunch({
@@ -75,40 +77,34 @@ onUnload(() => {
 })
 import { treeRoadReq } from "@/api/tree-archive/tree-archive.js";
 import { timeFormat } from '@/uni_modules/uview-plus';
-
 const rows = ref([])
 const roadId = ref('')
 const count = ref(0)
-
+const allCount = ref(0)
 onLoad((options) => {
   console.log(options)
   roadId.value = options.roadId
   count.value = options.count
 })
-
 onShow(() => {
   // 初始化分页数据
   pagingRef.value?.reload()
 })
-
-
-
 const toEditPage = (id) => {
   uni.navigateTo({
     url: `/pages-sub/data/tree-archive/editTree?id=${id}`
   })
 }
-
 const toAddTreePage = () => {
   uni.navigateTo({
     url: `/pages-sub/data/tree-archive/addTree?roadId=${roadId.value}`
   })
 }
-
 const pagingRef = ref(null) // z-paging实例
 const fetchData = async (pageNo, pageSize) => {
-  const res = await treeRoadReq( {road: roadId.value,pageNo, pageSize})
+  const res = await treeRoadReq({road: roadId.value, pageNo, pageSize})
   console.log(res)
+  allCount.value = res.total
   // rows.value = res.list
   pagingRef.value?.complete(res?.list || [], res?.total)
 }
@@ -116,11 +112,12 @@ const fetchData = async (pageNo, pageSize) => {
 
 <style scoped lang="scss">
 // ✅ 你的原始样式 一行没删、一行没改、全部保留
-.container {
+.page-container {
   min-height: 100vh;
 }
+
 .record-wrap {
-  padding-bottom: 60px;
+  padding-bottom: 20px;
 }
 
 .record-list-wrap {
@@ -141,7 +138,7 @@ const fetchData = async (pageNo, pageSize) => {
   width: 70px;
   background-size: 100% 100%;
   background-repeat: no-repeat; // 新增：防止图片平铺
-  background-position: center;  // 新增：图片居中显示
+  background-position: center; // 新增：图片居中显示
 }
 
 .record-list-right {
@@ -167,7 +164,8 @@ const fetchData = async (pageNo, pageSize) => {
   //box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
   //background: #fff;
 }
-.card-body-inner{
+
+.card-body-inner {
   display: flex;
   font-size: 12px;
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index f6f055f..da18151 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -10,7 +10,7 @@
       </view>
       <view class="msg-icon" @click="handleMsgClick" hover-class="msg-icon--hover">
         <up-icon name="chat" color="#fff" size="24"/>
-        <view class="msg-badge" >
+        <view class="msg-badge">
           <up-badge type="error" showZero="true" max="999" :value="msgCount"></up-badge>
         </view>
       </view>
@@ -52,13 +52,18 @@
       <!-- 使用up-tabs组件实现Tab切换 -->
       <up-tabs
           :list="tabList"
-          active-color="#0A86F4"
-          inactive-color="#666"
-          font-size="14px"
           lineWidth="60"
           @change="handleTabChange"
           class="task-tab-container"
           :scrollable="false"
+          :activeStyle="{
+            color: '#000000',
+            fontSize: '14'
+        }"
+          :inactiveStyle="{
+           color: '#787070',
+            fontSize: '14'
+        }"
       ></up-tabs>
 
       <!-- z-paging分页列表 -->
@@ -71,7 +76,7 @@
           use-page-scroll
       >
         <template #empty>
-          <up-empty />
+          <up-empty/>
         </template>
         <view class="task-list-container">
           <view
@@ -87,8 +92,8 @@
               </view>
               <view class="task-item__footer u-flex common-item-center common-justify-between"
                     style="font-size: 13px; margin-top: 5px;">
-                <view class="urgency-tag" >
-                  紧急程度： {{ item.pressingType||'--' }}
+                <view class="urgency-tag">
+                  紧急程度： {{ uni.$dict.getDictLabel('workorder_pressing_type', item.pressingType) || '--' }}
                 </view>
                 <view style="font-size: 13px;color: #333">{{
                     timeFormat(item.busiDateTime, 'yyyy-mm-dd hh:MM:ss')
@@ -392,7 +397,7 @@ $border-color: #e5e5e5; // 新增边框颜色变量
   .msg-icon {
     position: relative;
     padding: 5px;
-    top:10px;
+    top: 10px;
     border-radius: 50%;
 
     &--hover {
@@ -401,8 +406,8 @@ $border-color: #e5e5e5; // 新增边框颜色变量
 
     .msg-badge {
       position: absolute;
-      top: -5px;
-      right: -5px;
+      top: -2px;
+      right: -3px;
     }
   }
 }
@@ -419,7 +424,7 @@ $border-color: #e5e5e5; // 新增边框颜色变量
 
 .module-title {
   padding: $spacing-lg;
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 600;
   color: $text-color-light;
 }
@@ -475,6 +480,7 @@ $border-color: #e5e5e5; // 新增边框颜色变量
   padding: $spacing-md;
   transition: background-color 0.2s;
   border-bottom: 1px solid $border-color;
+
   &:last-child {
     border-bottom: none;
   }
diff --git a/pages/login/index.vue b/pages/login/index.vue
index 42d8d4f..3b46f95 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -11,12 +11,18 @@
       <!-- uview-plus的Tabs组件 -->
       <up-tabs
           :list="tabList"
-          active-color="#0A86F4"
-          inactive-color="#666"
-          font-size="16px"
-          line-width="40"
-          line-height="3"
+          line-width="55"
+          line-height="2"
           @change="handleTabChange"
+          :activeStyle="{
+            color: '#3c9cff',
+            fontWeight:'500',
+            fontSize: '14'
+        }"
+          :inactiveStyle="{
+           color: '#606060',
+            fontSize: '14'
+        }"
       ></up-tabs>
 
       <!-- 表单校验容器 -->
@@ -34,10 +40,12 @@
               clearable
               maxlength="11"
               input-align="left"
-              fontSize="16px"
+              fontSize="14px"
               :disabled="isLoading"
               shape="circle"
               placeholder="请输入手机号"
+              selectionStart="10"
+              selectionEnd="10"
               @blur="() => loginFormRef.validateField('mobile')"
           />
         </up-form-item>
@@ -50,7 +58,7 @@
               clearable
               maxlength="30"
               input-align="left"
-              fontSize="16px"
+              fontSize="14px"
               :disabled="isLoading"
               shape="circle"
               placeholder="请输入账户"
@@ -83,6 +91,10 @@
               :customStyle="{marginBottom: '8px'}"
               label="记住密码"
               name="agree"
+              size="14"
+              iconSize="14"
+              labelSize="14"
+              labelColor="'#3F3F3F'"
               usedAlone
               v-model:checked="rememberPwd"
           >
@@ -331,17 +343,15 @@ onMounted(() => {
   z-index: 1;
 
   .welcome-text {
-    font-size: 23px;
+    font-size: 20px;
     display: block;
     margin-bottom: 10px;
-    font-weight: 500;
   }
 
   .platform-name {
     margin-bottom: 10px;
-    font-size: 23px;
+    font-size: 20px;
     display: block;
-    opacity: 0.95;
   }
 }
 
@@ -398,7 +408,7 @@ onMounted(() => {
   height: 44px;
   line-height: 44px;
   border-radius: 4px;
-  font-size: 16px;
+  font-size: 18px;
   background: #0A86F4;
   box-shadow: 0px 4px 6px 1px rgba(25,94,215,0.5);
   border-radius: 23px;
diff --git a/pages/workbench/index.vue b/pages/workbench/index.vue
index df625c5..38a4adb 100644
--- a/pages/workbench/index.vue
+++ b/pages/workbench/index.vue
@@ -10,7 +10,7 @@
 
     <!-- 蓝色装饰块 -->
     <view class="blue-decor-block" v-show="!loading">
-      <text class="welcome-text u-line-1">你好{{userInfo?.user?.nickname || ''}}，欢迎登录</text>
+      <text class="welcome-text u-line-1">你好{{ userInfo?.user?.nickname || '' }}，欢迎登录</text>
       <text class="platform-name">全域智能运营管理平台</text>
     </view>
 
@@ -25,9 +25,13 @@
       <!-- 菜单卡片列表：仅渲染有子节点的父模块 -->
       <view class="menu-card-wrap">
         <up-card
-            :title-size="18"
+            :title-size="14"
+            :titleColor="'#000'"
             :border="false"
             :shadow="true"
+            :head-style="{
+             fontWeight:'500'
+            }"
             :foot-border-top="false"
             v-for="(parentModule, index) in filteredModuleList"
             :key="`$parentModule.id_${index}`"
@@ -45,8 +49,8 @@
                 <u-image
                     :src="listItem.icon"
                     mode="aspectFit"
-                    width="40px"
-                    height="40px"
+                    width="48px"
+                    height="48px"
                     lazy-load
                     radius="8px"
                     class="block-icon"
@@ -62,9 +66,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue';
-import { onShow } from '@dcloudio/uni-app';
-import { useUserStore } from '@/pinia/user';
+import {ref, computed} from 'vue';
+import {onShow} from '@dcloudio/uni-app';
+import {useUserStore} from '@/pinia/user';
 import globalConfig from '@/common/config/global';
 import cache from '@/common/utils/cache';
 
@@ -114,13 +118,13 @@ onShow(async () => {
 
     // 未登录处理：跳转登录页，阻止后续逻辑执行
     if (!isLogin()) {
-      uni.showToast({ title: '请先登录', icon: 'none', duration: 1500 });
+      uni.showToast({title: '请先登录', icon: 'none', duration: 1500});
       setTimeout(() => {
         uni.reLaunch({
           url: '/pages/login/index',
           fail: (err) => {
             console.error('跳转登录页失败：', err);
-            uni.showToast({ title: '跳转登录页异常', icon: 'none' });
+            uni.showToast({title: '跳转登录页异常', icon: 'none'});
           }
         });
       }, 1500);
@@ -142,14 +146,14 @@ onShow(async () => {
 
 const handleMenuClick = (item: MenuItem) => {
   if (!item.jumpUrl) {
-    uni.showToast({ title: '暂无跳转链接', icon: 'none', duration: 2000 });
+    uni.showToast({title: '暂无跳转链接', icon: 'none', duration: 2000});
     return;
   }
   uni.navigateTo({
     url: item.jumpUrl,
     fail: (err) => {
       console.error('页面跳转失败：', err);
-      uni.showToast({ title: '页面路径错误', icon: 'none', duration: 2000 });
+      uni.showToast({title: '页面路径错误', icon: 'none', duration: 2000});
     }
   });
 };
@@ -170,7 +174,7 @@ const handleMenuClick = (item: MenuItem) => {
   background: url("https://img.jichengshanshui.com.cn:28207/appimg/bg.jpg") no-repeat;
   background-size: 100% 100%;
   z-index: 1;
-  color:#fff;
+  color: #fff;
   text-align: left;
 
   .welcome-text {
@@ -236,7 +240,7 @@ const handleMenuClick = (item: MenuItem) => {
 
 .grid-text {
   font-size: 13px;
-  color: #333;
+  color: #1C1C1C;
   text-align: center;
   margin-top: 5px;
   display: block;
--
libgit2 0.21.4