表单清空内容

wujingjing

2024-07-08 ae78b3b194d399e3ba7bd3922f9f83ca0d7c762c

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<template>
    <LogicManageContainerV2
        type="list"
        :list="{
            label: '泵站',
            requestApi: GetLogicTreeListByPolicyIDStd,
            code: LOGIC_SITE_CODE,
            treeProps: listTreeProps,
        }"
        :defaultSelectID="defaultSelectID"
        :contentRef="contentRef"
        :req="request"
        :expandOnClickNode="false"
        @listClick="listClick"
    >
        <template #main="{ listNode, selectNode }">
            <slot name="main" :listNode="listNode" :selectNode="selectNode" :listTreeProps="listTreeProps"> </slot>
        </template>
    </LogicManageContainerV2>
</template>
 
<script setup lang="ts">
import LogicManageContainerV2 from '/@/projectCom/components/manage/LogicManageContainerV2.vue';
import { GetLogicTreeListByPolicyIDStd } from '/@/api/phm/logicTreeStd';
import request from '/@/utils/request';
import { LOGIC_SITE_CODE } from '/@/constants';
import { nextTick, ref } from 'vue';
 
const props = defineProps({
    contentRef: {
        type: Object,
    },
});
 
const listTreeProps = {
    id: 'LogicID',
    label: 'Name',
    children: 'Children',
};
 
const emits = defineEmits<{
    (event: 'listClick', data): void;
}>();
const defaultSelectID = ref(window.moduleConfig.comprehensive.logicSite.defaultSelectID);
 
const listClick = (data) => {
    window.moduleConfig.comprehensive.logicSite.defaultSelectID = data[listTreeProps.id];
    defaultSelectID.value = data[listTreeProps.id];
    nextTick(() => {
        props.contentRef?.getTableData();
    });
    emits('listClick', data);
};
 
//#endregion
</script>
<style scoped lang="scss"></style>