<template>
? <!-- 添加或修改業(yè)務(wù)對話框 -->
? <el-dialog :title="title" :visible.sync="open" width="500px" :close-on-click-modal="false" append-to-body>
? ? <el-form ref="bizform" :model="bizform" label-width="80px">
? ? ? <el-form-item label="業(yè)務(wù)名稱" prop="bizName">
? ? ? ? <el-input v-model="bizform.bizName" placeholder="請輸入業(yè)務(wù)名稱"/>
? ? ? </el-form-item>
? ? ? <el-form-item label="業(yè)務(wù)編碼" prop="bizCode">
? ? ? ? <el-input v-model="bizform.bizCode" placeholder="請輸入編碼名稱"/>
? ? ? </el-form-item>
? ? </el-form>
? ? <div slot="footer" class="dialog-footer">
? ? ? <el-button type="primary" @click="submitForm">確 定</el-button>
? ? ? <el-button @click="cancel">取 消</el-button>
? ? </div>
? </el-dialog>
</template>

<script>
? ? import {getById, addBizDefine, updateBizDefine} from "@/api/funds/routecenter/bizdefine";
? ? export default {
? ? ? ? name: "testDialog",
? ? ? ? data() {
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? // 彈出層標(biāo)題
? ? ? ? ? ? ? ? title: "",
? ? ? ? ? ? ? ? // 是否顯示彈出層
? ? ? ? ? ? ? ? open: false,
? ? ? ? ? ? ? ? // 表單參數(shù)
? ? ? ? ? ? ? ? bizform: {}
? ? ? ? ? ? };
? ? ? ? },
? ? ? ? methods: {
? ? ? ? ?? ?// 窗口初始化方法，nextTick方法可以添加邏輯，如打開窗口時查詢數(shù)據(jù)填充
? ? ? ? ? ? init(bizId) {
? ? ? ? ? ? ? ? this.open = true;
? ? ? ? ? ? ? ? this.$nextTick(() => {
? ? ? ? ? ? ? ? ? ? getById(bizId).then(response => {
? ? ? ? ? ? ? ? ? ? ? ? this.bizform = response.data;
? ? ? ? ? ? ? ? ? ? ? ? this.open = true;
? ? ? ? ? ? ? ? ? ? ? ? this.title = "修改業(yè)務(wù)";
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? });
? ? ? ? ? ? },
? ? ? ? ? ? // 取消按鈕
? ? ? ? ? ? cancel() {
? ? ? ? ? ? ? ? this.open = false;
? ? ? ? ? ? ? ? this.reset();
? ? ? ? ? ? },
? ? ? ? ? ? /** 提交按鈕 */
? ? ? ? ? ? submitForm: function () {
? ? ? ? ? ? ? ? this.$refs["bizform"].validate(valid => {
? ? ? ? ? ? ? ? ? ? if (valid) {
? ? ? ? ? ? ? ? ? ? ? ? if (this.bizform.id != undefined) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? updateBizDefine(this.bizform).then(response => {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? if (response.data) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.msgSuccess("修改成功");
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.open = false;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 調(diào)用主頁面的getList方法刷新主頁面
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.$parent.getList();
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.msgError(response.resultMsg);
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? addBizDefine(this.bizform).then(response => {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? if (response.data) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.msgSuccess("新增成功");
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.open = false;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 調(diào)用主頁面的getList方法刷新主頁面
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.$parent.getList();
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? this.msgError(response.resultMsg);
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? });
? ? ? ? ? ? }
? ? ? ? }
? ? };
</script>

<template>
?? ?<!-- 打開測試窗口按鈕 -->
?? ?<el-button
?? ? ? ? ? type="primary"
?? ? ? ? ? icon="el-icon-plus"
?? ? ? ? ? size="mini"
?? ? ? ? ? @click="handleDialog"
?? ?>測試彈窗
?? ?</el-button>
?? ?<!-- 使用組件-->
?? ?<testDialog title="測試窗口" v-if="openDialog" ref="testDialog"/>
</template>

<script>
?? ?// 引用組件
? ? import testDialog from "./testDialog";
? ? import {queryBizDefine} from "@/api/funds/routecenter/bizdefine";
? ? export default {
?? ? ? ?// 注冊組件
?? ? ? ?components: {testDialog},
?? ? ? ?data() {
?? ??? ? ? ?return {
?? ??? ? ? ? ? ?// 顯示窗口
?? ??? ? ? ? ? ?openDialog: false
?? ??? ? ? ?};
?? ? ? ?},
?? ? ? ?methods: {
?? ??? ? ? ?/** 查詢業(yè)務(wù)列表 */
?? ??? ? ? ?getList() {
?? ??? ? ? ? ? ?this.loading = true;
?? ??? ? ? ? ? ?queryBizDefine(this.queryParams).then(response => {
?? ??? ? ? ? ? ? ? ?this.bizList = response.data.rows;
?? ??? ? ? ? ? ? ? ?this.total = response.data.total;
?? ??? ? ? ? ? ? ? ?this.loading = false;
?? ??? ? ? ? ? ?});
?? ??? ? ? ?},
?? ??? ? ? ?// 按鈕方法
?? ??? ? ? ?handleDialog() {
?? ??? ??? ??? ?this.openDialog = true;
?? ??? ??? ??? ?this.$nextTick(() => {
?? ??? ??? ??? ? ? ?this.$refs.testDialog.init(2);
?? ??? ??? ??? ?});
?? ??? ??? ?}
?? ??? ?}
?? ?};
</script>

import taskLogList from '../dialogPage/index.vue'
export default { ?
? components:{
? ? ? dialogPage
? ? },
...
}

?<dialogPage?
? ? v-if="formPageVisible"?
? ? ref="formPageRef"?
? ? :queryId="logDialog.queryId">
</dialogPage >

methods:{
? ? ...
?
? ? /**
? ? * 彈窗方法
? ? */
? ? showLog(obj){
?
? ? ? ? //顯示
? ? ? ? this.formPageVisible = true;
?
? ? ? ? //賦值
? ? ? ? this.queryId= obj.queryId;
?
? ? ? ? //調(diào)用子頁面方法
? ? ? ? this.$nextTick(()=>{
? ? ? ? ? ??
? ? ? ? ? this.$refs.formPageRef.getlist();
? ? ? ? })
? ? ? }
}

?export default {
? ? props: {
? ? ? queryId:{
? ? ? ? type: String,
? ? ? ? default: '',
? ? ? },
? ? },
?...