提交代码
This commit is contained in:
1 parent
baae009017
commit
eb51f1645c
4 files changed
+101
-193
No files matched your search
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user