提交代码

This commit is contained in:
zlwu committed 2025-08-22 17:32:35 +08:00
1 parent baae009017
commit eb51f1645c
4 files changed
+101 -193

No files matched your search

+40 -83
View File
@@ -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 {
+15 -34
View File
@@ -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;
+28 -38
View File
@@ -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;
+18 -38
View File
@@ -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;