|
@@ -1,36 +1,37 @@
|
|
|
<template>
|
|
|
<view >
|
|
|
<u-navbar title="申请归还">
|
|
|
- <!-- <view slot="right" style="margin-right: 10px;">
|
|
|
-
|
|
|
- <u-icon name="scan" size="48" @click="gotoscan('')"></u-icon>
|
|
|
- </view> -->
|
|
|
- </u-navbar>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 出库单详情 -->
|
|
|
- <view class="details">
|
|
|
- <view class="item">
|
|
|
- <view class="name">
|
|
|
- 所属项目<span style="color: red;">*</span>
|
|
|
- </view>
|
|
|
- <view class="value">
|
|
|
- <u-input v-model="form.projectName" placeholder="请输入所属项目" type="text" />
|
|
|
+ <view class="details" slot="bottom">
|
|
|
+ <view class="list">
|
|
|
+ <view class="list-head" style="margin-bottom: 3px;">
|
|
|
+ <view class="title">
|
|
|
+ 出库设备清单
|
|
|
+ </view>
|
|
|
+ <view class="amount" @click="gotoscan('')">
|
|
|
+ <u-icon name="scan" color="#0051ff" ></u-icon>扫码识别
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-head">
|
|
|
+ <view class="title">
|
|
|
+ 所属项目<span style="color: red;">*</span>
|
|
|
+ </view>
|
|
|
+ <view class="amount" >
|
|
|
+ <u-input style="border-bottom: 1px solid;"
|
|
|
+ v-model="form.projectName" placeholder="请输入所属项目" type="text" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="item" v-if="false">
|
|
|
- <view class="name">
|
|
|
- 归还至
|
|
|
- </view>
|
|
|
- <view class="value">
|
|
|
- <u-input v-model="address" @click="show=true" @clear="change('')" placeholder="请输入使用周期" type="select" />
|
|
|
+ <!-- 出库单详情 -->
|
|
|
+
|
|
|
|
|
|
- </view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
-
|
|
|
- </view>
|
|
|
+ </u-navbar>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
<u-popup v-model="showpopup" class="" mode="bottom"
|
|
|
border-radius="14"
|
|
|
:closeable="true" >
|
|
@@ -102,76 +103,80 @@
|
|
|
style="width: 100%; height: 300px;"></camera>
|
|
|
|
|
|
</u-popup>
|
|
|
+
|
|
|
<!-- 出库设备清单 -->
|
|
|
- <view class="list">
|
|
|
- <view class="list-head">
|
|
|
- <view class="title">
|
|
|
- 出库设备清单
|
|
|
- </view>
|
|
|
- <view class="amount" @click="gotoscan('')">
|
|
|
- <u-icon name="scan" color="#0051ff" ></u-icon>扫码识别
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 清单信息 -->
|
|
|
- <view class="list-infos" v-for="(item,i) in scanList" :key="i" >
|
|
|
- <view class="infos-head">
|
|
|
- <view class="name">
|
|
|
- {{item.title}}
|
|
|
- </view>
|
|
|
- <view class="state" @click="delOutListMethod(i)">
|
|
|
- <u-icon name="trash-fill" color="#777777" ></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="infos">
|
|
|
- <view class="infos-1">
|
|
|
- <view class="infos-item">
|
|
|
- <view class="item-name">
|
|
|
- 编号:
|
|
|
- </view>
|
|
|
- <view class="item-value">
|
|
|
- {{item.code}}
|
|
|
- </view>
|
|
|
+ <view class="list container" style="padding-bottom: 60px;" v-show="scanList.length" >
|
|
|
+ <view class="list-view">
|
|
|
+
|
|
|
+ <!-- 清单信息 -->
|
|
|
+ <view class="list-infos" v-for="(item,i) in scanList" :key="i" >
|
|
|
+ <view class="infos-head">
|
|
|
+ <view class="name">
|
|
|
+ {{item.title}}
|
|
|
</view>
|
|
|
- <view class="infos-item">
|
|
|
- <view class="item-name">
|
|
|
- 单位:
|
|
|
- </view>
|
|
|
- <view class="item-value">
|
|
|
- {{item.unit}}
|
|
|
- </view>
|
|
|
+ <view class="state" @click="delOutListMethod(i)">
|
|
|
+ <u-icon name="trash-fill" color="#777777" ></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="infos-2">
|
|
|
- <view class="infos-item">
|
|
|
- <view class="item-name">
|
|
|
- 规格:
|
|
|
+ <view class="infos">
|
|
|
+ <view class="infos-1">
|
|
|
+ <view class="infos-item">
|
|
|
+ <view class="item-name">
|
|
|
+ 编号:
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ {{item.code}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="item-value">
|
|
|
- {{item.specifications}}
|
|
|
+ <view class="infos-item">
|
|
|
+ <view class="item-name">
|
|
|
+ 单位:
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ {{item.unit}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="infos-item">
|
|
|
- <view class="item-name">
|
|
|
- 型号:
|
|
|
+ <view class="infos-2">
|
|
|
+ <view class="infos-item">
|
|
|
+ <view class="item-name">
|
|
|
+ 规格:
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ {{item.specifications}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="item-value">
|
|
|
- {{item.model}}
|
|
|
+ <view class="infos-item">
|
|
|
+ <view class="item-name">
|
|
|
+ 型号:
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ {{item.model}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
+ <u-divider :isnone="scanList.length==0"
|
|
|
+
|
|
|
+ nonetext="点击'扫码'进行归还" nonetop="110" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
- <!-- 确认出库 -->
|
|
|
- <view class="bottom" >
|
|
|
+ <u-divider :isnone="scanList.length==0" v-show="scanList.length==0"
|
|
|
|
|
|
- <u-button type="primary" @click="gotoOut()" >确认归还</u-button>
|
|
|
+ nonetext="点击'扫码'进行归还" nonetop="110" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+
|
|
|
|
|
|
- </view>
|
|
|
+ <!-- 确认出库 -->
|
|
|
+ <view class="bottom" >
|
|
|
+
|
|
|
+ <u-button type="primary" @click="gotoOut()" >确认归还</u-button>
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -344,13 +349,13 @@
|
|
|
console.log(e);
|
|
|
},
|
|
|
gotoscan(val) {
|
|
|
+
|
|
|
// #ifdef H5
|
|
|
this.gotoscanH5(val)
|
|
|
// #endif
|
|
|
|
|
|
// #ifdef MP-WEIXIN
|
|
|
-
|
|
|
- this.gotoscanMP(val)
|
|
|
+ this.gotoscanMP(val)
|
|
|
// #endif
|
|
|
},
|
|
|
takeCode(e){
|
|
@@ -462,22 +467,28 @@
|
|
|
margin-left: auto;
|
|
|
}
|
|
|
}
|
|
|
+ .container{
|
|
|
+ margin-top: 80px;
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
// 出库单详情
|
|
|
.details {
|
|
|
background-color: #fff;
|
|
|
margin-top: 24rpx;
|
|
|
- padding: 0 32rpx;
|
|
|
-
|
|
|
+
|
|
|
+ padding: 16rpx 32rpx;
|
|
|
.item {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- padding: 22rpx 0;
|
|
|
- border-bottom: 1px solid rgba(244, 244, 244, 1);
|
|
|
-
|
|
|
+ padding: 12rpx 0;
|
|
|
+ //border-bottom: 1px solid rgba(244, 244, 244, 1);
|
|
|
+
|
|
|
.name {
|
|
|
line-height: 30px;
|
|
|
- color: rgba(119, 119, 119, 1);
|
|
|
+ color: #333333;
|
|
|
+ font-size: 32rpx
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.value {
|
|
@@ -487,11 +498,12 @@
|
|
|
}
|
|
|
|
|
|
// 出库单列表
|
|
|
- .list {
|
|
|
- background-color: #fff;
|
|
|
- margin-top: 24rpx;
|
|
|
- padding: 22rpx 32rpx;
|
|
|
-
|
|
|
+ .list {
|
|
|
+ //margin-top: 24rpx;
|
|
|
+ .list-view{
|
|
|
+ padding: 16rpx 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
.list-head {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|