|
@@ -4,7 +4,7 @@
|
|
<p>使用详情</p>
|
|
<p>使用详情</p>
|
|
<p class="reset-button-one" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
|
|
<p class="reset-button-one" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
|
|
</div>
|
|
</div>
|
|
- <div class="infoPage-max-box">
|
|
|
|
|
|
+ <div class="infoPage-max-box scrollbar-box">
|
|
<div class="infoPage-left-box scrollbar-box">
|
|
<div class="infoPage-left-box scrollbar-box">
|
|
<div class="infoPage-left-text-box-one">
|
|
<div class="infoPage-left-text-box-one">
|
|
<div>
|
|
<div>
|
|
@@ -92,8 +92,10 @@
|
|
<p></p>
|
|
<p></p>
|
|
<p>领用</p>
|
|
<p>领用</p>
|
|
<p>{{infoData.collectTime}}</p>
|
|
<p>{{infoData.collectTime}}</p>
|
|
- <p class="inquire-button-one" @click="lockVideo(1)">操作视频</p>
|
|
|
|
- <p class="inquire-button-one" @click="lockVideo(3)">开关锁视频</p>
|
|
|
|
|
|
+ <p v-if="infoData.outDetail.outVideo"
|
|
|
|
+ class="inquire-button-one" @click="lockVideo(1)">操作视频</p>
|
|
|
|
+ <p v-if="infoData.outDetail.outLockVideo"
|
|
|
|
+ class="inquire-button-one" @click="lockVideo(3)">开关锁视频</p>
|
|
</div>
|
|
</div>
|
|
<div class="table-title-box-one">
|
|
<div class="table-title-box-one">
|
|
<p>领用时库存净重</p>
|
|
<p>领用时库存净重</p>
|
|
@@ -119,8 +121,10 @@
|
|
<p></p>
|
|
<p></p>
|
|
<p>归还</p>
|
|
<p>归还</p>
|
|
<p>{{infoData.returnTime}}</p>
|
|
<p>{{infoData.returnTime}}</p>
|
|
- <p class="inquire-button-one" @click="lockVideo(2)">操作视频</p>
|
|
|
|
- <p class="inquire-button-one" @click="lockVideo(4)">开关锁视频</p>
|
|
|
|
|
|
+ <p v-if="infoData.returnDetail.returnVideo"
|
|
|
|
+ class="inquire-button-one" @click="lockVideo(2)">操作视频</p>
|
|
|
|
+ <p v-if="infoData.returnDetail.returnLockVideo"
|
|
|
|
+ class="inquire-button-one" @click="lockVideo(4)">开关锁视频</p>
|
|
</div>
|
|
</div>
|
|
<div class="table-title-box-two">
|
|
<div class="table-title-box-two">
|
|
<p>本次使用量</p>
|
|
<p>本次使用量</p>
|
|
@@ -241,12 +245,14 @@
|
|
}
|
|
}
|
|
.infoPage-max-box{
|
|
.infoPage-max-box{
|
|
flex:1;
|
|
flex:1;
|
|
- display: flex;
|
|
|
|
- overflow: hidden;
|
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
|
+ padding:44px 0 44px 80px;
|
|
|
|
+ height:586px;
|
|
.infoPage-left-box{
|
|
.infoPage-left-box{
|
|
- flex:1;
|
|
|
|
- margin:44px 22px 37px 80px;
|
|
|
|
|
|
+ display: inline-block;
|
|
|
|
+ margin-right:22px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ /*margin:44px 22px 37px 80px;*/
|
|
padding:13px 0;
|
|
padding:13px 0;
|
|
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
|
|
border-radius:10px;
|
|
border-radius:10px;
|
|
@@ -293,8 +299,11 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.infoPage-right-box{
|
|
.infoPage-right-box{
|
|
|
|
+ display: inline-block;
|
|
width:839px;
|
|
width:839px;
|
|
- margin:44px 80px 37px 0;
|
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ height:586px;
|
|
|
|
+ /*margin:44px 0 37px 0;*/
|
|
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
|
|
border-radius:10px;
|
|
border-radius:10px;
|
|
.infoPage-right-title{
|
|
.infoPage-right-title{
|