移动端界面优化

jnpf-app/pages/scm/form/paymentApplication/index.vue

@@ -2,6 +2,12 @@
 	<view class="jnpf-wrap jnpf-wrap-form page-testa" v-if="!loading">
 		<u-form :model="dataForm" :rules="rules" ref="dataForm" :errorType="['toast']" label-position="left"
 			label-align="right" :label-width="labelwidth" class="jnpf-form">
+			<view class="u-p-l-20 u-p-r-20 ">
+				<u-form-item>
+					<jnpf-group value="基础信息" content="基础信息" contentPosition="left">
+					</jnpf-group>
+				</u-form-item>
+			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
 				<u-form-item v-if="judgeShow('type')" :required="requiredList.type" label="类型" prop="type">
 					<jnpf-radio v-model="dataForm.type" :disabled="judgeWrite('type')" @change="changeData('type',-1)"
@@ -159,7 +165,12 @@
 					</u-input>
 				</u-form-item>
 			</view>
-			
+			<view class="u-p-l-20 u-p-r-20 ">
+				<u-form-item>
+					<jnpf-group value="联行号信息" content="联行号信息" contentPosition="left">
+					</jnpf-group>
+				</u-form-item>
+			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
 				<u-form-item label="联行号">
 					<u-input v-model="dataForm.interbankNumber" :disabled="true"
@@ -168,42 +179,48 @@
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="开户银行名称">
+				<u-form-item label="开户行名称">
 					<u-input v-model="dataForm.bankName" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="开户银行所在省">
+				<u-form-item label="开户行省份">
 					<u-input v-model="dataForm.province" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="开户银行所在市">
+				<u-form-item label="开户行市区">
 					<u-input v-model="dataForm.city" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
+			<view class="u-p-l-20 u-p-r-20 ">
+				<u-form-item>
+					<jnpf-group value="资金计划信息" content="资金计划信息" contentPosition="left">
+					</jnpf-group>
+				</u-form-item>
+			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="资金计划明细ID">
+				<u-form-item label="资金计划明细">
 					<u-input v-model="dataForm.fundingPlanDetailCode" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="资金计划ID">
+				<u-form-item label="资金计划">
 					<u-input v-model="dataForm.fundingPlanCode" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="计划所属单位名称">
+				<u-form-item label="计划单位名称">
 					<u-input v-model="dataForm.unitName" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
@@ -233,14 +250,14 @@
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="计划科目名">
+				<u-form-item label="计划科目名称">
 					<u-input v-model="dataForm.planSubjectName" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="收款人单位/人员">
+				<u-form-item label="收款人单位">
 					<u-input v-model="dataForm.collectionUnitName" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
@@ -254,14 +271,14 @@
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="计划可用金额">
+				<u-form-item label="可用金额">
 					<u-input v-model="dataForm.planAvailableAmount" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
 				</u-form-item>
 			</view>
 			<view class="u-p-l-20 u-p-r-20 form-item-box">
-				<u-form-item label="计划已用总金额">
+				<u-form-item label="已用金额">
 					<u-input v-model="dataForm.processMoney" :disabled="true"
 						 clearable placeholder="请输入" :style='{"width":"100%"}'>
 					</u-input>
@@ -524,7 +541,7 @@
 					"multiple": false,
 					"children": ""
 				},
-				labelwidth: 100 * 1.5,
+				labelwidth: 100 * 2,
 				menuId: '',
 				jurisdictionType: '',
 				ruleList: {