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.
134 lines
4.0 KiB
134 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>
|
|
|