| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <!-- -->
- <template>
- <div id="popupContainer" class=''>
- <el-dialog :title="Title" @close="closeDialog" width="50%" :visible.sync="dialogFormVisible">
- <el-tabs v-model="currentViewId" type="card">
- <el-tab-pane
- :label="option.label"
- :name="option.label"
- v-for="option in options"
- :key="option.value">
- <component
- :is="option.value"
- :shInfoCon="shInfoCon">
- </component>
- </el-tab-pane>
- </el-tabs>
- </el-dialog>
- </div>
- </template>
- <script>
- export default {
- components: {
- jichuxinxi:resolve => {require(['./jichuxinxi.vue'], resolve)},//基础信息
- problemList:resolve => {require(['./problemList.vue'], resolve)},//问题列表
- },
- props:['shInfoCon','Title'],
- data() {
- return {
- currentViewId:'基础信息',
- dialogFormVisible:true,
- options: [
- {
- value: "jichuxinxi",
- label: "基础信息"
- },
- // {
- // value: "problemList",
- // label: "问题列表"
- // }
- ]
- };
- },
- computed: {},
- watch: {},
- //生命周期 - 创建完成（可以访问当前this实例）
- created() {
- },
- //生命周期 - 挂载完成（可以访问DOM元素）
- mounted() {
- },
- beforeCreate() {}, //生命周期 - 创建之前
- beforeMount() {}, //生命周期 - 挂载之前
- beforeUpdate() {}, //生命周期 - 更新之前
- updated() {}, //生命周期 - 更新之后
- beforeDestroy() {}, //生命周期 - 销毁之前
- destroyed() {}, //生命周期 - 销毁完成
- activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
- methods: {
- closeDialog() {
- this.$emit("cancelHandler");
- },
- showDialog() {
- this.dialogFormVisible = true;
- },
- },
- }
- </script>
- <style scoped>
- /*@import url(); 引入公共css类*/
- </style>
|
