refactor: ♻️ 导入组件路径调整为相对路径

src/views/system/user/index.vue

@@ -47,12 +47,8 @@
             </el-form-item>
 
             <el-form-item>
-              <el-button type="primary" icon="search" @click="handleQuery">
+              <el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
-                搜索
+              <el-button icon="refresh" @click="handleResetQuery">重置</el-button>
-              </el-button>
-              <el-button icon="refresh" @click="handleResetQuery">
-                重置
-              </el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -99,55 +95,26 @@
             </div>
           </div>
 
-          <el-table
+          <el-table v-loading="loading" :data="pageData" @selection-change="handleSelectionChange">
-            v-loading="loading"
-            :data="pageData"
-            @selection-change="handleSelectionChange"
-          >
             <el-table-column type="selection" width="50" align="center" />
             <el-table-column label="编号" align="center" prop="id" width="60" />
             <el-table-column label="用户名" align="center" prop="username" />
-            <el-table-column
+            <el-table-column label="昵称" width="100" align="center" prop="nickname" />
-              label="昵称"
-              width="100"
-              align="center"
-              prop="nickname"
-            />
             <el-table-column label="性别" width="100" align="center">
               <template #default="scope">
                 <DictLabel v-model="scope.row.gender" code="gender" />
               </template>
             </el-table-column>
-            <el-table-column
+            <el-table-column label="部门" width="120" align="center" prop="deptName" />
-              label="部门"
+            <el-table-column label="手机号码" align="center" prop="mobile" width="120" />
-              width="120"
+            <el-table-column label="状态" align="center" prop="status" width="80">
-              align="center"
-              prop="deptName"
-            />
-            <el-table-column
-              label="手机号码"
-              align="center"
-              prop="mobile"
-              width="120"
-            />
-            <el-table-column
-              label="状态"
-              align="center"
-              prop="status"
-              width="80"
-            >
               <template #default="scope">
                 <el-tag :type="scope.row.status == 1 ? 'success' : 'info'">
                   {{ scope.row.status == 1 ? "正常" : "禁用" }}
                 </el-tag>
               </template>
             </el-table-column>
-            <el-table-column
+            <el-table-column label="创建时间" align="center" prop="createTime" width="120" />
-              label="创建时间"
-              align="center"
-              prop="createTime"
-              width="120"
-            />
             <el-table-column label="操作" fixed="right" width="220">
               <template #default="scope">
                 <el-button
@@ -202,12 +169,7 @@
       append-to-body
       @close="handleCloseDialog"
     >
-      <el-form
+      <el-form ref="userFormRef" :model="formData" :rules="rules" label-width="80px">
-        ref="userFormRef"
-        :model="formData"
-        :rules="rules"
-        label-width="80px"
-      >
         <el-form-item label="用户名" prop="username">
           <el-input
             v-model="formData.username"
@@ -247,19 +209,11 @@
         </el-form-item>
 
         <el-form-item label="手机号码" prop="mobile">
-          <el-input
+          <el-input v-model="formData.mobile" placeholder="请输入手机号码" maxlength="11" />
-            v-model="formData.mobile"
-            placeholder="请输入手机号码"
-            maxlength="11"
-          />
         </el-form-item>
 
         <el-form-item label="邮箱" prop="email">
-          <el-input
+          <el-input v-model="formData.email" placeholder="请输入邮箱" maxlength="50" />
-            v-model="formData.email"
-            placeholder="请输入邮箱"
-            maxlength="50"
-          />
         </el-form-item>
 
         <el-form-item label="状态" prop="status">
@@ -288,17 +242,13 @@
 </template>
 
 <script setup lang="ts">
-import UserAPI, {
+import UserAPI, { UserForm, UserPageQuery, UserPageVO } from "@/api/system/user";
-  UserForm,
-  UserPageQuery,
-  UserPageVO,
-} from "@/api/system/user";
 
 import DeptAPI from "@/api/system/dept";
 import RoleAPI from "@/api/system/role";
 
-import DeptTree from "@/views/system/user/components/DeptTree.vue";
+import DeptTree from "./components/DeptTree.vue";
-import UserImport from "@/views/system/user/components/UserImport.vue";
+import UserImport from "./components/UserImport.vue";
 
 defineOptions({
   name: "User",
@@ -385,14 +335,10 @@ function handleSelectionChange(selection: any[]) {
 
 // 重置密码
 function hancleResetPassword(row: UserPageVO) {
-  ElMessageBox.prompt(
+  ElMessageBox.prompt("请输入用户【" + row.username + "】的新密码", "重置密码", {
-    "请输入用户【" + row.username + "】的新密码",
+    confirmButtonText: "确定",
-    "重置密码",
+    cancelButtonText: "取消",
-    {
+  }).then(
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
-    }
-  ).then(
     ({ value }) => {
       if (!value || value.length < 6) {
         ElMessage.warning("密码至少需要6位字符，请重新输入");
@@ -508,9 +454,7 @@ function handleOpenImportDialog() {
 function handleExport() {
   UserAPI.export(queryParams).then((response: any) => {
     const fileData = response.data;
-    const fileName = decodeURI(
+    const fileName = decodeURI(response.headers["content-disposition"].split(";")[1].split("=")[1]);
-      response.headers["content-disposition"].split(";")[1].split("=")[1]
-    );
     const fileType =
       "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8";