assess-app/page_task/tripartite_info/components/guarantee_user.vue

<template>
	<view class="">
		<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="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/edit.png" mode="aspectFill"
							@click="onEditInfo(item)"></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-c p-tb30">
					<view class="text-color-666"><text></text>担保类型：</view>
					<text>个人</text>
				</view>
				<view class="row-c">
					<view class="text-color-666"><text></text>担保人信息：</view>
					<text>张三</text>
				</view>
			</view>
			<view class="row-c p-tb30">
				<view class="text-color-666"><text></text>绑定资产：</view>
				<text>绑定资产</text>
			</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?'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/information/correct.png':'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/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>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {}
		},
		methods: {

		}
	}
</script>

<style>
</style>