style：修改任务详情样式

common/task/task-item.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<view class="task-body m-20">
+		<view class="task-body m-lr20 m-t20">
 			<view class="row-c page-box-bg-fff m-b20 r-30 box-shadow-197" v-for="(item,index) in taskList" :key="index"
 				@click="onTaskDetails(item)">
 				<view class="main_string" :style="{background:lineColor[0]}"></view>

components/en-utils/en-nav/en-nav.vue

@@ -16,11 +16,12 @@
 		<!-- 带背景插槽 start-->
 		<slot></slot>
 		<!-- 带背景插槽 end-->
-		<image class="header" style="width: 100%;z-index: 2;"
-			:style="[{height:is_fixed?`${$tools.topHeight()+navsHeight}px` :`${$tools.topHeight()+fixedHeight}px`},{opacity:is_fixed?navOpacity:1},]"
-			:src="bgList[genre].nav_path" mode="">
-		</image>
-		<!-- :src="genre == 0?'/static/img/index/top-nav.png':'/static/img/enNav/tab.png'" mode=""> -->
+		<view class="sys-list-background-color header" style="z-index: 2;" :style="{opacity:is_fixed?navOpacity:1}">
+			<image class="" style="width: 100%;"
+				:style="[{height:is_fixed?`${$tools.topHeight()+navsHeight}px` :`${$tools.topHeight()+fixedHeight}px`}]"
+				:src="bgList[genre].nav_path" mode="">
+			</image>
+		</view>
 	</view>
 </template>
 
@@ -44,7 +45,7 @@
 					nav_path: '/static/img/index/top-nav.png'
 				}, {
 					bg_path: '',
-					nav_path: ''
+					nav_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png'
 				}, {
 					bg_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png',
 					nav_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png'
@@ -157,7 +158,7 @@
 		align-items: center;
 		font-size: 26rpx;
 		z-index: 1;
-		padding-bottom: 10rpx;
+		// padding-bottom: 10rpx;
 		top: 0;
 
 		.left {
@@ -187,6 +188,7 @@
 	.top-nav-bg {
 		background-repeat: no-repeat;
 		background-size: 100% auto;
+		z-index: 999999;
 	}
 
 	.nav-bg2 {

page_subpack/message/message.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="total-page page-env-20 page-box scroll_content task-bg">
-		<Nav :title="'消息'" :genre="1" :fixedHeight="50"></Nav>
-		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
+		<Nav :title="'消息'" :genre="1" is_fixed></Nav>
+		<view class="" :style="{top:`${$tools.topHeight()}px`}">
 			<z-tabs ref="tabs" :list="tabsList" :active-style="{color:'#10B261',fontWeight:'bold',fontSize:'30rpx'}"
 				:bar-style="{background:'#10B261'}" :inactive-style="{fontWeight:'bold',fontSize:'28rpx'}"
 				:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />

page_task/creation_task/creation_task.vue

@@ -1,9 +1,7 @@
 <template>
 	<view class="total-page page-box task-bg">
-		<Nav :title="'创建任务'" :genre="1" :fixedHeight="105"></Nav>
-		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
-			<TaskImgTab></TaskImgTab>
-		</view>
+		<Nav :title="'创建任务'" :genre="1" is_fixed></Nav>
+		<TaskImgTab></TaskImgTab>
 		<view class="sys-background-fff m-20 p-20 r-20">
 			<view class="creation_item row-justify-sb center line-60 sys-bg-BFD2CC r-20 p-30 m-b20"
 				v-for="(item,index) in creationLsit" :key="index" @click="onCeationTask(item)">

page_task/gain_task/gain_task.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="total-page page-box gain-task">
-		<Nav :title="'领取任务'" :genre="1"></Nav>
+		<Nav :title="'领取任务'" :genre="1" is_fixed></Nav>
 		<view class="m-lr20 r-20">
 			<k-tabs-swiper class="r-20" v-model="current" :tabs="tabs" :field="'name'" bgColor="#fff" color="#444444"
 				activeColor="#10B261" fontSize="28rpx" :bold="true" :scroll="true" height="100rpx" lineHeight="10rpx"

page_task/task_details/module/apply.vue

@@ -1,108 +1,107 @@
 <template>
 	<view class="text-color-333">
-		<view class="apply">
-			<image class="bg-box" src="/static/img/task-details/bg-two.png" mode=""></image>
-			<view class="content p-30 sys-background-fff r-30 size-26">
-				<view class="">
-					<view class="row-c">
-						<view class="dot"></view>
-						<text class="sys-weight-600 m-l10">基本信息</text>
-					</view>
-					<view class="sys-from-background-color r-30 p-20 m-t30 row">
-						<view class="">
-							<view class="m-tb16">
-								<text class="text-color-666">是否涉农</text>
-								<text class="m-l16">{{applyFor.is_farming===1?'是':'否'}}</text>
-							</view>
+		<view class="content p-30 sys-background-fff r-30 size-26 apply">
+			<view class="">
+				<view class="row-c">
+					<view class="dot"></view>
+					<text class="sys-weight-600 m-l10">基本信息</text>
+				</view>
+				<view class="sys-from-background-color r-30 p-20 m-t30 row">
+					<view class="">
+						<view class="m-tb16">
+							<text class="text-color-666">是否涉农</text>
+							<text class="m-l16">{{applyFor.is_farming===1?'是':'否'}}</text>
+						</view>
 
-              <view class="m-tb16">
-                <text class="text-color-666">贷款类型</text>
-                <text class="m-l16">{{applyFor.loan_form_name}}</text>
-              </view>
-							<view class="">
-								<text class="text-color-666">投向行业</text>
-								<text class="m-l16">{{applyFor.loan_industry_name}}</text>
-							</view>
+						<view class="m-tb16">
+							<text class="text-color-666">贷款类型</text>
+							<text class="m-l16">{{applyFor.loan_form_name}}</text>
 						</view>
-						<view class="m-l40">
-              <view class="m-tb16">
-                <text class="text-color-666">贷款类别</text>
-                <text class="m-l16">{{applyFor.loan_type_name}}</text>
-              </view>
-							<view class="m-b16">
-								<text class="text-color-666">支付状态</text>
-								<text class="m-l16">{{applyFor.pay_status===1?'已缴纳':'未缴纳'}}</text>
-							</view>
-							<view class="">
-								<text class="text-color-666">企业类型</text>
-								<text class="m-l16">{{applyFor.enterprise_type_name}}</text>
-							</view>
+						<view class="">
+							<text class="text-color-666">投向行业</text>
+							<text class="m-l16">{{applyFor.loan_industry_name}}</text>
+						</view>
+					</view>
+					<view class="m-l40">
+						<view class="m-tb16">
+							<text class="text-color-666">贷款类别</text>
+							<text class="m-l16">{{applyFor.loan_type_name}}</text>
+						</view>
+						<view class="m-b16">
+							<text class="text-color-666">支付状态</text>
+							<text class="m-l16">{{applyFor.pay_status===1?'已缴纳':'未缴纳'}}</text>
+						</view>
+						<view class="">
+							<text class="text-color-666">企业类型</text>
+							<text class="m-l16">{{applyFor.enterprise_type_name}}</text>
 						</view>
 					</view>
 				</view>
-				<!-- 抵押申请 -->
-				<view class="m-t30 color-4A2600" v-for="(applyItem,applyKey) in applyFor.apply_data">
-					<view class="row-c">
-						<view class="dot"></view>
-						<text class="sys-weight-600 m-l10 text-color-333">抵押申请</text>
+			</view>
+			<!-- 抵押申请 -->
+			<view class="m-t30 color-4A2600" v-for="(applyItem,applyKey) in applyFor.apply_data">
+				<view class="row-c">
+					<view class="dot"></view>
+					<text class="sys-weight-600 m-l10 text-color-333">抵押申请</text>
+				</view>
+				<view class="apply-box p-20 r-20 m-t30">
+					<view class="">
+						<text>申请类型：</text>
+						<text class="sys-weight-600">{{(applyItem.apply_type*1===1?'抵押':'买卖')}}</text>
 					</view>
-					<view class="apply-box p-20 r-20 m-t30">
+					<view class="sys-background-fff row-justify-sb center r-20 p-30 p-lr40 m-tb20">
+						<view class="column-c color-653400">
+							<text class="sys-weight-600">{{applyItem.transaction}}</text>
+							<text class="size-24">成交价</text>
+						</view>
+						<view class="column-c color-653400">
+							<text class="sys-weight-600">{{applyItem.pricing}}</text>
+							<text class="size-24">定金</text>
+						</view>
+						<view class="column-c color-653400">
+							<text class="sys-weight-600">{{applyItem.supervise}}</text>
+							<text class="size-24">资金监管</text>
+						</view>
+						<view class="column-c color-653400">
+							<text class="sys-weight-600">{{applyItem.reply_type===1?'商业':'组合'}}</text>
+							<text class="size-24">批复类型</text>
+						</view>
+						<view class="column-c color-653400">
+							<text class="sys-weight-600">{{applyItem.intermediary}}</text>
+							<text class="size-24">成交中介</text>
+						</view>
+					</view>
+					<view class="m-b10">
+						<text>绑定资产：</text>
+						<text class="capsule sys-weight-600">{{applyItem.propertyName}}</text>
+					</view>
+					<view class="message-box r-20 p-20 m-t20"
+						v-for="(repayment,repaymentKey) in applyItem.repayment_data" :key="index">
 						<view class="">
-							<text>申请类型：</text>
-							<text class="sys-weight-600">{{(applyItem.apply_type*1===1?'抵押':'买卖')}}</text>
+							<text
+								class="sys-weight-600">{{(applyItem.apply_type*1===1?'还款信息':'监管银行卡信息')+'('+(repaymentKey+1)+')'}}</text>
+							<text class="m-l20" v-if="applyItem.apply_type*1===1">还款金额 {{repayment.money}}万</text>
 						</view>
-						<view class="sys-background-fff row-justify-sb center r-20 p-30 p-lr40 m-tb20">
-							<view class="column-c color-653400" >
-								<text class="sys-weight-600">{{applyItem.transaction}}</text>
-								<text class="size-24">成交价</text>
+						<view class="row-c m-t16">
+							<image class="wh-60" src="/static/img/task/task-put.png" mode=""></image>
+							<view class="m-l30">
+								<text class="size-24 text-color-333">{{repayment.bank_name}}</text>
+								<view class="size-28 sys-weight-600 m-t10">{{repayment.bank_num}}</view>
 							</view>
-              <view class="column-c color-653400" >
-                <text class="sys-weight-600">{{applyItem.pricing}}</text>
-                <text class="size-24">定金</text>
-              </view>
-              <view class="column-c color-653400" >
-                <text class="sys-weight-600">{{applyItem.supervise}}</text>
-                <text class="size-24">资金监管</text>
-              </view>
-              <view class="column-c color-653400" >
-                <text class="sys-weight-600">{{applyItem.reply_type===1?'商业':'组合'}}</text>
-                <text class="size-24">批复类型</text>
-              </view>
-              <view class="column-c color-653400" >
-                <text class="sys-weight-600">{{applyItem.intermediary}}</text>
-                <text class="size-24">成交中介</text>
-              </view>
 						</view>
-						<view class="m-b10">
-							<text>绑定资产：</text>
-							<text class="capsule sys-weight-600">{{applyItem.propertyName}}</text>
+					</view>
+					<view class="message-box r-20 p-20 m-t20" v-for="(loan,loanKey) in applyItem.loan_data">
+						<view class="">
+							<text class="sys-weight-600">{{'放款银行卡信息('+(loanKey+1)+')'}}</text>
+							<text class="m-l20">批复金额 {{loan.money}}万</text>
 						</view>
-						<view class="message-box r-20 p-20 m-t20" v-for="(repayment,repaymentKey) in applyItem.repayment_data" :key="index">
-							<view class="">
-								<text class="sys-weight-600">{{(applyItem.apply_type*1===1?'还款信息':'监管银行卡信息')+'('+(repaymentKey+1)+')'}}</text>
-								<text class="m-l20" v-if="applyItem.apply_type*1===1">还款金额 {{repayment.money}}万</text>
-							</view>
-							<view class="row-c m-t16">
-								<image class="wh-60" src="/static/img/task/task-put.png" mode=""></image>
-								<view class="m-l30">
-									<text class="size-24 text-color-333">{{repayment.bank_name}}</text>
-									<view class="size-28 sys-weight-600 m-t10">{{repayment.bank_num}}</view>
-								</view>
+						<view class="row-c m-t16">
+							<image class="wh-60" src="/static/img/task/task-put.png" mode=""></image>
+							<view class="m-l30">
+								<text class="size-24 text-color-333">{{loan.bank_name}}</text>
+								<view class="size-28 sys-weight-600 m-t10">{{loan.bank_num}}</view>
 							</view>
 						</view>
-            <view class="message-box r-20 p-20 m-t20" v-for="(loan,loanKey) in applyItem.loan_data">
-              <view class="">
-                <text class="sys-weight-600">{{'放款银行卡信息('+(loanKey+1)+')'}}</text>
-                <text class="m-l20" >批复金额 {{loan.money}}万</text>
-              </view>
-              <view class="row-c m-t16">
-                <image class="wh-60" src="/static/img/task/task-put.png" mode=""></image>
-                <view class="m-l30">
-                  <text class="size-24 text-color-333">{{loan.bank_name}}</text>
-                  <view class="size-28 sys-weight-600 m-t10">{{loan.bank_num}}</view>
-                </view>
-              </view>
-            </view>
 					</view>
 				</view>
 			</view>
@@ -113,9 +112,9 @@
 <script>
 	export default {
 		props: {
-      applyFor:{
-        default:{}
-      },
+			applyFor: {
+				default: {}
+			},
 		},
 		data() {
 			return {
@@ -139,7 +138,10 @@
 
 <style lang="scss" scoped>
 	.apply {
-		position: relative;
+		padding-top: 90rpx;
+		background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task-details/bg-two.png');
+		background-repeat: no-repeat;
+		background-size: 100% auto;
 
 		.bg-box {
 			width: 710rpx;

page_task/task_details/module/identity.vue

@@ -1,106 +1,108 @@
 <template>
 	<view class="text-color-12">
-		<view class="identity">
-			<image class="bg-box" src="/static/img/task-details/bg-one.png" mode=""></image>
-			<view class="content p-30 sys-background-fff r-30">
+		<view class="content p-30 sys-background-fff r-30 identity">
+			<view class="row-c">
+				<view class="dot"></view>
+				<text class="size-26 sys-weight-600 m-l10">基本信息</text>
+			</view>
+			<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
 				<view class="row-c">
-					<view class="dot"></view>
-					<text class="size-26 sys-weight-600 m-l10">基本信息</text>
+					<view class="capsule sys-bg-BFD2CC">{{business.education_name}}</view>
+					<view class="capsule sys-bg-BFD2CC m-l10">{{business.employ_type===1?'受薪':'自雇'}}</view>
+				</view>
+				<view class="row-c m-tb20">
+					<image class="card r-20" :src="business.identity_one" mode="aspectFill"></image>
+					<image class="card r-20 m-l20" :src="business.identity_two" mode="aspectFill">
+					</image>
 				</view>
-				<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
+				<view class="row-c m-tb20">
+					<image class="wh-30 m-r20" src="/static/img/task-details/number.png" mode="aspectFill"></image>
 					<view class="row-c">
-						<view class="capsule sys-bg-BFD2CC">{{business.education_name}}</view>
-						<view class="capsule sys-bg-BFD2CC m-l10">{{business.employ_type===1?'受薪':'自雇'}}</view>
+						<text class="text-color-666">证件号：</text>
+						<text>{{business.id_number}}</text>
 					</view>
-					<view class="row-c m-tb20">
-						<image class="card r-20" :src="business.identity_one" mode="aspectFill"></image>
-						<image class="card r-20 m-l20" :src="business.identity_two" mode="aspectFill">
+				</view>
+				<view class="row m-tb20">
+					<view class="row line-30">
+						<image class="wh-30 m-r20" src="/static/img/task-details/address.png" mode="aspectFill">
 						</image>
+						<text class="text-color-666">居住：</text>
 					</view>
-					<view class="row-c m-tb20">
-						<image class="wh-30 m-r20" src="/static/img/task-details/number.png" mode="aspectFill"></image>
-						<view class="row-c">
-							<text class="text-color-666">证件号：</text>
-							<text>{{business.id_number}}</text>
-						</view>
-					</view>
-					<view class="row-c m-tb20">
-						<image class="wh-30 m-r20" src="/static/img/task-details/address.png" mode="aspectFill"></image>
-						<view class="row-c">
-							<text class="text-color-666">居住：</text>
-							<text>{{business.resident_city}}{{business.resident_address}}</text>
-						</view>
-					</view>
-					<view class="row-c m-tb20">
-						<image class="wh-30 m-r20" src="/static/img/task-details/company.png" mode="aspectFill"></image>
-						<view class="row-c">
-							<text class="text-color-666">公司：</text>
-							<text>{{business.firm_name}}</text>
-						</view>
-					</view>
-					<view class="row-c m-t20">
-						<image class="wh-30 m-r20" src="/static/img/task-details/address.png" mode="aspectFill"></image>
-						<view class="row-c">
-							<text class="text-color-666">地址：</text>
-							<text>{{business.firm_city+business.firm_address}}</text>
-						</view>
-					</view>
+					<text class="flex line-30">{{business.resident_city}}{{business.resident_address}}</text>
 				</view>
-				<view class="row-c m-t30">
-					<view class="dot"></view>
-					<text class="size-26 sys-weight-600 m-l10">社保信息</text>
+				<view class="row m-tb20">
+					<view class="row line-30">
+						<image class="wh-30 m-r20" src="/static/img/task-details/company.png" mode="aspectFill">
+						</image>
+						<text class="text-color-666">公司：</text>
+					</view>
+					<text class="flex line-30">{{business.firm_name}}</text>
 				</view>
-				<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
-					<view class="row-c">
-						<image class="wh-30 m-r20" src="/static/img/task-details/safeguard.png" mode="aspectFill">
+				<view class="row m-t20">
+					<view class="row line-30">
+						<image class="wh-30 m-r20" src="/static/img/task-details/address.png" mode="aspectFill">
 						</image>
-						<text>{{business.social_num}}个月</text>
-						<view class="line-box m-lr16"></view>
-						<text>{{business.reserved_money}}元</text>
+						<text class="text-color-666">地址：</text>
 					</view>
+					<text class="flex line-30">{{business.firm_city+business.firm_address}}</text>
 				</view>
-				<view class="row-c m-t30">
-					<view class="dot"></view>
-					<text class="size-26 sys-weight-600 m-l10">婚姻信息</text>
+			</view>
+			<view class="row-c m-t30">
+				<view class="dot"></view>
+				<text class="size-26 sys-weight-600 m-l10">社保信息</text>
+			</view>
+			<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
+				<view class="row-c">
+					<image class="wh-30 m-r20" src="/static/img/task-details/safeguard.png" mode="aspectFill">
+					</image>
+					<text>{{business.social_num}}个月</text>
+					<view class="line-box m-lr16"></view>
+					<text>{{business.reserved_money}}元</text>
 				</view>
+			</view>
+			<view class="row-c m-t30">
+				<view class="dot"></view>
+				<text class="size-26 sys-weight-600 m-l10">婚姻信息</text>
+			</view>
 
 
-				<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
-					<view class="size-24 text-color-333">{{business.marriage_name}}</view>
-					<image class="card r-20 m-tb20" v-for="marriage_img in business.marriage_img" :src="marriage_img" mode="aspectFill"></image>
-					<view class="spouse p-l20">
-						<text class="size-24">配偶信息</text>
-					</view>
-					<view class="row-c m-tb20">
-						<image class="card r-20" :src="business.m_identity_one" mode="aspectFill"></image>
-						<image class="card r-20 m-l20" :src="business.m_identity_two" mode="aspectFill">
+			<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
+				<view class="size-24 text-color-333">{{business.marriage_name}}</view>
+				<image class="card r-20 m-tb20" v-for="marriage_img in business.marriage_img" :src="marriage_img"
+					mode="aspectFill"></image>
+				<view class="spouse p-l20">
+					<text class="size-24">配偶信息</text>
+				</view>
+				<view class="row-c m-tb20">
+					<image class="card r-20" :src="business.m_identity_one" mode="aspectFill"></image>
+					<image class="card r-20 m-l20" :src="business.m_identity_two" mode="aspectFill">
+					</image>
+				</view>
+				<view class="">
+					<text class="size-26 sys-weight-600">{{business.mate_name}}</text>
+					<view class="row-c m-t20">
+						<image class="wh-30 m-r20" src="/static/img/task-details/phone.png" mode="aspectFill">
 						</image>
+						<view class="row-c">
+							<text class="text-color-666">电话：</text>
+							<text>{{business.mate_phone}}</text>
+						</view>
 					</view>
-					<view class="">
-						<text class="size-26 sys-weight-600">{{business.mate_name}}</text>
-						<view class="row-c m-t20">
-							<image class="wh-30 m-r20" src="/static/img/task-details/phone.png" mode="aspectFill">
-							</image>
-							<view class="row-c">
-								<text class="text-color-666">电话：</text>
-								<text>{{business.mate_phone}}</text>
-							</view>
+					<view class="row-c m-t20">
+						<image class="wh-30 m-r20" src="/static/img/task-details/number.png" mode="aspectFill">
+						</image>
+						<view class="row-c">
+							<text class="text-color-666">证件号：</text>
+							<text>{{business.mate_id_number}}</text>
 						</view>
-						<view class="row-c m-t20">
-							<image class="wh-30 m-r20" src="/static/img/task-details/number.png" mode="aspectFill">
-							</image>
-							<view class="row-c">
-								<text class="text-color-666">证件号：</text>
-								<text>{{business.mate_id_number}}</text>
-							</view>
+					</view>
+					<view class="row-c m-tb20">
+						<image class="wh-30 m-r20" src="/static/img/task-details/company.png" mode="aspectFill">
+						</image>
+						<view class="row-c">
+							<text class="text-color-666">公司：</text>
+							<text>{{business.mate_firm}}</text>
 						</view>
-            <view class="row-c m-tb20">
-              <image class="wh-30 m-r20" src="/static/img/task-details/company.png" mode="aspectFill"></image>
-              <view class="row-c">
-                <text class="text-color-666">公司：</text>
-                <text>{{business.mate_firm}}</text>
-              </view>
-            </view>
 					</view>
 				</view>
 			</view>
@@ -110,14 +112,14 @@
 
 <script>
 	export default {
-    props: {
-      business:{
-        default:{}
-      },
-      linkman:{
-        default:{}
-      },
-    },
+		props: {
+			business: {
+				default: {}
+			},
+			linkman: {
+				default: {}
+			},
+		},
 		data() {
 			return {}
 		},
@@ -126,7 +128,10 @@
 
 <style lang="scss" scoped>
 	.identity {
-		position: relative;
+		padding-top: 90rpx;
+		background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task-details/bg-one.png');
+		background-repeat: no-repeat;
+		background-size: 100% auto;
 
 		.bg-box {
 			width: 710rpx;
@@ -147,7 +152,7 @@
 			line-height: 42rpx;
 			border-radius: 99rpx;
 			text-align: center;
-      background: rgba(31, 190, 111, 0.1);
+			background: rgba(31, 190, 111, 0.1);
 		}
 	}
 

page_task/task_details/module/property.vue

@@ -1,8 +1,7 @@
 <template>
 	<view class="text-color-333">
-		<view class="property">
-			<image class="bg-box" src="/static/img/task-details/bg-four.png" mode=""></image>
-			<view v-for="(property,propertyKey) in propertyList" class="content p-30 sys-background-fff r-30 size-26">
+		<view class="property content p-30 sys-background-fff r-30">
+			<view v-for="(property,propertyKey) in propertyList" class=" size-26">
 				<!-- 房产信息 -->
 				<view v-if="property.property_type===1" class="">
 					<view class="row-c">
@@ -37,25 +36,26 @@
 									<text class="flex">{{property.data.house_city}}</text>
 									<image class="card r-20 m-t20" src="/static/img/task-details/front.png"
 										mode="aspectFill">
-                  </image>
+									</image>
+								</view>
+							</view>
+							<view class="sys-from-background-color m-t20 p-20 r-20">
+								<view class="m-b20">房产证件</view>
+								<view class="row-c">
+									<image class="picture m-r20 r-10" :src="property.data.certificate_img"
+										mode="aspectFill">
+									</image>
+								</view>
+							</view>
+							<view class="sys-from-background-color m-t20 p-20 r-20">
+								<view class="m-b20">房产关联图片</view>
+								<view class="row-c">
+									<image class="picture m-r20 r-10" :src="property.data.property" mode="aspectFill">
+									</image>
 								</view>
 							</view>
-              <view class="sys-from-background-color m-t20 p-20 r-20">
-                <view class="m-b20">房产证件</view>
-                <view class="row-c">
-                  <image class="picture m-r20 r-10" :src="property.data.certificate_img" mode="aspectFill">
-                  </image>
-                </view>
-              </view>
-              <view class="sys-from-background-color m-t20 p-20 r-20">
-                <view class="m-b20">房产关联图片</view>
-                <view class="row-c">
-                  <image class="picture m-r20 r-10" :src="property.data.property" mode="aspectFill">
-                  </image>
-                </view>
-              </view>
 						</view>
-						<image class="property-icon wh-100" :src="property.data.certificate_img" mode="">	</image>
+						<image class="property-icon wh-100" :src="property.data.certificate_img" mode=""> </image>
 					</view>
 				</view>
 				<!-- 保单信息 -->
@@ -196,7 +196,7 @@
 								<view class="flex">
 									<text class="flex">四川省 成都市 武侯区 置信南街 61 号 兰园5栋 2 单元 5楼这是俩排的地</text>
 									<image class="card r-20 m-t20" src="/static/img/task-details/front.png"
-                         mode="aspectFill"></image>
+										mode="aspectFill"></image>
 								</view>
 							</view>
 							<view class="sys-from-background-color m-t20 p-20 r-20">
@@ -220,9 +220,9 @@
 <script>
 	export default {
 		props: {
-      propertyList: {
-        default: {}
-      },
+			propertyList: {
+				default: {}
+			},
 		},
 		data() {
 			return {}
@@ -232,7 +232,11 @@
 
 <style lang="scss" scoped>
 	.property {
-		position: relative;
+		padding-top: 90rpx;
+		background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task-details/bg-four.png');
+		background-repeat: no-repeat;
+		background-size: 100% auto;
+
 
 		.bg-box {
 			width: 710rpx;

page_task/task_details/module/third_party.vue

@@ -1,8 +1,7 @@
 <template>
 	<view class="text-color-333">
-		<view class="apply">
-			<image class="bg-box" src="/static/img/task-details/bg-three.png" mode=""></image>
-			<view class="content p-30 sys-background-fff r-30 size-26" v-for="(item,index) in tripartite">
+		<view class="apply content p-30 sys-background-fff r-30">
+			<view class="size-26" v-for="(item,index) in tripartite">
 				<view class="">
 					<view class="row-c">
 						<view class="dot"></view>
@@ -44,7 +43,7 @@
 						</image>
 					</view>
 				</view>
-				<view  class="m-t20 color-4A2600">
+				<view class="m-t20 color-4A2600">
 					<view class="apply-box p-20 r-20">
 						<view class="message-box r-20 m-b20" v-for="(bank,bankIndex) in item.bank_data" :key="index">
 							<text class="title-text sys-weight-600">银行信息({{bankIndex+1}})</text>
@@ -66,9 +65,9 @@
 <script>
 	export default {
 		props: {
-      tripartite: {
-        default: []
-      },
+			tripartite: {
+				default: []
+			},
 		},
 		data() {
 			return {}
@@ -78,7 +77,10 @@
 
 <style lang="scss" scoped>
 	.apply {
-		position: relative;
+		padding-top: 90rpx;
+		background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task-details/bg-three.png');
+		background-repeat: no-repeat;
+		background-size: 100% auto;
 
 		.bg-box {
 			width: 710rpx;

page_task/task_details/task_details.vue

@@ -1,12 +1,13 @@
 <template>
 	<view class="total-page page-env-20 page-box">
 		<Nav :title="'任务详情'" :genre="2" :fixedHeight="fixedHeight">
-			<view class="task-tabs m-b20" style="z-index: 9999;" :style=" {top:`${$tools.topHeight()}px`}">
+			<view class="task-tabs m-b20" :style=" {top:`${$tools.topHeight()}px`}">
 				<view class="detail-bg m-lr20 m-b10 m-t10">
 					<image class="detail-img" src="/static/img/task-details/top-bg.png" mode="aspectFill"></image>
 					<view class="detail-content">
 						<view class="row-c m-l10 m-t16 m-b20 text-color-fff">
-							<image class="wh-45 r-circle" src="/static/img/task-details/head.png" mode="aspectFill"></image>
+							<image class="wh-45 r-circle" src="/static/img/task-details/head.png" mode="aspectFill">
+							</image>
 							<text class="size-28 m-lr16">{{business.name}}</text>
 							<view class="size-24 row-c sys-bg-007038 r-100 p-lr16 p-tb6">
 								<text>{{business.sex===1?'男':'女'}}</text>
@@ -37,10 +38,11 @@
 				<TaskTab :current="current" @onChange="onChange"></TaskTab>
 			</view>
 		</Nav>
-		<view class="details_body sys-list-background-color task-tabs-width page-env-160"
+		<view class="details_body sys-list-background-color task-tabs-width"
+			:class=" current === 3 || current === 4?'page-env-20':'page-env-160'"
 			:style="{top:`${$tools.topHeight()+fixedHeight}px`}">
 			<view class="m-lr20 m-t20">
-				<z-swiper v-model="list" :options="options" v-if="current === 1">
+				<z-swiper style="width: 95vw;" v-model="list" :options="options" v-if="current === 1">
 					<z-swiper-item>
 						<Identity :business="business"></Identity>
 					</z-swiper-item>
@@ -103,51 +105,52 @@
 				fixedHeight: 200,
 				options: {
 					autoHeight: true,
+					centeredSlides: true,
 				},
 				list: [1, 2, 3],
 				lists: [1, 2],
 				businessId: '',
-        product: {
-          product_name: '',
-          product_types: [],
-          type_data:[]
-        },
-        business: {
-          status: 1,
-          phone: '',
-          identity_one: '',
-          identity_two: '',
-          marriage_img: [],
-          credit_img: [],
-        }, //基本信息
-        propertyList: [], //资产信息
-        applyFor: {}, //申请信息
-        credit: {}, //征信信息
-        postLoan: {}, //贷后信息
-        tripartite: [], //第三方信息
-        linkman: [], //联系人信息
-        stageData: {
-          stageName: '',
-          userName: ""
-        },
-        isAjax: false,
-        isExecute: 0,
-        msgList: [],
-        executeData: [],
-        showExecute: false,
-        auditType: 0,
-        previewList: [],
-        imgKey: 0,
-        imgList: [],
-        replyId: "",
-        stageList: [],
-        businessStageList: [],
-        businessFile: {
-          fileList: [],
-          imgList: [],
-          videoList: [],
-        },
-        videoUrl: ''
+				product: {
+					product_name: '',
+					product_types: [],
+					type_data: []
+				},
+				business: {
+					status: 1,
+					phone: '',
+					identity_one: '',
+					identity_two: '',
+					marriage_img: [],
+					credit_img: [],
+				}, //基本信息
+				propertyList: [], //资产信息
+				applyFor: {}, //申请信息
+				credit: {}, //征信信息
+				postLoan: {}, //贷后信息
+				tripartite: [], //第三方信息
+				linkman: [], //联系人信息
+				stageData: {
+					stageName: '',
+					userName: ""
+				},
+				isAjax: false,
+				isExecute: 0,
+				msgList: [],
+				executeData: [],
+				showExecute: false,
+				auditType: 0,
+				previewList: [],
+				imgKey: 0,
+				imgList: [],
+				replyId: "",
+				stageList: [],
+				businessStageList: [],
+				businessFile: {
+					fileList: [],
+					imgList: [],
+					videoList: [],
+				},
+				videoUrl: ''
 			}
 		},
 		onLoad(data) {
@@ -243,4 +246,8 @@
 			padding: 0 20rpx;
 		}
 	}
+
+	.swiper-wrapper {
+		z-index: 0 !important;
+	}
 </style>

pages/loan/loan.vue

@@ -1,18 +1,22 @@
 <template>
-	<view class="total-page page_env page-box task-bg">
-		<Nav :title="'贷后管理'" :genre="1" :back="false" :fixedHeight="108"></Nav>
-		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
-			<Search :placeholder="'贷款人姓名或电话'"></Search>
-			<view class="page-box-bg-fff m-lr20 r-20">
-				<z-tabs ref="tabs" :list="tabsList" :active-style="{color:'#10B261',fontWeight:'bold',fontSize:'30rpx'}"
-					:bar-style="{background:'#10B261'}" :inactive-style="{fontWeight:'bold',fontSize:'28rpx'}"
-					:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
+	<view class="total-page page_env page-box sys-list-background-color">
+		<view class="task-bg">
+			<Nav :title="'贷后管理'" :genre="1" :back="false" is_fixed></Nav>
+			<view>
+				<Search :placeholder="'贷款人姓名或电话'"></Search>
+				<view class="page-box-bg-fff m-lr20 r-20">
+					<z-tabs ref="tabs" :list="tabsList"
+						:active-style="{color:'#10B261',fontWeight:'bold',fontSize:'30rpx'}"
+						:bar-style="{background:'#10B261'}" :inactive-style="{fontWeight:'bold',fontSize:'28rpx'}"
+						:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
+				</view>
 			</view>
+			<EnScroll ref="scroll" :navHeight="108" is_tabHeight @onRefresh="onRefresh"
+				@onScrollBottom="onScrollBottom">
+				<TaskItem :type="3" is_bottom></TaskItem>
+			</EnScroll>
+			<Tab :tab-index="2"></Tab>
 		</view>
-		<EnScroll ref="scroll" :navHeight="108" is_tabHeight @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
-			<TaskItem :type="3" is_bottom></TaskItem>
-		</EnScroll>
-		<Tab :tab-index="2"></Tab>
 	</view>
 
 </template>

pages/task/task.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="total-page page-box page-env-20 scroll_content task-bg">
-		<Nav :title="'任务'" :genre="1" :back="false" :fixedHeight="105"></Nav>
-		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
+		<Nav :title="'任务'" :genre="1" :back="false" is_fixed></Nav>
+		<view>
 			<Search :placeholder="'贷款人姓名或电话'"></Search>
 			<view style="height: 100rpx;">
 				<z-tabs ref="tabs" :list="tabsList" :active-style="{color:'#10B261',fontWeight:'bold',fontSize:'28rpx'}"
@@ -9,11 +9,6 @@
 					:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
 			</view>
 		</view>
-		<view class="task-tabs m-t30">
-			<!--        <TaskImgTab @setProductId="setProductId"></TaskImgTab>-->
-			<task-ima-tab @setProductId="setProductId"></task-ima-tab>
-		</view>
-
 		<EnScroll ref="scroll" :navHeight="105" is_tabHeight @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
 			<view v-if="current===1">
 				<TaskItem :type="1" is_bottom :task-list="backlogList"></TaskItem>
@@ -21,7 +16,6 @@
 			<view v-else>
 				<TaskItem :type="1" is_bottom :task-list="taskList"></TaskItem>
 			</view>
-
 		</EnScroll>
 		<Tab :tab-index="1"></Tab>
 	</view>