{"version":3,"sources":["webpack:///src/views/replay/Playback.vue","webpack:///./src/views/replay/Playback.vue?047f","webpack:///./src/views/replay/Playback.vue?3254","webpack:///./src/views/replay/Playback.vue","webpack:///./src/views/replay/Playback.vue?5ada"],"names":["name","data","v1","label","Name","Token","Time","StartTime","EndTime","Playback","Type","icon","timelink","max","value","session","endvalue","startvalue","myModal1","region","regiondata","selectdate","currentPage","total","pageSize","search","filterText","defaultProps","children","token","iconclass","online","tableData1","rowstarf","rowend","displayc","url","refNamePopover","beforeDestroy","mounted","methods","StatusPrompt","id","e","Regional","console","datapush","first","secondstage","thirdstage","fourthstage","fivestage","getchild","arr","arr1","strToken","streamprofile","strName","disabled_me","camarr","camarr1","datechange","PlaybackCB","event","userdata","Refresh1","index","row","begintime","endtime","showposter","callback","serverpb","videoid","protocol","host","rootpath","pbconf","hlsver","$","setTimeout","bind","resume","timelinndown","err","timelinnup","timelinn","handleClose","Speed","getCheckedNodes","nodes","srartdate","enddate","l","starf","end","type","percentage","urlto","strFileName","timeitem","catch","tableDatak","handleSizeChange","val","handleCurrentChange","filterNode","watch","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","$$v","expression","_v","ref","scopedSlots","_u","key","fn","class","staticStyle","iconclass1","_s","length","_e","statusID","offline","disable","idle","on","$event","slot","_l","item","$t","slice","scope","$index","staticRenderFns","component"],"mappings":"goOAqJe,QAEfA,gBACAC,KAHA,WAIA,OACAC,UACAC,OACAC,mCACAC,qCACAC,mCACAC,6CACAC,yCACAC,6CACAC,oCAEAC,kBACAC,WACAC,MACAC,SACAC,gCACAC,8BACAC,qCACAC,YACAC,aACAC,aACAN,YACAX,aACA,CACAW,YACAX,aACA,CACAW,YACAX,aACA,CACAW,YACAX,aACA,CACAW,YACAX,aACA,CACAW,aACAX,eAEAkB,aACAP,gCACAX,0CACA,CACAW,iCACAX,yCACA,CACAW,kCACAX,0CACA,CACAW,kCACAX,4CAGAmB,cACAC,QACAC,YACAC,UACAC,cACAzB,YACA0B,cACAC,6DACAzB,2DACA0B,4DACAC,sBACAC,iBAEAC,cACAC,YACAC,UACAC,YACAC,OACAC,4BAGAC,cA9EA,WA+EA,oBAGAC,QAlFA,WAmFA,oCACA,iBAGAC,SAEAC,aAFA,SAEAC,EAAAC,GACA,4BACA,6BACA,wBACA,mDAGA,OAFAA,2DACAA,wBAGA,CACA,uBACA,mDAGA,OAFAA,wDACAA,sBAKAC,SApBA,WAoBA,WACA,2BACA,yDACA,oCACAC,eACA,kBACA,aAEA,kBAEAA,eACA,cACAA,yBAGAC,SAnCA,SAmCA7C,GACA,eAEA8C,MAtCA,SAsCA9C,GAEA,GADA4C,eACA,iBACA,gCACA5C,6BAGA,OACA,+BACA4C,8BACA,8BACA,2BACA,aACA,oBAIAG,YAvDA,SAuDA/C,GACA,YAGA,oBACA,gCACAA,6BAGA,OACA,+BACA,8BACA4C,sBACA,cACA,6BAKAI,WA1EA,SA0EAhD,GACA,YAGA,oBACA,gCACAA,6BAGA,OACA,+BACA,8BACA4C,sBACA,cACA,8BAKAK,YA7FA,SA6FAjD,GACA,YAGA,oBACA,gCACAA,6BAGA,OACA,+BACA,8BACA4C,sBACA,cACA,4BAKAM,UAhHA,SAgHAlD,GACA,YAGA,oBACA,gCACA,6BACAA,6BAIA,SAEAmD,SA7HA,SA6HAC,EAAAC,GACA,mBACA,qBACA,eACA,qCACA,QACAC,uBACAC,qBACAC,2CACAzD,0DACA8B,wCACA4B,gBACA,CACAH,uBACAC,oBACAC,0CACAzD,yDACA8B,wCACA4B,iBAEAL,gBACAA,8BACAA,mEACAA,8BACAA,+CACAA,wBACA,eAEAA,6DACAA,sCAGA,gCACAA,gDAEA,eAEAA,4BAEA,mBAEAA,gCACAA,gCACAA,wBAEAA,2DACAA,sCAEA,gBACAA,oEACAA,sCAOA,SACA,KACA,mBACAM,0BAEA,eACAC,sBAEA,wDAEA,mBACA,eACA,0BACAP,2BAEAA,6DACAA,sCAKA,2BACA,4BACAA,qCAGA,UAEAQ,WAlNA,WAmNAhB,wBACA,4BAEAiB,WAtNA,SAsNAC,EAAAC,GACAnB,sCAEA,oBACA,iCACA,+BACA,4CACA,2CACA,MACA,kBAIAoB,SAnOA,SAmOAC,EAAAC,GAAA,gBACA,aACA,4BACA,QACA,gBAEAtB,iBACA,sBACA,kBACA,eACA,iBACA,OACAuB,kBACAC,cACAC,mBACAC,yBACAC,gBACAR,eAEA,2BACAnB,qBACA,OACA4B,qBACAC,kCACAC,2BACAC,aACA/C,cACAgD,SACAC,YACA/D,8BAEA,4BACA,8BACA,YACA8B,iBAEA,QACA,mCACA,oBAEAkC,mCACA,oBAEA,eACAC,sBACA,iBACAC,KAAA,YAIAC,OArRA,WAsRA,gBACArC,eACA,kBACAA,eACA,sBACA,iBAEA,iBACAA,eACA,uBACA,mBAIAsC,aApSA,SAoSAC,GACAvC,mBACA,iBAEAwC,WAxSA,SAwSAD,GACAvC,mBACA,kBAEAyC,SA5SA,SA4SA1E,GACAiC,eACA,gBACA,wBAGA0C,YAlTA,gBAmTA,aACA1C,kBACA,gBACA,iBACA,4BACA,QACA,eACAkC,iCAIAS,MA9TA,WA+TA3C,yBACA,4BAKA4C,gBArUA,WAqUA,+HACA,gBACA5C,oDACA6C,EAAA,+BACAC,EAAA,6CACAC,EAAA,2CAEAC,EAAA,EAPA,YAOAA,YAPA,sBAQAH,sEARA,wBAUAvF,EAAAuF,yBAEA7D,EAAA6D,0BACAtD,EAAA,mHACAS,eAdA,UAgBA,iCAEA,GADAA,eACA,eACA,+BACA,aACAA,iBACA,mCACA,kBACA,0BACA,GACA7C,OAC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","file":"static/js/chunk-50c86b63.a6da6631.js","sourcesContent":["<template>\n  <div class=\"playback\">\n    <div class=\"playback_snap_zuo\">\n      <!-- 模糊查询搜查 -->\n      <el-input class=\"snap_zuo_input\" placeholder=\"输入关键字进行过滤\" v-model=\"filterText\">\n      </el-input>\n      <div class=\"snap_zuo_title\">设备</div>\n      <!-- 这是原下拉框代码 -->\n      <el-tree :data=\"data\" show-checkbox node-key=\"id\" :filter-node-method=\"filterNode\" ref=\"tree\" highlight-current\n        :props=\"defaultProps\">\n        <span slot-scope=\"{ data }\">\n          <i :class=\"data.iconclass\" style=\"font-size:10px;\"></i>\n          <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.label||data.strName}}</span>\n          <span v-if=\"data.length\" style=\"padding-left: 4px;\">{{data.online}}/{{data.length}}</span>\n          <el-popover placement=\"bottom-end\" trigger=\"manual\" v-if=\"data.firstLevel\" class=\"Status\"\n            popper-class=\"popperOptions\" style=\"flex: 1; text-align: right;height: 36px;line-height: 36px;\"\n            :ref=\"refNamePopover+data.statusID\">\n            <div class=\"StatusPrompt\">\n              <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                <span style=\"font-size:12px;\">\n                  <span style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-shexiangji\" style=\"font-size:12px;\"></i>\n                    在线:{{data.online}}\n                  </span>\n                  <span class=\"el-tree-camera\" style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-shexiangji el-tree-camera\" style=\"font-size:12px;\"></i>\n                    离线:{{data.offline}}\n                  </span>\n                  <span class=\"el-tree-camera\" style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-jinyong1 el-tree-camera \" style=\"font-size:12px;\"></i>\n                    禁用:{{data.disable}}\n                  </span>\n                  <span class=\"el-tree-camera\" style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-kaiqishexiangtou1 el-tree-camera\" style=\"font-size:12px;\"></i>\n                    空闲:{{data.idle}}\n                  </span>\n                </span>\n              </div>\n            </div>\n            <el-button slot=\"reference\" type=\"text\" class=\"iconfont icon-xianshi2 statusBtn\"\n              style=\"margin-left: 20px;font-size:12px\" @click=\"StatusPrompt(data.statusID,$event)\"></el-button>\n          </el-popover>\n        </span>\n      </el-tree>\n    </div>\n    <div class=\"playback_snap_you\">\n      <div class=\"snap_you_top\">\n        <div class=\"snap_you_topfast\">\n          <div class=\"snap_you_topinterval\">日期</div>\n          <el-select v-model=\"value\" placeholder=\"请选择\" @change=\"datechange\">\n            <el-option v-for=\"item in selectdate\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n            </el-option>\n          </el-select>\n        </div>\n        <div class=\"snap_you_topdate\">\n          <div class=\"snap_you_topinterval\">开始日期</div>\n          <el-date-picker v-model=\"startvalue\" type=\"datetime\" placeholder=\"选择日期时间\">\n          </el-date-picker>\n          <div class=\"snap_you_topinterval1\">-</div>\n          <div class=\"snap_you_topinterval\">结束日期</div>\n          <el-date-picker v-model=\"endvalue\" type=\"datetime\" placeholder=\"选择日期时间\">\n          </el-date-picker>\n        </div>\n        <div class=\"snap_you_topbutt\">\n          <el-button class=\"snap_you_topbutt1\" @click=\"getCheckedNodes\">{{$t(\"message.archive.search\")}}</el-button>\n          <el-button class=\"snap_you_topbutt2\" @click=\"tableDatak\">{{$t(\"message.archive.Clear\")}}</el-button>\n        </div>\n      </div>\n      <div class=\"snap_you_bottom\">\n        <!-- 有按钮 -->\n        <el-table stripe :data=\"tableData1.slice((currentPage-1)*pageSize,currentPage*pageSize)\" style=\"width: 100%;\">\n          <el-table-column prop=\"token\" :label=\"label.Token\">\n            <template slot-scope=\"scope\">\n              <span style=\"margin-left: 10px\">{{ scope.row.token }}</span>\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"name\" :label=\"label.Name\">\n            <template slot-scope=\"scope\">\n              <span>{{ scope.row.name }}</span>\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"starf\" :label=\"label.StartTime\">\n            <template slot-scope=\"scope\">\n              <i class=\"el-icon-time\"></i>\n              <span>{{ scope.row.starf }}</span>\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"end\" :label=\"label.EndTime\">\n            <template slot-scope=\"scope\">\n              <i class=\"el-icon-time\"></i>\n              <span>{{ scope.row.end }}</span>\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"end\" :label=\"label.Type\">\n            <template slot-scope=\"scope\">\n              <span>{{ scope.row.type }}</span>\n            </template>\n          </el-table-column>\n          <el-table-column fixed=\"right\" width=310px>\n            <template slot-scope=\"scope\">\n              <div class=\"snap_you_lable_butt\">\n                <a :href=\"scope.row.url\" :download=\"scope.row.urlto\"><button type=\"button\" style=\"margin-right: 40px;\"\n                    class=\"iconfont icon-download\"></button></a>\n                <button type=\"button\" class=\"iconfont icon-play\" @click=\"Refresh1(scope.$index, scope.row)\"\n                  data-toggle=\"modal\" data-target=\"#myModal\"></button>\n              </div>\n            </template>\n          </el-table-column>\n        </el-table>\n        <!-- 分页 -->\n        <el-pagination style=\"text-align: center;\" layout=\"prev, pager, next\" @size-change=\"handleSizeChange\"\n          @current-change=\"handleCurrentChange\" :current-page=\"currentPage\" :total=\"total\">\n        </el-pagination>\n      </div>\n    </div>\n    <el-dialog :before-close=\"handleClose\" class=\"dasboard_modal\" :title=\"label.Playback\" :visible.sync=\"myModal1\"\n      width=\"30%\">\n      <div style=\"display: flex;justify-content: space-between;\">\n        <span>{{$t(\"message.archive.StartTime\")}}:{{rowstarf}}</span>\n        <span>{{$t(\"message.archive.EndTime\")}}:{{rowend}}</span>\n      </div>\n      <div class=\"text-center\">\n        <div style=\"position:relative\">\n          <video class=\"videoo\" id=\"pbplayarch\"></video>\n          <div id=\"rtcid\" class=\"rtc_new\"></div>\n        </div>\n        <div class=\"block\" @mousedown=\"timelinndown($event)\" @mouseup=\"timelinnup($event)\">\n          <el-slider v-model=\"timelink\" :max=\"max\" @change=\"timelinn(timelink)\" :show-tooltip=\"false\"></el-slider>\n        </div>\n        <!-- <el-button :class=\"icon\" @click=\"resume()\" class=\"strart\"></el-button> -->\n        <div class=\"playback_function\">\n          <div :class=\"icon\" @click=\"resume()\" class=\"strart\"></div>\n          <!-- 倍速 -->\n          <el-select v-model=\"region\" size=\"mini\" style=\"width:70px\" @change=\"Speed()\">\n            <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n            </el-option>\n          </el-select>\n          <!-- 实时时间 -->\n          <span>{{displayc}}</span>\n        </div>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nimport { listdatagload, listdatag, listdatag1 } from '../public/regional'\nimport '../../assets/js/adapter'\nimport { H5sPlayerWS, H5sPlayerHls, H5sPlayerRTC, H5sPlayerAudBack } from '../../assets/js/h5splayer.js'\nexport default {\n\n  name: \"Playback\",\n  data () {\n    return {\n      v1: undefined,\n      label: {\n        Name: this.$t(\"message.table.Name\"),\n        Token: this.$t(\"message.table.Token\"),\n        Time: this.$t(\"message.table.Time\"),\n        StartTime: this.$t(\"message.table.StartTime\"),\n        EndTime: this.$t(\"message.table.EndTime\"),\n        Playback: this.$t(\"message.archive.Playback\"),\n        Type: this.$t(\"message.table.Type\")\n      },\n      icon: 'icon_start',\n      timelink: 0,//滑块\n      max: 0,//滑块最大值\n      value: '',\n      session: this.$store.state.token,\n      endvalue: new Date().getTime(),\n      startvalue: new Date().getTime() - 3600 * 1000 * 1,\n      myModal1: false,\n      region: '1.0',\n      regiondata: [{\n        value: \"0.5\",\n        label: \"0.5\"\n      }, {\n        value: \"1.0\",\n        label: \"1.0\"\n      }, {\n        value: \"2.0\",\n        label: \"2.0\"\n      }, {\n        value: \"4.0\",\n        label: \"4.0\"\n      }, {\n        value: \"8.0\",\n        label: \"8.0\"\n      }, {\n        value: \"16.0\",\n        label: \"16.0\"\n      }],\n      selectdate: [{\n        value: (new Date().getTime() - 3600 * 1000 * 1),\n        label: this.$t(\"message.archive.Onehour\")\n      }, {\n        value: (new Date().getTime() - 3600 * 1000 * 24),\n        label: this.$t(\"message.archive.Oneday\")\n      }, {\n        value: (new Date().getTime() - 3600 * 1000 * 24 * 7),\n        label: this.$t(\"message.archive.Oneweek\")\n      }, {\n        value: (new Date().getTime() - 3600 * 1000 * 24 * 30),\n        label: this.$t(\"message.archive.Onemonth\")\n      }],\n      //分页\n      currentPage: 1, // 当前页码\n      total: 0, // 总条数\n      pageSize: 10,//一页数量\n      search: '',\n      filterText: '',\n      data: listdatag,\n      defaultProps: {\n        children: this.$store.state.root == \"Operator\" ? 'cam' : 'children',\n        label: this.$store.state.root == \"Operator\" ? 'strName' : 'label',\n        token: this.$store.state.root == \"Operator\" ? 'strToken' : \"token\",\n        iconclass: \"iconclass\",\n        online: 'online',\n      },\n      tableData1: [],\n      rowstarf: \"\",//跟进进度条开始时间\n      rowend: \"\",//进度条结束时间\n      displayc: \"\",//实时时间\n      url: \"\",//图片地址\n      refNamePopover: 'popover-', // popover ref名称前缀\n    }\n  },\n  beforeDestroy () {\n    this.handleClose();\n    // this.$root.bus.$off('liveplay');\n  },\n  mounted () {\n    if (this.$store.state.root == \"Operator\") {\n      this.Regional()\n    }\n  },\n  methods: {\n    // 在线离线状态提示\n    StatusPrompt (id, e) {\n      let refName = this.refNamePopover + id;\n      if (this.$refs[refName].showPopper) {\n        this.$refs[refName].doClose();\n        for (let i = 0; i < e.currentTarget.classList.length; i++) {\n          e.currentTarget.classList.remove('StatusPromptColor')\n          e.stopPropagation();\n          return;\n        }\n      } else {\n        this.$refs[refName].doShow();\n        for (let i = 0; i < e.currentTarget.classList.length; i++) {\n          e.currentTarget.classList.add('StatusPromptColor')\n          e.stopPropagation();\n          return;\n        }\n      }\n    },\n    Regional () {\n      var root = this.$store.state.IPPORT;\n      var url = root + \"/api/v1/GetRegion?session=\" + this.$store.state.token;\n      this.$http.get(url).then(result => {\n        console.log(result);\n        var oldarr = result.data.root;\n        var oldarr1 = result.data.src;\n        // console.log(oldarr,oldarr1)\n        var dataroot = this.getchild(oldarr, oldarr1);\n        // this.data1.push(dataroot);\n        console.log(dataroot);\n        this.datapush(dataroot)\n        console.log(this.data1);\n      })\n    },\n    datapush (data) {\n      this.first(data)\n    },\n    first (data) {\n      console.log(data);\n      if (data.node.length != 0) {\n        for (let i = 0; i < data.node.length; i++) {\n          data.cam.push(data.node[i])\n        }\n      }\n      delete data.node\n      for (let i = 0; i < data.cam.length; i++) {\n        console.log(data.cam[i].strName);\n        if (data.cam[i].strName != '设备暂时不可用') {\n          this.secondstage(data.cam[i])\n          this.data = [];\n          this.data.push(data);\n        }\n      }\n    },\n    secondstage (data) {\n      if (data.name) {\n        return\n      }\n      if (data.node.length != 0) {\n        for (let i = 0; i < data.node.length; i++) {\n          data.cam.push(data.node[i])\n        }\n      }\n      delete data.node\n      for (let i = 0; i < data.cam.length; i++) {\n        if (data.cam[i].strName != '设备暂时不可用') {\n          console.log(data.cam[i]);\n          if (data.cam[i].cam) {\n            this.thirdstage(data.cam[i])\n          }\n        }\n      }\n    },\n    thirdstage (data) {\n      if (data.name) {\n        return\n      }\n      if (data.node.length != 0) {\n        for (let i = 0; i < data.node.length; i++) {\n          data.cam.push(data.node[i])\n        }\n      }\n      delete data.node;\n      for (let i = 0; i < data.cam.length; i++) {\n        if (data.cam[i].strName != '设备暂时不可用') {\n          console.log(data.cam[i]);\n          if (data.cam[i].cam) {\n            this.fourthstage(data.cam[i])\n          }\n        }\n      }\n    },\n    fourthstage (data) {\n      if (data.name) {\n        return\n      }\n      if (data.node.length != 0) {\n        for (let i = 0; i < data.node.length; i++) {\n          data.cam.push(data.node[i])\n        }\n      }\n      delete data.node;\n      for (let i = 0; i < data.cam.length; i++) {\n        if (data.cam[i].strName != '设备暂时不可用') {\n          console.log(data.cam[i]);\n          if (data.cam[i].cam) {\n            this.fivestage(data.cam[i])\n          }\n        }\n      }\n    },\n    fivestage (data) {\n      if (data.name) {\n        return\n      }\n      if (data.node.length != 0) {\n        for (let i = 0; i < data.node.length; i++) {\n          if (data.cam[i].strName != '设备暂时不可用') {\n            data.cam.push(data.node[i])\n          }\n        }\n      }\n      delete data.node;\n    },\n    getchild (arr, arr1) {\n      for (var i in arr.cam) {\n        if (!arr.cam[i].strName) {\n          for (var j in arr1) {\n            if (arr.cam[i].strToken == arr1[j].strToken) {\n              var node1 = [{\n                strToken: arr1[j].strToken,\n                streamprofile: \"main\",\n                strName: this.$t('message.live.mainstream'),\n                name: arr1[j].strName + \"--\" + this.$t('message.live.mainstream'),\n                iconclass: 'mdi mdi-playlist-play fa-fw',\n                disabled_me: false\n              }, {\n                strToken: arr1[j].strToken,\n                streamprofile: \"sub\",\n                strName: this.$t('message.live.substream'),\n                name: arr1[j].strName + \"--\" + this.$t('message.live.substream'),\n                iconclass: 'mdi mdi-playlist-play fa-fw',\n                disabled_me: false\n              }]\n              arr.cam[i].node = node1;\n              arr.cam[i].strName = arr1[j].strName;\n              arr.cam[i].name = arr1[j].strName + \"--\" + this.$t('message.live.mainstream')\n              arr.cam[i].bOnline = arr1[j].bOnline;\n              arr.cam[i].iconclass = \"iconfont  icon-shexiangji\"\n              arr.cam[i].disabled_me = false\n              if (!arr1[j].bOnline) {\n                // arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou';\n                arr.cam[i].iconclass = 'iconfont icon-shexiangji el-tree-camera';\n                arr.cam[i].iconclass1 = 'el-tree-camera';\n              }\n\n              if (arr1[j].nConnectType == 'H5_CLOUD')\n                arr.cam[i].iconclass = 'iconfont  icon-shexiangji';\n\n              if (arr1[j].bRec == true)\n                // arr.cam[i].iconclass2  = 'iconfont icon-radioboxfill none';\n                arr.cam[i].iconclass2 = 'none';\n\n              if (arr1[j].bDisable == true) {\n\n                arr.cam[i].node[0].disabled_me = true;\n                arr.cam[i].node[1].disabled_me = true;\n                arr.cam[i].disabled_me = true;\n                // arr.cam[i].iconclass1= 'camera';\n                arr.cam[i].iconclass = 'iconfont icon-jinyong1 el-tree-camera';\n                arr.cam[i].iconclass1 = 'el-tree-camera';\n              }\n              if (arr1[j].bIdle == true) {\n                arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou1 el-tree-camera';\n                arr.cam[i].iconclass1 = 'el-tree-camera';\n              }\n            }\n          }\n        }\n      }\n\n      var camarr = []\n      var camarr1 = []\n      for (var i in arr.cam) {\n        camarr.push(arr.cam[i].strToken)\n      }\n      for (var i in arr1) {\n        camarr1.push(arr1[i].strToken)\n      }\n      let diff = camarr.filter(item => !new Set(camarr1).has(item))\n      // console.log(diff)\n      for (var i in arr.cam) {\n        for (var j in diff) {\n          if (arr.cam[i].strToken == diff[j]) {\n            arr.cam[i].strName = '设备暂时不可用';\n            // arr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou\"\n            arr.cam[i].iconclass = 'iconfont icon-shexiangji el-tree-camera';\n            arr.cam[i].iconclass1 = 'el-tree-camera';\n          }\n        }\n      }\n\n      if (arr.node && arr.node.length > 0) {\n        for (var i = 0; i < arr.node.length; i++) {\n          arr.node[i] = this.getchild(arr.node[i], arr1);\n        }\n      }\n      return arr;\n    },\n    datechange () {\n      console.log(this.value)\n      this.startvalue = this.value\n    },\n    PlaybackCB (event, userdata) {\n      console.log(\"Playback callback \", event, userdata);\n\n      var msgevent = JSON.parse(event);\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        this.displayc = msgevent.pbTime.strTime;\n        var starf = new Date(this.rowstarf).getTime() / 1000;\n        var endd = new Date(msgevent.pbTime.strTime).getTime() / 1000;\n        var staefend = endd - starf;\n        this.timelink = staefend;\n      }\n    },\n    //播放\n    Refresh1 (index, row) {\n      if (this.v1 != undefined) {\n        this.v1.disconnect();\n        delete this.v1;\n        this.v1 = undefined;\n      }\n      console.log(index, row);\n      this.rowstarf = row.starf;\n      this.rowend = row.end;\n      this.url = row.url;\n      this.myModal1 = true\n      var pbconf1 = {\n        begintime: row.starf,\n        endtime: row.end,\n        showposter: 'false', //'true' or 'false' show poster\n        callback: this.PlaybackCB,\n        serverpb: 'true',\n        userdata: this // user data\n      };\n      this.$nextTick(() => {\n        console.log(row.token);\n        let conf = {\n          videoid: \"pbplayarch\",\n          protocol: window.location.protocol, //http: or https:\n          host: this.$store.state.WSROOT, //localhost:8080\n          rootpath: '/', // '/'\n          token: row.token,\n          pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n          hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n          session: this.$store.state.token\n        };\n        var end = new Date(row.end).getTime();\n        var starf = new Date(row.starf).getTime();\n        var starfend = (end - starf) / 1000;//时间差\n        console.log(starfend, conf);\n        // return false\n        this.max = starfend;\n        if (this.$store.state.liveviewrtc1 == 'RTC') {\n          this.v1 = new H5sPlayerRTC(conf);\n        } else {\n          $('#rtcid').removeClass(\"rtc_new\");\n          this.v1 = new H5sPlayerWS(conf);\n        }\n        this.v1.connect();\n        setTimeout(function () {\n          this.v1.start();\n        }.bind(this), 500);\n      })\n    },\n    //开始\n    resume () {\n      var strart = this.icon;\n      console.log(strart);\n      if (strart == \"icon_start\") {\n        console.log(strart);\n        this.icon = \"icon_stop\";\n        this.v1.pause();\n      }\n      if (strart == \"icon_stop\") {\n        console.log(strart);\n        this.icon = \"icon_start\";\n        this.v1.resume();\n      }\n    },\n    //拖\n    timelinndown (err) {\n      console.log('a', err)\n      this.v1.pause();\n    },\n    timelinnup (err) {\n      console.log('a', err)\n      this.v1.resume();\n    },\n    timelinn (timelink) {\n      console.log(timelink);\n      this.v1.seek(timelink);\n      this.icon = \"icon_start\";\n    },\n    //关闭\n    handleClose () {\n      if (this.v1 != undefined) {\n        console.log('关闭')\n        this.timelink = 0\n        this.myModal1 = false\n        this.v1.disconnect();\n        delete this.v1;\n        this.v1 = undefined;\n        $('#pbplayarch').get(0).load();\n      }\n    },\n    //倍速\n    Speed () {\n      console.log(this.region);\n      this.v1.speed(this.region);\n    },\n    // 表格归档 下载 刷新\n\n    //按钮搜索\n    async getCheckedNodes () {\n      this.tableData1 = [];\n      console.log(\"node值\", this.$refs.tree.getCheckedNodes());\n      var nodes = this.$refs.tree.getCheckedNodes();\n      var srartdate = new Date(this.startvalue).toISOString() + \"08:00\";\n      var enddate = new Date(this.endvalue).toISOString() + \"08:00\";\n      // console.log(this.endvalue,this.startvalue,srartdate,enddate)\n      for (var l = 0; l < nodes.length; l++) {\n        if (nodes[l].token || nodes[l].strToken != undefined && nodes[l].token || nodes[l].strToken != \"root\") {\n          // console.log(nodes[l].token,nodes[l].label)\n          var label = nodes[l].label || nodes[l].strName\n          // return false\n          var token = nodes[l].token || nodes[l].strToken;\n          var url = this.$store.state.IPPORT + \"/api/v1/Search?type=record&token=\" + token + \"&start=\" + srartdate + \"&end=\" + enddate + \"&session=\" + this.$store.state.token;\n          console.log(url);\n          //return false;\n          await this.$http.get(url).then(result => {\n            console.log(result);\n            if (result.status == 200) {\n              this.$message('Query successful');\n              var data = result.data;\n              console.log(data, label)\n              for (var i = 0; i < data.record.length; i++) {\n                var item = data.record[i];\n                var urlto = item[\"strPath\"].split(\"/\");\n                var timeitem = {\n                  name: label,\n                  token: item[\"strToken\"],\n                  starf: item[\"strStartTime\"],\n                  end: item[\"strEndTime\"],\n                  type: item['nType'],\n                  percentage: 0,\n                  url: item[\"strPath\"] + \"?session=\" + this.$store.state.token,\n                  urlto: urlto[urlto.length - 1],\n                  strFileName: \"\"\n                };\n\n                console.log(timeitem)\n                // if(item['nType']===\"H5_REC_MANUAL\"){\n                //         timeitem[\"type\"] = this.$t(\"message.archive.ManualRecord\");\n                // }\n                // if(item['nType']===\"H5_REC_ALARM \"){\n                //         timeitem[\"type\"] = this.$t(\"message.archive.AlarmRecord\");\n                // }\n                // if(item['nType']==\"H5_REC_SCHEDULE \"){\n                //         timeitem[\"type\"] = this.$t(\"message.archive.Schedulerecord\");\n                // }else{\n                //     timeitem[\"type\"] = this.$t(\"message.archive.ManualRecord\");\n                // }\n                // console.log(item['nType'],6666666)\n                if (item['nType'] === \"H5_REC_MANUAL\") {\n                  timeitem[\"type\"] = this.$t(\"message.archive.ManualRecord\");\n                }\n                // if(item['nType']===\"H5_REC_ALARM \"){\n                //         timeitem[\"type\"] = this.$t(\"message.archive.AlarmRecord\");\n                // }\n                if (item['nType'] == \"H5_REC_SCHEDULE \") {\n                  timeitem[\"type\"] = this.$t(\"message.archive.Schedulerecord\");\n                } else {\n                  timeitem[\"type\"] = this.$t(\"message.archive.ManualRecord\");\n                  // timeitem[\"type\"] = this.$t(\"message.archive.AlarmRecord\");\n                }\n                // console.log(timeitem);\n                //填充\n                this.tableData1.push(timeitem);\n              }\n              console.log(this.tableData1);\n              this.total = this.tableData1.length;\n            }\n          }).catch(error => {\n            console.log('Snapshot failed!', error);\n            this.$message('Query failed !');\n          });\n        }\n      }\n    },\n    //清空表格\n    tableDatak () {\n      this.tableData1 = [];\n      this.total = 0;\n    },\n    //分页\n    handleSizeChange (val) {\n      console.log(`每页 ${val} 条`);\n      this.currentPage = 1;\n      this.pageSize = val;\n    },\n    handleCurrentChange (val) {\n      console.log(`当前页: ${val}`);\n      this.currentPage = val;\n    },\n    //模糊查询\n    filterNode (value, data) {\n      if (!value) return true;\n      if (this.$store.state.root == \"Operator\") {\n        return data.strName.indexOf(value) !== -1;\n      } else {\n        return data.label.indexOf(value) !== -1;\n      }\n    }\n  },\n  //模糊查询\n  watch: {\n    filterText (val) {\n      this.$refs.tree.filter(val);\n    }\n  }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.playback {\n  display: flex;\n  justify-content: space-between;\n  .playback_snap_zuo {\n    width: 18%;\n    height: 86vh;\n    .snap_zuo_title {\n      width: 100%;\n      padding: 12px 20px;\n      font-size: 16px;\n      font-family: PingFang SC;\n      font-weight: 500;\n      margin-bottom: 10px;\n    }\n    .StatusPromptColor {\n      color: #67cfb5 !important;\n    }\n  }\n  .playback_snap_you {\n    width: 82%;\n    height: 86vh;\n    .snap_you_top {\n      padding: 15px 20px;\n      @extend .g_flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n      .el-input__inner {\n        background: none;\n        padding: 0;\n      }\n      .snap_you_topfast {\n        width: 17%;\n        min-width: 240px;\n        @extend .g_flex;\n        justify-content: space-around;\n        align-items: center;\n      }\n      .snap_you_topdate {\n        width: 45%;\n        min-width: 600px;\n        @extend .g_flex;\n        justify-content: space-around;\n        align-items: center;\n      }\n      .snap_you_topbutt {\n        width: 15%;\n        min-width: 160px;\n        @extend .g_flex;\n        justify-content: space-around;\n        align-items: center;\n        .snap_you_topbutt1 {\n          background: #3abbfe;\n          border: none;\n        }\n      }\n    }\n    .snap_you_bottom {\n      .button_edi button {\n        border: 0;\n        background: none;\n        font-size: 24px;\n        margin-right: 40px;\n        button:last-child {\n          margin-right: 0;\n        }\n      }\n      .snap_you_lable_butt {\n        width: 100%;\n        display: flex;\n        button {\n          background: none;\n          border: none;\n          font-size: 24px;\n        }\n      }\n    }\n  }\n  .dasboard_modal {\n    .el-select.el-select--mini {\n      .el-input__inner {\n        background: none !important;\n      }\n    }\n    .playback_function {\n      display: flex;\n      padding: 0 20%;\n      justify-content: space-around;\n      margin-top: 16px;\n    }\n    .videoo {\n      width: 100%;\n    }\n  }\n}\n\n.icon_start {\n  width: 32px;\n  height: 32px;\n  background: url(\"~@/views/replay/imgs/Playback_start.png\") no-repeat center;\n  background-size: 100%;\n}\n.icon_stop {\n  width: 32px;\n  height: 32px;\n  background: url(\"~@/views/replay/imgs/Playback_stop.png\") no-repeat center;\n  background-size: 100%;\n}\n.g_flex {\n  display: flex;\n}\n.rtc_new {\n  width: 25px;\n  height: 25px;\n  margin: 10px;\n  background: url(\"~@/views/liveview/imgs/liveview_rtc.svg\") no-repeat center;\n  background-size: contain;\n  background-position: center center;\n  position: absolute;\n  top: 0px;\n}\n</style>","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"playback\"},[_c('div',{staticClass:\"playback_snap_zuo\"},[_c('el-input',{staticClass:\"snap_zuo_input\",attrs:{\"placeholder\":\"输入关键字进行过滤\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('div',{staticClass:\"snap_zuo_title\"},[_vm._v(\"设备\")]),_c('el-tree',{ref:\"tree\",attrs:{\"data\":_vm.data,\"show-checkbox\":\"\",\"node-key\":\"id\",\"filter-node-method\":_vm.filterNode,\"highlight-current\":\"\",\"props\":_vm.defaultProps},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{},[_c('i',{class:data.iconclass,staticStyle:{\"font-size\":\"10px\"}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label||data.strName))]),(data.length)?_c('span',{staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.online)+\"/\"+_vm._s(data.length))]):_vm._e(),(data.firstLevel)?_c('el-popover',{ref:_vm.refNamePopover+data.statusID,staticClass:\"Status\",staticStyle:{\"flex\":\"1\",\"text-align\":\"right\",\"height\":\"36px\",\"line-height\":\"36px\"},attrs:{\"placement\":\"bottom-end\",\"trigger\":\"manual\",\"popper-class\":\"popperOptions\"}},[_c('div',{staticClass:\"StatusPrompt\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',{staticStyle:{\"font-size\":\"12px\"}},[_c('span',{staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-shexiangji\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 在线:\"+_vm._s(data.online)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-shexiangji el-tree-camera\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 离线:\"+_vm._s(data.offline)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-jinyong1 el-tree-camera \",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 禁用:\"+_vm._s(data.disable)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-kaiqishexiangtou1 el-tree-camera\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 空闲:\"+_vm._s(data.idle)+\" \")])])])]),_c('el-button',{staticClass:\"iconfont icon-xianshi2 statusBtn\",staticStyle:{\"margin-left\":\"20px\",\"font-size\":\"12px\"},attrs:{\"slot\":\"reference\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.StatusPrompt(data.statusID,$event)}},slot:\"reference\"})],1):_vm._e()],1)}}])})],1),_c('div',{staticClass:\"playback_snap_you\"},[_c('div',{staticClass:\"snap_you_top\"},[_c('div',{staticClass:\"snap_you_topfast\"},[_c('div',{staticClass:\"snap_you_topinterval\"},[_vm._v(\"日期\")]),_c('el-select',{attrs:{\"placeholder\":\"请选择\"},on:{\"change\":_vm.datechange},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},_vm._l((_vm.selectdate),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('div',{staticClass:\"snap_you_topdate\"},[_c('div',{staticClass:\"snap_you_topinterval\"},[_vm._v(\"开始日期\")]),_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.startvalue),callback:function ($$v) {_vm.startvalue=$$v},expression:\"startvalue\"}}),_c('div',{staticClass:\"snap_you_topinterval1\"},[_vm._v(\"-\")]),_c('div',{staticClass:\"snap_you_topinterval\"},[_vm._v(\"结束日期\")]),_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.endvalue),callback:function ($$v) {_vm.endvalue=$$v},expression:\"endvalue\"}})],1),_c('div',{staticClass:\"snap_you_topbutt\"},[_c('el-button',{staticClass:\"snap_you_topbutt1\",on:{\"click\":_vm.getCheckedNodes}},[_vm._v(_vm._s(_vm.$t(\"message.archive.search\")))]),_c('el-button',{staticClass:\"snap_you_topbutt2\",on:{\"click\":_vm.tableDatak}},[_vm._v(_vm._s(_vm.$t(\"message.archive.Clear\")))])],1)]),_c('div',{staticClass:\"snap_you_bottom\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"stripe\":\"\",\"data\":_vm.tableData1.slice((_vm.currentPage-1)*_vm.pageSize,_vm.currentPage*_vm.pageSize)}},[_c('el-table-column',{attrs:{\"prop\":\"token\",\"label\":_vm.label.Token},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',{staticStyle:{\"margin-left\":\"10px\"}},[_vm._v(_vm._s(scope.row.token))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"name\",\"label\":_vm.label.Name},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',[_vm._v(_vm._s(scope.row.name))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"starf\",\"label\":_vm.label.StartTime},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('i',{staticClass:\"el-icon-time\"}),_c('span',[_vm._v(_vm._s(scope.row.starf))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"end\",\"label\":_vm.label.EndTime},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('i',{staticClass:\"el-icon-time\"}),_c('span',[_vm._v(_vm._s(scope.row.end))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"end\",\"label\":_vm.label.Type},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',[_vm._v(_vm._s(scope.row.type))])]}}])}),_c('el-table-column',{attrs:{\"fixed\":\"right\",\"width\":\"310px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"snap_you_lable_butt\"},[_c('a',{attrs:{\"href\":scope.row.url,\"download\":scope.row.urlto}},[_c('button',{staticClass:\"iconfont icon-download\",staticStyle:{\"margin-right\":\"40px\"},attrs:{\"type\":\"button\"}})]),_c('button',{staticClass:\"iconfont icon-play\",attrs:{\"type\":\"button\",\"data-toggle\":\"modal\",\"data-target\":\"#myModal\"},on:{\"click\":function($event){return _vm.Refresh1(scope.$index, scope.row)}}})])]}}])})],1),_c('el-pagination',{staticStyle:{\"text-align\":\"center\"},attrs:{\"layout\":\"prev, pager, next\",\"current-page\":_vm.currentPage,\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)]),_c('el-dialog',{staticClass:\"dasboard_modal\",attrs:{\"before-close\":_vm.handleClose,\"title\":_vm.label.Playback,\"visible\":_vm.myModal1,\"width\":\"30%\"},on:{\"update:visible\":function($event){_vm.myModal1=$event}}},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"message.archive.StartTime\"))+\":\"+_vm._s(_vm.rowstarf))]),_c('span',[_vm._v(_vm._s(_vm.$t(\"message.archive.EndTime\"))+\":\"+_vm._s(_vm.rowend))])]),_c('div',{staticClass:\"text-center\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('video',{staticClass:\"videoo\",attrs:{\"id\":\"pbplayarch\"}}),_c('div',{staticClass:\"rtc_new\",attrs:{\"id\":\"rtcid\"}})]),_c('div',{staticClass:\"block\",on:{\"mousedown\":function($event){return _vm.timelinndown($event)},\"mouseup\":function($event){return _vm.timelinnup($event)}}},[_c('el-slider',{attrs:{\"max\":_vm.max,\"show-tooltip\":false},on:{\"change\":function($event){return _vm.timelinn(_vm.timelink)}},model:{value:(_vm.timelink),callback:function ($$v) {_vm.timelink=$$v},expression:\"timelink\"}})],1),_c('div',{staticClass:\"playback_function\"},[_c('div',{staticClass:\"strart\",class:_vm.icon,on:{\"click\":function($event){return _vm.resume()}}}),_c('el-select',{staticStyle:{\"width\":\"70px\"},attrs:{\"size\":\"mini\"},on:{\"change\":function($event){return _vm.Speed()}},model:{value:(_vm.region),callback:function ($$v) {_vm.region=$$v},expression:\"region\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('span',[_vm._v(_vm._s(_vm.displayc))])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./Playback.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!./Playback.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Playback.vue?vue&type=template&id=88a346ec&scoped=true&\"\nimport script from \"./Playback.vue?vue&type=script&lang=js&\"\nexport * from \"./Playback.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Playback.vue?vue&type=style&index=0&id=88a346ec&prod&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  \"88a346ec\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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=88a346ec&prod&lang=scss&scoped=true&\""],"sourceRoot":""}