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