<!-- 资产领用 -->
|
<template>
|
<view>
|
<view class="">
|
<cu-custom bgColor="bg-gradual-blue" :isBack="true">
|
<block slot="backText">返回</block>
|
<block slot="content">申请明细</block>
|
</cu-custom>
|
</view>
|
<view class="">
|
<view class="cu-bar bg-white solid-bottom ">
|
<view class="action">
|
<text class="cuIcon-title text-orange"></text> 资产详情
|
</view>
|
</view>
|
|
|
|
<view class="cu-list menu-avatar">
|
<view class="cu-item" v-for="(item,index) in assetsList" :key="index">
|
<view class="cu-avatar radius lg bg-white" style="background-image:url(../../static/device.png)">
|
</view>
|
<view class="content">
|
<view>
|
<view class="text-cut text-bold text-xl">{{item.approvalAssets[0].assets.name}}</view>
|
<view class="cu-tag radius bg-orange sm">数量：{{item.approvalAssets[0].quantity}}</view>
|
|
</view>
|
<view class="text-gray text-sm flex">
|
<view class="text-cut">规格：{{item.approvalAssets[0].model?item.approvalAssets[0].model:'无'}} 编码：{{item.approvalAssets[0].assets.serialNumber}}</view>
|
</view>
|
</view>
|
|
</view>
|
|
</view>
|
|
|
<!-- 申请理由 -->
|
<view class="margin-top">
|
<view class="margin-left border-title">
|
申请理由
|
</view>
|
<view class="flex justify-center align-center" style="margin-top: 10rpx;">
|
<view class="" style="width: 95%; ">
|
<u--textarea v-model="reason" placeholder="请输入内容" placeholderStyle="font-size: 15rpx;" disabled >
|
</u--textarea>
|
</view>
|
</view>
|
</view>
|
|
<view class="padding-left padding-top border-title " style="padding-bottom: 10rpx;">
|
<view class="action">
|
申请人信息
|
</view>
|
</view>
|
<view class="flex justify-center">
|
<view class="u-border radius" style="width: 95%; padding:20rpx 0 20rpx 20rpx;">
|
<view class="">
|
申请人: {{applicant}}
|
</view>
|
<!-- <view class="" style="margin-top: 5rpx;">
|
职务: {{jobTitle}}
|
</view>
|
<view class="" style="margin-top: 5rpx;">
|
申请单位: {{applicationUnit}}
|
</view> -->
|
<view class="" style="margin-top: 5rpx;">
|
申请时间: {{applicationTime}}
|
</view>
|
</view>
|
</view>
|
|
|
|
<view class="padding-left padding-top border-title " style="padding-bottom: 10rpx;">
|
<view class="action">
|
审批日志
|
</view>
|
</view>
|
<view class="flex justify-center">
|
<view class="u-border radius" style="width: 95%; padding:20rpx 0 20rpx 20rpx;">
|
|
<view class="" style="margin-top: 5rpx;" v-for="(item,index) in applyList" :key="index">
|
{{item.operator}} 操作：{{item.statuChangeEventName}} 时间：{{item.applyTime}}
|
</view>
|
</view>
|
</view>
|
|
</view>
|
|
|
|
|
<u-toast ref="uToast"></u-toast>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
reason: '',
|
assetsList: [],
|
|
|
applicant: "", //申请人
|
jobTitle: "", //职务
|
applicationUnit: '', //申请单位
|
applicationTime: '', //申请时间
|
|
applyList:[],
|
templateId: '', //模板ID
|
isDisabled:false,
|
id:42,
|
type:2,
|
}
|
},
|
onLoad(options) {
|
this.id= options.id;
|
this.type = options.type;
|
console.log('type',this.type);
|
console.log('id',this.id);
|
},
|
async onShow() {
|
|
await this.initUseListData();
|
|
},
|
methods: {
|
async initUseListData() {
|
await this.$http.get('/assets/approval/myApply',{params:{
|
"pageNum":1,
|
"pageSize":100,
|
"type":this.type
|
}})
|
.then(res => {
|
// debugger;
|
if(res.data.code===0){
|
|
for(let i=0;i<res.data.data.length;i++)
|
{
|
console.log('dataid',res.data.data[i].id)
|
if((this.id+'')===(res.data.data[i].id+''))
|
{
|
this.assetsList.push(res.data.data[i]);
|
this.reason = res.data.data[i].reason;
|
this.applicant = res.data.data[i].approvalAssets[0].operator;
|
this.applicationTime =res.data.data[i].createTime;
|
this.applyList = res.data.data[i].approvalTasks;
|
this.applyList.reverse();
|
}
|
}
|
|
// if(this.assetsList)
|
// console.log(JSON.stringify(res.data.data[0]))
|
}
|
}).catch(err => {
|
console.log(err.data)
|
})
|
},
|
|
|
|
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.numbox {
|
margin-left: 20rpx;
|
}
|
|
.minus {
|
|
width: 15px;
|
height: 15px;
|
border-width: 1px;
|
border-color: #E6E6E6;
|
border-top-left-radius: 50px;
|
border-top-right-radius: 50px;
|
border-bottom-left-radius: 50px;
|
border-bottom-right-radius: 50px;
|
@include flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.input {
|
padding: 0 5px;
|
}
|
|
.plus {
|
width: 15px;
|
height: 15px;
|
background-color: #53C21D; //#FF0000;
|
border-radius: 50%;
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
justify-content: center;
|
align-items: center;
|
}
|
</style>
|
