流程任务表单样式调整

This commit is contained in:
962704835@qq.com
2025-12-19 18:56:39 +08:00
parent 8fb02b0d5d
commit 909238d898
3 changed files with 30 additions and 17 deletions

View File

@@ -2,7 +2,10 @@
<view class="con"> <view class="con">
<!-- 基础信息区域 --> <!-- 基础信息区域 -->
<view class="form-section"> <view class="form-section">
<text class="section-title">基础信息</text> <view class="card-header">
<uni-icons type="contact" size="41" color="#409EFF"></uni-icons>
<text class="section-title">基础信息</text>
</view>
<!--学号 --> <!--学号 -->
<view class="form-item"> <view class="form-item">
@@ -111,7 +114,10 @@
<!-- 附件区域 --> <!-- 附件区域 -->
<view class="form-section" v-if="form.enlistmentReserveAttachList && form.enlistmentReserveAttachList.length"> <view class="form-section" v-if="form.enlistmentReserveAttachList && form.enlistmentReserveAttachList.length">
<text class="section-title">材料附件</text> <view class="card-header">
<uni-icons type="folder-add-filled" size="41" color="#409EFF"></uni-icons>
<text class="section-title">材料附件</text>
</view>
<view class="form-item form-item-auto"> <view class="form-item form-item-auto">
<text class="label">附件列表</text> <text class="label">附件列表</text>
<view class="uni-input file-list"> <view class="uni-input file-list">
@@ -126,7 +132,10 @@
<!-- 审批记录区域 --> <!-- 审批记录区域 -->
<view class="form-section" v-if="form.enlistmentReserveApprovalList && form.enlistmentReserveApprovalList.length"> <view class="form-section" v-if="form.enlistmentReserveApprovalList && form.enlistmentReserveApprovalList.length">
<text class="section-title">审批记录</text> <view class="card-header">
<uni-icons type="calendar-filled" size="41" color="#409EFF"></uni-icons>
<text class="section-title">审批记录</text>
</view>
<view class="approval-list"> <view class="approval-list">
<view class="approval-item" v-for="(approval, index) in form.enlistmentReserveApprovalList" :key="index"> <view class="approval-item" v-for="(approval, index) in form.enlistmentReserveApprovalList" :key="index">
<!-- 审批节点信息 --> <!-- 审批节点信息 -->
@@ -333,17 +342,20 @@
padding: 20rpx; padding: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.card-header {
display: flex;
align-items: center;
padding: 10rpx 0rpx;
border-bottom: 1px solid #f5f5f5;
.section-title { .section-title {
font-size: 32rpx; font-size: 30rpx;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
margin-bottom: 20rpx; margin-left: 12rpx;
display: block; padding-bottom: 10rpx;
padding-bottom: 10rpx; border-bottom: 2px solid #f0f0f0;
border-bottom: 2px solid #f0f0f0; }
/* 标题靠左 */
text-align: left;
} }
// 表单项样式 // 表单项样式

View File

@@ -121,7 +121,7 @@
<!-- 家长信息 --> <!-- 家长信息 -->
<view class="card"> <view class="card">
<view class="card-header"> <view class="card-header">
<uni-icons type="people" size="24" color="#409EFF"></uni-icons> <uni-icons type="person-filled" size="24" color="#409EFF"></uni-icons>
<text class="card-title">家长信息</text> <text class="card-title">家长信息</text>
</view> </view>
<view class="form-list"> <view class="form-list">
@@ -153,7 +153,7 @@
<!-- 承诺书信息 --> <!-- 承诺书信息 -->
<view class="card"> <view class="card">
<view class="card-header"> <view class="card-header">
<uni-icons type="checkbox-selected" size="24" color="#409EFF"></uni-icons> <uni-icons type="gift-filled" size="24" color="#409EFF"></uni-icons>
<text class="card-title">外宿承诺书</text> <text class="card-title">外宿承诺书</text>
</view> </view>
<view class="form-list"> <view class="form-list">
@@ -177,7 +177,7 @@
<!-- 附件列表 --> <!-- 附件列表 -->
<view class="card" v-if="form.outsideAccommodationAttachments && form.outsideAccommodationAttachments.length"> <view class="card" v-if="form.outsideAccommodationAttachments && form.outsideAccommodationAttachments.length">
<view class="card-header"> <view class="card-header">
<uni-icons type="paper" size="24" color="#409EFF"></uni-icons> <uni-icons type="download-filled" size="24" color="#409EFF"></uni-icons>
<text class="card-title">佐证材料</text> <text class="card-title">佐证材料</text>
</view> </view>
<view class="attachment-list"> <view class="attachment-list">

View File

@@ -1355,6 +1355,7 @@
}; };
this.affixFiles = []; this.affixFiles = [];
this.reasonFileList = [];
this.parentSignFiles = ""; this.parentSignFiles = "";
this.areaText = ''; this.areaText = '';
this.parentAreaText = ''; this.parentAreaText = '';