最新版本

wzp

2022-02-21 2667d6931e0f85f3dda26238330d9c45385025cf

 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>

@@ -14,11 +101,106 @@
      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>