c?c:s+a));return 1===o?(e=t[r-1],i.push(n[e>>2]+n[e<<4&63]+"==")):2===o&&(e=(t[r-2]<<8)+t[r-1],i.push(n[e>>10]+n[e>>4&63]+n[e<<2&63]+"=")),i.join("")}o["-".charCodeAt(0)]=62,o["_".charCodeAt(0)]=63},8875:function(t,e,r){var n,o,i;(function(r,a){o=[],n=a,i="function"===typeof n?n.apply(e,o):n,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var r,n,o,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,a=/@([^@]*):(\d+):(\d+)\s*$/gi,s=i.exec(p.stack)||a.exec(p.stack),c=s&&s[1]||!1,u=s&&s[2]||!1,h=document.location.href.replace(document.location.hash,""),l=document.getElementsByTagName("script");c===h&&(r=document.documentElement.outerHTML,n=new RegExp("(?:[^\\n]+?\\n){0,"+(u-2)+"}[^<]*\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { render, staticRenderFns } from \"./Player.vue?vue&type=template&id=76558468&scoped=true&\"\nimport script from \"./Player.vue?vue&type=script&lang=js&\"\nexport * from \"./Player.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Player.vue?vue&type=style&index=0&id=76558468&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"76558468\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"player-wrap\"},[(_vm.rtcStream)?[_c('video',{attrs:{\"autoplay\":\"\",\"muted\":\"\",\"controls\":\"\"},domProps:{\"srcObject\":_vm.rtcStream,\"muted\":true}})]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Player2.vue?vue&type=template&id=3d23233a&scoped=true&\"\nimport script from \"./Player2.vue?vue&type=script&lang=js&\"\nexport * from \"./Player2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Player2.vue?vue&type=style&index=0&id=3d23233a&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3d23233a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Modal',_vm._g(_vm._b({attrs:{\"draggable\":\"\",\"width\":\"900\",\"title\":\"Records\"},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"search\"},[_c('DatePicker',{staticStyle:{\"width\":\"200px\"},attrs:{\"type\":\"date\",\"options\":_vm.timeOptions,\"value\":_vm.search.time,\"placeholder\":\"请选择时间\",\"clearable\":false},on:{\"change\":_vm.handleTimeChange}})],1),_c('div',[_c('mu-data-table',{attrs:{\"columns\":_vm.columns,\"data\":_vm.recordList},scopedSlots:_vm._u([{key:\"expand\",fn:function(prop){return [_c('div',[_c('m-button',{on:{\"click\":function($event){return _vm.play(prop.row)}}},[_vm._v(\"播放\")])],1)]}},{key:\"default\",fn:function(scope){return [_c('td',[_vm._v(_vm._s(scope.row.DeviceID))]),_c('td',[_vm._v(_vm._s(scope.row.Name))]),_c('td',[_vm._v(_vm._s(scope.row.time))]),_c('td',[_vm._v(_vm._s(scope.row.length))]),_c('td',[_vm._v(_vm._s(scope.row.FilePath))]),_c('td',[_vm._v(_vm._s(scope.row.Address))]),_c('td',[_vm._v(_vm._s(scope.row.Type))])]}}])})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * Date:2020/12/24\n * Desc:\n */\n\nexport function getOneTimeRange(time, options) {\n let date;\n\n // 都为空的时候\n if (!time && !options) {\n date = new Date();\n } else if (Object.prototype.toString.call(time) !== '[object Date]' && time !== null && typeof time === 'object') {\n // time 为 options 参数。\n options = time;\n date = new Date();\n } else if (Object.prototype.toString.call(time) === '[object Date]') {\n // time 是时间格式\n date = time;\n } else {\n // time 是 int 格式。\n if (('' + time).length === 10) time = parseInt(time) * 1000;\n time = +time; // 转成int 型\n date = new Date(time);\n }\n\n options = options || {};\n\n let result = {\n start: 0,\n end: 0\n };\n\n let _startTime = new Date(date).setHours(options.startHour || 0, options.startMin || 0, 0, 0);\n let _endTime = new Date(date).setHours(options.endHour || 23, options.endMin || 59, 59, 0);\n result.start = new Date(_startTime).getTime();\n result.end = new Date(_endTime).getTime();\n\n return result;\n};\n\n\nexport function formatTimestamp(t) {\n var d = 0,\n h = 0,\n m = 0,\n s = 0;\n if (t > 0) {\n d = Math.floor(t / 1000 / 3600 / 24)\n h = Math.floor(t / 1000 / 60 / 60 % 24)\n m = Math.floor(t / 1000 / 60 % 60)\n s = Math.floor(t / 1000 % 60)\n }\n\n return `${d}天${h}时${m}分${s}秒`\n}\n\nexport function formatTimeTips(timestamp) {\n let result;\n\n //\n if (time > -1) {\n let hour = Math.floor(timestamp / 3600);\n let min = Math.floor(timestamp / 60) % 60;\n let sec = timestamp % 60;\n\n sec = Math.round(sec);\n\n if (hour < 10) {\n result = '0' + hour + \":\";\n } else {\n result = hour + \":\";\n }\n\n if (min < 10) {\n result += \"0\";\n }\n result += min + \":\";\n if (sec < 10) {\n result += \"0\";\n }\n result += sec.toFixed(0);\n }\n\n return result;\n}\n\n\nexport function parseTime(time, cFormat) {\n if (arguments.length === 0) {\n return null\n }\n var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'\n var date;\n if (typeof time === 'object') {\n date = time\n } else {\n if (('' + time).length === 10) time = parseInt(time) * 1000;\n time = +time; // 转成int 型\n date = new Date(time)\n }\n var formatObj = {\n y: date.getFullYear(),\n m: date.getMonth() + 1,\n d: date.getDate(),\n h: date.getHours(),\n i: date.getMinutes(),\n s: date.getSeconds(),\n a: date.getDay()\n };\n var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {\n var value = formatObj[key]\n if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]\n if (result.length > 0 && value < 10) {\n value = '0' + value\n }\n return value || 0\n });\n return time_str\n}\n","\n \n \n
\n \n
\n
\n
\n \n \n 播放\n
\n \n \n {{scope.row.DeviceID}} | \n {{scope.row.Name}} | \n {{scope.row.time}} | \n {{scope.row.length}} | \n {{scope.row.FilePath}} | \n {{scope.row.Address}} | \n {{scope.row.Type}} | \n \n \n
\n
\n
\n \n \n \n \n | {{ item.DeviceID }} | \n {{ item.Name }} | \n {{ item.Manufacturer }} | \n {{ item.Address }} | \n {{ item.Status }} | \n \n 云台\n \n 断开\n \n 连接\n \n 录像\n | \n \n \n \n \n {{ item.ID }} | \n {{ item.Addr }} | \n {{ item.Channels ? item.Channels.length : 0 }} | \n \n \n | \n \n \n | \n {{ item.Status }} | \n \n \n
\n
\n
\n \n \n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Player2.vue?vue&type=template&id=3d23233a&scoped=true&\"\nimport script from \"./Player2.vue?vue&type=script&lang=js&\"\nexport * from \"./Player2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Player2.vue?vue&type=style&index=0&id=3d23233a&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3d23233a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Modal',_vm._g(_vm._b({attrs:{\"draggable\":\"\",\"width\":\"900\",\"title\":\"Records\"},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"search\"},[_c('DatePicker',{staticStyle:{\"width\":\"200px\"},attrs:{\"type\":\"date\",\"options\":_vm.timeOptions,\"value\":_vm.search.time,\"placeholder\":\"请选择时间\",\"clearable\":false},on:{\"on-change\":_vm.handleTimeChange}})],1),_c('div',[_c('mu-data-table',{attrs:{\"columns\":_vm.columns,\"data\":_vm.recordList},scopedSlots:_vm._u([{key:\"expand\",fn:function(prop){return [_c('div',[_c('m-button',{on:{\"click\":function($event){return _vm.play(prop.row)}}},[_vm._v(\"播放\")])],1)]}},{key:\"default\",fn:function(scope){return [_c('td',[_vm._v(_vm._s(scope.row.DeviceID))]),_c('td',[_vm._v(_vm._s(scope.row.Name))]),_c('td',[_vm._v(_vm._s(scope.row.time))]),_c('td',[_vm._v(_vm._s(scope.row.length))]),_c('td',[_vm._v(_vm._s(scope.row.FilePath))]),_c('td',[_vm._v(_vm._s(scope.row.Address))]),_c('td',[_vm._v(_vm._s(scope.row.Type))])]}}])})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * Date:2020/12/24\n * Desc:\n */\n\nexport function getOneTimeRange(time, options) {\n let date;\n\n // 都为空的时候\n if (!time && !options) {\n date = new Date();\n } else if (Object.prototype.toString.call(time) !== '[object Date]' && time !== null && typeof time === 'object') {\n // time 为 options 参数。\n options = time;\n date = new Date();\n } else if (Object.prototype.toString.call(time) === '[object Date]') {\n // time 是时间格式\n date = time;\n } else {\n // time 是 int 格式。\n if (('' + time).length === 10) time = parseInt(time) * 1000;\n time = +time; // 转成int 型\n date = new Date(time);\n }\n\n options = options || {};\n\n let result = {\n start: 0,\n end: 0\n };\n\n let _startTime = new Date(date).setHours(options.startHour || 0, options.startMin || 0, 0, 0);\n let _endTime = new Date(date).setHours(options.endHour || 23, options.endMin || 59, 59, 0);\n result.start = new Date(_startTime).getTime();\n result.end = new Date(_endTime).getTime();\n\n return result;\n};\n\n\nexport function formatTimestamp(t) {\n var d = 0,\n h = 0,\n m = 0,\n s = 0;\n if (t > 0) {\n d = Math.floor(t / 1000 / 3600 / 24)\n h = Math.floor(t / 1000 / 60 / 60 % 24)\n m = Math.floor(t / 1000 / 60 % 60)\n s = Math.floor(t / 1000 % 60)\n }\n\n return `${d}天${h}时${m}分${s}秒`\n}\n\nexport function formatTimeTips(timestamp) {\n let result;\n\n //\n if (time > -1) {\n let hour = Math.floor(timestamp / 3600);\n let min = Math.floor(timestamp / 60) % 60;\n let sec = timestamp % 60;\n\n sec = Math.round(sec);\n\n if (hour < 10) {\n result = '0' + hour + \":\";\n } else {\n result = hour + \":\";\n }\n\n if (min < 10) {\n result += \"0\";\n }\n result += min + \":\";\n if (sec < 10) {\n result += \"0\";\n }\n result += sec.toFixed(0);\n }\n\n return result;\n}\n\n\nexport function parseTime(time, cFormat) {\n if (arguments.length === 0) {\n return null\n }\n var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'\n var date;\n if (typeof time === 'object') {\n date = time\n } else {\n if (('' + time).length === 10) time = parseInt(time) * 1000;\n time = +time; // 转成int 型\n date = new Date(time)\n }\n var formatObj = {\n y: date.getFullYear(),\n m: date.getMonth() + 1,\n d: date.getDate(),\n h: date.getHours(),\n i: date.getMinutes(),\n s: date.getSeconds(),\n a: date.getDay()\n };\n var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {\n var value = formatObj[key]\n if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]\n if (result.length > 0 && value < 10) {\n value = '0' + value\n }\n return value || 0\n });\n return time_str\n}\n","\n \n \n
\n \n
\n
\n
\n \n \n 播放\n
\n \n \n {{scope.row.DeviceID}} | \n {{scope.row.Name}} | \n {{scope.row.time}} | \n {{scope.row.length}} | \n {{scope.row.FilePath}} | \n {{scope.row.Address}} | \n {{scope.row.Type}} | \n \n \n
\n
\n
\n \n \n \n \n | {{ item.DeviceID }} | \n {{ item.Name }} | \n {{ item.Manufacturer }} | \n {{ item.Address }} | \n {{ item.Status }} | \n \n 云台\n \n 断开\n \n 连接\n \n 录像\n | \n \n \n \n \n {{ item.ID }} | \n {{ item.Addr }} | \n {{ item.Channels ? item.Channels.length : 0 }} | \n \n \n | \n \n \n | \n {{ item.Status }} | \n \n \n
\n
\n
\n \n
+ @on-change="handleTimeChange">
@@ -119,8 +119,8 @@
const query = {
id: this.search.id,
channel: this.search.channel,
- startTime: this.search.startTime,
- endTime: this.search.endTime
+ startTime: this.startTime,
+ endTime: this.endTime
};
this.ajax.get("/gb28181/query/records", query).then((x) => {
@@ -132,7 +132,7 @@
this.$emit('close');
},
handleTimeChange(date) {
- this.search.time = date;
+ this.search.time = new Date(date);
this._fetchList();
},
play() {