style: system views code style

apps/web-antd/src/views/system/user/modules/assign-role-form.vue

@@ -2,11 +2,12 @@
 import type { SystemUserApi } from '#/api/system/user';
 
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
 import { useVbenForm } from '#/adapter/form';
-import { getUserRoleList, assignUserRole } from '#/api/system/permission';
+import { assignUserRole, getUserRoleList } from '#/api/system/permission';
+import { $t } from '#/locales';
 
 import { useAssignRoleFormSchema } from '../data';
 

apps/web-antd/src/views/system/user/modules/dept-tree.vue

@@ -1,10 +1,12 @@
 <script lang="ts" setup>
-import { type SystemDeptApi} from '#/api/system/dept';
+import type { SystemDeptApi } from '#/api/system/dept';
 
-import { Tree, Input, Spin } from 'ant-design-vue';
+import { onMounted, ref } from 'vue';
 
-import { ref, onMounted } from 'vue';
 import { Search } from '@vben/icons';
+
+import { Input, Spin, Tree } from 'ant-design-vue';
+
 import { getSimpleDeptList } from '#/api/system/dept';
 import { handleTree } from '#/utils/tree';
 
@@ -19,12 +21,14 @@ const searchValue = ref(''); // 搜索值
 function handleSearch(e: any) {
   const value = e.target.value;
   searchValue.value = value;
-  const filteredList = value ? deptList.value.filter(item =>
-    item.name.toLowerCase().includes(value.toLowerCase())
-  ) : deptList.value;
+  const filteredList = value
+    ? deptList.value.filter((item) =>
+        item.name.toLowerCase().includes(value.toLowerCase()),
+      )
+    : deptList.value;
   deptTree.value = handleTree(filteredList);
   // 展开所有节点
-  expandedKeys.value = deptTree.value.map(node => node.id as number);
+  expandedKeys.value = deptTree.value.map((node) => node.id as number);
 }
 
 /** 选中部门 */
@@ -52,7 +56,7 @@ onMounted(async () => {
     <div class="mb-2">
       <Input
         placeholder="搜索部门"
-        allowClear
+        allow-clear
         v-model:value="searchValue"
         @change="handleSearch"
         class="w-full"
@@ -67,11 +71,11 @@ onMounted(async () => {
         class="pt-2"
         v-if="deptTree.length > 0"
         :tree-data="deptTree"
-        :fieldNames="{ title: 'name', key: 'id', children: 'children' }"
+        :field-names="{ title: 'name', key: 'id', children: 'children' }"
         @select="handleSelect"
-        :defaultExpandAll="true"
+        :default-expand-all="true"
       />
-      <div v-else-if="!loading" class="text-center text-gray-500 py-4">
+      <div v-else-if="!loading" class="py-4 text-center text-gray-500">
         暂无数据
       </div>
     </Spin>

apps/web-antd/src/views/system/user/modules/form.vue

@@ -1,12 +1,14 @@
 <script lang="ts" setup>
 import type { SystemUserApi } from '#/api/system/user';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
-import { createUser, updateUser, getUser } from '#/api/system/user';
+import { createUser, getUser, updateUser } from '#/api/system/user';
 import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';

apps/web-antd/src/views/system/user/modules/import-form.vue

@@ -2,12 +2,12 @@
 import type { FileType } from 'ant-design-vue/es/upload/interface';
 
 import { useVbenModal } from '@vben/common-ui';
-import { message} from 'ant-design-vue';
-import { Button, Upload } from 'ant-design-vue';
 
-import { $t } from '#/locales';
+import { Button, message, Upload } from 'ant-design-vue';
+
 import { useVbenForm } from '#/adapter/form';
 import { importUser, importUserTemplate } from '#/api/system/user';
+import { $t } from '#/locales';
 import { downloadByData } from '#/utils/download';
 
 import { useImportFormSchema } from '../data';
@@ -41,7 +41,7 @@ const [Modal, modalApi] = useVbenModal({
     } finally {
       modalApi.lock(false);
     }
-  }
+  },
 });
 
 /** 上传前 */
@@ -62,7 +62,11 @@ async function onDownload() {
     <Form class="mx-4">
       <template #file>
         <div class="w-full">
-          <Upload :max-count="1" accept=".xls,.xlsx" :beforeUpload="beforeUpload">
+          <Upload
+            :max-count="1"
+            accept=".xls,.xlsx"
+            :before-upload="beforeUpload"
+          >
             <Button type="primary"> 选择 Excel 文件 </Button>
           </Upload>
         </div>

apps/web-antd/src/views/system/user/modules/reset-password-form.vue

@@ -2,11 +2,12 @@
 import type { SystemUserApi } from '#/api/system/user';
 
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
 import { useVbenForm } from '#/adapter/form';
 import { resetUserPassword } from '#/api/system/user';
+import { $t } from '#/locales';
 
 import { useResetPasswordFormSchema } from '../data';