feat: 短剧组推广 - 短剧组 - 创建组接口联调

project/src/components/manage/playletManageV2/dialog/groupDialog.vue

@@ -97,6 +97,7 @@ export default {
     handleInitData() {
       this.loading = false
       this.form.name = ''
+      this.form.selectedPlayletList = []
 
       if (this.selectedPlayletListFromProps) { // 如果外部传入数据有值 => 回显当前已选短剧列表
         this.form.selectedPlayletList = [
@@ -120,7 +121,7 @@ export default {
         const { data: res = {} } = await this.$axios.post(url, params)
         if (res && res.errno == 0) {
           this.$message.success('操作成功')
-          this.$emit('confirm')
+          this.$emit('confirm', { isEdit: !!this.group_id })
         } else if (res.errno != 4002) {
           this.$message.warning(res.err || '操作失败')
         }

project/src/components/manage/playletManageV2/dialog/selectPlayletDialog.vue

@@ -272,7 +272,19 @@ export default {
       }
     },
     handleCancel() {
-      this.$emit('cancel')
+      if (!this.form.selectedPlayletList || !this.form.selectedPlayletList.length) {
+        this.$emit('cancel')
+      } else {
+        this.$confirm('当前已选剧集未保存, 确定关闭吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$emit('cancel')
+        }).catch(() => {
+          console.log('取消')
+        });
+      }
     },
   },
 };

project/src/components/manage/playletManageV2/playletGroup.vue

@@ -28,6 +28,7 @@
 
     <groupDialog
       :dialogVisible="groupDialogVisible"
+      :group_id="currentGroupId"
       @confirm="onConfirmGroupDialog"
       @cancel="onCancelGroupDialog"
     />
@@ -57,6 +58,7 @@ export default {
       groupList: [],
 
       groupDialogVisible: false,
+      currentGroupId: '',
     }
   },
   created () {
@@ -102,6 +104,7 @@ export default {
     },
     // 监听点击“创建组”
     onClickCreateGroup() {
+      this.currentGroupId = ''
       this.groupDialogVisible = true
     },
     // 监听点击“编辑组”
@@ -109,7 +112,11 @@ export default {
       console.log('onClickEditGroup row => ', row)
       this.groupDialogVisible = true
     },
-    onConfirmGroupDialog() {
+    onConfirmGroupDialog({ isEdit }) {
+      if (!isEdit){
+        this.pagination.page = 1
+      }
+      this.handleGetGroupList()
       this.groupDialogVisible = false
     },
     onCancelGroupDialog() {