最新版

wzp

2022-02-11 1c6c22d91c98e8f8077abc15558c1f5590173057

 assetMgtH5/pages/assets/borrow.vue

@@ -13,143 +13,91 @@
               <text class="cuIcon-title text-orange"></text> 可借用资产列表
            </view>
         </view>
         <view class="cu-list menu-avatar">
            <view class="cu-item">
               <view class="cu-avatar radius lg"
                  style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81007.jpg);">
               </view>
               <view class="content">
                  <view>
                     <view class="text-cut text-bold text-xl">课桌</view>
                     <view class="cu-tag radius bg-orange sm">可借用：100</view>
                     <view class="numbox">
                        <u-number-box v-model="value" :min="0" :showMinus="value > 0">
                           <view slot="minus" class="minus">
                              <u-icon name="minus" size="12"></u-icon>
                           </view>
                           <input slot="input" style="width: 38px;text-align: center; "
                              class="input" :value="value"></input>
                           <view slot="plus" class="plus">
                              <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
                           </view>
                        </u-number-box>
                     </view>
                  </view>
                  <view class="text-gray text-sm flex">
                     <view class="text-cut">规格：120*120 白色 编码：1234533333</view>
                  </view>
               </view>
               <view class="action">
                  <!-- <view class="text-grey text-xs">22:20</view> -->
                  <view class="cu-tag round bg-red sm">删除</view>
               </view>
            </view>

            <view class="cu-item">
               <view class="cu-avatar radius lg"
                  style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81007.jpg);">
               </view>
               <view class="content">
                  <view>
                     <view class="text-cut text-bold text-xl">圆规</view>
                     <view class="cu-tag radius bg-orange sm">可借用：100</view>
                     <view class="numbox">
                        <u-number-box v-model="value" :min="0" :showMinus="value > 0">
                           <view slot="minus" class="minus">
                              <u-icon name="minus" size="12"></u-icon>
                           </view>
                           <input slot="input" style="width: 38px;text-align: center; "
                              class="input" :value="value"></input>
                           <view slot="plus" class="plus">
                              <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
                           </view>
                        </u-number-box>
                     </view>
                  </view>
                  <view class="text-gray text-sm flex">
                     <view class="text-cut">规格：120*120 白色 编码：12345</view>
                  </view>
               </view>
               <view class="action">
                  <!-- <view class="text-grey text-xs">22:20</view> -->
                  <view class="cu-tag round bg-red sm">删除</view>
               </view>
            </view>

            <view class="cu-item">
               <view class="cu-avatar radius lg"
                  style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81007.jpg);">
               </view>
               <view class="content">
                  <view>
                     <view class="text-cut text-bold text-xl">椅子</view>
                     <view class="cu-tag radius bg-orange sm">可借用：100</view>
                     <view class="numbox">
                        <u-number-box v-model="value" :min="0" :showMinus="value > 0">
                           <view slot="minus" class="minus">
                              <u-icon name="minus" size="12"></u-icon>
                           </view>
                           <input slot="input" style="width: 38px;text-align: center; "
                              class="input" :value="value"></input>
                           <view slot="plus" class="plus">
                              <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
                           </view>
                        </u-number-box>
                     </view>
                  </view>
                  <view class="text-gray text-sm flex">
                     <view class="text-cut">规格：120*120 白色 编码：12345</view>
                  </view>
               </view>
               <view class="action">
                  <!-- <view class="text-grey text-xs">22:20</view> -->
                  <view class="cu-tag round bg-red sm">删除</view>
               </view>
            </view>
         <view class="" v-if="listFlag">
            <u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
            </u-empty>
         </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.name}}</view>
                     <view class="cu-tag radius bg-orange sm">可借用：{{item.quantity}}</view>
                     <view class="numbox">
                        <u-number-box v-model="valueList[index]" :min="0" :max="item.quantity"
                           :showMinus="valueList[index] > 0">
                           <view slot="minus" class="minus">
                              <u-icon name="minus" size="12"></u-icon>
                           </view>
                           <input slot="input" style="width: 38px;text-align: center; " class="input"
                              :value="valueList[index]?valueList[index]:0"></input>
                           <view slot="plus" class="plus">
                              <u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
                           </view>
                        </u-number-box>
                     </view>
                  </view>
                  <view class="text-gray text-sm flex">
                     <view class="text-cut">规格：{{item.model?item.model:'无'}} 编码：{{item.serialNumber}}</view>
                  </view>
               </view>
               <!-- <view class="action"> -->
               <!-- <view class="text-grey text-xs">22:20</view> -->
               <!-- <view class="cu-tag round bg-red sm">删除</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;" ></u--textarea>
                  <u--textarea v-model="reason" placeholder="请输入内容" placeholderStyle="font-size: 15rpx;">
                  </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;">
                  申请单位: 初一1班
                  申请单位: {{applicationUnit}}
               </view>
               <view class="" style="margin-top: 5rpx;">
                  申请时间: 2022年2月8日 23:00
                  申请时间: {{applicationTime}}
               </view>
            </view>
         </view>
			

      </view>

		

      <view class="margin-top">
         <u-button style="width: 40%;" type="primary" text="提交申请"></u-button>
         <u-button style="width: 40%;" type="primary" text="提交申请" @click="submit" :disabled="isDisabled"></u-button>
      </view>


      <u-toast ref="uToast"></u-toast>
   </view>
</template>

@@ -157,26 +105,163 @@
   export default {
      data() {
         return {
            value: 10,
            reason:''
            value: 0,
            reason: '',
            assetsList: [],
            listFlag: false,
            valueList: [],
            applicant: "", //申请人
            jobTitle: "", //职务
            applicationUnit: '', //申请单位
            applicationTime: '', //申请时间
            templateId: '', //模板ID
            isDisabled: false
         }
      },
      onShow() {
         console.log(this.$dayjs().format("YYYY-MM-DD"));
         this.initUseListData();
         this.initTemplateData();
      },
      methods: {
         valChange(e) {
            console.log('当前值为: ' + e.value)
         },
         //获取可领用设备
         initUseListData() {
            this.$http.get('/assets/approval/search', {
                  params: {
                     pageNum: "1",
                     pageSize: "3",
                     keyStr: '',
                     state: "2"
                  }
               })

               .then(res => {
                  // debugger;
                  if (res.data.code === 0) {
                     let data = res.data.rows;
                     this.assetsList = data;
                     // console.log(JSON.stringify(data.data))
                     // let tt = data.data;
                     console.log(data.length)
                  } else {
                     this.listFlag = true;
                  }


               }).catch(err => {
                  this.listFlag = true;
                  console.log(err.data)
               })
         },

         //获取领用的模板
         initTemplateData() {
            this.$http.get('/assets/approval/getTemplate')
               .then(res => {
                  // debugger;

                  if (res.data.code === 0) {
                     let data = res.data.data;

                     console.log(data.length)

                     //获取借用的模板ID
                     for (let i = 0; i < data.length; i++) {
                        if (data[i].type === 2) {
                           this.templateId = data[i].templateId;
                           break;
                        }
                     }
                  }



               }).catch(err => {

                  console.log(err.data)
               })
         },

         submit() {
            this.isDisabled = true;
            if (this.reason.length <= 0) {
               this.isDisabled = false;
               this.$refs.uToast.show({
                  type: 'error',
                  message: "请填写申请理由"
               });
               return;
            }
            if (this.valueList.length <= 0) {
               this.isDisabled = false;
               this.$refs.uToast.show({
                  type: 'error',
                  message: "请选择一个或多个借用资产！"
               });

               return;
            }

            this.submitApply();
         },

         submitApply() {
            let assets = [];
            for (let i = 0; i < this.valueList.length; i++) {
               if (this.valueList[i] > 0) {
                  let item = this.assetsList[i];
                  assets.push({
                     "id": item.id,
                     "name": item.name,
                     "serialNumber": item.serialNumber,
                     "quantity": this.valueList[i]
                  })
               }
            }

            console.log(assets);
            let data = {
               "assets": assets,
               "templateId": this.templateId,
               "reason": this.reason
            }

            this.$http.post('/assets/approval/submit', data)
               .then(res => {
                  debugger;
                  if (res.data.code === 0) {
                     console.log("成功了")
                     this.$refs.uToast.show({
                        type: 'success',
                        message: "提交成功"
                     });
                  } else {
                     this.$refs.uToast.show({
                        type: 'error',
                        message: res.data.msg
                     });
                  }
                  this.isDisabled = false;

               }).catch(err => {
                  this.isDisabled = false;
                  console.log(err.data)
               })
         }
      }
   }
</script>

<style lang="scss">
	
   .numbox{
   .numbox {
      margin-left: 20rpx;
   }
	

   .minus {
		

      width: 15px;
      height: 15px;
      border-width: 1px;