zc

src/views/medicUniversity-3_1/chemicalManagement/InventoryManagement/OutboundRecord/index.vue

@@ -75,6 +75,7 @@
     },
     data() {
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         searchData:{
           buttonList:[//按钮数组没有则为空
             {

src/views/medicUniversity-3_1/chemicalManagement/InventoryManagement/warehousingRecord/index.vue

@@ -80,6 +80,7 @@
     },
     data() {
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         searchData:{
           buttonList:[//按钮数组没有则为空
             {

src/views/medicUniversity-3_1/chemicalManagement/alarmRecord/detailsPage.vue

@@ -50,9 +50,10 @@
                @click="topButtonClick(index)"
                v-for="(item,index) in topButton" :key="index">{{item.name}}</p>
           </div>
+          <video class="video-box" id="alarmRecordDetailsPageVideo" ref="videoRef" autoplay controls  muted width="454px" height="252px" :poster="videoCover"></video>
         </div>
         <div class="right-bottom-max-big-box">
-          <p class="right-title-p">查看监控</p>
+          <p class="right-title-p">语音广播</p>
           <div>
 
           </div>
@@ -71,6 +72,7 @@
     },
     data() {
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         topButtonIndex:0,
         topButton:[{id:'1',name:'走廊摄像头1'},{id:'2',name:'走廊摄像头2'},{id:'3',name:'走廊摄像头3'},],
         bottomButtonIndex:0,
@@ -188,7 +190,7 @@
         width:839px;
         display: inline-block;
         .right-top-max-big-box{
-          height:402px;
+          height:414px;
           overflow: hidden;
           border-radius:10px;
           box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1) !important;
@@ -202,7 +204,7 @@
             margin:0 25px 0 7px;
             p{
               display: inline-block;
-              margin:0 0 18px 18px;
+              margin:0 0 0 18px;
               padding:0 10px;
               line-height:30px;
               border-radius:6px;
@@ -219,6 +221,11 @@
               color:#333;
             }
           }
+          .video-box{
+            height:252px;
+            width:454px;
+            margin:34px 192px;
+          }
         }
         .right-bottom-max-big-box{
           margin-top:20px;
@@ -226,6 +233,12 @@
           overflow: hidden;
           border-radius:10px;
           box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1) !important;
+          .right-title-p{
+            font-size:16px;
+            color:#333;
+            line-height:24px;
+            margin:18px 0 12px 24px;
+          }
         }
       }
     }

src/views/medicUniversity-3_1/chemicalManagement/usageRecord/infoPage.vue

@@ -156,6 +156,7 @@
     },
     data(){
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         videoType:false,
         videoData:{},
         videoTitle:"",

src/views/studentViews/chemicalManagement/studentOutboundRecord/index.vue

@@ -76,6 +76,7 @@
     },
     data() {
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         searchData:{
           searchList:[//搜索数组
             {

src/views/studentViews/chemicalManagement/studentUsageRecord/infoPage.vue

@@ -150,6 +150,7 @@
     },
     data(){
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         videoType:false,
         videoData:{},
         videoTitle:"",

src/views/studentViews/chemicalManagement/studentWarehousingRecord/index.vue

@@ -81,6 +81,7 @@
     },
     data() {
       return {
+        videoCover:process.env.VUE_APP_BASE_API + localStorage.getItem('videoCover'),
         searchData:{
           searchList:[//搜索数组
             {