流程任务表单样式调整
This commit is contained in:
@@ -2,7 +2,10 @@
|
|||||||
<view class="con">
|
<view class="con">
|
||||||
<!-- 基础信息区域 -->
|
<!-- 基础信息区域 -->
|
||||||
<view class="form-section">
|
<view class="form-section">
|
||||||
|
<view class="card-header">
|
||||||
|
<uni-icons type="contact" size="41" color="#409EFF"></uni-icons>
|
||||||
<text class="section-title">基础信息</text>
|
<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">
|
||||||
|
<view class="card-header">
|
||||||
|
<uni-icons type="folder-add-filled" size="41" color="#409EFF"></uni-icons>
|
||||||
<text class="section-title">材料附件</text>
|
<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">
|
||||||
|
<view class="card-header">
|
||||||
|
<uni-icons type="calendar-filled" size="41" color="#409EFF"></uni-icons>
|
||||||
<text class="section-title">审批记录</text>
|
<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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 表单项样式
|
// 表单项样式
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -1355,6 +1355,7 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
this.affixFiles = [];
|
this.affixFiles = [];
|
||||||
|
this.reasonFileList = [];
|
||||||
this.parentSignFiles = "";
|
this.parentSignFiles = "";
|
||||||
this.areaText = '';
|
this.areaText = '';
|
||||||
this.parentAreaText = '';
|
this.parentAreaText = '';
|
||||||
|
|||||||
Reference in New Issue
Block a user