|
@@ -10,46 +10,10 @@
|
|
|
<div class="content_cotainer">
|
|
|
<div class="center_chart_cotainer_task" id="taskItem">
|
|
|
<div class="task_detail_cotainer_task" style="width:100%;">
|
|
|
-
|
|
|
-
|
|
|
-<!-- <div v-if="false" class="header_line_style">-->
|
|
|
-<!-- <div class="headerTitle"></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-<!-- <div v-if="false" class="task_name_header">「{{ currentTaskName }}」任务态势大屏</div>-->
|
|
|
-<!-- 任务屏幕-->
|
|
|
-
|
|
|
-<!-- <div class="task_item_header">-->
|
|
|
-<!-- <el-select-->
|
|
|
-<!-- v-model="wholeOutTaskId"-->
|
|
|
-<!-- placeholder="「切换任务」"-->
|
|
|
-<!-- style="width:270px;"-->
|
|
|
-<!-- @change="changeTask"-->
|
|
|
-<!-- filterable-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-option-->
|
|
|
-<!-- v-for="item in taskOPtion"-->
|
|
|
-<!-- :key="item.value"-->
|
|
|
-<!-- :label="item.label"-->
|
|
|
-<!-- :value="item.value"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-option>-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
<div class="task_item_body" >
|
|
|
<el-row class="task_item_body1" >
|
|
|
<el-col :span="24" >
|
|
|
-
|
|
|
- <el-table ref="teacher" :data="pagedData" size="mini"
|
|
|
- @sort-change="pagedData.onSortChange"
|
|
|
- header-cell-class-name="table-header-gray" class="task_item_body_bak" >
|
|
|
-<!-- <el-table ref="teacher" :data="renwuliebiao.data" size="mini"-->
|
|
|
-<!-- @sort-change="renwuliebiao.onSortChange"-->
|
|
|
-<!-- header-cell-class-name="table-header-gray">-->
|
|
|
-
|
|
|
-
|
|
|
-<!-- <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="renwuliebiao.getTableIndex" />-->
|
|
|
+ <el-table ref="teacher" :data="pagedData" size="mini" @sort-change="pagedData.onSortChange" stripe:border="true" header-cell-class-name="table-header-gray" class="task_item_body_bak" >
|
|
|
<el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="getTableIndex" />
|
|
|
<el-table-column label="任务实际开始时间" prop="0" />
|
|
|
<el-table-column label="任务关联ID" prop="1" />
|
|
@@ -65,30 +29,23 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
-
|
|
|
<el-row type="flex" justify="end" style="margin-top: 10px;">
|
|
|
<el-pagination
|
|
|
- :total="renwuliebiao.data.length"
|
|
|
- :current-page="renwuliebiao.currentPage"
|
|
|
- :page-size="renwuliebiao.pageSize"
|
|
|
- :page-sizes="[5,10, 20, 50, 100]"
|
|
|
+ :total="this.renwuliebiao.length"
|
|
|
+ :current-page="this.renwuliebiao.currentPage"
|
|
|
+ :page-size="this.renwuliebiao.pageSize"
|
|
|
+ :page-sizes="[5,10, 15]"
|
|
|
layout="total, prev, pager, next, sizes"
|
|
|
@current-change="onCurrentPageChange"
|
|
|
@size-change="onPageSizeChange">
|
|
|
</el-pagination>
|
|
|
-
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-
|
|
|
<operation-space v-if="showOperationSpace" :flow-instance="currentFlowInstance" @close="onOperationSpaceClose"></operation-space>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</v-scale-screen>
|
|
@@ -108,8 +65,6 @@ import hkv from '../components/hk/hkv.vue'
|
|
|
import hkCamara from '../components/hk/hkCamara.vue'
|
|
|
import {Message} from "element-ui";
|
|
|
|
|
|
-
|
|
|
-
|
|
|
export default {
|
|
|
components:{
|
|
|
myFlylineChartEnhanced,
|
|
@@ -123,9 +78,7 @@ export default {
|
|
|
return {
|
|
|
showOperationSpace: false,
|
|
|
currentFlowInstance: undefined,
|
|
|
- // formAllInstanceWidget: new TableWidget(this.loadAllTaskData, this.loadAllTaskVerify, true, false),
|
|
|
isInit: false,
|
|
|
-
|
|
|
HKCardShow: false,
|
|
|
HKCamaraShow: false,
|
|
|
systemFinshedValue:'',
|
|
@@ -143,16 +96,15 @@ export default {
|
|
|
websocketOrder: null, //建立的连接
|
|
|
websocketBpmn: null, //建立的连接
|
|
|
updatekey:'1',
|
|
|
-
|
|
|
renwuliebiao:{
|
|
|
header: ['1', '2', '3','4', '5', '6','7', '8'],
|
|
|
waitTime:1500,
|
|
|
data: [],
|
|
|
+ length:0,
|
|
|
columnWidth: [80],
|
|
|
oddRowBGC:'#072347',
|
|
|
evenRowBGC:'#021736',
|
|
|
|
|
|
-
|
|
|
actualStartTime:'',
|
|
|
bk:'',
|
|
|
description:'',
|
|
@@ -163,12 +115,10 @@ export default {
|
|
|
taskStage:'',
|
|
|
|
|
|
currentPage:1,
|
|
|
- pageSize:10,
|
|
|
+ pageSize:15,
|
|
|
|
|
|
paged:true,
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
scrollTableConfig:{
|
|
|
header: ['课目名称', '指令名称', '特情注入', '指令内容', '模训系统', '时间'],
|
|
|
waitTime:1500,
|
|
@@ -217,9 +167,14 @@ export default {
|
|
|
pagedData() { // 动态计算当前页的数据
|
|
|
const start = (this.renwuliebiao.currentPage - 1) * this.renwuliebiao.pageSize
|
|
|
const end = start + this.renwuliebiao.pageSize
|
|
|
- // console.log("hhhh1: ",start+"---"+end )
|
|
|
- // console.log("hhhh2: ",this.renwuliebiao.data.slice(start, end) )
|
|
|
- return this.renwuliebiao.data.slice(start, end)
|
|
|
+ console.log("1: ",start+"---"+end)
|
|
|
+ console.log("12: ",this.renwuliebiao.data)
|
|
|
+ if(this.renwuliebiao.data!=null){
|
|
|
+ return this.renwuliebiao.data.slice(start, end)
|
|
|
+ }else{
|
|
|
+ return null
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -229,36 +184,20 @@ export default {
|
|
|
*/
|
|
|
onCurrentPageChange (newCurrentPage) {
|
|
|
|
|
|
- console.log("1: ",newCurrentPage )
|
|
|
- console.log("2: ",this.renwuliebiao.pageSize )
|
|
|
- console.log("3: ",this.oldPage)
|
|
|
-
|
|
|
-
|
|
|
- this.loadTableDataImpl(newCurrentPage, this.renwuliebiao.pageSize).then(() => {//数据加载成功
|
|
|
-
|
|
|
-
|
|
|
+ console.log("h1:",newCurrentPage,this.renwuliebiao.pageSize)
|
|
|
+ this.loadTableDataImpl1(newCurrentPage, this.renwuliebiao.pageSize).then(() => {//数据加载成功
|
|
|
this.renwuliebiao.currentPage = newCurrentPage;
|
|
|
this.oldPage = this.renwuliebiao.currentPage-1
|
|
|
- console.log("4: ",newCurrentPage)
|
|
|
- console.log("5: ",this.renwuliebiao.currentPage)
|
|
|
- console.log("6: ",this.oldPage)
|
|
|
-
|
|
|
-
|
|
|
- if(this.renwuliebiao.data.length <= newCurrentPage*this.renwuliebiao.pageSize ){
|
|
|
+ console.log("h1_1",this.renwuliebiao.data.length,newCurrentPage*this.renwuliebiao.pageSize)
|
|
|
+ if(this.renwuliebiao.data.length <= newCurrentPage*this.renwuliebiao.pageSize){
|
|
|
this.renwuliebiao.paged=true
|
|
|
}else{
|
|
|
this.renwuliebiao.paged=false
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ console.log("h1_2",this.renwuliebiao.paged)
|
|
|
}).catch(() => {//数据加载失败
|
|
|
this.renwuliebiao.currentPage = this.oldPage;
|
|
|
-
|
|
|
-
|
|
|
- console.log("7: ",this.oldPage)
|
|
|
- console.log("8: ",this.renwuliebiao.currentPage)
|
|
|
-
|
|
|
+ console.log("h1_3",this.renwuliebiao.currentPage)
|
|
|
});
|
|
|
},
|
|
|
/**
|
|
@@ -266,17 +205,20 @@ export default {
|
|
|
* @param {Integer} newPageSize 变化后的每页显示数量
|
|
|
*/
|
|
|
onPageSizeChange (newPageSize) {
|
|
|
-
|
|
|
- console.log("hhhh2: ",newPageSize )
|
|
|
-
|
|
|
- this.renwuliebiao.pageSize = newPageSize;
|
|
|
+ console.log("h2:",newPageSize)
|
|
|
this.renwuliebiao.currentPage = 1
|
|
|
- this.loadTableDataImpl(1, newPageSize).then(() => {
|
|
|
+ this.renwuliebiao.pageSize=newPageSize
|
|
|
+ this.loadTableDataImpl1(1, newPageSize).then(() => {
|
|
|
this.oldPage = this.renwuliebiao.currentPage;
|
|
|
this.oldPageSize = this.renwuliebiao.pageSize;
|
|
|
+ console.log("h2_1",this.renwuliebiao.currentPage,this.renwuliebiao.pageSize)
|
|
|
+ console.log("h2_2",this.oldPage,this.oldPageSize)
|
|
|
+
|
|
|
}).catch(e => {
|
|
|
this.renwuliebiao.currentPage = this.oldPage;
|
|
|
this.renwuliebiao.pageSize = this.oldPageSize;
|
|
|
+ console.log("h2_3",this.renwuliebiao.currentPage,this.renwuliebiao.pageSize)
|
|
|
+ console.log("h2_4",this.oldPage,this.oldPageSize)
|
|
|
});
|
|
|
},
|
|
|
/**
|
|
@@ -285,6 +227,7 @@ export default {
|
|
|
* @param {String} order 正序还是倒序
|
|
|
*/
|
|
|
onSortChange ({ prop, order }) {
|
|
|
+ console.log("h3:",prop,order)
|
|
|
this.orderInfo.fieldName = prop;
|
|
|
this.orderInfo.asc = (order === 'ascending');
|
|
|
this.refreshTable();
|
|
@@ -295,25 +238,16 @@ export default {
|
|
|
* @param {Integer} pageSize 每页数量
|
|
|
* @param {Boolean} reload 是否重新获取数据
|
|
|
*/
|
|
|
- loadTableDataImpl (pageNum, pageSize, reload = false) {
|
|
|
+ loadTableDataImpl1 (pageNum, pageSize, reload = false) {
|
|
|
console.log("11: ",pageNum+"---"+pageSize+"---"+reload)
|
|
|
-
|
|
|
- // const start = (pageNum - 1) * this.renwuliebiao.pageSize
|
|
|
- // const end = start + this.renwuliebiao.pageSize
|
|
|
- // // console.log("hhhh1: ",start+"---"+end )
|
|
|
- // // console.log("hhhh2: ",this.renwuliebiao.data.slice(start, end) )
|
|
|
- // return this.renwuliebiao.data.slice(start, end)
|
|
|
-
|
|
|
-
|
|
|
-// 判断是否需要重新加载数据
|
|
|
+ // 判断是否需要重新加载数据
|
|
|
if (reload || !this.renwuliebiao.data || this.renwuliebiao.data.length === 0) {
|
|
|
+ console.log("111:")
|
|
|
// 调用后端接口或其他数据来源获取数据
|
|
|
// 这里省略具体实现
|
|
|
-
|
|
|
// 模拟一个返回结果的 Promise 对象
|
|
|
const mockData = new Promise(resolve => {
|
|
|
const data = [];
|
|
|
-
|
|
|
for (let i = 1; i <= pageSize; i++) {
|
|
|
data.push({
|
|
|
id: pageNum * pageSize + i,
|
|
@@ -321,10 +255,8 @@ export default {
|
|
|
status: Math.floor(Math.random() * 4)
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
resolve(data);
|
|
|
});
|
|
|
-
|
|
|
// 返回 Promise 对象,以便分页组件可以在数据加载完成后进行下一步处理。
|
|
|
return mockData.then(data => {
|
|
|
// 更新任务列表数据
|
|
@@ -332,45 +264,14 @@ export default {
|
|
|
// 返回新的任务列表数据
|
|
|
return this.renwuliebiao.data.slice((pageNum - 1) * pageSize, pageNum * pageSize);
|
|
|
});
|
|
|
- } else {
|
|
|
- // 直接返回已有的任务列表数据
|
|
|
+ } else {// 直接返回已有的任务列表数据
|
|
|
+ console.log("112:")
|
|
|
+ console.log("112_1:",pageNum ,pageSize)
|
|
|
+ console.log("112_2:",this.renwuliebiao.data.slice((pageNum - 1) * pageSize,pageNum * pageSize))
|
|
|
+ console.log("112_2:",Promise.resolve(this.renwuliebiao.data.slice((pageNum - 1) * pageSize,pageNum * pageSize)))
|
|
|
return Promise.resolve(this.renwuliebiao.data.slice((pageNum - 1) * pageSize, pageNum * pageSize));
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- // return new Promise((resolve, reject) => {
|
|
|
- // console.log("12: ",this.loadTableData)
|
|
|
- //
|
|
|
- // if (typeof this.loadTableData !== 'function') {
|
|
|
- // reject();
|
|
|
- // } else {// 如果pageSize和pageNum没有变化,并且不强制刷新
|
|
|
- // console.log("13: ",pageNum+"---"+pageSize+"---"+reload)
|
|
|
- // if (this.paged && !reload && this.oldPage === pageNum && this.oldPageSize === pageSize) {
|
|
|
- // resolve();
|
|
|
- // } else {
|
|
|
- // let params = {};
|
|
|
- // if (this.orderInfo.fieldName != null) params.orderParam = [this.orderInfo];
|
|
|
- // if (this.paged) {
|
|
|
- // params.pageParam = {
|
|
|
- // pageNum,
|
|
|
- // pageSize
|
|
|
- // }
|
|
|
- // }
|
|
|
- // this.loading = true;
|
|
|
- // this.loadTableData(params).then(tableData => {
|
|
|
- // this.dataList = tableData.dataList;
|
|
|
- // this.totalCount = tableData.totalCount;
|
|
|
- // this.loading = false;
|
|
|
- // resolve();
|
|
|
- // }).catch(e => {
|
|
|
- // this.loading = false;
|
|
|
- // reject(e);
|
|
|
- // });
|
|
|
- // }
|
|
|
- // }
|
|
|
- // });
|
|
|
},
|
|
|
-
|
|
|
/**
|
|
|
* 刷新表格数据
|
|
|
* @param {Boolean} research 是否按照新的查询条件重新查询(调用verify函数)
|
|
@@ -382,78 +283,33 @@ export default {
|
|
|
if (typeof this.searchVerify === 'function' && !this.searchVerify()) return;
|
|
|
reload = true;
|
|
|
}
|
|
|
-
|
|
|
if (Number.isInteger(pageNum) && pageNum !== this.renwuliebiao.currentPage) {
|
|
|
- this.loadTableDataImpl(pageNum, this.renwuliebiaopageSize, reload).then(res => {
|
|
|
+ this.loadTableDataImpl1(pageNum, this.renwuliebiaopageSize, reload).then(res => {
|
|
|
this.oldPage = this.renwuliebiao.currentPage = pageNum;
|
|
|
if (research && showMsg) Message.success('查询成功');
|
|
|
}).catch(e => {
|
|
|
this.renwuliebiao.currentPage = this.oldPage;
|
|
|
});
|
|
|
} else {
|
|
|
- this.loadTableDataImpl(this.renwuliebiao.currentPage, this.renwuliebiao.pageSize, true).catch(e => {});
|
|
|
+ this.loadTableDataImpl1(this.renwuliebiao.currentPage, this.renwuliebiao.pageSize, true).catch(e => {});
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
/**
|
|
|
* 获取每一行的index信息
|
|
|
* @param {Integer} index 表格在本页位置
|
|
|
*/
|
|
|
getTableIndex (index) {
|
|
|
-
|
|
|
- // console.log("页码1: "+index)
|
|
|
- // console.log(".....1 "+index)
|
|
|
- // console.log("页码2: "+this.renwuliebiao.paged ? ((this.renwuliebiao.currentPage - 1) * this.renwuliebiao.pageSize + (index + 1)) : (index + 1))
|
|
|
- // console.log(".....2 "+this.renwuliebiao.paged)
|
|
|
let a
|
|
|
- // let a=this.renwuliebiao.paged ? ((this.renwuliebiao.currentPage - 1) * this.renwuliebiao.pageSize + (index + 1)) : (index + 1);
|
|
|
- // console.log(".....a "+a)
|
|
|
- // return this.renwuliebiao.paged ? ((this.renwuliebiao.currentPage - 1) * this.renwuliebiao.pageSize + (index + 1)) : (index + 1);
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- console.log("参数: "+this.renwuliebiao.paged+" "+this.renwuliebiao.pageSize+" "+index)
|
|
|
- // if(this.renwuliebiao.paged){
|
|
|
- // console.log("a1")
|
|
|
- // a=((this.renwuliebiao.currentPage - 1) * this.renwuliebiao.pageSize + (index + 1))
|
|
|
- // }else{
|
|
|
- // console.log("a2")
|
|
|
- // a=(index + 1)
|
|
|
- // }
|
|
|
a=((this.renwuliebiao.currentPage - 1) * this.renwuliebiao.pageSize + (index + 1))
|
|
|
- console.log(".....a "+a)
|
|
|
return a;
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
onTiaozhuan (a) {
|
|
|
-
|
|
|
-
|
|
|
- console.log("111",a[5])
|
|
|
- // this.$router.push({name: 'testParams',params: {testParams:'testParams'}});
|
|
|
- // location.reload()
|
|
|
this.$router.push({
|
|
|
path:"/taskScreen",
|
|
|
query:{
|
|
|
key1:a[5],
|
|
|
- key2:a[6],
|
|
|
}
|
|
|
});
|
|
|
- // location.reload()
|
|
|
},
|
|
|
refreshFormAllInstance (reloadData = false) {
|
|
|
if (reloadData) {
|
|
@@ -461,28 +317,22 @@ export default {
|
|
|
} else {
|
|
|
this.renwuliebiao.refreshTable();
|
|
|
}
|
|
|
- if (!this.isInit) {
|
|
|
- // 初始化下拉数据
|
|
|
+ if (!this.isInit) {// 初始化下拉数据
|
|
|
}
|
|
|
this.isInit = true;
|
|
|
},
|
|
|
-
|
|
|
onOperationSpaceClose () {
|
|
|
this.showOperationSpace = false;
|
|
|
this.currentFlowInstance = null;
|
|
|
this.refreshFormAllInstance()
|
|
|
},
|
|
|
-
|
|
|
HKCardInit(){
|
|
|
this.HKCardShow = true;
|
|
|
},
|
|
|
jumpToHistory() {
|
|
|
// this.$refs.hk.$destroy();
|
|
|
// this.HKshow = false;
|
|
|
-
|
|
|
this.$router.push("/situationScreen")
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
// 表格样式修改
|
|
|
changeHeaderCellStyle(row,column, rowIndex, columnIndex){
|
|
@@ -499,9 +349,6 @@ export default {
|
|
|
return 'background: #0A427C ; color:#fff;';
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
// 获取全部系统
|
|
|
async getAllSystems(){
|
|
|
let params={}
|
|
@@ -520,9 +367,6 @@ export default {
|
|
|
this.$message.error(errorMessage)
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
// 获取全部单位
|
|
|
async getAllUnits (){
|
|
|
let params={}
|
|
@@ -545,7 +389,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
-
|
|
|
/**
|
|
|
* 获取所有任务实例
|
|
|
*/
|
|
@@ -576,7 +419,6 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
|
|
|
-
|
|
|
// 获取任务列表
|
|
|
async getTaskList() {
|
|
|
let params = {};
|
|
@@ -589,32 +431,10 @@ export default {
|
|
|
this.renwuList=data
|
|
|
let tempData=[]
|
|
|
data.forEach((item)=>{
|
|
|
- console.log("1: ", item);
|
|
|
-
|
|
|
-
|
|
|
tempData.push([item.actualStartTime, item.bk, item.description,item.status,item.taskCode,item.taskId ,item.taskName, item.taskStage])
|
|
|
})
|
|
|
this.renwuliebiao.data=tempData
|
|
|
-
|
|
|
- //
|
|
|
- // this.instructList=data
|
|
|
- // let tempData=[]
|
|
|
- // data.forEach((item)=>{
|
|
|
- // tempData.push([item.subjectName, item.name, item.situation, item.content, item.system,item.time])
|
|
|
- // })
|
|
|
- // this.scrollTableConfig.data=tempData
|
|
|
- // console.log("🚀 data >> ", this.scrollTableConfig.data);
|
|
|
- // this.updatekey=new Date().getTime()
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ this.renwuliebiao.length=this.renwuliebiao.data.length
|
|
|
this.taskList = data;
|
|
|
this.wholeOutTaskId = data[0].taskId;
|
|
|
this.processInstanceId = this.wholeOutTaskId;
|
|
@@ -625,7 +445,6 @@ export default {
|
|
|
};
|
|
|
});
|
|
|
|
|
|
-
|
|
|
let param = {taskId: this.processInstanceId};
|
|
|
const res1 = await request("/dt_screen/rest/v2/task/getDefId/", "post", param, false);
|
|
|
this.processDefinitionId = res1.data;
|
|
@@ -956,30 +775,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- // 初始化视频
|
|
|
- initVideo(nowPlayVideoUrl,id) {
|
|
|
- let that =this
|
|
|
|
|
|
- // 这些options属性也可直接设置在video标签上,见 muted
|
|
|
- let options = {
|
|
|
- autoplay: true, // 设置自动播放
|
|
|
- controls: true, // 显示播放的控件
|
|
|
- sources: [
|
|
|
- // 注意,如果是以option方式设置的src,是不能实现 换台的 (即使监听了nowPlayVideoUrl也没实现)
|
|
|
- {
|
|
|
- src: nowPlayVideoUrl,
|
|
|
- type: "application/x-mpegURL" // 告诉videojs,这是一个hls流
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
- // videojs的第一个参数表示的是,文档中video的id
|
|
|
- const myPlyer= Videojs(id, options, function onPlayerReady() {
|
|
|
- console.log("onPlayerReady 中的this指的是:", this); // 这里的this是指Player,是由Videojs创建出来的实例
|
|
|
- console.log(myPlyer === this); // 这里返回的是true
|
|
|
- });
|
|
|
- this.playerList.push(myPlyer)
|
|
|
-
|
|
|
- },
|
|
|
|
|
|
async initUrl(subjectName) {
|
|
|
if (subjectName == '')
|
|
@@ -1077,45 +873,13 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
// 获取全部单位
|
|
|
this.getAllUnits();
|
|
|
// 获取全部系统
|
|
|
this.getAllSystems();
|
|
|
// 建立任务的weksocket链接
|
|
|
this.initWebsoket();
|
|
|
- // setTimeout(() => {
|
|
|
- // this.initUrl('步坦协同课目');
|
|
|
- // }, 1000);
|
|
|
- // setTimeout(() => {
|
|
|
-
|
|
|
- // console.log('this.camaraSrc :>> ', this.camaraSrc);
|
|
|
- // for(let index = 0; index < this.camaraSrc.length;index++)
|
|
|
- // {
|
|
|
- // this.camaraData.push(this.resolveUrl(this.camaraSrc[index]))
|
|
|
- // }
|
|
|
-
|
|
|
- // console.log('this.camaraData :>> ', this.camaraData);
|
|
|
-
|
|
|
- // }, 1000);
|
|
|
-
|
|
|
- // setTimeout(() => {
|
|
|
-
|
|
|
- // this.HKshow = true;
|
|
|
-
|
|
|
- // }, 800);
|
|
|
|
|
|
- // this.currentSubject = "步坦协同课目";
|
|
|
- //
|
|
|
- // // // 过14秒调用
|
|
|
- // setTimeout(() => {
|
|
|
- // for (let index = 0; index < this.camaraSrc.length; index++) {
|
|
|
- // console.log('object :>> ',this.camaraSrc[index]);
|
|
|
- // this.initVideo(this.camaraSrc[index], this.videoList[index]);
|
|
|
- // }
|
|
|
- // }, 5000);
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
this.HKshow = false;
|