视频回放添加存储方式 配置

src/store/index.js

@@ -46,6 +46,8 @@ export default new Vuex.Store({
 
     state: {
         PAGESIZRS: [10, 20, 30, 50],
+        // UPLOADURL: 'http://183.249.224.118:9000/upload/image/', // 嘉兴王江泾
+        // FILEURL: ' http://183.249.224.118:9000/image/', // 嘉兴王江泾
         // UPLOADURL: 'http://192.168.0.12:9809/upload/image/', // 国维科技
         // FILEURL: ' http://192.168.0.12:9809/image/', // 国维科技
         // WORKFLOWURL: 'http://192.168.0.12:19998/#/workspace/forms', //国维科技工作流地址

src/views/projectFront/replayVideoManage/components/playBack/playBack.vue

@@ -6,7 +6,7 @@
 </template>
 <script>
 export default {
-  props: ["devList","isReplayNum","startTime","endTime","showVideo"],
+  props: ["devList","isReplayNum","startTime","endTime","showVideo", "locationValue"],
   data() {
     return {
       videoType:"",
@@ -72,6 +72,10 @@ export default {
         this.hide();
       }
     },
+    locationValue: function(newVal, oldVal) {
+      console.log('新的值',newVal)
+      this.startPlayback()
+    }
   },
   mounted() {
     // this.init();
@@ -335,7 +339,7 @@ export default {
         var cameraIndexCode  = this.pointCode;         //获取输入的监控点编号值，必填
         var startTimeStamp = new Date(this.startTime).getTime();   //回放开始时间戳，必填
         var endTimeStamp = new Date(this.endTime).getTime();        //回放结束时间戳，必填
-        var recordLocation = 1;         //录像存储位置：0-中心存储，1-设备存储
+        var recordLocation = this.locationValue;         //录像存储位置：0-中心存储，1-设备存储
         var transMode = 1;                                          //传输协议：0-UDP，1-TCP
         var gpuMode = 0;                                            //是否启用GPU硬解，0-不启用，1-启用
         var wndId = -1;                                             //播放窗口序号（在2x2以上布局下可指定播放窗口）

src/views/projectFront/replayVideoManage/overview.vue

@@ -85,6 +85,13 @@
           </vue-scroll>
         </div>
         <div class="timeBox">
+          <div class="time-select">
+            <span style="width: 30%;">储存方式:</span>
+            <el-select style="width: 68%;" @change="handleChangeRecordLocation" v-model="locationValue" size="small" placeholder="请选择">
+              <el-option label="中心存储" :value="0" ></el-option>
+              <el-option label="设备存储" :value="1" ></el-option>
+            </el-select>
+          </div>
           <div class="time-select">
             <span>回放开始时间：</span>
             <el-date-picker
@@ -121,7 +128,7 @@
           </div>
         </div>
       </div>
-      <playBack class="playVideoBox" :showVideo="showVideo" :devList="selectList" :isReplayNum="isReplayNum" :startTime="selectDate.startTime" :endTime="selectDate.endTime" v-if="selectList.length > 0"></playBack>
+      <playBack class="playVideoBox" :showVideo="showVideo" :devList="selectList" :isReplayNum="isReplayNum" :startTime="selectDate.startTime" :endTime="selectDate.endTime" :locationValue="locationValue" v-if="selectList.length > 0"></playBack>
       <div class="noVideoContent" v-else></div>
     </div>
   </div>
@@ -151,7 +158,8 @@ export default {
         endTime: "",
       },
       isReplayNum: 1,
-      showVideo: true
+      showVideo: true,
+      locationValue: 0, // 存储方式
     };
   },
   mounted() {
@@ -162,6 +170,7 @@ export default {
     // } else {
     //   this.loadData2()
     // }
+    this.locationValue = Number(localStorage.getItem('recordLocation') || 0)
     //设置录像回放时间的默认值
     this.selectDate.startTime = dateFormat(new Date(), "yyyy-MM-dd 00:00:00");
     this.selectDate.endTime = dateFormat(new Date(), "yyyy-MM-dd hh:mm:ss");
@@ -170,6 +179,9 @@ export default {
   },
 
   methods: {
+    handleChangeRecordLocation(val) {
+      localStorage.setItem("recordLocation", val);
+    },
     //获取视频分组列表
     getVideoTreeGroup() {
       getVideoTreeGroupVideoApi({
@@ -320,7 +332,7 @@ export default {
   height: calc(100% - 22px)
 }
 // element 样式
-/deep/.el-date-editor .el-input__inner {
+/deep/.el-date-editor .el-input__inner, /deep/.el-select .el-input__inner {
   background: rgba(5, 177, 194, 0.15);
   border-radius: 2px 2px 2px 2px;
   border: 1px solid #00fdff;