| | |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item label="所属区划" prop="areaCode"> |
|---|
| | | <el-tree-select |
|---|
| | | <RegionSelect |
|---|
| | | class="gd-select gray" |
|---|
| | | popper-class="gd-tree-select-popper" |
|---|
| | | v-model="searchParams.areaCode" |
|---|
| | | node-key="id" |
|---|
| | | :props="treeSelectProps" |
|---|
| | | placeholder="请选择" |
|---|
| | | clearable |
|---|
| | | filterable |
|---|
| | | @change="handleSearch" |
|---|
| | | :check-strictly="true" |
|---|
| | | lazy |
|---|
| | | :load="loadRegionNode" |
|---|
| | | :render-after-expand="false" |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | |
|---|
| | | class="gd-dialog" |
|---|
| | | append-to-body |
|---|
| | | v-model="isShowImportView" |
|---|
| | | title="导入机构" |
|---|
| | | title="机构导入" |
|---|
| | | :width="pxToRem(500)" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | :destroy-on-close="true" |
|---|
| | |
|---|
| | | :disabled="importSubmitting" |
|---|
| | | @click="submitImport(importFormRef)" |
|---|
| | | > |
|---|
| | | 保存 |
|---|
| | | 导入 |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | import { onMounted, ref, provide, nextTick } from 'vue' |
|---|
| | | import { ElMessage, ElMessageBox, ElUpload } from 'element-plus' |
|---|
| | | import FormDiaLog from './FormDiaLog.vue' |
|---|
| | | import RegionSelect from '@/components/RegionSelect/main.vue' |
|---|
| | | import { |
|---|
| | | agenciesPageApi, |
|---|
| | | agenciesRemoveApi, |
|---|
| | | agenciesImportApi, |
|---|
| | | agenciesExportApi, |
|---|
| | | agenciesExportTemplateApi, |
|---|
| | | regionLazyTreeApi, |
|---|
| | | agenciesSubmitApi |
|---|
| | | } from './agenciesApi' |
|---|
| | | import { getDictionaryByCode } from '@/api/system/dictbiz' |
|---|
| | |
|---|
| | | const regionOptions = ref([]) // 区域选项 |
|---|
| | | const dictObj = ref({}) // 字典对象 |
|---|
| | | const selectedFiles = ref([]) // 勾选的文件列表 |
|---|
| | | |
|---|
| | | // 树形选择器配置 |
|---|
| | | const treeSelectProps = { |
|---|
| | | value: 'id', |
|---|
| | | label: 'name', |
|---|
| | | children: 'children' |
|---|
| | | } |
|---|
| | | // 导入机构相关 |
|---|
| | | const isShowImportView = ref(false) |
|---|
| | | const importFileName = ref('') |
|---|
| | |
|---|
| | | getDictionaryByCode('institutionStatus').then(res => { |
|---|
| | | dictObj.value = res.data.data |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 懒加载获取区域节点数据 |
|---|
| | | async function loadRegionNode(node, resolve) { |
|---|
| | | |
|---|
| | | try { |
|---|
| | | // 限制只加载两级，当前节点 level >= 1 时不加载子节点 |
|---|
| | | if (node.level >= 2) { |
|---|
| | | resolve([]) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 初始化加载时传递 code 参数，加载子节点时传递 parentCode 参数 |
|---|
| | | const params = node.data?.id ? { parentCode: node.data.id } : { code: '360800000000' } |
|---|
| | | const res = await regionLazyTreeApi(params) |
|---|
| | | const nodes = res?.data?.data || [] |
|---|
| | | |
|---|
| | | // 处理返回的节点数据 |
|---|
| | | const processedNodes = nodes.map(item => { |
|---|
| | | return { |
|---|
| | | id: item.id || item.value, |
|---|
| | | name: item.name || item.title || item.label, |
|---|
| | | hasChildren: item.hasChildren || false |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | resolve(processedNodes) |
|---|
| | | } catch (error) { |
|---|
| | | console.error('获取区域数据失败:', error) |
|---|
| | | resolve([]) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // 获取列表 |
|---|
| | | async function getList() { |
|---|
