no message

components/en-utils/en-image/en-image.vue

@@ -52,7 +52,7 @@
 			},
 			onPreviewImage(item) {
         console.log(item)
-        this.$emit('onShowImg',item)
+        this.$emit('onShowImg',this.imgList)
 			}
 		}
 	}
@@ -66,4 +66,4 @@
 	.image-item {
 		display: block;
 	}
-</style>
+</style>

page_task/task_details/module/entities.vue

@@ -151,8 +151,9 @@
         this.stageList=[{'attachmentName':'大连迈世未履行（2024）辽0211民初2861号民事判决书','attachmentFormat':'docx','attachmentSize':1165710},]
         this.oneList=[{'attachmentName':'大连迈世农业发展有限公司','attachmentFormat':'docx','attachmentSize':1165710},]
         this.twoList=[{'attachmentName':'迈世集团有限公司','attachmentFormat':'docx','attachmentSize':1165710},]
-        this.fourList=[{'attachmentName':'迈世集团有限公司','attachmentFormat':'docx','attachmentSize':1165710},]
-        this.threeList=[{'attachmentName':'中信银行股份有限公司大连分行','attachmentFormat':'docx','attachmentSize':1165710},{'attachmentName':'景山东园7号13层2号房屋','attachmentFormat':'docx','attachmentSize':1165710},]
+        this.fourList=[{'attachmentName':'中信银行股份有限公司大连分行','attachmentFormat':'docx','attachmentSize':1165710},]
+        this.threeList=[{'attachmentName':'宜居园81号2单元1层1号房屋','attachmentFormat':'docx','attachmentSize':1165710},
+          {'attachmentName':'景山东园7号13层2号房屋','attachmentFormat':'docx','attachmentSize':1165710},]
       },
     },
   }

page_task/task_details/module/property.vue

@@ -3,215 +3,45 @@
 		<view class="property content p-30 sys-background-fff r-30" :style="{height}">
 			<view v-for="(property,propertyKey) in propertyList" class=" size-26">
 				<!-- 房产信息 -->
-				<view v-if="property.property_type===1" class="">
+				<view  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="" v-if="verifyKey('property_owner')">
-							<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" 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" >{{property.house_city}}</text>
+							<text class="capsule" >{{property.build_date}}年建</text>
+							<text class="capsule">{{property.covered_area}}m²</text>
 						</view>
 						<view class="sys-background-fff r-20 p-20">
-							<view class="" v-if="verifyKey('deed_num')">
+							<view class="" >
 								<text class="text-color-666">房产证号</text>
-								<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>
-								<text>{{property.data.is_pay===1?'已支付材料费':'未支付材料费'}}</text>
+								<text class="m-l10">{{property.deed_num}}</text>
 							</view>
-							<view class="row m-t20" v-if="verifyKey('house_city')">
+              <view class="" >
+                <text class="text-color-666">评估价格</text>
+                <text class="m-l10">{{property.currentPrice}}</text>
+              </view>
+              <view class="" >
+                <text class="text-color-666">起拍价格</text>
+                <text class="m-l10">{{property.startPrice}}</text>
+              </view>
+
+							<view class="row m-t20" >
 								<image class="wh-30 m-r20 p-t6" src="/page_task/static/img/task-details/address-two.png"
 									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.house_city}}{{property.house_address}}</text>
 								</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 @onShowImg="onPreviewImage"
-										: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="m-b20">房产关联图片</view>
-								<view class="row-c">
-									<!--									<image class="picture m-r20 r-10" :src="property.data.property" mode="aspectFill">-->
-									<!--									</image>-->
-									<en-image @onShowImg="onPreviewImage" :img="property.data.property"></en-image>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-				<!-- 保单信息 -->
-				<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>
-					</view>
-					<view class="property-box-two r-20 m-t30 p-20" v-if="verifyKey('insurance_name')">
-						<view class="">
-							<text class="size-32 color-11003B sys-weight-600">{{property.data.insurance_name}}</text>
-							<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.type_name}}</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')">
-								<text class="text-color-666">有效期</text>
-								<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>
-								<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 @onShowImg="onPreviewImage" :img="property.data.insurance_img"></en-image>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
 
-				<!-- 车辆信息 -->
-				<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>
-					</view>
-					<view class="property-box-three r-20 m-t30 p-20">
-						<view class="" v-if="verifyKey('brand_name')">
-							<text class="size-32 color-11003B sys-weight-600">{{property.data.brand_name}}</text>
-							<text class="size-24 color-6E6686 m-l10">品牌</text>
-						</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>
-						</view>
-						<view class="sys-background-fff r-20 p-20">
-							<view class="" v-if="verifyKey('car_num')">
-								<text class="text-color-666">车牌号</text>
-								<text class="m-l10">{{property.data.car_num}}</text>
-							</view>
-							<view class="m-tb16" v-if="verifyKey('car_vin')">
-								<text class="text-color-666">车架号</text>
-								<text class="m-l10">{{property.data.car_vin}}</text>
-							</view>
-							<view class="" v-if="verifyKey('car_type')">
-								<text class="text-color-666">车牌类型</text>
-								<text class="m-l10">{{property.data.car_type===1?'运营车':'非运营车'}}</text>
-							</view>
 							<view class="sys-from-background-color m-t20 p-20 r-20">
-								<view class="row-c" v-if="verifyKey('register_img')">
-									<view class="">
-										<text class="size-24">行驶证</text>
-										<en-image @onShowImg="onPreviewImage"
-											:img="property.data.register_img"></en-image>
-									</view>
-									<view class="m-l20" v-if="verifyKey('driving_img')">
-										<text class="size-24">车辆登记证</text>
-										<en-image @onShowImg="onPreviewImage"
-											: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 @onShowImg="onPreviewImage"
-												:img="property.data.car_img"></en-image>
-										</view>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-				<!-- 企业信息 -->
-				<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>
-					</view>
-					<view class="property-box-four r-20 m-t30 p-20">
-						<view class="" v-if="verifyKey('firm_name')">
-							<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>
-						</view>
-						<view class="sys-background-fff r-20 p-20">
-							<view class="" v-if="verifyKey('year_tax')">
-								<text class="text-color-666">年交税额</text>
-								<text class="m-l10">{{property.data.year_tax}}元</text>
-							</view>
-							<view class="m-tb16" v-if="verifyKey('year_invoice')">
-								<text class="text-color-666">年开票额</text>
-								<text class="m-l10">{{property.data.year_invoice}}元</text>
-							</view>
-              <view class="m-tb16" v-if="verifyKey('year_money')">
-                <text class="text-color-666">年交费额</text>
-                <text class="m-l10">{{property.data.year_money}}元</text>
-              </view>
-							<view class="" v-if="verifyKey('tax_grade_name')">
-								<text class="text-color-666">税务登记</text>
-								<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>
-								<text>{{property.data.is_end_tax===1?'无税务断缴情况':'有税务断缴情况'}}</text>
-							</view>
-							<view class="row m-t20" v-if="verifyKey('establish_address')">
-								<image class="wh-30 m-r20 p-t6" src="/page_task/static/img/task-details/address-two.png"
-									mode="aspectFill">
-								</image>
-								<view class="flex">
-									<text class="flex">{{property.data.establish_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('firm_img')">
-								<view class="size-24">企业照片</view>
-								<view class="row-c m-t10" style="flex-wrap: wrap;">
-									<en-image @onShowImg="onPreviewImage" :img="property.data.firm_img"></en-image>
+								<view class="m-b20">房产关联图片</view>
+								<view class="row-c">
+									<en-image @onShowImg="onPreviewImage" :img="property.property"></en-image>
 								</view>
 							</view>
 						</view>
@@ -248,8 +78,10 @@
 			return {}
 		},
 		methods: {
-			onPreviewImage(url) {
-				this.$emit('onShowImg', url)
+			onPreviewImage(urls) {
+        uni.previewImage({
+          urls: urls,
+        })
 			},
 			verifyKey(key) {
 				return this.propertyKey.indexOf(key) >= 0

page_task/task_details/task_details.vue

@@ -37,7 +37,9 @@
       </view>
     </Nav>
     <view class="sys-list-background-color task-tabs-width ">
-        <view v-if="current === 1"></view>
+        <view class="p-20" v-if="current === 1">
+          <property :property-list="propertyList"></property>
+        </view>
         <view v-else-if="current ===2">
           <graph @setNode="setNode"></graph>
         </view>
@@ -166,7 +168,7 @@ export default {
       creditHeight: '100%',
       basicType:['1'],
       restType:['2'],
-      isReturn:0
+      isReturn:0,
     }
   },
   onLoad(data) {
@@ -176,12 +178,46 @@ export default {
 
   },
   mounted() {
-
+    this.propertyList=[{
+      'house_city':'大连市',
+      'build_date':'2018',
+      'covered_area':'98.75',
+      'deed_num':'202000122985',
+      'currentPrice':'1165710.00',
+      'startPrice':'652798.00',
+      'house_address':'宜居园81号2单元1层1号房屋',
+      'property':[
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/340792/30/21785/86397/68f6f6d7Ff0fdb2ab/d9ad7c8f2cdef1dc.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/338664/12/22399/52751/68f6f6d7F6fd72b4b/6ed837bd5826b6f7.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/347815/36/15489/64283/68f6f6d6F385e4cb9/0bdb5d185413939e.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/247415/33/34929/101756/68f6f6d6F1fcacd2d/ebd5f58bd3299959.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/338536/26/21976/65848/68f6f6d6F9e69fc0e/9abb292a0b12c485.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/300340/7/16860/116238/68f6f6d6Fe3e55ad4/628c7839402fde8f.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/341569/12/14423/82158/68f6f6d5F60b3c33d/0052294617b20ac9.jpg',
+          'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/338017/16/22104/211768/68f6f6d5Ff213b5a7/e02c819294a0f54e.jpg',
+      ],
+    },{
+      'house_city':'大连市',
+      'build_date':'2015',
+      'covered_area':'158.75',
+      'currentPrice':'1733994.00',
+      'startPrice':'971100.00',
+      'deed_num':'201800091904',
+      'house_address':'景山东园7号13层2号房屋',
+      'property':[
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/336828/3/23029/147354/68f88ca1Fea4587dd/df1bf78aafd25a47.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/333084/1/26093/211684/68f88ca0F4d5d776f/75d941dd88e60852.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/246517/14/36611/138443/68f88ca0F32cbe247/b6dad4e0cd5b7d6c.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/329093/21/26448/175950/68f88c9fF28d563a6/b25361a29a36d51d.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/337862/13/18345/185848/68f88c9eFc9f70bd8/bd0ac6b32e4907da.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/344813/19/15929/106687/68f88c9eFf8d93ccc/41e7a6521c8100ab.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/247350/15/32118/248714/68f88c9dFb9c7a4b1/798b50954163dadf.jpg',
+        'https://img10.360buyimg.com/imgw/s288x1000_jfs/t1/332110/23/25736/365991/68f88c9cF9d0da101/c5f5f6030115d550.jpg',
+      ],
+    }]
   },
   methods: {
     setNode(node){
-      console.log("----------事件回调----------")
-      console.log(node)
       node.attachmentName=node.name
       this.$refs.popupModuleRef.openPop(node.nodeType,node)
     },