From 40860ef4a79da4d4f8ffce369011c1a2450fa3c1 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期三, 29 十一月 2023 16:51:26 +0800
Subject: [PATCH] 表格添加字段排序功能

---
 src/views/datamanage/dictionaryManage.vue |   44 +++++++++++++++++++++++++++-----------------
 1 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue
index acf6914..5430606 100644
--- a/src/views/datamanage/dictionaryManage.vue
+++ b/src/views/datamanage/dictionaryManage.vue
@@ -105,10 +105,11 @@
         >
           <el-table
             :data="tableData"
-            style="width: 100%"
+            
             border
             @selection-change="handleSelectionChange"
-            height="calc(100% - 57px)"
+            height="calc(100% - 87px)"
+            style="width: 100%"
           >
             <el-table-column
               type="selection"
@@ -124,33 +125,39 @@
               :label="$t('dataManage.dictionaryManageObj.number')"
             /> -->
             <el-table-column
-              min-width="100"
+              min-width="130"
               prop="field"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.fieldName')"
             />
             <el-table-column
-              min-width="120"
+              min-width="170"
               prop="alias"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
             />
             <el-table-column
-              min-width="100"
+              min-width="130"
               prop="type"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.fieldType')"
             />
             <el-table-column
-              min-width="80"
+              min-width="120"
               prop="len"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.fieldLength')"
             />
             <el-table-column
-              min-width="80"
+              min-width="120"
               prop="precision"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
             />
             <el-table-column
-              min-width="100"
+              min-width="120"
               prop="tab"
+              sortable 
               :label="
                 $t('dataManage.dictionaryManageObj.tableName')
               "
@@ -158,30 +165,33 @@
             <el-table-column
               min-width="100"
               prop="bak"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.remark')"
             />
             <el-table-column
-              min-width="100"
+              min-width="130"
               prop="createTime"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.creationTime')"
               :formatter="formatData"
             />
-            <el-table-column
+            <!-- <el-table-column
               min-width="100"
               prop="createName"
               :label="$t('dataManage.dictionaryManageObj.createPersonnel')"
-            />
+            /> -->
             <el-table-column
-              min-width="100"
+              min-width="130"
               prop="updateTime"
+              sortable 
               :label="$t('dataManage.dictionaryManageObj.updateTime')"
               :formatter="formatData"
             />
-            <el-table-column
+            <!-- <el-table-column
               min-width="100"
               prop="updateName"
               :label="$t('dataManage.dictionaryManageObj.updatePersonnel')"
-            />
+            /> -->
 
             <el-table-column
               min-width="180"
@@ -884,7 +894,7 @@
   width: 98%;
   padding: 0.5%;
   .dictionary_leftTree {
-    width: calc(23% - 0px);
+    width: calc(20% - 0px);
     height: 100%;
     padding: 10px;
     border-radius: 5px;
@@ -930,7 +940,7 @@
   display: flex;
   justify-content: space-around;
   .leftTree {
-    width: calc(23% - 0px);
+    width: calc(20% - 0px);
     height: 100%;
     padding: 10px;
     border-radius: 5px;
@@ -938,7 +948,7 @@
     overflow-y: auto;
   }
   .right {
-    width: 75%;
+    width: 78%;
     height: 100%;
     border-radius: 5px;
     padding: 0 10px;

--
Gitblit v1.9.3