多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
1.1 KiB

<template>
<v-dialog v-model="webhookModal" width="min(700px,90%)" overlay-opacity=".9">
<v-card v-if="webhookModal" width="100%" min-height="350px" class="pa-4">
<webhook-editor v-if="editOrAdd" ref="editor" :meta="meta" @backToList="editOrAdd = false" />
<webhook-list v-else :meta="meta" @edit="editHook" @add="editOrAdd = true" />
</v-card>
</v-dialog>
</template>
<script>
import WebhookList from '~/components/project/tableTabs/webhook/WebhookList';
import WebhookEditor from '~/components/project/tableTabs/webhook/WebhookEditor';
export default {
name: 'WebhookModal',
components: { WebhookEditor, WebhookList },
props: {
meta: Object,
value: Boolean,
},
data: () => ({
editOrAdd: false,
activePage: 'role',
}),
computed: {
webhookModal: {
get() {
return this.value;
},
set(v) {
this.$emit('input', v);
},
},
},
methods: {
editHook(hook) {
this.editOrAdd = true;
this.$nextTick(() => {
this.$refs.editor.hook = { ...hook };
this.$refs.editor.onEventChange();
});
},
},
};
</script>
<style scoped lang="scss"></style>