Jelajahi Sumber

样式修改

tanxue 3 minggu lalu
induk
melakukan
339a1f66b2
2 mengubah file dengan 71 tambahan dan 64 penghapusan
  1. 11 5
      common/styles/global/pages.scss
  2. 60 59
      pages/admin/Jiazheng/zhaopianZiliao.vue

+ 11 - 5
common/styles/global/pages.scss

@@ -756,13 +756,19 @@
 		padding: 42rpx 0 24rpx;border-top: 1rpx solid #f8f9fd;margin-top: 24rpx;}
 		.scbg-btn{font-size: 28rpx;margin: 20rpx 8rpx 10rpx;}
 	}
-	.zpzl-collapse-box{
+	.zpzl-open-box,.zpzl-close-box{
 		padding-bottom: 20rpx;
-		.uni-collapse-item__title{border-top: 1rpx solid #f8f9fd;border-bottom: 1rpx solid #f8f9fd;
-		border-bottom-color:#f8f9fd!important;}
-		.uni-collapse-item__title-text{font-size: 30rpx;color: #333;min-width: 180rpx;line-height:60rpx;margin-left: 12rpx;font-weight: normal;}
-		.uni-collapse-item__wrap.is--transition{background-color: #f8f9fd;}
+		.gdzl-row{width:100%;border-top: 1rpx solid #f8f9fd;border-bottom: 1rpx solid #f8f9fd;
+		line-height:60rpx;font-size: 30rpx;color: #333;background-color: #fff;
+		display: flex;justify-content: space-between;align-items: center;
+		box-sizing: border-box;padding:20rpx 20rpx 20rpx 42rpx;    
+		icon{width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover();
+		background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");}
+		}
 	}
+	.zpzl-open-box{
+		.gdzl-row icon{transform: rotate(180deg);}
+	} 
 	
 	// 办证信息
 	.bzsm-tip-box{

+ 60 - 59
pages/admin/Jiazheng/zhaopianZiliao.vue

@@ -16,73 +16,74 @@
 			</view>
 		</view>
 		
-		<view @click="changeZhankai"  :class="zhankaiFlag==1?'open':''">
-			更多资料
-		</view>
-		<view v-show="zhankaiFlag">
-			<view class="form-label-switch form-top-margin">
-				<view class="phone-form-label"><text class="form-label-require"></text>体检报告</view> 
-				<!-- <switch @change="switchGzChange" color="#3fd2a1" style="transform:scale(0.7)" /> -->
-			</view>
-			<view class="zhaopianZiliao-shenfenzhengImg">
-				<view class="ziliao-upload-box">
-					<view v-for="(item, index) in tijianbaogaoList" :key="index" v-if="tijianbaogaoList.length>0"
-						class="ziliao-image-box">
-						<img class="ziliao-image" :src="item" alt="">
-						<view @click="deleteTijianbaogao(item,index)" class="ziliao-image-close"></view>
-					</view>
-					<jiazhengUpload changjingType="more" @getFileUrl="getTijianbaogao"></jiazhengUpload>
+		<view @click="changeZhankai"  :class="zhankaiFlag==1?'zpzl-open-box':'zpzl-close-box'">
+			<view class="gdzl-row">更多资料<icon></icon></view>
+			<view v-show="zhankaiFlag">
+				<view class="form-label-switch form-top-margin">
+					<view class="phone-form-label"><text class="form-label-require"></text>体检报告</view> 
+					<!-- <switch @change="switchGzChange" color="#3fd2a1" style="transform:scale(0.7)" /> -->
 				</view>
-			</view>
-			
-			<view class="form-label-switch form-top-margin">
-				<view class="phone-form-label"><text class="form-label-require"></text>工作生活照</view>
-				<!-- <switch @change="switchGzChange" color="#3fd2a1" style="transform:scale(0.7)" /> -->
-			</view>
-			<view class="zhaopianZiliao-shenfenzhengImg">
-				<view class="ziliao-upload-box">
-					<view v-for="(item, index) in shenghuizhaoList" :key="index" v-if="shenghuizhaoList.length>0"
-						class="ziliao-image-box">
-						<img class="ziliao-image" :src="item" alt="">
-						<view @click="deleteShenghuoZhao(item,index)" class="ziliao-image-close"></view>
+				<view class="zhaopianZiliao-shenfenzhengImg">
+					<view class="ziliao-upload-box">
+						<view v-for="(item, index) in tijianbaogaoList" :key="index" v-if="tijianbaogaoList.length>0"
+							class="ziliao-image-box">
+							<img class="ziliao-image" :src="item" alt="">
+							<view @click="deleteTijianbaogao(item,index)" class="ziliao-image-close"></view>
+						</view>
+						<jiazhengUpload changjingType="more" @getFileUrl="getTijianbaogao"></jiazhengUpload>
 					</view>
-					<jiazhengUpload changjingType="more" @getFileUrl="getGzShenghuozhao"></jiazhengUpload>
 				</view>
-			</view>
-			<view class="form-label-switch form-top-margin">
-				<view class="phone-form-label"><text class="form-label-require"></text>资格类照片</view>
-				<!-- 	<switch @change="switchZgChange" color="#3fd2a1" style="transform:scale(0.7)" /> -->
-			</view>
-			<view class="zhaopianZiliao-shenfenzhengImg">
-				<view class="ziliao-upload-box">
-					<view v-for="(item, index) in zigezhaoList" :key="index" v-if="zigezhaoList.length>0"
-						class="ziliao-image-box">
-						<img class="ziliao-image" :src="item" alt="">
-						<view @click="deleteZigeZhao(item,index)" class="ziliao-image-close"></view>
-					</view>
-					<jiazhengUpload changjingType="more" @getFileUrl="getZigezhao"></jiazhengUpload>
+				
+				<view class="form-label-switch form-top-margin">
+					<view class="phone-form-label"><text class="form-label-require"></text>工作生活照</view>
+					<!-- <switch @change="switchGzChange" color="#3fd2a1" style="transform:scale(0.7)" /> -->
 				</view>
-			</view>
-			<view class="form-label-select">
-				<view class="phone-form-label"><text class="form-label-require"></text>最近体检日期</view>
-				<uni-datetime-picker class="form-radio-picker" type="date" @change="changeTijian">
-					<view class="form-radio-select">
-						<view>{{tijianDate}}</view>
-						<icon></icon>
+				<view class="zhaopianZiliao-shenfenzhengImg">
+					<view class="ziliao-upload-box">
+						<view v-for="(item, index) in shenghuizhaoList" :key="index" v-if="shenghuizhaoList.length>0"
+							class="ziliao-image-box">
+							<img class="ziliao-image" :src="item" alt="">
+							<view @click="deleteShenghuoZhao(item,index)" class="ziliao-image-close"></view>
+						</view>
+						<jiazhengUpload changjingType="more" @getFileUrl="getGzShenghuozhao"></jiazhengUpload>
 					</view>
-				</uni-datetime-picker>
-			</view>
-			
-			<view class="form-label-select">
-				<view class="phone-form-label"><text class="form-label-require"></text>健康证日期</view>
-				<uni-datetime-picker class="form-radio-picker" type="date" @change="changeJiankang">
-					<view class="form-radio-select">
-						<view>{{jiankangDate}}</view>
-						<icon></icon>
+				</view>
+				<view class="form-label-switch form-top-margin">
+					<view class="phone-form-label"><text class="form-label-require"></text>资格类照片</view>
+					<!-- 	<switch @change="switchZgChange" color="#3fd2a1" style="transform:scale(0.7)" /> -->
+				</view>
+				<view class="zhaopianZiliao-shenfenzhengImg">
+					<view class="ziliao-upload-box">
+						<view v-for="(item, index) in zigezhaoList" :key="index" v-if="zigezhaoList.length>0"
+							class="ziliao-image-box">
+							<img class="ziliao-image" :src="item" alt="">
+							<view @click="deleteZigeZhao(item,index)" class="ziliao-image-close"></view>
+						</view>
+						<jiazhengUpload changjingType="more" @getFileUrl="getZigezhao"></jiazhengUpload>
 					</view>
-				</uni-datetime-picker>
+				</view>
+				<view class="form-label-select">
+					<view class="phone-form-label"><text class="form-label-require"></text>最近体检日期</view>
+					<uni-datetime-picker class="form-radio-picker" type="date" @change="changeTijian">
+						<view class="form-radio-select">
+							<view>{{tijianDate}}</view>
+							<icon></icon>
+						</view>
+					</uni-datetime-picker>
+				</view>
+				
+				<view class="form-label-select">
+					<view class="phone-form-label"><text class="form-label-require"></text>健康证日期</view>
+					<uni-datetime-picker class="form-radio-picker" type="date" @change="changeJiankang">
+						<view class="form-radio-select">
+							<view>{{jiankangDate}}</view>
+							<icon></icon>
+						</view>
+					</uni-datetime-picker>
+				</view>
 			</view>
 		</view>
+		
 		<!-- 	<view class="zpzl-tip-box form-top-margin">
 			<view>体检报告文件</view>
 			<view class="red-tip">(*如未经同意,体检报告均不展示在简历中;在系统中预约的体检,如有电子报告,会自动关联到简历中) </view>