From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改
---
energy_management_ui/src/views/energyBalance/energyPic/energyPic.vue | 361 ++++++++++++++++++++++++++++-----------------------
1 files changed, 196 insertions(+), 165 deletions(-)
diff --git a/energy_management_ui/src/views/energyBalance/energyPic/energyPic.vue b/energy_management_ui/src/views/energyBalance/energyPic/energyPic.vue
index d961a64..f4906b3 100644
--- a/energy_management_ui/src/views/energyBalance/energyPic/energyPic.vue
+++ b/energy_management_ui/src/views/energyBalance/energyPic/energyPic.vue
@@ -2,40 +2,71 @@
<div class="app-container" style="padding:0">
<el-card class="box-card">
<div slot="header" class="clearfix">
- <span>{{moNode?moNode.label:''}}--鑳芥祦鍒嗘瀽</span>
+ <span>{{ moNode ? moNode.label : "" }}--鑳芥祦鍒嗘瀽</span>
</div>
- <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px" class="query-form">
- <el-date-picker clearable size="small" style="width: 200px"
- v-model="queryParams.dataTime"
- :type="dateTypes"
- :value-format="valueFormat"
- placeholder="閫夋嫨鏃ユ湡">
- </el-date-picker>
- <el-form-item label="灏忔椂" prop="selectHour">
- <el-select v-model="queryParams.selectHour" placeholder="璇烽�夋嫨灏忔椂" clearable size="small">
- <el-option
- v-for="dict in selectHourOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
- />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鏌ヨ</el-button>
- </el-form-item>
- </el-form>
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ :inline="true"
+ label-width="68px"
+ class="query-form"
+ >
+ <el-date-picker
+ clearable
+ size="small"
+ style="width: 200px"
+ v-model="queryParams.dataTime"
+ :type="dateTypes"
+ :value-format="valueFormat"
+ placeholder="閫夋嫨鏃ユ湡"
+ >
+ </el-date-picker>
+ <el-form-item label="灏忔椂" prop="selectHour">
+ <el-select
+ v-model="queryParams.selectHour"
+ placeholder="璇烽�夋嫨灏忔椂"
+ clearable
+ size="small"
+ >
+ <el-option
+ v-for="dict in selectHourOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鏌ヨ</el-button
+ >
+ </el-form-item>
+ </el-form>
<div>
- <el-table :data="energyPicList" v-loading="loading" border style="width: 100%; margin-top: 20px">
- <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="modename" min-width="200px"/>
- <el-table-column label="浜у嚭" align="center" prop="a1"/>
- <el-table-column label="娑堣��" align="center" prop="a2"/>
- <el-table-column label="澶栦緵" align="center" prop="a3"/>
- <el-table-column label="鎹熻��" align="center" prop="a4"/>
- </el-table>
- </div>
+ <el-table
+ :data="energyPicList"
+ v-loading="loading"
+ border
+ style="width: 100%; margin-top: 20px"
+ >
+ <el-table-column
+ label="鍗曚綅鍚嶇О"
+ align="center"
+ prop="modename"
+ min-width="200px"
+ />
+ <el-table-column label="浜у嚭" align="center" prop="a1" />
+ <el-table-column label="娑堣��" align="center" prop="a2" />
+ <!-- <el-table-column label="澶栦緵" align="center" prop="a3"/> -->
+ <el-table-column label="鎹熻��" align="center" prop="a4" />
+ </el-table>
+ </div>
<pagination
- v-show="total>0"
+ v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@@ -46,145 +77,145 @@
</template>
<script>
- import {selectEnergyPicList} from "@/api/energyBalance/energyPic"
+import { selectEnergyPicList } from "@/api/energyBalance/energyPic";
- export default {
- name: 'energyIndex',
+export default {
+ name: "energyIndex",
- data() {
- return {
- timeArr:[],
- currentNode: '',
- deviceCategory:undefined,
- // 閬僵灞�
- loading: false,
- // 閫変腑鏁扮粍
- ids: [],
- dateRange: [],
- names: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鎬绘潯鏁�
- total: 10,
- // 鎸囨爣淇℃伅琛ㄦ牸鏁版嵁
- List: [],
- //鑳芥祦鍒嗘瀽鏁版嵁闆嗗悎
- energyPicList: [],
- // 寮瑰嚭灞傛爣棰�
- title: "",
- // 鏄惁鏄剧ず寮瑰嚭灞�
- open: false,
- selectHour:"01",
- selectHourOptions:[{"dictLabel":"01","dictValue":"01","dictType":"selecthour"},
- {"dictLabel":"02","dictValue":"02","dictType":"selecthour"},
- {"dictLabel":"03","dictValue":"03","dictType":"selecthour"},
- {"dictLabel":"04","dictValue":"04","dictType":"selecthour"},
- {"dictLabel":"05","dictValue":"05","dictType":"selecthour"},
- {"dictLabel":"06","dictValue":"06","dictType":"selecthour"},
- {"dictLabel":"07","dictValue":"07","dictType":"selecthour"},
- {"dictLabel":"08","dictValue":"08","dictType":"selecthour"},
- {"dictLabel":"09","dictValue":"09","dictType":"selecthour"},
- {"dictLabel":"10","dictValue":"10","dictType":"selecthour"},
- {"dictLabel":"11","dictValue":"11","dictType":"selecthour"},
- {"dictLabel":"12","dictValue":"12","dictType":"selecthour"},
- {"dictLabel":"13","dictValue":"13","dictType":"selecthour"},
- {"dictLabel":"14","dictValue":"14","dictType":"selecthour"},
- {"dictLabel":"15","dictValue":"15","dictType":"selecthour"},
- {"dictLabel":"16","dictValue":"16","dictType":"selecthour"},
- {"dictLabel":"17","dictValue":"17","dictType":"selecthour"},
- {"dictLabel":"18","dictValue":"18","dictType":"selecthour"},
- {"dictLabel":"19","dictValue":"19","dictType":"selecthour"},
- {"dictLabel":"20","dictValue":"20","dictType":"selecthour"},
- {"dictLabel":"21","dictValue":"21","dictType":"selecthour"},
- {"dictLabel":"22","dictValue":"22","dictType":"selecthour"},
- {"dictLabel":"23","dictValue":"23","dictType":"selecthour"}
- ],
- queryParams: {
- eierarchyFlag:"B",
- pageNum: 1,
- pageSize: 10,
- name: undefined,
- value:undefined,
- code: undefined,
- dataTime: undefined,
- selectHour:"01",
- nodeid:""
- },
- dateTypes: 'date',
- valueFormat:"yyyy-MM-dd",
- tableData: [],
- datas: [],
- // 琛ㄥ崟鍙傛暟
- form: {},
- // 琛ㄥ崟鏍￠獙
- rules: {
- },
- moNode: undefined,
+ data() {
+ return {
+ timeArr: [],
+ currentNode: "",
+ deviceCategory: undefined,
+ // 閬僵灞�
+ loading: false,
+ // 閫変腑鏁扮粍
+ ids: [],
+ dateRange: [],
+ names: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鎬绘潯鏁�
+ total: 10,
+ // 鎸囨爣淇℃伅琛ㄦ牸鏁版嵁
+ List: [],
+ //鑳芥祦鍒嗘瀽鏁版嵁闆嗗悎
+ energyPicList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ selectHour: "01",
+ selectHourOptions: [
+ { dictLabel: "01", dictValue: "01", dictType: "selecthour" },
+ { dictLabel: "02", dictValue: "02", dictType: "selecthour" },
+ { dictLabel: "03", dictValue: "03", dictType: "selecthour" },
+ { dictLabel: "04", dictValue: "04", dictType: "selecthour" },
+ { dictLabel: "05", dictValue: "05", dictType: "selecthour" },
+ { dictLabel: "06", dictValue: "06", dictType: "selecthour" },
+ { dictLabel: "07", dictValue: "07", dictType: "selecthour" },
+ { dictLabel: "08", dictValue: "08", dictType: "selecthour" },
+ { dictLabel: "09", dictValue: "09", dictType: "selecthour" },
+ { dictLabel: "10", dictValue: "10", dictType: "selecthour" },
+ { dictLabel: "11", dictValue: "11", dictType: "selecthour" },
+ { dictLabel: "12", dictValue: "12", dictType: "selecthour" },
+ { dictLabel: "13", dictValue: "13", dictType: "selecthour" },
+ { dictLabel: "14", dictValue: "14", dictType: "selecthour" },
+ { dictLabel: "15", dictValue: "15", dictType: "selecthour" },
+ { dictLabel: "16", dictValue: "16", dictType: "selecthour" },
+ { dictLabel: "17", dictValue: "17", dictType: "selecthour" },
+ { dictLabel: "18", dictValue: "18", dictType: "selecthour" },
+ { dictLabel: "19", dictValue: "19", dictType: "selecthour" },
+ { dictLabel: "20", dictValue: "20", dictType: "selecthour" },
+ { dictLabel: "21", dictValue: "21", dictType: "selecthour" },
+ { dictLabel: "22", dictValue: "22", dictType: "selecthour" },
+ { dictLabel: "23", dictValue: "23", dictType: "selecthour" }
+ ],
+ queryParams: {
+ eierarchyFlag: "B",
+ pageNum: 1,
+ pageSize: 10,
+ name: undefined,
+ value: undefined,
+ code: undefined,
+ dataTime: undefined,
+ selectHour: "01",
+ nodeid: ""
+ },
+ dateTypes: "date",
+ valueFormat: "yyyy-MM-dd",
+ tableData: [],
+ datas: [],
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {},
+ moNode: undefined
+ };
+ },
+ created() {
+ this.setNowDate();
+ },
+ methods: {
+ modelNodeChange(modelNode, deviceCategory) {
+ this.moNode = modelNode;
+ this.queryParams.nodeid = modelNode.id;
+ this.deviceCategory = deviceCategory;
+ this.getList();
+ },
+ setNowDate() {
+ let nowDate = new Date();
+ let date = {
+ year: nowDate.getFullYear(),
+ month: nowDate.getMonth() + 1,
+ day: nowDate.getDate()
};
+ this.queryParams.dataTime =
+ date.year + "-" + this.gshRq(date.month) + "-" + this.gshRq(date.day);
},
- created() {
- this.setNowDate();
+ gshRq(rq) {
+ return rq * 1 < 10 ? "0" + rq : rq;
},
- methods: {
- modelNodeChange(modelNode,deviceCategory) {
- this.moNode = modelNode;
- this.queryParams.nodeid = modelNode.id;
- this.deviceCategory = deviceCategory;
- this.getList();
- },
- setNowDate() {
- let nowDate = new Date();
- let date = {
- year: nowDate.getFullYear(),
- month: nowDate.getMonth() + 1,
- day: nowDate.getDate(),
- }
- this.queryParams.dataTime = date.year + '-' + this.gshRq(date.month) + '-' +this.gshRq(date.day);
- },
- gshRq(rq)
- {
- return ((rq*1)<10)?'0'+rq:rq;
- },
- /** 鏌ヨ鎸囨爣淇℃伅鍒楄〃 */
- getList() {
- this.loading = true;
- //var search = this.queryParams;
- selectEnergyPicList(this.queryParams).then(response => {
- this.energyPicList = response.rows;
- this.total = response.total;
- this.loading = false;
- });
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- indexId: undefined,
- name: undefined,
- code: undefined,
- indexCategory: undefined,
- remark: undefined,
- unitId: undefined
- };
- this.resetForm("form");
- },
+ /** 鏌ヨ鎸囨爣淇℃伅鍒楄〃 */
+ getList() {
+ this.loading = true;
+ //var search = this.queryParams;
+ selectEnergyPicList(this.queryParams).then(response => {
+ this.energyPicList = response.rows;
+ this.total = response.total;
+ this.loading = false;
+ });
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ indexId: undefined,
+ name: undefined,
+ code: undefined,
+ indexCategory: undefined,
+ remark: undefined,
+ unitId: undefined
+ };
+ this.resetForm("form");
+ },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- if("5"===this.deviceCategory){
- this.getList();
- }else {
- this.tableData = [];
- }
- },
- getTime(){
- this.startTime = new Date().setHours(0, 0, 0, 0);
- this.endTime = new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1;
- //鏄剧ず鏃堕棿
- this.timeArr = [this.startTime,this.endTime];
- },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ if ("5" === this.deviceCategory) {
+ this.getList();
+ } else {
+ this.tableData = [];
+ }
+ },
+ getTime() {
+ this.startTime = new Date().setHours(0, 0, 0, 0);
+ this.endTime = new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1;
+ //鏄剧ず鏃堕棿
+ this.timeArr = [this.startTime, this.endTime];
}
- };
+ }
+};
</script>
--
Gitblit v1.9.3