From 7082fb015df26ab8106b2b10370f4b44527440c4 Mon Sep 17 00:00:00 2001
From: lonewolfyx <877085893@qq.com>
Date: Tue, 10 Mar 2026 10:37:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=9C=B0=E5=9F=9F?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/area.js         |  9 +++++++++
 components/Area.vue | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 api/area.js
 create mode 100644 components/Area.vue

diff --git a/api/area.js b/api/area.js
new file mode 100644
index 0000000..4c6b110
--- /dev/null
+++ b/api/area.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+// 获取地域列表
+export const getAreaList = () => {
+    return request({
+        method: 'get',
+        url: '/system/dept/regionals',
+    })
+}
\ No newline at end of file
diff --git a/components/Area.vue b/components/Area.vue
new file mode 100644
index 0000000..47d450c
--- /dev/null
+++ b/components/Area.vue
@@ -0,0 +1,36 @@
+<template>
+    <uni-data-select
+        v-model="modelValue"
+        :localdata="options"
+        v-bind="omit($attrs,['change'])"
+        placeholder="请选择地域"
+    />
+</template>
+
+<script setup>
+import {defineModel, defineOptions, defineProps, getCurrentInstance, onMounted, ref} from 'vue'
+import {omit} from "radash";
+import UniDataSelect from "../uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue";
+import {getAreaList} from "../api/area";
+
+defineOptions({
+    name: "Area",
+    inheritAttrs: false
+})
+
+const modelValue = defineModel()
+const props = defineProps([])
+const {proxy} = getCurrentInstance()
+
+const options = ref([])
+
+onMounted(async () => {
+    const {data} = await getAreaList()
+    options.value = data.sort((a, b) => {
+        return a.deptName.localeCompare(b.deptName, 'zh-CN');
+    }).map(i => ({
+        value: i.deptId,
+        text: i.deptName
+    }))
+})
+</script>