style：修改页面样式问题

page_task/task_details/module/apply.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="text-color-333">
+	<view class="text-color-333" style="position: relative;left: -15rpx;">
 		<view class="content p-30 sys-background-fff r-30 size-26 apply">
 			<view class="">
 				<view class="row-c">

page_task/task_details/module/identity.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="text-color-12">
+	<view class="text-color-12 " style="position: relative;left: -15rpx;">
 		<view class="content p-30 sys-background-fff r-30 identity">
 			<view class="row-c">
 				<view class="dot"></view>
@@ -7,14 +7,18 @@
 			</view>
 			<view class="sys-from-background-color r-30 p-20 m-t30 size-26">
 				<view class="row-c">
-					<view class="capsule sys-bg-BFD2CC" v-if="verifyKey('education_type')">{{business.education_name}}</view>
-					<view class="capsule sys-bg-BFD2CC m-l10" v-if="verifyKey('employ_type')">{{business.employ_type===1?'受薪':'自雇'}}</view>
+					<view class="capsule sys-bg-BFD2CC" v-if="verifyKey('education_type')">{{business.education_name}}
+					</view>
+					<view class="capsule sys-bg-BFD2CC m-l10" v-if="verifyKey('employ_type')">
+						{{business.employ_type===1?'受薪':'自雇'}}
+					</view>
 				</view>
 				<view class="row-c m-t20" v-if="verifyKey('identity_one')">
 					<EnImage :list="[business.identity_one,business.identity_two]"></EnImage>
 				</view>
 				<view class="row-c m-b20" v-if="verifyKey('id_number')">
-					<image class="wh-30 m-r20" src="/page_task/static/img/task-details/number.png" mode="aspectFill"></image>
+					<image class="wh-30 m-r20" src="/page_task/static/img/task-details/number.png" mode="aspectFill">
+					</image>
 					<view class="row-c">
 						<text class="text-color-666">证件号：</text>
 						<text>{{business.id_number}}</text>
@@ -22,7 +26,8 @@
 				</view>
 				<view class="row m-tb20" v-if="verifyKey('resident_city')">
 					<view class="row line-30">
-						<image class="wh-30 m-r20" src="/page_task/static/img/task-details/address.png" mode="aspectFill">
+						<image class="wh-30 m-r20" src="/page_task/static/img/task-details/address.png"
+							mode="aspectFill">
 						</image>
 						<text class="text-color-666">居住：</text>
 					</view>
@@ -30,7 +35,8 @@
 				</view>
 				<view class="row m-tb20" v-if="verifyKey('firm_name')">
 					<view class="row line-30">
-						<image class="wh-30 m-r20" src="/page_task/static/img/task-details/company.png" mode="aspectFill">
+						<image class="wh-30 m-r20" src="/page_task/static/img/task-details/company.png"
+							mode="aspectFill">
 						</image>
 						<text class="text-color-666">公司：</text>
 					</view>
@@ -38,76 +44,85 @@
 				</view>
 				<view class="row m-t20" v-if="verifyKey('firm_city')">
 					<view class="row line-30">
-						<image class="wh-30 m-r20" src="/page_task/static/img/task-details/address.png" mode="aspectFill">
+						<image class="wh-30 m-r20" src="/page_task/static/img/task-details/address.png"
+							mode="aspectFill">
 						</image>
 						<text class="text-color-666">地址：</text>
 					</view>
 					<text class="flex line-30">{{business.firm_city+business.firm_address}}</text>
 				</view>
 			</view>
-      <view v-if="verifyKey('social_num') || verifyKey('reserved_money')">
-        <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="/page_task/static/img/task-details/safeguard.png" mode="aspectFill">
-            </image>
-            <text v-if="verifyKey('social_num')">{{business.social_num}}个月</text>
-            <view v-if="verifyKey('social_num') && verifyKey('reserved_money')" class="line-box m-lr16"></view>
-            <text v-if="verifyKey('reserved_money')">{{business.reserved_money}}元</text>
-          </view>
-        </view>
-      </view>
-		  <view v-if="verifyKey('marriage_type')">
-        <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 m-b20" v-if="verifyKey('marriage_type')">{{business.marriage_name}}</view>
-          <EnImage  v-if="business.marriage_type>1" :list=" business.marriage_img"></EnImage>
-          <view v-if="business.marriage_type===2">
-            <view class="spouse p-l20">
-              <text class="size-24">配偶信息</text>
-            </view>
-            <view class="row-c m-t20" v-if="verifyKey('m_identity_one')">
-              <EnImage :list="[business.m_identity_one,business.m_identity_two]"></EnImage>
-            </view>
-            <view class="">
-              <text class="size-26 sys-weight-600" v-if="verifyKey('mate_name')">{{business.mate_name}}</text>
-              <view class="row-c m-t20" v-if="verifyKey('mate_phone')">
-                <image class="wh-30 m-r20" src="/page_task/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="row-c m-t20" v-if="verifyKey('mate_id_number')">
-                <image class="wh-30 m-r20" src="/page_task/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" v-if="verifyKey('mate_firm')">
-                <image class="wh-30 m-r20" src="/page_task/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 v-if="verifyKey('social_num') || verifyKey('reserved_money')">
+				<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="/page_task/static/img/task-details/safeguard.png"
+							mode="aspectFill">
+						</image>
+						<text v-if="verifyKey('social_num')">{{business.social_num}}个月</text>
+						<view v-if="verifyKey('social_num') && verifyKey('reserved_money')" class="line-box m-lr16">
+						</view>
+						<text v-if="verifyKey('reserved_money')">{{business.reserved_money}}元</text>
+					</view>
+				</view>
+			</view>
+			<view v-if="verifyKey('marriage_type')">
+				<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 m-b20" v-if="verifyKey('marriage_type')">
+						{{business.marriage_name}}
+					</view>
+					<EnImage v-if="business.marriage_type>1" :list=" business.marriage_img"></EnImage>
+					<view v-if="business.marriage_type===2">
+						<view class="spouse p-l20">
+							<text class="size-24">配偶信息</text>
+						</view>
+						<view class="row-c m-t20" v-if="verifyKey('m_identity_one')">
+							<EnImage :list="[business.m_identity_one,business.m_identity_two]"></EnImage>
+						</view>
+						<view class="">
+							<text class="size-26 sys-weight-600"
+								v-if="verifyKey('mate_name')">{{business.mate_name}}</text>
+							<view class="row-c m-t20" v-if="verifyKey('mate_phone')">
+								<image class="wh-30 m-r20" src="/page_task/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="row-c m-t20" v-if="verifyKey('mate_id_number')">
+								<image class="wh-30 m-r20" src="/page_task/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" v-if="verifyKey('mate_firm')">
+								<image class="wh-30 m-r20" src="/page_task/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>
+				</view>
+
+			</view>
 
-      </view>
-			
 			<view class="m-t30" v-if="linkmanKey.length>0">
 				<view class="row-c p-b10">
 					<view class="dot"></view>
@@ -120,7 +135,9 @@
 							{{index+1}}
 						</view>
 						<text class="size-26 m-lr20 sys-weight-600" v-if="verifyKey('name',2)">{{item.name}}</text>
-						<view class="capsule sys-bg-BFD2CC m-l10 siz-24" v-if="verifyKey('relation_name',2)">{{item.relation_name}}</view>
+						<view class="capsule sys-bg-BFD2CC m-l10 siz-24" v-if="verifyKey('relation_name',2)">
+							{{item.relation_name}}
+						</view>
 					</view>
 					<view class="row-c" v-if="verifyKey('phone',2)">
 						<image class="wh-30 m-r10" src="/page_task/static/img/task-details/phone.png" mode=""></image>
@@ -143,12 +160,12 @@
 			linkman: {
 				default: []
 			},
-      clientKey: {
-        default: []
-      },
-      linkmanKey: {
-        default: []
-      },
+			clientKey: {
+				default: []
+			},
+			linkmanKey: {
+				default: []
+			},
 		},
 		components: {
 			EnImage
@@ -156,16 +173,16 @@
 		data() {
 			return {}
 		},
-    methods: {
-      verifyKey(key,type){
-       if(type!==2){
-         return this.clientKey.indexOf(key)>=0
-       }else {
-         return this.linkmanKey.indexOf(key)>=0
-       }
+		methods: {
+			verifyKey(key, type) {
+				if (type !== 2) {
+					return this.clientKey.indexOf(key) >= 0
+				} else {
+					return this.linkmanKey.indexOf(key) >= 0
+				}
 
-      }
-    },
+			}
+		},
 	}
 </script>
 
@@ -229,4 +246,4 @@
 		border-radius: 50%;
 		background: #0FB160;
 	}
-</style>
+</style>

page_task/task_details/module/property.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="text-color-333">
+	<view class="text-color-333" style="position: relative;left: -15rpx;">
 		<view class="property content p-30 sys-background-fff r-30">
 			<view v-for="(property,propertyKey) in propertyList" class=" size-26">
 				<!-- 房产信息 -->
@@ -16,7 +16,8 @@
 						<view class="size-26 m-tb10">
 							<text class="capsule" v-if="verifyKey('house_city')">{{property.data.house_city}}</text>
 							<text class="capsule" v-if="verifyKey('build_date')">{{property.data.build_date}}年建</text>
-							<text class="capsule" v-if="verifyKey('covered_area')">{{property.data.covered_area}}m²</text>
+							<text class="capsule"
+								v-if="verifyKey('covered_area')">{{property.data.covered_area}}m²</text>
 						</view>
 						<view class="sys-background-fff r-20 p-20">
 							<view class="" v-if="verifyKey('deed_num')">
@@ -24,7 +25,8 @@
 								<text class="m-l10">{{property.data.deed_num}}</text>
 							</view>
 							<view class="row-c m-tb20" v-if="verifyKey('is_pay')">
-								<image class="wh-30 m-r20" src="/page_task/static/img/task-details/money.png" mode="aspectFill">
+								<image class="wh-30 m-r20" src="/page_task/static/img/task-details/money.png"
+									mode="aspectFill">
 								</image>
 								<text>{{property.data.is_pay===1?'已支付材料费':'未支付材料费'}}</text>
 							</view>
@@ -33,27 +35,29 @@
 									mode="aspectFill">
 								</image>
 								<view class="flex">
-									<text class="flex">{{property.data.house_city}}{{property.data.house_address}}</text>
-<!--									<image class="card r-20 m-t20" src="/page_task/static/img/task-details/front.png"-->
-<!--										mode="aspectFill">-->
-<!--									</image>-->
+									<text
+										class="flex">{{property.data.house_city}}{{property.data.house_address}}</text>
+									<!--									<image class="card r-20 m-t20" src="/page_task/static/img/task-details/front.png"-->
+									<!--										mode="aspectFill">-->
+									<!--									</image>-->
 								</view>
 							</view>
 							<view class="sys-from-background-color m-t20 p-20 r-20" v-if="verifyKey('certificate_img')">
 								<view class="m-b20">房产证件</view>
 								<view class="row-c">
-<!--									<image class="picture m-r20 r-10" :src="property.data.certificate_img"-->
-<!--										mode="aspectFill">-->
-<!--									</image>-->
-                  <en-image :img="property.data.certificate_img"></en-image>
+									<!--									<image class="picture m-r20 r-10" :src="property.data.certificate_img"-->
+									<!--										mode="aspectFill">-->
+									<!--									</image>-->
+									<en-image :img="property.data.certificate_img"></en-image>
 								</view>
 							</view>
-							<view class="sys-from-background-color m-t20 p-20 r-20" v-if="property.data.property && property.data.property.length>0">
+							<view class="sys-from-background-color m-t20 p-20 r-20"
+								v-if="property.data.property && property.data.property.length>0">
 								<view class="m-b20">房产关联图片</view>
 								<view class="row-c">
-<!--									<image class="picture m-r20 r-10" :src="property.data.property" mode="aspectFill">-->
-<!--									</image>-->
-                  <en-image :img="property.data.property"></en-image>
+									<!--									<image class="picture m-r20 r-10" :src="property.data.property" mode="aspectFill">-->
+									<!--									</image>-->
+									<en-image :img="property.data.property"></en-image>
 								</view>
 							</view>
 						</view>
@@ -71,8 +75,10 @@
 							<text class="size-24 color-6E6686 m-l10">公司</text>
 						</view>
 						<view class="size-26 m-tb10">
-							<text class="capsule two-text" v-if="verifyKey('insurance_type')">{{property.data.insurance_type}}</text>
-							<text class="capsule two-text" v-if="verifyKey('year_money')">{{property.data.year_money}}元/年</text>
+							<text class="capsule two-text"
+								v-if="verifyKey('insurance_type')">{{property.data.insurance_type}}</text>
+							<text class="capsule two-text"
+								v-if="verifyKey('year_money')">{{property.data.year_money}}元/年</text>
 						</view>
 						<view class="sys-background-fff r-20 p-20">
 							<view class="" v-if="verifyKey('validity_date')">
@@ -80,14 +86,15 @@
 								<text class="m-l10">{{property.data.validity_date}}</text>
 							</view>
 							<view class="row-c m-tb20" v-if="verifyKey('is_fees')">
-								<image class="wh-30 m-r20" src="/page_task/static/img/task-details/money.png" mode="aspectFill">
+								<image class="wh-30 m-r20" src="/page_task/static/img/task-details/money.png"
+									mode="aspectFill">
 								</image>
 								<text>{{property.data.is_fees===1?'满足缴费情况':'未满足缴费情况'}}</text>
 							</view>
 							<view class="sys-from-background-color m-t20 p-20 r-20" v-if="verifyKey('insurance_img')">
 								<view class="m-b20">保单照片</view>
 								<view class="row-c">
-                  <en-image :img="property.data.insurance_img"></en-image>
+									<en-image :img="property.data.insurance_img"></en-image>
 								</view>
 							</view>
 						</view>
@@ -107,8 +114,10 @@
 						</view>
 						<view class="size-26 m-tb10">
 							<text class="capsule two-text" v-if="verifyKey('colour')">{{property.data.colour}}</text>
-							<text class="capsule two-text" v-if="verifyKey('register_date')">{{property.data.register_date}}年登记</text>
-							<text class="capsule two-text" v-if="verifyKey('car_price')">{{property.data.car_price}}万元</text>
+							<text class="capsule two-text"
+								v-if="verifyKey('register_date')">{{property.data.register_date}}年登记</text>
+							<text class="capsule two-text"
+								v-if="verifyKey('car_price')">{{property.data.car_price}}万元</text>
 						</view>
 						<view class="sys-background-fff r-20 p-20">
 							<view class="" v-if="verifyKey('car_num')">
@@ -127,18 +136,18 @@
 								<view class="row-c" v-if="verifyKey('register_img')">
 									<view class="">
 										<text class="size-24">行驶证</text>
-                    <en-image :img="property.data.register_img"></en-image>
+										<en-image :img="property.data.register_img"></en-image>
 									</view>
 									<view class="m-l20" v-if="verifyKey('driving_img')">
 										<text class="size-24">车辆登记证</text>
-                    <en-image :img="property.data.driving_img"></en-image>
+										<en-image :img="property.data.driving_img"></en-image>
 									</view>
 								</view>
 								<view class="row-c" v-if="verifyKey('car_img')">
 									<view class="">
 										<view class="size-24 m-t20">车辆照片</view>
 										<view class="row-c m-t10" style="flex-wrap: wrap;">
-                      <en-image :img="property.data.car_img"></en-image>
+											<en-image :img="property.data.car_img"></en-image>
 										</view>
 									</view>
 								</view>
@@ -157,8 +166,10 @@
 							<text class="size-32 color-11003B sys-weight-600">{{property.data.firm_name}}</text>
 						</view>
 						<view class="size-26 m-tb10">
-							<text class="capsule two-text" v-if="verifyKey('establish_city')">{{property.data.establish_city}}</text>
-							<text class="capsule two-text" v-if="verifyKey('establish_date')">{{property.data.establish_date}}成立</text>
+							<text class="capsule two-text"
+								v-if="verifyKey('establish_city')">{{property.data.establish_city}}</text>
+							<text class="capsule two-text"
+								v-if="verifyKey('establish_date')">{{property.data.establish_date}}成立</text>
 						</view>
 						<view class="sys-background-fff r-20 p-20">
 							<view class="" v-if="verifyKey('year_tax')">
@@ -174,7 +185,8 @@
 								<text class="m-l10">{{property.data.tax_grade_name}}级</text>
 							</view>
 							<view class="row-c m-tb20" v-if="verifyKey('is_end_tax')">
-								<image class="wh-30 m-r20" src="/page_task/static/img/task-details/money.png" mode="aspectFill">
+								<image class="wh-30 m-r20" src="/page_task/static/img/task-details/money.png"
+									mode="aspectFill">
 								</image>
 								<text>{{property.data.is_end_tax===1?'无税务断缴情况':'有税务断缴情况'}}</text>
 							</view>
@@ -191,40 +203,43 @@
 							<view class="sys-from-background-color m-t20 p-20 r-20" v-if="verifyKey('firm_img')">
 								<view class="size-24">企业照片</view>
 								<view class="row-c m-t10" style="flex-wrap: wrap;">
-                  <en-image :img="property.data.firm_img"></en-image>
+									<en-image :img="property.data.firm_img"></en-image>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
 			</view>
-      <en-blank v-if="propertyList.length<=0"></en-blank>
+			<en-blank v-if="propertyList.length<=0"></en-blank>
 		</view>
 	</view>
 </template>
 
 <script>
 	import EnImage from "@/components/en-utils/en-image/en-image.vue";
-  import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
+	import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
 
-  export default {
-    components: {EnBlank, EnImage},
+	export default {
+		components: {
+			EnBlank,
+			EnImage
+		},
 		props: {
 			propertyList: {
 				default: []
 			},
-      propertyKey:{
-        default: []
-      }
+			propertyKey: {
+				default: []
+			}
 		},
 		data() {
 			return {}
 		},
-    methods: {
-      verifyKey(key){
-        return this.propertyKey.indexOf(key)>=0
-      }
-    },
+		methods: {
+			verifyKey(key) {
+				return this.propertyKey.indexOf(key) >= 0
+			}
+		},
 	}
 </script>
 
@@ -324,4 +339,4 @@
 		height: 90rpx;
 		display: block;
 	}
-</style>
+</style>

page_task/task_details/module/record.vue

@@ -58,9 +58,8 @@
 			</view>
 		</view>
 		<en-blank v-if="msgList.length<=0"></en-blank>
-		<uni-popup background-color="#fff" ref="popup" type="bottom" borderRadius="10px 10px 0 0"
-			@touchmove.stop.prevent="moveHandle">
-			<view class="page-env-160">
+		<uni-popup ref="popup" type="bottom" @touchmove.stop.prevent="moveHandle">
+			<view class="page-env-160 sys-background-fff r-20">
 				<view class="row-justify-sb center p-lr30 p-t30">
 					<view class="wh-25"></view>
 					<text class="size-30 sys-weight-600">任务反馈</text>

page_task/task_details/module/third_party.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="text-color-333">
+	<view class="text-color-333" style="position: relative;left: -15rpx;">
 		<view class="apply content p-30 sys-background-fff r-30">
 			<view class="size-26" v-for="(item,index) in tripartite">
 				<view class="">
@@ -20,7 +20,7 @@
 							</view>
 						</view>
 						<view class="row-c m-t20" v-if="verifyKey('identity_one')">
-              <EnImage :list="[item.identity_one,item.identity_two]"></EnImage>
+							<EnImage :list="[item.identity_one,item.identity_two]"></EnImage>
 						</view>
 					</view>
 					<!-- 担保类型 -->
@@ -37,7 +37,7 @@
 							<text class="text-color-666">营业执照编号</text>
 							<text class="m-l16">{{item.id_number}}</text>
 						</view>
-              <EnImage v-if="verifyKey('identity_one')" :list="[item.identity_one]"></EnImage>
+						<EnImage v-if="verifyKey('identity_one')" :list="[item.identity_one]"></EnImage>
 					</view>
 				</view>
 				<view class="m-t20 color-4A2600">
@@ -45,7 +45,9 @@
 						<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>
 							<view class="row-c p-20">
-								<image class="wh-60" src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-put.png" mode=""></image>
+								<image class="wh-60"
+									src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-put.png"
+									mode=""></image>
 								<view class="m-l30">
 									<text class="size-24 text-color-333">{{bank.bank_name}}</text>
 									<view class="size-28 sys-weight-600 m-t10">{{bank.bank_num}}</view>
@@ -62,24 +64,26 @@
 <script>
 	import EnImage from "@/components/en-utils/en-image/en-image.vue";
 
-  export default {
-    components: {EnImage},
+	export default {
+		components: {
+			EnImage
+		},
 		props: {
 			tripartite: {
 				default: []
 			},
-      tripartiteKey:{
-        default :[]
-      }
+			tripartiteKey: {
+				default: []
+			}
 		},
 		data() {
 			return {}
 		},
-    methods: {
-      verifyKey(key){
-        return this.tripartiteKey.indexOf(key)>=0
-      }
-    },
+		methods: {
+			verifyKey(key) {
+				return this.tripartiteKey.indexOf(key) >= 0
+			}
+		},
 	}
 </script>
 
@@ -140,4 +144,4 @@
 		background: #FFE6C8;
 		border-radius: 10rpx 0rpx 10rpx 0rpx;
 	}
-</style>
+</style>

page_task/task_details/task_details.vue

@@ -42,10 +42,10 @@
 				<TaskTab :current="current" @onChange="onChange"></TaskTab>
 			</view>
 		</Nav>
-		<view class="details_body sys-list-background-color task-tabs-width page-env-160"
+		<view class="sys-list-background-color task-tabs-width page-env-160"
 			:style="{top:`${$tools.topHeight()+fixedHeight}px`}">
-			<view class="m-lr20 m-t20">
-				<z-swiper style="width: 95vw;" v-model="list" :options="options" v-if="current === 1">
+			<view class="m-t20">
+				<z-swiper ref="zSwiper" v-model="list" :options="options" v-if="current === 1">
 					<z-swiper-item>
 						<Identity :business="business" :linkman="linkman" :client-key="clientKey"
 							:linkman-key="linkmanKey"></Identity>
@@ -62,6 +62,9 @@
 						<z-swiper-item>
 							<Property :property-list="propertyList" :property-key="propertyKey"></Property>
 						</z-swiper-item>
+						<z-swiper-item>
+							<Property :property-list="propertyList" :property-key="propertyKey"></Property>
+						</z-swiper-item>
 					</z-swiper>
 				</view>
 			</view>
@@ -134,10 +137,12 @@
 		data() {
 			return {
 				current: 1,
-				fixedHeight: 185,
+				fixedHeight: 195,
 				options: {
-					// autoHeight: true,
+					autoHeight: true,
+					slidesPerView: 1.1,
 					centeredSlides: true,
+					spaceBetween: 10
 				},
 				list: [1, 2, 3],
 				lists: [1, 2],
@@ -345,6 +350,7 @@
 					this.isExecute = res.data.isExecute
 					this.businessFile = res.data.businessFile
 					this.$refs.recordObj.startData()
+					this.$refs.zSwiper.swiper
 					this.setShowKey()
 				} else {
 					tools.leftClick()