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