From c40e3de17653a10a06ead765813783a5614a32ce Mon Sep 17 00:00:00 2001 From: 王旭 <1377869194@qq.com> Date: 星期四, 16 二月 2023 17:40:43 +0800 Subject: [PATCH] 调整运维管理部分页面格式 --- src/views/maintenance/parameterConfiguration.vue | 92 +++++++++++++++++++++------------------------- 1 files changed, 42 insertions(+), 50 deletions(-) diff --git a/src/views/maintenance/parameterConfiguration.vue b/src/views/maintenance/parameterConfiguration.vue index ad93913..f357b1d 100644 --- a/src/views/maintenance/parameterConfiguration.vue +++ b/src/views/maintenance/parameterConfiguration.vue @@ -1,16 +1,19 @@ <template> <div class="parameterConfiguration_box"> - <My-bread :list="[ + <My-bread + :list="[ `${$t('operatManage.operatManage')}`, `${$t('operatManage.systemLayout')}`, - ]"></My-bread> + ]" + ></My-bread> <el-divider /> - <div style="height: 73%"> - <el-table - ref="filterTable" - :data="tableData" - style="width: 100%" - height="99%"> + <div class="table_box" :style="styleVar"> + <el-table + ref="filterTable" + :data="tableData" + style="width: 100%" + height="calc(100% - 57px)" + > <el-table-column align="center" type="index" @@ -59,7 +62,8 @@ type="warning" plain size="small" - >{{ $t('common.edit') }}</el-button> + >{{ $t("common.edit") }}</el-button + > </template> </el-table-column> </el-table> @@ -94,10 +98,7 @@ :label="$t('operatManage.sysLayOutObj.cvalue')" :label-width="formLabelWidth" > - <el-input - v-model="upform.cvalue" - autocomplete="off" - ></el-input> + <el-input v-model="upform.cvalue" autocomplete="off"></el-input> </el-form-item> <el-form-item :label="$t('operatManage.sysLayOutObj.dvalue')" @@ -124,29 +125,21 @@ <label class="boxlabel">{{ upform.descr }}</label> </el-form-item> </el-form> - <div - slot="footer" - class="dialog-footer" - > - <el-button - size="small" - @click="EditFromDataClose" - >{{ - $t('common.close') + <div slot="footer" class="dialog-footer"> + <el-button size="small" @click="EditFromDataClose">{{ + $t("common.close") }}</el-button> - <el-button - @click="EditFromData" - size="small" - type="primary" - >{{ $t('common.confirm') }}</el-button> + <el-button @click="EditFromData" size="small" type="primary">{{ + $t("common.confirm") + }}</el-button> </div> </el-dialog> </div> </template> <script> -import MyBread from '../../components/MyBread.vue'; -import { select_Args_ByPageAndCount, update_args } from '../../api/api.js'; +import MyBread from "../../components/MyBread.vue"; +import { select_Args_ByPageAndCount, update_args } from "../../api/api.js"; export default { //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� components: { @@ -160,15 +153,20 @@ insert: false, update: false, }, - formLabelWidth: '120px', + formLabelWidth: "120px", upform: {}, EditFormdialog: false, tableData: [], count: 0, listData: { - name: '', + name: "", pageIndex: 1, pageSize: 10, + }, + tableHeight: 0, + timer: 0, + styleVar: { + height: "calc(100% - 75px)", }, }; }, @@ -195,8 +193,8 @@ parseInt(this.upform.cvalue) > parseInt(this.upform.maxValue) ) { this.$message({ - message: '褰撳墠鍊间笉鑳藉皬浜庢渶灏忓�兼垨澶т簬鏈�澶у��!', - type: 'warning', + message: "褰撳墠鍊间笉鑳藉皬浜庢渶灏忓�兼垨澶т簬鏈�澶у��!", + type: "warning", }); return; } @@ -206,26 +204,26 @@ this.uploadFile = val_data.result; this.$message({ - message: '淇敼鎴愬姛锛�', - type: 'success', + message: "淇敼鎴愬姛锛�", + type: "success", }); this.getRoleTabelData(); this.EditFormdialog = false; this.upform = {}; } else { this.$message({ - message: '淇敼澶辫触锛�', - type: 'warning', + message: "淇敼澶辫触锛�", + type: "warning", }); } }, async getRoleTabelData() { - if (this.listData.tab == '') { + if (this.listData.tab == "") { delete this.listData.tab; } const data = await select_Args_ByPageAndCount(this.listData); if (data.code != 200) { - this.$message.error('鍒楄〃璋冪敤澶辫触'); + this.$message.error("鍒楄〃璋冪敤澶辫触"); } console.log(data); this.tableData = data.result; @@ -233,13 +231,13 @@ }, showPermsMenu(res) { switch (res.tag) { - case '/delete': + case "/delete": this.menuStatus.delete = true; break; - case '/insert': + case "/insert": this.menuStatus.insert = true; break; - case '/update': + case "/update": this.menuStatus.update = true; break; } @@ -263,14 +261,14 @@ height: 98%; width: 98%; padding: 1%; - + .parameterConfiguration { padding-top: 10px; padding-bottom: 10px; height: 88%; overflow: auto; border-radius: 5px; - + box-sizing: border-box; .el-select { width: 100%; @@ -279,12 +277,6 @@ display: flex; justify-content: center; } - } - .pagination_box { - margin-top: 10px; - } - - } </style> -- Gitblit v1.9.3