style：修改页面样式问题

common/task/task-item.vue

@@ -11,7 +11,9 @@
 							<text class="text-color-333 sys-weight-600">{{item.product_name}}</text>
 							<view class="row-c line-40" @click.stop="makingCall(item.phone)">
 								<text class="size-26 text-color-333">{{item.name}}</text>
-								<image class="wh-30 m-l16" src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-phone.png" mode=""></image>
+								<image class="wh-30 m-l16"
+									src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-phone.png"
+									mode=""></image>
 							</view>
 						</view>
 						<view
@@ -23,11 +25,11 @@
 						</view>
 						<view class="row-justify-sb center" style="line-height: 40rpx;">
 							<text class="size-24 text-color-999 flex">{{item.created_date}}</text>
-              <image class="animate__animated animate__jello" style="width: 65rpx;height: 32rpx;" :src="'/static/img/task/day-stast-'+item.status+'.png'"
-                     v-if="type === 5">
-              </image>
-							<image class="animate__animated animate__jello" style="width: 65rpx;height: 32rpx;" :src="'/static/img/task/task-status-'+item.status+'.png'"
-								v-if="type === 1">
+							<image class="animate__animated animate__jello" style="width: 65rpx;height: 32rpx;"
+								:src="'/static/img/task/day-stast-'+item.status+'.png'" v-if="type === 5">
+							</image>
+							<image class="animate__animated animate__jello" style="width: 65rpx;height: 32rpx;"
+								:src="'/static/img/task/task-status-'+item.status+'.png'" v-if="type === 1">
 							</image>
 							<button class="button-background en_button sys-weight-500 text-color-fff size-28 r-100"
 								style="width: 200rpx;height: 70rpx;line-height: 70rpx;" type="default"
@@ -50,7 +52,7 @@
 			</view>
 			<view class="placeholder sys-list-background-color" v-if="is_bottom && taskList.length"></view>
 		</view>
-		<en-blank  v-else></en-blank>
+		<en-blank v-else></en-blank>
 	</view>
 </template>
 
@@ -102,14 +104,14 @@
 			return {
 				leftImg: ['task-house', 'task-business', 'task-repayment'],
 				iconList: ['task-audit', 'task-do', 'task-stay'],
-				lineColor: [ '#EF8F27','#DE5847', '#0FB160'],
+				lineColor: ['#EF8F27', '#DE5847', '#0FB160'],
 				isAjax: false
 			}
 		},
 		methods: {
-      makingCall(phone) {
-        tools.makingCall(phone)
-      },
+			makingCall(phone) {
+				tools.makingCall(phone)
+			},
 			takeTask(index) {
 				if (this.isAjax) {
 					return;
@@ -135,15 +137,15 @@
 				return `https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/${this.leftImg[this.leftImgStatus]}.png`
 			},
 			onTaskDetails(item) {
-        if(item.business_id){
-          uni.navigateTo({
-            url: '/page_task/task_details/task_details?taskId=' + item.business_id
-          })
-        }else {
-          uni.navigateTo({
-            url: '/page_task/task_details/task_details?taskId=' + item.id
-          })
-        }
+				if (item.business_id) {
+					uni.navigateTo({
+						url: '/page_task/task_details/task_details?taskId=' + item.business_id
+					})
+				} else {
+					uni.navigateTo({
+						url: '/page_task/task_details/task_details?taskId=' + item.id
+					})
+				}
 
 			}
 		}
@@ -187,4 +189,4 @@
 	button::after {
 		border: none;
 	}
-</style>
+</style>

components/en-utils/en-blank/en-blank.vue

@@ -1,7 +1,9 @@
 <template>
 	<view class="blank-page  animate__animated animate__fadeIn" v-if="showBlank">
 		<view class="blank-img-box">
-			<image class="image" src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/public/task-empty.png" mode=""></image>
+			<image class="image"
+				src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/public/task-empty.png" mode="">
+			</image>
 		</view>
 		<view class="blank-text">
 			<text>{{message}}</text>
@@ -106,4 +108,4 @@
 		text-align: center;
 		font-size: 30rpx
 	}
-</style>
+</style>

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

@@ -3,7 +3,6 @@
 		<view class="row image-box">
 			<image class="image-item r-10 m-r20 m-b20" :style="[{width},{height}]" :src="item" mode="aspectFill"
 				v-for="(item,index) in imgList" @click="onPreviewImage(item)"></image>
-			<image class="wh-45" src="/static/img/task/play.png" mode="aspectFill"></image>
 		</view>
 	</view>
 </template>

components/static/css/en-common.css

@@ -1,29 +1,32 @@
 @import "en-iconfont.css";
 
 :root {
-    /*所有字体颜色*/
-    --font-color:#333333;
-    /*所有未选中颜色*/
-    --unselected-color:#333333;
-    /*所有选中颜色*/
-    --selected-color:#3169FA;
+	/*所有字体颜色*/
+	--font-color: #333333;
+	/*所有未选中颜色*/
+	--unselected-color: #333333;
+	/*所有选中颜色*/
+	--selected-color: #3169FA;
 }
 
 .iconfont {
-    font-size: 36rpx;
-    color: #333333;
+	font-size: 36rpx;
+	color: #333333;
 }
-.box{
-    background-color: #ffffff;
-    border-bottom: 2rpx solid #F0F0F0;
-    padding: 32rpx 0 30rpx 0;
-    font-size: 32rpx;
+
+.box {
+	/* background-color: #ffffff; */
+	border-bottom: 2rpx solid #F0F0F0;
+	padding: 32rpx 0 30rpx 0;
+	font-size: 32rpx;
 }
-.no-box{
-    border-bottom:none;
+
+.no-box {
+	border-bottom: none;
 }
+
 .input-box-left {
-    width: 210rpx;
-    min-width: 210rpx;
-    color: var(--font-color);
-}
+	width: 210rpx;
+	min-width: 210rpx;
+	color: var(--font-color);
+}

page_task/apply/apply.vue

@@ -53,8 +53,8 @@
 			</view>
 			<!-- 基本信息end -->
 			<!-- 抵押信息start -->
-			<view id="apply-info" class="m-t20 m-lr30 text-color-12" v-if="step === 2">
-				<view :id="`info${index}`" class="sys-background-fff r-20 p-20 m-b20"
+			<view id="apply-info" class="m-t20 text-color-12" v-if="step === 2">
+				<view :id="`info${index}`" class="sys-background-fff r-20 p-20 m-b20 m-lr30 "
 					v-for="(applyItem,index) in appliesInfo.apply_data" :key="index">
 					<view class="sys-from-background-color p-20 r-20 size-26" v-if="editIndex!==index">
 						<view class="">
@@ -144,7 +144,13 @@
 					</view>
 					<view v-else>
 						<view class="">
-							<text class="size-30 sys-weight-600'">抵押信息{{index+1}}</text>
+							<view class="row-justify-sb center p-b10">
+								<text class="size-30 sys-weight-600">抵押信息({{index+1}})</text>
+								<image class="wh-30"
+									src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
+									mode="aspectFill" @click="onDeleteInfo(index)">
+								</image>
+							</view>
 							<en-radio name="申请类型" v-model="applyItem.apply_type" v-if="verifyKey('apply_type')"
 								:list="applyData"></en-radio>
 							<view v-if="applyItem.apply_type*1===2">
@@ -154,8 +160,8 @@
 									type="digit" placeholder="请输入定金" rightText="万元"></en-input>
 								<en-input label="资金监管" v-model="applyItem.supervise" v-if="verifyKey('supervise')"
 									type="digit" placeholder="请输监管金额" rightText="万元"></en-input>
-								<en-radio label="批复类型" v-model="applyItem.reply_type"
-									v-if="verifyKey('reply_type')" :list="replyData"></en-radio>
+								<en-radio label="批复类型" v-model="applyItem.reply_type" v-if="verifyKey('reply_type')"
+									:list="replyData"></en-radio>
 								<en-input label="成交中介" v-model="applyItem.intermediary" v-if="verifyKey('intermediary')"
 									type="text" placeholder="请输入中介公司名称"></en-input>
 							</view>
@@ -166,7 +172,15 @@
 								:propertyList="propertyList"></property-select>
 						</view>
 						<view class="m-t30" v-for="(repaymentItem,repaymentIndex) in applyItem.repayment_data">
-							<text class="size-30 sys-weight-600'">{{applyItem.apply_type*1===1?'还款信息':'监管银行卡信息'}}</text>
+							<view class="row-justify-sb center p-b10">
+								<text
+									class="size-30 sys-weight-600">{{applyItem.apply_type*1===1?'还款信息':'监管银行卡信息'}}</text>
+								<image class="wh-30"
+									src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
+									mode="aspectFill" @click="onDeleteInfo(index)">
+								</image>
+							</view>
+
 							<en-input v-if="applyItem.apply_type*1===1" v-model="repaymentItem.money" label="还款金额"
 								type="number" placeholder="请输入还款金额" rightText="万元"></en-input>
 							<add-bank :bank-name.sync="repaymentItem.bank_name"
@@ -174,12 +188,19 @@
 						</view>
 						<view class="row">
 							<button class="size-26 r-10 button-color apply-button bank-button m-t30"
-								hover-class="is-hover" @click="addBank(index,1)">+{{applyItem.apply_type*1===1?'还款信息':'监管银行卡信息'}}</button>
+								hover-class="is-hover"
+								@click="addBank(index,1)">+{{applyItem.apply_type*1===1?'还款信息':'监管银行卡信息'}}</button>
 							<view class="flex"></view>
 						</view>
 
 						<view class="m-t30" v-for="(loanItem,loanIndex) in applyItem.loan_data">
-							<text class="size-30 sys-weight-600'">放款账户信息</text>
+							<view class="row-justify-sb center p-b10">
+								<text class="size-30 sys-weight-600">放款账户信息</text>
+								<image class="wh-30"
+									src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
+									mode="aspectFill" @click="onDeleteInfo(index)">
+								</image>
+							</view>
 							<en-input label="批复金额" type="number" v-model="loanItem.money" placeholder="请输入批复金额"
 								rightText="万元"></en-input>
 							<add-bank :bank-name.sync="loanItem.bank_name"
@@ -201,14 +222,17 @@
 						</view> -->
 					</view>
 				</view>
-        <en-blank message="暂无抵押申请信息~~" v-if="appliesInfo.apply_data.length<=0"></en-blank>
-				<button class="size-26 r-10 button-color apply-button m-t30" hover-class="is-hover"
+				<view class="m-lr10">
+					<en-blank message="暂无抵押申请信息~~" v-if="appliesInfo.apply_data.length<=0"></en-blank>
+				</view>
+				<button class="size-26 r-10 button-color apply-button m-t30 m-lr30" hover-class="is-hover"
 					@click="addApply">+添加申请信息</button>
 			</view>
 			<!-- 抵押信息end -->
 		</view>
-    <EnButton  v-if="step === 1"  :text="'下一步'"  @onSubmit="onStep"></EnButton>
-		<EnButton :is_both="1" v-else :leftText="'上一步'" :rightText="'提交'" @onLeftSubmit="onLeftSubmit" @onSubmit="onSubmit">
+		<EnButton v-if="step === 1" :text="'下一步'" @onSubmit="onStep"></EnButton>
+		<EnButton :is_both="1" v-else :leftText="'上一步'" :rightText="'提交'" @onLeftSubmit="onLeftSubmit"
+			@onSubmit="onSubmit">
 		</EnButton>
 	</view>
 </template>
@@ -225,11 +249,11 @@
 		getTaskOptions
 	} from "@/api/task";
 	import tools from "@/service/tools";
-  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,
+			EnBlank,
 			AddBank,
 			PropertySelect,
 			EnDate,
@@ -372,7 +396,7 @@
 					this.appliesInfo.apply_data = []
 				}
 				this.appliesInfo.apply_data.push(JSON.parse(JSON.stringify(this.applyItem)))
-        this.editIndex=this.appliesInfo.apply_data.length-1
+				this.editIndex = this.appliesInfo.apply_data.length - 1
 			},
 			verifyKey(field) {
 				return this.showKeys.indexOf(field) >= 0
@@ -417,10 +441,10 @@
 			// 完成
 			onSubmit() {
 
-        uni.$emit('putAppliesInfo',this.appliesInfo)
-        setTimeout(()=>{
-          tools.leftClick()
-        },50)
+				uni.$emit('putAppliesInfo', this.appliesInfo)
+				setTimeout(() => {
+					tools.leftClick()
+				}, 50)
 			},
 
 			// 编辑单个信息

page_task/property/components/house.vue

@@ -1,31 +1,89 @@
 <template>
 	<view class="">
 		<view class="data-from" v-for="(item,index) in houseList">
-			<view class="size-28 sys-weight-600 p-t30">
-				房产信息({{index+1}})
+			<view class="p-t30">
+				<view class="sys-from-background-color p-20 r-20">
+					<view class="row-justify-sb center">
+						<text class="size-28 sys-weight-600">房产信息({{index+1}})</text>
+						<view class="row-c sys-background-fff r-100 p-lr40 p-tb10">
+							<image class="wh-30"
+								src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/edit.png"
+								mode="aspectFill" @click="onEditInfo(index)"></image>
+							<view class="title-line m-lr20"></view>
+							<image class="wh-30"
+								src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
+								mode="aspectFill" @click="onDeleteInfo(index)">
+							</image>
+						</view>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>产权人：</view>
+						<text class="flex">产权人</text>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>房产证号：</view>
+						<text class="flex">产权人</text>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>房产地址：</view>
+						<text class="flex">重庆市 渝中区 大坪龙湖时代天街5栋3-1</text>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>房屋用途：</view>
+						<text class="flex">产权人</text>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>建成年份：</view>
+						<text class="flex">产权人</text>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>建筑面积：</view>
+						<text class="flex">产权人</text>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>房产证件：</view>
+						<image class="wh-110" src="/static/img/index/top-nav.png" mode=""></image>
+						<EnImage></EnImage>
+					</view>
+					<view class="row p-t30">
+						<view class="text-color-666"><text></text>备注：</view>
+						<text class="flex">产权人</text>
+					</view>
+				</view>
+			</view>
+			<view class="p-t30">
+				<view class="row-justify-sb center p-b10">
+					<text class="size-28 sys-weight-600">房产信息({{index+1}})</text>
+					<view class="row-c sys-background-fff r-100">
+						<image class="wh-30"
+							src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/delete.png"
+							mode="aspectFill" @click="onDeleteInfo(index)">
+						</image>
+					</view>
+				</view>
+				<en-input label="产权人" type="text" placeholder="请输入产权人" v-model="item.data.property_owner"
+					v-if="verifyKey('property_owner')"></en-input>
+				<en-input label="房产证号" v-model="item.data.deed_num" v-if="verifyKey('deed_num')" type="text"
+					placeholder="请输入房产证号"></en-input>
+				<en-city label="房产城市" v-model="item.data.house_city" v-if="verifyKey('house_city')"
+					placeholder="请选择省、市、区"></en-city>
+				<en-input label="房产地址" v-model="item.data.house_address" v-if="verifyKey('house_address')" type="text"
+					placeholder="请输入房产详细地址"></en-input>
+				<en-select label="房屋用途" v-model="item.data.house_use" v-if="verifyKey('house_use')"
+					placeholder="请选择房屋用途" :local-data="houseTypeData"></en-select>
+				<en-date label="建成年份" v-model="item.data.build_date" v-if="verifyKey('build_date')"
+					placeholder="选择房屋建成年份"></en-date>
+				<en-radio label="材料费" v-model="item.data.is_pay" v-if="verifyKey('is_pay')"
+					:radio-data="payData"></en-radio>
+				<en-input label="建筑面积" v-model="item.data.covered_area" v-if="verifyKey('covered_area')" type="digit"
+					placeholder="请输入建筑面积" rightText="㎡"></en-input>
+				<en-upload label="上传房产证件" v-model="item.data.certificate_img" v-if="verifyKey('certificate_img')"
+					:imageWidth="180"></en-upload>
+				<en-upload label="上传房产关联图片" v-model="item.data.property" v-if="verifyKey('property')"
+					:imageWidth="180"></en-upload>
+				<en-input label="备注" v-model="item.data.remark" v-if="verifyKey('remark')" type="text"
+					placeholder="请输入备注信息" :noBox="true"></en-input>
 			</view>
-			<en-input label="产权人" type="text" placeholder="请输入产权人" v-model="item.data.property_owner"
-				v-if="verifyKey('property_owner')"></en-input>
-			<en-input label="房产证号" v-model="item.data.deed_num" v-if="verifyKey('deed_num')" type="text"
-				placeholder="请输入房产证号"></en-input>
-			<en-city label="房产城市" v-model="item.data.house_city" v-if="verifyKey('house_city')"
-				placeholder="请选择省、市、区"></en-city>
-			<en-input label="房产地址" v-model="item.data.house_address" v-if="verifyKey('house_address')" type="text"
-				placeholder="请输入房产详细地址"></en-input>
-			<en-select label="房屋用途" v-model="item.data.house_use" v-if="verifyKey('house_use')" placeholder="请选择房屋用途"
-				:local-data="houseTypeData"></en-select>
-			<en-date label="建成年份" v-model="item.data.build_date" v-if="verifyKey('build_date')"
-				placeholder="选择房屋建成年份"></en-date>
-			<en-radio label="材料费" v-model="item.data.is_pay" v-if="verifyKey('is_pay')"
-				:radio-data="payData"></en-radio>
-			<en-input label="建筑面积" v-model="item.data.covered_area" v-if="verifyKey('covered_area')" type="digit"
-				placeholder="请输入建筑面积" rightText="㎡"></en-input>
-			<en-upload label="上传房产证件" v-model="item.data.certificate_img" v-if="verifyKey('certificate_img')"
-				:imageWidth="180"></en-upload>
-			<en-upload label="上传房产关联图片" v-model="item.data.property" v-if="verifyKey('property')"
-				:imageWidth="180"></en-upload>
-			<en-input label="备注" v-model="item.data.remark" v-if="verifyKey('remark')" type="text" placeholder="请输入备注信息"
-				:noBox="true"></en-input>
 		</view>
 		<en-blank message="暂无房产信息,快来添加吧！" v-if="houseList.length<=0"></en-blank>
 		<button class="size-26 r-10 button-color house-button m-t30" hover-class="is-hover"
@@ -34,20 +92,21 @@
 </template>
 
 <script>
-	import enInput from "@/components/en-from/en-input/en-input.vue"
-	import EnCity from "@/components/en-from/en-city/en-city.vue";
-	import EnUpload from "@/components/en-from/en-upload/en-upload.vue";
-	import EnSelect from "@/components/en-from/en-select/en-select.vue";
 	import {
 		getTaskOptions
 	} from "@/api/task";
-	import md5 from "js-md5";
-	import EnDate from "@/components/en-from/en-date/en-date.vue";
-	import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
-	import tools from "@/service/tools";
 	import {
 		getSn
 	} from "@/api/common";
+	import md5 from "js-md5";
+	import tools from "@/service/tools";
+	import enInput from "@/components/en-from/en-input/en-input.vue"
+	import EnCity from "@/components/en-from/en-city/en-city.vue";
+	import EnUpload from "@/components/en-from/en-upload/en-upload.vue";
+	import EnSelect from "@/components/en-from/en-select/en-select.vue";
+	import EnDate from "@/components/en-from/en-date/en-date.vue";
+	import EnBlank from "@/components/en-utils/en-blank/en-blank.vue";
+	import EnImage from "@/components/en-utils/en-image/en-image.vue";
 
 	export default {
 		name: 'property-house',
@@ -57,7 +116,8 @@
 			EnSelect,
 			EnUpload,
 			EnCity,
-			enInput
+			enInput,
+			EnImage
 		},
 		props: {
 			'showKeys': {

page_task/property/property.vue

@@ -17,7 +17,8 @@
 					</view>
 				</view> -->
 				<uni-collapse ref="collapse" accordion class="sys-from-background-color">
-					<uni-collapse-item titleBorder="none" :border="true" v-show="propertyKey.indexOf('house_item')>=0"
+					<uni-collapse-item titleBorder="none" :border="true" :rightLength="2"
+						v-show="propertyKey.indexOf('house_item')>=0"
 						class="collapse-item-house page-box-bg-fff p-30 r-30">
 						<template v-slot:title>
 							<view class="row-justify-sb center">

uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item.vue

@@ -11,10 +11,10 @@
 					</view>
 				</slot>
 			</view>
+			<text class="num-text" v-if="rightLength">({{rightLength}})</text>
 			<view v-if="showArrow"
 				:class="{ 'uni-collapse-item__title-arrow-active': isOpen, 'uni-collapse-item--animation': showAnimation === true }"
 				class="uni-collapse-item__title-arrow">
-				<!-- <uni-icons :color="disabled?'#ddd':'#bbb'" size="14" type="bottom" /> -->
 				<image class="wh-30" src="/static/img/information/right.png" mode=""></image>
 			</view>
 		</view>
@@ -54,6 +54,10 @@
 				type: String,
 				default: ''
 			},
+			rightLength: {
+				type: Number,
+				default: 0
+			},
 			name: {
 				type: [Number, String],
 				default: ''
@@ -331,6 +335,12 @@
 				text-overflow: ellipsis;
 			}
 
+			.num-text {
+				color: #121212;
+				font-size: 28rpx;
+				padding-right: 10px;
+			}
+
 			&-arrow {
 				/* #ifndef APP-NVUE */
 				display: flex;
@@ -338,11 +348,13 @@
 				/* #endif */
 				align-items: center;
 				justify-content: center;
-				width: 20px;
-				height: 20px;
+				// width: 20px;
+				// height: 20px;
+				line-height: 30rpx;
 				margin-right: 10px;
 				transform: rotate(0deg);
 
+
 				&-active {
 					transform: rotate(90deg);
 				}