You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

135 lines
4.0 KiB

<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>