From eb51f1645cd2e133e1d914f4333ba316a5a8568e Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Fri, 22 Aug 2025 17:32:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mobile/src/pages/task/myDocument.vue   | 123 ++++++++-----------------
 mobile/src/pages/task/taskCopyList.vue |  49 +++-------
 mobile/src/pages/task/taskFinish.vue   |  66 ++++++-------
 mobile/src/pages/task/taskWaiting.vue  |  56 ++++-------
 4 files changed, 101 insertions(+), 193 deletions(-)

diff --git a/mobile/src/pages/task/myDocument.vue b/mobile/src/pages/task/myDocument.vue
index 068c09e9..3f9ce5d6 100644
--- a/mobile/src/pages/task/myDocument.vue
+++ b/mobile/src/pages/task/myDocument.vue
@@ -72,44 +72,56 @@
                     <!-- 操作按钮 -->
                     <view class="card-actions" @click.stop>
                         <!-- 查看按钮：只在不能编辑时显示 -->
-                        <view
+                        <u-button
                             v-if="!canEdit(item)"
-                            class="action-btn info-btn"
+                            type="primary"
+                            size="small"
+                            shape="circle"
+                            plain
+                            icon="eye"
+                            icon-color="#fff"
+                            text="查看"
                             @click="handleView(item)"
-                        >
-                            <u-icon name="eye" size="16" color="#3c9cff"></u-icon>
-                            <text class="btn-text">查看</text>
-                        </view>
+                        ></u-button>
 
                         <!-- 编辑按钮：在draft、cancel、back状态时显示 -->
-                        <view
+                        <u-button
                             v-if="canEdit(item)"
-                            class="action-btn success-btn"
+                            type="success"
+                            size="small"
+                            shape="circle"
+                            plain
+                            icon="edit-pen"
+                            icon-color="#fff"
+                            text="编辑"
                             @click="handleEdit(item)"
-                        >
-                            <u-icon name="edit-pen" size="16" color="#5ac725"></u-icon>
-                            <text class="btn-text">编辑</text>
-                        </view>
+                        ></u-button>
 
                         <!-- 撤销按钮：只在waiting状态时显示 -->
-                        <view
+                        <u-button
                             v-if="item.flowStatus === 'waiting'"
-                            class="action-btn warning-btn"
+                            type="warning"
+                            size="small"
+                            shape="circle"
+                            plain
+                            icon="reload"
+                            icon-color="#fff"
+                            text="撤销"
                             @click="handleCancel(item)"
-                        >
-                            <u-icon name="reload" size="16" color="#ff9900"></u-icon>
-                            <text class="btn-text">撤销</text>
-                        </view>
+                        ></u-button>
 
                         <!-- 删除按钮：在可删除状态时显示 -->
-                        <view
+                        <u-button
                             v-if="canDelete(item)"
-                            class="action-btn error-btn"
+                            type="error"
+                            size="small"
+                            shape="circle"
+                            plain
+                            icon="close"
+                            icon-color="#fff"
+                            text="删除"
                             @click="handleDelete(item)"
-                        >
-                            <u-icon name="close" size="16" color="#ff4d4f"></u-icon>
-                            <text class="btn-text">删除</text>
-                        </view>
+                        ></u-button>
                     </view>
                 </view>
             </view>
@@ -752,69 +764,14 @@ export default {
     color: #999;
 }
 
-/* 操作按钮样式 - 参考index.vue设计 */
+/* 操作按钮样式 */
 .card-actions {
     display: flex;
     justify-content: flex-end;
-    padding: 0 20rpx 0rpx 20rpx;
+    padding: 12px 16px;
     border-top: 1px solid #f0f0f0;
-    gap: 16rpx;
-}
-
-.action-btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 16rpx 20rpx;
-    border-radius: 12rpx;
-    background-color: #f8f9fa;
-    min-width: 120rpx;
-    transition: all 0.3s ease;
-}
-
-.action-btn:active {
-    transform: scale(0.95);
-    opacity: 0.8;
-}
-
-.btn-text {
-    font-size: 24rpx;
-    margin-top: 8rpx;
-    color: #303133;
-    font-weight: 500;
-}
-
-.info-btn {
-    background-color: rgba(60, 156, 255, 0);
-}
-
-.info-btn .btn-text {
-    color: #3c9cff;
-}
-
-.success-btn {
-    background-color: rgba(90, 199, 37, 0);
-}
-
-.success-btn .btn-text {
-    color: #5ac725;
-}
-
-.warning-btn {
-    background-color: rgba(255, 153, 0, 0);
-}
-
-.warning-btn .btn-text {
-    color: #ff9900;
-}
-
-.error-btn {
-    background-color: rgba(255, 77, 79, 0);
-}
-
-.error-btn .btn-text {
-    color: #ff4d4f;
+    gap: 8px;
+    margin-top: 12px;
 }
 
 .pagination {
diff --git a/mobile/src/pages/task/taskCopyList.vue b/mobile/src/pages/task/taskCopyList.vue
index 1146857c..ac2812a6 100644
--- a/mobile/src/pages/task/taskCopyList.vue
+++ b/mobile/src/pages/task/taskCopyList.vue
@@ -79,10 +79,21 @@
 
                     <!-- 操作按钮 -->
                     <view class="card-actions">
-                        <view class="action-btn info-btn" @click="handleView(item)">
-                            <u-icon name="eye" size="16" color="#3c9cff"></u-icon>
-                            <text class="btn-text">查看</text>
-                        </view>
+                        <u-button
+                            size="small"
+                            type="primary"
+                            :plain="true"
+                            shape="circle"
+                            @click="handleView(item)"
+                        >
+                            <u-icon
+                                name="eye"
+                                size="14"
+                                color="#fff"
+                                style="margin-right: 8rpx"
+                            ></u-icon>
+                            查看
+                        </u-button>
                     </view>
                 </view>
 
@@ -496,36 +507,6 @@ export default {
     border-top: 1px solid #f0f0f0;
 }
 
-.action-btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 16rpx 20rpx;
-    border-radius: 12rpx;
-    background-color: rgba(60, 156, 255, 0);
-    min-width: 120rpx;
-    transition: all 0.3s ease;
-
-    &:active {
-        transform: scale(0.95);
-        opacity: 0.8;
-    }
-}
-
-.btn-text {
-    font-size: 24rpx;
-    margin-top: 8rpx;
-    color: #3c9cff;
-    font-weight: 500;
-}
-
-.info-btn {
-    .btn-text {
-        color: #3c9cff;
-    }
-}
-
 .load-more {
     display: flex;
     justify-content: center;
diff --git a/mobile/src/pages/task/taskFinish.vue b/mobile/src/pages/task/taskFinish.vue
index 1e9f540f..44923641 100644
--- a/mobile/src/pages/task/taskFinish.vue
+++ b/mobile/src/pages/task/taskFinish.vue
@@ -129,10 +129,20 @@
 
                         <!-- 操作按钮 -->
                         <view class="card-actions">
-                            <view class="action-btn info-btn" @click="handleView(item)">
-                                <u-icon name="eye" size="16" color="#3c9cff"></u-icon>
-                                <text class="btn-text">查看</text>
-                            </view>
+                            <u-button
+                                type="primary"
+                                size="small"
+                                :custom-style="{ borderRadius: '20rpx', padding: '16rpx 32rpx' }"
+                                @click="handleView(item)"
+                            >
+                                <u-icon
+                                    name="eye"
+                                    size="16"
+                                    color="#fff"
+                                    style="margin-right: 8rpx"
+                                ></u-icon>
+                                查看
+                            </u-button>
                         </view>
                     </view>
                 </view>
@@ -209,8 +219,20 @@
                 </view>
 
                 <view class="popup-footer">
-                    <u-button @click="cancelUserSelect" type="info" size="default">取消</u-button>
-                    <u-button @click="confirmUserSelect" type="primary" size="default">
+                    <u-button
+                        @click="cancelUserSelect"
+                        type="info"
+                        size="small"
+                        :custom-style="{ borderRadius: '20rpx', padding: '16rpx 32rpx' }"
+                    >
+                        取消
+                    </u-button>
+                    <u-button
+                        @click="confirmUserSelect"
+                        type="primary"
+                        size="small"
+                        :custom-style="{ borderRadius: '20rpx', padding: '16rpx 32rpx' }"
+                    >
                         确定
                     </u-button>
                 </view>
@@ -866,38 +888,6 @@ export default {
     border-top: 1px solid #f0f0f0;
 }
 
-.action-btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 16rpx 40rpx;
-    border-radius: 12rpx;
-    background-color: #f8f9fa;
-    min-width: 120rpx;
-    transition: all 0.3s ease;
-
-    &:active {
-        transform: scale(0.95);
-        opacity: 0.8;
-    }
-}
-
-.btn-text {
-    font-size: 24rpx;
-    margin-top: 8rpx;
-    color: #303133;
-    font-weight: 500;
-}
-
-.info-btn {
-    background-color: rgba(60, 156, 255, 0);
-
-    .btn-text {
-        color: #3c9cff;
-    }
-}
-
 // 申请人选择弹窗样式
 .user-select-popup {
     background-color: #fff;
diff --git a/mobile/src/pages/task/taskWaiting.vue b/mobile/src/pages/task/taskWaiting.vue
index dd797979..2c9188f6 100644
--- a/mobile/src/pages/task/taskWaiting.vue
+++ b/mobile/src/pages/task/taskWaiting.vue
@@ -110,10 +110,20 @@
 
                     <!-- 操作按钮 -->
                     <view class="card-actions">
-                        <view class="action-btn primary-btn" @click="handleApproval(item)">
-                            <u-icon name="edit-pen" size="16" color="#3c9cff"></u-icon>
-                            <text class="btn-text">办理</text>
-                        </view>
+                        <u-button
+                            @click="handleApproval(item)"
+                            type="primary"
+                            size="small"
+                            shape="circle"
+                        >
+                            <u-icon
+                                name="edit-pen"
+                                size="16"
+                                color="#fff"
+                                style="margin-right: 8rpx"
+                            ></u-icon>
+                            办理
+                        </u-button>
                     </view>
                 </view>
             </view>
@@ -194,8 +204,10 @@
                 </view>
 
                 <view class="popup-footer">
-                    <u-button @click="cancelUserSelect" type="info" size="default">取消</u-button>
-                    <u-button @click="confirmUserSelect" type="primary" size="default">
+                    <u-button @click="cancelUserSelect" type="info" size="small" shape="circle">
+                        取消
+                    </u-button>
+                    <u-button @click="confirmUserSelect" type="primary" size="small" shape="circle">
                         确定
                     </u-button>
                 </view>
@@ -785,38 +797,6 @@ export default {
     border-top: 1px solid #f0f0f0;
 }
 
-.action-btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 16rpx 40rpx;
-    border-radius: 12rpx;
-    background-color: #f8f9fa;
-    min-width: 120rpx;
-    transition: all 0.3s ease;
-
-    &:active {
-        transform: scale(0.95);
-        opacity: 0.8;
-    }
-}
-
-.btn-text {
-    font-size: 24rpx;
-    margin-top: 8rpx;
-    color: #303133;
-    font-weight: 500;
-}
-
-.primary-btn {
-    background-color: rgba(60, 156, 255, 0);
-
-    .btn-text {
-        color: #3c9cff;
-    }
-}
-
 // 申请人选择弹窗样式
 .user-select-popup {
     background-color: #fff;