Web/hb_pqs_web
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改现场问题

Browse Source
This commit is contained in:
guanj
2026-05-21 09:37:58 +08:00
parent 39093641d8
commit 54f336ab45
30 changed files with 52075 additions and 31145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20941
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

11
src/App.vue
View File

@@ -52,7 +52,7 @@ export default {
} }
}, 10000) }, 10000)
}, },
mounted() { async mounted() {
// 处理笔记本系统默认系统比例为150%带来的布局影响 // 处理笔记本系统默认系统比例为150%带来的布局影响
if (process.env.VUE_APP_ZOOM) { if (process.env.VUE_APP_ZOOM) {
const m = this.detectZoom() const m = this.detectZoom()
@@ -65,7 +65,7 @@ export default {
window.sessionStorage.setItem('appheight', this.appheight) window.sessionStorage.setItem('appheight', this.appheight)
if (process.env.VUE_APP_MODE === 'jbqr') { if (process.env.VUE_APP_MODE === 'jbqr') {
window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10) window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10)
}else if(process.env.VUE_APP_MODE === 'cgyqr'){ } else if (process.env.VUE_APP_MODE === 'cgyqr') {
window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10) window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10)
} }
}, 100) }, 100)
@@ -82,7 +82,7 @@ export default {
window.sessionStorage.setItem('appheight', this.appheight) window.sessionStorage.setItem('appheight', this.appheight)
if (process.env.VUE_APP_MODE === 'jbqr') { if (process.env.VUE_APP_MODE === 'jbqr') {
window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10) window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10)
}else if(process.env.VUE_APP_MODE === 'cgyqr'){ } else if (process.env.VUE_APP_MODE === 'cgyqr') {
window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10) window.sessionStorage.setItem('appheight', document.body.offsetHeight - 10)
} }
// }, 100) // }, 100)
@@ -90,6 +90,11 @@ export default {
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
window.addEventListener('unload', e => this.unloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e))
window.addEventListener('resize', this.handleResizeEcharts) window.addEventListener('resize', this.handleResizeEcharts)
let response = await fetch('/')
let MqttUrl = response.headers.get('X-Mqtt-Url')
console.log("🚀 ~ mounted ~ MqttUrl:", MqttUrl)
localStorage.setItem('MqttUrl', MqttUrl)
}, },
// destroyed() { // destroyed() {
// window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e)) // window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))

4
src/styles/element-ui.scss
View File

@@ -163,9 +163,9 @@
overflow-y: auto; overflow-y: auto;
} }
.el-dialog__header { .el-dialog__header {
height: 36px; height: 55px;
padding: 0 20px; padding: 0 20px;
line-height: 36px; line-height: 55px;
background: $themeColor; background: $themeColor;
.el-dialog__title { .el-dialog__title {
font-size: 16px; font-size: 16px;

4
src/styles/element-uiforth.scss
View File

@@ -154,9 +154,9 @@
overflow-y: auto; overflow-y: auto;
} }
.el-dialog__header { .el-dialog__header {
height: 36px; height: 55px;
padding: 0 20px; padding: 0 20px;
line-height: 36px; line-height: 55px;
background: $themeColor; background: $themeColor;
.el-dialog__title { .el-dialog__title {
font-size: 16px; font-size: 16px;

4
src/styles/element-uione.scss
View File

@@ -970,9 +970,9 @@
} }
.el-dialog .el-dialog__header { .el-dialog .el-dialog__header {
height: 36px; height: 55px;
padding: 0 10px !important; padding: 0 10px !important;
line-height: 36px; line-height: 55px;
background: #034e4b !important; background: #034e4b !important;
} }

8
src/styles/element-uithree.scss
View File

@@ -916,9 +916,9 @@
} }
.el-dialog .el-dialog__header { .el-dialog .el-dialog__header {
height: 36px; height: 55px;
padding: 0 10px !important; padding: 0 10px !important;
line-height: 36px; line-height: 55px;
} }
.el-dialog .el-dialog__header .el-dialog__headerbtn { .el-dialog .el-dialog__header .el-dialog__headerbtn {
@@ -1130,9 +1130,9 @@
overflow-y: auto; overflow-y: auto;
} }
.el-dialog__header { .el-dialog__header {
height: 36px; height: 55px;
padding: 0 20px; padding: 0 20px;
line-height: 36px; line-height: 55px;
background: $themeColor; background: $themeColor;
.el-dialog__title { .el-dialog__title {
font-size: 16px; font-size: 16px;

8
src/styles/element-uitwo.scss
View File

@@ -896,9 +896,9 @@
} }
.el-dialog .el-dialog__header { .el-dialog .el-dialog__header {
height: 36px; height: 55px;
padding: 0 10px !important; padding: 0 10px !important;
line-height: 36px; line-height: 55px;
background: #044267 !important; background: #044267 !important;
} }
@@ -1100,9 +1100,9 @@
overflow-y: auto; overflow-y: auto;
} }
.el-dialog__header { .el-dialog__header {
height: 36px; height: 55px;
padding: 0 20px; padding: 0 20px;
line-height: 36px; line-height: 55px;
background: $themeColor; background: $themeColor;
.el-dialog__title { .el-dialog__title {
font-size: 16px; font-size: 16px;

2
src/views/BusinessAdministrator/setup/userLoginInformation.vue
View File

@@ -25,7 +25,7 @@
:height="vh + 'px'" :height="vh + 'px'"
> >
<el-table-column prop="userName" label="登录用户" align="center"></el-table-column> <el-table-column prop="userName" label="登录用户" align="center"></el-table-column>
<el-table-column prop="ip" label="登录ip" align="center"></el-table-column> <el-table-column prop="ip" label="登录IP" align="center"></el-table-column>
<el-table-column prop="time" label="登录时间" align="center"></el-table-column> <el-table-column prop="time" label="登录时间" align="center"></el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination

2
src/views/Distributionnetwork-analysis/components/historicalTrendChart/StandingBook.vue
View File

@@ -25,7 +25,7 @@
查询 查询
</el-button> </el-button>
<el-button type="primary" icon="el-icon-download">导出历史数据</el-button> <!-- <el-button type="primary" icon="el-icon-download">导出历史数据</el-button> -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>

7
src/views/Statistical-analysis/statisticalReport/components/reportForm.vue
View File

@@ -164,9 +164,10 @@ export default {
mounted() { mounted() {
this.deptId = JSON.parse(window.sessionStorage.getItem('Info')).deptId this.deptId = JSON.parse(window.sessionStorage.getItem('Info')).deptId
this.zoom = 1 / document.body.style.zoom this.zoom = 1 / document.body.style.zoom
this.setHeight()
window.addEventListener('resize', this.setHeight)
this.$nextTick(() => { this.$nextTick(() => {
this.setHeight()
window.addEventListener('resize', this.setHeight)
this.getTemplateLists() this.getTemplateLists()
}) })
}, },
@@ -177,7 +178,7 @@ export default {
setHeight() { setHeight() {
this.zoom = 1 / document.body.style.zoom this.zoom = 1 / document.body.style.zoom
this.vh = window.sessionStorage.getItem('appheight') this.vh = window.sessionStorage.getItem('appheight')
this.vw = document.getElementById('app-main-in').offsetWidth this.vw = document.getElementById('app-main-in')?.offsetWidth
}, },
async getTemplateLists() { async getTemplateLists() {
await getTemplateByDept({ id: this.deptId }).then(res => { await getTemplateByDept({ id: this.deptId }).then(res => {

4
src/views/Statistical-analysis/statisticalReport/steadyState.vue
View File

@@ -24,8 +24,8 @@
</template> </template>
<script> <script>
import SteadyStateReport from "./components/SteadyStateReport.vue"; import SteadyStateReport from "./components/SteadyStateReport.vue";
import reportForm from "./components/reportForm"; import reportForm from "./components/reportForm.vue";
import StandingBook from "./components/StandingBook"; import StandingBook from "./components/StandingBook.vue";
export default { export default {
components: { SteadyStateReport, reportForm, StandingBook }, components: { SteadyStateReport, reportForm, StandingBook },
props: {}, props: {},

77
src/views/Statistical-analysis/steadyStateIndicators/components/TrendChart.vue
View File

@@ -5,52 +5,30 @@
</el-button> </el-button>
<el-form :inline="true" :model="formData" class="demo-form-inline"> <el-form :inline="true" :model="formData" class="demo-form-inline">
<el-form-item label="指标:"> <el-form-item label="指标:">
<el-select <el-select v-model="condition" multiple collapse-tags :multiple-limit="limit" filterable
v-model="condition" placeholder="请选择指标">
multiple
collapse-tags
:multiple-limit="limit"
filterable
placeholder="请选择指标"
>
<el-option-group v-for="group in options" :key="group.label" :label="group.label"> <el-option-group v-for="group in options" :key="group.label" :label="group.label">
<el-option <el-option v-for="item in group.options" :key="item.value" :label="item.label"
v-for="item in group.options" :value="item.value"></el-option>
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-option-group> </el-option-group>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="类型:"> <el-form-item label="类型:">
<el-select style="width: 150px" v-model="formData.valueType" placeholder="请选择类型"> <el-select style="width: 150px" v-model="formData.valueType" placeholder="请选择类型">
<el-option <el-option v-for="item in typeoptions" :key="item.value" :label="item.label"
v-for="item in typeoptions" :value="item.value"></el-option>
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="谐波:" v-show="xb"> <el-form-item label="谐波:" v-show="xb">
<el-select style="width: 120px" v-model="formData.harmonic" placeholder="请选择谐波"> <el-select style="width: 120px" v-model="formData.harmonic" placeholder="请选择谐波">
<el-option <el-option v-for="item in harmonicoptions" :key="item.value" :label="item.label"
v-for="item in harmonicoptions" :value="item.value"></el-option>
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-show="jxb" label="间谐波:"> <el-form-item v-show="jxb" label="间谐波:">
<el-select style="width: 120px" v-model="formData.inHarmonic" placeholder="请选择间谐波"> <el-select style="width: 120px" v-model="formData.inHarmonic" placeholder="请选择间谐波">
<el-option <el-option v-for="item in inharmonicoptions" :key="item.value" :label="item.label"
v-for="item in inharmonicoptions" :value="item.value"></el-option>
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@@ -63,19 +41,10 @@
<timeindex :interval="interval"></timeindex> <timeindex :interval="interval"></timeindex>
</el-form-item> --> </el-form-item> -->
</el-form> </el-form>
<el-row <el-row ref="tubiao" v-loading="loading" id="tubiao" :gutter="10"
ref="tubiao" :style="'overflow:scroll;height:' + rowvh + ';cursor:pointer;scrollbar-arrow-color:#302D30;'">
v-loading="loading" <el-col :span="24" v-for="(item, index) in list" :key="index"
id="tubiao" :style="index > 0 ? 'margin-top: 10px;height:' + vhh : 'margin-top: 0px;height:' + vhh">
:gutter="10"
:style="'overflow:scroll;height:' + rowvh + ';cursor:pointer;scrollbar-arrow-color:#302D30;'"
>
<el-col
:span="24"
v-for="(item, index) in list"
:key="index"
:style="index > 0 ? 'margin-top: 10px;height:' + vhh : 'margin-top: 0px;height:' + vhh"
>
<div ref="kk" :id="item.id" :style="`height:${vh};cursor:pointer;;`"></div> <div ref="kk" :id="item.id" :style="`height:${vh};cursor:pointer;;`"></div>
</el-col> </el-col>
</el-row> </el-row>
@@ -103,7 +72,7 @@ export default {
zoom: '', zoom: '',
loading: false, loading: false,
url: require('@/assets/point.png'), url: require('@/assets/point.png'),
timeOptions:[ timeOptions: [
{ label: "年份", value: 1 }, { label: "年份", value: 1 },
{ label: "季度", value: 2 }, { label: "季度", value: 2 },
{ label: "月份", value: 3 }, { label: "月份", value: 3 },
@@ -471,7 +440,7 @@ export default {
} }
} }
}, },
created() {}, created() { },
mounted() { mounted() {
this.queryData() this.queryData()
this.zoom = 1 / document.body.style.zoom this.zoom = 1 / document.body.style.zoom
@@ -1816,8 +1785,18 @@ export default {
document.mozCancelFullScreen() document.mozCancelFullScreen()
} }
} }
} },
} // myTool: {
// show: true,
// title: '自定义扩展方法',
// icon: 'path://M213.333333 213.333333h640v426.666667l-213.333333 213.333333H213.333333V213.333333z m42.666667 42.666667v554.666667h366.933333l187.733334-187.733334V256H256z m426.666667 170.666667H384V384h298.666667v42.666667z m0 128H384v-42.666667h298.666667v42.666667z m-85.333334 128H384v-42.666667h213.333333v42.666667z',
// onclick: function () {
// }
// },
},
}, },
yAxis: [ yAxis: [
// (item.minValue - 0.5).toFixed(2) // (item.minValue - 0.5).toFixed(2)

1314
src/views/cgy-harmonic-boot/area/integralitytable.vue
View File

File diff suppressed because it is too large Load Diff

224
src/views/cgy-harmonic-boot/detailed/exceedancedetails.vue
View File

@@ -614,118 +614,120 @@ export default {
this.interval = interval; this.interval = interval;
this.loading = true; this.loading = true;
this.timeValue = data; this.timeValue = data;
if(this.$refs.fhf.intervald==3){ // if(this.$refs.fhf.intervald==3){
let timedate = this.$refs.fhf.timeValue[1] // let timedate = this.$refs.fhf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if(timedate1[2]=='01' || timedate1[2]=='02' || timedate1[2]=='03'){ // if(timedate1[2]=='01' || timedate1[2]=='02' || timedate1[2]=='03'){
let strTime = this.$refs.fhf.timeValue[0] // let strTime = this.$refs.fhf.timeValue[0]
let strTime1 = this.$refs.fhf.timeValue[1] // let strTime1 = this.$refs.fhf.timeValue[1]
let str1 = strTime.split('-') // let str1 = strTime.split('-')
let str2 = strTime1.split('-') // let str2 = strTime1.split('-')
var now = new Date() // var now = new Date()
let month = now.getMonth() // let month = now.getMonth()
if (month == 0) { // if (month == 0) {
month = 12 // month = 12
str1[0] = str1[0] - 1 // str1[0] = str1[0] - 1
str2[0] = str2[0] - 1 // str2[0] = str2[0] - 1
} // }
if (month < 10) { // if (month < 10) {
month = '0' + month // month = '0' + month
} // }
this.formData.searchBeginTime = str1[0] + '-' + month + '-' + str1[2] // this.formData.searchBeginTime = str1[0] + '-' + month + '-' + str1[2]
if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){ // this.formData.searchEndTime = str2[0] + '-' + month + '-' + new Date(str2[0], month, 0).getDate()
this.formData.searchEndTime = str2[0]+'-'+month+'-31' // // if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
}else{ // // this.formData.searchEndTime = str2[0]+'-'+month+'-31'
this.formData.searchEndTime = str2[0]+'-'+month+'-30' // // }else{
} // // this.formData.searchEndTime = str2[0]+'-'+month+'-30'
}else{ // // }
this.formData.searchBeginTime = this.$refs.fhf.timeValue[0] // }else{
// this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
// this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
// }
// }else if(this.$refs.fhf.intervald==4){
// let timedate = this.$refs.fhf.timeValue[1]
// let timedate1 = timedate.split('-')
// if(timedate1[2]=='01' || timedate1[2]=='02' || timedate1[2]=='03' ){
// // 获取前七天的日期
// var previousDates = [];
// for (var i = 6; i >= 0; i--) {
// //var previousDate = new Date(currentDate);
// let strTime = this.$refs.fhf.timeValue[0]
// var currentDate = new Date(strTime);
// let previousDate = new Date(Date.parse(strTime.replace(/-/g,"/")))
// previousDate.setDate(currentDate.getDate() - i);
// previousDates.push(previousDate);
// }
// // 格式化日期
// var formattedDates = previousDates.map(function(date) {
// var year = date.getFullYear();
// var month = (date.getMonth() + 1).toString().padStart(2, '0');
// var day = date.getDate().toString().padStart(2, '0');
// let d = year + '-' + month + '-' + day;
// //console.log("+++++++++++",d)
// // 输出前七天的日期数组
// return d
// });
// this.formData.searchBeginTime = formattedDates[0]
// this.formData.searchEndTime = formattedDates[formattedDates.length-1]
// // console.log(formattedDates);
// }else{
// this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
// this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
// }
// }else if(this.$refs.fhf.intervald==5){
// let timedate = this.$refs.fhf.timeValue[1]
// let timedate1 = timedate.split('-')
// if(timedate1[2]=='01' || timedate1[2]=='02' || timedate1[2]=='03' ){
// let strTime = this.$refs.fhf.timeValue[0]
// let currentDate = new Date(Date.parse(strTime.replace(/-/g,"/")))
// // console.log('当前日期（中国标准时间）：', currentDate);
// // console.log("++++",currentDate)
// // 向前推一天
// currentDate.setDate(currentDate.getDate() - 1);
// // 格式化日期字符串
// const formatDate = (date) => {
// const year = date.getFullYear();
// const month = String(date.getMonth() + 1).padStart(2, '0');
// const day = String(date.getDate()).padStart(2, '0');
// return `${year}-${month}-${day}`;
// };
// let strTime2 = this.$refs.fhf.timeValue[1]
// let currentDate2 = new Date(Date.parse(strTime2.replace(/-/g,"/")))
// // console.log('当前日期（中国标准时间）：', currentDate);
// // console.log("++++",currentDate)
// // 向前推一天
// currentDate.setDate(currentDate.getDate() - 1);
// // 格式化日期字符串
// const formatDate2 = (date) => {
// const year = date.getFullYear();
// const month = String(date.getMonth() + 1).padStart(2, '0');
// const day = String(date.getDate()).padStart(2, '0');
// return `${year}-${month}-${day}`;
// };
// // console.log('当前日期：', formatDate(new Date())); // 当前日期
// // console.log('向前推一天：', formatDate(currentDate)); // 一天前的日期
// this.formData.searchBeginTime = formatDate(currentDate)
// this.formData.searchEndTime = formatDate(currentDate2)
// }else {
// this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
// this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
// }
// //let estr = this.$refs.fff.timeValue[1]
// }else{
// this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
// this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
// }
this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
this.formData.searchEndTime = this.$refs.fhf.timeValue[1] this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
}
}else if(this.$refs.fhf.intervald==4){
let timedate = this.$refs.fhf.timeValue[1]
let timedate1 = timedate.split('-')
if(timedate1[2]=='01' || timedate1[2]=='02' || timedate1[2]=='03' ){
// 获取前七天的日期
var previousDates = [];
for (var i = 6; i >= 0; i--) {
//var previousDate = new Date(currentDate);
let strTime = this.$refs.fhf.timeValue[0]
var currentDate = new Date(strTime);
let previousDate = new Date(Date.parse(strTime.replace(/-/g,"/")))
previousDate.setDate(currentDate.getDate() - i);
previousDates.push(previousDate);
}
// 格式化日期
var formattedDates = previousDates.map(function(date) {
var year = date.getFullYear();
var month = (date.getMonth() + 1).toString().padStart(2, '0');
var day = date.getDate().toString().padStart(2, '0');
let d = year + '-' + month + '-' + day;
//console.log("+++++++++++",d)
// 输出前七天的日期数组
return d
});
this.formData.searchBeginTime = formattedDates[0]
this.formData.searchEndTime = formattedDates[formattedDates.length-1]
// console.log(formattedDates);
}else{
this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
}
}else if(this.$refs.fhf.intervald==5){
let timedate = this.$refs.fhf.timeValue[1]
let timedate1 = timedate.split('-')
if(timedate1[2]=='01' || timedate1[2]=='02' || timedate1[2]=='03' ){
let strTime = this.$refs.fhf.timeValue[0]
let currentDate = new Date(Date.parse(strTime.replace(/-/g,"/")))
// console.log('当前日期（中国标准时间）：', currentDate);
// console.log("++++",currentDate)
// 向前推一天
currentDate.setDate(currentDate.getDate() - 1);
// 格式化日期字符串
const formatDate = (date) => {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
};
let strTime2 = this.$refs.fhf.timeValue[1]
let currentDate2 = new Date(Date.parse(strTime2.replace(/-/g,"/")))
// console.log('当前日期（中国标准时间）：', currentDate);
// console.log("++++",currentDate)
// 向前推一天
currentDate.setDate(currentDate.getDate() - 1);
// 格式化日期字符串
const formatDate2 = (date) => {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
};
// console.log('当前日期：', formatDate(new Date())); // 当前日期
// console.log('向前推一天：', formatDate(currentDate)); // 一天前的日期
this.formData.searchBeginTime = formatDate(currentDate)
this.formData.searchEndTime = formatDate(currentDate2)
}else {
this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
}
//let estr = this.$refs.fff.timeValue[1]
}else{
this.formData.searchBeginTime = this.$refs.fhf.timeValue[0]
this.formData.searchEndTime = this.$refs.fhf.timeValue[1]
}
this.formData.pageSize = this.pageData.pageSize; this.formData.pageSize = this.pageData.pageSize;
this.formData.pageNum = this.pageData.pageNum; this.formData.pageNum = this.pageData.pageNum;
api2.lineOverLimit(this.formData).then((res) => { api2.lineOverLimit(this.formData).then((res) => {

197
src/views/cgy-harmonic-boot/detailed/harmonictj.vue
View File

@@ -657,113 +657,114 @@ export default {
this.tableData = [] this.tableData = []
this.timeValue = data this.timeValue = data
//this.dateFormat(this.timeValue[0], this.timeValue[1]); //this.dateFormat(this.timeValue[0], this.timeValue[1]);
if (this.$refs.fkf.intervald == 3) { // if (this.$refs.fkf.intervald == 3) {
let timedate = this.$refs.fkf.timeValue[1] // let timedate = this.$refs.fkf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') { // if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') {
let strTime = this.$refs.fkf.timeValue[0] // let strTime = this.$refs.fkf.timeValue[0]
let strTime1 = this.$refs.fkf.timeValue[1] // let strTime1 = this.$refs.fkf.timeValue[1]
let str1 = strTime.split('-') // let str1 = strTime.split('-')
let str2 = strTime1.split('-') // let str2 = strTime1.split('-')
var now = new Date() // var now = new Date()
let month = now.getMonth() // let month = now.getMonth()
if (month == 0) { // if (month == 0) {
month = 12 // month = 12
str1[0] = str1[0] - 1 // str1[0] = str1[0] - 1
str2[0] = str2[0] - 1 // str2[0] = str2[0] - 1
} // }
if (month < 10) { // if (month < 10) {
month = '0' + month // month = '0' + month
} // }
this.formData.searchBeginTime = str1[0] + '-' + month + '-' + str1[2] // this.formData.searchBeginTime = str1[0] + '-' + month + '-' + str1[2]
this.formData.searchEndTime = str2[0] + '-' + month + '-' + new Date(str2[0], month, 0).getDate() // this.formData.searchEndTime = str2[0] + '-' + month + '-' + new Date(str2[0], month, 0).getDate()
} else { // } else {
this.formData.searchBeginTime = this.$refs.fkf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fkf.timeValue[0]
this.formData.searchEndTime = this.$refs.fkf.timeValue[1] // this.formData.searchEndTime = this.$refs.fkf.timeValue[1]
} // }
} else if (this.$refs.fkf.intervald == 4) { // } else if (this.$refs.fkf.intervald == 4) {
let timedate = this.$refs.fkf.timeValue[1] // let timedate = this.$refs.fkf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') { // if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') {
// 获取前七天的日期 // // 获取前七天的日期
var previousDates = [] // var previousDates = []
for (var i = 6; i >= 0; i--) { // for (var i = 6; i >= 0; i--) {
//var previousDate = new Date(currentDate); // //var previousDate = new Date(currentDate);
let strTime = this.$refs.fkf.timeValue[0] // let strTime = this.$refs.fkf.timeValue[0]
var currentDate = new Date(strTime) // var currentDate = new Date(strTime)
let previousDate = new Date(Date.parse(strTime.replace(/-/g, '/'))) // let previousDate = new Date(Date.parse(strTime.replace(/-/g, '/')))
previousDate.setDate(currentDate.getDate() - i) // previousDate.setDate(currentDate.getDate() - i)
previousDates.push(previousDate) // previousDates.push(previousDate)
} // }
// 格式化日期 // // 格式化日期
var formattedDates = previousDates.map(function (date) { // var formattedDates = previousDates.map(function (date) {
var year = date.getFullYear() // var year = date.getFullYear()
var month = (date.getMonth() + 1).toString().padStart(2, '0') // var month = (date.getMonth() + 1).toString().padStart(2, '0')
var day = date.getDate().toString().padStart(2, '0') // var day = date.getDate().toString().padStart(2, '0')
let d = year + '-' + month + '-' + day // let d = year + '-' + month + '-' + day
// console.log("+++++++++++",d) // // console.log("+++++++++++",d)
// 输出前七天的日期数组 // // 输出前七天的日期数组
return d // return d
}) // })
this.formData.searchBeginTime = formattedDates[0] // this.formData.searchBeginTime = formattedDates[0]
this.formData.searchEndTime = formattedDates[formattedDates.length - 1] // this.formData.searchEndTime = formattedDates[formattedDates.length - 1]
// console.log(formattedDates); // // console.log(formattedDates);
} else { // } else {
this.formData.searchBeginTime = this.$refs.fkf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fkf.timeValue[0]
this.formData.searchEndTime = this.$refs.fkf.timeValue[1] // this.formData.searchEndTime = this.$refs.fkf.timeValue[1]
} // }
} else if (this.$refs.fkf.intervald == 5) { // } else if (this.$refs.fkf.intervald == 5) {
let timedate = this.$refs.fkf.timeValue[1] // let timedate = this.$refs.fkf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') { // if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') {
let strTime = this.$refs.fkf.timeValue[0] // let strTime = this.$refs.fkf.timeValue[0]
let currentDate = new Date(Date.parse(strTime.replace(/-/g, '/'))) // let currentDate = new Date(Date.parse(strTime.replace(/-/g, '/')))
// console.log('当前日期（中国标准时间）：', currentDate); // // console.log('当前日期（中国标准时间）：', currentDate);
// console.log("++++",currentDate) // // console.log("++++",currentDate)
// 向前推一天 // // 向前推一天
currentDate.setDate(currentDate.getDate() - 1) // currentDate.setDate(currentDate.getDate() - 1)
// 格式化日期字符串 // // 格式化日期字符串
const formatDate = date => { // const formatDate = date => {
const year = date.getFullYear() // const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0') // const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0') // const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}` // return `${year}-${month}-${day}`
} // }
let strTime2 = this.$refs.fkf.timeValue[1] // let strTime2 = this.$refs.fkf.timeValue[1]
let currentDate2 = new Date(Date.parse(strTime2.replace(/-/g, '/'))) // let currentDate2 = new Date(Date.parse(strTime2.replace(/-/g, '/')))
// console.log('当前日期（中国标准时间）：', currentDate); // // console.log('当前日期（中国标准时间）：', currentDate);
// console.log("++++",currentDate) // // console.log("++++",currentDate)
// 向前推一天 // // 向前推一天
currentDate.setDate(currentDate.getDate() - 1) // currentDate.setDate(currentDate.getDate() - 1)
// 格式化日期字符串 // // 格式化日期字符串
const formatDate2 = date => { // const formatDate2 = date => {
const year = date.getFullYear() // const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0') // const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0') // const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}` // return `${year}-${month}-${day}`
} // }
// console.log('当前日期：', formatDate(new Date())); // 当前日期 // // console.log('当前日期：', formatDate(new Date())); // 当前日期
// console.log('向前推一天：', formatDate(currentDate)); // 一天前的日期 // // console.log('向前推一天：', formatDate(currentDate)); // 一天前的日期
this.formData.searchBeginTime = formatDate(currentDate) // this.formData.searchBeginTime = formatDate(currentDate)
this.formData.searchEndTime = formatDate(currentDate2) // this.formData.searchEndTime = formatDate(currentDate2)
} else { // } else {
this.formData.searchBeginTime = this.$refs.fkf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fkf.timeValue[0]
this.formData.searchEndTime = this.$refs.fkf.timeValue[1] // this.formData.searchEndTime = this.$refs.fkf.timeValue[1]
} // }
//let estr = this.$refs.fff.timeValue[1] // //let estr = this.$refs.fff.timeValue[1]
} else { // } else {
this.formData.searchBeginTime = this.$refs.fkf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fkf.timeValue[0]
// this.formData.searchEndTime = this.$refs.fkf.timeValue[1]
// }
this.formData.searchBeginTime = this.$refs.fkf.timeValue[0]
this.formData.searchEndTime = this.$refs.fkf.timeValue[1] this.formData.searchEndTime = this.$refs.fkf.timeValue[1]
}
var data = window.sessionStorage.getItem('Info') var data = window.sessionStorage.getItem('Info')
data = eval('(' + data + ')') data = eval('(' + data + ')')
this.formData.deptIndex = data.deptId this.formData.deptIndex = data.deptId

196
src/views/cgy-harmonic-boot/detailed/qypowerpollution.vue
View File

@@ -891,112 +891,114 @@ export default {
this.tableData = [] this.tableData = []
this.timeValue = data this.timeValue = data
// this.dateFormat(this.timeValue[0], this.timeValue[1]); // this.dateFormat(this.timeValue[0], this.timeValue[1]);
if (this.$refs.fyf.intervald == 3) { // if (this.$refs.fyf.intervald == 3) {
let timedate = this.$refs.fyf.timeValue[1] // let timedate = this.$refs.fyf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') { // if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') {
let strTime = this.$refs.fyf.timeValue[0] // let strTime = this.$refs.fyf.timeValue[0]
let strTime1 = this.$refs.fyf.timeValue[1] // let strTime1 = this.$refs.fyf.timeValue[1]
let str1 = strTime.split('-') // let str1 = strTime.split('-')
let str2 = strTime1.split('-') // let str2 = strTime1.split('-')
var now = new Date() // var now = new Date()
let month = now.getMonth() // let month = now.getMonth()
if (month == 0) { // if (month == 0) {
month = 12 // month = 12
str1[0] = str1[0] - 1 // str1[0] = str1[0] - 1
str2[0] = str2[0] - 1 // str2[0] = str2[0] - 1
} // }
if (month < 10) { // if (month < 10) {
month = '0' + month // month = '0' + month
} // }
this.formData.searchBeginTime = str1[0] + '-' + month + '-' + str1[2] // this.formData.searchBeginTime = str1[0] + '-' + month + '-' + str1[2]
this.formData.searchEndTime = str2[0] + '-' + month + '-' + new Date(str2[0], month, 0).getDate() // this.formData.searchEndTime = str2[0] + '-' + month + '-' + new Date(str2[0], month, 0).getDate()
} else { // } else {
this.formData.searchBeginTime = this.$refs.fyf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fyf.timeValue[0]
this.formData.searchEndTime = this.$refs.fyf.timeValue[1] // this.formData.searchEndTime = this.$refs.fyf.timeValue[1]
} // }
} else if (this.$refs.fyf.intervald == 4) { // } else if (this.$refs.fyf.intervald == 4) {
let timedate = this.$refs.fyf.timeValue[1] // let timedate = this.$refs.fyf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') { // if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') {
// 获取前七天的日期 // // 获取前七天的日期
var previousDates = [] // var previousDates = []
for (var i = 6; i >= 0; i--) { // for (var i = 6; i >= 0; i--) {
//var previousDate = new Date(currentDate); // //var previousDate = new Date(currentDate);
let strTime = this.$refs.fyf.timeValue[0] // let strTime = this.$refs.fyf.timeValue[0]
var currentDate = new Date(strTime) // var currentDate = new Date(strTime)
let previousDate = new Date(Date.parse(strTime.replace(/-/g, '/'))) // let previousDate = new Date(Date.parse(strTime.replace(/-/g, '/')))
previousDate.setDate(currentDate.getDate() - i) // previousDate.setDate(currentDate.getDate() - i)
previousDates.push(previousDate) // previousDates.push(previousDate)
} // }
// 格式化日期 // // 格式化日期
var formattedDates = previousDates.map(function (date) { // var formattedDates = previousDates.map(function (date) {
var year = date.getFullYear() // var year = date.getFullYear()
var month = (date.getMonth() + 1).toString().padStart(2, '0') // var month = (date.getMonth() + 1).toString().padStart(2, '0')
var day = date.getDate().toString().padStart(2, '0') // var day = date.getDate().toString().padStart(2, '0')
let d = year + '-' + month + '-' + day // let d = year + '-' + month + '-' + day
// console.log("+++++++++++",d) // // console.log("+++++++++++",d)
// 输出前七天的日期数组 // // 输出前七天的日期数组
return d // return d
}) // })
this.formData.searchBeginTime = formattedDates[0] // this.formData.searchBeginTime = formattedDates[0]
this.formData.searchEndTime = formattedDates[formattedDates.length - 1] // this.formData.searchEndTime = formattedDates[formattedDates.length - 1]
// console.log(formattedDates); // // console.log(formattedDates);
} else { // } else {
this.formData.searchBeginTime = this.$refs.fyf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fyf.timeValue[0]
this.formData.searchEndTime = this.$refs.fyf.timeValue[1] // this.formData.searchEndTime = this.$refs.fyf.timeValue[1]
} // }
} else if (this.$refs.fyf.intervald == 5) { // } else if (this.$refs.fyf.intervald == 5) {
let timedate = this.$refs.fyf.timeValue[1] // let timedate = this.$refs.fyf.timeValue[1]
let timedate1 = timedate.split('-') // let timedate1 = timedate.split('-')
if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') { // if (timedate1[2] == '01' || timedate1[2] == '02' || timedate1[2] == '03') {
let strTime = this.$refs.fyf.timeValue[0] // let strTime = this.$refs.fyf.timeValue[0]
let currentDate = new Date(Date.parse(strTime.replace(/-/g, '/'))) // let currentDate = new Date(Date.parse(strTime.replace(/-/g, '/')))
// console.log('当前日期（中国标准时间）：', currentDate); // // console.log('当前日期（中国标准时间）：', currentDate);
// console.log("++++",currentDate) // // console.log("++++",currentDate)
// 向前推一天 // // 向前推一天
currentDate.setDate(currentDate.getDate() - 1) // currentDate.setDate(currentDate.getDate() - 1)
// 格式化日期字符串 // // 格式化日期字符串
const formatDate = date => { // const formatDate = date => {
const year = date.getFullYear() // const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0') // const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0') // const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}` // return `${year}-${month}-${day}`
} // }
let strTime2 = this.$refs.fyf.timeValue[1] // let strTime2 = this.$refs.fyf.timeValue[1]
let currentDate2 = new Date(Date.parse(strTime2.replace(/-/g, '/'))) // let currentDate2 = new Date(Date.parse(strTime2.replace(/-/g, '/')))
// console.log('当前日期（中国标准时间）：', currentDate); // // console.log('当前日期（中国标准时间）：', currentDate);
// console.log("++++",currentDate) // // console.log("++++",currentDate)
// 向前推一天 // // 向前推一天
currentDate.setDate(currentDate.getDate() - 1) // currentDate.setDate(currentDate.getDate() - 1)
// 格式化日期字符串 // // 格式化日期字符串
const formatDate2 = date => { // const formatDate2 = date => {
const year = date.getFullYear() // const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0') // const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0') // const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}` // return `${year}-${month}-${day}`
} // }
// console.log('当前日期：', formatDate(new Date())); // 当前日期 // // console.log('当前日期：', formatDate(new Date())); // 当前日期
// console.log('向前推一天：', formatDate(currentDate)); // 一天前的日期 // // console.log('向前推一天：', formatDate(currentDate)); // 一天前的日期
this.formData.searchBeginTime = formatDate(currentDate) // this.formData.searchBeginTime = formatDate(currentDate)
this.formData.searchEndTime = formatDate(currentDate2) // this.formData.searchEndTime = formatDate(currentDate2)
} else { // } else {
this.formData.searchBeginTime = this.$refs.fyf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fyf.timeValue[0]
this.formData.searchEndTime = this.$refs.fyf.timeValue[1] // this.formData.searchEndTime = this.$refs.fyf.timeValue[1]
} // }
//let estr = this.$refs.fff.timeValue[1] // //let estr = this.$refs.fff.timeValue[1]
} else { // } else {
this.formData.searchBeginTime = this.$refs.fyf.timeValue[0] // this.formData.searchBeginTime = this.$refs.fyf.timeValue[0]
// this.formData.searchEndTime = this.$refs.fyf.timeValue[1]
// }
this.formData.searchBeginTime = this.$refs.fyf.timeValue[0]
this.formData.searchEndTime = this.$refs.fyf.timeValue[1] this.formData.searchEndTime = this.$refs.fyf.timeValue[1]
}
var data = window.sessionStorage.getItem('Info') var data = window.sessionStorage.getItem('Info')
data = eval('(' + data + ')') data = eval('(' + data + ')')
this.formData.deptIndex = data.deptId this.formData.deptIndex = data.deptId

750
src/views/cgy-harmonic-boot/runmange/terminalmessage.vue
View File

@@ -1,384 +1,402 @@
<template> <template>
<div v-loading="loading" <div v-loading="loading" element-loading-text="数据加载中">
element-loading-text="数据加载中"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="类型:" style="display: none">
<el-form-item label="类型:" style="display:none"> <el-select
<el-select v-model="formData.statisticalType"
v-model="formData.statisticalType" @change="changeclasss"
@change="changeclasss" placeholder="请选择统计类型"
placeholder="请选择统计类型" style="width: 100%"
style="width:100%" >
> <el-option
<el-option v-for="item in classificationData"
v-for="item in classificationData" :key="item.id"
:key="item.id" :label="item.name"
:label="item.name" :value="{
:value="{ label: item.name,
label: item.name, value: item.id,
value: item.id, name: item.name,
name: item.name, id: item.id,
id: item.id, code: item.code,
code: item.code, sort: item.sort
sort: item.sort, }"
}" ></el-option>
> </el-select>
</el-option> </el-form-item>
</el-select> <el-form-item label="区域:">
</el-form-item> <el-select ref="selectTree1" v-model="deptName" placeholder="请选择所属部门区域" style="width: 100%">
<el-form-item label="区域:" > <el-option :value="deptIndex" style="height: auto">
<el-select <el-tree
ref="selectTree1" ref="tree"
v-model="deptName" :data="treeData"
placeholder="请选择所属部门区域" node-key="id"
style="width: 100%" accordion
> :default-expanded-keys="idArr"
<el-option :value="deptIndex" style="height: auto"> :props="defaultProps"
<el-tree @node-click="handleNodeClick"
ref="tree" >
:data="treeData" <span class="span-ellipsis" slot-scope="{ node, data }">
node-key="id" <span :title="data.name">{{ data.name }}</span>
accordion </span>
:default-expanded-keys="idArr" </el-tree>
:props="defaultProps" </el-option>
@node-click="handleNodeClick" </el-select>
> </el-form-item>
<span class="span-ellipsis" slot-scope="{ node, data }">
<span :title="data.name">{{ data.name }}</span> <el-form-item label="厂家:">
<el-select
v-model="formData.manufacturer"
multiple
collapse-tags
placeholder="请选择终端厂家"
style="width: 100%"
>
<el-option
v-for="item in terminaloption"
:key="item.id"
:label="item.name"
:value="{
label: item.name,
value: item.id,
code: item.code,
name: item.name,
id: item.id,
sort: item.sort
}"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="干扰源:" style="display: none">
<el-select
v-model="formData.loadType"
multiple
collapse-tags
placeholder="请选择干扰源类型"
style="width: 100%"
>
<el-option
v-for="item in interfereoption"
:key="item.id"
:label="item.name"
:value="{
label: item.name,
value: item.id,
code: item.code,
name: item.name,
id: item.id,
sort: item.sort
}"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="通讯状态:">
<el-select
v-model="formData.comFlag"
multiple
collapse-tags
placeholder="请选择通讯状态"
style="width: 100%"
>
<el-option
v-for="item in communicationstatus"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="终端状态:">
<el-select
v-model="formData.runFlag"
multiple
collapse-tags
placeholder="请选择终端状态"
style="width: 100%"
>
<el-option
v-for="item in terminalstatus"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" icon="el-icon-search" @click="queryDataInfo">查询</el-button>
</el-form-item>
<el-form-item style="float: right">
<span>
在线率≦60%
<span style="color: red; font-weight: bold">差&ensp;&ensp;&ensp;</span>
60%＜在线率≦90%
<span style="color: rgb(255, 174, 0); font-weight: bold">良&ensp;&ensp;&ensp;</span>
90%≦在线率
<span style="color: green; font-weight: bold">优</span>
</span> </span>
</el-tree> </el-form-item>
</el-option> </el-form>
</el-select> <el-row :gutter="20" style="margin-top: 0%">
</el-form-item> <el-col :span="24">
<terminalmessagetable :tableData="tableData" :classvalue="classt"></terminalmessagetable>
<el-form-item label="厂家:" > </el-col>
<el-select </el-row>
v-model="formData.manufacturer" </div>
multiple
collapse-tags
placeholder="请选择终端厂家"
style="width: 100%"
>
<el-option
v-for="item in terminaloption"
:key="item.id"
:label="item.name"
:value="{
label: item.name,
value: item.id,
code: item.code,
name: item.name,
id: item.id,
sort: item.sort,
}"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="干扰源:" style="display: none">
<el-select
v-model="formData.loadType"
multiple
collapse-tags
placeholder="请选择干扰源类型"
style="width: 100%"
>
<el-option
v-for="item in interfereoption"
:key="item.id"
:label="item.name"
:value="{
label: item.name,
value: item.id,
code: item.code,
name: item.name,
id: item.id,
sort: item.sort,
}"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="通讯状态:" >
<el-select
v-model="formData.comFlag"
multiple
collapse-tags
placeholder="请选择通讯状态"
style="width: 100%"
>
<el-option
v-for="item in communicationstatus"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="终端状态:" >
<el-select
v-model="formData.runFlag"
multiple
collapse-tags
placeholder="请选择终端状态"
style="width: 100%"
>
<el-option
v-for="item in terminalstatus"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item >
<el-button
type="primary"
size="small"
icon="el-icon-search"
@click="queryDataInfo"
>查询</el-button
>
</el-form-item>
<el-form-item style="float: right;">
<span>在线率≦60% <span style="color:red;font-weight: bold;">差&ensp;&ensp;&ensp;</span> 60%＜在线率≦90% <span style="color:rgb(255, 174, 0);font-weight: bold;">良&ensp;&ensp;&ensp;</span> 90%≦在线率 <span style="color:green;font-weight: bold;">优</span> </span>
</el-form-item>
</el-form>
<el-row :gutter="20" style="margin-top: 0%">
<el-col :span="24">
<terminalmessagetable
:tableData="tableData"
:classvalue="classt"
></terminalmessagetable>
</el-col>
</el-row>
</div>
</template> </template>
<script> <script>
import { getappheight, getheight } from "@/assets/commjs/common"; import { getappheight, getheight } from '@/assets/commjs/common'
import { guanzhou } from "@/assets/commjs/token"; import { guanzhou } from '@/assets/commjs/token'
import api1 from "@/api/pollution/pollution"; import api1 from '@/api/pollution/pollution'
import timepicker from "@/views/cgy-components/TimePicker/index4"; import timepicker from '@/views/cgy-components/TimePicker/index4'
import { dicData } from "../../../assets/commjs/dictypeData"; import { dicData } from '../../../assets/commjs/dictypeData'
import api from "../../../api/integraliy/integraliy"; import api from '../../../api/integraliy/integraliy'
import Table from "../../components/teble/index"; import Table from '../../components/teble/index'
import Pagination from "../../components/pagination/index"; import Pagination from '../../components/pagination/index'
import terminalmessagetable from "@/views/cgy-components/terminalmessagetable"; import terminalmessagetable from '@/views/cgy-components/terminalmessagetable'
export default { export default {
components: { components: {
timepicker, timepicker,
terminalmessagetable, terminalmessagetable
// onlinerateechart // onlinerateechart
}, },
watch: {}, watch: {},
computed: {}, computed: {},
data() { data() {
return { return {
formInline: {}, formInline: {},
loading: false, loading: false,
classt: "Power_Network", classt: 'Power_Network',
asideheight: undefined, asideheight: undefined,
id: 1, id: 1,
copent: 0, copent: 0,
title: "电网拓扑", title: '电网拓扑',
xdata: [ xdata: [
"江苏省", '江苏省',
"江西省", '江西省',
"安徽省", '安徽省',
"湖北省", '湖北省',
"浙江省", '浙江省',
"湖南省", '湖南省',
"广东省", '广东省',
"福建省", '福建省',
"海南省", '海南省',
"四川省", '四川省',
"青海省", '青海省',
"河北省", '河北省'
], ],
ydata: [ ydata: [92.6, 25.9, 39.0, 26.4, 28.7, 90.7, 75.6, 82.2, 48.7, 58.8, 16.0, 32.3],
92.6, 25.9, 39.0, 26.4, 28.7, 90.7, 75.6, 82.2, 48.7, 58.8, 16.0, 32.3, classvalue: 0,
], activeName: 'tab1',
classvalue: 0, panindexOptions: [],
activeName: "tab1", formData: {
panindexOptions: [], //后面需要修改
formData: { serverName: 'harmonic-boot',
//后面需要修改 searchBeginTime: '',
serverName: "harmonic-boot", searchEndTime: '',
searchBeginTime:'2023-04-01', deptIndex: '',
searchEndTime:'2023-04-11', monitorFlag: 2,
deptIndex: "", powerFlag: 2,
monitorFlag: 2, loadType: [],
powerFlag: 2, manufacturer: [],
loadType: [], statisticalType: '',
manufacturer: [], scale: [],
statisticalType: "", comFlag: [0, 1],
scale: [], runFlag: [0, 1, 2]
comFlag: [0, 1], },
runFlag: [0, 1, 2], deptId: '',
}, deptName: '全国',
deptId: "", deptIndex: '',
deptName: "全国", treeData: [],
deptIndex: "", idArr: [],
treeData: [], defaultProps: {
idArr: [], children: 'children',
defaultProps: { label: 'name'
children: "children", },
label: "name", //统计类型
}, classificationData: [],
//统计类型 //电压等级
classificationData: [], voltageleveloption: [],
//电压等级 //终端厂家
voltageleveloption: [], terminaloption: [],
//终端厂家 //干扰源类型
terminaloption: [], interfereoption: [],
//干扰源类型 //通讯状态
interfereoption: [], communicationstatus: [
//通讯状态 { value: 0, label: '中断' },
communicationstatus: [ { value: 1, label: '正常' }
{ value: 0, label: "中断" }, ],
{ value: 1, label: "正常" }, //终端状态
], terminalstatus: [
//终端状态 { value: 0, label: '投运' },
terminalstatus: [ { value: 1, label: '热备用' },
{ value: 0, label: "投运" }, { value: 2, label: '停运' }
{ value: 1, label: "热备用" }, ],
{ value: 2, label: "停运" }, classt: 'Power_Network',
], tableData: []
classt: "Power_Network",
tableData: [],
};
},
created() {
var info = window.sessionStorage.getItem("Info");
info = eval("(" + info + ")");
this.formData.deptIndex = info.deptId;
this.getAreaDept();
this.getclassificationData();
this.getVoltage();
this.getManufacturer();
this.getLoadType();
},
mounted() {
// this.asideheight = getappheight();
this.queryDataInfo();
},
methods: {
guanzhou() {
var data = {
token: this.$route.query.token,
};
api1.guanzhou(data).then((res) => {
if (res.code == "A0000") {
return;
} else {
this.$router.push("/error/massege/403");
} }
});
}, },
//切换统计类型 created() {
changeclasss(val) { var info = window.sessionStorage.getItem('Info')
this.classt = val.code; info = eval('(' + info + ')')
this.formData.deptIndex = info.deptId
this.getAreaDept()
this.getclassificationData()
this.getVoltage()
this.getManufacturer()
this.getLoadType()
}, },
//部门绑定区域触发区域树节点 mounted() {
handleNodeClick(data, node) { // this.asideheight = getappheight();
this.deptName = data.name; this.queryDataInfo()
this.$refs.selectTree1.blur();
this.deptId = data.id;
this.formData.deptIndex = data.id;
}, },
//2次组件触发事件 methods: {
querfromdata(data) { guanzhou() {
this.timeValue = data; var data = {
// alert("父组件条件查询触发方法" + this.timeValue); token: this.$route.query.token
}, }
handleClick(tab, event) { api1.guanzhou(data).then(res => {
this.$nextTick(() => { if (res.code == 'A0000') {
this.$refs.child.onlinerateechart(); return
}); } else {
}, this.$router.push('/error/massege/403')
changePageNum(data) { }
this.pageData.pageNum = data; })
// alert("父组件当前页" + this.pageData.pageNum); },
}, //切换统计类型
changePageSize(data) { changeclasss(val) {
this.pageData.pageSize = data; this.classt = val.code
//alert("父组件当前条数" + this.pageData.pageSize); },
}, //部门绑定区域触发区域树节点
//查询触发方法 handleNodeClick(data, node) {
queryDataInfo() { this.deptName = data.name
this.loading = true; this.$refs.selectTree1.blur()
api.getRuntimeData(this.formData).then((res) => { this.deptId = data.id
if (res.code == "A0000") { this.formData.deptIndex = data.id
if (res.data.length == 0) { },
this.tableData = []; //2次组件触发事件
this.loading = false; querfromdata(data) {
} else { this.timeValue = data
this.tableData = res.data; // alert("父组件条件查询触发方法" + this.timeValue);
this.loading = false; },
} handleClick(tab, event) {
this.$nextTick(() => {
this.$refs.child.onlinerateechart()
})
},
changePageNum(data) {
this.pageData.pageNum = data
// alert("父组件当前页" + this.pageData.pageNum);
},
changePageSize(data) {
this.pageData.pageSize = data
//alert("父组件当前条数" + this.pageData.pageSize);
},
//查询触发方法
queryDataInfo() {
console.log(123, this.getSearchTimeRange())
this.formData.searchBeginTime = this.getSearchTimeRange().searchBeginTime
this.formData.searchEndTime = this.getSearchTimeRange().searchEndTime
this.loading = true
api.getRuntimeData(this.formData).then(res => {
if (res.code == 'A0000') {
if (res.data.length == 0) {
this.tableData = []
this.loading = false
} else {
this.tableData = res.data
this.loading = false
}
}
})
},
//获取区域
getAreaDept() {
api.getAreaDept().then(res => {
if (res.code == 'A0000') {
var data = res.data
data.forEach(element => {
this.idArr.push(element.id)
})
this.treeData = data
}
})
},
//字典获取数据电压等级
getVoltage() {
var code = 'Dev_Voltage_Stand'
this.voltageleveloption = dicData(code, [])
//this.formData.scale = this.voltageleveloption;
},
//字典获取数据终端厂家
getManufacturer() {
var code = 'Dev_Manufacturers'
this.terminaloption = dicData(code, [])
this.formData.manufacturer = this.terminaloption
},
//字典获取数据干扰源类型
getLoadType() {
var code = 'Interference_Source'
this.interfereoption = dicData(code, [])
this.formData.loadType = this.interfereoption
},
//获取统计类型
getclassificationData() {
var code = 'Statistical_Type'
this.classificationData = dicData(code, ['Report_Type', 'Voltage_Level', 'Load_Type', 'Manufacturer'])
this.formData.statisticalType = this.classificationData[0]
},
getSearchTimeRange() {
const now = new Date()
const currentYear = now.getFullYear()
const currentMonth = now.getMonth() // 0-11
const currentDate = now.getDate()
let searchBeginTime, searchEndTime
if (currentDate === 1) {
// 如果是1号，返回上个月1号到上个月最后一天
// 上个月的第一天
const lastMonthFirstDay = new Date(currentYear, currentMonth - 1, 1)
searchBeginTime = this.formatDate(lastMonthFirstDay)
// 上个月的最后一天（当前月的第0天就是上个月的最后一天）
const lastMonthLastDay = new Date(currentYear, currentMonth, 0)
searchEndTime = this.formatDate(lastMonthLastDay)
} else {
// 如果不是1号，返回当月1号到当前时间
const monthFirstDay = new Date(currentYear, currentMonth, 1)
searchBeginTime = this.formatDate(monthFirstDay)
searchEndTime = this.formatDate(now)
}
return {
searchBeginTime,
searchEndTime
}
},
// 辅助函数：格式化日期为 YYYY-MM-DD
formatDate(date) {
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
} }
}); }
}, }
//获取区域
getAreaDept() {
api.getAreaDept().then((res) => {
if (res.code == "A0000") {
var data = res.data;
data.forEach((element) => {
this.idArr.push(element.id);
});
this.treeData = data;
}
});
},
//字典获取数据电压等级
getVoltage() {
var code = "Dev_Voltage_Stand";
this.voltageleveloption = dicData(code, []);
//this.formData.scale = this.voltageleveloption;
},
//字典获取数据终端厂家
getManufacturer() {
var code = "Dev_Manufacturers";
this.terminaloption = dicData(code, []);
this.formData.manufacturer = this.terminaloption;
},
//字典获取数据干扰源类型
getLoadType() {
var code = "Interference_Source";
this.interfereoption = dicData(code, []);
this.formData.loadType = this.interfereoption;
},
//获取统计类型
getclassificationData() {
var code = "Statistical_Type";
this.classificationData = dicData(code, [
"Report_Type",
"Voltage_Level",
"Load_Type",
"Manufacturer"
]);
this.formData.statisticalType = this.classificationData[0];
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("../../../styles/common.less"); @import url('../../../styles/common.less');
.main { .main {
overflow: hidden; overflow: hidden;
} }
::v-deep .el-main[data-v-2338f777] { ::v-deep .el-main[data-v-2338f777] {
/* margin-top: 10px; */ /* margin-top: 10px; */
padding: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;
background-color: rgba(234, 235, 236, 0.996); background-color: rgba(234, 235, 236, 0.996);
color: #333; color: #333;
line-height: 0px; line-height: 0px;
} }
// ::v-deep .el-table__body-wrapper::-webkit-scrollbar { // ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
// width: 8px; /*滚动条宽度*/ // width: 8px; /*滚动条宽度*/
@@ -399,7 +417,7 @@ export default {
// } // }
::v-deep .el-select-dropdown__item, ::v-deep .el-select-dropdown__item,
.el-select-dropdown__item { .el-select-dropdown__item {
background-color: #fff; background-color: #fff;
padding: 0 5px !important; padding: 0 5px !important;
} }
</style> </style>

2
src/views/components/TimePicker/index4.vue
View File

@@ -35,7 +35,7 @@
<el-button v-show="buttonShow && thb" @click="tongbiyear" type="primary">同比</el-button> <el-button v-show="buttonShow && thb" @click="tongbiyear" type="primary">同比</el-button>
<el-button v-show="buttonShow && thb" @click="huangbiyear" type="primary">环比</el-button> <el-button v-show="buttonShow && thb" @click="huangbiyear" type="primary">环比</el-button>
<el-button v-show="false" type="primary">导出文件</el-button> <el-button v-show="false" type="primary">导出文件</el-button>
<!-- <el-button @click="querfromdata(1)" type="primary" icon="el-icon-search">查询</el-button>--> <!-- <el-button @click="querfromdata(1)" type="primary" icon="el-icon-search">查询</el-button> -->
</el-form-item> </el-form-item>
</el-form> </el-form>

4
src/views/device-boot/device/diviceindex.vue
View File

@@ -1100,8 +1100,8 @@ export default {
voltageLevelArr: [], voltageLevelArr: [],
/**母线类型 */ /**母线类型 */
busBarType: [ busBarType: [
{ name: '实际母线', value: 0 }, { name: '实际母线', value: 1 },
{ name: '虚拟母线', value: 1 } { name: '虚拟母线', value: 0 }
], ],
/**监测点详情 */ /**监测点详情 */
monitorPointDetail: { monitorPointDetail: {

11
src/views/energy-system/deviceCenter/devicejk.vue
View File

@@ -1354,7 +1354,8 @@ export default {
} }
}, },
methods: { methods: {
connectMqtt() { async connectMqtt() {
let this_ = this let this_ = this
this_.globalMqtt.ws = {}; this_.globalMqtt.ws = {};
let mqttWs = null; let mqttWs = null;
@@ -1368,8 +1369,12 @@ export default {
username: "t_user", username: "t_user",
password: "njcnpqs", password: "njcnpqs",
}; };
const url = "ws://192.168.1.24:8085/mqtt"; const url = localStorage.getItem('MqttUrl') == 'null'
mqttWs = mqtt.connect(url, options); ? 'ws://192.168.1.24:8085/mqtt'
: localStorage.getItem('MqttUrl')
console.log("🚀 ~ connectMqtt ~ url:", url)
mqttWs =await mqtt.connect(url, options);
this_.globalMqtt.setWs(mqttWs); this_.globalMqtt.setWs(mqttWs);

2
src/views/terminal/account/index.vue
View File

@@ -605,7 +605,7 @@ export default {
/**电压等级选项 */ /**电压等级选项 */
voltageLevelArr: [], voltageLevelArr: [],
/**母线类型 */ /**母线类型 */
busBarType: [{ name: "实际母线", value: 0 }, { name: "虚拟母线", value: 1 },], busBarType: [{ name: "实际母线", value: 1 }, { name: "虚拟母线", value: 0 },],
/**监测点详情 */ /**监测点详情 */
monitorPointDetail: { monitorPointDetail: {
/**行业类型 */ /**行业类型 */

2
vue.config.js
View File

@@ -39,7 +39,7 @@ module.exports = {
// target: 'http://192.168.120.210:10215', //hsw // target: 'http://192.168.120.210:10215', //hsw
// target: 'http://192.168.1.28:10215', //超高压 // target: 'http://192.168.1.28:10215', //超高压
// target: "'https://pqmcn.com:8092/api", //治理 // target: "'https://pqmcn.com:8092/api", //治理
target: 'http://192.168.1.24:10215', // 河北 target: 'http://192.168.1.67:10215', // 河北
// target: "http://192.168.1.31:10215", // 海南 // target: "http://192.168.1.31:10215", // 海南
// target: "http://192.168.1.29:10215", // 冀北 // target: "http://192.168.1.29:10215", // 冀北
changeOrigin: true, changeOrigin: true,