chengdandan
/
TransFlow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

20230323

This commit is contained in:
chengdandan 2023-03-23 09:43:14 +08:00
parent e98c8b7e82
commit 509769faae
6 changed files with 176 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/chart/avgChart.vue
View File

@ -42,6 +42,7 @@ export default {
},
methods: {
drawBar(arr) {
console.log("均值图",arr)
let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart);
if (myChart == null) {
myChart = this.$echarts.init(this.$refs.barChart);

1
src/components/target/typeChart.vue
View File

@ -170,7 +170,6 @@ export default {
},
// 计算类型的数值
getNewQueue(val) {
console.log("val",val)
this.newDataArr = val
if (val[0].n_queue) {
this.newDataArr[0].n_queue = val[0].n_queue;

217
src/views/bounced/dataBoard.vue
View File

@ -250,7 +250,7 @@ export default {
// 数据改变重新渲染饼图
refItem.$refs.pieChartRef.drawPie(refItem.dataArr[0])
}
if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef != undefined) {
if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef!=undefined) {
refItem.$refs.avgChartRef.drawBar(refItem.dataArr[0])
}
if (refItem.componentName.includes('OD') && refItem.$refs.ODChartRef != undefined && refItem.dataArr[0].ob_data.length != 0) {
@ -541,14 +541,14 @@ export default {
}
// item.time = item.time.split('.')[0];
// if(this.$route.query.type=='离线视频'){
// var timeNew = item.time.split('.')[0]
// var dateLength = timeNew.length;
// var key = timeNew.substring(dateLength-8,dateLength);
// item.time = key;
// }else{
// item.time = item.time.split('.')[0];
// }
if(this.$route.query.type=='离线视频'){
var timeNew = item.time.split('.')[0]
var dateLength = timeNew.length;
var key = timeNew.substring(dateLength-8,dateLength);
item.time = key;
}else{
item.time = item.time.split('.')[0];
}
if (item.type_data != null) {
// 周期时刻的类型数据
thatN.typeCycleTimeData = item;
@ -578,7 +578,7 @@ export default {
// 数据改变重新渲染饼图
itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
}
if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {
if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef!=undefined) {
itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
}
if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
@ -593,60 +593,61 @@ export default {
}
});
});
} else {
var _thatN = this
_thatN.classify.forEach((ele, index) => {
}
// else {
// var _thatN = this
// _thatN.classify.forEach((ele, index) => {
// newVal.forEach(item => {
if (ele.timeMode == '周期时刻') {
if (ele.cycleTimeData.length == 10) {
ele.cycleTimeData.pop();
}
// item.time = item.time.split('.')[0];
// if (item.type_data != null) {
// // 周期时刻的类型数据
// _thatN.typeCycleTimeData = item;
// }
// ele.cycleTimeData.unshift(item);
// _thatN.$nextTick(() => {
if (_thatN.$refs.typeChartRef1 != undefined) {
// console.log("thatN.$refs.typeChartRef1",_thatN.$refs.typeChartRef1)
// 轮循周期时刻生成的各类组件
for (let i = 0; i < _thatN.$refs.typeChartRef1.length; i++) {
let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]
if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {
// // newVal.forEach(item => {
// if (ele.timeMode == '周期时刻') {
// if (ele.cycleTimeData.length == 10) {
// ele.cycleTimeData.pop();
// }
// // item.time = item.time.split('.')[0];
// // if (item.type_data != null) {
// // // 周期时刻的类型数据
// // _thatN.typeCycleTimeData = item;
// // }
// // ele.cycleTimeData.unshift(item);
// // _thatN.$nextTick(() => {
// if (_thatN.$refs.typeChartRef1 != undefined) {
// // console.log("thatN.$refs.typeChartRef1",_thatN.$refs.typeChartRef1)
// // 轮循周期时刻生成的各类组件
// for (let i = 0; i < _thatN.$refs.typeChartRef1.length; i++) {
// let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]
// if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {
if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
_thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(_thatN.$refs.typeChartRef1[i].dataArr, _thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻')
}
if (itemTypeChartRef1.echartArr.includes('数值')) {
_thatN.$refs.typeChartRef1[i].getDataArr(_thatN.$refs.typeChartRef1[i].dataArr)
}
// if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
// _thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(_thatN.$refs.typeChartRef1[i].dataArr, _thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻')
// }
// if (itemTypeChartRef1.echartArr.includes('数值')) {
// _thatN.$refs.typeChartRef1[i].getDataArr(_thatN.$refs.typeChartRef1[i].dataArr)
// }
if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {
// 数据改变重新渲染柱状图
itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])
}
if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {
// 数据改变重新渲染饼图
itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
}
if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {
itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
}
if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData)
}
// if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {
// // 数据改变重新渲染柱状图
// itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])
// }
// if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {
// // 数据改变重新渲染饼图
// itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
// }
// if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef.drawBar) {
// itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
// }
// if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
// itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData)
// }
}
}
// }
// }
// });
}
}
// });
});
}
// // });
// }
// }
// // });
// });
// }
},
immediate: true
},
@ -696,11 +697,7 @@ export default {
// 数据改变重新渲染饼图
itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
}
// if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {
// item.$refs.avgChartRef.drawBar(item.dataArr[0])
// }
if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {
if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef!=undefined) {
itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0])
}
}
@ -713,58 +710,58 @@ export default {
});
});
}
else {
// else {
var _that = this
_that.classify.forEach(ele => {
if (ele.timeMode == '周期统计') {
if (ele.cycleStatisticsData.length == 10) {
ele.cycleStatisticsData.pop();
}
// item.time = item.time.split('.')[0];
// if (item.type_data != null) {
// _that.typeCycleStatistics = item;
// }
// ele.cycleStatisticsData.unshift(item);
if (_that.$refs.typeChartRef2 != undefined) {
for (let i = 0; i < _that.$refs.typeChartRef2.length; i++) {
let itemTypeChartRef2 = _that.$refs.typeChartRef2[i];
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {
// this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])
if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
_that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_that.$refs.typeChartRef2[i].dataArr, _that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计')
}
if (itemTypeChartRef2.echartArr.includes('数值')) {
_that.$refs.typeChartRef2[i].getDataArr(_that.$refs.typeChartRef2[i].dataArr)
}
// console.log(item,'组件数据');
if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {
// 数据改变重新渲染柱状图
// console.log(item, '组件');
itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])
}
if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {
// 数据改变重新渲染饼图
itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
}
// var _that = this
// _that.classify.forEach(ele => {
// if (ele.timeMode == '周期统计') {
// if (ele.cycleStatisticsData.length == 10) {
// ele.cycleStatisticsData.pop();
// }
// // item.time = item.time.split('.')[0];
// // if (item.type_data != null) {
// // _that.typeCycleStatistics = item;
// // }
// // ele.cycleStatisticsData.unshift(item);
// if (_that.$refs.typeChartRef2 != undefined) {
// for (let i = 0; i < _that.$refs.typeChartRef2.length; i++) {
// let itemTypeChartRef2 = _that.$refs.typeChartRef2[i];
// // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
// if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {
// // this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])
// if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
// _that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_that.$refs.typeChartRef2[i].dataArr, _that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计')
// }
// if (itemTypeChartRef2.echartArr.includes('数值')) {
// _that.$refs.typeChartRef2[i].getDataArr(_that.$refs.typeChartRef2[i].dataArr)
// }
// // console.log(item,'组件数据');
// if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {
// // 数据改变重新渲染柱状图
// // console.log(item, '组件');
// itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])
// }
// if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {
// // 数据改变重新渲染饼图
// itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
// }
// if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {
// item.$refs.avgChartRef.drawBar(item.dataArr[0])
// }
if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {
itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0])
}
}
// // if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {
// // item.$refs.avgChartRef.drawBar(item.dataArr[0])
// // }
// if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {
// itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0])
// }
// }
}
// }
}
}
// }
// }
});
}
// });
// }
},
immediate: true
},

41
src/views/general/AboutMachine.vue
View File

@ -42,6 +42,31 @@
<el-col :span="12">
<el-button type="primary" @click="handleagain()" size="small">重新启动</el-button>
</el-col>
</el-form-item>
<el-form-item label="分别重启：">
<el-col :span="3">
<el-select v-model="value1" multiple placeholder="请选择">
<el-option
v-for="item in optionsruan"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-col>
<el-col :span="4">
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple
:limit="3" :on-exceed="handleExceed" :file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-col>
</el-form-item>
<p>更正软件</p>
<el-form-item label="更新软件版本：">
<el-col :span="12">
<el-button type="primary" @click="handleagain()" size="small">重新启动</el-button>
</el-col>
</el-form-item>
<p>全局设置</p>
<el-form-item label="视频接入上限：">
@ -100,7 +125,21 @@ export default {
value: '4',
label: '4'
}
]
],
optionsruan: [{
value: '选项1',
label: '软件1'
}, {
value: '选项2',
label: '软件2'
}, {
value: '选项3',
label: '软件3'
}, {
value: '选项4',
label: '软件4'
}],
value1: [],
};
},
mounted() {

34
src/views/general/network.vue
View File

@ -268,38 +268,32 @@ export default {
// value.split("/")[0]
let valdata = value.split('/')[0];
let valdata2 = value.split('/')[1];
console.log("valdata",valdata)
console.log("valdata2",valdata2)
let valdata3 = value.split('/')[2];
let isCorrect = true;
if (valdata.length) {
for (let i = 0; i < valdata.length; i++) {
const re = /^[0-9]*[1-9][0-9]*$/;
const rsCheck = re.test(value);
// if (regexp.test(valdata[i]) == false&&!Number(valdata2)&&(valdata2 < 1 || valdata2 > 32)&&valdata3&&!rsCheck) {
if (regexp.test(valdata[i]) == false) {
isCorrect = false;
callback(new Error('请输入正确的IP地址'));
if(valdata3){
isCorrect = false;
callback(new Error('请输入正确的IP地址'));
}else{
if (regexp.test(valdata) == false) {
isCorrect = false;
callback(new Error('请输入正确的IP地址'));
}else{
if (!Number(valdata2)) {
if (!Number(valdata2)) {
// callback(new Error('请输入整数，值为[1,32]'));
isCorrect = false;
callback(new Error('请输入正确的IP地址'));
} else {
if (valdata2 < 1 || valdata2 > 32) {
const re = /^[0-9]*[1-9][0-9]*$/;
const rsCheck = re.test(valdata2);
if (valdata2 < 1 || valdata2 > 32|| !rsCheck) {
callback(new Error('请输入整数，值为[1,32]'));
isCorrect = false;
}
if(valdata3){
isCorrect = false;
callback(new Error('请输入正确的IP地址'));
}
}
}
}
}
}
}

25
src/views/logs.vue
View File

@ -24,18 +24,21 @@
<!-- <el-table-column align="center" prop="notificationType" label="通知类型" width="180"></el-table-column> -->
<el-table-column align="center" prop="logDate" label="日期" width="180"></el-table-column>
<!-- <el-table-column show-overflow-tooltip align="center" prop="content" label="内容"></el-table-column> -->
<el-table-column show-overflow-tooltip align="center" label="下载">
<el-table-column show-overflow-tooltip align="center" label="下载" >
<template slot-scope="scope">
<div class="downBox" v-if="scope.row.content.includes(',')">
<span @click="downloadFile(scope.row.path.split(',')[0])">
{{ scope.row.content.split(',')[0] }}
</span>
<span @click="downloadFile(scope.row.path.split(',')[1])">
{{ scope.row.content.split(',')[1] }}
</span>
<div class="downBox" v-if="scope.row.content.includes(',')" >
<el-tag
v-for="(item, index) in scope.row.content.split(',')" :key="index"
style="margin-left:10px"
:type="scope.row.content.split(',')[0] === '计算' ? 'primary' : 'success'"
@click="downloadFile(scope.row.path.split(',')[index])"
disable-transitions>{{item}}</el-tag>
</div>
<div class="downBox" v-else>
<span @click="downloadFile(scope.row.path)">{{ scope.row.content }}</span>
<el-tag
@click="downloadFile(scope.row.path)"
disable-transitions>{{scope.row.content}}</el-tag>
</div>
</template>
</el-table-column>
@ -47,10 +50,10 @@
</el-table-column> -->
</el-table>
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
<!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="pageSize"
layout="sizes, total,prev, pager, next" :total="totalNumber" style="padding-top: 10px;">
</el-pagination>
</el-pagination> -->
<el-dialog :title="concetData.notificationType" :visible.sync="dialogVisible" width="30%"
@close="notificClosed">