<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>
