fix: 角色管理

src/views/system/Role/Detail/Permiss/index.vue

@@ -2,19 +2,26 @@
     <div class="role-permiss-container">
         <section class="card">
             <h5>基本信息</h5>
-            <j-form ref="formRef" class="basic-form" :model="form.data" layout="vertical">
+            <j-form
+                ref="formRef"
+                class="basic-form"
+                :model="form.data"
+                layout="vertical"
+            >
                 <j-form-item
                     name="name"
                     label="名称"
-                    :rules="[{ required: true, message: '请输入名称' }]"
+                    :rules="[
+                        { required: true, message: '请输入名称' },
+                        { max: 64, message: '最多可输入64个字符' },
+                    ]"
                 >
                     <j-input
                         v-model:value="form.data.name"
                         placeholder="请输入角色名称"
-                        :maxlength="64"
                     />
                 </j-form-item>
-                <j-form-item name="name" label="说明">
+                <j-form-item label="说明">
                     <j-textarea
                         v-model:value="form.data.description"
                         placeholder="请输入说明"
@@ -33,7 +40,7 @@
                 type="primary"
                 :disabled="form.loading"
                 @click="form.clickSave"
-                style="margin-top: 24px;"
+                style="margin-top: 24px"
                 >保存</j-button
             >
         </section>
@@ -113,6 +120,13 @@ form.getForm();
         }
 
         .basic-form {
+            :deep(.ant-form-item-required) {
+                padding-right: 12px;
+
+                &::before{
+                    right: 0;
+                }
+            }
             .ant-form-item {
                 display: block;
                 width: 60%;

src/views/system/Role/components/AddDialog.vue

@@ -1,5 +1,5 @@
 <template>
-    <a-modal
+    <j-modal
         visible
         title="新增"
         width="670px"
@@ -7,29 +7,31 @@
         @ok="confirm"
         :confirm-loading="loading"
     >
-        <a-form ref="formRef" :model="form" layout="vertical">
-            <a-form-item
+        <j-form ref="formRef" :model="form" layout="vertical">
+            <j-form-item
                 name="name"
                 label="名称"
-                :rules="[{ required: true, message: '请输入名称' }]"
+                :rules="[
+                    { required: true, message: '请输入名称' },
+                    { max: 64, message: '最多可输入64个字符' },
+                ]"
             >
-                <a-input
+                <j-input
                     v-model:value="form.name"
                     placeholder="请输入角色名称"
                     allow-clear
-                    :maxlength="64"
                 />
-            </a-form-item>
-            <a-form-item name="name" label="说明">
-                <a-textarea
+            </j-form-item>
+            <j-form-item name="name" label="说明">
+                <j-textarea
                     v-model:value="form.description"
                     placeholder="请输入说明"
                     allow-clear
                     :maxlength="200"
                 />
-            </a-form-item>
-        </a-form>
-    </a-modal>
+            </j-form-item>
+        </j-form>
+    </j-modal>
 </template>
 
 <script setup lang="ts">

src/views/system/Role/index.vue

@@ -1,6 +1,6 @@
 <template>
     <page-container>
-        <a-card class="role-container">
+        <div class="role-container">
             <j-advanced-search
                 :columns="columns"
                 @search="(params:any)=>queryParams = params"
@@ -12,6 +12,12 @@
                 :request="getRoleList_api"
                 model="TABLE"
                 :params="queryParams"
+                :defaultParams="{
+                    sorts: [
+                        { name: 'createTime', order: 'desc' },
+                        { name: 'id', order: 'desc' },
+                    ],
+                }"
             >
                 <template #headerTitle>
                     <PermissionButton
@@ -24,7 +30,7 @@
                 </template>
 
                 <template #action="slotProps">
-                    <a-space :size="16">
+                    <j-space :size="16">
                         <PermissionButton
                             :uhasPermission="`${permission}:update`"
                             type="link"
@@ -46,12 +52,12 @@
                         >
                             <AIcon type="DeleteOutlined" />
                         </PermissionButton>
-                    </a-space>
+                    </j-space>
                 </template>
             </j-pro-table>
 
             <AddDialog v-if="dialogVisible" v-model:visible="dialogVisible" />
-        </a-card>
+        </div>
     </page-container>
 </template>