流程任务表单样式调整
This commit is contained in:
@@ -2,7 +2,10 @@
|
||||
<view class="con">
|
||||
<!-- 基础信息区域 -->
|
||||
<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">
|
||||
@@ -111,7 +114,10 @@
|
||||
|
||||
<!-- 附件区域 -->
|
||||
<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">
|
||||
<text class="label">附件列表:</text>
|
||||
<view class="uni-input file-list">
|
||||
@@ -126,7 +132,10 @@
|
||||
|
||||
<!-- 审批记录区域 -->
|
||||
<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-item" v-for="(approval, index) in form.enlistmentReserveApprovalList" :key="index">
|
||||
<!-- 审批节点信息 -->
|
||||
@@ -333,17 +342,20 @@
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 0rpx;
|
||||
border-bottom: 1px solid #f5f5f5;
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 20rpx;
|
||||
display: block;
|
||||
padding-bottom: 10rpx;
|
||||
border-bottom: 2px solid #f0f0f0;
|
||||
/* 标题靠左 */
|
||||
text-align: left;
|
||||
.section-title {
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-left: 12rpx;
|
||||
padding-bottom: 10rpx;
|
||||
border-bottom: 2px solid #f0f0f0;
|
||||
}
|
||||
}
|
||||
|
||||
// 表单项样式
|
||||
|
||||
@@ -121,7 +121,7 @@
|
||||
<!-- 家长信息 -->
|
||||
<view class="card">
|
||||
<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>
|
||||
</view>
|
||||
<view class="form-list">
|
||||
@@ -153,7 +153,7 @@
|
||||
<!-- 承诺书信息 -->
|
||||
<view class="card">
|
||||
<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>
|
||||
</view>
|
||||
<view class="form-list">
|
||||
@@ -177,7 +177,7 @@
|
||||
<!-- 附件列表 -->
|
||||
<view class="card" v-if="form.outsideAccommodationAttachments && form.outsideAccommodationAttachments.length">
|
||||
<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>
|
||||
</view>
|
||||
<view class="attachment-list">
|
||||
|
||||
@@ -1355,6 +1355,7 @@
|
||||
};
|
||||
|
||||
this.affixFiles = [];
|
||||
this.reasonFileList = [];
|
||||
this.parentSignFiles = "";
|
||||
this.areaText = '';
|
||||
this.parentAreaText = '';
|
||||
|
||||
Reference in New Issue
Block a user