51 lines
1.4 KiB
Vue
51 lines
1.4 KiB
Vue
|
<template>
|
||
|
<MOSTY.FromPage :title="props.formData.title" @closeDialog="closeDialog">
|
||
|
<template #content>
|
||
|
<div>
|
||
|
<MOSTY.TabList :tablist="tablist2" :obj="props.formData" :isEdit="props.formData.saveBtnShow"
|
||
|
@tableChange="tableChange" @resetChange="resetChange" />
|
||
|
</div>
|
||
|
<div>
|
||
|
<MOSTY.TabList :tablist="tablist" :obj="props.formData" :isEdit="props.formData.saveBtnShow"
|
||
|
@tableChange="tableChange" @resetChange="resetChange" />
|
||
|
</div>
|
||
|
</template>
|
||
|
<template #footer>
|
||
|
<el-button @click="closeDialog">
|
||
|
<el-icon>
|
||
|
<DocumentDelete />
|
||
|
</el-icon>
|
||
|
关闭
|
||
|
</el-button>
|
||
|
</template>
|
||
|
</MOSTY.FromPage>
|
||
|
</template>
|
||
|
|
||
|
<script setup>
|
||
|
import { getImgUrl } from "@/utils/tools.js"
|
||
|
import { ref, defineAsyncComponent, onMounted } from "vue"
|
||
|
import * as MOSTY from "@/components/MyComponents/index"
|
||
|
const props = defineProps({
|
||
|
formData: {
|
||
|
type: Object,
|
||
|
default: {}
|
||
|
}
|
||
|
})
|
||
|
const tablist = ref([
|
||
|
{ title: "人员配置", actives: true, components: defineAsyncComponent(() => import("./rypz.vue")) }
|
||
|
])
|
||
|
const tablist2 = ref([
|
||
|
{ title: "视频通道配置", actives: true, components: defineAsyncComponent(() => import("./sptd.vue")) }
|
||
|
])
|
||
|
const emits = defineEmits(["saveSuccess"])
|
||
|
onMounted(() => {
|
||
|
|
||
|
})
|
||
|
// 关闭弹窗
|
||
|
function closeDialog() {
|
||
|
emits("saveSuccess")
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped></style>
|