优化

src/mixins/ListMixin.js

@@ -2,7 +2,7 @@ import { get, deleteData } from "@/server/api.js";
 export const ListMixin = {
 	data () {
 		return {
-			isShowDialog: false,
+			isShowDialog: '',
 			item: null,
 			pagination: { // 分页参数
 				pageNumber: 1,
@@ -29,21 +29,25 @@ export const ListMixin = {
 			})
 		},
 		// 监听回调
-		completeCallBack () {
-			this.isShowDialog = false
+		completeCallBack (data) {
+			this.isShowDialog = ''
 			this.item = null
 			this.getList()
 		},
 		// 新增按钮操作
 		handleAdd () {
-			this.isShowDialog = true
+			this.isShowDialog = 'edit'
 			this.item = null
 		},
 		// 修改按钮操作
 		handleUpdate (row) {
-			this.isShowDialog = true
+			this.isShowDialog = 'edit'
 			this.item = row
 		},
+		// 改变isShowDialog的值
+		changeDialogStatus(data) {
+			this.isShowDialog = data
+		},
 		// 删除数据
 		delHanle (keyName, url) {
 			this.$confirm('是否确认删除"' + keyName + '"的数据项?', '警告', {

src/views/etl/components/edit.vue

@@ -80,7 +80,7 @@ export default {
 	},
 	methods: {
 		cancel() { // 取消按钮
-			this.$emit('editCallBack')
+			this.$emit('update:isShowDialog','')
 		},
 		handleAdd() { // 新增按钮操作
 			this.title = '添加'

src/views/etl/index.vue

@@ -40,7 +40,7 @@
 			<!-- 分页 -->
 			<Pagination v-show="pagination.total>0" v-model:pagination="pagination" @change="getList" />
 			<!-- 新增/修改子组件 -->
-			<EditTemplate v-if="isShowDialog" :item="item" @editCallBack="completeCallBack"></EditTemplate>
+			<EditTemplate v-if="!!isShowDialog === 'edit'" :item="item" v-model:isShowDialog="isShowDialog" @editCallBack="completeCallBack"></EditTemplate>
 		</ContentContainer>
 	</div>
 </template>

src/views/field/components/edit.vue

@@ -80,7 +80,7 @@ export default {
 	},
 	methods: {
 		cancel() { // 取消按钮
-			this.$emit('editCallBack')
+			this.$emit('update:isShowDialog','')
 		},
 		handleAdd() { // 新增按钮操作
 			this.title = '添加'

src/views/field/index.vue

@@ -39,7 +39,7 @@
 			<!-- 分页 -->
 			<Pagination v-show="pagination.total>0" v-model:pagination="pagination" @change="getList" />
 			<!-- 新增/修改子组件 -->
-			<EditTemplate v-if="isShowDialog" :item="item" @editCallBack="completeCallBack"></EditTemplate>
+			<EditTemplate v-if="!!isShowDialog === 'edit'" v-model:isShowDialog="isShowDialog" :item="item" @editCallBack="completeCallBack"></EditTemplate>
 		</ContentContainer>
 	</div>
 </template>