From 2667d6931e0f85f3dda26238330d9c45385025cf Mon Sep 17 00:00:00 2001
From: wzp <2880584989@qq.com>
Date: 星期一, 21 二月 2022 17:51:57 +0800
Subject: [PATCH] 最新版本
---
assetMgtH5/pages/apply/applyInfo.vue | 184 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 183 insertions(+), 1 deletions(-)
diff --git a/assetMgtH5/pages/apply/applyInfo.vue b/assetMgtH5/pages/apply/applyInfo.vue
index 6107380..d6a9ce4 100644
--- a/assetMgtH5/pages/apply/applyInfo.vue
+++ b/assetMgtH5/pages/apply/applyInfo.vue
@@ -1,3 +1,4 @@
+<!-- 璧勪骇棰嗙敤 -->
<template>
<view>
<view class="">
@@ -6,6 +7,92 @@
<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>
@@ -13,12 +100,107 @@
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);
+ },
+ onShow() {
+
+ this.initUseListData();
+
+ },
+ methods: {
+ initUseListData() {
+ 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>
--
Gitblit v1.9.1