{"version":3,"sources":["webpack:///./src/components/hikVideo/index.vue?43a9","webpack:///src/components/hikVideo/index.vue","webpack:///./src/components/hikVideo/index.vue?1e45","webpack:///./src/components/hikVideo/index.vue","webpack:///./src/api/videoDevice/play.ts","webpack:///./src/views/videoDevice/playBack.vue?abd5","webpack:///./src/views/videoDevice/playBack.vue?7337","webpack:///./src/views/videoDevice/playBack.vue?0ec8","webpack:///./src/views/videoDevice/playBack.vue?05fd","webpack:///./src/views/videoDevice/playBack.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","height","width","attrs","containerId","_v","_s","msg","staticClass","getFileUrl","_e","staticRenderFns","name","props","type","Number","default","videoCode","String","codeList","Array","layout","wndNum","refTarget","isPlayBack","Boolean","data","wndList","playCount","playing","playTitle","playback_start","playback_end","oWebControl","playBackDateRange","initCount","pubKey","recordLocation","appkey","secretKey","ip","port","snapDir","videoDir","enableHTTPS","encryptedFields","showToolbar","showSmart","buttonIDs","streamMode","transMode","gpuMode","wndId","downloadPlugin","plugnFile","created","mounted","opt","window","baseConfig","WebControl","Appkey","SecretKey","IP","Port","beforeDestroy","destroyPlugin","methods","getPluginFile","Id","initPlugin","szPluginContainer","iServicePortStart","iServicePortEnd","szClassId","cbConnectSuccess","console","log","cbConnectError","JS_WakeUp","setTimeout","cbConnectClose","bNormalClose","JS_HideWnd","JS_Disconnect","then","onscroll","onresize","hideWnd","showWnd","JS_ShowWnd","init","getPubKey","argu","secret","playMode","setEncrypt","encrypt","JSEncrypt","setPublicKey","value","cbIntegrationCallBack","oData","resData","length","msgObj","parseInt","cameraIndexcode","wndObj","code","newWndList","i","newNum","push","eventBus","$emit","targetId","playList","play","storageType","cur","find","mod","getWnd","start","setLayout","layoutList","ly","JS_RequestInterface","funcName","argument","JSON","stringify","startMulit","stopAll","codes","map","smList","list","cameraIndexCode","sm","ezvizDirect","fnName","startPlayBack","$message","warning","startDate","tsStart","Date","getTime","tsEnd","endDate","Math","floor","toString","replace","startTimeStamp","endTimeStamp","setResize","toResize","JS_Resize","registerResizeEvent","component","apiUrl","GetUnitList","GetUnitVideos","id","onlineStatus","GetGroupList","GetGroup","PostGroup","PutGroup","DeleteGroup","GetRotationList","GetRotationGroups","GetRotationVideos","GetRotation","PostRotation","PutRotation","DeleteRotation","GetGroupVideos","VideoRotationData","RotationName","VideoNumber","PlayDuration","GroupList","VideoGroupData","GroupName","GroupType","Sequence","PointList","getGroupInfo","method","url","postGroup","form","putGroup","removeGroup","getRotationInfo","postRotation","putRotation","removeRotation","getUnitList","param","params","getUnitVideos","getGroupList","getGroupVideos","getRotationList","getRotationGroups","getRotationVideos","nativeOn","$event","indexOf","_k","keyCode","key","doSearch","model","queryTerm","callback","$$v","$set","expression","on","onlineChange","onlyOnline","directives","rawName","expandKey","fetchVideo","scopedSlots","_u","fn","parent","row","childs","point","class","Online","playVideo","UnitName","PointName","scope","unitClick","$index","isUserProvince","isUserCity","CityName","CountyName","OnlineCount","TotalCount","playingMsg","endTime","startTime","ref","vWidth","vHeight","AppModule","UserModule","listLoading","Page","PageSize","SortBy","IsAsc","OnlineStatus","Keyword","VideoId","UnitCode","DeviceName","DeviceNumber","firstType","All","defItem","levelList","classifyList","cityList","countyList","curVideoCode","curStreamMode","showVideoCtrl","expandedRows","loading","UnitId","response","index","findIndex","v","e","splice","dom","document","getElementById","w","offsetWidth","h","documentElement","clientHeight","unitName","PointNumber","StreamMode","setHours","getHours","$refs","refHikVideo","$nextTick","getWidth","getHeight","videoResize","$off","$on","info","loadCtrls","fetchData","items","Results","route","Object","assign","$data","$options","userType","curUser","UserType","CityHeritage","CityFinance","ProvinceHeritage","ProvinceFinance","Getter","deep","components","cbHikVideo"],"mappings":"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","file":"js/chunk-941a4c46.bf6a8f70.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{style:({height:_vm.height+'px',width:_vm.width+'px'}),attrs:{\"id\":_vm.containerId}},[_vm._v(\"\\n    \"+_vm._s(_vm.msg)),(_vm.downloadPlugin)?_c('span',[_c('a',{staticClass:\"color-link\",attrs:{\"href\":_vm.getFileUrl(),\"target\":\"_blank\",\"title\":\"点击下载视频插件\"}},[_vm._v(\"\\n        下载插件\\n      \")])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div :id=\"containerId\" :style=\"{height:height+'px',width:width+'px'}\">\r\n      {{msg}}<span v-if=\"downloadPlugin\"><a class=\"color-link\" :href=\"getFileUrl()\" target=\"_blank\" title=\"点击下载视频插件\">\r\n          下载插件\r\n        </a></span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { getVideoWebPlugin } from '@/api/documents/documents'\r\nimport { fileServer } from '@/api/common/upload'\r\nimport { newGuid, tryToInt } from '@/configs/functions'\r\n\r\nexport default {\r\n  name: \"cbHikVideo\",\r\n  props: {\r\n    width: {\r\n      type: Number,\r\n      default: 1000\r\n    },\r\n    height: {\r\n      type: Number,\r\n      default: 500\r\n    },\r\n    //监控点编号 a10a0a91c67742f1a84fef9a41df4eec ==deviceNumber\r\n    videoCode: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    //多窗口播放时，需要设置各个串口的监控点编码:\r\n    codeList: {\r\n      type: Array,\r\n      default: []\r\n    },\r\n    //playMode指定模式的布局\r\n    layout: {\r\n      type: String,\r\n      default: \"1x1\"\r\n    },\r\n    /** 播放窗口数量，跟layout有关 */\r\n    wndNum: {\r\n      type: Number,\r\n      default: 1\r\n    },\r\n    refTarget: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    isPlayBack: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      wndList: [],//播放窗口列表，存窗口id和监控点编码。通过监控点编码判断该窗口是否有在使用，在回调方法中更新\r\n      playCount: 0,//多窗口时，播放过的视频数据。用这个来播放窗口\r\n      playing: false,\r\n      playTitle: '',\r\n      playback_start: '',//视频回放，开始时间\r\n      playback_end: '',//视频回放，结束时间\r\n      oWebControl: null,\r\n      playBackDateRange: [],\r\n      msg: \"\",\r\n      initCount: 0,\r\n      pubKey: \"\",\r\n      recordLocation: 1,//录像存储位置：0-中心存储，1-设备存储 回放时使用\r\n      ////////////////////////////////// 请自行修改以下变量值\t////////////////////////////////////\r\n      //综合安防管理平台提供的appkey，必填\r\n      appkey: \"22981425\",// \"22804966\",\r\n      //综合安防管理平台提供的secret，必填\r\n      secretKey: \"poQBWx3qBl3qiMBJCdVc\",//\"0uOkzN5LpZTpS0ERLg1J\",\r\n      //综合安防管理平台IP地址，必填\r\n      ip: \"39.107.83.190\",//\"112.125.27.147\",\r\n      //综合安防管理平台端口，若启用HTTPS协议，默认443\r\n      port: 1443,//443,\r\n      //抓图存储路径\"D:\\\\SnapDir\"\r\n      snapDir: \"D:\\\\SnapDir\",\r\n      //紧急录像或录像剪辑存储路径 \"D:\\\\VideoDir\"\r\n      videoDir: \"D:\\\\VideoDir\",\r\n      //playMode指定模式的布局\r\n      // layout: \"1x1\",\r\n      //是否启用HTTPS协议与综合安防管理平台交互，是为1，否为0\r\n      enableHTTPS: 1,\r\n      //加密字段，默认加密领域为secret\r\n      encryptedFields: \"secret\",\r\n      //是否显示工具栏，0-不显示，非0-显示\r\n      showToolbar: 1,\r\n      //是否显示智能信息（如配置移动侦测后画面上的线框），0-不显示，非0-显示\r\n      showSmart: 1,\r\n      //自定义工具条按钮\r\n      buttonIDs: \"0,16,256,257,258,259,260,512,513,514,515,516,517,768,769\",\r\n\r\n      streamMode: 1, //主子码流标识：0-主码流，1-子码流\r\n      transMode: 1, //传输协议：0-UDP，1-TCP\r\n      gpuMode: 0, //是否启用GPU硬解，0-不启用，1-启用\r\n      wndId: -1, //播放窗口序号（在2x2以上布局下可指定播放窗口）\r\n      ////////////////////////////////// 请自行修改以上变量值\t////////////////////////////////////\r\n      //指定容器id\r\n      containerId: 'divHikPlay',\r\n      downloadPlugin: false,//下载插件\r\n      plugnFile: { Id: 0, TempGuid: '', OriginalFileName: '' }//插件实体\r\n    };\r\n  },\r\n  created() {\r\n    this.containerId = 'hikVideo' + newGuid()\r\n  },\r\n  mounted() {\r\n    var opt = window.baseConfig.WebControl\r\n    this.appkey = opt.Appkey\r\n    this.secretKey = opt.SecretKey\r\n    this.ip = opt.IP\r\n    this.port = opt.Port\r\n    this.showSmart = opt.showSmart\r\n  },\r\n  beforeDestroy() {\r\n    this.destroyPlugin()\r\n  },\r\n  methods: {\r\n    getPluginFile() {\r\n      getVideoWebPlugin().then((response) => {\r\n        let data = response.data\r\n        if (data && data.Id > 0) {\r\n          this.plugnFile = data\r\n          this.downloadPlugin = true\r\n        }\r\n      })\r\n    },\r\n    getFileUrl() {\r\n      let f = this.plugnFile\r\n      return fileServer(f.Id, f.TempGuid, f.OriginalFileName)\r\n    },\r\n    initPlugin() {\r\n      this.destroyPlugin()\r\n      this.oWebControl = new WebControl({\r\n        szPluginContainer: this.containerId, // 指定容器id\r\n        iServicePortStart: 15900, // 指定起止端口号，建议使用该值\r\n        iServicePortEnd: 15909,\r\n        szClassId: \"23BF3B0A-2C56-4D97-9C03-0CB103AA8F11\", // 用于IE10使用ActiveX的clsid\r\n        cbConnectSuccess: () => {\r\n          console.log('cbConnectSuccess')\r\n          this.msg = '';\r\n          // 创建WebControl实例成功\r\n          this.oWebControl\r\n            .JS_StartService(\"window\", {\r\n              // WebControl实例创建成功后需要启动服务\r\n              dllPath: \"./VideoPluginConnect.dll\" // 值\"./VideoPluginConnect.dll\"写死\r\n            })\r\n            .then(\r\n              () => {\r\n                // 启动插件服务成功\r\n                this.oWebControl.JS_SetWindowControlCallback({\r\n                  // 设置消息回调\r\n                  cbIntegrationCallBack: oData => {\r\n                    // console.log('设置消息回调')\r\n                    this.cbIntegrationCallBack(oData)\r\n                    // console.log(JSON.stringify(oData.responseMsg));\r\n                  }\r\n                });\r\n                //JS_CreateWnd创建视频播放窗口，宽高可设定\r\n                this.oWebControl.JS_CreateWnd(this.containerId, this.width, this.height).then(() => {\r\n                  console.log('JS_CreateWnd')\r\n                  this.init(); // 创建播放实例成功后初始化\r\n                });\r\n              },\r\n              () => {\r\n                // 启动插件服务失败\r\n                this.msg = \"插件启动失败\"\r\n              }\r\n            );\r\n        },\r\n        cbConnectError: () => {\r\n          // 创建WebControl实例失败\r\n          this.oWebControl = null;\r\n          this.msg = \"插件未启动，正在尝试启动，请稍候...\";\r\n          WebControl.JS_WakeUp(\"VideoWebPlugin://\"); // 程序未启动时执行error函数，采用wakeup来启动程序\r\n          this.initCount++;\r\n          this.downloadPlugin = false\r\n          if (this.initCount < 3) {\r\n            setTimeout(() => {\r\n              this.initPlugin();\r\n            }, 3000);\r\n          } else {\r\n            this.getPluginFile()\r\n            this.msg = \"插件启动失败，请检查插件是否安装！\";\r\n          }\r\n        },\r\n        cbConnectClose: bNormalClose => {\r\n          // 异常断开：bNormalClose = false\r\n          // JS_Disconnect正常断开：bNormalClose = true\r\n          console.log(\"cbConnectClose\", bNormalClose);\r\n          this.oWebControl = null;\r\n          this.msg = '';\r\n        }\r\n      });\r\n    },\r\n    destroyPlugin() {\r\n      if (this.oWebControl != null) {\r\n        this.oWebControl.JS_HideWnd(); //先让窗口隐藏，规避可能的插件窗口滞后于浏览器消失问题 \r\n        this.oWebControl.JS_Disconnect().then(() => {\r\n          // 断开与插件服务连接成功\r\n        }, () => {\r\n          // 断开与插件服务连接失败\r\n        });\r\n        this.oWebControl = null\r\n      }\r\n      window.onscroll = null\r\n      window.onresize = null\r\n    },\r\n    hideWnd() {\r\n      //隐藏视频窗口\r\n      this.oWebControl.JS_HideWnd();\r\n    },\r\n    showWnd() {\r\n      //隐藏视频窗口\r\n      this.oWebControl.JS_ShowWnd();\r\n    },\r\n    init() {\r\n      this.getPubKey(() => {\r\n        var argu = {\r\n          appkey: this.appkey, //API网关提供的appkey\r\n          secret: this.setEncrypt(this.secretKey), //API网关提供的secret\r\n          ip: this.ip, //API网关IP地址\r\n          playMode: this.isPlayBack ? 1 : 0, //播放模式：0-预览，1-回放（决定显示预览还是回放界面）\r\n          port: this.port, //端口\r\n          snapDir: this.snapDir, //抓图存储路径\r\n          videoDir: this.videoDir, //紧急录像或录像剪辑存储路径\r\n          layout: this.layout, //布局\r\n          enableHTTPS: this.enableHTTPS, //是否启用HTTPS协议\r\n          encryptedFields: this.encryptedFields, //加密字段\r\n          showToolbar: this.showToolbar, //是否显示工具栏\r\n          showSmart: this.showSmart, //是否显示智能信息\r\n          buttonIDs: this.buttonIDs //自定义工具条按钮\r\n        }\r\n        this.oWebControl\r\n          .JS_RequestInterface({\r\n            funcName: \"init\",\r\n            argument: JSON.stringify(argu)\r\n          })\r\n          .then(oData => {\r\n            console.log('JS_RequestInterface init', oData)\r\n            this.toResize(); // 初始化后resize一次，规避firefox下首次显示窗口后插件窗口未与DIV窗口重合问题\r\n            // this.registerResizeEvent();\r\n            //自动播放\r\n            if (this.videoCode != '' && !this.codeList) {\r\n              console.log('自动播放')\r\n              this.start();\r\n            }\r\n            else if (this.codeList && this.codeList.length > 0) {\r\n              console.log('批量预览')\r\n              //批量预览\r\n              this.startMulit(null, false);\r\n            }\r\n            window.eventBus.$emit('cbHik_init', {\r\n              targetId: this.refTarget\r\n            })\r\n          });\r\n      });\r\n    },\r\n    getPubKey(callback) {\r\n      this.oWebControl\r\n        .JS_RequestInterface({\r\n          funcName: \"getRSAPubKey\",\r\n          argument: JSON.stringify({ keyLength: 1024 })\r\n        })\r\n        .then(oData => {\r\n          console.log(\"JS_RequestInterface getPubKey\", oData);\r\n          if (oData.responseMsg.data) {\r\n            this.pubKey = oData.responseMsg.data;\r\n            callback();\r\n          }\r\n        });\r\n    },\r\n    //RSA加密\r\n    setEncrypt(value) {\r\n      var encrypt = new JSEncrypt();\r\n      encrypt.setPublicKey(this.pubKey);\r\n      return encrypt.encrypt(value);\r\n    },\r\n    /** 回调函数\r\n     * {\r\n     *    type: 1, // 消息类型，取值详见 3.12.*\r\n     *    msg:\r\n     *    {\r\n     *      wndId: 1, // 窗口序号，从 1 开始\r\n     *      result: 0x0100, // 0x0100-正在播放 0x0200-空闲\r\n     *      cameraIndexcode: \"58e90452772a4d9da7c7ba4cef26dbf0\", // 监控点编号\r\n     *      expand: \"\" // 扩展字段\r\n     *    }\r\n     * }\r\n     * \r\n    */\r\n    cbIntegrationCallBack(oData) {\r\n      console.log('cbIntegrationCallBack', oData)\r\n      if (oData) {\r\n        const resData = oData.responseMsg\r\n        //oData.responseMsg解析｛type:number, msg:object ｝\r\n        if (resData) {\r\n          const type = tryToInt(resData.type)\r\n          const msgObj = resData.msg\r\n          /*\r\ntype: 1, // 选中窗口消息msg:\r\nmsg:{\r\n wndId: 1, // 窗口序号\r\n result: 0x0100, // 0x0100-正在播放 0x0200-空闲\r\n cameraIndexCode: \"58e90452772a4d9da7c7ba4cef26dbf0\" // 监控点编号\r\n}\r\n-------------------------------------------------\r\ntype: 2, 预览/回放播放消息\r\nmsg:{\r\n wndId: 1, // 窗口序号\r\n result: 0x0300, // 0x0300-开始播放 0x0301-播放失败 0x0302-播放异常，0x0330-播放结束\r\n cameraIndexCode: \"58e90452772a4d9da7c7ba4cef26dbf0\" // 监控点编号\r\n}\r\n-------------------------------------------------\r\ntype: 6, // 切换布局\r\nmsg:{\r\n layout: \"2x2\", // 布局名称\r\n wndNum: 4\r\n}\r\n          */\r\n          //2预览/回放播放消息\r\n          if (type == 2) {\r\n            //获取窗口状态，做code清理\r\n            if (this.wndList & this.wndList.length > 0) {\r\n              if (msgObj && msgObj.wndId) {\r\n                this.wndId = parseInt(msgObj.wndId)\r\n                if (msgObj.cameraIndexcode == '') {\r\n                  let wndObj = this.wndList.find((v) => v.wndId == this.wndId)\r\n                  if (wndObj) {\r\n                    //清理编码\r\n                    wndObj.code = ''\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n          //6切换布局 msg={layout: \"2x2\",\"wndNum\": 4 }\r\n          if (type == 6) {\r\n            if (msgObj && msgObj.wndNum) {\r\n              if (this.wndNum != msgObj.wndNum) {\r\n                const newNum = msgObj.wndNum\r\n                //切换布局后，更新播放列表\r\n                if (this.wndList && this.wndList.length > 0) {\r\n                  //如果窗口数量减少，就从播放列表中删除后面几项\r\n                  //如果窗口数量增加，就在原播放列表后添加\r\n                  var newWndList = []\r\n                  for (var i = 0; i < newNum; i++) {\r\n                    if (i < this.wndNum) {\r\n                      newWndList.push(this.wndList[i])\r\n                    }\r\n                    else {\r\n                      //生成视频窗口参数\r\n                      newWndList.push({ code: '', wndId: i + 1 })\r\n                    }\r\n                  }\r\n                }\r\n                this.wndList = newWndList\r\n                this.wndNum = newNum\r\n                // this.$emit('update:wndNum', this.wndNum)\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      if (this.wndNum > 0) {\r\n        //更新播放列表\r\n        window.eventBus.$emit('cbHik_refreshPlayList', {\r\n          targetId: this.refTarget,\r\n          playList: this.wndList\r\n        })\r\n      }\r\n    },\r\n    play(opt) {\r\n      let wndNum = this.wndNum\r\n      if (!this.wndList) {\r\n        this.wndList = []\r\n      }\r\n      //生成窗口播放状态表，存窗口id，播放编码\r\n      if (wndNum > 0 && this.wndList.length == 0) {\r\n        this.playCount = wndNum\r\n        //生成视频窗口参数\r\n        for (var i = 0; i < wndNum; i++) {\r\n          this.wndList.push({ code: '', wndId: i + 1 })\r\n        }\r\n      }\r\n      if (opt) {\r\n        if (opt.code) {\r\n          this.videoCode = opt.code\r\n        }\r\n        if (opt.storageType) {\r\n          this.recordLocation = opt.storageType - 1\r\n        }\r\n        let wndId = null\r\n        //判断当前视频是否在播放列表中\r\n        var cur = this.wndList.find((v) => v.code == opt.code)\r\n        if (cur) {\r\n          //在播放列表中就在他自己的窗口中播放\r\n          wndId = cur.wndId\r\n        }\r\n        //没有在播放列表中，就找一个空窗口播放\r\n        if (wndId == null) {\r\n          // 获取是否有空窗口，没有空窗口的话，就由视频插件自行判断窗口\r\n          var play = this.wndList.find((v) => v.code == '')\r\n          if (play) {\r\n            play.code = opt.code\r\n            wndId = play.wndId\r\n          }\r\n          else {\r\n            this.playCount++\r\n          }\r\n        }\r\n        this.wndId = wndId\r\n      }\r\n      if (this.wndId == null) {\r\n        this.wndId = 1\r\n        if (wndNum > 1 && this.playCount > wndNum) {\r\n          var mod = this.playCount % wndNum\r\n          if (mod == 0) {\r\n            mod = wndNum\r\n          }\r\n          var getWnd = this.wndList.find((v) => v.wndId == mod)\r\n          if (getWnd) {\r\n            //设置窗口中对应窗口的播放编码为当前编码\r\n            getWnd.code = opt.code\r\n          }\r\n          this.wndId = mod\r\n        }\r\n      }\r\n      window.eventBus.$emit('cbHik_refreshPlayList', {\r\n        targetId: this.refTarget,\r\n        playList: this.wndList\r\n      })\r\n      this.start()\r\n    },\r\n    /**根据视频数量，动态获取窗口布局 */\r\n    setLayout(videoCount) {\r\n      var layoutList = [\r\n        { name: '1x1', count: 1 },\r\n        { name: '1x2', count: 2 },\r\n        { name: '1+2', count: 3 },\r\n        // { name: '1x4', count: 4 },\r\n        { name: '2x2', count: 4 },\r\n        { name: '1+5', count: 6 },\r\n        { name: '3+4', count: 7 },\r\n        { name: '1+7', count: 8 },\r\n        //{ name: '1+8', count: 9 },\r\n        { name: '3x3', count: 9 },\r\n        { name: '1+9', count: 10 },\r\n        // { name: '4+9', count: 13 },\r\n        { name: '1+12', count: 13 },\r\n        { name: '1+1+12', count: 14 },\r\n        { name: '4x4', count: 16 },\r\n        { name: '1+16', count: 17 },\r\n        { name: '4x6', count: 24 },\r\n        { name: '5x5', count: 25 }\r\n      ];\r\n      var ly = layoutList.find(v => v.count >= videoCount);\r\n      var layout = ly ? ly.name : '1x1';\r\n      this.oWebControl.JS_RequestInterface({\r\n        funcName: \"setLayout\",\r\n        argument: JSON.stringify({ layout: layout })\r\n      }).then(oData => {\r\n        console.log('setLayout', oData)\r\n      });\r\n    },\r\n    /** 批量视频预览 codes:{code,sm}[]*/\r\n    startMulit(codes, setLayout) {\r\n      //播放前，先停止正在播放的\r\n      this.stopAll()\r\n\r\n      let list = []\r\n      let codeList = this.codeList\r\n      let smList = []\r\n      if (codes && codes.length > 0) {\r\n        codeList = codes.map(v => { return v.code })\r\n        smList = codes.map(v => { return v.sm })\r\n      }\r\n      if (codeList && codeList.length > 0) {\r\n        list = codeList.map((v, i) => {\r\n          let code = v.replace(/(^\\s*)/g, \"\").replace(/(\\s*$)/g, \"\")\r\n          let sm = smList && smList.length > i ? smList[i] : this.streamMode\r\n          return {\r\n            cameraIndexCode: code, //监控点编号\r\n            streamMode: sm, //主子码流标识\r\n            transMode: this.transMode, //传输协议\r\n            gpuMode: this.gpuMode, //是否开启GPU硬解\r\n            wndId: i + 1, //可指定播放窗口\r\n            ezvizDirect: 0//是否直连萤石预览 未指定或为 0-非直连 其它值-直连\r\n          }\r\n        })\r\n      }\r\n      if (list.length > 0) {\r\n        if (setLayout) {\r\n          //根据视频数量，动态获取窗口布局\r\n          this.setLayout(list.length);\r\n        }\r\n        /**\r\n         * 根据监控点编号批量视频预览 startMultiPreviewByCameraIndexCode\r\n         * 根据监控点编号批量录像回放 startMultiPlaybackByCameraIndexCode\r\n         * **有个问题，批量预览后焦点会在最后一个视频上，这边把传入的list做了倒序.reverse()处理来解决\r\n        */\r\n        let fnName = this.isPlayBack ? \"startMultiPlaybackByCameraIndexCode\" : \"startMultiPreviewByCameraIndexCode\";\r\n        console.log(fnName, list)\r\n        this.oWebControl.JS_RequestInterface({\r\n          funcName: fnName,\r\n          argument: { list: list }//.reverse()\r\n        })\r\n          .then(oData => {\r\n            //设置第一个窗口为当前激活窗口\r\n            //set wndId=1???\r\n            console.log('JS_RequestInterface startMulti', oData)\r\n          });\r\n      }\r\n    },\r\n    //回放\r\n    startPlayBack(opt) {\r\n      if (opt.videoCode == '') {\r\n        this.$message.warning('请选择监控点编号！');\r\n        return false;\r\n      }\r\n      this.videoCode = opt.videoCode;\r\n      if (opt.startDate == null || opt.startDate == ''\r\n        || opt.endDate == null || opt.endDate == '') {\r\n        this.$message.warning('请选择视频回放时间段！');\r\n        return false;\r\n      }\r\n      else {\r\n        //回放开始时间戳，必填\r\n        var tsStart = new Date(opt.startDate).getTime();\r\n        //回放结束时间戳，必填\r\n        var tsEnd = new Date(opt.endDate).getTime();\r\n        this.playback_start = Math.floor(tsStart / 1000).toString();\r\n        this.playback_end = Math.floor(tsEnd / 1000).toString();\r\n        if (opt.streamMode != null) {\r\n          this.streamMode = opt.streamMode\r\n        }\r\n        this.start();\r\n      }\r\n    },\r\n    //开始播放\r\n    start() {\r\n      if (this.videoCode == \"\" && this.codeList && this.codeList.length > 0) {\r\n        if (this.wndId < 0) {\r\n          this.wndId = 0\r\n        }\r\n        this.videoCode = this.codeList[this.wndId]\r\n      }\r\n      var cameraIndexCode = this.videoCode; //获取输入的监控点编号值，必填\r\n      cameraIndexCode = cameraIndexCode.replace(/(^\\s*)/g, \"\");\r\n      cameraIndexCode = cameraIndexCode.replace(/(\\s*$)/g, \"\");\r\n      var argu = {\r\n        cameraIndexCode: cameraIndexCode, //监控点编号\r\n        streamMode: this.streamMode, //主子码流标识\r\n        transMode: this.transMode, //传输协议\r\n        gpuMode: this.gpuMode, //是否开启GPU硬解\r\n        wndId: this.wndId //可指定播放窗口\r\n      };\r\n      if (this.isPlayBack) {\r\n        //录像存储类型：0-中心存储，1-设备存储\r\n        argu.recordLocation = 1;\r\n        //录像查询开始时间戳，单位：秒\r\n        argu.startTimeStamp = this.playback_start;\r\n        //录像结束开始时间戳，单位：秒\r\n        argu.endTimeStamp = this.playback_end;\r\n      }\r\n      let fnName = this.isPlayBack ? \"startPlayback\" : \"startPreview\";\r\n      console.log(fnName, argu)\r\n      this.oWebControl.JS_RequestInterface({\r\n        funcName: fnName,\r\n        argument: JSON.stringify(argu)\r\n      })\r\n        .then(oData => {\r\n          console.log(fnName, oData)\r\n        });\r\n    },\r\n    //停止全部\r\n    stopAll() {\r\n      let fnName = this.isPlayBack ? \"stopAllPlayback\" : \"stopAllPreview\";\r\n      this.oWebControl.JS_RequestInterface({\r\n        funcName: fnName\r\n      })\r\n        .then(oData => {\r\n          // console.log(fnName, oData)\r\n        });\r\n    },\r\n    setResize(width, height) {\r\n      this.width = width\r\n      this.height = height\r\n      this.toResize();\r\n    },\r\n    toResize() {\r\n      console.log('JS_Resize', this.width, this.height)\r\n      if (this.oWebControl != null) {\r\n        this.oWebControl.JS_Resize(this.width, this.height);\r\n      }\r\n    },\r\n    registerResizeEvent() {\r\n      window.onscroll = () => {\r\n        this.toResize();\r\n      }\r\n      window.onresize = () => {\r\n        this.toResize();\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=6d774c41&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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  \"6d774c41\",\n  null\n  \n)\n\nexport default component.exports","import { tryAxios } from '@/api/common/auth'\r\nimport { urlPrefix } from '@/configs/api'\r\n\r\nconst apiUrl = `${urlPrefix}/VideoPlay`\r\n//#region 数据源相关api\r\n/** 有监控点的文保单位集合 */\r\nconst GetUnitList = `${apiUrl}/units`\r\nconst GetUnitVideos = (id: number, onlineStatus: number) => `${apiUrl}/unit/videos/${id}_${onlineStatus}`\r\n\r\n/** 视频分组 */\r\nconst GetGroupList = `${apiUrl}/groups`\r\nconst GetGroup = (id: number) => `${apiUrl}/group/${id}`\r\nconst PostGroup = `${apiUrl}/group`\r\nconst PutGroup = (id: number) => `${apiUrl}/group/${id}`\r\nconst DeleteGroup = (id: number) => `${apiUrl}/group/${id}`\r\n\r\n/** 视频轮播 */\r\nconst GetRotationList = `${apiUrl}/rotations`\r\nconst GetRotationGroups = (id: number) => `${apiUrl}/rotation/groups/${id}`\r\nconst GetRotationVideos = (id: number) => `${apiUrl}/rotation/videos/${id}`\r\nconst GetRotation = (id: number) => `${apiUrl}/rotation/${id}`\r\nconst PostRotation = `${apiUrl}/rotation`\r\nconst PutRotation = (id: number) => `${apiUrl}/rotation/${id}`\r\nconst DeleteRotation = (id: number) => `${apiUrl}/rotation/${id}`\r\n\r\n/** 分组下的视频，轮播组中的子分组也是调用这个 */\r\nconst GetGroupVideos = (id: number) => `${apiUrl}/group/videos/${id}`\r\n//#endregion\r\n\r\nexport class VideoRotationData {\r\n    [key: string]: any\r\n    Id: number\r\n    RotationName: string\r\n    VideoNumber: number\r\n    PlayDuration: number\r\n    GroupList: VideoGroupData[]\r\n    constructor() {\r\n        this.Id = 0\r\n        this.RotationName = ''\r\n        this.VideoNumber = 0\r\n        this.PlayDuration = 0\r\n        this.GroupList = []\r\n    }\r\n}\r\nexport class VideoGroupData {\r\n    [key: string]: any\r\n    Id: number\r\n    GroupName: string\r\n    GroupType: number\r\n    Sequence: number\r\n    PointList: VideoGroupPointData[]\r\n    constructor() {\r\n        this.Id = 0\r\n        this.GroupName = ''\r\n        this.GroupType = 0\r\n        this.Sequence = 0\r\n        this.PointList = []\r\n    }\r\n}\r\nexport class VideoGroupPointData {\r\n    [key: string]: any\r\n    Id: number\r\n    GroupId: number\r\n    GroupName: string\r\n    GroupSeq: number\r\n    VideoPointId: number\r\n    Sequence: number\r\n    PointNumber: string\r\n    PointName: string\r\n    StreamMode: number\r\n    Online: number\r\n    constructor() {\r\n        this.Id = 0\r\n        this.GroupId = 0\r\n        this.GroupName = ''\r\n        this.GroupSeq = 0\r\n        this.VideoPointId = 0\r\n        this.Sequence = 0\r\n        this.PointNumber = ''\r\n        this.PointName = ''\r\n        this.StreamMode = 0\r\n        this.Online = 0\r\n    }\r\n}\r\n\r\n//#region 分组维护\r\nexport const getGroupInfo = (id: number) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetGroup(id)\r\n    })\r\n}\r\nexport const postGroup = (form: any) => {\r\n    return tryAxios({\r\n        method: 'post',\r\n        url: PostGroup,\r\n        data: form\r\n    })\r\n}\r\nexport const putGroup = (id: number, form: any) => {\r\n    return tryAxios({\r\n        method: 'put',\r\n        url: PutGroup(id),\r\n        data: form\r\n    })\r\n}\r\nexport const removeGroup = (id: number) => {\r\n    return tryAxios({\r\n        method: 'delete',\r\n        url: DeleteGroup(id)\r\n    })\r\n}\r\n//#endregion\r\n\r\n//#region 轮播组维护\r\nexport const getRotationInfo = (id: number) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetRotation(id)\r\n    })\r\n}\r\nexport const postRotation = (form: any) => {\r\n    return tryAxios({\r\n        method: 'post',\r\n        url: PostRotation,\r\n        data: form\r\n    })\r\n}\r\nexport const putRotation = (id: number, form: any) => {\r\n    return tryAxios({\r\n        method: 'put',\r\n        url: PutRotation(id),\r\n        data: form\r\n    })\r\n}\r\nexport const removeRotation = (id: number) => {\r\n    return tryAxios({\r\n        method: 'delete',\r\n        url: DeleteRotation(id)\r\n    })\r\n}\r\n//#endregion\r\nexport const getUnitList = (param: any) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetUnitList,\r\n        params: param\r\n    })\r\n}\r\nexport const getUnitVideos = (id: number, onlineStatus: number) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetUnitVideos(id, onlineStatus)\r\n    })\r\n}\r\nexport const getGroupList = (param: any) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetGroupList,\r\n        params: param\r\n    })\r\n}\r\nexport const getGroupVideos = (id: number) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetGroupVideos(id)\r\n    })\r\n}\r\nexport const getRotationList = (param: any) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetRotationList,\r\n        params: param\r\n    })\r\n}\r\nexport const getRotationGroups = (id: number) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetRotationGroups(id)\r\n    })\r\n}\r\nexport const getRotationVideos = (id: number) => {\r\n    return tryAxios({\r\n        method: 'get',\r\n        url: GetRotationVideos(id)\r\n    })\r\n}","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./playBack.vue?vue&type=style&index=0&id=0fd6e902&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./playBack.vue?vue&type=style&index=0&id=0fd6e902&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"video3\"},[_c('el-row',{attrs:{\"gutter\":10}},[_c('el-col',{attrs:{\"span\":6}},[_c('div',{staticClass:\"page-list\"},[_c('div',{staticClass:\"main-search-form\"},[_c('div',{staticClass:\"few-filter\"},[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"f-left w-key\"},[_c('el-input',{attrs:{\"placeholder\":\"单位编号、单位名称\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.doSearch($event)}},model:{value:(_vm.queryTerm.Keyword),callback:function ($$v) {_vm.$set(_vm.queryTerm, \"Keyword\", $$v)},expression:\"queryTerm.Keyword\"}})],1),_c('div',{staticClass:\"f-right\"},[_c('el-button',{attrs:{\"type\":\"search\",\"icon\":\"iconfont icon-search\"},on:{\"click\":_vm.doSearch}},[_vm._v(\"查询\")])],1)])],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"f-left\"},[_c('el-checkbox',{on:{\"change\":_vm.onlineChange},model:{value:(_vm.onlyOnline),callback:function ($$v) {_vm.onlyOnline=$$v},expression:\"onlyOnline\"}},[_vm._v(\"仅在线\")])],1)])],1)],1),_c('div',{staticClass:\"items\"},[_c('el-table',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.listLoading),expression:\"listLoading\"}],staticClass:\"table-tree hide-header\",attrs:{\"data\":_vm.list,\"expand-row-keys\":_vm.expandKey,\"row-key\":\"UnitId\"},on:{\"expand-change\":_vm.fetchVideo}},[_c('el-table-column',{attrs:{\"type\":\"expand\",\"width\":\"20\"},scopedSlots:_vm._u([{key:\"default\",fn:function(parent){return [_c('el-table',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(parent.row.loading),expression:\"parent.row.loading\"}],attrs:{\"data\":parent.row.childs,\"show-header\":false}},[_c('el-table-column',{attrs:{\"prop\":\"PointName\",\"label\":\"监控点名称\"},scopedSlots:_vm._u([{key:\"default\",fn:function(point){return [_c('a',{class:point.row.Online==-1?'color-info':(point.row.Online==0?'color-error':''),on:{\"click\":function($event){return _vm.playVideo(point.row,parent.row.UnitName)}}},[(point.row.Online==1)?_c('i',{staticClass:\"iconfont icon-online-camera\"}):(point.row.Online==0)?_c('i',{staticClass:\"iconfont icon-offline-camera\"}):_c('i',{staticClass:\"iconfont icon-unknown\"}),_vm._v(\"\\n                        \"+_vm._s(point.row.PointName)+\"\\n                      \")])]}}],null,true)})],1)]}}])}),_c('el-table-column',{attrs:{\"prop\":\"UnitName\",\"label\":\"文保单位及视频点\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_c('span',{staticClass:\"overflow-unit-row\",attrs:{\"title\":\"点击展示监控点\"},on:{\"click\":function($event){return _vm.unitClick(scope.row)}}},[_vm._v(\"\\n                    \"+_vm._s(scope.$index+1)+\".\\n                    \"),(_vm.isUserProvince||_vm.isUserCity)?_c('span',{staticClass:\"hidden-item color-danger\"},[_vm._v(\"\\n                      [\"),(_vm.isUserProvince)?_c('span',[_vm._v(_vm._s(scope.row.CityName))]):_vm._e(),_vm._v(_vm._s(scope.row.CountyName)+\"]\\n                    \")]):_vm._e(),_vm._v(\"\\n                    \"+_vm._s(scope.row.UnitName)+\"(\"+_vm._s(scope.row.OnlineCount)+\"/\"+_vm._s(scope.row.TotalCount)+\")\\n                  \")])])]}}])})],1)],1)])]),_c('el-col',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.listLoading),expression:\"listLoading\"}],attrs:{\"span\":18}},[_c('div',{staticClass:\"simple-box\"},[_c('header',[_c('div',[_vm._v(\"视频回放\"+_vm._s(_vm.playingMsg))])]),_c('div',{staticClass:\"page-list\"},[_c('div',{staticClass:\"main-search-form\"},[_c('div',{staticClass:\"few-filter\"},[_c('el-row',{attrs:{\"gutter\":10}},[_c('el-col',{attrs:{\"span\":10}},[_c('div',{staticClass:\"select-group\"},[_c('div',{staticClass:\"select-group-prepend\"},[_vm._v(\"开始时间\")]),_c('el-input',{attrs:{\"type\":\"datetime-local\",\"placeholder\":\"开始时间\",\"max\":_vm.endTime},model:{value:(_vm.startTime),callback:function ($$v) {_vm.startTime=$$v},expression:\"startTime\"}})],1)]),_c('el-col',{attrs:{\"span\":10}},[_c('div',{staticClass:\"select-group\"},[_c('div',{staticClass:\"select-group-prepend\"},[_vm._v(\"结束时间\")]),_c('el-input',{attrs:{\"type\":\"datetime-local\",\"placeholder\":\"结束时间\",\"min\":_vm.startTime},model:{value:(_vm.endTime),callback:function ($$v) {_vm.endTime=$$v},expression:\"endTime\"}})],1)]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticClass:\"f-right\"},[_c('el-button',{attrs:{\"type\":\"warning\",\"icon\":\"iconfont icon-replay-circle\"},on:{\"click\":_vm.startPlayBack}},[_vm._v(\"回放\\n                    \")])],1)])],1)],1)])]),_c('el-row',{staticClass:\"play-list\",attrs:{\"id\":\"videoContainer\"}},[_c('el-col',{ref:\"refCol\",attrs:{\"span\":24}},[(_vm.showVideoCtrl)?_c('cb-hik-video',{ref:\"refHikVideo\",attrs:{\"refTarget\":_vm.targetId,\"isPlayBack\":\"true\",\"width\":_vm.vWidth,\"height\":_vm.vHeight}}):_vm._e()],1)],1)],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Vue, Watch } from 'vue-property-decorator'\r\nimport {\r\n  getUnitVideos, getUnitList\r\n} from '@/api/videoDevice/play'\r\nimport { DDLItem, DefDDLItem } from '@/api/common/select'\r\nimport { enFirstType } from '@/configs/enums'\r\nimport { dateFormat, newGuid } from '@/configs/functions'\r\nimport cbHikVideo from '@/components/hikVideo/index.vue'\r\n\r\nimport { ElCol } from 'element-ui/types/col'\r\nconst AppModule = namespace('app')\r\n\r\nimport { UserData } from '@/api/systemManage/user'\r\nimport { namespace } from 'vuex-class'\r\nimport { enUserType } from '@/configs/enums'\r\nconst UserModule = namespace('user')\r\n@Component({\r\n  components: {\r\n    cbHikVideo\r\n  }\r\n})\r\n/** 视频回放 */\r\nexport default class VideoPlayBack extends Vue {\r\n  @UserModule.Getter('userInfo')\r\n  public curUser!: UserData\r\n  public get isUserCity(): boolean {\r\n    var userType = this.curUser.UserType\r\n    return userType == enUserType.CityHeritage || userType == enUserType.CityFinance\r\n  }\r\n  public get isUserProvince(): boolean {\r\n    var userType = this.curUser.UserType\r\n    return userType == enUserType.ProvinceHeritage || userType == enUserType.ProvinceFinance\r\n  }\r\n\r\n  @AppModule.Getter\r\n  public sidebar!: { opened: boolean, withoutAnimation: boolean }\r\n  public $refs!: {\r\n    refHikVideo: any\r\n    refCol: ElCol\r\n  }\r\n  public targetId: string = newGuid()\r\n  public layout: string = '1x1'\r\n  public wndNum: number = 1\r\n  public vWidth: number = 1000\r\n  public vHeight: number = 600\r\n\r\n  public listLoading: boolean = false\r\n  public onlyOnline: boolean = false\r\n  public list: any[] = []\r\n  public queryTerm = {\r\n    Page: 0,\r\n    PageSize: 999,\r\n    SortBy: 'UnitName',\r\n    IsAsc: false,\r\n\r\n    /**0全部 1离线 2在线 3未知 */\r\n    OnlineStatus: 0,\r\n    Keyword: ''\r\n  }\r\n\r\n  public form: any = {\r\n    VideoId: 0,\r\n    UnitCode: '',\r\n    UnitName: '',\r\n    DeviceName: '',\r\n    DeviceNumber: ''\r\n  }\r\n  public firstType: number = enFirstType.All\r\n  public defItem: DDLItem = DefDDLItem(this.firstType)\r\n  public levelList: DDLItem[] = []\r\n  public classifyList: DDLItem[] = []\r\n  public cityList: DDLItem[] = []\r\n  public countyList: DDLItem[] = [this.defItem]\r\n\r\n  public expandKey: number[] = []\r\n  public fetchVideo(row: any, expandedRows: any) {\r\n    if (!row.childs || row.childs.length == 0) {\r\n      row.childs = []\r\n      row.loading = true\r\n      var onlineStatus = this.onlyOnline ? 2 : 0\r\n      getUnitVideos(row.UnitId, onlineStatus).then((response: { data: any }) => {\r\n        const data = response.data\r\n        if (data) {\r\n          row.childs = data\r\n          row.loading = false\r\n          var index = this.list.findIndex((v: any) => v.UnitId == row.UnitId)\r\n          this.$set(this.list, index, row)\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  public unitClick(e: any) {\r\n    var index = this.expandKey.findIndex((v: number) => v == e.UnitId)\r\n    if (index == -1) {\r\n      this.expandKey = [e.UnitId]\r\n      this.fetchVideo(e, null)\r\n    }\r\n    else {\r\n      this.expandKey.splice(index, 1)\r\n    }\r\n  }\r\n\r\n  //#region 视频控件 相关代码\r\n  public getWidth(): number {\r\n    var dom = document.getElementById(\"videoContainer\")\r\n    var w = dom ? dom.offsetWidth : 860\r\n    return w\r\n  }\r\n  public getHeight(): number {\r\n    var h = document.documentElement.clientHeight - 200\r\n    //屏幕高度\r\n    // var eh = document.documentElement.clientHeight\r\n    // if (h > eh) {\r\n    //   h = eh\r\n    // }\r\n    return h\r\n  }\r\n  public playList: { code: string, wndId: number }[] = []\r\n  public playingMsg: string = ''\r\n  public curVideoCode: string = ''\r\n  public curStreamMode: number = 0\r\n  public playVideo(row: any, unitName: string) {\r\n    var msg: string = ''\r\n    // if (row.IsSourceDelete) {\r\n    //   msg = '设备已停止'\r\n    // }\r\n    // else \r\n    if (row.Online != 1) {\r\n      msg = '设备不在线'\r\n    }\r\n    if (msg != '') {\r\n      this.$message.warning(msg)\r\n      return false\r\n    }\r\n    this.curVideoCode = row.PointNumber\r\n    this.curStreamMode = row.StreamMode\r\n    this.playingMsg = ' - ' + unitName + '/' + row.PointName\r\n\r\n    //默认播放1个小时\r\n    var startTimeStamp = new Date(new Date().setHours(new Date().getHours() - 12)) // new Date().getTime() - 60 * 60 * 1000 //回放开始时间戳，必填 \r\n    var endTimeStamp = new Date(new Date().setHours(new Date().getHours() - 2))\r\n    this.startTime = dateFormat(startTimeStamp, 'yyyy-MM-ddThh:mm')\r\n    this.endTime = dateFormat(endTimeStamp, 'yyyy-MM-ddThh:mm')\r\n    this.startPlayBack()\r\n  }\r\n  public pointRowClass(data: { row: any, rowIndex: number }) {\r\n    const row = data.row\r\n    let name = ''\r\n    if (this.curVideoCode == row.PointNumber) {\r\n      name = 'row-checked'\r\n    }\r\n    return name\r\n  }\r\n  public startTime: any = ''\r\n  public endTime: any = ''\r\n  public startPlayBack() {\r\n    var opt = {\r\n      videoCode: this.curVideoCode,\r\n      streamMode: this.curStreamMode,\r\n      startDate: this.startTime,\r\n      endDate: this.endTime\r\n    }\r\n    this.$refs.refHikVideo.startPlayBack(opt)\r\n  }\r\n  public loadCtrls() {\r\n    this.$nextTick(() => {\r\n      this.vWidth = this.getWidth()\r\n      this.vHeight = this.getHeight()\r\n      if (this.$refs.refHikVideo) {\r\n        this.$refs.refHikVideo.initPlugin()\r\n        //注销掉，重新调用\r\n        window.onresize = null\r\n        //页面大小变动时，重新加载控件\r\n        window.onresize = () => {\r\n          this.videoResize()\r\n        }\r\n        window.onscroll = null\r\n        //页面大小变动时，重新加载控件\r\n        window.onscroll = () => {\r\n          this.videoResize()\r\n        }\r\n      }\r\n    })\r\n  }\r\n  public videoResize() {\r\n    if (this.$refs.refHikVideo) {\r\n      let w = this.getWidth()\r\n      let h = this.getHeight()\r\n      this.$refs.refHikVideo.setResize(w, h)\r\n    }\r\n  }\r\n  /** 监听数据变化 */\r\n  @Watch('sidebar', { deep: true })\r\n  SidebarWatch(data: any) {\r\n    this.videoResize()\r\n  }\r\n  public beforeDestroy() {\r\n    window.eventBus.$off('cbHik_refreshPlayList')\r\n    window.onresize = null\r\n    window.onscroll = null\r\n  }\r\n  //#endregion\r\n\r\n  public created() {\r\n    if (this.targetId = '') {\r\n      this.targetId = newGuid()\r\n    }\r\n  }\r\n  public showVideoCtrl: boolean = true\r\n  public mounted() {\r\n    window.eventBus.$on('cbHik_refreshPlayList', (info: any) => {\r\n      if (info.targetId == this.targetId) {\r\n        this.playList = info.playList\r\n      }\r\n    })\r\n    this.loadCtrls()\r\n    this.fetchData()\r\n  }\r\n\r\n  public fetchData() {\r\n    this.listLoading = true\r\n    this.expandKey = []\r\n    getUnitList(this.queryTerm).then((response: { data: any }) => {\r\n      const data = response.data\r\n      if (data) {\r\n        var items = data.Results\r\n        this.list = items\r\n        /*\r\n        //页面首次加载时，默认打开第一个节点\r\n        if (this.expandKey.length == 0 && items.length > 0) {\r\n          var row = items.find((v: any) => v.OnlineCount > 0)// units[0]\r\n          if (row && row.UnitId > 0) {\r\n            this.expandKey = [row.UnitId]\r\n            this.fetchVideo(row, null)\r\n          }\r\n        }\r\n        */\r\n      }\r\n      this.listLoading = false\r\n    })\r\n  }\r\n  public doSearch() {\r\n    this.fetchData()\r\n  }\r\n  public onlineChange() {\r\n    this.queryTerm.OnlineStatus = this.onlyOnline ? 2 : 0\r\n    this.doSearch()\r\n  }\r\n  // 在当前路由改变，但是该组件被复用时调用\r\n  @Watch('$route')\r\n  public onRouteChange(route: any) {\r\n    this.showVideoCtrl = false\r\n    setTimeout(() => {\r\n      this.showVideoCtrl = true\r\n      this.loadCtrls()\r\n      this.doSearch()\r\n    }, 500)\r\n    //重置数据\r\n    Object.assign(this.$data, this.$options.data)\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./playBack.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./playBack.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./playBack.vue?vue&type=template&id=0fd6e902&scoped=true&\"\nimport script from \"./playBack.vue?vue&type=script&lang=ts&\"\nexport * from \"./playBack.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./playBack.vue?vue&type=style&index=0&id=0fd6e902&lang=scss&scoped=true&\"\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  \"0fd6e902\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}