feat：任务详情、新建任务、个人资料完善

components/en-utils/en-button/en-button.vue

@@ -9,7 +9,7 @@
 				hover-class="is-hover" :style="[{width:bothWidth},{borderRadius},{fontSize}]"
 				@click="onLeftSubmit">{{leftText}}</button>
 			<button class="en-button button-background sys-weight-500" type="default" hover-class="is-hover"
-				:style="[{width:bothWidth},{borderRadius},{fontSize},{color}]" @click="onSubmit">{{raightText}}</button>
+				:style="[{width:bothWidth},{borderRadius},{fontSize},{color}]" @click="onSubmit">{{rightText}}</button>
 		</view>
 	</view>
 </template>
@@ -33,7 +33,7 @@
 				type: String,
 				default: '取消'
 			},
-			raightText: {
+			rightText: {
 				type: String,
 				default: '确认'
 			},
@@ -78,12 +78,14 @@
 
 <style lang="scss" scoped>
 	.en-button {
+		line-height: 80rpx;
 		border: none;
 	}
 
 	.en-button-left {
 		color: #0FB160;
 		border: 1rpx solid #0FB160 !important;
+		line-height: 80rpx;
 		background-color: #fff;
 	}
 

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

@@ -1,6 +1,6 @@
 <template>
 	<view :class="is_fixed?getBg(type):''">
-		<view class="header" style="z-index: 2;" :style="[{color},{height},{paddingTop},{justifyContent:justify}]">
+		<view class="header" style="z-index: 3;" :style="[{color},{height},{paddingTop},{justifyContent:justify}]">
 			<view class="left" :style="[{color},{paddingTop}]" v-if="back" @click="onBack">
 				<image class="back" src="/static/img/tabBar/nav-back.png"></image>
 			</view>
@@ -14,7 +14,7 @@
 		<!-- 带背景插槽 start-->
 		<slot></slot>
 		<!-- 带背景插槽 end-->
-		<image class="header" style="width: 100%;"
+		<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="genre == 0?'/static/img/index/top-nav.png':'/static/img/enNav/tab.png'" mode="">
 		</image>

page_task/apply/apply.vue

@@ -0,0 +1,424 @@
+<template>
+	<view class="total-page page-env-160 page-box">
+		<Nav :title="title" :genre="1" :fixedHeight="fixedHeight">
+			<!-- 步鄹条start -->
+			<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
+				<view class="row-justify-sb m-tb20 step-content">
+					<view class="column-c" style="text-align: center;">
+						<image class="wh-45 m-b16" :src="`/static/img/information/${step === 1?'double':'correct'}.png`"
+							mode="aspectFill"></image>
+						<text class="size-24"
+							:class="step === 1?'color-0FB160 sys-weight-600':'sys-weight-400'">基本信息</text>
+					</view>
+					<view class="line"></view>
+					<view class="column-c justify-center">
+						<image class="wh-45 m-b16" :src="`/static/img/information/${stepTwo[step-1]}.png`"
+							mode="aspectFill"></image>
+						<text class="size-24"
+							:class="step === 2?'color-0FB160 sys-weight-600':'sys-weight-400'">抵押信息</text>
+					</view>
+				</view>
+			</view>
+			<!-- 步鄹条end -->
+		</Nav>
+		<view class="sys-list-background-color attestation_content page-env-160"
+			:style="[{top:`${$tools.topHeight() + fixedHeight}px`}]">
+			<!-- 基本信息start -->
+			<view class="m-t20 m-lr30 text-color-12" v-if="step === 1">
+				<view class="sys-background-fff r-20 p-lr30 p-t30">
+					<text class="size-30 sys-weight-600'">基本信息</text>
+					<view class="m-t20">
+						<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+							<view class="wh-text"><text></text>贷款额度</view>
+							<view class="row-c flex">
+								<input class="wh-input sys-size-28 text-color-12 m-lr20 flex"
+									placeholder-class="sys-size-28 text-color-999 sys-weight-400" placeholder="请输入"
+									v-model="inputValue"></input>
+							</view>
+							<text>万元</text>
+						</view>
+
+						<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+							<view class="wh-text"><text></text>是否涉农</view>
+							<view class="row-c">
+								<view class="row-c radiu-item m-l20"
+									:class="{'active-radiu':formData.is_farming === item.value}"
+									v-for="(item,index) in farming" :key="index" @click="onSetFarming(item.value)">
+									<image class="wh-30 m-r20"
+										:src="formData.is_farming == item.value?'/static/img/information/correct.png':'/static/img/information/error.png'"
+										mode="aspectFill"></image>
+									<text>{{item.text}}</text>
+								</view>
+							</view>
+						</view>
+						<WhInput :name="'贷款形式'" disabled is_select></WhInput>
+						<WhInput :name="'贷款类别'" disabled is_select></WhInput>
+						<WhInput :name="'投向行业'" disabled is_select></WhInput>
+						<WhInput :name="'企业类似'" disabled is_select></WhInput>
+						<view class="row-justify-sb center p-tb30 size-28">
+							<view class="wh-text"><text></text>材料费</view>
+							<view class="row-c">
+								<view class="row-c radiu-item m-l20"
+									:class="{'active-radiu':formData.is_materials === item.value}"
+									v-for="(item,index) in materials" :key="index" @click="onSetMaterials(item.value)">
+									<image class="wh-30 m-r20"
+										:src="formData.is_materials === item.value?'/static/img/information/correct.png':'/static/img/information/error.png'"
+										mode="aspectFill"></image>
+									<text>{{item.text}}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</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" v-for="(item,index) in applyList"
+					:key="index">
+					<view class="sys-from-background-color p-20 r-20 size-26" v-if="item.is_edit">
+						<view class="">
+							<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-lr30 p-tb10">
+									<image class="wh-30" src="/static/img/information/edit.png" mode="aspectFill"
+										@click="onEditInfo(item)"></image>
+									<view class="title-line m-lr20"></view>
+									<image class="wh-30" src="/static/img/information/delete.png" mode="aspectFill"
+										@click="onDeleteInfo(index)">
+									</image>
+								</view>
+							</view>
+							<view class="row-c p-tb30">
+								<view class="text-color-666"><text></text>申请类型：</view>
+								<text>抵押</text>
+							</view>
+						</view>
+						<view class="">
+							<text class="size-28 sys-weight-600">绑定资产信息</text>
+							<view class="row-c p-tb30">
+								<view class="text-color-666"><text></text>绑定资产：</view>
+								<text>绑定资产</text>
+							</view>
+						</view>
+						<view class="">
+							<text class="size-28 sys-weight-600">还款账户信息</text>
+							<view class="row-c p-tb30">
+								<view class="text-color-666"><text></text>还款金额：</view>
+								<text>100万</text>
+							</view>
+							<view class="row-c ">
+								<view class="text-color-666"><text></text>银行卡号：</view>
+								<text>4576476465498790878</text>
+							</view>
+							<view class="row-c p-tb30">
+								<view class="text-color-666"><text></text>所属银行：</view>
+								<text>中国银行</text>
+							</view>
+						</view>
+						<view class="">
+							<text class="size-28 sys-weight-600">放款账户信息</text>
+							<view class="row-c p-tb30">
+								<view class="text-color-666"><text></text>批复金额：</view>
+								<text>100万</text>
+							</view>
+							<view class="row-c ">
+								<view class="text-color-666"><text></text>银行卡号：</view>
+								<text>4576476465498790878</text>
+							</view>
+							<view class="row-c p-t30">
+								<view class="text-color-666"><text></text>所属银行：</view>
+								<text>中国银行</text>
+							</view>
+						</view>
+					</view>
+					<view v-else>
+						<view class="">
+							<text class="size-30 sys-weight-600'">抵押信息{{index+1}}</text>
+							<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+								<view class="wh-text"><text></text>申请类型</view>
+								<view class="row-c">
+									<view class="row-c radiu-item m-l20"
+										:class="{'active-radiu':formData.is_materials === item.value}"
+										v-for="(item,index) in impawn" :key="index" @click="onSetMaterials(item.value)">
+										<image class="wh-30 m-r20"
+											:src="formData.is_materials === item.value?'/static/img/information/correct.png':'/static/img/information/error.png'"
+											mode="aspectFill"></image>
+										<text>{{item.text}}</text>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="m-t30">
+							<text class="size-30 sys-weight-600'">绑定资产信息</text>
+							<WhInput :name="'绑定资产'" disabled is_select></WhInput>
+						</view>
+						<view class="m-t30">
+							<text class="size-30 sys-weight-600'">还款账户信息</text>
+							<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+								<view class="wh-text"><text></text>还款金额</view>
+								<view class="row-c flex">
+									<input class="wh-input sys-size-28 text-color-12 m-lr20 flex"
+										placeholder-class="sys-size-28 text-color-999 sys-weight-400" placeholder="请输入"
+										v-model="inputValue"></input>
+								</view>
+								<text>万元</text>
+							</view>
+							<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+								<view class="wh-text"><text></text>银行卡</view>
+								<view class="row-c flex">
+									<input class="wh-input sys-size-28 text-color-12 m-lr20 flex"
+										placeholder-class="sys-size-28 text-color-999 sys-weight-400"
+										placeholder="请输入银行账号" v-model="inputValue"></input>
+								</view>
+								<uni-icons type="camera" size="30"></uni-icons>
+							</view>
+							<WhInput :is_border="false" :name="'所属银行'" disabled is_select></WhInput>
+						</view>
+						<view class="m-t30">
+							<text class="size-30 sys-weight-600'">放款账户信息</text>
+							<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+								<view class="wh-text"><text></text>还款金额</view>
+								<view class="row-c flex">
+									<input class="wh-input sys-size-28 text-color-12 m-lr20 flex"
+										placeholder-class="sys-size-28 text-color-999 sys-weight-400" placeholder="请输入"
+										v-model="inputValue"></input>
+								</view>
+								<text>万元</text>
+							</view>
+							<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+								<view class="wh-text"><text></text>银行卡</view>
+								<view class="row-c flex">
+									<input class="wh-input sys-size-28 text-color-12 m-lr20 flex"
+										placeholder-class="sys-size-28 text-color-999 sys-weight-400"
+										placeholder="请输入银行账号" v-model="inputValue"></input>
+								</view>
+								<uni-icons type="camera" size="30"></uni-icons>
+							</view>
+							<WhInput :is_border="false" :name="'所属银行'" disabled is_select></WhInput>
+						</view>
+						<view class="row-justify-sb">
+							<view class="flex"></view>
+							<view class="row-c m-tb20">
+								<button class="size-26 r-10 apply-button-delete m-r20" hover-class="is-hover"
+									@click="onDeleteInfo(index)">删除</button>
+								<button class="size-26 r-10 button-color apply-button-save" hover-class="is-hover"
+									@click="onSaveInfo(item)">保存</button>
+							</view>
+						</view>
+					</view>
+				</view>
+				<button class="size-26 r-10 button-color apply-button m-t30" hover-class="is-hover"
+					@click="onAddInfo">+添加抵押信息</button>
+			</view>
+			<!-- 抵押信息end -->
+		</view>
+		<EnButton is_both :leftText="'保存'" :rightText="step === 2?'提交':'下一步'" @onLeftSubmit="onLeftSubmit"
+			@onSubmit="onStep">
+		</EnButton>
+	</view>
+</template>
+<!-- correct -->
+<script>
+	import TaskImgTab from "@/page_task/module/task_ima_tab.vue"
+	import WhInput from "@/page_task/module/wh-input.vue"
+
+	export default {
+		components: {
+			TaskImgTab,
+			WhInput
+		},
+		data() {
+			return {
+				title: '',
+				step: 1,
+				fixedHeight: 75,
+				stepOne: ['double', 'correct'],
+				stepTwo: ['two', 'double', 'correct'],
+				value: '',
+				formData: {
+					is_farming: null,
+					is_materials: null
+				},
+				farming: [{
+					text: '是',
+					value: 1
+				}, {
+					text: '否',
+					value: 0
+				}],
+				materials: [{
+					text: '已缴纳',
+					value: 1
+				}, {
+					text: '未缴纳',
+					value: 0
+				}],
+				impawn: [{
+					text: '抵押',
+					value: 1
+				}, {
+					text: '买卖',
+					value: 0
+				}],
+				applyList: [{
+					is_edit: true,
+					data: {}
+				}, {
+					is_edit: false,
+					data: {}
+				}]
+			}
+		},
+		onLoad(options) {
+			this.title = options.title
+		},
+		methods: {
+			//  身份认证
+			onAuthentication(item) {
+				uni.navigateTo({
+					url: "/page_task/identity_upload/identity_upload"
+				})
+			},
+			// 保存
+			onLeftSubmit() {
+				console.log(this.formData);
+				console.log('保存');
+				this.applyList.map(item => {
+					item.is_edit = true
+				})
+				if (this.step === 1) return
+				this.step--
+			},
+			// 下一步
+			onStep() {
+				if (this.step === 2) return
+				this.step++
+			},
+			// 完成
+			onSubmit() {
+				this.step = 4
+			},
+			// 添加信息
+			onAddInfo() {
+				this.applyList.push({
+					is_edit: false
+				})
+			},
+			// 编辑单个信息
+			onEditInfo(item) {
+				item.is_edit = !item.is_edit
+			},
+			// 删除信息
+			onDeleteInfo(index) {
+				uni.showModal({
+					title: '提示',
+					content: '确定删除?',
+					success: (res) => {
+						if (res.confirm) {
+							this.applyList.splice(index, 1)
+						}
+					}
+				})
+
+			},
+			// 保存单个信息
+			onSaveInfo(item) {
+				item.is_edit = !item.is_edit
+			},
+			onSetFarming(value) {
+				this.formData.is_farming = value
+			},
+			onSetMaterials(value) {
+				this.formData.is_materials = value
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.apply-body {
+		padding-bottom: 100rpx;
+	}
+
+	.step-content {
+		padding: 0 200rpx;
+	}
+
+	.attestation_content {
+		width: 100%;
+		position: absolute;
+	}
+
+	.title-line {
+		width: 2rpx;
+		height: 30rpx;
+		background: #9EABCA;
+	}
+
+	.line {
+		width: 70rpx;
+		height: 4rpx;
+		background: #8EDBDA;
+		margin-top: 22rpx;
+	}
+
+	button::after {
+		border: none;
+	}
+
+	.radiu-item {
+		width: 140rpx;
+		padding: 6rpx 16rpx;
+		border-radius: 100rpx;
+		border: 1rpx solid #CCCCCC;
+	}
+
+	.active-radiu {
+		color: #0FB160;
+		border: 1rpx solid #0FB160;
+	}
+
+	.wh-input {
+		width: 100%;
+		text-align: right;
+		direction: rtl;
+	}
+
+	.wh-text {
+		width: 110rpx;
+		text-align: justify;
+		text-align-last: justify;
+		vertical-align: top;
+		height: 38rpx;
+	}
+
+	.wh-text:after {
+		content: '';
+		width: 110rpx;
+		height: 0;
+		display: inline-block;
+		overflow: hidden;
+	}
+
+	.apply-button {
+		height: 80rpx;
+		line-height: 80rpx;
+		background: #FFFFFF;
+		border: 2rpx solid #0FB160;
+		margin-bottom: 100rpx;
+	}
+
+	.apply-button-save {
+		width: 140rpx;
+		background: #FFFFFF;
+		border: 2rpx solid #0FB160;
+	}
+
+	.apply-button-delete {
+		color: #E83F37;
+		width: 140rpx;
+		background: #FFFFFF;
+		border: 2rpx solid #E83F37;
+	}
+</style>

page_task/creation_task/creation_task.vue

@@ -0,0 +1,55 @@
+<template>
+	<view class="total-page page-box">
+		<Nav :title="'创建任务'" :genre="1" :fixedHeight="105"></Nav>
+		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
+			<TaskImgTab></TaskImgTab>
+		</view>
+		<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)">
+				<view class="row-c">
+					<image class="wh-60 m-r20" :src="item.icon" mode="aspectFill"></image>
+					<text class="size-28 text-color-12 sys-weight-400">{{item.name}}</text>
+				</view>
+				<image class="wh-45" src="/static/img/task/task-arrows.png" mode="aspectFill"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import TaskImgTab from "@/page_task/module/task_ima_tab.vue"
+
+	export default {
+		components: {
+			TaskImgTab,
+		},
+		data() {
+			return {
+				creationLsit: [{
+					name: '垫资还款-开发区',
+					icon: '/static/img/task/task-repayment.png'
+				}, {
+					name: '提放业务',
+					icon: '/static/img/task/task-put.png'
+				}, {
+					name: '垫还',
+					icon: '/static/img/task/task-business.png'
+				}, ]
+			}
+		},
+		methods: {
+			onCeationTask(item) {
+				uni.navigateTo({
+					url: `/page_task/information/information?title=${item.name}`
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.creation_item:last-child {
+		margin-bottom: 0;
+	}
+</style>

page_task/gain_task/gain_task.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="total-page page-box">
 		<Nav :title="'领取任务'" :genre="1" :fixedHeight="110"></Nav>
-		<view class="task-tabs task-tabs-width m-t30">
+		<view class="task-tabs m-t30">
 			<TaskImgTab></TaskImgTab>
 		</view>
 		<!-- <EnButton is_both></EnButton> -->
@@ -58,7 +58,5 @@
 </script>
 
 <style>
-	.task-tabs-width {
-		width: calc(100% - 40rpx);
-	}
+
 </style>

page_task/identity/identity.vue

@@ -0,0 +1,178 @@
+<template>
+	<view class="total-page page-env-160 page-box">
+		<Nav :title="title" :genre="1" :fixedHeight="fixedHeight">
+			<!-- 步鄹条start -->
+			<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
+				<view class="row-justify-sb m-lr50 m-tb20">
+					<view class="column-c" style="text-align: center;">
+						<image class="wh-45 m-b16" :src="`/static/img/information/${step === 1?'double':'correct'}.png`"
+							mode="aspectFill"></image>
+						<text class="size-24"
+							:class="step === 1?'color-0FB160 sys-weight-600':'sys-weight-400'">身份认证</text>
+					</view>
+					<view class="line"></view>
+					<view class="column-c justify-center">
+						<image class="wh-45 m-b16" :src="`/static/img/information/${stepTwo[step-1]}.png`"
+							mode="aspectFill"></image>
+						<text class="size-24"
+							:class="step === 2?'color-0FB160 sys-weight-600':'sys-weight-400'">教育职业信息</text>
+					</view>
+					<view class="line"></view>
+					<view class="column-c justify-center">
+						<image class="wh-45 m-b16" :src="`/static/img/information/${stepThree[step-1]}.png`"
+							mode="aspectFill"></image>
+						<text class="size-24"
+							:class="step === 3?'color-0FB160 sys-weight-600':'sys-weight-400'">社保信息</text>
+					</view>
+				</view>
+			</view>
+			<!-- 步鄹条end -->
+		</Nav>
+		<view class="sys-list-background-color attestation_content page-env-160"
+			:style="[{top:`${$tools.topHeight() + fixedHeight}px`}]">
+			<!-- 身份认证start -->
+			<view class="m-t20 m-lr30 text-color-12" v-if="step === 1">
+				<view class="sys-background-fff r-20 p-lr30 p-t30">
+					<text class="size-30 sys-weight-600'">身份认证</text>
+					<view class="size-26 m-t10 text-color-999">应监管要求，请先进行身份认证</view>
+					<view class="sys-bg-BFD2CC row-justify-sb sys-weight-500 center r-20 p-30 m-t40">
+						<view class="row-c flex">
+							<image class="wh-45 m-r20" src="../../static/img/logo.png" mode=""></image>
+							<text class="size-26">身份证认证</text>
+						</view>
+						<button class="attestation-button button-background button-color size-26 r-30" type="default"
+							hover-class="is-hover" @click="onAuthentication">去认证</button>
+					</view>
+					<view class="p-t20">
+						<WhInput :value="formData.name" :name="'姓名'" :placeholder="'待自动录入'"></WhInput>
+						<WhInput :value="formData.gender" :name="'性别'" :placeholder="'待自动录入'"></WhInput>
+						<WhInput :value="formData.id_number" :is_border="false" :name="'身份证号'" :placeholder="'待自动录入'">
+						</WhInput>
+					</view>
+				</view>
+				<view class="sys-background-fff r-20 m-t20 p-lr30 p-t30">
+					<WhInput :name="'联系方式'"></WhInput>
+					<WhInput :name="'常居城市'" is_select></WhInput>
+					<WhInput :name="'详细地址'"></WhInput>
+					<WhInput :is_border="false" :name="'婚姻状态'" is_select></WhInput>
+				</view>
+			</view>
+			<!-- 身份认证end -->
+
+			<!-- 教育职业背景start -->
+			<view class="m-t20 m-lr30 text-color-12" v-if="step === 2">
+				<view class="sys-background-fff r-20 m-t20 p-lr30 p-t30">
+					<view class="size-30 sys-weight-600 p-b30">教育职业背景</view>
+					<WhInput :name="'联系方式'"></WhInput>
+					<WhInput :name="'常居城市'" is_select></WhInput>
+					<WhInput :name="'详细地址'"></WhInput>
+					<WhInput :is_border="false" :name="'婚姻状态'" is_select></WhInput>
+				</view>
+			</view>
+			<!-- 教育职业背景end -->
+
+			<!-- 社保信息start -->
+			<view class="m-t20 m-lr30 text-color-12" v-if="step === 3 || step === 4">
+				<view class="sys-background-fff r-20 m-t20 p-lr30 p-t30">
+					<view class="size-30 sys-weight-600 p-b30">社保信息</view>
+					<WhInput :name="'联系方式'"></WhInput>
+					<WhInput :name="'常居城市'" is_select></WhInput>
+					<WhInput :name="'详细地址'"></WhInput>
+					<WhInput :is_border="false" :name="'婚姻状态'" is_select></WhInput>
+				</view>
+			</view>
+			<!-- 社保信息end -->
+		</view>
+		<EnButton :text="'完成'" @onSubmit="onSubmit" v-if="step === 3 || step === 4">
+		</EnButton>
+		<EnButton is_both :leftText="'保存'" :rightText="'下一步'" @onLeftSubmit="onLeftSubmit" @onSubmit="onStep" v-else>
+		</EnButton>
+
+	</view>
+</template>
+<!-- correct -->
+<script>
+	import TaskImgTab from "@/page_task/module/task_ima_tab.vue"
+	import WhInput from "@/page_task/module/wh-input.vue"
+
+	export default {
+		components: {
+			TaskImgTab,
+			WhInput
+		},
+		data() {
+			return {
+				title: '',
+				step: 1,
+				fixedHeight: 75,
+				stepTwo: ['two', 'double', 'correct', 'correct'],
+				stepThree: ['three', 'three', 'double', 'correct'],
+				value: '',
+				formData: {
+					name: '',
+					sex: '',
+					id_number: ''
+				}
+			}
+		},
+		onLoad(options) {
+			this.title = options.title
+		},
+		methods: {
+			//  身份认证
+			onAuthentication(item) {
+				uni.navigateTo({
+					url: "/page_task/identity_upload/identity_upload"
+				})
+			},
+			// 保存
+			onLeftSubmit() {
+				console.log(this.formData);
+				console.log('保存');
+				this.step--
+			},
+			// 下一步
+			onStep() {
+				if (this.step === 3) return
+				this.step++
+			},
+			// 完成
+			onSubmit() {
+				this.step = 4
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info_button {
+		width: 130rpx;
+		height: 60rpx;
+		border: none;
+		line-height: 60rpx;
+	}
+
+	.attestation_content {
+		width: 100%;
+		position: absolute;
+	}
+
+	.attestation-button {
+		width: 156rpx;
+		height: 54rpx;
+		line-height: 54rpx;
+		background: #FFFFFF;
+		border: 1rpx solid #0FB160;
+	}
+
+	.line {
+		width: 70rpx;
+		height: 4rpx;
+		background: #8EDBDA;
+		margin-top: 22rpx;
+	}
+
+	button::after {
+		border: none;
+	}
+</style>

page_task/identity_upload/identity_upload.vue

@@ -0,0 +1,125 @@
+<template>
+	<view class="total-page page-env-160 page-box">
+		<Nav :title="'身份证上传'" :is_fixed="true" :opacity="scrollTop">
+			<view>
+				<view class="sys-background-fff p-30 m-30 r-30">
+					<text class="size-30 sys-weight-600">身份证上传认证照片</text>
+					<view class="size-26 m-t10 text-color-999">仅用于公安网核实身份</view>
+					<view class="row-justify-sb center size-28 p-b10 m-t40">
+						<view class="picture-item">
+							<image src="/static/img/information/identity-front.png" mode="aspectFill"></image>
+							<view class="picture-text  button-background text-color-fff">
+								拍摄人像面
+							</view>
+						</view>
+						<view class="picture-item">
+							<image src="/static/img/information/identity-verso.png" mode="aspectFill"></image>
+							<view class="picture-text button-background text-color-fff">
+								拍摄国徽面
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="sys-background-fff p-30 m-lr30 m-t20 r-30">
+					<text class="size-30 sys-weight-600">身份证上传认证照片</text>
+					<view class="size-26 m-t10 text-color-999">仅用于公安网核实身份</view>
+					<view class="row-justify-sb center size-26 m-t40">
+						<view class="column-c" v-for="(item,index) in hintList" :key="index">
+							<view class="picture-box">
+								<image class="picture-hint" :src="`/static/img/information/${item.image}.png`"
+									mode="aspectFill"></image>
+								<image class="wh-30 picture-icon"
+									:src="item.is_correct?'/static/img/information/hint-vector.png':'/static/img/information/hint-subtract.png'"
+									mode="aspectFill"></image>
+							</view>
+							<view class="picture-text size-24 text-color-999 m-t20">
+								{{item.name}}
+							</view>
+
+						</view>
+					</view>
+				</view>
+				<EnButton :text="'完成'" @onSubmit="onSubmit">
+				</EnButton>
+			</view>
+		</Nav>
+
+	</view>
+</template>
+<!-- correct -->
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				scrollTop: 0,
+				hintList: [{
+					name: '标准照片',
+					image: 'hint-one',
+					is_correct: true
+				}, {
+					name: '边框缺失',
+					image: 'hint-two',
+					is_correct: false
+				}, {
+					name: '照片模糊',
+					image: 'hint-three',
+					is_correct: false
+				}, {
+					name: '闪光强烈',
+					image: 'hint-four',
+					is_correct: false
+				}, ]
+			}
+		},
+		onPageScroll(res) {
+			this.scrollTop = res.scrollTop / 120
+		},
+		onLoad() {},
+		methods: {
+			// 完成
+			onSubmit() {
+				this.step = 4
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.picture-box {
+		position: relative;
+	}
+
+	.picture-item {
+		width: 300rpx;
+		height: 250rpx;
+
+		image {
+			width: 100%;
+			height: 170rpx;
+		}
+
+		.picture-text {
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			border-radius: 0 0 30rpx 30rpx;
+		}
+
+	}
+
+	.picture-icon {
+		position: absolute;
+		bottom: -6rpx;
+		left: 45rpx;
+		z-index: 10;
+	}
+
+	.picture-hint {
+		width: 120rpx;
+		height: 80rpx;
+		background: #F7F9FE;
+		border-radius: 10rpx 10rpx 10rpx 10rpx;
+
+	}
+</style>

page_task/information/information.vue

@@ -0,0 +1,107 @@
+<template>
+	<view class="total-page page-box">
+		<Nav :title="title" :genre="1" :fixedHeight="105"></Nav>
+		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
+			<view class="m-t20">
+				<view class="creation_item row-justify-sb center sys-background-fff m-lr30 m-b20 p-30 r-20"
+					v-for="(item,index) in informationList" :key="index" @click="onCeationTask(item)">
+					<view class="row-c">
+						<image class="wh-80 m-r20 r-100" :src="item.icon" mode="aspectFill"></image>
+						<view>
+							<text class="size-28 text-color-12 sys-weight-600">{{item.name}}</text>
+							<view class="size-24 text-color-999 m-t10">{{item.explain}}</view>
+						</view>
+					</view>
+					<view class="">
+						<button class="button-background info_button sys-weight-500 text-color-fff size-26 r-100"
+							type="default" hover-class="is-hover" v-if="!item.is_finish"
+							@click="onAuthentication(item)">待上传</button>
+						<button class="info_button sys-bg-CBCBCB sys-weight-500 text-color-fff size-26 r-100"
+							v-else>已认证</button>
+					</view>
+				</view>
+			</view>
+		</view>
+		<EnButton is_both :leftText="'预览'" :rightText="'提交资料'" @onLeftSubmit="onLeftSubmit" @onSubmit="onSubmit">
+		</EnButton>
+	</view>
+</template>
+
+<script>
+	import TaskImgTab from "@/page_task/module/task_ima_tab.vue"
+
+	export default {
+		components: {
+			TaskImgTab,
+		},
+		data() {
+			return {
+				title: '',
+				informationList: [{
+					name: '身份信息',
+					explain: '身份证、婚姻、职业、社保信息',
+					icon: '/static/img/task/task-identity.png',
+					path: '/page_task/identity/identity',
+					type: 1,
+					is_finish: false
+				}, {
+					name: '资产信息',
+					explain: '房产、车辆等资产',
+					icon: '/static/img/task/task-property.png',
+					path: '/page_task/property/property',
+					type: 2,
+					is_finish: false
+				}, {
+					name: '申请信息',
+					explain: '贷款额度信息',
+					icon: '/static/img/task/task-apply.png',
+					path: '/page_task/apply/apply',
+					type: 3,
+					is_finish: false
+				}, {
+					name: '联系人信息',
+					explain: '其他联系人',
+					icon: '/static/img/task/task-contacts.png',
+					type: 4,
+					is_finish: false
+				}, {
+					name: '征信信息',
+					explain: '银行征信信息',
+					icon: '/static/img/task/task-credit.png',
+					type: 5,
+					is_finish: false
+				}, ]
+			}
+		},
+		onLoad(options) {
+			this.title = options.title
+		},
+		methods: {
+			onAuthentication(item) {
+				uni.navigateTo({
+					url: `${item.path}?title=${item.name}`
+				})
+			},
+			onCeationTask() {},
+			onLeftSubmit() {
+				console.log('预览');
+			},
+			onSubmit() {
+				console.log('提交资料');
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info_button {
+		width: 130rpx;
+		height: 60rpx;
+		border: none;
+		line-height: 60rpx;
+	}
+
+	button::after {
+		border: none;
+	}
+</style>

page_task/module/task_ima_tab.vue

@@ -1,16 +1,19 @@
 <template>
 	<view class="task-tab">
 		<scroll-view class="scroll-Y row" scroll-x="true">
-			<view class="row-justify-sb center">
-				<view class="column-c tab-item p-lr30 p-t20" v-for="(item,index) in navList" :key="index"
+			<view class="z-tabs-scroll-view row-justify-sb center" style="position: relative;">
+				<view class="column-c tab-item p-lr30 p-t30 p-b20" v-for="(item,index) in navList" :key="index"
 					@click="setType(index)">
-					<image class="wh-60 r-circle" :class="index===current?'double-border':''" :src="item.icon" mode="">
+					<image class="wh-60 r-circle" :class="index===current?'double-border':''" :src="item.icon"
+						mode="aspectFill">
 					</image>
 					<view class="m-t16 sys-size-24 text-center sys-weight-600"
 						:class="{'default-text':index===current}">
 						{{item.name}}
 					</view>
+					<!-- <view class="half-circle m-t20" :class="{'half-circle1':current==1}" v-if="current==index"></view> -->
 				</view>
+				<view class="half-circle m-t20"></view>
 			</view>
 		</scroll-view>
 	</view>
@@ -22,22 +25,32 @@
 			return {
 				current: 0,
 				navList: [{
-					name: '全部',
-					icon: '/static/img/task/task-all.png'
+					name: '垫资还款',
+					icon: '/static/img/task/task-refund.png'
 				}, {
-					name: '资产/征信',
-					icon: '/static/img/task/task-repayment.png'
+					name: '房抵业务',
+					icon: '/static/img/task/task-loan.png'
 				}, {
-					name: '跟进记录',
-					icon: '/static/img/task/task-business.png'
+					name: '消费金融',
+					icon: '/static/img/task/task-financial.png'
 				}, {
-					name: '审核进度',
-					icon: '/static/img/task/task-money.png'
+					name: '其他服务',
+					icon: '/static/img/task/task-else.png'
 				}, ]
 			}
 		},
 		methods: {
 			setType(current) {
+				// this.$nextTick(() => {
+				// 	uni.createSelectorQuery().in(this).select(".z-tabs-scroll-view").fields({
+				// 		scrollOffset: true
+				// 	}, data => {
+				// 		if (data) {
+				// 			this.currentScrollLeft = data.scrollLeft;
+				// 			console.log(data);
+				// 		} else {}
+				// 	}).exec();
+				// })
 				if (current !== this.current) {
 					this.current = current
 				}
@@ -48,9 +61,7 @@
 
 <style lang="scss" scoped>
 	.task-tab {
-		width: calc(100% - 40rpx);
 		margin: 0 20rpx;
-		padding: 20rpx;
 		border-radius: 30rpx;
 		background: #fff;
 	}
@@ -59,14 +70,23 @@
 		color: #10B261;
 	}
 
-	.tab-item::after {
-		// content: '';
-		// position: absolute;
-		// width: 0;
-		// height: 0;
-		// border-left: 10px solid transparent;
-		// border-right: 10px solid transparent;
-		// border-top: 10px solid black;
+	.half-circle {
+		width: 20rpx;
+		height: 10rpx;
+		background-color: #3eaf7c;
+		border-top-left-radius: 10rpx;
+		border-top-right-radius: 10rpx;
+		position: absolute;
+		bottom: 0;
+		left: calc(25%/2 - 10rpx);
+	}
+
+	.half-transition {
+		transition: all .5s ease;
+	}
+
+	.tab-item {
+		width: 25%;
 	}
 
 	.double-border {

page_task/module/task_tab.vue

@@ -26,6 +26,12 @@
 		components: {
 			EnNav
 		},
+		props: {
+			current: {
+				type: Number,
+				default: 1
+			}
+		},
 		data() {
 			return {
 				type: 1,
@@ -54,10 +60,14 @@
 				},
 			};
 		},
+		created() {
+			this.type = this.current
+		},
 		methods: {
 			setType(type) {
 				if (type !== this.type) {
 					this.type = type
+					this.$emit('onChange', type)
 				}
 			},
 		}

page_task/module/wh-input.vue

@@ -0,0 +1,128 @@
+<template>
+	<view class="wh-box">
+		<view class="row p-tb30" style="line-height: 30rpx;height: 30rpx;" :class="{'bor-bottom-1':is_border}">
+			<view class="wh-text size-28">{{name}}<text></text> </view>
+			<view class="row-c flex">
+				<input class="wh-input sys-size-28 text-color-12 m-l40"
+					placeholder-class="sys-size-28 text-color-999 sys-weight-400" :maxlength="maxlength" :type="type"
+					:focus="focus" :placeholder="is_select ? '请选择' : placeholder?placeholder:`请输入${name}`"
+					:disabled="disabled" v-model="inputValue" @blur="nameInput" @input="nameInput"></input>
+				<view class="" style="margin-top: 4rpx;">
+					<uni-icons type="forward" size="18" color="#D8D8D8" v-if="is_select"></uni-icons>
+				</view>
+				<!-- 	<image class="m-l10" style="width: 16rpx;height: 24rpx;" src="/static/img/information/right-arrows.png"
+					mode="aspectFill" v-if="is_select">
+				</image> -->
+			</view>
+		</view>
+		<view class="size-24 text-color-E21 p-b20 p-t10" v-if="is_requis">{{name}}为必填</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'wh-input',
+		props: {
+			is_select: {
+				type: Boolean,
+				default: false
+			},
+			is_border: {
+				type: Boolean,
+				default: true
+			},
+			is_requis: {
+				type: Boolean,
+				default: false
+			},
+			name: {
+				type: String,
+				default: '姓名'
+			},
+			type: {
+				type: String,
+				default: 'text'
+			},
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			disabled: {
+				default: false
+			},
+			value: {
+				default: ''
+			},
+			maxlength: {
+				default: 140
+			},
+			focus: {
+				default: false
+			}
+		},
+		data() {
+			return {
+				inputValue: '',
+				showShake: false
+			};
+		},
+		watch: {
+			'value': function() {
+				if (this.inputValue !== this.value) {
+					console.log(this.inputValue)
+					this.inputValue = this.value
+				}
+			},
+			'inputValue': function() {
+				this.$emit('input', this.inputValue)
+			}
+		},
+		mounted() {
+			this.inputValue = this.value
+		},
+		methods: {
+			nameInput(e) {
+				if (this.type === 'nickname') {
+					this.inputValue = e.detail.value
+				}
+
+			},
+			onSubmit() {
+
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wh-box {
+		z-index: 1;
+
+		.wh-input {
+			width: 100%;
+			text-align: right;
+			direction: rtl;
+		}
+
+		.wh-input-placeholder {
+			color: #999999;
+			font-size: 28rpx;
+		}
+	}
+
+	.wh-text {
+		width: 110rpx;
+		text-align: justify;
+		text-align-last: justify;
+		vertical-align: top;
+		height: 0;
+	}
+
+	.wh-text:after {
+		content: '';
+		width: 110rpx;
+		height: 0;
+		display: inline-block;
+		overflow: hidden;
+	}
+</style>

page_task/property/components/car.vue

@@ -0,0 +1,19 @@
+<template>
+	<view class="">
+		dasd
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+	}
+</script>
+
+<style>
+</style>

page_task/property/components/company.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

page_task/property/components/guarantee.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

page_task/property/components/house.vue

@@ -0,0 +1,52 @@
+<template>
+	<view class="">
+		<WhInput :name="'产权人'"></WhInput>
+		<WhInput :name="'房产证号'"></WhInput>
+		<WhInput :name="'房产城市'" disabled is_select></WhInput>
+		<WhInput :name="'房产地址'" disabled is_select></WhInput>
+		<WhInput :name="'房屋用途'" disabled is_select></WhInput>
+		<WhInput :name="'建成年份'" disabled is_select></WhInput>
+		<WhInput :name="'材料费'"></WhInput>
+		<WhInput :name="'建筑面积'"></WhInput>
+		<view class=" p-tb30 bor-bottom-1">
+			<view class="wh-text size-28">房产证件<text></text> </view>
+			<view class="row-c flex m-t20 m-b10" style="flex-wrap: wrap;">
+				<image class="wh-110 m-r16" src="/static/img/logo.png" mode="aspectFill" v-for="(item,index) in 2"
+					:key="index">
+				</image>
+				<image class="wh-110" src="/static/img/logo.png" mode="aspectFill"></image>
+			</view>
+		</view>
+		<WhInput :name="'备注'" :is_border="false"></WhInput>
+		<button class="size-26 r-10 button-color house-button m-t30" hover-class="is-hover"
+			@click="onAddHouse">+添加房产</button>
+	</view>
+</template>
+
+<script>
+	import WhInput from "@/page_task/module/wh-input.vue"
+
+	export default {
+		components: {
+			WhInput
+		},
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+		methods: {
+			onAddHouse() {}
+		}
+	}
+</script>
+
+<style>
+	.house-button {
+		height: 70rpx;
+		line-height: 70rpx;
+		background: #FFFFFF;
+		border: 1rpx solid #0FB160;
+	}
+</style>

page_task/property/property.vue

@@ -0,0 +1,201 @@
+<template>
+	<view class="total-page page-env-160 page-box container">
+		<Nav :title="title" :genre="1" is_fixed :bgHeight="bgHeight" :opacity="scrollTop"></Nav>
+		<view class="m-t30" :style="{top:`${$tools.topHeight()+10}px`}">
+			<view class="m-lr30">
+				<!-- 			<view class="">
+					<view class="collapse-title page-box-bg-fff r-30 p-30 m-lr30" @click="show = !show">
+						<view class="row-justify-sb center">
+							<view class="row-c">
+								<image class="wh-60" src="/static/img/information/house.png" mode=""></image>
+								<text class="size-28 sys-weight-600 m-l20">房产信息</text>
+							</view>
+						</view>
+					</view>
+					<view class="content sys-list-background-color p-lr30" v-if="show">
+						<House></House>
+					</view>
+				</view> -->
+				<uni-collapse accordion class="sys-list-background-color">
+					<uni-collapse-item titleBorder="none" :border="false"
+						class="collapse-item-house page-box-bg-fff p-30 r-30">
+						<template v-slot:title>
+							<view class="row-justify-sb center">
+								<view class="row-c">
+									<image class="wh-60" src="/static/img/information/house.png" mode=""></image>
+									<text class="size-28 sys-weight-600 m-l20">房产信息</text>
+								</view>
+							</view>
+						</template>
+						<view class="content">
+							<House></House>
+						</view>
+					</uni-collapse-item>
+					<uni-collapse-item titleBorder="none" :border="false"
+						class="collapse-item-car sys-list-background-color  p-30 r-30">
+						<template v-slot:title class="page-box-bg-fff">
+							<view class="row-justify-sb center">
+								<view class="row-c">
+									<image class="wh-60" src="/static/img/information/car.png" mode=""></image>
+									<text class="size-28 sys-weight-600 m-l20">车辆信息</text>
+								</view>
+							</view>
+						</template>
+						<view class="content">
+							<House></House>
+						</view>
+					</uni-collapse-item>
+					<uni-collapse-item titleBorder="none" :border="false"
+						class="collapse-item-guarantee  page-box-bg-fff p-30 r-30">
+						<template v-slot:title>
+							<view class="row-justify-sb center">
+								<view class="row-c">
+									<image class="wh-60" src="/static/img/information/car.png" mode=""></image>
+									<text class="size-28 sys-weight-600 m-l20">保单信息</text>
+								</view>
+							</view>
+						</template>
+						<view class="content">
+							<House></House>
+						</view>
+					</uni-collapse-item>
+					<uni-collapse-item titleBorder="none" :border="false"
+						class="collapse-item-company page-box-bg-fff p-30 r-30">
+						<template v-slot:title>
+							<view class="row-justify-sb center">
+								<view class="row-c">
+									<image class="wh-60" src="/static/img/information/car.png" mode=""></image>
+									<text class="size-28 sys-weight-600 m-l20">企业信息</text>
+								</view>
+							</view>
+						</template>
+						<view class="content">
+							<House></House>
+						</view>
+					</uni-collapse-item>
+				</uni-collapse>
+			</view>
+		</view>
+		<EnButton is_both :leftText="'保存'" :rightText="'提交'" @onLeftSubmit="onLeftSubmit" @onSubmit="onSubmit">
+		</EnButton>
+	</view>
+</template>
+
+<script>
+	import Car from "./components/car.vue"
+	import Company from "./components/company.vue"
+	import House from "./components/house.vue"
+	import Guarantee from "./components/guarantee.vue"
+
+	export default {
+		components: {
+			Car,
+			House,
+			Company,
+			Guarantee
+		},
+		data() {
+			return {
+				show: false,
+				showTitlt: false,
+				title: '',
+				bgHeight: 0,
+				scrollTop: 0,
+				informationList: [{
+					name: '身份信息',
+					explain: '身份证、婚姻、职业、社保信息',
+					icon: '/static/img/task/task-identity.png',
+					path: '/page_task/identity/identity',
+					type: 1,
+					is_finish: false
+				}, {
+					name: '资产信息',
+					explain: '房产、车辆等资产',
+					icon: '/static/img/task/task-property.png',
+					type: 2,
+					is_finish: false
+				}, {
+					name: '申请信息',
+					explain: '贷款额度信息',
+					icon: '/static/img/task/task-apply.png',
+					type: 3,
+					is_finish: false
+				}, {
+					name: '联系人信息',
+					explain: '其他联系人',
+					icon: '/static/img/task/task-contacts.png',
+					type: 4,
+					is_finish: false
+				}, {
+					name: '征信信息',
+					explain: '银行征信信息',
+					icon: '/static/img/task/task-credit.png',
+					type: 5,
+					is_finish: false
+				}, ]
+			}
+		},
+		onPageScroll(res) {
+			this.scrollTop = res.scrollTop / 120
+		},
+		onLoad(options) {
+			this.title = options.title
+		},
+		methods: {
+			onAuthentication(item) {
+				uni.navigateTo({
+					url: `${item.path}?title=${item.name}`
+				})
+			},
+			onLeftSubmit() {
+				console.log('预览');
+			},
+			onSubmit() {
+				console.log('提交资料');
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info_button {
+		width: 130rpx;
+		height: 60rpx;
+		border: none;
+		line-height: 60rpx;
+	}
+
+	.property_content {
+		width: 100%;
+		position: absolute;
+	}
+
+	/deep/ .uni-collapse {
+		background-color: #EEF1F7 !important;
+		border-radius: 30rpx;
+	}
+
+	uni-collapse-item {
+		margin-bottom: 20rpx;
+	}
+
+	button::after {
+		border: none;
+	}
+
+	.collapse-item-house {
+		background: linear-gradient(180deg, rgba(255, 92, 0, 0.1) 0%, rgba(255, 255, 255, 1) 60rpx);
+	}
+
+	.collapse-item-car {
+		background: linear-gradient(180deg, rgba(0, 163, 255, 0.1) 0%, rgba(255, 255, 255, 1) 60rpx);
+	}
+
+	.collapse-item-guarantee {
+		background: linear-gradient(180deg, rgba(0, 255, 194, 0.1) 0%, rgba(255, 255, 255, 1) 60rpx);
+	}
+
+	.collapse-item-company {
+		background: linear-gradient(180deg, rgba(255, 0, 0, 0.1) 0%, rgba(255, 255, 255, 1) 60rpx);
+	}
+</style>

page_task/task_details/module/apply.vue

@@ -0,0 +1,138 @@
+<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="">
+								<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>
+							</view>
+							<view class="">
+								<text class="text-color-666">投向行业</text>
+								<text class="m-l16">流动资金贷款</text>
+							</view>
+						</view>
+						<view class="m-l40">
+							<view class="m-b16">
+								<text class="text-color-666">支付状态</text>
+								<text class="m-l16">已缴纳</text>
+							</view>
+							<view class="">
+								<text class="text-color-666">企业类型</text>
+								<text class="m-l16">个体经营</text>
+							</view>
+						</view>
+					</view>
+				</view>
+				<!-- 抵押申请 -->
+				<view class="m-t30 color-4A2600">
+					<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">抵押</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" v-for="(item,index) in list" :key="index">
+								<text class="sys-weight-600">{{item.num}}</text>
+								<text class="size-24">{{item.name}}</text>
+							</view>
+						</view>
+						<view class="m-b10">
+							<text>绑定资产：</text>
+							<text class="capsule sys-weight-600">房产信息(1)</text>
+						</view>
+						<view class="message-box r-20 p-20 m-t20" v-for="(item,index) in 3" :key="index">
+							<view class="">
+								<text class="sys-weight-600">还款信息(1)</text>
+								<text class="m-l20">批复金额 90万</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">长春农商银行</text>
+									<view class="size-28 sys-weight-600 m-t10">8968 9759 6768 6970</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+
+		},
+		data() {
+			return {
+				list: [{
+					num: '89万',
+					name: '成交价'
+				}, {
+					num: '30万',
+					name: '定金'
+				}, {
+					num: '29万',
+					name: '资金监管'
+				}, {
+					num: '商业',
+					name: '批复类型'
+				}]
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.apply {
+		position: relative;
+
+		.bg-box {
+			width: 710rpx;
+			height: 80rpx;
+		}
+
+		.dot {
+			width: 12rpx;
+			height: 12rpx;
+			border-radius: 50%;
+			background: #0FB160;
+		}
+	}
+
+	.apply-box {
+		background: linear-gradient(163deg, #EDC397 0%, #F3DBBC 100%);
+
+		.capsule {
+			display: inline-block;
+			background: #FFE6C8;
+			width: 185rpx;
+			height: 42rpx;
+			line-height: 42rpx;
+			border-radius: 99rpx;
+			text-align: center;
+		}
+	}
+
+	.message-box {
+		background: linear-gradient(180deg, #FFEEE4 0%, #FFFFFF 100%);
+	}
+</style>

page_task/task_details/module/identity.vue

@@ -0,0 +1,161 @@
+<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="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="capsule sys-bg-BFD2CC">本科</view>
+						<view class="capsule sys-bg-BFD2CC m-l10">自雇</view>
+					</view>
+					<view class="row-c m-tb20">
+						<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>
+					</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>500103199408245749</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>重庆市渝中区大坪龙湖时代湖时代12都市3-1</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>四川九顿科技</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>四川省城都是天赋大厦18栋3楼</text>
+						</view>
+					</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="row-c">
+						<image class="wh-30 m-r20" src="/static/img/task-details/safeguard.png" mode="aspectFill">
+						</image>
+						<text>56个月</text>
+						<view class="line-box m-lr16"></view>
+						<text>2800元</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">已婚</view>
+					<image class="card r-20 m-tb20" src="/static/img/task-details/front.png" 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="/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>
+					</view>
+					<view class="">
+						<text class="size-26 sys-weight-600">刘颖</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>15730211005</text>
+							</view>
+						</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>500103199408245749</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.identity {
+		position: relative;
+
+		.bg-box {
+			width: 710rpx;
+			height: 80rpx;
+		}
+
+		.dot {
+			width: 12rpx;
+			height: 12rpx;
+			border-radius: 50%;
+			background: #0FB160;
+		}
+
+		.capsule {
+			color: #00542A;
+			width: 114rpx;
+			height: 42rpx;
+			line-height: 42rpx;
+			border-radius: 99rpx;
+			text-align: center;
+		}
+	}
+
+	.card {
+		width: 160rpx;
+		height: 90rpx;
+		display: block;
+	}
+
+	.line-box {
+		width: 2rpx;
+		height: 26rpx;
+		background: #121212;
+	}
+
+	.spouse {
+		width: 345rpx;
+		height: 48rpx;
+		line-height: 48rpx;
+		color: #003A1D;
+		border-radius: 100rpx;
+		background: linear-gradient(90deg, rgba(15, 177, 96, 0.2) 0%, rgba(15, 177, 96, 0) 61%);
+	}
+</style>

page_task/task_details/module/property.vue

@@ -0,0 +1,310 @@
+<template>
+	<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 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-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>
+						</view>
+						<view class="sys-background-fff r-20 p-20">
+							<view class="">
+								<text class="text-color-666">房产证号</text>
+								<text class="m-l10">XZ45564546</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>
+							</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>
+									<image class="card r-20 m-t20" src="/static/img/task-details/front.png"
+										mode="aspectFill">
+								</view>
+							</view>
+							</image>
+						</view>
+						<image class="property-icon wh-100" src="/static/img/task-details/property-one.png" mode="">
+						</image>
+					</view>
+				</view>
+				<!-- 保单信息 -->
+				<view 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">
+						<view class="">
+							<text class="size-32 color-11003B sys-weight-600">太平洋保险</text>
+							<text class="size-24 color-6E6686 m-l10">公司</text>
+						</view>
+						<view class="size-26 m-tb10">
+							<text class="capsule two-text">人寿</text>
+							<text class="capsule two-text">8000元/年</text>
+						</view>
+						<view class="sys-background-fff r-20 p-20">
+							<view class="">
+								<text class="text-color-666">有效期</text>
+								<text class="m-l10">2024.10.23</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>
+							</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="/static/img/logo.png" mode="aspectFill"
+										v-for="(item,index) in 3" :key="index">
+									</image>
+								</view>
+							</view>
+						</view>
+						<image class="property-icon wh-100" src="/static/img/task-details/property-two.png" mode="">
+						</image>
+					</view>
+				</view>
+
+				<!-- 车辆信息 -->
+				<view 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="">
+							<text class="size-32 color-11003B sys-weight-600">奔驰</text>
+							<text class="size-24 color-6E6686 m-l10">品牌</text>
+						</view>
+						<view class="size-26 m-tb10">
+							<text class="capsule two-text">白色</text>
+							<text class="capsule two-text">2020年登记</text>
+							<text class="capsule two-text">30万元</text>
+						</view>
+						<view class="sys-background-fff r-20 p-20">
+							<view class="">
+								<text class="text-color-666">车牌号</text>
+								<text class="m-l10">渝A88888</text>
+							</view>
+							<view class="m-tb16">
+								<text class="text-color-666">车架号</text>
+								<text class="m-l10">CX584564</text>
+							</view>
+							<view class="">
+								<text class="text-color-666">车牌类型</text>
+								<text class="m-l10">非运营车</text>
+							</view>
+							<view class="sys-from-background-color m-t20 p-20 r-20">
+								<view class="row-c">
+									<view class="">
+										<text class="size-24">行驶证</text>
+										<image class="picture m-t20 r-10" src="/static/img/logo.png" mode="aspectFill">
+										</image>
+									</view>
+									<view class="m-l20">
+										<text class="size-24">车辆登记证</text>
+										<image class="picture m-r20 m-t20 r-10" src="/static/img/logo.png"
+											mode="aspectFill">
+										</image>
+									</view>
+								</view>
+								<view class="row-c">
+									<view class="">
+										<view class="size-24 m-t20">车辆照片</view>
+										<view class="row-c m-t10" style="flex-wrap: wrap;">
+											<image class="picture m-r20 r-10 m-t10" src="/static/img/logo.png"
+												mode="aspectFill" v-for="(item,index) in 5" :key="index">
+											</image>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<image class="property-icon wh-100" src="/static/img/task-details/property-three.png" mode="">
+						</image>
+					</view>
+				</view>
+				<!-- 企业信息 -->
+				<view 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="">
+							<text class="size-32 color-11003B sys-weight-600">春航科技有限责任公司</text>
+						</view>
+						<view class="size-26 m-tb10">
+							<text class="capsule two-text">白色</text>
+							<text class="capsule two-text">2020年登记</text>
+							<text class="capsule two-text">30万元</text>
+						</view>
+						<view class="sys-background-fff r-20 p-20">
+							<view class="">
+								<text class="text-color-666">年交税额</text>
+								<text class="m-l10">5000000元</text>
+							</view>
+							<view class="m-tb16">
+								<text class="text-color-666">年开票额</text>
+								<text class="m-l10">5000000元</text>
+							</view>
+							<view class="">
+								<text class="text-color-666">税务登记</text>
+								<text class="m-l10">A</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>
+							</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>
+									<image class="card r-20 m-t20" src="/static/img/task-details/front.png"
+										mode="aspectFill">
+								</view>
+							</view>
+							<view class="sys-from-background-color m-t20 p-20 r-20">
+								<view class="size-24">企业照片</view>
+								<view class="row-c m-t10" style="flex-wrap: wrap;">
+									<image class="picture m-r20 r-10 m-t10" src="/static/img/logo.png" mode="aspectFill"
+										v-for="(item,index) in 3" :key="index">
+									</image>
+								</view>
+							</view>
+						</view>
+						<image class="property-icon wh-100" src="/static/img/task-details/property-four.png" mode="">
+						</image>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.property {
+		position: relative;
+
+		.bg-box {
+			width: 710rpx;
+			height: 80rpx;
+		}
+
+		.dot {
+			width: 12rpx;
+			height: 12rpx;
+			border-radius: 50%;
+			background: #0FB160;
+		}
+	}
+
+	.property-box-one {
+		position: relative;
+		background: linear-gradient(161deg, #B0FDB3 0%, #5EDE9D 100%);
+
+	}
+
+	.property-box-two {
+		position: relative;
+		background: linear-gradient(161deg, #FFE2E2 0%, #FBCACA 100%);
+
+		.two-text {
+			background: #D06565;
+		}
+
+		.picture {
+			width: 160rpx;
+			height: 190rpx;
+			display: block;
+		}
+	}
+
+	.property-box-three {
+		position: relative;
+		background: linear-gradient(161deg, #CDE7FD 0%, #B6D2FB 100%);
+
+		.two-text {
+			background: #2E86F4;
+		}
+
+		.picture {
+			width: 160rpx;
+			height: 90rpx;
+			display: block;
+			border-radius: 10rpx;
+		}
+	}
+
+	.property-box-four {
+		position: relative;
+		background: linear-gradient(161deg, #F4DCBD 0%, #EEC398 100%);
+
+		.two-text {
+			background: #C37929;
+		}
+
+		.picture {
+			width: 160rpx;
+			height: 90rpx;
+			display: block;
+			border-radius: 10rpx;
+		}
+	}
+
+	.property-icon {
+		position: absolute;
+		right: 40rpx;
+		top: 12rpx;
+	}
+
+	.capsule {
+		color: #fff;
+		height: 50rpx;
+		line-height: 50rpx;
+		border-radius: 99rpx;
+		background: #0FB160;
+		text-align: center;
+		padding: 0 20rpx;
+		margin-right: 10rpx;
+	}
+
+	.card {
+		width: 160rpx;
+		height: 90rpx;
+		display: block;
+	}
+</style>

page_task/task_details/module/record.vue

@@ -0,0 +1,138 @@
+<template>
+	<view class="text-color-12">
+		<view class="sys-background-fff m-20 p-20 r-20" v-for="(item,index) in 2" :key="index">
+			<view class="record-box row-justify-sb">
+				<view class="row-c">
+					<image class="wh-80" src="/static/img/index/index-avatar.png" mode="aspectFill"></image>
+					<view class="column m-l16">
+						<text class="size-26 sys-weight-600">章三</text>
+						<text class="size-24 text-color-999">总经理</text>
+					</view>
+				</view>
+				<view class="reply-box size-24">
+					<view class="reply-top size-24"></view>
+					<view class="reply-buttom size-24" @click="onSendChat">回复</view>
+				</view>
+			</view>
+			<view class="row m-t20 ">
+				<view class="empty-box"></view>
+				<view class="m-l16 size-26 flex">
+					<!-- 自己发送 -->
+					<text> 同意，利息2分。借款1个月，跟投两万。</text>
+					<view class="image-box">
+						<image class="reply-img wh-60 m-t20 r-10 m-r20" src="/static/img/logo.png" mode="aspectFill"
+							v-for="(item,index) in 5" :key="index"></image>
+					</view>
+					<!-- 文件类型 -->
+					<view class="sys-from-background-color p-20 r-20 m-t20">
+						<view class="file-item row-c m-b20" v-for="(item,index) in 3" :key="index">
+							<image class="wh-45 m-r20" src="/static/img/task-details/icon-pdf.png" mode="aspectFill">
+							</image>
+							<text class="size-24 color-111827">资金证明资料.PDF</text>
+						</view>
+					</view>
+					<!-- 1对1回复 -->
+					<view class="sys-from-background-color p-20 m-t20 r-20">
+						<view class="">
+							<text class="color-00A775">Administrator</text><text
+								class="m-lr10 text-color-666">回复</text><text class="color-00A775">隋成哲:</text>
+							<view class="">
+								<view class="m-t16">可以</view>
+								<view class="image-box">
+									<image class="reply-img wh-60 m-t20 r-10 m-r20" src="/static/img/logo.png"
+										mode="aspectFill" v-for="(item,index) in 5" :key="index"></image>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<uni-popup background-color="#fff" ref="popup" type="bottom" borderRadius="10px 10px 0 0"
+			@touchmove.stop.prevent="moveHandle">
+			<view class="page-env-160">
+				<view class="row-justify-sb center p-lr30 p-t30">
+					<view class="wh-25"></view>
+					<text class="size-30 sys-weight-600">任务反馈</text>
+					<image class="wh-25" src="/static/img/task-details/close.png" mode="" @click="onClose"></image>
+				</view>
+				<SendChat is_button></SendChat>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import SendChat from "./send_chat.vue"
+
+	export default {
+		components: {
+			SendChat
+		},
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+		methods: {
+			moveHandle() {
+				return false
+			},
+			onSendChat() {
+				this.$refs.popup.open('bottom')
+			},
+			onClose() {
+				this.$refs.popup.close('bottom')
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.record-box {
+
+
+		.reply-box {
+			position: relative;
+
+		}
+
+		.reply-top {
+			width: 98rpx;
+			height: 45rpx;
+			background: #0FB160;
+			border-radius: 6rpx;
+			opacity: 0.1;
+		}
+
+		.reply-buttom {
+			width: 98rpx;
+			height: 45rpx;
+			line-height: 45rpx;
+			text-align: center;
+			position: absolute;
+			top: 0;
+			color: #0FB160;
+		}
+	}
+
+	.empty-box {
+		width: 80rpx;
+	}
+
+	.image-box {
+		display: flex;
+		flex-wrap: wrap;
+
+		.reply-img {
+			width: 130rpx;
+			height: 130rpx;
+			display: block;
+		}
+	}
+
+	.file-item:last-child {
+		margin-bottom: 0;
+	}
+</style>

page_task/task_details/module/send_chat.vue

@@ -0,0 +1,104 @@
+<template>
+	<view class="text-color-12">
+		<view class="p-30">
+			<textarea class="sys-from-background-color r-20 textarea p-20" name="" id="" cols="30" rows="10"
+				placeholder="留言"></textarea>
+			<view class="size-26 m-t20 sys-weight-600">上传图片</view>
+			<view class="image-content">
+				<view class="image-box" v-for="(item,index) in 1" :key="index">
+					<image class="image-item wh-110 m-t20 r-10 m-r20" src="/static/img/logo.png" mode="aspectFill">
+					</image>
+					<image class="delete-iocn wh-25" src="/static/img/information/hint-subtract.png" mode=""></image>
+				</view>
+				<view class="add-image column-c justify-center m-t20">
+					<image class="wh-45" src="/static/img/task-details/Mask oup.png" mode=""></image>
+					<text class="size-24 text-color-666">视频/图片</text>
+				</view>
+			</view>
+			<view class="size-26 m-tb20 sys-weight-600">上传附件</view>
+			<view class="">
+				<view class="sys-from-background-color row-justify-sb center p-20 m-b16 r-20" v-for="(item,index) in 1"
+					:key="index">
+					<view class="row-c">
+						<image class="wh-60 m-r20" src="/static/img/task-details/icon-word.png" mode="aspectFill">
+						</image>
+						<text class="size-24 text-color-666">资金证明资料</text>
+					</view>
+					<image class="delete-iocn wh-25" src="/static/img/information/hint-subtract.png" mode=""></image>
+				</view>
+				<view class="sys-from-background-color row-c p-20 r-20">
+					<image class="wh-80 m-r20" src="/static/img/task-details/add-file.png" mode="aspectFill">
+					</image>
+					<view class="column">
+						<text class="select-file size-24">选择文件</text>
+						<text class="size-24 text-color-666">支持上传文件：pdf、word、excel、ppt</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		<EnButton v-if="is_button"></EnButton>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			is_button: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {}
+		},
+		methods: {}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.textarea {
+		width: calc(100% - 40rpx);
+		max-height: 100rpx;
+	}
+
+	.image-content {
+		display: flex;
+		flex-wrap: wrap;
+
+		.image-box {
+			position: relative;
+
+			.image-item {
+				width: 130rpx;
+				height: 130rpx;
+				border-radius: 10rpx;
+			}
+
+			.delete-iocn {
+				position: absolute;
+				right: 12rpx;
+				top: 12rpx;
+			}
+		}
+
+		.add-image {
+			width: 128rpx;
+			height: 128rpx;
+			border-radius: 10rpx;
+			background: #F7F9FE;
+			border: 1rpx dashed #999999;
+		}
+	}
+
+	.select-file {
+		width: 132rpx;
+		height: 44rpx;
+		background: #FFFFFF;
+		border-radius: 6rpx;
+		border: 1rpx solid #DDDDDD;
+		line-height: 44rpx;
+		text-align: center;
+		display: inline-block;
+		margin-bottom: 10rpx;
+	}
+</style>

page_task/task_details/module/steps.vue

@@ -0,0 +1,20 @@
+<template>
+	<view class="">
+		<view class="sys-background-fff m-20 p-20 r-20">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+	}
+</script>
+
+<style>
+</style>

page_task/task_details/module/third_party.vue

@@ -0,0 +1,131 @@
+<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">
+				<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">
+						<view class="row-c">
+							<view class="m-r40">
+								<text class="text-color-666">担保类型</text>
+								<text class="m-l16">个人</text>
+							</view>
+							<view class="m-l40">
+								<text class="text-color-666">担保人姓名</text>
+								<text class="m-l16">张三</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>
+						</view>
+					</view>
+					<!-- 担保类型 -->
+					<view 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>
+						</view>
+						<view class="">
+							<text class="text-color-666">营业执照编号</text>
+							<text class="m-l16">YZ234566789</text>
+						</view>
+						<image class="card r-20 m-t20" src="/static/img/task-details/front.png" mode="aspectFill">
+						</image>
+					</view>
+				</view>
+				<view 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="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>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+
+		},
+		data() {
+			return {}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.apply {
+		position: relative;
+
+		.bg-box {
+			width: 710rpx;
+			height: 80rpx;
+		}
+
+		.dot {
+			width: 12rpx;
+			height: 12rpx;
+			border-radius: 50%;
+			background: #0FB160;
+		}
+	}
+
+	.apply-box {
+		background: linear-gradient(163deg, #EDC397 0%, #F3DBBC 100%);
+
+		.capsule {
+			display: inline-block;
+			background: #FFE6C8;
+			width: 185rpx;
+			height: 42rpx;
+			line-height: 42rpx;
+			border-radius: 99rpx;
+			text-align: center;
+		}
+	}
+
+	.card {
+		width: 160rpx;
+		height: 90rpx;
+		display: block;
+	}
+
+	.message-box {
+		background: linear-gradient(180deg, #FFEEE4 0%, #FFFFFF 100%);
+	}
+
+	.message-box:last-child {
+		margin-bottom: 0;
+	}
+
+	.title-text {
+		display: inline-block;
+		width: 172rpx;
+		height: 45rpx;
+		line-height: 45rpx;
+		text-align: center;
+		background: #FFE6C8;
+		border-radius: 10rpx 0rpx 10rpx 0rpx;
+	}
+</style>

page_task/task_details/task_details.vue

@@ -1,68 +1,133 @@
 <template>
 	<view class="total-page page-env-20 page-box">
-		<Nav :title="'任务详情'" :genre="1" :fixedHeight="135"></Nav>
-		<view class="task-tabs task-tabs-width m-t30">
-			<view class="m-lr20 m-b20 detail-bg">
-				<image class="detail-img" src="/static/img/task/details-bg.png" mode=""></image>
-				<view class="detail-content">
-					<view class="row-c top-titke">
-						<image class="wh-60 r-circle" src="../../static/img/logo.png" mode=""></image>
-						<text>张三</text>
-						<text>张三</text>
-						<text>张三</text>
-					</view>
-					<view class="row-justify-sb center buttom-titke" style="">
-						<image class="wh-60 r-circle" src="../../static/img/logo.png" mode=""></image>
-						<text>张三</text>
-						<text>张三</text>
-						<text>张三</text>
+		<Nav :title="'任务详情'" :genre="1" :fixedHeight="fixedHeight">
+			<view class="task-tabs m-b20" style="z-index: 3;" :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/logo.png" mode="aspectFill"></image>
+							<text class="size-28 m-lr16">刘方伟</text>
+							<view class="size-24 row-c sys-bg-007038 r-100 p-lr16 p-tb6">
+								<text>男</text>
+								<view class="detail-line m-lr10"></view>
+								<text>45岁</text>
+							</view>
+							<view class="row-c size-24 sys-bg-007038 r-100 p-lr16 p-tb6 m-l20">
+								<image class="wh-20" src="/static/img/task-details/phone-two.png" mode="aspectFill">
+								</image>
+								<text>12154131313</text>
+							</view>
+							<image class="wh-60 animate__animated animate__zoomIn"
+								style="position: absolute;right: 20rpx;" src="/static/img/task-details/icon-one.png"
+								mode="aspectFill">
+							</image>
+						</view>
+						<view class="row-justify-sb center buttom-titke sys-bg-BFD2CC text-color-12 size-24">
+							<text class="size-28 text-color-E21 sys-weight-600">120万</text>
+							<text>确认归档</text>
+							<text>2024/12/24用款</text>
+							<view class="row-c">
+								<image class="wh-25 m-r10" src="/static/img/task-details/usrr.png" mode=""></image>
+								<text>张单丹</text>
+							</view>
+						</view>
 					</view>
 				</view>
+				<TaskTab :current="current" @onChange="onChange"></TaskTab>
 			</view>
-			<TaskTab></TaskTab>
-			<view class="m-lr20 m-t20" style="width: 95vw;">
-				<z-swiper v-model="list" :options="{slidesPerView : 1,centeredSlides : true}">
-					<z-swiper-item :custom-style="{width:'90vw'}" v-for="(item,index) in list" :key="index">
-						<image class="image" style="width: 88vw;" :src="item" mode="aspectFill">
-						</image>
+		</Nav>
+		<view class="details_body sys-list-background-color task-tabs-width 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-item>
+						<Identity></Identity>
+					</z-swiper-item>
+					<z-swiper-item>
+						<Apply></Apply>
+					</z-swiper-item>
+					<z-swiper-item>
+						<ThirdParty></ThirdParty>
 					</z-swiper-item>
 				</z-swiper>
+				<view class="" v-if="current === 2">
+					<z-swiper v-model="lists" :options="options">
+						<z-swiper-item>
+							<Property></Property>
+						</z-swiper-item>
+					</z-swiper>
+				</view>
 			</view>
+			<Record v-if="current === 3"></Record>
+			<Steps v-if="current === 4"></Steps>
 		</view>
+		<EnButton :text="'冲销'" v-if="current === 1"></EnButton>
+		<EnButton is_both :leftText="'交接'" :rightText="'操作'" v-if="current === 2" @onSubmit="onSubmit"></EnButton>
 	</view>
 </template>
 
 <script>
-	import TaskItem from "@/common/task/task-item.vue"
 	import TaskTab from "@/page_task/module/task_tab.vue"
+	// 身份信息
+	import Identity from "./module/identity.vue"
+	// 申请信息
+	import Apply from "./module/apply.vue"
+	// 第三方信息
+	import ThirdParty from "./module/third_party.vue"
+	// 资产信息
+	import Property from "./module/property.vue"
+	// 审核进度
+	import Steps from "./module/steps.vue"
+	// 跟进记录
+	import Record from "./module/record.vue"
 
 	export default {
 		components: {
 			TaskTab,
-			TaskItem
+			Identity,
+			ThirdParty,
+			Apply,
+			Property,
+			Record,
+			Steps
 		},
 		data() {
 			return {
-				list: [
-					'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe1.jpg',
-					'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe2.jpg',
-					'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe2.jpg',
-				],
+				current: 1,
+				fixedHeight: 200,
+				options: {
+					autoHeight: true,
+				},
+				list: [1, 2, 3],
+				lists: [1, 2],
 			}
 		},
 		methods: {
-
+			onChange(current) {
+				this.current = current
+			},
+			onSubmit() {
+				uni.navigateTo({
+					url: "/page_task/task_operate/task_operate"
+				})
+			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
+	.details_body {
+		width: 100%;
+		position: absolute;
+	}
+
 	.detail-bg {
 		position: relative;
 	}
 
 	.detail-img {
-		width: 100%;
+		width: calc(100%);
 		height: 220rpx;
 	}
 
@@ -77,13 +142,18 @@
 			// background: red;
 		}
 
+		.detail-line {
+			width: 2rpx;
+			height: 24rpx;
+			background-color: #FFFFFF;
+		}
+
 		.buttom-titke {
 			flex: 1;
-			margin-top: 26rpx;
+			margin-top: 40rpx;
 			height: 90rpx;
 			width: 635rpx;
 			line-height: 90rpx;
-			background: #FFFFFF;
 			border-radius: 20rpx;
 			padding: 0 20rpx;
 		}

page_task/task_operate/task_operate.vue

@@ -0,0 +1,103 @@
+<template>
+	<view class="total-page page-box">
+		<Nav :title="is_handle?'任务操作':'任务冲销'" :genre="1" :opacity="scrollTop" is_fixed :bgHeight="bgHeight"></Nav>
+		<view class="operate_body page-env-160" :style="{top:`${$tools.topHeight()}px`}">
+			<view class="sys-background-fff m-lr30 m-t30 m-b20 p-lr30 r-20">
+				<view class="" v-if="is_handle">
+					<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+						<view class="wh-text"><text></text>下一阶段处理</view>
+						<view class="row-c flex">
+							<input class="wh-input sys-size-28 text-color-12 m-l20 flex"
+								placeholder-class="sys-size-28 text-color-999 sys-weight-400" placeholder="请选择"
+								v-model="inputValue"></input>
+						</view>
+						<uni-icons type="forward" size="18" color="#D8D8D8"></uni-icons>
+					</view>
+					<view class="row-justify-sb center p-tb30 bor-bottom-1 size-28">
+						<view class="wh-text"><text></text>下一执行人员</view>
+						<view class="row-c flex">
+							<input class="wh-input sys-size-28 text-color-12 m-l20 flex"
+								placeholder-class="sys-size-28 text-color-999 sys-weight-400" placeholder="请选择"
+								v-model="inputValue"></input>
+						</view>
+						<uni-icons type="forward" size="18" color="#D8D8D8"></uni-icons>
+					</view>
+					<WhInput :name="'回款姓名'"></WhInput>
+					<WhInput :name="'回款银行'" :is_border="false" is_select disabled>
+					</WhInput>
+				</view>
+				<view class="" v-else>
+					<WhInput :name="'冲销类型'" :is_border="false" is_select disabled></WhInput>
+				</view>
+			</view>
+			<view class="sys-background-fff m-lr30 r-20">
+				<SendChat></SendChat>
+			</view>
+		</view>
+		<EnButton></EnButton>
+	</view>
+</template>
+
+<script>
+	import WhInput from "@/page_task/module/wh-input.vue"
+	import SendChat from "@/page_task/task_details/module/send_chat.vue"
+
+	export default {
+		components: {
+			WhInput,
+			SendChat
+		},
+		data() {
+			return {
+				bgHeight: 110,
+				scrollTop: 0,
+				is_handle: true
+			}
+		},
+		onPageScroll(res) {
+			this.scrollTop = res.scrollTop / 120
+		},
+		methods: {
+			// 下拉刷新
+			onRefresh() {
+				uni.showLoading({
+					title: '数据加载中'
+				})
+				setTimeout(() => {
+					uni.showToast({
+						title: '加载完成',
+						icon: 'none'
+					})
+					this.$refs.scroll.onEndPulling()
+				}, 1000)
+				console.log("下拉刷新");
+			},
+			// 滚动到底部
+			onScrollBottom() {
+				uni.showLoading({
+					title: '数据加载中'
+				})
+				setTimeout(() => {
+					uni.showToast({
+						title: '加载完成',
+						icon: 'none'
+					})
+				}, 1000)
+				console.log("到底部了");
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.operate_body {
+		width: 100%;
+		position: absolute;
+	}
+
+	.wh-input {
+		width: 100%;
+		text-align: right;
+		direction: rtl;
+	}
+</style>

pages.json

@@ -98,6 +98,55 @@
 			{
 				"navigationBarTitleText" : ""
 			}
+		},
+		{
+			"path" : "creation_task/creation_task",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "information/information",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "identity/identity",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "identity_upload/identity_upload",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "property/property",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "apply/apply",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
+			"path" : "task_operate/task_operate",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
 		}]
 	}],
 	"globalStyle": {

pages/index/module/index_column.vue

@@ -2,7 +2,7 @@
 	<view class="row-c m-t20">
 		<view class="column_item sys-background-dominant r-30 column-justify-sb" v-if="!is_admin">
 			<view class="column_build column-c">
-				<view class="row-c">
+				<view class="row-c" @click="onCreationTask">
 					<image class="wh-80 m-r30" src="/static/img/index/index-add.png" mode="">
 					</image>
 					<text class="text-color-fff sys-weight-600 size-30">新建任务</text>
@@ -112,6 +112,11 @@
 					url: "/page_subpack/message/message"
 				})
 			},
+			onCreationTask() {
+				uni.navigateTo({
+					url: "/page_task/creation_task/creation_task"
+				})
+			},
 		}
 	}
 </script>

pages/statistics/statistics.vue

@@ -21,7 +21,7 @@
 				<view class="tabs page-box-bg-fff m-lr30 r-30" v-if="statType == 2 || statType == 3"
 					:style="[{position:is_fixed?'absolute':''},{top:`${$tools.topHeight() + 85}px`}]"
 					style="height: 100rpx;">
-					<z-tabs ef="tabs" :list="tabsList"
+					<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" />

pages/task/task.vue

@@ -31,7 +31,7 @@
 
 	export default {
 		components: {
-			TaskItem
+			TaskItem,
 		},
 		data() {
 			return {

static/css/common.css

@@ -159,6 +159,10 @@
 	padding: 40rpx;
 }
 
+.p-t6 {
+	padding-top: 6rpx;
+}
+
 .p-t10 {
 	padding-top: 10rpx;
 }
@@ -468,10 +472,20 @@
 }
 
 .m-lr40 {
-	margin-left: 30rpx;
+	margin-left: 40rpx;
 	margin-right: 40rpx;
 }
 
+.m-lr50 {
+	margin-left: 50rpx;
+	margin-right: 50rpx;
+}
+
+.m-lr60 {
+	margin-left: 60rpx;
+	margin-right: 60rpx;
+}
+
 /*字体大小*/
 .size-16 {
 	font-size: 16rpx;
@@ -615,6 +629,12 @@
 	display: block;
 }
 
+.wh-20 {
+	width: 20rpx;
+	height: 20rpx;
+	display: block;
+}
+
 .wh-25 {
 	width: 25rpx;
 	height: 25rpx;
@@ -627,6 +647,12 @@
 	display: block;
 }
 
+.wh-45 {
+	width: 45rpx;
+	height: 45rpx;
+	display: block;
+}
+
 .wh-60 {
 	width: 60rpx;
 	height: 60rpx;
@@ -670,6 +696,20 @@
 	line-height: 40rpx;
 }
 
+.line-40 {
+	line-height: 40rpx;
+}
+
+.line-60 {
+	height: 60rpx;
+	line-height: 60rpx;
+}
+
+.line-80 {
+	height: 80rpx;
+	line-height: 80rpx;
+}
+
 .line-100 {
 	line-height: 100rpx;
 }

static/css/default-color.scss

@@ -31,9 +31,20 @@
 .sys-bg-2B7DFA{
 	background: #2B7DFA;
 }
+// 创建任务类型bg
+.sys-bg-BFD2CC{
+	background: #f3f7f6;
+}
+// 创建任务资料bg
+.sys-bg-CBCBCB{
+	background: #CBCBCB;
+}
 .sys-bg-ED9A2C{
 	background: #ED9A2C;
 }
+.sys-bg-007038{
+	background: #007038;
+}
 
 // 阴影背景
 .bg-rgba-255{
@@ -108,8 +119,10 @@
 .color-0FB160{
 	color: #0FB160;
 }
+.color-00A775{
+	color: #00A775;
+}
 
-// 统计页面
 .color-00BF8A{
 	color: #00BF8A;
 }
@@ -122,9 +135,24 @@
 .color-ED9A2C{
 	color: #ED9A2C;
 }
+.color-4A2600{
+	color: #4A2600;
+}
+.color-653400{
+	color: #653400;
+}
 .color-000{
   color: #000000;
 }
+.color-11003B{
+  color: #11003B;
+}
+.color-111827{
+  color: #111827;
+}
+.color-6E6686{
+  color: #6E6686;
+}