调整自助建站的部分功能

调整自助建站的部分功能

src/layout/components/template/componentMenu.vue

@@ -72,7 +72,7 @@ export default {
       height: 100%;
     }
     .el-scrollbar {
-      height: calc(100vh - 100px);
+      height: calc(100vh - 60px);
     }
     .componentMenuTitle {
       padding: 37px 0 30px 0;

src/permission.js

@@ -77,10 +77,14 @@ router.beforeEach(async (to, from, next) => {
                     window.location.href = backurl + '?backurl=' + backurl + '&admintoken=' + getToken()
                 }
             }
+            
         } else {
             //3.4.2 如果有token，但是没在登录页面
             const hasRoles = store.getters.roles && store.getters.roles.length > 0
-            //此时分为两种情况，一种是用户通过路由访问，一种是用户从url直接访问（刷新）时执行
+            console.log(223344)
+            console.log(store.getters.roles)
+            console.log(store.getters.roles.length)
+            console.log("roles:" + hasRoles)
             if (hasRoles) {
                 const userInfo = await getInfo();
                 //如果用户没有权限登录该网站，返回登录页面
@@ -100,19 +104,9 @@ router.beforeEach(async (to, from, next) => {
                     setUseType(userInfo.data.type_id, 86400)
                     setWebSiteId(userInfo.data.website_id, 86400)
                     console.log("用户有访问权限，访问继续！")
-
-                    //稳定性待测试
-                    if(router.options.routes.length < 2){
-                        console.log("用户路由出现异常，重新获取路由菜单！")
-                        const { roles } = await store.dispatch('user/getInfo')
-                        const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
-                        router.addRoutes(accessRoutes)
-                        console.log("添加路由成功！")
-                    }
                     next()
                 }
             } else {
-                //页面刷新的时候执行
                 try {
                     const { roles } = await store.dispatch('user/getInfo')
                     const accessRoutes = await store.dispatch('permission/generateRoutes', roles)

src/store/modules/template.js

@@ -1518,6 +1518,17 @@ const mutations = {
     state.editWebsiteCategory = arrayData;
   },
   //2.获取站点信息 end------------------------------------------------------------>
+  
+  //3.提示信息 start------------------------------------------------------------>
+  alertMessage(state,data){
+    Message({
+      message: "配置阶段仅展示，无法真实调用该功能！",
+      type: 'warning',
+      duration: 0,
+      showClose: true
+    });
+  }
+  //3.提示信息 end------------------------------------------------------------>
 }
 
 const actions = {

src/styles/global.less

@@ -359,4 +359,4 @@
 //   margin-bottom: 5px;
 // }
 
-// el-cascader高度 end
+// el-cascader高度 end

src/views/componentGallery/imgList.vue

@@ -1,7 +1,5 @@
-<!-- 组件 -->
 <template>
     <div>
-        <!-- 头部搜索框部分 -->
         <div class="title">
             <el-row>
                 <el-col :span="6" class="left">
@@ -26,7 +24,7 @@
                       </el-select>
                     </div>
                   </el-col>
-                <el-col :span="8" class="right">
+                <el-col :span="6" class="right">
                     <div class="btnList">
                         <button class="search" @click="goSearch">搜索</button>
                         <button class="reset" @click="goReset">重置</button>
@@ -34,18 +32,22 @@
                 </el-col>
             </el-row>
         </div>
-        <!--表格内容 start------------------------------------------------------------>
         <div class="layerBox">
             <tableTitle :name="tableDivTitle" />
-            <button class="btn" @click="addWebsite">添加组件</button>
+            <button class="btn" @click="addWebsite">添加图片</button>
             <el-row>
                 <template>
                     <el-table class="my-table" :data="tableData" style="width: 100%" >
                         <el-table-column fixed prop="id" label="编号" width="90"></el-table-column>
-                        <el-table-column prop="img_alias" label="图片别名" width=""></el-table-column>
-                        <el-table-column prop="img_type" label="图片类型" width=""></el-table-column>
-                        <el-table-column prop="img_url" label="图片地址" width=""></el-table-column>
-                        <el-table-column prop="img_size" label="文件大小" width=""></el-table-column>
+                        <el-table-column label="缩略图">
+                            <template slot-scope="scope">
+                                <img :src="scope.row.img_url" class="pic">
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="img_alias" label="图片别名"></el-table-column>
+                        <el-table-column prop="img_type" label="图片类型"></el-table-column>
+                        <el-table-column prop="img_url" label="图片地址"></el-table-column>
+                        <el-table-column prop="img_size" label="文件大小"></el-table-column>
                         <el-table-column prop="website_name" label="所属网站" width="">
                         </el-table-column>
                         <el-table-column fixed="right" label="操作" width="200">
@@ -54,11 +56,8 @@
                                 <div class="listDeleteBtn" @click="deleteRow(scope.row.id)">
                                   <i class="el-icon-delete"></i> 删除
                                 </div>
-                                <!-- 改为查看按钮 -->
-                                <!-- 先检查按钮无法点击的常见原因，如样式是否有 pointer-events: none; 或者事件绑定是否正常 -->
-                                <!-- 以下是原代码，可检查 viewImage 方法是否存在，以及 scope.row.id 是否有值 -->
-                                <div class="listViewBtn" @click="handleViewImage(scope.row)">
-                                <i class="el-icon-view"></i> 查看
+                                <div class="listEditBtn" @click="handleViewImage(scope.row)">
+                                    <i class="el-icon-view"></i> 查看
                                 </div>
                               </div>
                             </template>
@@ -67,7 +66,6 @@
                 </template>
             </el-row>
         </div>
-        <!--分页 start------------------------------------------------------------>
         <div class="alignBox">
             <el-row>
                 <el-col :span="24">
@@ -78,10 +76,8 @@
                 </el-col>
             </el-row>
         </div>
-        <!--分页 end------------------------------------------------------------>
-        <!--表格内容 end------------------------------------------------------------>
 
-        <!-- 弹出框 编辑 start----------------------------------------------------------->
+        <!-- 弹出框 start----------------------------------------------------------->
         <el-dialog :title="dialogName" :visible.sync="dialogTableVisible" width="50%" top="8vh"
             :close-on-click-modal="false">
             <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
@@ -107,19 +103,19 @@
                                 <p>文件大小：{{ imageInfo.size }}</p>
                                 </div>
                             </div>
-                            <!-- 上传组件 -->
                             <el-upload v-else class="avatar-uploader" action="#" :show-file-list="false" :before-upload="beforeAvatarUpload">
                                 <div class="chooseImgDiv">
-                                    <img src="@/assets/public/upload/noImage.png">
-                                    <div>选择图片</div>
+                                    <div>
+                                        <img src="@/assets/public/upload/noImage.png">
+                                        <div>选择图片</div>
+                                    </div>
                                 </div>
                             </el-upload>
-                            <!-- 删除按钮（仅添加时显示） -->
                             <div v-if="hovering && logoUrl" class="delete-button" @click="handleDelete">
                                 <i class="el-icon-delete"></i>
                             </div>
                             </div>
-                        </el-form-item>
+                     </el-form-item>
                 </div>
                 <div class="dialogBtn">
                     <el-button type="info" @click="cancelForm">取消</el-button>
@@ -127,17 +123,15 @@
                 </div>
             </el-form>
         </el-dialog>
-        <!-- 弹出框 编辑 end----------------------------------------------------------->
+        <!-- 弹出框 end----------------------------------------------------------->
         <!-- 新增图片查看弹框 -->
         <el-dialog title="图片预览" :visible.sync="viewImageVisible" width="80%"  top="5vh"    :close-on-click-modal="true">
             <div style="text-align: center; padding: 30px 0;">
-                <!-- 显示放大图片 -->
                 <img
                     :src="currentImageUrl"
                     alt="图片预览"
                     style="max-width: 90%; max-height: 70vh; border-radius: 12px; box-shadow: 0 0 20px rgba(0,0,0,0.1)"
                 >
-                <!-- 显示图片地址 -->
                 <div style="margin-top: 20px; font-size: 14px; color: #666;">
                     <span>图片地址：</span>
                     <span style="word-break: break-all; color: #5570F1; margin-left: 10px;">
@@ -146,9 +140,6 @@
                 </div>
             </div>
         </el-dialog>
-
-
-        
     </div>
 </template>
 
@@ -401,7 +392,7 @@ export default {
         //1.8 添加
         addWebsite() {
             this.dialogTableVisible = true
-            this.dialogName = "添加"
+            this.dialogName = "添加图片"
             //添加时清空回显回来的数据
             this.ruleForm.website_id = '' //网站id
             this.ruleForm.img_alias = '' //图片别名
@@ -422,7 +413,7 @@ export default {
                     return false;
                 }
             });
-            if (this.dialogName === "添加") {
+            if (this.dialogName === "添加图片") {
                 // 直接从 data 中获取参数
                 if(this.ruleForm.website_id == 'undefind' || this.ruleForm.website_id == ''){
                     this.ruleForm.website_id = 0;
@@ -674,6 +665,7 @@ input[aria-hidden=true] {
         border: none;
         border-radius: 8px;
         padding: 8px 28px 9px;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
     }
 
@@ -842,4 +834,10 @@ input[aria-hidden=true] {
     padding: 30px !important;
     text-align: center;
   }
+
+.pic {
+    width: 18px;
+    height: 18px;
+    display: block;
+}
 </style>

src/views/componentGallery/plate.vue

@@ -206,7 +206,7 @@ export default {
         }
         return {
             //1.1 初始化信息 
-            tableDivTitle: "版块列表",  //列表标题
+            tableDivTitle: "通栏列表",  //列表标题
             dialogTableVisible: false,      //编辑弹框
             dialogName: '编辑', //编辑弹窗名称
             plateLoading: true, //表格内容加载中

src/views/componentGallery/style.vue

@@ -110,7 +110,7 @@ export default {
         }
         return {
             // 1.1  初始化数据 ---------------------------------
-            tableDivTitle: "模板列表",  //列表标题
+            tableDivTitle: "风格列表",  //列表标题
             dialogTableVisible: false,      //编辑弹框
             dialogName: '编辑', //编辑弹窗名称
             templateLoading: true,//页面加载中

src/views/login/index.vue

@@ -97,6 +97,8 @@ import { validUserPhone } from '@/utils/validate'
 import axios from 'axios'
 import BASEURL from '@/utils/baseUrl'
 import { getToken, getTokenTest, removeToken,setLoginStatus,setUserUrl } from '@/utils/auth'
+import router from '@/router'//引入路由
+
 
 export default {
     name: 'Login',
@@ -375,7 +377,9 @@ export default {
                             } else if (res.code == 200 && res.token != '') {
                                 this.sendUrlServ()
                                 console.log("登录成功，将跳转至详情页面222！")
+                                console.log(res)
                                 this.$router.push({ path: this.redirect || '/', query: this.otherQuery })
+                                console.log("当前路由个数：" + router.options.routes.length)
                             } else if (res.code != 0 && res.code != 200) {
                                 this.$message({
                                     type: 'error',

src/views/template/page/pageArticle.vue

@@ -93,18 +93,24 @@ import {GridLayout, GridItem} from "vue-grid-layout";
 //页面公用组件 end------------------------------------------------------------>
 
 //自助建站组件 start------------------------------------------------------------>
-//style1
-import headSector from '../style/1/sector/1.vue';//顶部
-import menuSector from '../style/1/sector/2.vue';//菜单
-import imgTitleSector from '../style/1/sector/4.vue';//广告
-import bannerSector from '../style/1/sector/5.vue';//焦点图
-import manyPictureSector from '../style/1/sector/6.vue';//多图
-import commentSector from '../style/1/sector/7.vue';//评论
-import listSector from '../style/1/sector/8.vue';//文章列表
-import onlyImgSector from '../style/1/sector/9.vue';//纯图片组合
-import friendShipLinkSector from '../style/1/sector/10.vue';//友情链接
-import footerSector from '../style/1/sector/3.vue';//底部
-import mainArticle from '../style/1/sector/12.vue';//文章详情
+//顶部
+import headSector from '../style/sector/head/1.vue';
+//一级菜单导肮
+import menuSector from '../style/sector/menu/1.vue';
+//底部
+import footerSector from '../style/sector/foot/1.vue';
+
+
+
+
+import imgTitleSector from '../style/sector/4.vue';//广告
+import bannerSector from '../style/sector/5.vue';//焦点图
+import manyPictureSector from '../style/sector/6.vue';//多图
+import commentSector from '../style/sector/7.vue';//评论
+import listSector from '../style/sector/8.vue';//文章列表
+import onlyImgSector from '../style/sector/9.vue';//纯图片组合
+import friendShipLinkSector from '../style/sector/10.vue';//友情链接
+import mainArticle from '../style/sector/12.vue';//文章详情
 //自助建站组件 end------------------------------------------------------------>
 
 

src/views/template/page/pageIndex.vue

@@ -89,17 +89,23 @@ import {GridLayout, GridItem} from "vue-grid-layout";
 //页面公用组件 end------------------------------------------------------------>
 
 //自助建站组件 start------------------------------------------------------------>
-//style1
-import headSector from '../style/1/sector/1.vue';//顶部
-import menuSector from '../style/1/sector/2.vue';//菜单
-import imgTitleSector from '../style/1/sector/4.vue';//广告
-import bannerSector from '../style/1/sector/5.vue';//焦点图
-import manyPictureSector from '../style/1/sector/6.vue';//多图
-import commentSector from '../style/1/sector/7.vue';//评论
-import listSector from '../style/1/sector/8.vue';//文章列表
-import onlyImgSector from '../style/1/sector/9.vue';//纯图片组合
-import friendShipLinkSector from '../style/1/sector/10.vue';//友情链接
-import footerSector from '../style/1/sector/3.vue';//底部
+//顶部
+import headSector from '../style/sector/head/1.vue';
+//一级菜单导肮
+import menuSector from '../style/sector/menu/1.vue';
+//底部
+import footerSector from '../style/sector/foot/1.vue';
+
+
+
+
+import imgTitleSector from '../style/sector/4.vue';//广告
+import bannerSector from '../style/sector/5.vue';//焦点图
+import manyPictureSector from '../style/sector/6.vue';//多图
+import commentSector from '../style/sector/7.vue';//评论
+import listSector from '../style/sector/8.vue';//文章列表
+import onlyImgSector from '../style/sector/9.vue';//纯图片组合
+import friendShipLinkSector from '../style/sector/10.vue';//友情链接
 //自助建站组件 end------------------------------------------------------------>
 
 
@@ -220,7 +226,7 @@ export default {
 //固定的模块
 .FixedModuleBox {
   width: 100%;
-  margin-bottom: 20px;
+  //margin-bottom: 20px;
   //border: 2px dashed #eee;
 }
 .FixedModuleBoxBottom {

src/views/template/page/pageList.vue

@@ -77,18 +77,25 @@ import {GridLayout, GridItem} from "vue-grid-layout";
 //页面公用组件 end------------------------------------------------------------>
 
 //自助建站组件 start------------------------------------------------------------>
-//style1
-import headSector from '../style/1/sector/1.vue';//顶部
-import menuSector from '../style/1/sector/2.vue';//菜单
-import imgTitleSector from '../style/1/sector/4.vue';//广告
-import bannerSector from '../style/1/sector/5.vue';//焦点图
-import manyPictureSector from '../style/1/sector/6.vue';//多图
-import commentSector from '../style/1/sector/7.vue';//评论
-import listSector from '../style/1/sector/8.vue';//文章列表
-import onlyImgSector from '../style/1/sector/9.vue';//纯图片组合
-import friendShipLinkSector from '../style/1/sector/10.vue';//友情链接
-import footerSector from '../style/1/sector/3.vue';//底部
-import mainListSector from '../style/1/sector/11.vue';//主文章列表
+//顶部
+import headSector from '../style/sector/head/1.vue';
+//一级菜单导肮
+import menuSector from '../style/sector/menu/1.vue';
+//底部
+import footerSector from '../style/sector/foot/1.vue';
+
+
+
+
+
+import imgTitleSector from '../style/sector/4.vue';//广告
+import bannerSector from '../style/sector/5.vue';//焦点图
+import manyPictureSector from '../style/sector/6.vue';//多图
+import commentSector from '../style/sector/7.vue';//评论
+import listSector from '../style/sector/8.vue';//文章列表
+import onlyImgSector from '../style/sector/9.vue';//纯图片组合
+import friendShipLinkSector from '../style/sector/10.vue';//友情链接
+import mainListSector from '../style/sector/11.vue';//主文章列表
 //自助建站组件 end------------------------------------------------------------>
 
 

src/views/template/public/editWindow.vue

@@ -390,6 +390,41 @@ export default {
       text-align: right;
     }
   }
+
+  .testAssistant {
+    border: 1px solid #dfe4ed;
+    padding: 20px;
+    margin-bottom: 20px;
+    background: #F5F7FA;
+    border-radius: 4px;
+    .testAssistantTitle {
+        font-size: 16px;
+        font-weight: bold;
+        padding-bottom: 10px;
+        margin-bottom: 20px;
+        border-bottom: 1px solid #dfe4ed;
+    }
+    .testAssistantContentItem {
+        display: flex;
+        font-size: 16px;
+        margin-bottom: 10px;
+        div:nth-child(1) {
+            color: #666;
+            margin-right: 20px;
+            font-weight: bold;
+        }
+        div:nth-child(2) {
+            color: #666;
+        }
+    }
+  }
+
+
+
+
+
+
+
   //表单微调 start------------------------------------------------------------>
   ::v-deep .editWindowBoxContent .el-cascader{
     width: 100% !important;

src/views/template/style/1/bannerSector.vue

@@ -1,125 +0,0 @@
-<template>
-  <div class="bannerBox">
-    <div class="itemTopBox">
-      <editBtn :id="id" :sort="0" :type="6" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="1"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 1">
-        <mainTitleStyle1 />
-      </div>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 2">
-        <mainTitleStyle2 />
-      </div>
-    </div>
-    <div class="itemBottomBox">
-      <div class="bannerLayerBox">
-        <editBtn :id="id" :sort="1" :type="1" :size="3"/>
-        <convertBtn :id="id" :sort="1" :type="4"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 1">
-          <banner1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 2">
-          <banner2Style />
-        </div>
-      </div>
-      <div class="NewsListBox">
-        <editBtn :id="id" :sort="2" :type="2" :size="5"/>
-        <convertBtn :id="id" :sort="2" :type="5"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 1">
-          <tabs1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 2">
-          <tabs2Style />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-//编辑按钮
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-//标题组件
-import mainTitleStyle1 from './components/mainTitle/1.vue'
-import mainTitleStyle2 from './components/mainTitle/2.vue'
-//banner组件
-import banner from './components/banner.vue'
-import banner1Style from './components/banner/1.vue'
-import banner2Style from './components/banner/2.vue'
-//tabs组件
-import tabs1Style from './components/tabs/1.vue'
-import tabs2Style from './components/tabs/2.vue'
-
-export default {
-  components: {
-    //mainTitle,
-    banner,
-    editBtn,
-    convertBtn,
-    mainTitleStyle1,
-    mainTitleStyle2,
-    banner1Style,
-    banner2Style,
-    tabs1Style,
-    tabs2Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .bannerBox {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 340px;
-    
-    .itemTopBox {
-      position: relative;
-      border: 2px dashed #999;
-      transition: all 0.3s;
-      width: 80%;
-    }
-    .itemBottomBox {
-      
-      width: 80%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 14px 0 0 0;
-      height: 300px;
-      .bannerLayerBox {
-        position: relative;
-        //border: 2px dashed #999;
-        width: 55%;
-        height: 226px;
-      }
-      .NewsListBox {
-        position: relative;
-        width: 45%;
-        border: 2px dashed #999;
-        box-sizing: border-box;
-        padding-left: 20px;
-        height: 226px;
-      }
-    }
-    
-  }
-</style>

src/views/template/style/1/commentSector.vue

@@ -1,103 +0,0 @@
-<template>
-  <div class="commentSectorBox">
-    <div class="commentSectorBoxTitle">
-      <editBtn :id="id" :sort="0" :type="7" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="2"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 1">
-        <title1Style />
-      </div>
-    </div>
-    <div class="commentSectorBoxContent">
-      <div class="tabsCalendarNewsBox">
-        <editBtn :id="id" :sort="1" :type="1" :size="5"/>
-        <convertBtn :id="id" :sort="1" :type="5"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 1">
-          <tabs1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 2">
-          <tabs2Style />
-        </div>
-      </div>
-      <div class="calendarBox">
-        <editBtn :id="id" :sort="2" :type="8" :size="1"/>
-        <convertBtn :id="id" :sort="2" :type="8"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 1">
-          <form1Style />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-//编辑按钮
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-//标题组件
-import title1Style from './components/title/1.vue'
-//tabs组件
-import tabs1Style from './components/tabs/1.vue'
-import tabs2Style from './components/tabs/2.vue'
-//留言组件
-import form1Style from './components/form/1.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    title1Style,
-    tabs1Style,
-    tabs2Style,
-    form1Style
-  },
-  props: {
-    id: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .commentSectorBox {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .commentSectorBoxTitle {
-      width: 80%;
-      border: 2px dashed #999;
-      height: 41px;
-      position: relative;
-    }
-    .commentSectorBoxContent {
-      width: 80%;
-      display: flex;
-      .tabsCalendarNewsBox {
-        width: 70%;
-        box-sizing: border-box;
-        padding-right: 20px;
-        border: 2px dashed #999;
-        position: relative;
-      }
-      .calendarBox {
-        position: relative;
-        width: 30%;
-        //border: 2px dashed #999;
-      }
-    }
-  }
-</style>

src/views/template/style/1/components/header/1.vue

@@ -1,90 +0,0 @@
-<template>
-  <div :class="['headTopBox', { componentBorder: this.$store.state.template.previewStatus==false }]">
-    <div class="headTopInfo">
-      <div class="headTopInfoLeft">欢迎光临：{{ this.$store.state.template.webSiteInfo.website_name }}</div>
-      <div class="headTopInfoRight">
-        <div><i class="el-icon-office-building"></i>商圈</div>
-        <div><i class="el-icon-data-board"></i>广告服务</div>
-        <div><i class="el-icon-user"></i>登录</div>
-        <div><i class="el-icon-edit"></i>注册</div>
-      </div>
-    </div>
-    <div class="headTopLogoBox">
-      <img :src="this.$store.state.template.webSiteInfo.logo">
-      <div class="headTopLogoInputBox">
-        <el-input placeholder="请输入内容" v-model="searchValue"></el-input>
-        <el-button type="primary">搜索</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      searchValue:""
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .componentBorder {
-    border: 2px dashed #999;
-  }
-  .headTopBox {
-    width: 80%;
-    height: 190px;
-    .headTopInfo {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 10px 20px;
-      font-size: 12px;
-      .headTopInfoRight {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        div {
-          margin-left: 10px;
-          i {
-            margin-right: 5px;
-          }
-        }
-      }
-    }
-    .headTopLogoBox {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 30px 0;
-      img {
-        width: 300px;
-        height: 90px;
-        display: block;
-      }
-      .headTopLogoInputBox {
-        width: 300px;
-        color: #333;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        button {
-          border-radius: 0 !important;
-          background: #19499F !important;
-        }
-      }
-    }
-  }
-  
-</style>

src/views/template/style/1/friendShipLinkSector.vue

@@ -1,67 +0,0 @@
-<template>
-  <div class="friendShipLinkSectorBox">
-    <div class="friendShipLinkSectorTitle">
-      <editBtn :id="id" :sort="0" :type="7" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="2"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 1">
-        <title1Style />
-      </div>
-    </div>
-    <div class="friendShipLinkSectorItemBox">
-      <editBtn :id="id" :sort="0" :type="4" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="9"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 1">
-        <link1Style />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-//编辑按钮
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-//标题组件
-import title1Style from './components/title/1.vue'
-//友情链接组件
-import link1Style from './components/link/1.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    title1Style,
-    link1Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .friendShipLinkSectorBox {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .friendShipLinkSectorTitle {
-      width: 80%;
-      border: 2px dashed #999;
-      position: relative;
-    }
-    .friendShipLinkSectorItemBox {
-      width: 80%;
-      border: 2px dashed #999;
-      position: relative;
-    }
-  }
-</style>

src/views/template/style/1/headSector.vue

@@ -1,35 +0,0 @@
-<template>
-  <div class="headSectorBox">
-    <header1Style />
-  </div>
-</template>
-
-<script>
-import header1Style from './components/header/1.vue';
-
-export default {
-  props: {
-    
-  },
-  components: {
-    header1Style,
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .headSectorBox {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    background: url('../../../../assets/template/component/style1topbg.png') no-repeat center center;
-    background-size: 100% 100%;
-  }
-</style>

src/views/template/style/1/imgTitleSector.vue

@@ -1,66 +0,0 @@
-<template>
-  <div class="imgTitleSectorBox">
-    <div class="imgSectorBox">
-      <editBtn :id="id" :sort="0" :type="3" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="3"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 1">
-        <useStyle1 />
-      </div>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 2">
-        <useStyle2 />
-      </div>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 3">
-        <useStyle3 />
-      </div>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 4">
-        <useStyle4 />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-import useStyle1 from './components/advertisement/1.vue'
-import useStyle2 from './components/advertisement/2.vue'
-import useStyle3 from './components/advertisement/3.vue'
-import useStyle4 from './components/advertisement/4.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    useStyle1,
-    useStyle2,
-    useStyle3,
-    useStyle4
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .imgTitleSectorBox {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .imgSectorBox {
-      //border: 2px dashed #999;
-      width: 80%;
-      height: 60px;
-      position: relative;
-    }
-  }
-</style>

src/views/template/style/1/listSector.vue

@@ -1,110 +0,0 @@
-<template>
-  <div class="listSectorBox">
-    <div class="listSectorBoxTitle">
-      <editBtn :id="id" :sort="0" :type="7" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="2"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 1">
-        <title1Style />
-      </div>
-    </div>
-    <div class="listSectorBoxContent">
-      <div class="listNewsLeft">
-        <editBtn :id="id" :sort="1" :type="1" :size="5"/>
-        <convertBtn :id="id" :sort="1" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-      <div class="listNewsRight">
-        <editBtn :id="id" :sort="2" :type="1" :size="5"/>
-        <convertBtn :id="id" :sort="2" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-//编辑按钮
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-//标题组件
-import title1Style from './components/title/1.vue'
-//新闻列表组件
-import list1Style from './components/list/1.vue'
-import list2Style from './components/list/2.vue'
-import list3Style from './components/list/3.vue'
-// import styleTitle from './components/styleTitle.vue';
-// import listNews from './components/listNews.vue';
-
-export default {
-  components: {
-    editBtn, 
-    convertBtn,
-    title1Style,
-    list1Style,
-    list2Style,
-    list3Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .listSectorBox {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width:100%;
-    .listSectorBoxTitle {
-      width: 80%;
-      border: 2px dashed #999;
-      height: 41px;
-      position: relative;
-    }
-    .listSectorBoxContent {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width: 80%;
-      .listNewsLeft {
-        width: 50%;
-        box-sizing: border-box;
-        border: 2px dashed #999;
-        padding-right: 10px;
-        position: relative;
-      }
-      .listNewsRight {
-        width: 50%;
-        box-sizing: border-box;
-        border: 2px dashed #999;
-        padding-left: 10px;
-        position: relative;
-      }
-    }
-  }
-</style>

src/views/template/style/1/manyPictureSector.vue

@@ -1,134 +0,0 @@
-<template>
-  <div class="manyPictureSectorBox">
-    <div class="manyPictureSectorBoxTitle">
-      <editBtn :id="id" :sort="0" :type="7" :size="1"/>
-      <convertBtn :id="id" :sort="0" :type="2"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[0].component_style == 1">
-        <title1Style />
-      </div>
-    </div>
-    <div class="manyPictureImgBox">
-      <editBtn :id="id" :sort="1" :type="6"/>
-      <convertBtn :id="id" :sort="1" :type="7"/>
-      <div v-if="this.$store.state.template.pageData.index[id].content.componentList[1].component_style == 1">
-        <staticHtml1Style />
-      </div>
-    </div>
-    <div class="manyPictureNewsBox">
-      <div class="manyPictureNewsItem">
-        <editBtn :id="id" :sort="2" :type="1" :size="5"/>
-        <convertBtn :id="id" :sort="2" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[2].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-      <div class="manyPictureNewsItem">
-        <editBtn :id="id" :sort="3" :type="1" :size="5"/>
-        <convertBtn :id="id" :sort="3" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[3].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[3].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[id].content.componentList[3].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-//编辑按钮
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-//标题组件
-import title1Style from './components/title/1.vue'
-//静态组件
-import staticHtml1Style from './components/staticHtml/1.vue'
-//新闻列表组件
-import list1Style from './components/list/1.vue'
-import list2Style from './components/list/2.vue'
-import list3Style from './components/list/3.vue'
-
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    title1Style,
-    staticHtml1Style,
-    list1Style,
-    list2Style,
-    list3Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .manyPictureSectorBox {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width:100%;
-    position: relative;
-    .manyPictureImgBox {
-      width: 80%;
-      position: relative;
-    }
-    .manyPictureSectorBoxTitle {
-      width: 80%;
-      border: 2px dashed #999;
-      height: 41px;
-      position: relative;
-    }
-    .manyPictureSectorBox {
-      width: 80%;
-      //border: 1px dashed #999;
-    }
-    .manyPictureNewsBox {
-      width: 80%;
-      //border: 1px dashed #999;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .manyPictureNewsItem {
-        width: 50%;
-        border: 2px dashed #999;
-        box-sizing: border-box;
-        position: relative;
-      }
-      .manyPictureNewsItem:nth-child(1) {
-        padding-right: 10px;
-      }
-      .manyPictureNewsItem:nth-child(2) {
-        padding-left: 10px;
-      }
-    }
-  }
-</style>
-

src/views/template/style/1/menuSector.vue

@@ -1,145 +0,0 @@
-<template>
-  <div class="menuSectorBox">
-    <div class="menuBoxBg">
-      <div class="menuBox" ref="menuBox">
-        <div>首页</div>
-        <div v-for="item in this.$store.state.template.webSiteMenu">{{item.name}}</div>
-      </div>
-    </div>
-    <div class="menuSectorInputBox">
-      <div class="menuSectorInputBoxItem">
-        行政职能查询：
-        <el-select v-model="departments" filterable placeholder="请选择职能部门">
-          <el-option
-            v-for="item in this.$store.state.template.departmentList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </div>
-      <div class="menuSectorInputBoxItem">
-        行政区划查询：
-        <el-select v-model="area.economize" placeholder="请选择省.." @change="changeMarket">
-          <el-option
-            v-for="item in this.$store.state.template.area.economize"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-        <el-select v-model="area.market" placeholder="请选择市.." @change="changeCounty">
-          <el-option
-            v-for="item in this.$store.state.template.area.market"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-        <el-select v-model="area.county" placeholder="请选择县..">
-          <el-option
-            v-for="item in this.$store.state.template.area.county"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </div>
-    </div>
-  </div>
-  
-</template>
-
-<script>
-export default {
-  props: {
-    id: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      area:{//地区
-        economize:"",//省区
-        market:"",//市区
-        county:""//县区
-      },
-      departments:""
-    };
-  },
-  methods: {
-    //选择市
-    changeMarket(){
-      this.area.market = "";
-      this.area.county = "";
-      this.$store.dispatch('template/selectWebsiteArea',{province:this.area.economize});
-    },
-    //选择县
-    changeCounty(data){
-      this.area.county = "";
-      this.$store.dispatch('template/selectWebsiteArea',{province:this.area.economize,city:this.area.market});
-    }
-  },
-  mounted() {
-    //获取当前元素的个数，现在一行是8个，每个高度是30px
-    // let h = Math.floor(this.$store.state.template.webSiteMenu.length / 8) + (this.$store.state.template.webSiteMenu.length % 8 > 0 ? 1 : 0);
-    // let menuH = (h*3)+4;
-    // this.$store.commit('template/setIndexModuleHeight',{i:this.id,h:menuH});
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .menuSectorBox {
-    width: 100%;
-    .menuBoxBg {
-      width: 100%;
-      background: #19499F;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .menuBox {
-        width: 80%;
-        box-sizing: border-box;
-        border-left: 2px dashed #999;
-        border-right: 2px dashed #999;
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        div {
-          width: 12.5%;
-          font-size: 14px;
-          height: 30px;
-          line-height: 30px;
-          text-align: center;
-          overflow: hidden; 
-          white-space: nowrap; 
-          text-overflow: ellipsis; 
-          text-align: center;
-          color: #fff;
-        }
-      }
-    }
-    .menuSectorInputBox {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      font-size: 14px;
-      width: 80%;
-      margin: 0 auto;
-      border: 2px dashed #999;
-      border-top: none;
-      .menuSectorInputBoxItem {
-        .el-input {
-          width: 100px;
-        }
-      }
-    }
-  }
-  //执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
-  ::v-deep .menuSectorInputBox .menuSectorInputBoxItem .el-input {
-    width: 100px !important;
-  }
-  //执行v-deep穿透scope选择器 end------------------------------------------------------------>*/
-</style>

src/views/template/style/1/onlyImgSector.vue

@@ -1,48 +0,0 @@
-<template>
-  <div class="onlyImgSectorBox">
-    <div class="onlyImgSectorPositionBox">
-      <editBtn :id="id" :sort="0" :type="6" :size="1"/>
-      <!-- <convertBtn :id="id" :sort="0" :type="3"/> -->
-      <staticHtml2Style />
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-import staticHtml2Style from './components/staticHtml/2.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    staticHtml2Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .onlyImgSectorBox {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .onlyImgSectorPositionBox {
-      width: 80%;
-      height: 100%;
-      position: relative;
-    }
-  }
-</style>

src/views/template/style/1/sector/1.vue

@@ -1,35 +0,0 @@
-<template>
-  <div class="headSectorBox">
-    <header1Style />
-  </div>
-</template>
-
-<script>
-import header1Style from '../components/header/1.vue';
-
-export default {
-  props: {
-    
-  },
-  components: {
-    header1Style,
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .headSectorBox {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    background: url('../../../../../assets/template/component/style1topbg.png') no-repeat center center;
-    background-size: 100% 100%;
-  }
-</style>

src/views/template/style/1/sector/3.vue

@@ -1,37 +0,0 @@
-<template>
-  <div class="footerSectorBox">
-    <footerMenu />
-    <footerInfo />
-  </div>
-</template>
-
-<script>
-import footerMenu from '../components/footer/menu/1.vue';
-import footerInfo from '../components/footer/info/1.vue';
-
-export default {
-  props: {
-    
-  },
-  components: {
-    footerMenu,
-    footerInfo
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .footerSectorBox {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    background: #19499F;
-  }
-</style>

src/views/template/style/1/components/banner.vue → src/views/template/style/components/banner.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn

src/views/template/style/1/components/bgGreyNews.vue → src/views/template/style/components/bgGreyNews.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn

src/views/template/style/1/components/calendar.vue → src/views/template/style/components/calendar.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: { 
     editBtn
@@ -63,7 +63,7 @@ export default {
     .calendarBg {
       width: 100%;
       height: 110px;
-      background: url('../../../../../assets/template/component/calendar.png') no-repeat center center;
+      //background: url('../../../../assets/template/component/calendar.png') no-repeat center center;
       background-size: 100% 100%;
       box-sizing: border-box;
       padding-top: 35px;

src/views/template/style/1/components/fivePicture.vue → src/views/template/style/components/fivePicture.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn

src/views/template/style/1/components/form/1.vue → src/views/template/style/components/form/1.vue

@@ -51,7 +51,7 @@ export default {
     .calendarBg {
       width: 100%;
       height: 110px;
-      background: url('../../../../../../assets/template/component/calendar.png') no-repeat center center;
+      //background: url('../../../../assets/template/component/calendar.png') no-repeat center center;
       background-size: 100% 100%;
       box-sizing: border-box;
       padding-top: 35px;

src/views/template/style/1/components/friendShipLink.vue → src/views/template/style/components/friendShipLink.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue';
+import editBtn from '../../public/editBtn.vue';
 export default {
   components: {
     editBtn

src/views/template/style/components/head/1.vue

@@ -0,0 +1,90 @@
+<template>
+    <!--<div :class="['headTopBox', { componentBorder: this.$store.state.template.previewStatus==false }]">-->
+    <div class="headTopBox">
+        <div class="headTopBoxBg">
+            <div class="headTopInfoLeft">您好，欢迎来到{{this.$store.state.template.webSiteInfo.website_name}}网！</div>
+            <div class="headTopInfoRight">
+                <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748328204272390.png" alt="搜索">搜索</div>
+                <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748329860825368.png" alt="广告服务">广告服务</div>
+                <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748329883541848.png" alt="登录">登录</div>
+                <div class="headInfoItem" @click="banUse"><img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/174832996345491.png" alt="注册">注册</div>
+            </div>
+        </div>
+        <div class="headLogoBox">
+            <img :src="this.$store.state.template.webSiteInfo.logo" class="logo">
+            <div class="headAdTopBox">
+                <img src="http://img.bjzxtw.org.cn/pre/image/png/20250527/1748332370111555.png">
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {},
+    data() {
+        return {};
+    },
+    methods: {
+        banUse(){
+            this.$store.commit('template/alertMessage');
+        }
+    },
+    mounted(){},
+};
+</script>
+
+<style scoped lang="less">
+.componentBorder {
+    border: 2px dashed #999;
+}
+.headTopBox {
+    width: 100%;
+    height: 200px;
+    background: url('http://img.bjzxtw.org.cn/pre/image/png/20250527/174830610715978.png') top repeat-x;
+    .headTopBoxBg {
+        width: 1200px;
+        height: 30px;
+        line-height: 30px;
+        font-size: 12px;
+        margin: 0 auto;
+        color: #666666;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .headTopInfoLeft {
+            font-size: 12px;
+            color:#666666;
+        }
+        .headTopInfoRight {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .headInfoItem {
+                display: flex;
+                align-items: center;
+                margin-right: 10px;
+                cursor: pointer;
+                img {
+                    margin-right: 5px;
+                }
+            }
+            .headInfoItem:last-child {
+                margin-right: 0;
+            }
+        }
+    }
+    .headLogoBox {
+        width: 1200px;
+        margin: 0 auto;
+        display: flex;
+        height: 170px;
+        align-items: center;
+        justify-content: space-between;
+        .logo {
+            width: 348px;
+            height: 75px;
+        }
+    }
+}
+</style>

src/views/template/style/1/components/list/1.vue → src/views/template/style/components/list/1.vue

@@ -75,7 +75,7 @@ export default {
         margin-bottom: 10px;
         a {
           display: block;
-          background: url('../../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           box-sizing: border-box;
           padding-left: 20px;
           white-space: nowrap;

src/views/template/style/1/components/listNews.vue → src/views/template/style/components/listNews.vue

@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn
@@ -89,7 +89,7 @@ export default {
         margin-bottom: 10px;
         a {
           display: block;
-          background: url('../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           box-sizing: border-box;
           padding-left: 20px;
           white-space: nowrap;

src/views/template/style/1/components/mainList/1.vue → src/views/template/style/components/mainList/1.vue

@@ -80,20 +80,20 @@ export default {
         li {
           list-style-type: none;
           padding-left: 16px;
-          background: url('../../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           margin-bottom: 20px;
         }
         li:nth-child(5n) {
           padding-bottom: 30px;
           margin-bottom: 30px;
           border-bottom:1px dashed #D9D9D9;
-          background: url('../../../../../../assets/template/component/listyle.png') no-repeat left 7px;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left 7px;
         }
         li:nth-child(15) {
           padding-bottom: 30px;
           margin-bottom: 30px;
           border-bottom:0;
-          background: url('../../../../../../assets/template/component/listyle.png') no-repeat left 7px;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left 7px;
         }
       }
     }

src/views/template/style/1/components/mainTitle.vue → src/views/template/style/components/mainTitle.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn

src/views/template/style/1/components/mainTitle/2.vue → src/views/template/style/components/mainTitle/2.vue

@@ -41,7 +41,7 @@ export default {
       left: 60px;
       width: 40px;
       height: 60px;
-      background: url('../../../../../../assets/template/component/mainStyle2Left.png') no-repeat center center;
+      background: url('../../../../../assets/template/component/mainStyle2Left.png') no-repeat center center;
       background-size: 100% 100%;
       div {
         font-size: 18px;

src/views/template/style/1/components/styleTitle.vue → src/views/template/style/components/styleTitle.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn
@@ -51,6 +51,6 @@ export default {
     position: relative;
   }
   .titleBoxStyle1{
-    background: url('../../../../../assets/template/component/titleStyle1.png') no-repeat center center;
+    background: url('../../../../assets/template/component/titleStyle1.png') no-repeat center center;
   }
 </style>

src/views/template/style/1/components/tabs/1.vue → src/views/template/style/components/tabs/1.vue

@@ -75,7 +75,7 @@ export default {
         margin-bottom: 10px;
         a {
           display: block;
-          background: url('../../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           box-sizing: border-box;
           padding-left: 20px;
           white-space: nowrap;

src/views/template/style/1/components/tabs/2.vue → src/views/template/style/components/tabs/2.vue

@@ -124,7 +124,7 @@ export default {
         margin-bottom: 10px;
         a {
           display: block;
-          background: url('../../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           box-sizing: border-box;
           padding-left: 20px;
           white-space: nowrap;

src/views/template/style/1/components/tabsCalendarNews.vue → src/views/template/style/components/tabsCalendarNews.vue

@@ -44,7 +44,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn
@@ -136,7 +136,7 @@ export default {
         margin-bottom: 10px;
         a {
           display: block;
-          background: url('../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           box-sizing: border-box;
           padding-left: 20px;
           white-space: nowrap;

src/views/template/style/1/components/tabsNews.vue → src/views/template/style/components/tabsNews.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../public/editBtn.vue'
 export default {
   components: {
     editBtn
@@ -79,7 +79,7 @@ export default {
         margin-bottom: 10px;
         a {
           display: block;
-          background: url('../../../../../assets/template/component/listyle.png') no-repeat left center;
+          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
           box-sizing: border-box;
           padding-left: 20px;
           white-space: nowrap;

src/views/template/style/1/components/title/1.vue → src/views/template/style/components/title/1.vue

@@ -39,7 +39,7 @@ export default {
     position: relative;
   }
   .titleBoxStyle1{
-    background: url('../../../../../../assets/template/component/titleStyle1.png') no-repeat center center;
+    //background: url('../../../../assets/template/component/titleStyle1.png') no-repeat center center;
     width: 100%;
   }
 </style>

src/views/template/style/1/sector/10.vue → src/views/template/style/sector/10.vue

@@ -49,8 +49,8 @@
 
 <script>
 //编辑按钮
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 //标题组件
 import title1Style from '../components/title/1.vue'
 //友情链接组件

src/views/template/style/1/sector/11.vue → src/views/template/style/sector/11.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 import list1Style from '../components/mainList/1.vue'
 
 export default {

src/views/template/style/1/sector/12.vue → src/views/template/style/sector/12.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 import article1Style from '../components/mainArticle/1.vue'
 
 export default {

src/views/template/style/1/sector/4.vue → src/views/template/style/sector/4.vue

@@ -54,8 +54,8 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 import useStyle1 from '../components/advertisement/1.vue'
 import useStyle2 from '../components/advertisement/2.vue'
 import useStyle3 from '../components/advertisement/3.vue'

src/views/template/style/1/sector/5.vue → src/views/template/style/sector/5.vue

@@ -37,8 +37,8 @@
 
 <script>
 //编辑按钮
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 //标题组件
 import mainTitleStyle1 from '../components/mainTitle/1.vue'
 import mainTitleStyle2 from '../components/mainTitle/2.vue'

src/views/template/style/1/sector/6.vue → src/views/template/style/sector/6.vue

@@ -47,8 +47,8 @@
 
 <script>
 //编辑按钮
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 //标题组件
 import title1Style from '../components/title/1.vue'
 //静态组件

src/views/template/style/1/sector/7.vue → src/views/template/style/sector/7.vue

@@ -31,8 +31,8 @@
 
 <script>
 //编辑按钮
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 //标题组件
 import title1Style from '../components/title/1.vue'
 //tabs组件

src/views/template/style/1/sector/8.vue → src/views/template/style/sector/8.vue

@@ -114,8 +114,8 @@
 
 <script>
 //编辑按钮
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 //标题组件
 import title1Style from '../components/title/1.vue'
 //新闻列表组件

src/views/template/style/1/sector/9.vue → src/views/template/style/sector/9.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import editBtn from '../../../public/editBtn.vue'
-import convertBtn from '../../../public/convertBtn.vue'
+import editBtn from '../../public/editBtn.vue'
+import convertBtn from '../../public/convertBtn.vue'
 import staticHtml2Style from '../components/staticHtml/2.vue'
 
 export default {

src/views/template/style/1/footerSector.vue → src/views/template/style/sector/foot/1.vue

@@ -6,8 +6,8 @@
 </template>
 
 <script>
-import footerMenu from './components/footerMenu.vue';
-import footerInfo from './components/footerInfo.vue';
+import footerMenu from '../../components/footer/menu/1.vue';
+import footerInfo from '../../components/footer/info/1.vue';
 
 export default {
   props: {

src/views/template/style/sector/head/1.vue

@@ -0,0 +1,29 @@
+<template>
+    <div class="headSectorBox">
+        <header1Style />
+    </div>
+</template>
+
+<script>
+import header1Style from '../../components/head/1.vue';
+
+export default {
+    props: {},
+    components: {
+        header1Style,
+    },
+    data() {
+        return {};
+    },
+};
+</script>
+
+<style scoped lang="less">
+.headSectorBox {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+</style>

src/views/template/style/1/sector/2.vue → src/views/template/style/sector/menu/1.vue

@@ -78,12 +78,7 @@ export default {
       this.$store.dispatch('template/selectWebsiteArea',{province:this.area.economize,city:this.area.market});
     }
   },
-  mounted() {
-    //获取当前元素的个数，现在一行是8个，每个高度是30px
-    // let h = Math.floor(this.$store.state.template.webSiteMenu.length / 8) + (this.$store.state.template.webSiteMenu.length % 8 > 0 ? 1 : 0);
-    // let menuH = (h*3)+4;
-    // this.$store.commit('template/setIndexModuleHeight',{i:this.id,h:menuH});
-  },
+  mounted(){},
 };
 </script>