Commit a0643bc402e2ccf24c90e7ceb47e9fa4d578c789

Authored by xp.Huang
2 parents d6cefc6c ccd86017

Merge branch 'sqy_dev' into 'main'

refactor:调整组织树公共组件

See merge request huang/yun-teng-iot-front!211
@@ -8,51 +8,31 @@ @@ -8,51 +8,31 @@
8 :clickRowToExpand="false" 8 :clickRowToExpand="false"
9 :treeData="treeData" 9 :treeData="treeData"
10 :replaceFields="{ key: 'id', title: 'name' }" 10 :replaceFields="{ key: 'id', title: 'name' }"
11 - v-model:expandedKeys="expandedKeys"  
12 - v-model:selectedKeys="selectedKeys" 11 + :selectedKeys="selectedKeys"
13 @select="handleSelect" 12 @select="handleSelect"
14 - :defaultExpandAll="true"  
15 /> 13 />
16 </div> 14 </div>
17 </template> 15 </template>
18 -<script lang="ts">  
19 - import { defineComponent, onMounted, ref } from 'vue';  
20 - 16 +<script lang="ts" setup name="OrganizationIdTree">
  17 + import { onMounted, ref } from 'vue';
21 import { BasicTree, TreeItem } from '/@/components/Tree'; 18 import { BasicTree, TreeItem } from '/@/components/Tree';
22 import { getOrganizationList } from '/@/api/system/system'; 19 import { getOrganizationList } from '/@/api/system/system';
  20 + const emit = defineEmits(['select']);
  21 + const treeData = ref<TreeItem[]>([]);
  22 + const selectedKeys = ref<string[]>();
  23 +
  24 + function handleSelect(keys) {
  25 + emit('select', keys[0]);
  26 + }
23 27
24 - export default defineComponent({  
25 - name: 'OrganizationIdTree',  
26 - components: { BasicTree },  
27 -  
28 - emits: ['select'],  
29 - setup(_, { emit }) {  
30 - const getTreeRef: any = ref(null);  
31 - const treeData = ref<TreeItem[]>([]);  
32 - const selectedKeys = ref<string[]>();  
33 - const expandedKeys = ref<string[]>();  
34 - async function fetch() {  
35 - treeData.value = (await getOrganizationList()) as unknown as TreeItem[];  
36 - } 28 + function resetOrganization() {
  29 + selectedKeys.value = [];
  30 + }
37 31
38 - function handleSelect(keys) {  
39 - emit('select', keys[0]);  
40 - }  
41 - function resetOrganization() {  
42 - selectedKeys.value = [];  
43 - }  
44 -  
45 - onMounted(() => {  
46 - fetch();  
47 - });  
48 - return {  
49 - treeData,  
50 - handleSelect,  
51 - resetOrganization,  
52 - selectedKeys,  
53 - expandedKeys,  
54 - getTreeRef,  
55 - };  
56 - }, 32 + onMounted(async () => {
  33 + treeData.value = (await getOrganizationList()) as unknown as TreeItem[];
  34 + });
  35 + defineExpose({
  36 + resetOrganization,
57 }); 37 });
58 </script> 38 </script>
@@ -68,7 +68,7 @@ @@ -68,7 +68,7 @@
68 </template> 68 </template>
69 69
70 <script lang="ts"> 70 <script lang="ts">
71 - import { defineComponent, reactive, ref, nextTick } from 'vue'; 71 + import { defineComponent, reactive, nextTick } from 'vue';
72 import { BasicTable, useTable, TableAction } from '/@/components/Table'; 72 import { BasicTable, useTable, TableAction } from '/@/components/Table';
73 import { PageWrapper } from '/@/components/Page'; 73 import { PageWrapper } from '/@/components/Page';
74 import { useDrawer } from '/@/components/Drawer'; 74 import { useDrawer } from '/@/components/Drawer';
@@ -95,11 +95,6 @@ @@ -95,11 +95,6 @@
95 }, 95 },
96 setup() { 96 setup() {
97 const { VITE_GLOB_CONFIGURATION } = getAppEnvConfig(); 97 const { VITE_GLOB_CONFIGURATION } = getAppEnvConfig();
98 - let selectedRowIds = ref<string[]>([]);  
99 - // 复选框事件  
100 - const onSelectRowChange = (selectedRowKeys: string[]) => {  
101 - selectedRowIds.value = selectedRowKeys;  
102 - };  
103 const searchInfo = reactive<Recordable>({}); 98 const searchInfo = reactive<Recordable>({});
104 const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo); 99 const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
105 // 表格hooks 100 // 表格hooks