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
135 lines
4.0 KiB
3 years ago
|
<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>
|