diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
--- /dev/null
+++ b/src/assets/images/list_search.png
Binary files differ

diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
--- /dev/null
+++ b/src/assets/images/list_search.png
Binary files differ
diff --git a/src/components/QrDialog/qrcode.d.ts b/src/components/QrDialog/qrcode.d.ts
new file mode 100644
index 0000000..3579e79
--- /dev/null
+++ b/src/components/QrDialog/qrcode.d.ts
@@ -0,0 +1 @@
+declare module 'qrcode'

diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
--- /dev/null
+++ b/src/assets/images/list_search.png
Binary files differ
diff --git a/src/components/QrDialog/qrcode.d.ts b/src/components/QrDialog/qrcode.d.ts
new file mode 100644
index 0000000..3579e79
--- /dev/null
+++ b/src/components/QrDialog/qrcode.d.ts
@@ -0,0 +1 @@
+declare module 'qrcode'
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 7c1dfb7..93f7084 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup name="Tools">
 import { useFullscreen } from '@vueuse/core'
+import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
@@ -12,13 +13,18 @@
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
-function userCommand(command: 'dashboard' | 'setting' | 'hotkeys' | 'logout') {
+const resetPwd = ref()
+
+function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
       router.push({
         name: 'dashboard',
       })
       break
+    case 'resetPassword':
+      resetPwd.value.initDialog()
+      break
     case 'setting':
       router.push({
         name: 'personalSetting',
@@ -94,12 +100,16 @@
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
           </el-dropdown-item> -->
+          <el-dropdown-item divided command="resetPassword">
+            修改密码
+          </el-dropdown-item>
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
+    <reset-pwd ref="resetPwd" />
   </div>
 </template>
 

diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
--- /dev/null
+++ b/src/assets/images/list_search.png
Binary files differ
diff --git a/src/components/QrDialog/qrcode.d.ts b/src/components/QrDialog/qrcode.d.ts
new file mode 100644
index 0000000..3579e79
--- /dev/null
+++ b/src/components/QrDialog/qrcode.d.ts
@@ -0,0 +1 @@
+declare module 'qrcode'
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 7c1dfb7..93f7084 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup name="Tools">
 import { useFullscreen } from '@vueuse/core'
+import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
@@ -12,13 +13,18 @@
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
-function userCommand(command: 'dashboard' | 'setting' | 'hotkeys' | 'logout') {
+const resetPwd = ref()
+
+function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
       router.push({
         name: 'dashboard',
       })
       break
+    case 'resetPassword':
+      resetPwd.value.initDialog()
+      break
     case 'setting':
       router.push({
         name: 'personalSetting',
@@ -94,12 +100,16 @@
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
           </el-dropdown-item> -->
+          <el-dropdown-item divided command="resetPassword">
+            修改密码
+          </el-dropdown-item>
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
+    <reset-pwd ref="resetPwd" />
   </div>
 </template>
 
diff --git a/src/layouts/components/Tools/resetPwd.vue b/src/layouts/components/Tools/resetPwd.vue
new file mode 100644
index 0000000..829230f
--- /dev/null
+++ b/src/layouts/components/Tools/resetPwd.vue
@@ -0,0 +1,124 @@
+<!-- 修改密码弹窗 -->
+<script lang="ts" setup name="ResetPwd">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import { changePwd } from '@/api/system/user'
+import { RSAencrypt } from '@/utils/security'
+import { validatePasswordWeak } from '@/utils/validate'
+
+const dialogFormVisible = ref<boolean>(false) // 对话框是否显示
+const dataFormRef = ref<FormInstance>()
+// 表单对象
+const userForm = reactive({
+  oldpassword: '', // 原密码
+  password: '', // 密码
+  repassword: '', // 重复密码
+})
+// 校验旧密码
+const validateOldPass = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('旧密码不能为空'))
+  }
+  callback()
+}
+// 校验新密码
+const validatePass = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('密码不能为空'))
+  }
+  else {
+    if (validatePasswordWeak(value)) {
+      callback()
+    }
+    else {
+      callback(new Error('6-18位字母、数字或特殊字符组成'))
+    }
+    callback()
+  }
+}
+const validatePass2 = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('重复密码不能为空'))
+  }
+  else if (value !== userForm.password) {
+    callback(new Error('两次输入密码不一致!'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules: FormRules = reactive({
+  oldpassword: [{ required: true, validator: validateOldPass, trigger: ['blur', 'change'] }],
+  password: [{ required: true, validator: validatePass, trigger: ['blur', 'change'] }],
+  repassword: [{ required: true, validator: validatePass2, trigger: ['blur', 'change'] }],
+})// 前端校验规则
+// 弹窗初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+
+defineExpose({ initDialog })
+
+// 重置表单
+function resetForm() {
+  userForm.oldpassword = ''
+  userForm.password = ''
+  userForm.repassword = ''
+}
+// 保存数据
+function saveData() {
+  dataFormRef.value?.validate(async (valid) => {
+    const submitForm = {
+      oldPwd: userForm.oldpassword,
+      newPwd: userForm.password,
+    }
+    submitForm.oldPwd = await RSAencrypt(submitForm.oldPwd)
+    submitForm.newPwd = await RSAencrypt(submitForm.newPwd)
+    if (valid) {
+      changePwd(submitForm).then((_) => {
+        ElMessage.success('修改密码成功')
+        dialogFormVisible.value = false
+      })
+    }
+  })
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="修改密码" width="350px" append-to-body>
+    <el-form ref="dataFormRef" :rules="rules" :model="userForm" label-position="right" label-width="80px">
+      <el-form-item label="原密码" prop="oldpassword">
+        <el-input v-model.trim="userForm.oldpassword" type="password" placeholder="必填" />
+      </el-form-item>
+      <el-form-item label="密码" prop="password">
+        <el-input v-model.trim="userForm.password" type="password" placeholder="必填" />
+      </el-form-item>
+      <el-form-item label="重复密码" prop="repassword">
+        <el-input v-model.trim="userForm.repassword" type="password" placeholder="必填" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+        <el-button @click="dialogFormVisible = false">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.footer {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>

diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
--- /dev/null
+++ b/src/assets/images/list_search.png
Binary files differ
diff --git a/src/components/QrDialog/qrcode.d.ts b/src/components/QrDialog/qrcode.d.ts
new file mode 100644
index 0000000..3579e79
--- /dev/null
+++ b/src/components/QrDialog/qrcode.d.ts
@@ -0,0 +1 @@
+declare module 'qrcode'
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 7c1dfb7..93f7084 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup name="Tools">
 import { useFullscreen } from '@vueuse/core'
+import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
@@ -12,13 +13,18 @@
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
-function userCommand(command: 'dashboard' | 'setting' | 'hotkeys' | 'logout') {
+const resetPwd = ref()
+
+function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
       router.push({
         name: 'dashboard',
       })
       break
+    case 'resetPassword':
+      resetPwd.value.initDialog()
+      break
     case 'setting':
       router.push({
         name: 'personalSetting',
@@ -94,12 +100,16 @@
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
           </el-dropdown-item> -->
+          <el-dropdown-item divided command="resetPassword">
+            修改密码
+          </el-dropdown-item>
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
+    <reset-pwd ref="resetPwd" />
   </div>
 </template>
 
diff --git a/src/layouts/components/Tools/resetPwd.vue b/src/layouts/components/Tools/resetPwd.vue
new file mode 100644
index 0000000..829230f
--- /dev/null
+++ b/src/layouts/components/Tools/resetPwd.vue
@@ -0,0 +1,124 @@
+<!-- 修改密码弹窗 -->
+<script lang="ts" setup name="ResetPwd">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import { changePwd } from '@/api/system/user'
+import { RSAencrypt } from '@/utils/security'
+import { validatePasswordWeak } from '@/utils/validate'
+
+const dialogFormVisible = ref<boolean>(false) // 对话框是否显示
+const dataFormRef = ref<FormInstance>()
+// 表单对象
+const userForm = reactive({
+  oldpassword: '', // 原密码
+  password: '', // 密码
+  repassword: '', // 重复密码
+})
+// 校验旧密码
+const validateOldPass = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('旧密码不能为空'))
+  }
+  callback()
+}
+// 校验新密码
+const validatePass = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('密码不能为空'))
+  }
+  else {
+    if (validatePasswordWeak(value)) {
+      callback()
+    }
+    else {
+      callback(new Error('6-18位字母、数字或特殊字符组成'))
+    }
+    callback()
+  }
+}
+const validatePass2 = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('重复密码不能为空'))
+  }
+  else if (value !== userForm.password) {
+    callback(new Error('两次输入密码不一致!'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules: FormRules = reactive({
+  oldpassword: [{ required: true, validator: validateOldPass, trigger: ['blur', 'change'] }],
+  password: [{ required: true, validator: validatePass, trigger: ['blur', 'change'] }],
+  repassword: [{ required: true, validator: validatePass2, trigger: ['blur', 'change'] }],
+})// 前端校验规则
+// 弹窗初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+
+defineExpose({ initDialog })
+
+// 重置表单
+function resetForm() {
+  userForm.oldpassword = ''
+  userForm.password = ''
+  userForm.repassword = ''
+}
+// 保存数据
+function saveData() {
+  dataFormRef.value?.validate(async (valid) => {
+    const submitForm = {
+      oldPwd: userForm.oldpassword,
+      newPwd: userForm.password,
+    }
+    submitForm.oldPwd = await RSAencrypt(submitForm.oldPwd)
+    submitForm.newPwd = await RSAencrypt(submitForm.newPwd)
+    if (valid) {
+      changePwd(submitForm).then((_) => {
+        ElMessage.success('修改密码成功')
+        dialogFormVisible.value = false
+      })
+    }
+  })
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="修改密码" width="350px" append-to-body>
+    <el-form ref="dataFormRef" :rules="rules" :model="userForm" label-position="right" label-width="80px">
+      <el-form-item label="原密码" prop="oldpassword">
+        <el-input v-model.trim="userForm.oldpassword" type="password" placeholder="必填" />
+      </el-form-item>
+      <el-form-item label="密码" prop="password">
+        <el-input v-model.trim="userForm.password" type="password" placeholder="必填" />
+      </el-form-item>
+      <el-form-item label="重复密码" prop="repassword">
+        <el-input v-model.trim="userForm.repassword" type="password" placeholder="必填" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+        <el-button @click="dialogFormVisible = false">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.footer {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/utils/validate.ts b/src/utils/validate.ts
index 2959118..c59fdc6 100644
--- a/src/utils/validate.ts
+++ b/src/utils/validate.ts
@@ -114,3 +114,18 @@
   const re = /(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$/
   return re.test(value)
 }
+
+/**
+ * 强类型密码验证
+ */
+export function validatePasswordStrong(value: string) {
+  const re = /^(?![0-9]+$)(?![a-zA-Z]+$)(?![0-9a-zA-Z]+$)(?![0-9\\W]+$)(?![a-zA-Z\\W]+$)[0-9A-Za-z\\W]{6,18}$/
+  return re.test(value)
+}
+/**
+ * 弱类型密码验证
+ */
+export function validatePasswordWeak(value: string) {
+  const re = /[0-9A-Za-z\\W]{6,18}$/
+  return re.test(value)
+}

diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
--- /dev/null
+++ b/src/assets/images/list_search.png
Binary files differ
diff --git a/src/components/QrDialog/qrcode.d.ts b/src/components/QrDialog/qrcode.d.ts
new file mode 100644
index 0000000..3579e79
--- /dev/null
+++ b/src/components/QrDialog/qrcode.d.ts
@@ -0,0 +1 @@
+declare module 'qrcode'
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 7c1dfb7..93f7084 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup name="Tools">
 import { useFullscreen } from '@vueuse/core'
+import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
@@ -12,13 +13,18 @@
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
-function userCommand(command: 'dashboard' | 'setting' | 'hotkeys' | 'logout') {
+const resetPwd = ref()
+
+function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
       router.push({
         name: 'dashboard',
       })
       break
+    case 'resetPassword':
+      resetPwd.value.initDialog()
+      break
     case 'setting':
       router.push({
         name: 'personalSetting',
@@ -94,12 +100,16 @@
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
           </el-dropdown-item> -->
+          <el-dropdown-item divided command="resetPassword">
+            修改密码
+          </el-dropdown-item>
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
+    <reset-pwd ref="resetPwd" />
   </div>
 </template>
 
diff --git a/src/layouts/components/Tools/resetPwd.vue b/src/layouts/components/Tools/resetPwd.vue
new file mode 100644
index 0000000..829230f
--- /dev/null
+++ b/src/layouts/components/Tools/resetPwd.vue
@@ -0,0 +1,124 @@
+<!-- 修改密码弹窗 -->
+<script lang="ts" setup name="ResetPwd">
+import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import { changePwd } from '@/api/system/user'
+import { RSAencrypt } from '@/utils/security'
+import { validatePasswordWeak } from '@/utils/validate'
+
+const dialogFormVisible = ref<boolean>(false) // 对话框是否显示
+const dataFormRef = ref<FormInstance>()
+// 表单对象
+const userForm = reactive({
+  oldpassword: '', // 原密码
+  password: '', // 密码
+  repassword: '', // 重复密码
+})
+// 校验旧密码
+const validateOldPass = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('旧密码不能为空'))
+  }
+  callback()
+}
+// 校验新密码
+const validatePass = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('密码不能为空'))
+  }
+  else {
+    if (validatePasswordWeak(value)) {
+      callback()
+    }
+    else {
+      callback(new Error('6-18位字母、数字或特殊字符组成'))
+    }
+    callback()
+  }
+}
+const validatePass2 = (rule: any, value: any, callback: any) => {
+  if (value === '') {
+    callback(new Error('重复密码不能为空'))
+  }
+  else if (value !== userForm.password) {
+    callback(new Error('两次输入密码不一致!'))
+  }
+  else {
+    callback()
+  }
+}
+
+// 校验规则
+const rules: FormRules = reactive({
+  oldpassword: [{ required: true, validator: validateOldPass, trigger: ['blur', 'change'] }],
+  password: [{ required: true, validator: validatePass, trigger: ['blur', 'change'] }],
+  repassword: [{ required: true, validator: validatePass2, trigger: ['blur', 'change'] }],
+})// 前端校验规则
+// 弹窗初始化
+const initDialog = () => {
+  dialogFormVisible.value = true
+  resetForm()
+  nextTick(() => {
+    dataFormRef.value?.clearValidate()
+  })
+}
+
+defineExpose({ initDialog })
+
+// 重置表单
+function resetForm() {
+  userForm.oldpassword = ''
+  userForm.password = ''
+  userForm.repassword = ''
+}
+// 保存数据
+function saveData() {
+  dataFormRef.value?.validate(async (valid) => {
+    const submitForm = {
+      oldPwd: userForm.oldpassword,
+      newPwd: userForm.password,
+    }
+    submitForm.oldPwd = await RSAencrypt(submitForm.oldPwd)
+    submitForm.newPwd = await RSAencrypt(submitForm.newPwd)
+    if (valid) {
+      changePwd(submitForm).then((_) => {
+        ElMessage.success('修改密码成功')
+        dialogFormVisible.value = false
+      })
+    }
+  })
+}
+</script>
+
+<template>
+  <el-dialog v-model="dialogFormVisible" title="修改密码" width="350px" append-to-body>
+    <el-form ref="dataFormRef" :rules="rules" :model="userForm" label-position="right" label-width="80px">
+      <el-form-item label="原密码" prop="oldpassword">
+        <el-input v-model.trim="userForm.oldpassword" type="password" placeholder="必填" />
+      </el-form-item>
+      <el-form-item label="密码" prop="password">
+        <el-input v-model.trim="userForm.password" type="password" placeholder="必填" />
+      </el-form-item>
+      <el-form-item label="重复密码" prop="repassword">
+        <el-input v-model.trim="userForm.repassword" type="password" placeholder="必填" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+        <el-button @click="dialogFormVisible = false">
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.footer {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/utils/validate.ts b/src/utils/validate.ts
index 2959118..c59fdc6 100644
--- a/src/utils/validate.ts
+++ b/src/utils/validate.ts
@@ -114,3 +114,18 @@
   const re = /(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$/
   return re.test(value)
 }
+
+/**
+ * 强类型密码验证
+ */
+export function validatePasswordStrong(value: string) {
+  const re = /^(?![0-9]+$)(?![a-zA-Z]+$)(?![0-9a-zA-Z]+$)(?![0-9\\W]+$)(?![a-zA-Z\\W]+$)[0-9A-Za-z\\W]{6,18}$/
+  return re.test(value)
+}
+/**
+ * 弱类型密码验证
+ */
+export function validatePasswordWeak(value: string) {
+  const re = /[0-9A-Za-z\\W]{6,18}$/
+  return re.test(value)
+}
diff --git a/src/views/system/area/editArea.vue b/src/views/system/area/editArea.vue
index e311c9f..8256924 100644
--- a/src/views/system/area/editArea.vue
+++ b/src/views/system/area/editArea.vue
@@ -13,7 +13,6 @@
 const dialogStatus = ref('') // 对话框类型：create,update
 const isEditMode = ref(true)
 const areaForm: Ref<IareaForm> = ref({
-  id: '', // 编号
   pid: '', // 父级编号
   pName: '', // 父级名称
   areaName: '', // 区域名