Merge branch 'pre' of http://git.bjzxtw.org.cn:3000/zxt/admin_home into pre

src/api/pool.js

@@ -396,3 +396,12 @@ export function updateWebsiteStatus(data) {
   })
 }
 
+// 删除绑定的域名
+export function delWebsiteUrl(data) {
+    return request({
+        url: '/website/delWebsiteUrl',
+        method: 'post',
+        data
+    })
+}
+

src/api/template.js

@@ -172,4 +172,13 @@ export function getWebsiteTemplate(data) {
         data
     })
 }
+
+//1.20 应用模板
+export function applyTemplate(data) {
+    return request({
+        url: '/website/upWebsiteStatus',
+        method: 'post',
+        data
+    })
+}
 //自助建站 end ------------------------------------->

src/layout/components/template/pages/about/sectorArticle.vue

@@ -149,6 +149,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
 

src/layout/components/template/pages/about/sectorList.vue

@@ -149,6 +149,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
 

src/layout/components/template/pages/article/sector.vue

@@ -239,6 +239,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
         .sectorItemTitle {

src/layout/components/template/pages/class/sector.vue

@@ -470,6 +470,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
 

src/layout/components/template/pages/index/sector.vue

@@ -5,6 +5,8 @@
             @click="addModule('adSector', 12, adSector)"
             @drag="drag('adSector', 12, adSector)" 
             @dragend="dragend('adSector', 12, adSector)"
+            @mouseenter="componentPreviewStatus(true,'http://img.bjzxtw.org.cn/pre/image/png/20250604/1748998088187321.png')"
+            @mouseleave="componentPreviewStatus(false,'')"
         >
             <div class="sectorItem">
                 <img src="http://img.bjzxtw.org.cn/pre/image/png/20250604/1748998088187321.png" v-if="this.$store.state.template.editWebsiteClass==1"/>
@@ -17,6 +19,8 @@
             @click="addModule('headLineSector', 17, headLineSector)" 
             @drag="drag('headLineSector', 17, headLineSector)"
             @dragend="dragend('headLineSector', 17, headLineSector)"
+            @mouseenter="componentPreviewStatus(true,'http://img.bjzxtw.org.cn/pre/image/png/20250603/1748914467583559.png')"
+            @mouseleave="componentPreviewStatus(false,'')"
         >
             <div class="sectorItem">
                 <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748914467583559.png" v-if="this.$store.state.template.editWebsiteClass==1"/>
@@ -29,6 +33,8 @@
             @click="addModule('bannerSector', 44, bannerSector)"
             @drag="drag('bannerSector', 44, bannerSector)" 
             @dragend="dragend('bannerSector', 44, bannerSector)"
+            @mouseenter="componentPreviewStatus(true,'http://img.bjzxtw.org.cn/pre/image/png/20250604/174899892158949.png')"
+            @mouseleave="componentPreviewStatus(false,'')"
         >
             <div class="sectorItem">
                 <img src="http://img.bjzxtw.org.cn/pre/image/png/20250604/174899892158949.png" v-if="this.$store.state.template.editWebsiteClass==1"/>
@@ -579,6 +585,14 @@ export default {
                 jsonData: jsonData
             }
             this.$store.commit('template/dragend', data);
+        },
+        //设置组件预览状态
+        componentPreviewStatus(status,src) {
+            let setData = {
+                status: status,
+                img: src
+            }
+            this.$store.commit('template/setComponentPreviewStatus', setData);
         }
     }
 }
@@ -607,6 +621,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
 

src/layout/components/template/pages/list/sector.vue

@@ -238,6 +238,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
 

src/layout/components/template/pages/search/sector.vue

@@ -136,6 +136,7 @@ export default {
             img {
                 display: block;
                 width: 100%;
+                min-height: 20px;
             }
         }
 

src/store/modules/pool.js

@@ -14,7 +14,8 @@ import {
   detail_website_tag_api,
 
   get_creatNews_nav_api, get_creatNews_nav_son_api,
-  cloneWebsite
+  cloneWebsite,
+  delWebsiteUrl
 
 
 
@@ -255,6 +256,16 @@ const actions = {
       })
     })
   },
+  //删除绑定的域名
+  delWebsiteUrl({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      delWebsiteUrl(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
   //网站列表 end ---------------------------------------->
 
   //2.导航池 start ---------------------------------------->

src/store/modules/template.js

@@ -4,7 +4,7 @@ import {
     getWebsiteintel, checkWebsiteBuild, getAdminSiteInfo, upWebsiteTemplateintel, getAllTemplateClass, 
     getWebsiteTemplateList, chooseWebsiteTemplate, getWebsiteTemplateclassintel, saveWebsiteTemplate, 
     getWebsiteTemplateInfo, getWebsiteTemplateData, getAdminWebsiteFootAll, addTwinAdPlace, 
-    getWebPageType, addWebPageType, checkWebsiteEdit, getWebsiteTemplate
+    getWebPageType, addWebPageType, checkWebsiteEdit, getWebsiteTemplate, applyTemplate
 } from '@/api/template'
 //0.自助建站的接口 end---------------------------------------->
 
@@ -28,6 +28,8 @@ const state = {
     editWebsiteClass: "",//网站风格
     stepStatus: true,//是否显示现在进行到哪一步：true=显示 false=不显示
     componentMenuStatus: 1,//组件菜单是否显示 1=显示 0=隐藏
+    componentPreviewStatus: false,//组件预览是否显示
+    componentPreviewImg:"",//组件预览数据
     //0.全局配置 end------------------------------------------------------------>
 
     //1.画布数据 start------------------------------------------------------------>
@@ -247,6 +249,11 @@ const mutations = {
     setPreviewStatus(state) {
         state.previewStatus = !state.previewStatus;
     },
+    //设置组件预览状态
+    setComponentPreviewStatus(state, data) {
+        state.componentPreviewStatus = data.status;
+        state.componentPreviewImg = data.img;
+    },
     //开启关闭搜索页配置
     setSearchPageStatus(state, data) {
         state.showPage.search = data;
@@ -964,7 +971,7 @@ const mutations = {
         let allData = []
         for (let index in data) {
             //导航最多只显示24个，超出部分不显示
-            if (index < 24) {
+            if (index < 23) {
                 allData.push(data[index])
             }
         }
@@ -1016,7 +1023,7 @@ const mutations = {
         Message({
             message: "配置阶段仅展示，无法真实调用该功能！",
             type: 'warning',
-            duration: 0,
+            duration: 1000,
             showClose: true
         });
     }
@@ -1232,6 +1239,16 @@ const actions = {
                 reject(error)
             })
         })
+    },
+    //2.16 应用模板
+    applyTemplate({ commit }, data) {
+        return new Promise((resolve, reject) => {
+            applyTemplate(data).then(response => {
+                resolve(response)
+            }).catch(error => {
+                reject(error)
+            })
+        })
     }
     //2.构建网站json end------------------------------------------------------------>
 }

src/store/modules/user.js

@@ -1,5 +1,5 @@
 import { login, logout, getInfo, getMenu ,getImgCode,updateUserAvatarNickname,loginapi,logoutapi,logoutStatus} from '@/api/user'
-import { getToken, setToken, setUserUrl, removeToken ,removUserUrl,getUserUrl,getUseType,removUseType,setUseType,getExp,setExp,removeExp,setWebSiteId,getWebSiteId,removeWebSiteId } from '@/utils/auth'
+import { setUserInfo,getToken, setToken, setUserUrl, removeToken ,removUserUrl,getUserUrl,getUseType,removUseType,setUseType,getExp,setExp,removeExp,setWebSiteId,getWebSiteId,removeWebSiteId } from '@/utils/auth'
 import router, { resetRouter } from '@/router'
 import axios from 'axios'
 import { getUserInfo } from '@/api/userMember'
@@ -93,6 +93,7 @@ const actions = {
         if(data.token==undefined){
           console.log("登录失败！userurl非法！")
         }else{
+          // console.log("#########:",userInfo)
           //会员登录跳转 但不储存
           if(userInfo.backurl){
             console.log("不储存用户的userurl!")
@@ -150,6 +151,16 @@ const actions = {
   getInfo({ commit, state }) {
     return new Promise((resolve, reject) => {
       getInfo(state.token).then(response => {
+        // console.log("#########$$$$$$$$$$$$$$$$$::",response)
+        let userInfo = {
+          id:response.data.id,
+          uid: response.data.id, 
+          nickname: response.data.nickname,
+          // signature: response.data.signature,
+          avatar: response.data.avatar,
+        }
+
+        setUserInfo(JSON.stringify(userInfo),state.exp)
         const { data } = response
         // if (!data) {
         //   reject('Verification failed, please Login again.')
@@ -166,10 +177,10 @@ const actions = {
         commit('SET_ROLES', roles)
         commit('SET_USERID', data.id)
         commit('SET_NAME', nickname)
-        //console.log("开始设置身份详情")
-        //console.log(nickname)
+        console.log("开始设置身份详情")
+        console.log(nickname)
         commit('SET_AVATAR', avatar)
-        //console.log(avatar)
+        console.log(avatar)
         commit('SET_INTRODUCTION', introduction)
         commit('SET_ROLE_ID', role_id)
         //设置用户等级

src/utils/auth.js

@@ -7,6 +7,7 @@ const expTime = 'exp-time'
 const webStieId = 'website-id'
 const TokenKeyTest = 'test-token'
 const loginStatus = 'login-status'
+const UserInfo = 'user-info'
 
 //1.设置token
 export function getToken() {
@@ -116,6 +117,10 @@ export function getBackUrlValue(url) {
     return match ? decodeURIComponent(match[1]) : null;
 }
 
+export function setUserInfo(data,exp) {
+  const expdays = convertSecondsToDays(exp)
+  return Cookies.set(UserInfo, data, { expires: expdays })
+}
 // Function to parse hash parameters from the URL
 export function hashParams() {
   const urlString = window.location.href;

src/views/advertise/adPlaceList.vue

@@ -121,6 +121,11 @@
                         <el-input v-model="ruleForm.adDesc" type="textarea" :rows="2" placeholder="请输入广告位介绍"
                             resize="none">
                         </el-input>
+                    </el-form-item>
+                     <el-form-item label="广告位链接:" prop="ad_url">
+                        <el-input v-model="ruleForm.ad_url" placeholder="请输入广告位链接"
+                            resize="none">
+                        </el-input>
                     </el-form-item>
                     <el-form-item label="广告示例图:" prop="adPhoto" :label-width="formLabelWidth"
                         :class="['custom-form-item']" class="custom-align-right">
@@ -250,6 +255,8 @@ export default {
                 ad_size_id: 1,   //广告位大小
                 price: '',  //价格
                 status: '',   //状态
+                ad_url: '', //广告位url
+
             },
             rules: {
                 webName: [{ required: true, trigger: 'blur', validator: validateEmpty }],
@@ -439,6 +446,7 @@ export default {
             this.ruleForm.status = val.status //状态
             this.ad_size_id=val.ad_size_id //广告尺寸
             this.ruleForm.adSize=val.width+'x'+val.height //广告尺寸
+            this.ruleForm.ad_url=val.ad_url //广告位链接
 
             if (val.typeid == 2) {
                 this.ruleForm.adType = '2' //广告类型
@@ -478,6 +486,7 @@ export default {
             this.ruleForm.price = '' //价格
             this.ruleForm.status = '' //状态
             this.logoUrl = ''
+            this.ruleForm.ad_url = '' //广告位链接
         },
 
 
@@ -510,6 +519,8 @@ export default {
                     ad_size_id: this.ruleForm.adSize,
                     status: this.ruleForm.status,
                     introduce: this.ruleForm.adDesc,
+                    // ad_url: this.ruleForm.ad_url,
+
                 }).then(data => {
                     console.log(data);
                     if (data.code == 200) {
@@ -562,9 +573,10 @@ export default {
                     ad_size_id: Number(this.ruleForm.ad_size_id),
                     status: Number(this.ruleForm.status),
                     introduce: this.ruleForm.adDesc,
-                    id: this.activeid
+                    id: this.activeid,
+                    ad_url: this.ruleForm.ad_url,
                 }).then(data => {
-                    console.log(data);
+                    console.log('编辑广告位',this.ruleForm);
                     if (data.code == 200) {
                         this.$message({
                             message: '编辑成功',

src/views/componentGallery/plate.vue

@@ -12,8 +12,8 @@
                 </el-col>
                 <el-col :span="6" class="left">
                     <div class="searchBox">
-                        <div class="searchTitle">模板风格</div>
-                        <el-select v-model="apiData.template_class_id" clearable placeholder="请选择模板风格" @change="getSkinList">
+                        <div class="searchTitle">所属风格</div>
+                        <el-select v-model="apiData.template_class_id" clearable placeholder="请选择所属风格" @change="getSkinList">
                             <el-option v-for="item in class_options" :key="item.class_id" :label="item.name" :value="item.class_id">
                             </el-option>
                         </el-select>

src/views/componentGallery/plateDetail.vue

@@ -203,11 +203,11 @@ export default {
                 },
                 {
                     value: 6,
-                    label: '特殊列表页',
+                    label: '单页（列表）',
                 },
                 {
                     value: 7,
-                    label: '特殊详情页',
+                    label: '单页（详情）',
                 },
             ],
             typeList: [

src/views/componentGallery/skin.vue

@@ -1,4 +1,4 @@
-<!-- 风格 -->
+<!-- 皮肤 -->
 <template>
     <div>
         <!-- 头部搜索框部分 -->
@@ -256,7 +256,7 @@
                                 <div v-if="hovering && logoUrl_sList" class="delete-button" @click="handleDelete_sList">
                                     <i class="el-icon-delete"></i>
                                 </div>
-                                <h5>特殊列表页</h5>
+                                <h5>单页（列表）</h5>
                             </div>
                             <!--图片上传组件 end ------------------------------------------------------------>
                         </div>
@@ -283,7 +283,7 @@
                                     @click="handleDelete_sDetail">
                                     <i class="el-icon-delete"></i>
                                 </div>
-                                <h5>特殊详情页</h5>
+                                <h5>单页（详情）</h5>
                             </div>
                             <!--图片上传组件 end ------------------------------------------------------------>
                         </div>
@@ -392,20 +392,20 @@ export default {
                 name: '搜索页',
                 value: '5',
             },
-            //特殊列表页图片
+            //单页（列表）图片
             sListImg: '',
             logoUrl_sList: '',
             sList_obj: {
                 url: '',
-                name: '特殊列表页',
+                name: '单页（列表）',
                 value: '6',
             },
-            //特殊详情页图片
+            //单页（详情）图片
             sDetailImg: '',
             logoUrl_sDetail: '',
             sDetail_obj: {
                 url: '',
-                name: '特殊详情页',
+                name: '单页（详情）',
                 value: '7',
             },
             //图片json
@@ -616,11 +616,11 @@ export default {
                     this.logoUrl_search = item.url
                     this.searchImg = item.url
                 }
-                if (item.name == '特殊列表页') {
+                if (item.name == '单页（列表）') {
                     this.logoUrl_sList = item.url
                     this.sListImg = item.url
                 }
-                if (item.name == '特殊详情页') {
+                if (item.name == '单页（详情）') {
                     this.logoUrl_sDetail = item.url
                     this.sDetailImg = item.url
                 }
@@ -690,13 +690,13 @@ export default {
                 this.img_arr.push(this.search_obj)
                 this.page_arr.push(5);
             }
-            //特殊列表页
+            //单页（列表）
             if (this.logoUrl_sList) {
                 this.sList_obj.url = this.sListImg
                 this.img_arr.push(this.sList_obj)
                 this.page_arr.push(6)
             }
-            //特殊详情页
+            //单页（详情）
             if (this.logoUrl_sDetail) {
                 this.sDetail_obj.url = this.sDetailImg
                 this.img_arr.push(this.sDetail_obj)

src/views/template/public/checkWindow.vue

@@ -159,7 +159,7 @@
                         <div class="cWBStatusContentItem">{{this.$store.state.template.pageDataStatus.search.adPrice}}<span>个</span></div>
                     </div>
                 </div>
-                <div class="cWBStatusContentSucess">
+                <div class="cWBStatusContentSucess" v-else>
                     <div class="cWBTitle">搜索页</div>
                     <div class="cWBIcon">
                         <span class="el-icon-check"></span>
@@ -180,7 +180,7 @@
             <!--复制 start-->
             <div class="checkWindowBoxContentItem">
                 <div class="cWBStatusContentError" v-if="this.$store.state.template.pageDataStatus.aloneList.cid>0 || this.$store.state.template.pageDataStatus.aloneList.ad>0">
-                    <div class="cWBTitle">底部列表页</div>
+                    <div class="cWBTitle">单页（列表）</div>
                     <div class="cWBIcon">
                         <span class="el-icon-check"></span>
                     </div>
@@ -194,8 +194,8 @@
                         <div class="cWBStatusContentItem">{{this.$store.state.template.pageDataStatus.aloneList.adPrice}}<span>个</span></div>
                     </div>
                 </div>
-                <div class="cWBStatusContentSucess">
-                    <div class="cWBTitle">底部列表页</div>
+                <div class="cWBStatusContentSucess" v-else>
+                    <div class="cWBTitle">单页（列表）</div>
                     <div class="cWBIcon">
                         <span class="el-icon-check"></span>
                     </div>
@@ -214,7 +214,7 @@
             <!--复制 start-->
             <div class="checkWindowBoxContentItem">
                 <div class="cWBStatusContentError" v-if="this.$store.state.template.pageDataStatus.aloneArticle.cid>0 || this.$store.state.template.pageDataStatus.aloneArticle.ad>0">
-                    <div class="cWBTitle">底部详情页</div>
+                    <div class="cWBTitle">单页（详情）</div>
                     <div class="cWBIcon">
                         <span class="el-icon-check"></span>
                     </div>
@@ -228,8 +228,8 @@
                         <div class="cWBStatusContentItem">{{this.$store.state.template.pageDataStatus.aloneArticle.adPrice}}<span>个</span></div>
                     </div>
                 </div>
-                <div class="cWBStatusContentSucess">
-                    <div class="cWBTitle">底部详情页</div>
+                <div class="cWBStatusContentSucess" v-else>
+                    <div class="cWBTitle">单页（详情）</div>
                     <div class="cWBIcon">
                         <span class="el-icon-check"></span>
                     </div>
@@ -248,9 +248,9 @@
             <!--复制 end-->
         </div>
         <div class="editWindowBoxContent">
-            <div class="editWebsiteTemplateJsonBox">
+            <!-- <div class="editWebsiteTemplateJsonBox">
                 <pre>{{this.$store.state.template.webSiteData}}</pre>
-            </div>
+            </div> -->
         </div>
         <div class="editWindowBoxFooter">
             <el-button 

src/views/template/public/componentWindow.vue

@@ -48,22 +48,6 @@
                         <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748935989462533.png"/>
                         <div class="componentScrollBoxItemTitle">大标题带二个子标题</div>
                     </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748936908630352.png"/>
-                        <div class="componentScrollBoxItemTitle">大标题一个子标题</div>
-                    </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748936918177835.png"/>
-                        <div class="componentScrollBoxItemTitle">只显示大标题</div>
-                    </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748937475668303.png"/>
-                        <div class="componentScrollBoxItemTitle">滚动显示三个大标题</div>
-                    </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/png/20250603/1748937484282250.png"/>
-                        <div class="componentScrollBoxItemTitle">滚动显示两个大标题</div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 1 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle1">
@@ -75,22 +59,6 @@
                         <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750834351793480.jpg"/>
                         <div class="componentScrollBoxItemTitle">大标题带二个子标题滚动显示</div>
                     </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750834356702295.jpg"/>
-                        <div class="componentScrollBoxItemTitle">大标题一个子标题滚动显示</div>
-                    </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750834381192075.jpg"/>
-                        <div class="componentScrollBoxItemTitle">滚动显示大标题</div>
-                    </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750834390122808.jpg"/>
-                        <div class="componentScrollBoxItemTitle">滚动显示大标题不带框</div>
-                    </div>
-                    <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                        <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/17508343968448.jpg"/>
-                        <div class="componentScrollBoxItemTitle">大标题带三个子标题不滚动</div>
-                    </div>
                 </div>
                 <!--1.头条组件 end---------------------------------------->
 
@@ -120,24 +88,6 @@
                             <div class="componentScrollBoxItemTitle">加粗每组标题</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250604/1749019612825652.jpg"/>
-                            <div class="componentScrollBoxItemTitle">主题色首行标题</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250604/1749019620385462.jpg"/>
-                            <div class="componentScrollBoxItemTitle">加粗首行标题</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250604/174901963225883.jpg"/>
-                            <div class="componentScrollBoxItemTitle">不加粗标题</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 3 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle3">
@@ -153,24 +103,6 @@
                             <div class="componentScrollBoxItemTitle">加粗每组标题</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750835199910442.jpg"/>
-                            <div class="componentScrollBoxItemTitle">主题色首行标题</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750835205856449.jpg"/>
-                            <div class="componentScrollBoxItemTitle">加粗首行标题</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750835219846599.jpg"/>
-                            <div class="componentScrollBoxItemTitle">不加粗标题</div>
-                        </div>
-                    </div>
                 </div>
                 <!--3.焦点图组件 start---------------------------------------->
 
@@ -189,18 +121,6 @@
                             <div class="componentScrollBoxItemTitle">左侧标题加粗,右侧大图在上小图在下</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749102631511603.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧小图在上大图在下,右侧标题加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749102640761677.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧标题加粗,右侧小图在上大图在下</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 4 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle2">
@@ -216,18 +136,6 @@
                             <div class="componentScrollBoxItemTitle">左侧标题加粗,右侧大图在上小图在下</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750836015933464.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧小图在上大图在下,右侧标题加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750836022442700.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧标题加粗,右侧小图在上大图在下</div>
-                        </div>
-                    </div>
                 </div>
                 <!--4.两列布局新闻组件1 左侧 end---------------------------------------->
 
@@ -246,60 +154,6 @@
                             <div class="componentScrollBoxItemTitle">右侧图片,左侧标题灰色标记</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749113088790743.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片,右侧标题带主题色标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749113088790743.jpg"/>
-                            <div class="componentScrollBoxItemTitle">右侧图片,左侧标题带主题色标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749114491210881.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片,右侧标题带黑色标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749115022871339.jpg"/>
-                            <div class="componentScrollBoxItemTitle">右侧图片,左侧标题带黑色标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 7 ? 'active' : '']" @click="selectUseStyleNumber(7)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749115161954033.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片,左侧标题不带标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 8 ? 'active' : '']" @click="selectUseStyleNumber(8)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749115171142913.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片,左侧标题不带标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 9 ? 'active' : '']" @click="selectUseStyleNumber(9)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/174911518234957.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文交错摆放样式1</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 10 ? 'active' : '']" @click="selectUseStyleNumber(10)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749115193168545.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文交错摆放样式2</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 11 ? 'active' : '']" @click="selectUseStyleNumber(11)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250605/1749115201985672.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文交错摆放样式3</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 5 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle3">
@@ -315,18 +169,6 @@
                             <div class="componentScrollBoxItemTitle">右侧图片,左侧标题灰色标记</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750836366880797.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片,右侧标题带主题色标记</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750836374582370.jpg"/>
-                            <div class="componentScrollBoxItemTitle">右侧图片,左侧标题带主题色标记</div>
-                        </div>
-                    </div>
                 </div>
                 <!--5.两列布局新闻组件1 右侧 end---------------------------------------->
 
@@ -345,18 +187,6 @@
                             <div class="componentScrollBoxItemTitle">两列图文图片置底</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250606/1749176153747911.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混合左上右下</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250606/1749176160202729.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混合右下左上</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 6 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle2">
@@ -372,18 +202,6 @@
                             <div class="componentScrollBoxItemTitle">两列图文图片置底</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750837011700215.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混合左上右下</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750837018186768.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混合右下左上</div>
-                        </div>
-                    </div>
                 </div>
                 <!--6.两列布局新闻组件2 左侧 end---------------------------------------->
 
@@ -402,18 +220,6 @@
                             <div class="componentScrollBoxItemTitle">图片在下，列表在上首标题加粗</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250606/1749178137907893.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在上，标题在下</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250606/1749178143998493.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在下，标题在上</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 7 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle3">
@@ -429,18 +235,6 @@
                             <div class="componentScrollBoxItemTitle">图片在下，列表在上首标题加粗</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750837536264854.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在上，标题在下</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750837554807022.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在下，标题在上</div>
-                        </div>
-                    </div>
                 </div>
                 <!--7.两列布局新闻组件2 右侧 end---------------------------------------->
 
@@ -459,18 +253,6 @@
                             <div class="componentScrollBoxItemTitle">图片与文字混合，列表灰色标识</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250606/1749203136861391.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在右，列表灰色标识</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/png/20250606/1749203144218891.png"/>
-                            <div class="componentScrollBoxItemTitle">图片在左，列表主题色标识</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 8 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle2">
@@ -486,18 +268,6 @@
                             <div class="componentScrollBoxItemTitle">图片与文字混合，列表灰色标识</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/175083810049925.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在右，列表灰色标识</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750838108187595.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在左，列表主题色标识</div>
-                        </div>
-                    </div>
                 </div>
                 <!--8.两列布局新闻组件3 左侧上半部分 end---------------------------------------->
 
@@ -516,18 +286,6 @@
                             <div class="componentScrollBoxItemTitle">图片在下，列表标题加粗</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749430122219615.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片与列表混合，标题加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749430130962786.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在左，列表主题色标识</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 9 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle3">
@@ -543,18 +301,6 @@
                             <div class="componentScrollBoxItemTitle">图片在下，列表标题加粗</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750838361551294.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片与列表混合，标题加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750838367376752.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片在左，列表主题色标识</div>
-                        </div>
-                    </div>
                 </div>
                 <!--9.两列布局新闻组件3 左侧下半部分 end---------------------------------------->
 
@@ -573,30 +319,6 @@
                             <div class="componentScrollBoxItemTitle">角标与左侧保持间距</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749430731348410.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标在左上角对齐</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749430739421252.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标与上方保持间距</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/174943074887033.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标置于左下角</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749430757268221.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标与右侧保持间距</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 10 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle4">
@@ -612,24 +334,6 @@
                             <div class="componentScrollBoxItemTitle">角标与左侧保持间距</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750838628582500.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标在左上角对齐</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750838637378829.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标与上方保持间距</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750838829779783.jpg"/>
-                            <div class="componentScrollBoxItemTitle">角标置于左下角</div>
-                        </div>
-                    </div>
                 </div>
                 <!--10.两列布局新闻组件3 右侧部分 end---------------------------------------->
 
@@ -648,30 +352,6 @@
                             <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在下，加粗标题</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749453969223756.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在上，加粗标题</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/174945397556612.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片新闻在上，右侧广告在下，不加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749453982118601.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在下，不加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250609/1749453996190138.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在上，不加粗</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 11 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle2">
@@ -687,18 +367,6 @@
                             <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在下，加粗标题</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839123605971.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片新闻在下，右侧广告在上，加粗标题</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750839130491654.jpg"/>
-                            <div class="componentScrollBoxItemTitle">左侧图片新闻在上，右侧广告在下，不加粗</div>
-                        </div>
-                    </div>
                 </div>
                 <!--11.带广告图文组合 end---------------------------------------->
 
@@ -718,30 +386,6 @@
                             <div class="componentScrollBoxItemTitle">居中标题，不带分割线</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250619/1750322373134764.jpg"/>
-                            <div class="componentScrollBoxItemTitle">居中标题，选中项加横线</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250619/175032238049115.jpg"/>
-                            <div class="componentScrollBoxItemTitle">标题居左，带分割线</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250619/1750322387978404.jpg"/>
-                            <div class="componentScrollBoxItemTitle">标题居左，不带分割线</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250619/1750322395388544.jpg"/>
-                            <div class="componentScrollBoxItemTitle">标题居左，选中项加横线</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 12 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle1">
@@ -775,12 +419,6 @@
                             <div class="componentScrollBoxItemTitle">黑色标题加粗</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250619/1750323772524230.jpg"/>
-                            <div class="componentScrollBoxItemTitle">主题色标题加粗</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 13 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle1">
@@ -796,7 +434,6 @@
                             <div class="componentScrollBoxItemTitle">列表带前缀</div>
                         </div>
                     </div>
-                   
                 </div>
                 <!--13.滚动图文组合 end---------------------------------------->
 
@@ -816,18 +453,6 @@
                             <div class="componentScrollBoxItemTitle">实线分割，首行不加粗</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656513182035.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，每栏首行加粗</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656521926251.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，首行不加粗</div>
-                        </div>
-                    </div>
                 </div>
                 <!--14.主列表 end---------------------------------------->
 
@@ -846,42 +471,6 @@
                             <div class="componentScrollBoxItemTitle">上右图片，下方文字</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656931891270.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片下左，文字在上</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656939320570.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片下右，文字在上</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656945837770.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混排，文字在下1</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656959807266.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混排，文字在下2</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 7 ? 'active' : '']" @click="selectUseStyleNumber(7)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656945837770.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混排，文字在下3</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 8 ? 'active' : '']" @click="selectUseStyleNumber(8)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750656959807266.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图文混排，文字在下4</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 15 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle4">
@@ -897,18 +486,6 @@
                             <div class="componentScrollBoxItemTitle">上右图片，下方文字</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750841560855941.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片下左，文字在上</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750841566722124.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图片下右，文字在上</div>
-                        </div>
-                    </div>
                 </div>
                 <!--15.最新资讯 end---------------------------------------->
 
@@ -927,24 +504,6 @@
                             <div class="componentScrollBoxItemTitle">实线分割，全部高亮</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750657350233891.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，前三条高亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/175065735778737.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，全部高亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250623/1750657367837755.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，不显示数字</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 16 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle4">
@@ -960,18 +519,6 @@
                             <div class="componentScrollBoxItemTitle">实线分割，全部高亮</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750841833734341.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，前三条高亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750841838249063.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线分割，全部高亮</div>
-                        </div>
-                    </div>
                 </div>
                 <!--15.热点精选 end---------------------------------------->
 
@@ -991,54 +538,6 @@
                             <div class="componentScrollBoxItemTitle">底部投影加白色按钮</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750728952370749.jpg"/>
-                            <div class="componentScrollBoxItemTitle">黑色搜索按钮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750728959101334.jpg"/>
-                            <div class="componentScrollBoxItemTitle">主题色搜索按钮加投影</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750729001145123.jpg"/>
-                            <div class="componentScrollBoxItemTitle">黑色主题按钮保持间距</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750729028870817.jpg"/>
-                            <div class="componentScrollBoxItemTitle">主题色背景加放大镜图标</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 7 ? 'active' : '']" @click="selectUseStyleNumber(7)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750729041119093.jpg"/>
-                            <div class="componentScrollBoxItemTitle">线框加黑色图标</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 8 ? 'active' : '']" @click="selectUseStyleNumber(8)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750729050939655.jpg"/>
-                            <div class="componentScrollBoxItemTitle">线框加主题色图标</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 9 ? 'active' : '']" @click="selectUseStyleNumber(9)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750729075806292.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图标加文字在左侧</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 10 ? 'active' : '']" @click="selectUseStyleNumber(10)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750729084367036.jpg"/>
-                            <div class="componentScrollBoxItemTitle">图标加文字在右侧</div>
-                        </div>
-                    </div>
                 </div>
                 <!--样式2-->
                 <div v-if="this.$store.state.template.editComponentType == 17 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle1">
@@ -1054,18 +553,6 @@
                             <div class="componentScrollBoxItemTitle">底部投影加白色按钮</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750842349482694.jpg"/>
-                            <div class="componentScrollBoxItemTitle">黑色搜索按钮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750842359742962.jpg"/>
-                            <div class="componentScrollBoxItemTitle">主题色搜索按钮加投影</div>
-                        </div>
-                    </div>
                 </div>
                 <!--16.搜索框 end---------------------------------------->
 
@@ -1084,54 +571,6 @@
                             <div class="componentScrollBoxItemTitle">文字加背景色</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750749128481518.jpg"/>
-                            <div class="componentScrollBoxItemTitle">仅悬浮加亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/175074913477500.jpg"/>
-                            <div class="componentScrollBoxItemTitle">悬浮背景加深</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 5 ? 'active' : '']" @click="selectUseStyleNumber(5)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750749141679762.jpg"/>
-                            <div class="componentScrollBoxItemTitle">仅保留线框</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 6 ? 'active' : '']" @click="selectUseStyleNumber(6)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750749152760605.jpg"/>
-                            <div class="componentScrollBoxItemTitle">线框添加背景</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 7 ? 'active' : '']" @click="selectUseStyleNumber(7)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750749157461275.jpg"/>
-                            <div class="componentScrollBoxItemTitle">线框选中高亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 8 ? 'active' : '']" @click="selectUseStyleNumber(8)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750749165401195.jpg"/>
-                            <div class="componentScrollBoxItemTitle">线框选中高亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 9 ? 'active' : '']" @click="selectUseStyleNumber(9)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/1750749173113799.jpg"/>
-                            <div class="componentScrollBoxItemTitle">虚线线框</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 10 ? 'active' : '']" @click="selectUseStyleNumber(10)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250624/17507491859079.jpg"/>
-                            <div class="componentScrollBoxItemTitle">选中取消线框</div>
-                        </div>
-                    </div>
                 </div>
                 <div v-if="this.$store.state.template.editComponentType == 18 && this.$store.state.template.editWebsiteClass == 2" class="componentScrollBoxStyle4">
                     <div class="componentScrollbigBog">
@@ -1146,18 +585,6 @@
                             <div class="componentScrollBoxItemTitle">文字加背景色</div>
                         </div>
                     </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 3 ? 'active' : '']" @click="selectUseStyleNumber(3)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750842996542815.jpg"/>
-                            <div class="componentScrollBoxItemTitle">仅悬浮加亮</div>
-                        </div>
-                    </div>
-                    <div class="componentScrollbigBog">
-                        <div :class="['componentScrollBoxItem', this.$store.state.template.editComponentStyle === 4 ? 'active' : '']" @click="selectUseStyleNumber(4)">
-                            <img src="http://img.bjzxtw.org.cn/pre/image/jpeg/20250625/1750843002791909.jpg"/>
-                            <div class="componentScrollBoxItemTitle">悬浮背景加深</div>
-                        </div>
-                    </div>
                 </div>
                 <!--单页列表和单页详情 左侧悬浮列表 end---------------------------------------->
             </div>

src/views/template/style/sector/menu/1200x130/1.vue

@@ -4,6 +4,7 @@
         <div class="menuStyle1" v-if="this.$store.state.template.editWebsiteClass==1">
             <div :class="['menuBoxBg', { componentBorder: this.$store.state.template.previewStatus == false }]">
                 <div class="menuBox" ref="menuBox">
+                    <div @click="banUse">首页</div>
                     <div v-for="item in this.$store.state.template.webSiteMenu" @click="banUse">
                         {{item.alias}}
                     </div>
@@ -14,6 +15,7 @@
         <div class="menuStyle2" v-if="this.$store.state.template.editWebsiteClass==2">
             <div :class="['menuBoxBg', { componentBorder: this.$store.state.template.previewStatus == false }]">
                 <div class="menuBox" ref="menuBox">
+                    <div @click="banUse">首页</div>
                     <div v-for="item in this.$store.state.template.webSiteMenu" @click="banUse">
                         {{item.alias}}
                     </div>

src/views/template/templateBase.vue

@@ -29,8 +29,8 @@
                                 </el-tooltip>
                             </div>
                             <el-checkbox-group v-model="form.page_type">
-                                <el-checkbox label="6" disabled>底部菜单列表页</el-checkbox>
-                                <el-checkbox label="7" disabled>底部菜单详情页</el-checkbox>
+                                <el-checkbox label="6" disabled>单页（列表）</el-checkbox>
+                                <el-checkbox label="7" disabled>单页（详情）</el-checkbox>
                             </el-checkbox-group>
                         </div>
                     </el-form-item>

src/views/template/templateCreat.vue

@@ -4,20 +4,33 @@
         <div class="topMenuBox">
             <div>
                 <el-button icon="el-icon-refresh" type="primary" @click="randomTemplate">
-                    <span v-if="this.$store.state.template.pageStatus == 1">随机生成首页模板</span>
-                    <span v-if="this.$store.state.template.pageStatus == 2">随机生成频道页模板</span>
-                    <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 == 1">随机生成模板</span>
+                    <!--频道页-->
+                    <span v-if="this.$store.state.template.pageStatus == 2">随机生成模板</span>
+                    <!--列表页-->
+                    <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>
                 </el-button>
             </div>
             <div class="topMenuRightBox">
                 <img src="@/assets/template/preview.png" class="previewImg" @click="setPreviewStatus" v-if="this.$store.state.template.previewStatus==false"/>
                 <img src="@/assets/template/close.png" class="previewImg"  @click="setPreviewStatus" v-else/>
                 <el-button type="primary" @click="saveTemplate">保存</el-button>
-                <el-button type="info" @click="goStyle">上一步</el-button>
+                <el-button type="info" @click="goStyle">上一步</el-button> 
+            </div>
+            <div class="componentPreview" v-if="this.$store.state.template.componentPreviewStatus==true">
+                <div class="componentPreviewTitle"><span>通栏预览</span></div>
+                <div class="componentPreviewImgBox">
+                    <img :src="this.$store.state.template.componentPreviewImg" class="componentPreviewImg"/>
+                </div>
             </div>
         </div>
         <!-- 顶部菜单 end ---------------------------------------->
@@ -29,8 +42,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"/>
@@ -215,14 +228,47 @@ export default {
     align-items: center;
     justify-content: space-between;
     background: #fff;
+    position: relative;
     .topMenuRightBox {
         display: flex;
         align-items: center;
         cursor: pointer;
+        position: relative;
         .previewImg {
             margin-right: 20px;
         }
     }
+    .componentPreview {
+        position: fixed;
+        width: 640px;
+        height: 300px;
+        z-index: 999;
+        background: #fff;
+        left: 220px;
+        top: 100px;
+        box-sizing: border-box;
+        padding: 5px 20px 20px 20px;
+        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.25);
+        .componentPreviewTitle {
+            height: 40px;
+            font-size: 16px;
+            line-height: 40px;
+            span {
+                border-left: 3px solid #5570F1;
+                padding-left: 10px;
+            }
+        }
+        .componentPreviewImgBox {
+            height: 235px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            img {
+                width: 600px;
+                max-height: 235px;
+            }
+        }
+    }
 }
 //拖拽布局容器
 .websiteBox {

src/views/template/templateList.vue

@@ -74,7 +74,9 @@
                 <div class="listBtnBox">
                   <div class="listEditBtn" @click="getDataMain(scope.row.website_id,scope.row.action_id)" v-if="scope.row.template_status!=0"><i class="el-icon-edit-outline"></i>编辑</div>
                   <div class="listUpBtn" @click="creatWebsite(scope.row.website_id)" v-else><i class="el-icon-brush"></i>构建</div>
-                  <div class="listMainBtn"><i class="el-icon-link"></i>应用</div>
+                  <div class="listMainBtn" v-if="scope.row.template_status==1" @click="applyTemplate(scope.row.website_id,2)"><i class="el-icon-video-play"></i>应用</div>
+                  <div class="listMainBtn listMainBtnDisabled" v-else-if="scope.row.template_status==0"><i class="el-icon-video-play"></i>应用</div>
+                  <div class="listDeleteBtn" v-else-if="scope.row.template_status==2" @click="applyTemplate(scope.row.website_id,1)"><i class="el-icon-video-pause"></i>停用</div>
                 </div>
               </template>
             </el-table-column>
@@ -167,8 +169,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(", ");
@@ -232,6 +234,26 @@ export default {
                 this.$message.error(res.message)
             }
         })
+    },
+    //应用模板
+    applyTemplate(website_id,status){
+        let data = {
+            website_id:website_id,
+            status:status//1=未应用 2=已应用
+        }
+        this.$store.dispatch('template/applyTemplate',data).then(res=> {
+            if(res.code==200){
+                if(status==1){
+                    this.$message.warning("已成功停用模板！")
+                    this.getData();
+                }else{
+                    this.$message.success("已成功应用模板！")
+                    this.getData();
+                }
+            }else{
+                this.$message.error("应用模板失败，请重试！")
+            }
+        })
     }
     //2.跳转操作 end ------------------------------------------------------------>
   },
@@ -254,5 +276,10 @@ export default {
     padding:0 0 40px 0;
     text-align: center;
   }
+  .listMainBtnDisabled {
+    background: #eee;
+    color:#333;
+    cursor: not-allowed;
+  }
 </style>
 

src/views/template/templateStyle.vue

@@ -18,14 +18,15 @@
                             </el-select>
                         </div>
                     </el-col>
-                    <el-col :span="8">
+                    <!-- <el-col :span="8">
                         <div class="searchBox">
                             <div class="searchTitle">按关键字搜索</div>
                             <el-input v-model="getApiData.keyword[0]" placeholder="根据描述推荐皮肤"></el-input>
                         </div>
-                    </el-col>
-                    <el-col :span="8">
+                    </el-col> -->
+                    <el-col :span="16">
                         <div class="searchBtnBox">
+                            <el-button type="default" @click="reset">重置</el-button>
                             <el-button type="primary" @click="getData('search')">搜索</el-button>
                         </div>
                     </el-col>
@@ -36,7 +37,7 @@
         <!--表格内容 start------------------------------------------------------------>
         <div class="layerBox">
             <tableTitle :name="tableDivTitle" />
-            <div class="templateStyleBox">
+            <div class="templateStyleBox" v-if="tableData.length != 0">
                 <div class="templateStyleItem" v-for="(item, index) in tableData" :key="index">
                     <div :class="['templateStyleItemBox', { active: item.status == 1 || item.template_id == userTemplateId }]" @click="useIt(item)">
                         <img :src="item.template_img[0].url">
@@ -44,7 +45,10 @@
                     </div>
                 </div>
             </div>
-            <div class="paginationBox">
+            <div class="thumbnailItem" v-else>
+                <p class="notData">该风格下暂无皮肤</p>
+            </div>
+            <div class="paginationBox" v-if="tableData.length != 0">
                 <el-pagination 
                     @size-change="handleSizeChange" 
                     :current-page="getApiData.page"
@@ -181,6 +185,8 @@ export default {
                     this.tableData = data;
                     //总条数
                     this.allCount = res.data.template.total;
+
+                    this.userData = [];
                     //标记用户之前的选择
                     if(res.data.template_id==0||res.data.template_id==null){
                         console.log("用户从未选择过皮肤！")
@@ -200,6 +206,13 @@ export default {
                 }
             })
         },
+        //1.2 重置
+        reset() {
+            this.getApiData.template_class_id = "";
+            this.getApiData.keyword = [];
+            this.getApiData.page = 1;
+            this.getData();
+        },
         //1.3 选中一个模板
         useIt(item) {
             for (let item of this.tableData) {

src/views/website/WebsiteList.vue

@@ -45,7 +45,7 @@
             <el-table-column fixed prop="index" label="编号" width="50"></el-table-column>
             <el-table-column prop="website_name" label="网站名称"></el-table-column>
             <el-table-column prop="column_name" label="上级网系"></el-table-column>
-            <el-table-column label="网站地址">
+            <el-table-column label="网站域名">
               <template slot-scope="scope">
                 <div>
                   <div v-for="(url, index) in scope.row.website_url" :key="index">
@@ -126,55 +126,55 @@
             <el-input v-model="form.website_name" autocomplete="off" @blur="checkWebsiteName(form.website_name)"
               placeholder="请输入网站名称"></el-input>
           </el-form-item>
-          <el-form-item label="网站地址1：" :label-width="formLabelWidth" prop="website_url[0].url"
+          <el-form-item label="网站域名1：" :label-width="formLabelWidth" prop="website_url[0].url"
             class="custom-align-right">
             <div class="formLabelFloatBox">
               <el-input v-model="form.website_url[0].url" autocomplete="off"
-                @blur="checkWebsiteUrl(form.website_url[0].url, 0)" placeholder="请输入网站地址1"></el-input>
+                @blur="checkWebsiteUrl(form.website_url[0].url, 0)" placeholder="请输入网站域名1"></el-input>
               <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(1)"
                 class="formLabeladdIcon"></el-button>
               <el-button type="info" icon="el-icon-delete" circle size="mini" @click="" class="formLabelDelIcon"
                 disabled></el-button>
             </div>
           </el-form-item>
-          <el-form-item label="网站地址2：" :label-width="formLabelWidth" v-if="form.website_url[1].show == true"
+          <el-form-item label="网站域名2：" :label-width="formLabelWidth" v-if="form.website_url[1].show == true"
             class="custom-align-right">
             <div class="formLabelFloatBox">
               <el-input v-model="form.website_url[1].url" autocomplete="off"
-                @blur="checkWebsiteUrl(form.website_url[1].url, 1)" placeholder="请输入网站地址2"></el-input>
+                @blur="checkWebsiteUrl(form.website_url[1].url, 1)" placeholder="请输入网站域名2"></el-input>
               <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(2)"
                 class="formLabeladdIcon"></el-button>
               <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteUrlInput(1)"
                 class="formLabelDelIcon"></el-button>
             </div>
           </el-form-item>
-          <el-form-item label="网站地址3：" :label-width="formLabelWidth" v-if="form.website_url[2].show == true"
+          <el-form-item label="网站域名3：" :label-width="formLabelWidth" v-if="form.website_url[2].show == true"
             class="custom-align-right">
             <div class="formLabelFloatBox">
               <el-input v-model="form.website_url[2].url" autocomplete="off"
-                @blur="checkWebsiteUrl(form.website_url[2].url, 2)" placeholder="请输入网站地址3"></el-input>
+                @blur="checkWebsiteUrl(form.website_url[2].url, 2)" placeholder="请输入网站域名3"></el-input>
               <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(3)"
                 class="formLabeladdIcon"></el-button>
               <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteUrlInput(2)"
                 class="formLabelDelIcon"></el-button>
             </div>
           </el-form-item>
-          <el-form-item label="网站地址4：" :label-width="formLabelWidth" v-if="form.website_url[3].show == true"
+          <el-form-item label="网站域名4：" :label-width="formLabelWidth" v-if="form.website_url[3].show == true"
             class="custom-align-right">
             <div class="formLabelFloatBox">
               <el-input v-model="form.website_url[3].url" autocomplete="off"
-                @blur="checkWebsiteUrl(form.website_url[3].url, 3)" placeholder="请输入网站地址4"></el-input>
+                @blur="checkWebsiteUrl(form.website_url[3].url, 3)" placeholder="请输入网站域名4"></el-input>
               <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(4)"
                 class="formLabeladdIcon"></el-button>
               <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteUrlInput(3)"
                 class="formLabelDelIcon"></el-button>
             </div>
           </el-form-item>
-          <el-form-item label="网站地址5：" :label-width="formLabelWidth" v-if="form.website_url[4].show == true"
+          <el-form-item label="网站域名5：" :label-width="formLabelWidth" v-if="form.website_url[4].show == true"
             class="custom-align-right">
             <div class="formLabelFloatBox">
               <el-input v-model="form.website_url[4].url" autocomplete="off"
-                @blur="checkWebsiteUrl(form.website_url[4].url, 4)" placeholder="请输入网站地址5"></el-input>
+                @blur="checkWebsiteUrl(form.website_url[4].url, 4)" placeholder="请输入网站域名5"></el-input>
               <el-button type="info" icon="el-icon-plus" circle size="mini" @click="" class="formLabeladdIcon"
                 disabled></el-button>
               <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteUrlInput(4)"

src/views/website/addWebsite.vue

@@ -13,60 +13,60 @@
                             <el-input v-model="form.website_name" autocomplete="off"
                                 @change="checkWebsiteName(form.website_name,0)" placeholder="请输入网站名称"></el-input>
                         </el-form-item>
-                        <el-form-item label="网站地址1：" :label-width="formLabelWidth" prop="website_url[0].url"
+                        <el-form-item label="网站域名1：" :label-width="formLabelWidth" prop="website_url[0].url"
                             class="custom-align-right">
                             <div class="formLabelFloatBox">
                                 <el-input v-model="form.website_url[0].url" autocomplete="off"
                                     @change="checkWebsiteUrl(form.website_url[0].url, 0)"
-                                    placeholder="请输入网站地址1"></el-input>
+                                    placeholder="请输入网站域名1"></el-input>
                                 <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(1)"
                                     class="formLabeladdIcon"></el-button>
                                 <el-button type="info" icon="el-icon-delete" circle size="mini" @click=""
                                     class="formLabelDelIcon" disabled></el-button>
                             </div>
                         </el-form-item>
-                        <el-form-item label="网站地址2：" :label-width="formLabelWidth"
+                        <el-form-item label="网站域名2：" :label-width="formLabelWidth"
                             v-if="form.website_url[1].show == true" class="custom-align-right">
                             <div class="formLabelFloatBox">
                                 <el-input v-model="form.website_url[1].url" autocomplete="off"
                                     @change="checkWebsiteUrl(form.website_url[1].url, 1)"
-                                    placeholder="请输入网站地址2"></el-input>
+                                    placeholder="请输入网站域名2"></el-input>
                                 <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(2)"
                                     class="formLabeladdIcon"></el-button>
                                 <el-button type="info" icon="el-icon-delete" circle size="mini"
                                     @click="deleteUrlInput(1)" class="formLabelDelIcon"></el-button>
                             </div>
                         </el-form-item>
-                        <el-form-item label="网站地址3：" :label-width="formLabelWidth"
+                        <el-form-item label="网站域名3：" :label-width="formLabelWidth"
                             v-if="form.website_url[2].show == true" class="custom-align-right">
                             <div class="formLabelFloatBox">
                                 <el-input v-model="form.website_url[2].url" autocomplete="off"
                                     @change="checkWebsiteUrl(form.website_url[2].url, 2)"
-                                    placeholder="请输入网站地址3"></el-input>
+                                    placeholder="请输入网站域名3"></el-input>
                                 <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(3)"
                                     class="formLabeladdIcon"></el-button>
                                 <el-button type="info" icon="el-icon-delete" circle size="mini"
                                     @click="deleteUrlInput(2)" class="formLabelDelIcon"></el-button>
                             </div>
                         </el-form-item>
-                        <el-form-item label="网站地址4：" :label-width="formLabelWidth"
+                        <el-form-item label="网站域名4：" :label-width="formLabelWidth"
                             v-if="form.website_url[3].show == true" class="custom-align-right">
                             <div class="formLabelFloatBox">
                                 <el-input v-model="form.website_url[3].url" autocomplete="off"
                                     @change="checkWebsiteUrl(form.website_url[3].url, 3)"
-                                    placeholder="请输入网站地址4"></el-input>
+                                    placeholder="请输入网站域名4"></el-input>
                                 <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addUrlInput(4)"
                                     class="formLabeladdIcon"></el-button>
                                 <el-button type="info" icon="el-icon-delete" circle size="mini"
                                     @click="deleteUrlInput(3)" class="formLabelDelIcon"></el-button>
                             </div>
                         </el-form-item>
-                        <el-form-item label="网站地址5：" :label-width="formLabelWidth"
+                        <el-form-item label="网站域名5：" :label-width="formLabelWidth"
                             v-if="form.website_url[4].show == true" class="custom-align-right">
                             <div class="formLabelFloatBox">
                                 <el-input v-model="form.website_url[4].url" autocomplete="off"
                                     @change="checkWebsiteUrl(form.website_url[4].url, 4)"
-                                    placeholder="请输入网站地址5"></el-input>
+                                    placeholder="请输入网站域名5"></el-input>
                                 <el-button type="info" icon="el-icon-plus" circle size="mini" @click=""
                                     class="formLabeladdIcon" disabled></el-button>
                                 <el-button type="info" icon="el-icon-delete" circle size="mini"
@@ -812,8 +812,48 @@ export default {
         },
         //3.4 删除一条网站地址
         deleteUrlInput(key) {
-            this.form.website_url[key].show = false;
-            this.form.website_url[key].url = "";
+            //如果是添加模式无需验证
+            if (this.activeid) {
+                if(this.form.website_url[key].url == ""){
+                    this.form.website_url[key].show = false;
+                    this.form.website_url[key].url = "";
+                    return;
+                }else{
+                    this.$confirm('此操作将删除网站绑定的域名, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        let data = {
+                            website_id: this.activeid,
+                            website_url: this.form.website_url[key].url
+                        }
+                        this.$store.dispatch('pool/delWebsiteUrl', data).then(res => {
+                           if(res.code == 200){
+                                this.$message({
+                                    type: 'success',
+                                    message: '网站域名删除成功！'
+                                });
+                                this.form.website_url[key].show = false;
+                                this.form.website_url[key].url = "";
+                           }else{
+                                this.$message({
+                                    type: 'error',
+                                    message: res.message
+                                });
+                           }
+                        })
+                    }).catch(() => {
+                        this.$message({
+                            type: 'warning',
+                            message: '已取消删除'
+                        });
+                    });
+                }
+            }else{
+                this.form.website_url[key].show = false;
+                this.form.website_url[key].url = "";
+            }  
         },
         //3.7 提交表单
         addToServe() {