浏览代码

样式修改

tanxue 1 月之前
父节点
当前提交
458b63e620
共有 2 个文件被更改,包括 92 次插入86 次删除
  1. 3 1
      common/styles/global/pages.scss
  2. 89 85
      pages/admin/Jiazheng/banzhengXinxi.vue

+ 3 - 1
common/styles/global/pages.scss

@@ -716,7 +716,9 @@
 	/*  #ifdef  APP-PLUS  */
 	height: 100vh;
 	/*  #endif  */
-	.jz-content-box{flex: 1;overflow: auto;}
+	.jz-content-box{flex: 1;overflow: auto;display: flex;flex-direction: column;}
+	.content-body-box{flex: 1;overflow: auto;}
+	.content-footer-box{flex-shrink: 0;}
 	.form-top-margin{margin-top: 20rpx;}
 	.upload-img-box{background-color: #fff;padding: 20rpx 0;margin: 20rpx 0;}
 	// 个人资料

+ 89 - 85
pages/admin/Jiazheng/banzhengXinxi.vue

@@ -1,97 +1,101 @@
 <template>
 	<view class="jz-content-box">
-		<view v-if="status =='add'" class="bzsm-tip-box form-top-margin">
-			<view class="title-btn-box">
-				<view class="phone-line-title">说明</view>
-				<view @click="resetFun" class="reset-btn">重置</view>
-			</view>
-			<view class="tip-content-box">1.如果不需要办理证书,可直接点击保存按钮。</view>
-			<view class="tip-content-box">2.点击重置按钮,只重置办证信息,其他信息不改变。</view>
-		</view>
-		<!-- 报证机构(picker 实现下拉选择) -->
-		<view class="form-label-select form-top-margin">
-			<view class="phone-form-label"><text class="form-label-require">*</text>报证机构</view>
-			<picker :disabled="(status =='edit'&&localStatus=='')" mode="selector" :range="jigouNames"
-				@change="jigouChange" class="select-picker-box">
-				<view class="form-radio-select" :class="{'form-radio-disabled': (status =='edit'&&localStatus=='')}">
-					<view>{{ formData.baozhengJigouName || '请选择报证机构' }}</view>
-					<icon></icon>
-				</view>
-			</picker>
-		</view>
-		<!-- 职业名称(picker 实现下拉选择) -->
-		<view class="form-label-select">
-			<view class="phone-form-label"><text class="form-label-require">*</text>职业名称</view>
-			<picker mode="selector" :disabled="isJgFlag" :style="isJgFlag?'color:#999':''" :range="zhiyeNames"
-				range-key="name" @change="zhiyeChange" class="select-picker-box">
-				<view class="form-radio-select">
-					<view>{{ formData.zhiyeName || '请选择职业名称' }}</view>
-					<icon></icon>
+		<view class="content-body-box">
+			<view v-if="status =='add'" class="bzsm-tip-box form-top-margin">
+				<view class="title-btn-box">
+					<view class="phone-line-title">说明</view>
+					<view @click="resetFun" class="reset-btn">重置</view>
 				</view>
-			</picker>
-		</view>
-		<!-- 职业等级(picker 实现下拉选择) -->
-		<view class="form-label-select">
-			<view class="phone-form-label"><text class="form-label-require">*</text>职业等级</view>
-			<picker mode="selector" :disabled="isZyFlag" :style="isZyFlag?'color:#999':''" :range="zhiyeLevels"
-				@change="levelChange" class="select-picker-box">
-				<view class="form-radio-select">
-					<view>{{ formData.zhiyeLevelName || '请选择等级' }}</view>
-					<icon></icon>
-				</view>
-			</picker>
-		</view>
-
-		<view v-if="formData.banzhengInfoFlag" class="form-label-select">
-			<view class="phone-form-label"><text class="form-label-require">*</text>参训时间</view>
-			<uni-datetime-picker class="form-radio-picker" v-model="formData.canxunshijian" type="date"
-				@change="canxunShijianChange">
-				<view class="form-radio-select">
-					<view>{{formData.canxunshijian}}</view>
-					<icon></icon>
-				</view>
-			</uni-datetime-picker>
-		</view>
+				<view class="tip-content-box">1.如果不需要办理证书,可直接点击保存按钮。</view>
+				<view class="tip-content-box">2.点击重置按钮,只重置办证信息,其他信息不改变。</view>
+			</view>
+			<!-- 报证机构(picker 实现下拉选择) -->
+			<view class="form-label-select form-top-margin">
+				<view class="phone-form-label"><text class="form-label-require">*</text>报证机构</view>
+				<picker :disabled="(status =='edit'&&localStatus=='')" mode="selector" :range="jigouNames"
+					@change="jigouChange" class="select-picker-box">
+					<view class="form-radio-select" :class="{'form-radio-disabled': (status =='edit'&&localStatus=='')}">
+						<view>{{ formData.baozhengJigouName || '请选择报证机构' }}</view>
+						<icon></icon>
+					</view>
+				</picker>
+			</view>
+			<!-- 职业名称(picker 实现下拉选择) -->
+			<view class="form-label-select">
+				<view class="phone-form-label"><text class="form-label-require">*</text>职业名称</view>
+				<picker mode="selector" :disabled="isJgFlag" :style="isJgFlag?'color:#999':''" :range="zhiyeNames"
+					range-key="name" @change="zhiyeChange" class="select-picker-box">
+					<view class="form-radio-select">
+						<view>{{ formData.zhiyeName || '请选择职业名称' }}</view>
+						<icon></icon>
+					</view>
+				</picker>
+			</view>
+			<!-- 职业等级(picker 实现下拉选择) -->
+			<view class="form-label-select">
+				<view class="phone-form-label"><text class="form-label-require">*</text>职业等级</view>
+				<picker mode="selector" :disabled="isZyFlag" :style="isZyFlag?'color:#999':''" :range="zhiyeLevels"
+					@change="levelChange" class="select-picker-box">
+					<view class="form-radio-select">
+						<view>{{ formData.zhiyeLevelName || '请选择等级' }}</view>
+						<icon></icon>
+					</view>
+				</picker>
+			</view>
 
-		<view v-if="formData.banzhengInfoFlag" class="form-label-input">
-			<view class="phone-form-label"><text class="form-label-require">*</text>实操成绩</view>
-			<input v-model="formData.shicaochengji" placeholder="请填写实操成绩" />
-		</view>
-		<view v-if="formData.banzhengInfoFlag" class="form-label-input">
-			<view class="phone-form-label"><text class="form-label-require">*</text>总课时</view>
-			<input v-model="formData.zongkeshi" placeholder="请填写总课时" />
-		</view>
-		<view v-if="formData.needFlag" class="form-label-select">
-			<view class="phone-form-label"><text class="form-label-require"></text>需要考试</view>
-			<radio-group @change="kaoshiChange">
-				<label class="radio-label">
-					<radio :value="'true'" :checked="formData.needKaoshi == 'true'" color="#3fd2a1"
-						style="transform:scale(0.65)" />
-					<text>是</text>
-				</label>
-				<label class="radio-label">
-					<radio :value="'false'" :checked="formData.needKaoshi == 'false'" color="#3fd2a1"
-						style="transform:scale(0.65)" />
-					<text>否</text>
-				</label>
-			</radio-group>
-		</view>
+			<view v-if="formData.banzhengInfoFlag" class="form-label-select">
+				<view class="phone-form-label"><text class="form-label-require">*</text>参训时间</view>
+				<uni-datetime-picker class="form-radio-picker" v-model="formData.canxunshijian" type="date"
+					@change="canxunShijianChange">
+					<view class="form-radio-select">
+						<view>{{formData.canxunshijian}}</view>
+						<icon></icon>
+					</view>
+				</uni-datetime-picker>
+			</view>
 
-		<view v-if="piliangArray.length>0">
-			<view v-for="(item,index) in piliangArray" :key="index">
-				<view>机构名称:{{item.jgName}}</view>
-				<view>职业名称:{{item.zyName}}</view>
-				<view>职业等级:{{item.zyLevelName}}</view>
-				<view @click="piliangDelete(item,index)">删除</view>
+			<view v-if="formData.banzhengInfoFlag" class="form-label-input">
+				<view class="phone-form-label"><text class="form-label-require">*</text>实操成绩</view>
+				<input v-model="formData.shicaochengji" placeholder="请填写实操成绩" />
+			</view>
+			<view v-if="formData.banzhengInfoFlag" class="form-label-input">
+				<view class="phone-form-label"><text class="form-label-require">*</text>总课时</view>
+				<input v-model="formData.zongkeshi" placeholder="请填写总课时" />
+			</view>
+			<view v-if="formData.needFlag" class="form-label-select">
+				<view class="phone-form-label"><text class="form-label-require"></text>需要考试</view>
+				<radio-group @change="kaoshiChange">
+					<label class="radio-label">
+						<radio :value="'true'" :checked="formData.needKaoshi == 'true'" color="#3fd2a1"
+							style="transform:scale(0.65)" />
+						<text>是</text>
+					</label>
+					<label class="radio-label">
+						<radio :value="'false'" :checked="formData.needKaoshi == 'false'" color="#3fd2a1"
+							style="transform:scale(0.65)" />
+						<text>否</text>
+					</label>
+				</radio-group>
+			</view>
+			<view class="page-btn-box">
+				<button type="default" v-if="piliang !=1" @click="goBack" class="phone-white-btn">返回</button>
+				<button type="default" v-if="piliang ==1" @click="piliangBaocun" class="phone-green-btn">保存</button>
+				<button type="default" v-if="piliang !=1" @click="addSaveForm" class="phone-green-btn">添加333</button>
+			</view>
+			<view v-if="piliangArray.length>0" v-for="(item,index) in piliangArray" :key="index" class="bzsm-tip-box form-top-margin">
+				<view class="title-btn-box">
+					<view class="phone-line-title">机构名称:{{item.jgName}}</view>
+					<view class="reset-btn" @click="piliangDelete(item,index)">删除</view>
+				</view>
+				<view class="tip-content-box">职业名称:{{item.zyName}}</view>
+				<view class="tip-content-box">职业等级:{{item.zyLevelName}}</view>
 			</view>
-		</view>
 
-		<view class="page-btn-box">
+			
+		</view>
+		<view class="page-btn-box content-footer-box">
 			<button type="default" v-if="piliang ==1" @click="goBack" class="phone-white-btn">批量返回</button>
-			<button type="default" v-if="piliang !=1" @click="goBack" class="phone-white-btn">返回</button>
-			<button type="default" v-if="piliang ==1" @click="piliangBaocun" class="phone-white-btn">保存</button>
 			<button type="default" v-if="piliang ==1" @click="addSaveFormPiliang" class="phone-green-btn">批量添加</button>
-			<button type="default" v-if="piliang !=1" @click="addSaveForm" class="phone-green-btn">添加333</button>
 		</view>
 	</view>
 </template>