自助建站紧急修正：搜索页面可选

自助建站紧急修正：搜索页面可选

src/layout/components/template/componentMenu.vue

@@ -122,6 +122,7 @@ export default {
         padding: 37px 0 30px 0;
         color: #fff;
         font-size: 18px;
+        font-weight: bold;
         div {
             border-left: 3px solid #5570F1;
             padding-left: 25px;

src/store/modules/template.js

@@ -197,7 +197,9 @@ const state = {
             search: [],
             aloneList: [],
             aloneArticle: []
-        }
+        },
+        //5.是否使用搜索页
+        isSearch: true//true=使用 false=不使用
     },
     canSubmit: false,//当前数据是否可以被提交
     //3.构造的模板json数据 end------------------------------------------------------------>
@@ -245,6 +247,11 @@ const mutations = {
     setPreviewStatus(state) {
         state.previewStatus = !state.previewStatus;
     },
+    //开启关闭搜索页配置
+    setSearchPageStatus(state, data) {
+        state.showPage.search = data;
+        state.webSiteData.isSearch = data;
+    },
     //打开编辑组件弹出框
     setEditWindowStatus(state, data) {
         state.editWindowStatus = true;
@@ -331,6 +338,13 @@ const mutations = {
     setComponentMenuStatus(state, data) {
         state.componentMenuStatus = data;
     },
+    //清理搜索页的数据
+    clearSearchPageData(state) {
+        state.pageData.search = [];
+        state.webSiteData.ad.search = [];
+        state.webSiteData.template.search = [];
+        state.webSiteData.isSearch = false;
+    },
     //0.全局配置 start------------------------------------------------------------>
     //1.配置模块 start------------------------------------------------------------>
     //获得gridlayout对象

src/views/template/public/checkWindow.vue

@@ -314,48 +314,20 @@ export default {
                     data.adPlaceList.push(...ads);
                 }
             });
-            // if(this.$store.state.template.webSiteData.ad.index.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.index){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            // if(this.$store.state.template.webSiteData.ad.class.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.class){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            // if(this.$store.state.template.webSiteData.ad.list.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.list){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            // if(this.$store.state.template.webSiteData.ad.article.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.article){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            // if(this.$store.state.template.webSiteData.ad.search.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.search){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            // if(this.$store.state.template.webSiteData.ad.aloneList.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.aloneList){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            // if(this.$store.state.template.webSiteData.ad.aloneArticle.length>0){
-            //     for(let item of this.$store.state.template.webSiteData.ad.aloneArticle){
-            //         data.adPlaceList.push(item);
-            //     }
-            // }
-            //获得画布上得内容，准备回显
+            //第三步，判断是否使用了搜索页 - 如果没有使用，清理掉这个页面的数据
+            if(this.$store.state.template.showPage.search == false){
+                console.log("没有使用搜索页")
+                this.$store.commit('template/clearSearchPageData');
+            }else{
+                console.log("使用了搜索页")
+                this.$store.commit('template/setSearchPageStatus',true);
+            }
+            //获得画布上得内容，保存到canvasData，编辑的时候用来回显
             let allData = {
                 topAd:this.$store.state.template.webSiteData.ad.top,
                 template:this.$store.state.template.pageData
             }
             let canvasData = JSON.stringify(allData);
-
             //第二步：创建广告位
             this.$store.dispatch('template/addTwinAdPlace',data).then(res=>{
                 if(res.code==200){

src/views/template/templateCreat.vue

@@ -9,8 +9,8 @@
                     <span v-if="this.$store.state.template.pageStatus == 3">随机生成列表页模板</span>
                     <span v-if="this.$store.state.template.pageStatus == 4">随机生成详情页模板</span>
                     <span v-if="this.$store.state.template.pageStatus == 5">随机生成搜索页模板</span>
-                    <span v-if="this.$store.state.template.pageStatus == 6">随机生成底部列表页模板</span>
-                    <span v-if="this.$store.state.template.pageStatus == 7">随机生成底部详情页模板</span>
+                    <span v-if="this.$store.state.template.pageStatus == 6">随机生成单页列表模板</span>
+                    <span v-if="this.$store.state.template.pageStatus == 7">随机生成单页详情模板</span>
                 </el-button>
             </div>
             <div class="topMenuRightBox">
@@ -29,8 +29,8 @@
                 <div v-if="this.$store.state.template.showPage.list==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 3 ? 'active' : '']" @click="openPage(3)">列表页</div>
                 <div v-if="this.$store.state.template.showPage.article==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 4 ? 'active' : '']" @click="openPage(4)">详情页</div>
                 <div v-if="this.$store.state.template.showPage.search==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 5 ? 'active' : '']" @click="openPage(5)">搜索页</div>
-                <div v-if="this.$store.state.template.showPage.aloneList==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 6 ? 'active' : '']" @click="openPage(6)">自定义列表页</div>
-                <div v-if="this.$store.state.template.showPage.aloneArticle==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 7 ? 'active' : '']" @click="openPage(7)">自定义详情页</div>
+                <div v-if="this.$store.state.template.showPage.aloneList==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 6 ? 'active' : '']" @click="openPage(6)">单页列表</div>
+                <div v-if="this.$store.state.template.showPage.aloneArticle==true" :class="['pageTabsItem', this.$store.state.template.pageStatus === 7 ? 'active' : '']" @click="openPage(7)">单页详情</div>
             </div>
             <pageIndex v-if="this.$store.state.template.pageStatus == 1"/>
             <pageClass v-if="this.$store.state.template.pageStatus == 2"/>
@@ -188,6 +188,16 @@ export default {
                 let canvasData = JSON.parse(res.data.canvas_data);
                 //把回显内容填入画布
                 this.$store.commit('template/setWebsiteTemplate',canvasData);
+                //判断是否使用了搜索页
+                if(res.data.page_type.includes(5)){
+                    console.log("使用了搜索页")
+                    this.$store.commit('template/setSearchPageStatus',true);
+                }else{
+                    console.log("没有使用搜索页")
+                    this.$store.commit('template/setSearchPageStatus',false);
+                    this.$store.commit('template/clearSearchPageData');
+                }
+
             }else{
                 this.$store.commit('template/clearWebsiteTemplate');
                 console.log("用户是首次创建模板，无需回显！")

src/views/template/templateList.vue

@@ -167,8 +167,8 @@ export default {
                 if (item.page_type[idx] == "3") {item.page_type[idx] = "列表页"}
                 if (item.page_type[idx] == "4") {item.page_type[idx] = "详情页"}
                 if (item.page_type[idx] == "5") {item.page_type[idx] = "搜索页"}
-                if (item.page_type[idx] == "6") {item.page_type[idx] = "自定义列表页"}
-                if (item.page_type[idx] == "7") {item.page_type[idx] = "自定义详情页"}
+                if (item.page_type[idx] == "6") {item.page_type[idx] = "单页列表"}
+                if (item.page_type[idx] == "7") {item.page_type[idx] = "单页详情"}
               }
               // 将数组转换为字符串，并去掉两端的 [ 和 ]
               item.page_type = item.page_type.join(", ");