no message

page_task/task_details/module/property.vue

@@ -2,51 +2,64 @@
 	<view class="text-color-333">
 		<view class="property">
 			<image class="bg-box" src="/static/img/task-details/bg-four.png" mode=""></image>
-			<view class="content p-30 sys-background-fff r-30 size-26">
+			<view v-for="(property,propertyKey) in propertyList" class="content p-30 sys-background-fff r-30 size-26">
 				<!-- 房产信息 -->
-				<view class="">
+				<view v-if="property.property_type===1" class="">
 					<view class="row-c">
 						<view class="dot"></view>
 						<text class="sys-weight-600 m-l10">房产信息</text>
 					</view>
 					<view class="property-box-one r-20 m-t30 p-20">
 						<view class="">
-							<text class="size-32 color-11003B sys-weight-600">张三</text>
+							<text class="size-32 color-11003B sys-weight-600">{{property.data.property_owner}}</text>
 							<text class="size-24 color-6E6686 m-l10">产权人</text>
 						</view>
 						<view class="size-26 m-tb10">
-							<text class="capsule">居住</text>
-							<text class="capsule">2012年建</text>
-							<text class="capsule">88m²</text>
+							<text class="capsule">{{property.data.house_address}}</text>
+							<text class="capsule">{{property.data.build_date}}年建</text>
+							<text class="capsule">{{property.data.covered_area}}m²</text>
 						</view>
 						<view class="sys-background-fff r-20 p-20">
 							<view class="">
 								<text class="text-color-666">房产证号</text>
-								<text class="m-l10">XZ45564546</text>
+								<text class="m-l10">{{property.data.deed_num}}</text>
 							</view>
 							<view class="row-c m-tb20">
 								<image class="wh-30 m-r20" src="/static/img/task-details/money.png" mode="aspectFill">
 								</image>
-								<text>已支付材料费</text>
+								<text>{{property.data.remark}}</text>
 							</view>
 							<view class="row m-t20">
 								<image class="wh-30 m-r20 p-t6" src="/static/img/task-details/address-two.png"
 									mode="aspectFill">
 								</image>
 								<view class="flex">
-									<text class="flex">四川省 成都市 武侯区 置信南街 61 号 兰园5栋 2 单元 5楼这是俩排的地</text>
+									<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>
 								</view>
 							</view>
-							</image>
+              <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="/static/img/task-details/property-one.png" mode="">
-						</image>
+						<image class="property-icon wh-100" :src="property.data.certificate_img" mode="">	</image>
 					</view>
 				</view>
 				<!-- 保单信息 -->
-				<view class="m-t30">
+				<view v-else-if="property.property_type===2" class="m-t30">
 					<view class="row-c">
 						<view class="dot"></view>
 						<text class="sys-weight-600 m-l10">保单信息</text>
@@ -85,7 +98,7 @@
 				</view>
 
 				<!-- 车辆信息 -->
-				<view class="m-t30">
+				<view v-else-if="property.property_type===3" class="m-t30">
 					<view class="row-c">
 						<view class="dot"></view>
 						<text class="sys-weight-600 m-l10">车辆信息</text>
@@ -144,7 +157,7 @@
 					</view>
 				</view>
 				<!-- 企业信息 -->
-				<view class="m-t30">
+				<view v-else-if="property.property_type===4" class="m-t30">
 					<view class="row-c">
 						<view class="dot"></view>
 						<text class="sys-weight-600 m-l10">车辆信息</text>
@@ -183,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">
+                         mode="aspectFill"></image>
 								</view>
 							</view>
 							<view class="sys-from-background-color m-t20 p-20 r-20">
@@ -207,7 +220,9 @@
 <script>
 	export default {
 		props: {
-
+      propertyList: {
+        default: {}
+      },
 		},
 		data() {
 			return {}

page_task/task_details/module/third_party.vue

@@ -2,14 +2,14 @@
 	<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">
+			<view class="content p-30 sys-background-fff r-30 size-26" v-for="(item,index) in tripartite">
 				<view class="">
 					<view class="row-c">
 						<view class="dot"></view>
-						<text class="sys-weight-600 m-l10">个人担保信息</text>
+						<text class="sys-weight-600 m-l10">{{item.type===1?'个人':'企业'}}担保信息</text>
 					</view>
 					<!-- 个人担保信息 -->
-					<view class="sys-from-background-color r-30 p-20 m-t30">
+					<view v-if="item.type===1" class="sys-from-background-color r-30 p-20 m-t30">
 						<view class="row-c">
 							<view class="m-r40">
 								<text class="text-color-666">担保类型</text>
@@ -17,42 +17,42 @@
 							</view>
 							<view class="m-l40">
 								<text class="text-color-666">担保人姓名</text>
-								<text class="m-l16">张三</text>
+								<text class="m-l16">{{item.name}}</text>
 							</view>
 						</view>
 						<view class="row-c m-t20">
-							<image class="card r-20" src="/static/img/task-details/front.png" mode="aspectFill"></image>
-							<image class="card r-20 m-l20" src="/static/img/task-details/front.png" mode="aspectFill">
+							<image class="card r-20" :src="item.identity_one" mode="aspectFill"></image>
+							<image class="card r-20 m-l20" :src="item.identity_two" mode="aspectFill">
 							</image>
 						</view>
 					</view>
 					<!-- 担保类型 -->
-					<view class="sys-from-background-color r-30 p-20 m-t30">
+					<view v-else class="sys-from-background-color r-30 p-20 m-t30">
 						<view class="">
 							<text class="text-color-666">担保类型</text>
 							<text class="m-l16">企业</text>
 						</view>
 						<view class="m-tb16">
 							<text class="text-color-666">企业名称</text>
-							<text class="m-l16">城都九吨科技</text>
+							<text class="m-l16">{{item.name}}</text>
 						</view>
 						<view class="">
 							<text class="text-color-666">营业执照编号</text>
-							<text class="m-l16">YZ234566789</text>
+							<text class="m-l16">{{item.id_number}}</text>
 						</view>
-						<image class="card r-20 m-t20" src="/static/img/task-details/front.png" mode="aspectFill">
+						<image class="card r-20 m-t20" :src="item.identity_one" mode="aspectFill">
 						</image>
 					</view>
 				</view>
-				<view class="m-t20 color-4A2600">
+				<view v-else class="m-t20 color-4A2600">
 					<view class="apply-box p-20 r-20">
-						<view class="message-box r-20 m-b20" v-for="(item,index) in 3" :key="index">
-							<text class="title-text sys-weight-600">银行信息(1)</text>
+						<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="/static/img/task/task-put.png" mode=""></image>
 								<view class="m-l30">
-									<text class="size-24 text-color-333">长春农商银行</text>
-									<view class="size-28 sys-weight-600 m-t10">8968 9759 6768 6970</view>
+									<text class="size-24 text-color-333">{{bank.bank_name}}</text>
+									<view class="size-28 sys-weight-600 m-t10">{{bank.bank_num}}</view>
 								</view>
 							</view>
 						</view>

page_task/task_details/task_details.vue

@@ -54,7 +54,7 @@
 				<view class="" v-if="current === 2">
 					<z-swiper v-model="lists" :options="options">
 						<z-swiper-item>
-							<Property></Property>
+							<Property :property-list="propertyList"></Property>
 						</z-swiper-item>
 					</z-swiper>
 				</view>