clientManageSystem/src/components/ConcactPeopleFormDialog/index.vue

<template>
     <FormDialog width="640px" :title="title" 
        :visible="editFormDialogVisible" 
        :submitLoading="editFormDialogSubmitLoading"
        :defaultFormData="defaultFormData"
        :formItemList="formItemList"
        @close="CloseFormDialog"
        @confirm="HandleConfirmFormDialog">
    </FormDialog>
</template>


<script setup lang="ts">
import {  onMounted, ref } from 'vue';
import { useStore } from 'vuex';
import FormDialog from '@/baseComponents/FormDialog.vue';
import {formItemList} from './formDialog'

const props = defineProps({
    defaultFormData:{
        type:Object,
        required:true
    },
    title:{
        type:String,
        default:'标题'
    }
})
const emit = defineEmits(['confirm'])
const editFormDialogVisible = defineModel('visible')
const editFormDialogSubmitLoading = defineModel('submitLoading')


const store = useStore()

const CloseFormDialog = ()=>{
    editFormDialogVisible.value = false
}
const HandleConfirmFormDialog = (params:any)=>{
    emit('confirm',params)
}


// 获取职位列表信息
const GetPositionList = async ()=>{
    await store.dispatch('updatePositionList')
    let positionOption = store.state.positionList
    formItemList.value = formItemList.value.map(item=>{
        if(item.key == 'position'){
            item.selectList = positionOption
        }
        return item
    })
}
onMounted(()=>{
    GetPositionList()
})
</script>


<style lang="scss" scoped>
</style>