update: 弹窗推广

src/views/pop/form.vue

@@ -83,9 +83,12 @@
                 </el-tag>
                 <el-button type="text" :disabled="pop.activeStatus == 2" @click="setPutonPage(pop)">设置</el-button>
                 <el-dialog title="投放页面" :visible.sync="pop.putonPageDialog">
-                  <el-select :value="pop.putonPageList[0] ? pop.putonPageList[0].id : ''" placeholder="请选择投放页面" @change="pageId => putonPageChange(pageId, pop.id)">
+                  <el-select class="select-page" :value="pop.putonPageList[0] ? pop.putonPageList[0].id : ''" placeholder="请选择投放页面" @change="pageId => putonPageChange(pageId, pop.id)">
                     <el-option v-for="page in putonPageList" :label="page.name" :value="page.id" :key="page.id"></el-option>
                   </el-select>
+                  <el-select class="select-page" v-if="pop.putonPageList[0].type == 6" :value="pop.putonPageList[0] ? pop.putonPageList[0].customPageId : ''" placeholder="请选择投放页面" @change="pageId => customPageChange(pageId, pop.id)">
+                    <el-option v-for="page in customPageList" :label="page.title" :value="page.pageId" :key="page.pageId"></el-option>
+                  </el-select>
                   <div slot="footer" class="dialog-footer">
                     <el-button @click="pop.putonPageDialog = false">取 消</el-button>
                     <el-button type="primary" @click="pop.putonPageDialog = false">确 定</el-button>
@@ -511,37 +514,38 @@ export default {
           console.log(this.putonPageList);
         }
       });
+      const params = {
+        pageType: 1,
+        status: 1,
+        pageSize: 100,
+        currentPage: 1,
+        requestProject: 'gic-web'
+      };
+      customPageList(params).then(res => {
+        if (res.errorCode == 0) {
+          this.customPageList = res.result.result || [];
+        }
+      });
     },
     putonPageChange(pageId, popId) {
       const page = this.putonPageList.filter(item => item.id == pageId);
-      if (page[0].type == 6) {
-        const params = {
-          pageType: 1,
-          status: 1,
-          pageSize: 100,
-          currentPage: 1,
-          requestProject: 'gic-web'
-        };
-        customPageList(params).then(res => {
-          if (res.errorCode == 0) {
-            this.customPageList = res.result.result || [];
-          }
-        });
-      } else {
-        this.group.popupList.some(pop => {
-          if (pop.id == popId) {
-            pop.putonPageList = page;
-          }
-          return pop.id == popId;
-        });
-      }
-      // http://gicdev.demogic.com/api-admin/list-page
-      // pageType: 1
-      // status: 1
-      // pageSize: 50
-      // currentPage: 1
-      // requestProject: gic-web
-      // this.group.popupList[elIndex].putonPageList = this.putonPageList.filter(item => item.id == pageId);
+      this.group.popupList.some(pop => {
+        if (pop.id == popId) {
+          pop.putonPageList = page;
+        }
+        return pop.id == popId;
+      });
+    },
+    customPageChange(customPageId, popId) {
+      const page = this.customPageList.filter(el => el.pageId == customPageId);
+      const { title, pageId } = page[0] || {};
+      this.group.popupList.some(pop => {
+        if (pop.id == popId) {
+          this.$set(pop.putonPageList[0], 'customPageId', pageId);
+          pop.putonPageList[0].customPageName = title;
+        }
+        return pop.id == popId;
+      });
     },
     // 投放内容-图片 删除
     handleRemove(index, elIndex) {
@@ -926,6 +930,9 @@ export default {
     padding-top: 90px;
   }
 }
+.select-page {
+  width: 45%;
+}
 </style>
 <style lang="scss">
 .pop_dm_upload_file .file-item-content .file-success,