<template>
	<!-- 这是底部流程图 -->
	<view>
		<!-- <view class="">
			<text style="width:120rpx;display: block;" class="tx-center">抄送人</text>
			<button class="margin-top cu-btn round lines-grey line-grey shadow" v-for="(item,index) in checkedData" :key="index">{{item.name}}</button>
		</view> -->
		<view class="cu-timeline">
			<view class="cu-time" style="color: #0081ff;">审核流程进程</view>
			<view class="cu-item text-blue" v-for="(item,index) in fromData" :key="index">
				<view class="content">
					<view class="content radius10 pdlr10">
						<text class="mgr10">部门:</text>
						<text>{{item.deptName||''}}</text>
					</view>
					<view class="content radius10 pdlr10">
						<text class="mgr10">时间:</text> 
						<text>{{item.createTime||''}}</text>
					</view>
					<view class="content radius10 pdlr10">
						<text class="mgr10">审批人:</text> 
						<text>{{item.approver||''}}</text>
					</view>
					<view class="content radius10 pdlr10">
						<text class="mgr10">审批意见:</text> 
						<text>{{item.auditOpinion||''}}</text>
					</view>
					<view class="content radius10 pdlr10">
						<text class="mgr10">原因:</text> 
						<text>{{item.reason||''}}</text>
					</view>
					<view class="content radius10 pdlr10">
						<text class="mgr10">金额（万元）:</text> 
						<text>{{item.loanMoney||''}}</text>
					</view>
					<view class="content radius10 pdlr10">
						<text class="mgr10">期限:</text> 
						<text>{{item.loanTern||''}}</text>
					</view>
				</view>
			</view>
		</view>
		
		<view class="cu-timeline mat15 pdb10">
			<view class="cu-time" style="color: #1cbbb4;">业务流程进程</view>
			<view class="cu-item text-blue" v-for="item,index in fromData1" :key="index">
				<view class="content">
					<view class=" content radius10 pdlr10">
						<text class="mgr10">部门:</text>
						<text>{{item.deptName||''}}</text>
					</view>
					<view class=" content  radius10 pdlr10">
						<text class="mgr10">时间:</text> 
						<text>{{item.createTime||''}}</text>
					</view>
					<view class=" content  radius10 pdlr10">
						<text class="mgr10">审批人:</text> 
						<text>{{item.approver||''}}</text>
					</view>
					<view class=" content  radius10 pdlr10">
						<text class="mgr10">审批意见:</text> 
						<text>{{item.auditOpinion||''}}</text>
					</view>
					<view class=" content  radius10 pdlr10">
						<text class="mgr10">原因:</text> 
						<text>{{item.reason||''}}</text>
					</view>
					<view class=" content  radius10 pdlr10">
						<text class="mgr10">金额（万元）:</text> 
						<text>{{item.loanMoney||''}}</text>
					</view>
					<view class=" content  radius10 pdlr10">
						<text class="mgr10">期限:</text> 
						<text>{{item.loanTern||''}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				fromData:[],// 上的值
				fromData1:[],// 下的值
				processId:'',// 当前模块值
				busnissID:'',//业务的id
				checkedData:[],//抄送的值
			}
		},
		created() {
			this.processId = JSON.parse(uni.getStorageSync('processId'))
			this.busnissID = uni.getStorageSync('businessId')
			this.listOne()// 第一个表单
			this.listTwo()// 第二个表单
		},
		mounted() {
			
		},
		methods:{
			listOne(){
				let params = {
					businessId: this.busnissID,
					processId: this.processId
				}
				this.$http.get('/api-guarantee/dg-audit-process/auditProcessList',params).then(res=>{
					console.log(res,'取得业务流程进程')
					if(res.data) this.fromData = res.data
					console.log(res,'当前的底部数据')
				}).catch(err=>{console.log(err)})
			},
			listTwo(){
				let params = {
					businessId: this.busnissID,
					processId: ''
				}
				this.$http.get('/api-guarantee/dg-audit-process/auditProcessList',params).then(res=>{
					if(res.data)  this.fromData1 = res.data
				})
			},
			
		}
	}
</script>

<style scoped lang="scss">
	/deep/ .cu-timeline>.cu-item{
		padding-top: 15rpx;
		padding-bottom: 15rpx;
	}
	// /deep/ 
</style>
