表格添加字段排序功能

surprise

2023-11-29 40860ef4a79da4d4f8ffce369011c1a2450fa3c1

 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"
@@ -679,6 +689,7 @@
      this.insertform.tabDesc = val.tabDesc;
      this.insertform.ns = val.ns;
      this.activeName = val.tab;
      this.listData.pageIndex = 1;
      this.listData.tab = val.tab;
      this.listData.ns = val.ns;
      this.startQueryNameData();
@@ -815,6 +826,7 @@
        this.$message.error("列表调用失败");
      }
      var val = JSON.parse(JSON.stringify(data.result));

      var tree = getTreeData(data.result);
      this.domainData = tree
      this.getQueryNameData(tree[0]);
@@ -882,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;
@@ -928,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;
@@ -936,7 +948,7 @@
    overflow-y: auto;
  }
  .right {
    width: 75%;
    width: 78%;
    height: 100%;
    border-radius: 5px;
    padding: 0 10px;