优化pagination样式

RuoYi

2023-11-01 29355eb630bee3ccbad463816f17fdfaa8ef5b8e

 src/views/system/dict/data.vue

@@ -91,8 +91,8 @@
         <el-table-column label="字典编码" align="center" prop="dictCode" />

         <el-table-column label="字典标签" align="center" prop="dictLabel">

            <template #default="scope">

               <span v-if="scope.row.listClass == '' || scope.row.listClass == 'default'">{{ scope.row.dictLabel }}</span>

               <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass">{{ scope.row.dictLabel }}</el-tag>

               <span v-if="(scope.row.listClass == '' || scope.row.listClass == 'default') && (scope.row.cssClass == '' || scope.row.cssClass == null)">{{ scope.row.dictLabel }}</span>

               <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass" :class="scope.row.cssClass">{{ scope.row.dictLabel }}</el-tag>

            </template>

         </el-table-column>

         <el-table-column label="字典键值" align="center" prop="dictValue" />

@@ -108,20 +108,10 @@
               <span>{{ parseTime(scope.row.createTime) }}</span>

            </template>

         </el-table-column>

         <el-table-column label="操作" align="center" width="150" class-name="small-padding fixed-width">

         <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">

            <template #default="scope">

               <el-button

                  type="text"

                  icon="Edit"

                  @click="handleUpdate(scope.row)"

                  v-hasPermi="['system:dict:edit']"

               >修改</el-button>

               <el-button

                  type="text"

                  icon="Delete"

                  @click="handleDelete(scope.row)"

                  v-hasPermi="['system:dict:remove']"

               >删除</el-button>

               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">修改</el-button>

               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">删除</el-button>

            </template>

         </el-table-column>

      </el-table>

@@ -220,8 +210,8 @@
  queryParams: {

    pageNum: 1,

    pageSize: 10,

    dictName: undefined,

    dictType: undefined,

    dictLabel: undefined,

    status: undefined

  },

  rules: {

@@ -289,7 +279,7 @@
/** 重置按钮操作 */

function resetQuery() {

  proxy.resetForm("queryRef");

  queryParams.value.dictType = defaultDictType;

  queryParams.value.dictType = defaultDictType.value;

  handleQuery();

}

/** 新增按钮操作 */