zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 界面调整

This commit is contained in:
caoqianming 2024-02-01 17:56:29 +08:00
parent eeeadd9b98
commit 72f7bc4a38
2 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/bigScreen/enpComponents/cems.vue
View File

@ -60,14 +60,14 @@
<div style="display:flex"> <div style="display:flex">
<div style="width: 500px"> <div style="width: 500px">
<el-date-picker v-model="timeRange" type="datetimerange" range-separator="至" start-placeholder="开始时间" <el-date-picker v-model="timeRange" type="datetimerange" range-separator="至" start-placeholder="开始时间"
end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" @change="handleQuery" style="width: 100%" /> end-placeholder="结束时间" @change="handleQuery" style="width: 100%" />
</div> </div>
<el-select v-model="query.time_bucket" placeholder="周期" style="margin-left:4px" @change="handleQuery"> <el-select v-model="query.time_bucket" placeholder="周期" style="margin-left:4px" @change="handleQuery">
<el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</div> </div>
<div id="cChart" style="width: 100%; height:400px"></div> <div id="cChart" style="width: 100%; height:400px; margin-top: 16px"></div>
</el-card> </el-card>
</template> </template>
<script> <script>
@ -127,17 +127,13 @@ export default {
var now = new Date(); var now = new Date();
var start = new Date(); var start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 3); start.setTime(start.getTime() - 3600 * 1000 * 24 * 3);
let start_ = this.$TOOL.dateFormat(start) this.timeRange = [start, now]
let now_ = this.$TOOL.dateFormat(now)
this.timeRange = [start_, now_]
}, },
rowClick(row) { rowClick(row) {
this.currentEquipmentId = row.equipment; this.currentEquipmentId = row.equipment;
this.currentEquipmentName = row.equipment_name; this.currentEquipmentName = row.equipment_name;
this.query.equipment_id = row.equipment; this.query.equipment_id = row.equipment;
this.query.start_time = this.timeRange[0]; this.$nextTick(() => { this.handleQuery() })
this.query.end_time = this.timeRange[1];
this.$nextTick(() => { this.initChart() })
}, },
initChart() { initChart() {
@ -147,12 +143,13 @@ export default {
myChart = echarts.init(document.getElementById('cChart')); myChart = echarts.init(document.getElementById('cChart'));
} }
myChart.showLoading(); myChart.showLoading();
this.$API.bi.dataset.exec.req('enp_edata', { this.$API.bi.dataset.exec.req('enp_edata2', {
query: this.query, query: this.query,
raise_exception: true raise_exception: true
}).then(res => { }).then(res => {
let newOption = Object.assign({}, this.basicOption); let newOption = Object.assign({}, this.basicOption);
let ds0 = res.data.ds0 let ds0 = res.data.ds0
ds0.pop()
let series = [] let series = []
if (ds0) { if (ds0) {
let ds00 = ds0[0] let ds00 = ds0[0]
@ -168,8 +165,23 @@ export default {
}, },
handleQuery() { handleQuery() {
this.query.start_time = this.timeRange[0] let time1 = this.timeRange[0]
this.query.end_time = this.timeRange[1] let time2 = this.timeRange[1]
let formatstr = 'yyyy-MM-dd hh:mm:ss'
if (this.query.time_bucket == '1 minute') {
time2.setTime(time2.getTime() + 1000 * 60);
formatstr = 'yyyy-MM-dd hh:mm:00'
}
else if (this.query.time_bucket == '1 hour') {
time2.setTime(time2.getTime() + 1000 * 60 * 60);
formatstr = 'yyyy-MM-dd hh:00:00'
}
else if (this.query.time_bucket == '1 day') {
time2.setTime(time2.getTime() + 1000 * 60 * 60 * 24);
formatstr = 'yyyy-MM-dd'
}
this.query.start_time = this.$TOOL.dateFormat(time1, formatstr)
this.query.end_time = this.$TOOL.dateFormat(time2, formatstr)
this.initChart() this.initChart()
} }
}, },

3
src/views/bigScreen/enpComponents/cems2.vue
View File

@ -46,7 +46,8 @@ export default {
"hour": 15, "hour": 15,
"year": 2024, "year": 2024,
"month": 1, "month": 1,
"metric": "dust_rtd" "metric": "dust_rtd",
"drain_type": 10
} }
} }
}, },