| | |
| | | </view> |
| | | <text class="item-id">{{ item.approveId }}</text> |
| | | </view> |
| | | <!-- 审批状态标签 --> |
| | | <u-tag :type="getTagClass(item.approveStatus)" size="medium">{{ formatReceiptType(item.approveStatus) }}</u-tag> |
| | | |
| | | <!-- 操作按钮 --> |
| | | <view class="action-buttons"> |
| | | <u-button |
| | | type="primary" |
| | | size="small" |
| | | class="action-btn" |
| | | @click="openDetail(item)" |
| | | > |
| | | 查看详情 |
| | | </u-button> |
| | | <u-button |
| | | type="success" |
| | | size="small" |
| | | class="action-btn" |
| | | @click="approve(item)" |
| | | > |
| | | 审批 |
| | | </u-button> |
| | | <view class="item-tag"> |
| | | <van-tag :type="getTagClass(item.approveStatus)" size="medium">{{ formatReceiptType(item.approveStatus) }}</van-tag> |
| | | </view> |
| | | </view> |
| | | <up-divider></up-divider> |
| | |
| | | <view v-else class="no-data"> |
| | | <text>暂无审批数据</text> |
| | | </view> |
| | | <!-- <van-floating-bubble icon="plus" @click="handleAdd"/>--> |
| | | <!-- 浮动操作按钮 --> |
| | | <view class="fab-button" @click="handleAdd"> |
| | | <up-icon name="plus" size="24" color="#ffffff"></up-icon> |
| | |
| | | .action-btn.approve { |
| | | /* success 样式来自组件,这里保留钩子以便后续需要扩展 */ |
| | | } |
| | | :deep(.van-floating-bubble) { |
| | | background: #ed8d05; |
| | | } |
| | | </style> |