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/energyMonitoring/e-gasMonitoring/index.vue | 338 ++++++++++++++++++++++++++++----------------------------
1 files changed, 170 insertions(+), 168 deletions(-)
diff --git a/energy_management_ui/src/views/energyMonitoring/e-gasMonitoring/index.vue b/energy_management_ui/src/views/energyMonitoring/e-gasMonitoring/index.vue
index 1759736..9149d99 100644
--- a/energy_management_ui/src/views/energyMonitoring/e-gasMonitoring/index.vue
+++ b/energy_management_ui/src/views/energyMonitoring/e-gasMonitoring/index.vue
@@ -9,9 +9,7 @@
<div slot="header" class="clearfix" style="height:32px">
瀹炴椂鏁版嵁缁勬�佸浘
</div>
- <el-input
- placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�"
- v-model="filterText">
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText">
</el-input>
<el-tree
@@ -20,186 +18,190 @@
:props="defaultProps"
default-expand-all
:filter-node-method="filterNode"
- ref="tree">
+ ref="tree"
+ >
</el-tree>
</el-card>
</el-aside>
<el-container>
<el-main style="padding:0">
-<!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
-<!-- <el-tab-pane label="妫�娴嬪浘" name="first">鐢ㄦ埛绠＄悊</el-tab-pane>-->
-<!-- <el-tab-pane label="鎶ヨ〃" name="second">閰嶇疆绠＄悊</el-tab-pane>-->
-<!-- <el-tab-pane label="瓒嬪娍鍥�" name="third">瑙掕壊绠＄悊</el-tab-pane>-->
-<!-- <el-tab-pane label="鎶ヨ璁板綍" name="fourth">瀹氭椂浠诲姟琛ュ伩</el-tab-pane>-->
-<!-- </el-tabs>-->
- <svg-icon v-bind:iconClass="imgShow.realName" className='icon'></svg-icon>
+ <!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
+ <!-- <el-tab-pane label="妫�娴嬪浘" name="first">鐢ㄦ埛绠＄悊</el-tab-pane>-->
+ <!-- <el-tab-pane label="鎶ヨ〃" name="second">閰嶇疆绠＄悊</el-tab-pane>-->
+ <!-- <el-tab-pane label="瓒嬪娍鍥�" name="third">瑙掕壊绠＄悊</el-tab-pane>-->
+ <!-- <el-tab-pane label="鎶ヨ璁板綍" name="fourth">瀹氭椂浠诲姟琛ュ伩</el-tab-pane>-->
+ <!-- </el-tabs>-->
+ <svg-icon
+ v-bind:iconClass="imgShow.realName"
+ className="icon"
+ ></svg-icon>
</el-main>
-<!-- <el-main style="padding:0">-->
-<!-- <realTimeSetting ref="realTimeSetting"></realTimeSetting>-->
-<!-- </el-main>-->
-<!-- <svg-icon v-bind:iconClass="imgShow.realName" className='icon'></svg-icon>-->
+ <!-- <el-main style="padding:0">-->
+ <!-- <realTimeSetting ref="realTimeSetting"></realTimeSetting>-->
+ <!-- </el-main>-->
+ <!-- <svg-icon v-bind:iconClass="imgShow.realName" className='icon'></svg-icon>-->
</el-container>
</el-container>
</div>
</template>
<style scoped>
- .icon {
- width: 970px;
- height: 550px;
- }
+.icon {
+ width: 970px;
+ height: 550px;
+}
</style>
<script>
- import {
- listEquipmentfile,
- } from "@/api/basicSetup/equipmentfile";
- export default {
- watch: {
- filterText(val) {
- this.$refs.tree.filter(val);
+import { listEquipmentfile } from "@/api/basicSetup/equipmentfile";
+export default {
+ watch: {
+ filterText(val) {
+ this.$refs.tree.filter(val);
+ }
+ },
+ data() {
+ var choiceIndex;
+ var Indexid;
+ var realName = "2020-03-12-275a44966506b783f033058f9e0e3472";
+ return {
+ //鍙宠竟鑿滃崟鏍�
+ activeName: "瀹炴椂鐩戞祴",
+ // 閬僵灞�
+ loading: true,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ //
+ imgShow: [(realName = "")],
+ // 缁勬�佸浘琛ㄦ牸鏁版嵁
+ equipmentfileList: [],
+ //娴嬬偣琛ㄦ牸鏁版嵁
+ equipmentfilecdList: [(choiceIndex = "")],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ footopen: false,
+ addImgOpen: false,
+ uploadOpen: false,
+ indexLoading: false,
+ //缁勬�佸浘閫夋嫨鎸囨爣
+ statisticIndexDialog: false,
+ //缁勬�佸浘娴嬬偣寮瑰嚭灞�
+ imgcdopen: false,
+ // ID瀛楀吀
+ fileidOptions: [],
+ // 鏂囦欢鍚嶇О瀛楀吀
+ filenameOptions: [],
+ // 鏂囦欢缂栧彿瀛楀吀
+ filenoOptions: [],
+ // 鎿嶄綔浜哄瓧鍏�
+ opomanOptions: [],
+ // 鎿嶄綔鏃堕棿瀛楀吀
+ opotimeOptions: [],
+ // 鏂囦欢璺緞瀛楀吀
+ filepathOptions: [],
+ // 澶囨敞瀛楀吀
+ noteOptions: [],
+ settingStatisticIndexList: [],
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ filename: [
+ { required: true, message: "鏂囦欢鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
+ ],
+ fileno: [
+ { required: true, message: "鏂囦欢缂栧彿涓嶈兘涓虹┖", trigger: "blur" }
+ ]
+ },
+ filterText: "",
+ svgData: [
+ {
+ id: 1,
+ label: "鐢熶骇浼佷笟",
+ children: [
+ {
+ id: 2,
+ label: "姘寸郴缁�"
+ },
+ {
+ id: 3,
+ label: "鐢电郴缁�"
}
- },
- data() {
- var choiceIndex;
- var Indexid;
- var realName = "2020-03-12-275a44966506b783f033058f9e0e3472";
- return {
- //鍙宠竟鑿滃崟鏍�
- activeName: '瀹炴椂鐩戞祴',
- // 閬僵灞�
- loading: true,
- // 閫変腑鏁扮粍
- ids: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鎬绘潯鏁�
- total: 0,
- //
- imgShow:[
- realName=""
- ],
- // 缁勬�佸浘琛ㄦ牸鏁版嵁
- equipmentfileList: [],
- //娴嬬偣琛ㄦ牸鏁版嵁
- equipmentfilecdList: [
- choiceIndex = ""
- ],
- // 寮瑰嚭灞傛爣棰�
- title: "",
- // 鏄惁鏄剧ず寮瑰嚭灞�
- open: false,
- footopen: false,
- addImgOpen: false,
- uploadOpen: false,
- indexLoading: false,
- //缁勬�佸浘閫夋嫨鎸囨爣
- statisticIndexDialog: false,
- //缁勬�佸浘娴嬬偣寮瑰嚭灞�
- imgcdopen: false,
- // ID瀛楀吀
- fileidOptions: [],
- // 鏂囦欢鍚嶇О瀛楀吀
- filenameOptions: [],
- // 鏂囦欢缂栧彿瀛楀吀
- filenoOptions: [],
- // 鎿嶄綔浜哄瓧鍏�
- opomanOptions: [],
- // 鎿嶄綔鏃堕棿瀛楀吀
- opotimeOptions: [],
- // 鏂囦欢璺緞瀛楀吀
- filepathOptions: [],
- // 澶囨敞瀛楀吀
- noteOptions: [],
- settingStatisticIndexList: [],
- // 琛ㄥ崟鍙傛暟
- form: {},
- // 琛ㄥ崟鏍￠獙
- rules: {
- filename: [
- {required: true, message: "鏂囦欢鍚嶇О涓嶈兘涓虹┖", trigger: "blur"}
- ], fileno: [
- {required: true, message: "鏂囦欢缂栧彿涓嶈兘涓虹┖", trigger: "blur"}
- ],
- },
- filterText: '',
- svgData:[{
- id:1,
- label:"鐢熶骇浼佷笟",
- children:[{
- id:2,
- label:"姘寸郴缁�",
- },{
- id:3,
- label: "鐢电郴缁�",
- }],
- }],
- defaultProps: {
- children: 'children',
- label: 'label'
- },
- };
- },
- created() {
- this.getList();
- this.imgShow.realName = "dian";
- },
- methods: {
- //閫氳繃
- handleClick(tab, event) {
- console.log(tab, event);
- },
- //鍒囨崲缁勬�佸浘鏌ョ湅
- updateImg(row){
- var pos = row.filepath.lastIndexOf('/');
- var str = row.filepath.substr(pos+1);
- this.imgShow.realName = str.substring(0,str.length-4);
- console.log(this.imgShow.realName)
- },
- //閫氳繃鍏抽敭瀛楄繘琛岃繃婊ょ粍鎬佸浘
- filterNode(value, data) {
- if (!value) return true;
- return data.label.indexOf(value) !== -1;
- },
- /** 鏌ヨ缁勬�佸浘鍒楄〃 */
- getList() {
- this.loading = true;
- listEquipmentfile(this.queryParams).then(response => {
- this.equipmentfileList = response.rows;
- this.total = response.total;
- this.loading = false;
- });
- },
- // 鍙栨秷鎸夐挳
- cancel() {
- this.open = false;
- this.reset();
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- fileid: undefined,
- filename: undefined,
- fileno: undefined,
- opoman: undefined,
- opotime: undefined,
- filepath: undefined,
- note: undefined,
- img: undefined
- };
- this.resetForm("form");
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
+ ]
}
+ ],
+ defaultProps: {
+ children: "children",
+ label: "label"
+ }
};
+ },
+ created() {
+ this.getList();
+ this.imgShow.realName = "dian";
+ },
+ methods: {
+ //閫氳繃
+ handleClick(tab, event) {
+ console.log(tab, event);
+ },
+ //鍒囨崲缁勬�佸浘鏌ョ湅
+ updateImg(row) {
+ var pos = row.filepath.lastIndexOf("/");
+ var str = row.filepath.substr(pos + 1);
+ this.imgShow.realName = str.substring(0, str.length - 4);
+ console.log(this.imgShow.realName);
+ },
+ //閫氳繃鍏抽敭瀛楄繘琛岃繃婊ょ粍鎬佸浘
+ filterNode(value, data) {
+ if (!value) return true;
+ return data.label.indexOf(value) !== -1;
+ },
+ /** 鏌ヨ缁勬�佸浘鍒楄〃 */
+ getList() {
+ this.loading = true;
+ listEquipmentfile(this.queryParams).then(response => {
+ this.equipmentfileList = response.rows;
+ this.total = response.total;
+ this.loading = false;
+ });
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ fileid: undefined,
+ filename: undefined,
+ fileno: undefined,
+ opoman: undefined,
+ opotime: undefined,
+ filepath: undefined,
+ note: undefined,
+ img: undefined
+ };
+ this.resetForm("form");
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ }
+ }
+};
</script>
--
Gitblit v1.9.3