perf: 优化显示

yudao-ui-admin-vue3/src/views/system/role/index.vue

@@ -74,12 +74,12 @@
     </template>
   </XModal>
   <XModal v-model="dialogScopeVisible" :title="dialogScopeTitle">
-    <el-form :model="dataScopeForm">
+    <el-form :model="dataScopeForm" label-width="140px" :inline="true">
       <el-form-item label="角色名称">
-        <el-input v-model="dataScopeForm.name" :disabled="true" />
+        <el-tag>{{ dataScopeForm.name }}</el-tag>
       </el-form-item>
       <el-form-item label="角色标识">
-        <el-input v-model="dataScopeForm.code" :disabled="true" />
+        <el-tag>{{ dataScopeForm.code }}</el-tag>
       </el-form-item>
       <!-- 分配角色的数据权限对话框 -->
       <el-form-item label="权限范围" v-if="actionScopeType === 'data'">
@@ -146,12 +146,12 @@ import { onMounted, reactive, ref, unref } from 'vue'
 import {
   ElForm,
   ElFormItem,
-  ElInput,
   ElSelect,
   ElOption,
   ElTree,
   ElCard,
-  ElSwitch
+  ElSwitch,
+  ElTag
 } from 'element-plus'
 import { DICT_TYPE, getDictOptions } from '@/utils/dict'
 import { useI18n } from '@/hooks/web/useI18n'

yudao-ui-admin-vue3/src/views/system/user/index.vue

@@ -158,12 +158,12 @@
   </XModal>
   <!-- 分配用户角色 -->
   <XModal v-model="roleDialogVisible" title="分配角色">
-    <el-form :model="userRole" label-width="80px">
+    <el-form :model="userRole" label-width="140px" :inline="true">
       <el-form-item label="用户名称">
-        <el-input v-model="userRole.username" :disabled="true" />
+        <el-tag>{{ userRole.username }}</el-tag>
       </el-form-item>
       <el-form-item label="用户昵称">
-        <el-input v-model="userRole.nickname" :disabled="true" />
+        <el-tag>{{ userRole.nickname }}</el-tag>
       </el-form-item>
       <el-form-item label="角色">
         <el-transfer
@@ -180,13 +180,7 @@
     <!-- 操作按钮 -->
     <template #footer>
       <!-- 按钮：保存 -->
-      <XButton
-        v-if="['create', 'update'].includes(actionType)"
-        type="primary"
-        :title="t('action.save')"
-        :loading="loading"
-        @click="submitRole()"
-      />
+      <XButton type="primary" :title="t('action.save')" :loading="loading" @click="submitRole()" />
       <!-- 按钮：关闭 -->
       <XButton :title="t('dialog.close')" @click="roleDialogVisible = false" />
     </template>