[1078] 增加多媒体文件检索

src/main/java/com/genersoft/iot/vmp/jt1078/bean/config/JTVideoParam.java

@@ -49,9 +49,9 @@ public class JTVideoParam implements JTDeviceSubConfig{
 
     /**
      * 存储流编码模式
-     * 0:CBR( 固定码率) ;
-     * 1:VBR( 可变码率) ;
-     * 2:ABR( 平均码率) ;
+     * 0:CBR( 固定码率)
+     * 1:VBR( 可变码率)
+     * 2:ABR( 平均码率)
      * 100 ~ 127:自定义
      */
     private int storageStreamCodeRateType;

web/src/views/jtDevice/channel/index.vue

@@ -100,8 +100,6 @@
                       设备录像</el-dropdown-item>
                     <el-dropdown-item command="cloudRecords" :disabled="device == null || !device.status">
                       云端录像</el-dropdown-item>
-                    <el-dropdown-item command="searchData" v-bind:disabled="device == null || !device.status" >
-                      数据检索</el-dropdown-item>
                   </el-dropdown-menu>
                 </el-dropdown>
               </template>

web/src/views/jtDevice/dialog/phoneBook.vue

@@ -98,9 +98,12 @@ export default {
     openDialog: function(phoneNumber) {
       this.showDialog = true
       this.phoneNumber = phoneNumber
+      this.phoneBookList = []
     },
     close: function() {
       this.showDialog = false
+      this.showUpload = false
+      this.phoneBookList = []
     },
     signLabel: function(sign) {
       switch (sign){

web/src/views/jtDevice/dialog/queryMediaList.vue

@@ -0,0 +1,217 @@
+<template>
+  <div id="configInfo">
+    <el-dialog
+      v-el-drag-dialog
+      title="存储多媒体数据检索"
+      width="60%"
+      top="2rem"
+      :close-on-click-modal="false"
+      :visible.sync="showDialog"
+      :destroy-on-close="true"
+      @close="close()"
+    >
+      <el-form :inline="true" size="mini" @submit.native.prevent>
+        <el-form-item>
+          <el-select
+            v-model="type"
+            style="width: 8rem; margin-right: 1rem;"
+            placeholder="请选择类型"
+            default-first-option
+          >
+            <el-option label="图像" :value="0" />
+            <el-option label="音频" :value="1" />
+            <el-option label="视频" :value="2" />
+          </el-select>
+          <el-select
+            v-model="chanelId"
+            style="width: 8rem; margin-right: 1rem;"
+            placeholder="请选择通道"
+            default-first-option
+          >
+            <el-option label="平台下发指令" :value="0" />
+            <el-option label="定时动作" :value="1" />
+            <el-option label="抢劫报警触发" :value="2" />
+            <el-option label="碰撞侧翻报警触发" :value="3" />
+          </el-select>
+          <el-select
+            v-model="event"
+            style="width: 8rem; margin-right: 1rem;"
+            placeholder="请选择事件"
+            default-first-option
+          >
+            <el-option label="所有通道" :value="0" />
+            <el-option v-for="item in channelList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+          <el-date-picker
+            v-model="timeRange"
+            type="datetimerange"
+            :picker-options="pickerOptions"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            align="right">
+          </el-date-picker>
+
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary"  icon="el-icon-search" @click="removeRow(scope.$index)" >
+            检索
+          </el-button>
+        </el-form-item>
+      </el-form>
+      <el-table :data="mediaDataInfoList" :height="500" stripe style="width: 100%" empty-text="暂无数据">
+        <el-table-column prop="ID" label="ID" />
+        <el-table-column prop="type" label="类型" />
+        <el-table-column label="事件" >
+          <template v-slot:default="scope">
+            {{eventCodeLabel(scope.row.eventCode)}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="channelId" label="通道ID" />
+        <el-table-column label="操作" fixed="right">
+          <template v-slot:default="scope">
+            <el-button
+              size="medium"
+              type="text"
+              style="color: #f56c6c"
+              icon="el-icon-delete"
+              :loading="scope.row.addRegionLoading"
+              @click="removeRow(scope.$index)"
+            >
+              位置汇报
+            </el-button>
+            <el-button
+              size="medium"
+              type="text"
+              style="color: #f56c6c"
+              icon="el-icon-delete"
+              :loading="scope.row.addRegionLoading"
+              @click="removeRow(scope.$index)"
+            >
+              下载
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import * as XLSX from 'xlsx'
+import elDragDialog from '@/directive/el-drag-dialog'
+
+export default {
+  name: 'ConfigInfo',
+  directives: { elDragDialog },
+  props: {},
+  data() {
+    return {
+      deviceId: null,
+      phoneNumber: null,
+      showDialog: false,
+      type: 0,
+      chanelId: 0,
+      event: 0,
+      channelList: [],
+      mediaDataInfoList: [],
+      timeRange: '',
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: '最近24小时',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近一周',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近一个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近三个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+              picker.$emit('pick', [start, end])
+          }
+        }]
+      }
+    }
+  },
+  computed: {},
+  created() {},
+  methods: {
+    openDialog: function(phoneNumber, deviceId) {
+      this.showDialog = true
+      this.phoneNumber = phoneNumber
+      this.deviceId = deviceId
+      this.mediaDataInfoList = []
+      this.$store.dispatch('jtDevice/queryChannels', {
+        page: 1,
+        count: 1000,
+        deviceId: this.deviceId
+      })
+        .then(data => {
+          this.channelList = data.list
+        })
+    },
+    close: function() {
+      this.showDialog = false
+      this.mediaDataInfoList = []
+      this.channelList = []
+      this.type = 0
+      this.chanelId = 0
+      this.event = 0
+    },
+    eventCodeLabel: function(eventCode) {
+      switch (eventCode){
+        case 0:
+          return '平台下发指令'
+        case 1:
+          return '定时动作'
+        case 2:
+          return '抢劫报警触发'
+        case 3:
+          return '碰撞侧翻报警触发'
+        case 4:
+          return '门开拍照'
+        case 5:
+          return '门关拍照'
+        case 6:
+          return '车门由开变关, 车速从小于20km到超过20km'
+        case 7:
+          return '定距拍照'
+        default:
+          return eventCode
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+>>> .el-upload {
+  width: 100% !important;
+}
+</style>

web/src/views/jtDevice/list.vue

@@ -129,6 +129,8 @@
                 连接指定服务器</el-dropdown-item>
               <el-dropdown-item command="door" v-bind:disabled="!scope.row.status" >
                 车门控制</el-dropdown-item>
+              <el-dropdown-item command="queryMediaList" v-bind:disabled="!scope.row.status" >
+                多媒体检索</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -155,6 +157,7 @@
     <controlDoor ref="controlDoor" />
     <mediaAttribute ref="mediaAttribute" />
     <phoneBook ref="phoneBook" />
+    <queryMediaList ref="queryMediaList" />
   </div>
 </template>
 
@@ -170,12 +173,13 @@ import connectionServer from './dialog/connectionServer.vue'
 import controlDoor from './dialog/controlDoor.vue'
 import mediaAttribute from './dialog/mediaAttribute.vue'
 import phoneBook from './dialog/phoneBook.vue'
+import queryMediaList from './dialog/queryMediaList.vue'
 
 export default {
   name: 'App',
   components: {
     deviceEdit, configInfo, attribute, position, textMsg, telephoneCallback, driverInfo, connectionServer, controlDoor
-    , mediaAttribute, phoneBook
+    , mediaAttribute, phoneBook, queryMediaList
   },
   data() {
     return {
@@ -298,6 +302,8 @@ export default {
          this.queryMediaAttribute(itemData)
       } else if (command === 'setPhoneBook') {
          this.setPhoneBook(itemData)
+      } else if (command === 'queryMediaList') {
+         this.queryMediaList(itemData)
       } else {
         this.$message.info('尚不支持')
       }
@@ -375,6 +381,9 @@ export default {
     setPhoneBook: function(itemData) {
       this.$refs.phoneBook.openDialog(itemData.phoneNumber)
     },
+    queryMediaList: function(itemData) {
+      this.$refs.queryMediaList.openDialog(itemData.phoneNumber, itemData.id)
+    },
     queryMediaAttribute: function(itemData) {
       this.$store.dispatch('jtDevice/queryMediaAttribute', itemData.phoneNumber)
         .then((data) => {