清理无效组件并修改bug

清理无效组件并修改bug

src/styles/theme/menu/style1.less

@@ -19,6 +19,7 @@
             display: flex;
             flex-wrap: wrap;
             justify-content: flex-start;
+            width: 100%;
             div {
                 width: 12.5%;
                 cursor: pointer;

src/styles/theme/menu/style2.less

@@ -19,6 +19,7 @@
             display: flex;
             flex-wrap: wrap;
             justify-content: flex-start;
+            width: 100%;
             div {
                 width: 12.5%;
                 cursor: pointer;

src/views/template/page/pageAboutArticle.vue

@@ -67,13 +67,13 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
 //顶部
-import headSector from '../style/sector/head/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
-import menuSector from '../style/sector/menu/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 //列表页是固定的
 import aboutArticleSector from '../style/sector/body/about/1200x1150/1.vue';
 //底部
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 //通栏组件 开始：
 //通栏广告
 import adSector from '../style/sector/body/ad/1200x90/1.vue';

src/views/template/page/pageAboutList.vue

@@ -66,10 +66,10 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
-import headSector from '../style/sector/head/1.vue';
-import menuSector from '../style/sector/menu/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 import aboutListSector from '../style/sector/body/about/1200x1290/1.vue';
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 import adSector from '../style/sector/body/ad/1200x90/1.vue';
 //2.引入自助建站组件 end------------------------------------------------------------>
 

src/views/template/page/pageArticle.vue

@@ -63,11 +63,11 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
 //顶部
-import headSector from '../style/sector/head/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
-import menuSector from '../style/sector/menu/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 //底部
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 //通栏广告
 import adSector from '../style/sector/body/ad/1200x90/1.vue';
 //通用型文章详情

src/views/template/page/pageClass.vue

@@ -89,11 +89,11 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
 //顶部
-import headSector from '../style/sector/head/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
-import menuSector from '../style/sector/menu/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 //底部
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 //通栏组件 开始：
 //通栏广告
 import adSector from '../style/sector/body/ad/1200x90/1.vue';

src/views/template/page/pageIndex.vue

@@ -104,11 +104,11 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
 //顶部
-import headSector from '../style/sector/head/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
-import menuSector from '../style/sector/menu/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 //底部
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 //通栏组件 开始：
 //通栏广告
 import adSector from '../style/sector/body/ad/1200x90/1.vue';

src/views/template/page/pageList.vue

@@ -69,13 +69,13 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
 //顶部
-import headSector from '../style/sector/head/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
-import menuSector from '../style/sector/menu/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 //列表页是固定的
 import fixedListSector from '../style/sector/body/list/list/1200x1220/1.vue';
 //底部
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 //通栏组件 开始：
 //通栏广告
 import adSector from '../style/sector/body/ad/1200x90/1.vue';

src/views/template/page/pageSearch.vue

@@ -69,13 +69,13 @@ import { GridLayout, GridItem } from "vue-grid-layout";
 //引入自助建站组件 start------------------------------------------------------------>
 //全局组件
 //顶部
-import headSector from '../style/sector/head/1.vue';
+import headSector from '../style/sector/head/1200x200/1.vue';
 //一级菜单导肮
-import menuSector from '../style/sector/menu/1.vue';
+import menuSector from '../style/sector/menu/1200x130/1.vue';
 //列表页是固定的
 import searchListSector from '../style/sector/body/search/list/1200x1300/1.vue';
 //底部
-import footerSector from '../style/sector/foot/1.vue';
+import footerSector from '../style/sector/foot/1200x580/1.vue';
 //通栏组件 开始：
 //通栏广告
 import adSector from '../style/sector/body/ad/1200x90/1.vue';

src/views/template/public/CityCascader.vue

@@ -1,106 +0,0 @@
-<template>
-  <el-cascader
-    :key="cascaderKey"
-    v-model="internalValue"
-    placeholder="选择您要绑定的城市"
-    :props="SearchCityData"
-    filterable
-    clearable
-    @change="handleChange">
-  </el-cascader>
-</template>
-
-<script>
-export default {
-  props: {
-    value: { // 接收外部传递的 v-model 值
-      type: [Array, String], // 允许传入数组或字符串类型的数据
-      default: () => [],
-    },
-  },
-  data() {
-    let self = this;
-    return {
-      internalValue: [], // 用于与级联选择器进行双向绑定的内部数据
-      cascaderKey: 0, // 用于强制刷新 cascader
-      SearchCityData: {
-        checkStrictly: true,
-        lazy: true,
-        async lazyLoad(node, resolve) {
-          const { level, data } = node;
-          let parentId = level == 0 ? 0 : data.value;
-          let parames = {
-            pid: parentId,
-          };
-          self.$store
-            .dispatch("pool/getcityList", parames)
-            .then((res) => {
-              if (res.data) {
-                const nodes = res.data.map((item) => ({
-                  value: item.id,
-                  label: item.name,
-                  leaf: level >= 3,
-                  children: [],
-                }));
-                resolve(nodes);
-              }
-            })
-            .catch(() => {
-              this.$message({
-                type: "info",
-                message: "网络错误，请重试！",
-              });
-            });
-        },
-      },
-    };
-  },
-  watch: {
-    value: {
-      immediate: true, // 组件挂载时立即执行
-      handler(newVal) {
-        try {
-          const parsedValue = Array.isArray(newVal) ? newVal : JSON.parse(newVal);
-          this.internalValue = parsedValue; // 设置内部值
-          if (parsedValue.length) {
-            this.loadCascaderPath(parsedValue); // 动态加载回显的路径
-          }
-        } catch (error) {
-          console.error("无法解析传入的值:", error);
-          this.internalValue = []; // 如果解析失败，重置为默认空数组
-        }
-      },
-    },
-  },
-  methods: {
-    handleChange(value) {
-      // 当选择变化时，向父组件发送更新的值
-      this.$emit("input", value); // v-model 双向绑定
-      this.$emit("update-city-id", value); // 额外事件，方便父组件监听
-    },
-    async loadCascaderPath(path) {
-      for (let i = 0; i < path.length; i++) {
-        const parentId = path[i - 1] || 0; // 获取当前层级的父级ID
-        const level = i; // 当前层级的索引
-        await this.$store.dispatch('pool/getcityList', { pid: parentId })
-          .then((res) => {
-            const nodes = res.data.map(item => ({
-              value: item.id,
-              label: item.name,
-              leaf: level >= 3, // 假设4层结构，设置叶子节点标记
-            }));
-            // 级联选择器加载数据
-            if (level === path.length - 1) {
-              this.internalValue = path; // 确保最后一级路径正确设置
-              this.cascaderKey += 1; // 强制刷新 cascader
-            }
-          });
-      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-/* 可根据需要自定义样式 */
-</style>

src/views/template/public/indexComponents.vue

@@ -1,143 +0,0 @@
-<template>
-  <div :class="['layerBox', { 'fixed': isFixed }]">
-    <tableTitle :name="headerTitle"/>
-    <div class="menuTopBox">
-      <div class="menuItem itemMenuBg1" @click="addModule(1)">
-        登录菜单(12x1)
-      </div>
-      <div class="menuItem itemMenuBg2" @click="addModule(2)">
-        Logo栏(12x2)
-      </div>
-      <div class="menuItem itemMenuBg3" @click="addModule(3)">
-        导航菜单(12x2)
-      </div>
-      <div class="menuItem itemMenuBg4" @click="addModule(4)">
-        轮播图(8x5)
-      </div>
-      <!-- <div class="menuItem itemMenuBg5" @click="addModule(5)">
-        多分类列表
-      </div> -->
-      <div class="menuItem itemMenuBg6" @click="addModule(6)">
-        多图列表(12x0)
-      </div>
-      <div class="menuItem itemMenuBg7" @click="addModule(7)">
-        纯文本列表(4x5)
-      </div>
-      <div class="menuItem itemMenuBg8" @click="addModule(8)">
-        图文列表(8x10)
-      </div>
-      <!-- <div class="menuItem itemMenuBg9" @click="addModule(9)">
-        排行榜列表
-      </div> -->
-      <div class="menuItem itemMenuBg10" @click="addModule(10)">
-        友情链接(12x3)
-      </div>
-      <div class="menuItem itemMenuBg11" @click="addModule(11)">
-        纯文本(12x1)
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import tableTitle from './tableTitle.vue';
-
-export default {
-  props: {
-    
-  },
-  components: {
-    tableTitle
-  },
-  data() {
-    return {
-      headerTitle: '可选模块',
-      isFixed: false // 控制菜单是否悬浮
-    };
-  },
-  methods: {
-    addModule(id) {
-      this.$emit('add-module', id); // 触发事件，将模块 ID 传递给父组件
-    },
-    handleScroll() {
-      const scrollY = window.scrollY;
-      // 设置一个阈值，避免频繁切换
-      if (scrollY > 100 && !this.isFixed) {
-        this.isFixed = true; // 只有在超过 100 像素时才设置为悬浮状态
-      } else if (scrollY <= 0 && this.isFixed) {
-        this.isFixed = false; // 只有在回到 100 像素以下时才取消悬浮状态
-      }
-    }
-  },
-  mounted() {
-    window.addEventListener('scroll', this.handleScroll); // 监听滚动事件
-  },
-  beforeDestroy() {
-    window.removeEventListener('scroll', this.handleScroll); // 清理事件监听
-  }
-};
-</script>
-
-<style scoped lang="less">
-.menuTopBox {
-  display: flex;
-  flex-wrap: wrap;
-  transition: top 0.3s; /* 添加过渡效果 */
-}
-
-.menuItem {
-  display: flex;
-  align-items: center;
-  border-radius: 10px;
-  cursor: pointer;
-  font-size: 14px;
-  color: #666;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  padding: 10px 10px 10px 40px;
-}
-
-.fixed {
-  position: fixed; /* 固定在顶部 */
-  top: 0; /* 吸附到顶部 */
-  //width: 100%; /* 确保宽度为 100% */
-  background-color: white; /* 设置背景颜色以覆盖下面的内容 */
-  z-index: 1000; /* 确保在其他内容之上 */
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影以增强视觉效果 */
-}
-
-/* 背景图样式 */
-.itemMenuBg1 {
-  background: url('../../../assets/creatWebsite/menu/default/top_menu.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg2 {
-  background: url('../../../assets/creatWebsite/menu/default/logo.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg3 {
-  background: url('../../../assets/creatWebsite/menu/default/nav_menu.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg4 {
-  background: url('../../../assets/creatWebsite/menu/default/banner.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg5 {
-  background: url('../../../assets/creatWebsite/menu/default/class_list.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg6 {
-  background: url('../../../assets/creatWebsite/menu/default/img_list.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg7 {
-  background: url('../../../assets/creatWebsite/menu/default/text_list.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg8 {
-  background: url('../../../assets/creatWebsite/menu/default/img_text_list.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg9 {
-  background: url('../../../assets/creatWebsite/menu/default/level.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg10 {
-  background: url('../../../assets/creatWebsite/menu/default/link.png') no-repeat 10px #f0f2f5;
-}
-.itemMenuBg11 {
-  background: url('../../../assets/creatWebsite/menu/default/text.png') no-repeat 10px #f0f2f5;
-}
-</style>

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

@@ -1,34 +0,0 @@
-<template>
-  <div class="advertisementBox">
-    <img src="@/assets/template/component/style1imgTitle.png" />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .advertisementBox {
-    img {
-      width: 1200px;
-      height: 90px;
-      display: block;
-    }
-  }
-</style>

src/views/template/style/components/advertisement/2.vue

@@ -1,36 +0,0 @@
-<template>
-  <div class="advertisementBox">
-    <img src="@/assets/template/component/style2imgTitle.png" />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .advertisementBox {
-    width: 100%;
-    height: 58px;
-    img {
-      width: 100%;
-      height: 58px;
-      display: block;
-    }
-  }
-</style>

src/views/template/style/components/advertisement/3.vue

@@ -1,36 +0,0 @@
-<template>
-  <div class="advertisementBox">
-    <img src="@/assets/template/component/style3imgTitle.png" />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .advertisementBox {
-    width: 100%;
-    height: 58px;
-    img {
-      width: 100%;
-      height: 58px;
-      display: block;
-    }
-  }
-</style>

src/views/template/style/components/advertisement/4.vue

@@ -1,36 +0,0 @@
-<template>
-  <div class="advertisementBox">
-    <img src="@/assets/template/component/style4imgTitle.png" />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .advertisementBox {
-    width: 100%;
-    height: 58px;
-    img {
-      width: 100%;
-      height: 58px;
-      display: block;
-    }
-  }
-</style>

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

@@ -1,57 +0,0 @@
-<template>
-  <div class="bannerItemBox">
-    <editBtn :id="id" :sort="sort" :type="1" :size="3"/>
-    <el-carousel height="226px">
-      <el-carousel-item :key="1">
-        <img src="@/assets/template/component/banner1.png" /> 
-      </el-carousel-item>
-      <el-carousel-item :key="2">
-        <img src="@/assets/template/component/banner2.png" />
-      </el-carousel-item>
-      <el-carousel-item :key="3">
-        <img src="@/assets/template/component/banner3.png" />
-      </el-carousel-item>
-    </el-carousel>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      articleId:2509
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .bannerItemBox {
-    width: 100%;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-</style>
-

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

@@ -1,71 +0,0 @@
-<template>
-  <div class="bgGreyNewsBox">
-    <editBtn :id="id" :sort="1" :type="2" :size="6"/>
-    <div class="bgGreyNews">
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      activeName:"first"
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .bgGreyNewsBox {
-    background: #F2F2F2;
-    height: 100%;
-    .bgGreyNews {
-      a {
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        border-bottom: 1px solid #D1D1D1;
-        font-size: 16px;
-        color: #333;
-        height: 37px;
-        line-height: 37px;
-        box-sizing: border-box;
-        padding: 0 20px;
-      }
-      a:last-child {
-        border-bottom: none;
-      }
-    }
-  }
-</style>
-

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

@@ -1,93 +0,0 @@
-<template>
-  <div class="calendarMainBox">
-    <editBtn :id="id" :sort="sort" :type="6"/>
-    <div class="calendarTitle">
-      <span>三农调查</span>
-    </div>
-    <div class="calendarBg">
-      <span>问卷调查</span>
-    </div>
-    <div class="calendarItem">
-      <div class="calendarProblemItemTitle">问卷调查内容问卷调查内容问卷调查内容问卷调查..</div>
-      <el-input type="textarea" v-model="usertext" placeholder="请输入内容" rows="4"></el-input>
-      <el-button type="primary" class="calendarBtn" size="small">提交</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: { 
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      usertext:"",
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .calendarMainBox {
-    overflow: hidden;
-    position: relative;
-    .calendarTitle {
-      height: 40px;
-      line-height: 40px;
-      text-align: center;
-      span {
-        padding-left: 20px;
-        padding-right: 20px;
-        border-left: 5px solid #E8EDF6;
-        border-right: 5px solid #E8EDF6;
-      }
-    }
-    .calendarBg {
-      width: 100%;
-      height: 110px;
-      //background: url('../../../../assets/template/component/calendar.png') no-repeat center center;
-      background-size: 100% 100%;
-      box-sizing: border-box;
-      padding-top: 35px;
-      padding-left: 36px;
-      span {
-        font-size: 32px;
-        color: #fff;
-        font-weight: bold;
-      }
-    }
-    .calendarItem {
-      font-size: 18px;
-      background: #EAF3FF;
-      padding:20px;
-      position: relative;
-      .calendarProblemItemTitle {
-        margin-bottom: 20px;
-        height: 48px;
-      }
-      .calendarBtn {
-        position: absolute;
-        bottom: 30px;
-        right: 30px;
-      }
-    }
-  }
-</style>

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

@@ -1,61 +0,0 @@
-<template>
-  <div class="fivePictureBox">
-    <editBtn :id="id" :sort="sort" :type="6"/>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle1.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle2.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle3.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle4.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle5.png"/></div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-     
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .fivePictureBox {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 20px 0;
-    position: relative;
-    .fivePictureItem {
-      width: 20%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      img {
-        display: block;
-        width: 90%;
-      }
-    }
-  }
-</style>

src/views/template/style/components/footerInfo.vue

@@ -1,96 +0,0 @@
-<template>
-  <div class="footerInfoBox">
-    <div class="footerInfoBoxContent">
-      <div class="footerInfoBoxContentLeft">
-        <img src="@/assets/template/component/sign1.png">
-      </div>
-      <div class="footerInfoBoxContentMain">
-        <div>本站部分信息由相应民事主体自行提供，该信息内容的真实性、准确性和合法性应由该民事主体负责。三农市场信息网 对此不承担任何保证责任。</div>
-        <div>本网部分转载文章、图片等无法联系到权利人。请相关权利人与本网站联系。</div>
-        <div>北京中农兴业网络技术有限公司主办 | 政讯通·全国政务信息一体化办公室 主管</div>
-        <div>联系电话：010-56019387、010-80440269、010-69945235，监督电话：18516948318，违法和不良信息举报电话：010-57028685</div>
-        <div>第一办公区：北京市西城区敬胜胡同甲3号东侧；第二办公区：北京市东城区建国门内大街26号新闻大厦5层</div>
-        <div>邮箱: qgsndy@163.com 客服QQ : 2909421493 通联QQ : 213552413</div>
-      </div>
-      <div class="footerInfoBoxContentRight">
-        <img src="@/assets/template/component/sign2.png">
-      </div>
-    </div>
-    <div class="footerInfoBoxBottom">
-      <img src="@/assets/template/component/bottom1.png">
-      <img src="@/assets/template/component/bottom2.png">
-      <img src="@/assets/template/component/bottom3.png">
-      <img src="@/assets/template/component/bottom4.png">
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .footerInfoBox {
-    width: 80%;
-    border: 2px dashed #999;
-    .footerInfoBoxContent {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .footerInfoBoxContentLeft {
-        width: 10%;
-        box-sizing: border-box;
-        padding-right: 10px;
-        img {
-          width: 100%;
-          display: block;
-        }
-      }
-      .footerInfoBoxContentMain {
-        padding-top: 40px;
-        font-size: 14px;
-        div {
-          text-align: center;
-          padding-bottom: 10px;
-          color: #fff;
-        }
-      }
-      .footerInfoBoxContentRight {
-        width: 10%;
-        box-sizing: border-box;
-        padding-left: 10px;
-        img {
-          width: 100%;
-          display: block;
-        }
-      }
-    }
-    .footerInfoBoxBottom {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      padding-top: 40px;
-      img {
-        width: 10%;
-        display: block;
-        margin-right: 10px;
-      }
-    }
-  }
-</style>
-

src/views/template/style/components/footerMenu.vue

@@ -1,82 +0,0 @@
-<template>
-  <div class="footerMenuBox">
-    <ul class="footerMenuUl">
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-      <li>
-        <a href="javascript:;">菜单标题</a>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .footerMenuBox {
-    width: 80%;
-    border: 2px dashed #999;
-    border-bottom: none;
-    .footerMenuUl {
-      padding: 0;
-      margin: 0;
-      overflow: hidden;
-      clear: both;
-      border-bottom: 1px solid #3B70D0;
-      li {
-        float: left;
-        width: 12.5%;
-        text-align: center;
-        list-style: none;
-        height: 60px;
-        line-height: 60px;
-        a {
-          display: block;
-          width: 100%;
-          white-space: nowrap; 
-          overflow: hidden; 
-          text-overflow: ellipsis;
-          font-size: 14px;
-          color: #fff;
-        }
-      }
-    }
-  }
-</style>
-

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

@@ -1,81 +0,0 @@
-<template>
-  <div class="calendarMainBox">
-    <div class="calendarTitle">
-      <span>三农调查</span>
-    </div>
-    <div class="calendarBg">
-      <span>问卷调查</span>
-    </div>
-    <div class="calendarItem">
-      <div class="calendarProblemItemTitle">问卷调查内容问卷调查内容问卷调查内容问卷调查..</div>
-      <el-input type="textarea" v-model="usertext" placeholder="请输入内容" rows="4"></el-input>
-      <el-button type="primary" class="calendarBtn" size="small">提交</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      usertext:"",
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .calendarMainBox {
-    overflow: hidden;
-    position: relative;
-    .calendarTitle {
-      height: 40px;
-      line-height: 40px;
-      text-align: center;
-      span {
-        padding-left: 20px;
-        padding-right: 20px;
-        border-left: 5px solid #E8EDF6;
-        border-right: 5px solid #E8EDF6;
-      }
-    }
-    .calendarBg {
-      width: 100%;
-      height: 110px;
-      //background: url('../../../../assets/template/component/calendar.png') no-repeat center center;
-      background-size: 100% 100%;
-      box-sizing: border-box;
-      padding-top: 35px;
-      padding-left: 36px;
-      span {
-        font-size: 32px;
-        color: #fff;
-        font-weight: bold;
-      }
-    }
-    .calendarItem {
-      font-size: 18px;
-      background: #EAF3FF;
-      padding:20px;
-      position: relative;
-      .calendarProblemItemTitle {
-        margin-bottom: 20px;
-        height: 48px;
-      }
-      .calendarBtn {
-        position: absolute;
-        bottom: 30px;
-        right: 30px;
-      }
-    }
-  }
-</style>

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

@@ -1,102 +0,0 @@
-<template>
-  <div class="friendShipLinkBox">
-    <editBtn :id="id" :sort="sort" :type="4"/>
-    <div class="friendShipLinkImgItemBox">
-      <div>
-        <img src="@/assets/template/component/link1.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link2.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link1.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link2.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link1.png">
-      </div>
-    </div>
-    <div class="friendShipLinkTextItemBox">
-      <a href="javascript:;">中国教育网</a>
-      <a href="javascript:;">中国人大网</a>
-      <a href="javascript:;">中国政协网</a>
-      <a href="javascript:;">纪委检查网</a>
-      <a href="javascript:;">最高人民法院</a>
-      <a href="javascript:;">最高人民检察院</a>
-      <a href="javascript:;">交通运输部</a>
-      <a href="javascript:;">国家铁路局</a>
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue';
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .friendShipLinkBox {
-    position: relative;
-    width: 100%;
-    .friendShipLinkImgItemBox {
-      height: 80px;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start;
-      justify-content: space-between;
-      padding: 20px 0;
-      div {
-        width: 20%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        img {
-          width: 50%;
-        }
-      }
-    }
-    .friendShipLinkTextItemBox {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start;
-      padding-bottom: 10px;
-      a {
-        display: block;
-        width: 12.5%;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        font-size: 14px;
-        text-align: center;
-      }
-    }
-  }
-</style>
-

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

@@ -1,90 +0,0 @@
-<template>
-  <div class="friendShipLinkBox">
-    <div class="friendShipLinkImgItemBox">
-      <div>
-        <img src="@/assets/template/component/link1.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link2.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link1.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link2.png">
-      </div>
-      <div>
-        <img src="@/assets/template/component/link1.png">
-      </div>
-    </div>
-    <div class="friendShipLinkTextItemBox">
-      <a href="javascript:;">中国教育网</a>
-      <a href="javascript:;">中国人大网</a>
-      <a href="javascript:;">中国政协网</a>
-      <a href="javascript:;">纪委检查网</a>
-      <a href="javascript:;">最高人民法院</a>
-      <a href="javascript:;">最高人民检察院</a>
-      <a href="javascript:;">交通运输部</a>
-      <a href="javascript:;">国家铁路局</a>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .friendShipLinkBox {
-    position: relative;
-    width: 100%;
-    .friendShipLinkImgItemBox {
-      height: 80px;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start;
-      justify-content: space-between;
-      padding: 20px 0;
-      div {
-        width: 20%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        img {
-          width: 50%;
-        }
-      }
-    }
-    .friendShipLinkTextItemBox {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start;
-      padding-bottom: 10px;
-      a {
-        display: block;
-        width: 12.5%;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        font-size: 14px;
-        text-align: center;
-      }
-    }
-  }
-</style>
-

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

@@ -1,96 +0,0 @@
-<template>
-  <div class="listNewsBox">
-    <div class="listNewsTitle">
-      <div class="listNewsStyleBorder">新闻列表标题</div>
-    </div>
-    <ul class="listNewsUl">
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .listNewsBox {
-    position: relative;
-    .listNewsTitle {
-      color: #19499F;
-      font-size: 22px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid #D9D9D9;
-      box-sizing: border-box;
-      .listNewsStyleBorder {
-        border-bottom: 2px solid #19499F;
-        padding-bottom: 18px;
-        padding-top: 18px;
-      }
-    }
-    .listNewsUl {
-      padding: 0;
-      li {
-        list-style-type: none;
-        height: 20px;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        a {
-          display: block;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
-          box-sizing: border-box;
-          padding-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          flex: 1;
-          font-size: 16px;
-        }
-        div {
-          color: #999;
-          width: 50px;
-        }
-      }
-    }
-  }
-</style>
-

src/views/template/style/components/list/2.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="bgGreyNewsBox">
-    <ul class="bgGreyNewsList">
-      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
-      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
-      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
-      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
-      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .bgGreyNewsBox {
-    background: #F2F2F2;
-    height: 100%;
-    .bgGreyNewsList {
-      padding-left: 0;
-      margin-left: 0;
-      li{
-        list-style-type: none;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        border-bottom: 1px solid #D1D1D1;
-        padding: 0 20px;
-        a {
-          display: block;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          font-size: 14px;
-          color: #333;
-          height: 37px;
-          line-height: 37px;
-          box-sizing: border-box;
-        }
-        a:last-child {
-          border-bottom: none;
-        }
-        span {
-          font-size: 14px;
-          color: #333;
-        }
-      }
-    }
-  }
-</style>
-

src/views/template/style/components/list/3.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="bgGreyNewsBox">
-    <div class="bgGreyNews">
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .bgGreyNewsBox {
-    background: #F2F2F2;
-    height: 100%;
-    .bgGreyNews {
-      a {
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        border-bottom: 1px solid #D1D1D1;
-        font-size: 16px;
-        color: #333;
-        height: 37px;
-        line-height: 37px;
-        box-sizing: border-box;
-        padding: 0 20px;
-      }
-      a:last-child {
-        border-bottom: none;
-      }
-    }
-  }
-</style>
-

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

@@ -1,110 +0,0 @@
-<template>
-  <div class="listNewsBox">
-    <editBtn :id="id" :sort="sort" :type="1" :size="5"/>
-    <div class="listNewsTitle">
-      <div class="listNewsStyleBorder">新闻列表标题</div>
-    </div>
-    <ul class="listNewsUl">
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-      <li>
-        <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-        <div>11-29</div>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      activeName:"first"
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .listNewsBox {
-    position: relative;
-    .listNewsTitle {
-      color: #19499F;
-      font-size: 22px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid #D9D9D9;
-      box-sizing: border-box;
-      .listNewsStyleBorder {
-        border-bottom: 2px solid #19499F;
-        padding-bottom: 18px;
-        padding-top: 18px;
-      }
-    }
-    .listNewsUl {
-      padding: 0;
-      li {
-        list-style-type: none;
-        height: 20px;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        a {
-          display: block;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
-          box-sizing: border-box;
-          padding-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          flex: 1;
-          font-size: 16px;
-        }
-        div {
-          color: #999;
-          width: 50px;
-        }
-      }
-    }
-  }
-</style>
-

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

@@ -1,85 +0,0 @@
-<template>
-  <div class="mainAricleTextBox">
-    <div class="mainAricleTextTitle">各地加强部署落实2023年全国农产品质量安全监管工作会议要求</div>
-    <div class="mainArticleMore">
-      <div>来源:农业农村部</div>
-      <div>日期:2025-01-19 20:56</div>
-      <div>浏览次数:347</div>
-    </div>
-    <div class="mainArticleDetails">
-      <div><img src="@/assets/template/component/articleImg.png" /></div>
-      <div>3月21日，2023年全国农产品质量安全监管工作会议在云南昆明召开，马有祥副部长出席并讲话。会后，各地农业农村部门高度重视，迅速行动，结合本地实际扎实推进农产品质量安全各项工作。</div>
-      <div>一、深入学习会议精神，加强工作部署安排。各地农业农村部门迅速传达会议精神，紧盯重点、凝心聚力，强化工作部署。</div>
-      <div>一是及时汇报传达。吉林、河南及时向省政府汇报会议精神，省政府将农产品质量安全监管工作作为重点工作推进。四川、广西、天津等地召开省级监管工作会议，福建、吉林畜牧、内蒙古农牧、大连等地第一时间向负责人呈报会议精神和初步贯彻意见报告，将农产品质量安全工作作为厅重点工作共同推进。</div>
-      <div>二是压实工作责任。上海、山西、北京、青岛等地结合《2023年农产品质量安全监管工作要点》重点任务，形成印发2023年全省(市)农产品质量安全监管工作要点。黑龙江将会议精神及全国各地网格化管理经验材料、典型发言材料汇编印发全省各市县深入学习。辽宁与各市签订2023年农产品质量安全监管工作目标责任状，全面推进农产品质量安全监管工作。</div>
-      <div>三是加强调查研究。广东印发关于开展全省农产品质量安全大调研工作的通知，成立调研工作小组开展农产品质量安全调研指导工作。西藏4月初赴拉萨曲水县开展调研，深入县级监测站、蔬菜种植基地，对豇豆种植管理情况开展专题调研，向群众宣传规范购药、用药知识。</div>
-      <div>二、聚焦重点品种，全力抓好农产品质量安全监管工作。</div>
-      <div>一是集中力量解决豇豆农残问题。各地根据会议精神，加强组织领导，坚持产管并重、疏堵结合，推动豇豆治理工作。海南省政府分管领导亲自挂帅、靠前指挥，组织各市县各市县负责同志深入田间地头召开虹豆现场会，层层压实责任，并推行“防虫网+”种植模式、半定量检测、赋码追溯等措施，加强豇豆上市前和出岛把关。云南、陕西等地成立豇豆领导小组和专家指导专班，突出重点地区、重点时节、重点问题印发分片包抓通知，强化部省市联动，压实属地责任。江西召开全省豇豆农药残留突出问题攻坚治理工作推进视频会议，做到精准指导、精准抽检、精准监管、精准督促。</div>
-      <div>二是持续强化监测预警。各地根据会议精神，印发省级农产品质量安全监测工作通知，明确2023年定量监测总数量不少于1.7批次千人，加强农产品质量安全风险监测结果分析。湖南分解落实定量检测任务14万批次，达到2批次/千人的标准。江苏印发省级农产品质量安全专项风险监测白皮书，并收集了2022年11月-2023年3月全省草莓监测数据，汇总成“草莓质量安全风险提示'</div>
-      <div>三是加大农资打假力度。3月23-24日贵州省农业农村厅、市场监管局、公安厅联合检查黔东南州农资打假整治工作，查获一批问题农资，当地执法部门当场登记查封，立案查处。4月上旬，山西运城开展放心农资下乡进村宣传活动，加强对农民群众的宣传教育和风险提醒，提高识假辨假和依法维权意识。</div>
-      <div>三、提高全民安全意识，推进农产品高质量发展。</div>
-      <div>一是加强法律法规宣传。多地坚持以活动促宣传，推动形成社会共治局面。四川启动开展“百县千乡万户”普法守法安全用药大实训。山东畜牧常态化推进“畜产品质量安全知识进万家”“消费者体验日”“实验室开放日”等活动，正向引导社会工作消费观。</div>
-      <div>二是推动农产品标准化优质化发展。各地根据会议部署安排，用技术标准引领，增加优质农产品供给。河北推进衡沧高品质蔬菜产业示范建设，制定主栽品种全产业链标准体系，围绕饶阳西红柿等10个典型品种，开展品质指标体系构建。甘肃加强与兰州海关协作通过共建农产品质量安全监管体系，推动甘肃省特色优质农产品扩大进出口。</div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .mainAricleTextBox {
-    .mainAricleTextTitle {
-      font-size: 24px;
-      color: #333333;
-      padding-bottom: 30px;
-      text-align: center;
-      padding-top: 40px;
-      padding-bottom: 40px;
-    }
-    .mainArticleMore {
-      color: #999;
-      font-size: 16px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding-bottom: 20px;
-      div {
-        margin-right: 30px;
-      }
-    }
-    .mainArticleDetails {
-      border-top: 1px solid #D9D9D9;
-      padding-top: 40px;
-      div {
-        text-indent: 2em;
-        margin-bottom: 20px;
-        &:last-child{
-          margin-bottom: 0;
-        }
-      }
-      img {
-        display: block;
-        margin: 0 auto;
-        width: 500px;
-        margin-bottom: 40px;
-      }
-    }
-  }
-</style>

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

@@ -1,105 +0,0 @@
-<template>
-  <div class="NewsListBox">
-    <div class="listMainBox">
-      <div class="listMainTitle">
-        <span>地方动态</span>
-      </div>
-    </div>
-    <div class="NewsPageListBox">
-      <ul>
-        <li><a href="javascript:void">喜报!河池近日，启明创投、中国乡村发展基金会、四川蒙顶山合作社发展培训学院</a></li>
-        <li><a href="javascript:void">[营口]省专家组对我市生猪屠宰企业升级改造进行现场指导</a></li>
-        <li><a href="javascript:void">[辽宁]开启动物疫病防控和检疫工作新篇章——辽宁省动物疫病预防控制中心举行挂</a></li>
-        <li><a href="javascript:void">暖边绿境”共建活动情暖边境职工 在东港五四农场结硕果</a></li>
-        <li><a href="javascript:void">吉林省长春市大田播种陆续展开 粮食作物播种面积稳定在2500万亩</a></li>
-        <li><a href="javascript:void">喜报!河池近日，启明创投、中国乡村发展基金会、四川蒙顶山合作社发展培训学院</a></li>
-        <li><a href="javascript:void">[营口]省专家组对我市生猪屠宰企业升级改造进行现场指导</a></li>
-        <li><a href="javascript:void">[辽宁]开启动物疫病防控和检疫工作新篇章——辽宁省动物疫病预防控制中心举行挂</a></li>
-        <li><a href="javascript:void">暖边绿境”共建活动情暖边境职工 在东港五四农场结硕果</a></li>
-        <li><a href="javascript:void">吉林省长春市大田播种陆续展开 粮食作物播种面积稳定在2500万亩</a></li>
-        <li><a href="javascript:void">喜报!河池近日，启明创投、中国乡村发展基金会、四川蒙顶山合作社发展培训学院</a></li>
-        <li><a href="javascript:void">[营口]省专家组对我市生猪屠宰企业升级改造进行现场指导</a></li>
-        <li><a href="javascript:void">[辽宁]开启动物疫病防控和检疫工作新篇章——辽宁省动物疫病预防控制中心举行挂</a></li>
-        <li><a href="javascript:void">暖边绿境”共建活动情暖边境职工 在东港五四农场结硕果</a></li>
-        <li><a href="javascript:void">吉林省长春市大田播种陆续展开 粮食作物播种面积稳定在2500万亩</a></li>
-      </ul>
-    </div>
-    <div class="paginationBox">
-      <el-pagination
-        background
-        layout="total,prev,pager,next"
-        :total="1000">
-      </el-pagination>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .NewsListBox {
-    width: 100%;
-    .listMainBox {
-      padding-top: 20px;
-      margin-bottom: 30px;
-      .listMainTitle {
-        width: 100%;
-        border-bottom: 1px solid #D9D9D9;
-        height: 48px;
-        span {
-          border-bottom: 2px solid #19499F;
-          height: 48px;
-          line-height: 48px;
-          display: inline-block;
-          color: #19499F;
-          font-weight: bold;
-        }
-      }
-    }
-    .NewsPageListBox {
-      ul {
-        padding: 0;
-        margin: 0;
-        li {
-          list-style-type: none;
-          padding-left: 16px;
-          //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;
-        }
-        li:nth-child(15) {
-          padding-bottom: 30px;
-          margin-bottom: 30px;
-          border-bottom:0;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left 7px;
-        }
-      }
-    }
-    .paginationBox {
-      text-align: center;
-    }
-  }
-  
-</style>

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

@@ -1,59 +0,0 @@
-<template>
-  <div class="mainTitleBox">
-    <editBtn :id="id" :sort="sort" :type="1" :size="1"/>
-    <img src="@/assets/template/component/newsIcon.png" />
-    <div class="mainTitleText">习近平在中华全国供销合作社成立70周年</div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .mainTitleBox {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    img {
-      width: 54px;
-      height: 54px;
-      margin-right: 40px;
-    }
-    .mainTitleText {
-      font-size: 30px;
-      color: #19499F;
-      font-weight: bold;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-</style>

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

@@ -1,48 +0,0 @@
-<template>
-  <div class="mainTitleBox">
-    <img src="@/assets/template/component/newsIcon.png" />
-    <div class="mainTitleText">习近平在中华全国供销合作社成立70周年</div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .mainTitleBox {
-    width: 100%;
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    img {
-      width: 54px;
-      height: 54px;
-      margin-right: 40px;
-    }
-    .mainTitleText {
-      font-size: 30px;
-      color: #19499F;
-      font-weight: bold;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-</style>

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

@@ -1,73 +0,0 @@
-<template>
-  <div class="mainTitleBox">
-    <div class="mainTitleBoxIcon">
-      <div>头</div>
-      <div>条</div>
-    </div>
-    <div class="mainTitleText">习近平对新一届澳门特别行政区政府提出4点希望</div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .mainTitleBox {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    height: 60px;
-    .mainTitleBoxIcon {
-      position: absolute;
-      top: 0;
-      left: 60px;
-      width: 40px;
-      height: 60px;
-      background: url('../../../../../assets/template/component/mainStyle2Left.png') no-repeat center center;
-      background-size: 100% 100%;
-      div {
-        font-size: 18px;
-        color: #fff;
-        font-weight: bold;
-        padding-left: 14px;
-        padding-top: 5px;
-      }
-    }
-    img {
-      width: 54px;
-      height: 54px;
-      margin-right: 40px;
-    }
-    .mainTitleText {
-      font-size: 30px;
-      text-align: center;
-      box-shadow: 0 0 5px rgba(0,0,0,0.3);
-      width: 100%;
-      height: 44px;
-      line-height: 44px;
-      color: #27925C;
-      font-weight: bold;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-</style>

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

@@ -1,56 +0,0 @@
-<template>
-  <div class="fivePictureBox">
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle1.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle2.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle3.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle4.png"/></div>
-    <div class="fivePictureItem"><img src="@/assets/template/component/pictureTitle5.png"/></div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-     
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .fivePictureBox {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 20px 0;
-    position: relative;
-    .fivePictureItem {
-      width: 20%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      img {
-        display: block;
-        width: 90%;
-      }
-    }
-  }
-</style>

src/views/template/style/components/staticHtml/2.vue

@@ -1,93 +0,0 @@
-<template>
-  <div class="onlyImgSectorListBox">
-    <div class="onlyImgSectorItemBox1">
-      <img src="@/assets/template/component/pic1.png" />
-      <img src="@/assets/template/component/pic2.png" />
-    </div>
-    <div class="onlyImgSectorItemBox3">
-      <img src="@/assets/template/component/pic3.png" />
-    </div>
-    <div class="onlyImgSectorItemBox2">
-      <img src="@/assets/template/component/pic4.png" />
-    </div>
-    <div class="onlyImgSectorItemBox1">
-      <img src="@/assets/template/component/pic1.png" />
-      <img src="@/assets/template/component/pic2.png" />
-    </div>
-    <div class="onlyImgSectorItemBox3">
-      <img src="@/assets/template/component/pic3.png" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-     
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .onlyImgSectorListBox {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    //border: 2px dashed #999;
-    position: relative;
-    height: 300px;
-    img {
-      width: 100%;
-      display: block;
-    }
-    .onlyImgSectorItemBox1, .onlyImgSectorItemBox2, .onlyImgSectorItemBox3 {
-      height: 300px;
-      box-sizing: border-box;
-    }
-    .onlyImgSectorItemBox2 {
-      width: 50%;
-      padding: 0 10px;
-      img {
-        height: 100%;
-      }
-    }
-    .onlyImgSectorItemBox3 {
-      width: 12.4%;
-      img {
-        height: 100%;
-      }
-    }
-    .onlyImgSectorItemBox1{
-      width: 12.4%;
-      padding-right: 10px;
-      img {
-        height: 50%;
-        &:first-child {
-          padding-bottom: 5px;
-        }
-        &:last-child {
-          padding-top: 5px;
-        }
-      }
-    }
-  }
-</style>

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

@@ -1,56 +0,0 @@
-<template>
-  <div class="styleTitleBox">
-    <editBtn :id="id" :sort="sort" :type="7" />
-    <div :class="['titleBoxStyle' + type]">
-      {{ text }}
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      type:1,
-      text:"板块标题"
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .styleTitleBox {
-    //width: 468px;
-    width: 100%;
-    height: 41px;
-    text-align: center;
-    font-size: 32px;
-    font-weight: bold;
-    color: #333;
-    line-height: 41px;
-    position: relative;
-  }
-  .titleBoxStyle1{
-    background: url('../../../../assets/template/component/titleStyle1.png') no-repeat center center;
-  }
-</style>

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

@@ -1,97 +0,0 @@
-<template>
-  <div class="tabsNewsBox">
-    
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="地方动态" name="first">
-        <ul class="newsListBox">
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-        </ul>
-      </el-tab-pane>
-      <el-tab-pane label="农资市场" name="second"></el-tab-pane>
-      <el-tab-pane label="农产市场" name="third"></el-tab-pane>
-      <el-tab-pane label="农村市场" name="fourth"></el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      activeName:"first"
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .tabsNewsBox {
-    .newsListBox {
-      padding: 0;
-      li {
-        list-style-type: none;
-        height: 20px;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        a {
-          display: block;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
-          box-sizing: border-box;
-          padding-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          flex: 1;
-          font-size: 16px;
-        }
-        div {
-          color: #999;
-          width: 50px;
-        }
-      }
-      
-     
-    }
-  }
-</style>
-

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

@@ -1,143 +0,0 @@
-<template>
-  <div class="tabsCalendarMainNewsBox">
-    <el-tabs v-model="activeName">
-      <el-tab-pane label="市场资讯" name="sczx">
-        <ul class="newsListBox">
-          <li class="newsCalendarBox">
-            <div class="CalendarItemBox">
-              <div class="Calendar">
-                <div class="CalendarDay">3</div>
-                <div class="CalendarMonth">2024-12</div>
-              </div>
-              <div class="CalendarNewsTitle">
-                <div class="CalendarTitle">商务部：牢牢把握产业振兴，在抓好农产品冷链物流等方面采取更多务实举措</div>
-                <div class="newsContent">会议总结了前一阶段工作情况，研究商务服务乡村振兴重点工作和定点帮扶工作计划，部署下一步工作。 </div>
-              </div>
-            </div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-        </ul>
-      </el-tab-pane>
-      <el-tab-pane label="市场行情" name="schq"></el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  },
-  data() {
-    return {
-      activeName:"sczx"
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .tabsCalendarMainNewsBox {
-    width: 100%;
-    position: relative;
-    .newsListBox {
-      padding-left: 0;
-      .newsCalendarBox {
-        list-style-type: none;
-        margin-bottom: 20px;
-        width: 100%;
-        .CalendarItemBox {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          width: 100%;
-          .Calendar {
-            width: 100px;
-            height: 100px;
-            background: #EAF3FF;
-            box-sizing: border-box;
-            padding: 10px 10px 0 10px;
-            margin-right: 25px;
-            .CalendarDay {
-              font-size: 38px;
-              color: #19499F;
-              text-align: center;
-              padding-bottom: 10px;
-              border-bottom: 1px solid #19499F;
-            }
-            .CalendarMonth {
-              font-size: 16px;
-              color: #19499F;
-              text-align: center;
-              padding-top: 10px;
-            }
-          }
-          .CalendarNewsTitle {
-            flex: 1;
-            .CalendarTitle {
-              font-size: 18px;
-              color: #333;
-            }
-            .newsContent {
-              font-size: 16px;
-              color: #999999;
-              padding-top: 10px;
-            }
-          }
-        }
-      }
-      .newsItemBox {
-        list-style-type: none;
-        height: 20px;
-        margin-bottom: 20px;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        a {
-          display: block;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
-          box-sizing: border-box;
-          padding-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          flex: 1;
-          font-size: 16px;
-        }
-        div {
-          color: #999;
-        }
-      }
-    }
-  }
-</style>
-

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

@@ -1,155 +0,0 @@
-<template>
-  <div class="tabsCalendarMainNewsBox">
-    <editBtn :id="id" :sort="sort" :type="1" :size="6"/>
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="市场资讯" name="sczx">
-        <ul class="newsListBox">
-          <li class="newsCalendarBox">
-            <div class="CalendarItemBox">
-              <div class="Calendar">
-                <div class="CalendarDay">3</div>
-                <div class="CalendarMonth">2024-12</div>
-              </div>
-              <div class="CalendarNewsTitle">
-                <div class="CalendarTitle">商务部：牢牢把握产业振兴，在抓好农产品冷链物流等方面采取更多务实举措</div>
-                <div class="newsContent">会议总结了前一阶段工作情况，研究商务服务乡村振兴重点工作和定点帮扶工作计划，部署下一步工作。 </div>
-              </div>
-            </div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li class="newsItemBox">
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-        </ul>
-      </el-tab-pane>
-      <el-tab-pane label="市场行情" name="schq"></el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      activeName:"sczx"
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .tabsCalendarMainNewsBox {
-    width: 100%;
-    position: relative;
-    .newsListBox {
-      padding-left: 0;
-      .newsCalendarBox {
-        list-style-type: none;
-        margin-bottom: 20px;
-        width: 100%;
-        .CalendarItemBox {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          width: 100%;
-          .Calendar {
-            width: 100px;
-            height: 100px;
-            background: #EAF3FF;
-            box-sizing: border-box;
-            padding: 10px 10px 0 10px;
-            margin-right: 25px;
-            .CalendarDay {
-              font-size: 38px;
-              color: #19499F;
-              text-align: center;
-              padding-bottom: 10px;
-              border-bottom: 1px solid #19499F;
-            }
-            .CalendarMonth {
-              font-size: 16px;
-              color: #19499F;
-              text-align: center;
-              padding-top: 10px;
-            }
-          }
-          .CalendarNewsTitle {
-            flex: 1;
-            .CalendarTitle {
-              font-size: 18px;
-              color: #333;
-            }
-            .newsContent {
-              font-size: 16px;
-              color: #999999;
-              padding-top: 10px;
-            }
-          }
-        }
-      }
-      .newsItemBox {
-        list-style-type: none;
-        height: 20px;
-        margin-bottom: 20px;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        a {
-          display: block;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
-          box-sizing: border-box;
-          padding-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          flex: 1;
-          font-size: 16px;
-        }
-        div {
-          color: #999;
-        }
-      }
-    }
-  }
-</style>
-

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

@@ -1,101 +0,0 @@
-<template>
-  <div class="tabsNewsBox">
-    <editBtn :id="id" :sort="sort" :type="2" :size="5"/>
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="地方动态" name="first">
-        <ul class="newsListBox">
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-          <li>
-            <a href="javascript:;">资讯标题资讯标题资讯标题资讯标题资讯标题</a>
-            <div>11-29</div>
-          </li>
-        </ul>
-      </el-tab-pane>
-      <el-tab-pane label="农资市场" name="second"></el-tab-pane>
-      <el-tab-pane label="农产市场" name="third"></el-tab-pane>
-      <el-tab-pane label="农村市场" name="fourth"></el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-export default {
-  components: {
-    editBtn
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    sort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      activeName:"first"
-    };
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    }
-  },
-  mounted() {
-
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .tabsNewsBox {
-    .newsListBox {
-      padding: 0;
-      li {
-        list-style-type: none;
-        height: 20px;
-        padding: 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        a {
-          display: block;
-          //background: url('../../../../assets/template/component/listyle.png') no-repeat left center;
-          box-sizing: border-box;
-          padding-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          flex: 1;
-          font-size: 16px;
-        }
-        div {
-          color: #999;
-          width: 50px;
-        }
-      }
-      
-     
-    }
-  }
-</style>
-

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

@@ -1,45 +0,0 @@
-<template>
-  <div class="styleTitleBox">
-    <div :class="['titleBoxStyle' + type]">
-      {{ text }}
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-
-  },
-  data() {
-    return {
-      type:1,
-      text:"板块标题"
-    };
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .styleTitleBox {
-    //width: 468px;
-    width: 100%;
-    height: 41px;
-    text-align: center;
-    font-size: 32px;
-    font-weight: bold;
-    color: #333;
-    line-height: 41px;
-    position: relative;
-  }
-  .titleBoxStyle1{
-    //background: url('../../../../assets/template/component/titleStyle1.png') no-repeat center center;
-    width: 100%;
-  }
-</style>

src/views/template/style/components/topInfo.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/sector/10.vue

@@ -1,110 +0,0 @@
-<template>
-  <div :class="['friendShipLinkSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div :class="['friendShipLinkSectorTitle', {componentBorder: $store.state.template.previewStatus==false}]">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="7" :size="1" :y="y"/>
-      <convertBtn :id="id" :dataSort="dataSort" :sort="0" :type="2"/>
-      <!--index页面-->
-      <div v-if="this.$store.state.template.pageStatus == 1">
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 1">
-          <title1Style />
-        </div>
-      </div>
-      <!--list页面-->
-      <div v-if="this.$store.state.template.pageStatus == 3">
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[0].component_style == 1">
-          <title1Style />
-        </div>
-      </div>
-      <!--article页面-->
-      <div v-if="this.$store.state.template.pageStatus == 4">
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[0].component_style == 1">
-          <title1Style />
-        </div>
-      </div>
-    </div>
-    <div :class="['friendShipLinkSectorItemBox', {componentBorder: $store.state.template.previewStatus==false}]">
-      <editBtn :id="id" :dataSort="dataSort" :sort="1" :type="4" :size="1" :y="y"/>
-      <convertBtn :id="id" :dataSort="dataSort" :sort="1" :type="9"/>
-      <!--index页面-->
-      <div v-if="this.$store.state.template.pageStatus == 1">
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[1].component_style == 1">
-          <link1Style />
-        </div>
-      </div>
-      <!--list页面-->
-      <div v-if="this.$store.state.template.pageStatus == 3">
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[1].component_style == 1">
-          <link1Style />
-        </div>
-      </div>
-      <!--article页面-->
-      <div v-if="this.$store.state.template.pageStatus == 4">
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[1].component_style == 1">
-          <link1Style />
-        </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 link1Style from '../components/link/1.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    title1Style,
-    link1Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    y:{
-      type:Number,
-      default:0
-    },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .friendShipLinkSectorBox {
-    height:180px;
-    .componentBorder{
-      border: 2px dashed #999;
-    }
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .friendShipLinkSectorTitle {
-      width: 80%;
-      //border: 2px dashed #999;
-      position: relative;
-    }
-    .friendShipLinkSectorItemBox {
-      width: 80%;
-      margin-top: 20px;
-      //border: 2px dashed #999;
-      position: relative;
-    }
-  }
-</style>

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

@@ -1,63 +0,0 @@
-<template>
-  <div :class="['listSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div :class="['listSectorMainBox', {componentBorder: $store.state.template.previewStatus==false}]">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="1" :size="15" :y="y"/>
-      <convertBtn :id="id" :sort="0" :type="10"/>
-      <list1Style />
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-import list1Style from '../components/mainList/1.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    list1Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    y:{
-      type:Number,
-      default:0
-    },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .listSectorBox {
-    width: 100%;
-    height: 900px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .componentBorder{
-      border: 2px dashed #999;
-    }
-    .listSectorMainBox {
-      width: 80%;
-      height: 900px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      position: relative;
-    }
-  }
-</style>

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

@@ -1,63 +0,0 @@
-<template>
-  <div :class="['articleSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div :class="['articleSectorMainBox', {componentBorder: $store.state.template.previewStatus==false}]">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="9" :size="1" :y="y"/>
-      <convertBtn :id="id" :sort="0" :type="11"/>
-      <article1Style />
-    </div>
-  </div>
-</template>
-
-<script>
-import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-import article1Style from '../components/mainArticle/1.vue'
-
-export default {
-  components: {
-    editBtn,
-    convertBtn,
-    article1Style
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
-    },
-    y:{
-      type:Number,
-      default:0
-    },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .articleSectorBox {
-    width: 100%;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .componentBorder{
-      border: 2px dashed #999;
-    }
-    .articleSectorMainBox {
-      width: 80%;
-      height: 1200px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      position: relative;
-    }
-  }
-</style>

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

@@ -1,113 +0,0 @@
-<template>
-  <div :class="['commentSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div :class="['commentSectorBoxTitle', {componentBorder: $store.state.template.previewStatus==false}]">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="7" :size="1" :y="y"/>
-      <convertBtn :id="id" :dataSort="dataSort" :sort="0" :type="2"/>
-      <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 1">
-        <title1Style />
-      </div>
-    </div>
-    <div class="commentSectorBoxContent">
-      <div :class="['tabsCalendarNewsBox', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="1" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="1" :type="5"/>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[1].component_style == 1">
-          <tabs1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[1].component_style == 2">
-          <tabs2Style />
-        </div>
-      </div>
-      <div class="calendarBox">
-        <editBtn :id="id" :dataSort="dataSort" :sort="2" :type="8" :size="1" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="2" :type="8"/>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].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
-    },
-    y:{
-      type:Number,
-      default:0
-    },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-  methods: {
-    
-    
-  },
-  mounted() {
-    
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .commentSectorBox {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 420px;
-    .componentBorder{
-      border: 2px dashed #999;
-    }
-    .commentSectorBoxTitle {
-      width: 80%;
-      height: 41px;
-      position: relative;
-    }
-    .commentSectorBoxContent {
-      width: 80%;
-      display: flex;
-      padding-top: 20px;
-      .tabsCalendarNewsBox {
-        width: 70%;
-        box-sizing: border-box;
-        margin-right: 20px;
-        position: relative;
-      }
-      .calendarBox {
-        position: relative;
-        width: 30%;
-      }
-    }
-  }
-</style>

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

@@ -1,197 +0,0 @@
-<template>
-  <div :class="['listSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div :class="['listSectorBoxTitle', {componentBorder: $store.state.template.previewStatus==false}]">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="7" :size="1" :y="y"/>
-      <convertBtn :id="id" :dataSort="dataSort" :sort="0" :type="2"/>
-      <!--index页面-->
-      <div v-if="this.$store.state.template.pageStatus == 1">
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 1">
-          <title1Style />
-        </div>
-      </div>
-      <!--list页面-->
-      <div v-if="this.$store.state.template.pageStatus == 3">
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[0].component_style == 1">
-          <title1Style />
-        </div>
-      </div>
-      <!--article页面-->
-      <div v-if="this.$store.state.template.pageStatus == 4">
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[0].component_style == 1">
-          <title1Style />
-        </div>
-      </div>
-    </div>
-    <!--index页面-->
-    <div class="listSectorBoxContent" v-if="this.$store.state.template.pageStatus == 1">
-      <div :class="['listNewsRight', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="1" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="1" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[1].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[1].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[1].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-      <div :class="['listNewsRight', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="2" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="2" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[2].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[2].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[2].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-    </div>
-    <!--list页面-->
-    <div class="listSectorBoxContent" v-if="this.$store.state.template.pageStatus == 3">
-      <div :class="['listNewsRight', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="1" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="1" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[1].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[1].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[1].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-      <div :class="['listNewsRight', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="2" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="2" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[2].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[2].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[2].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-    </div>
-    <!--article页面-->
-    <div class="listSectorBoxContent" v-if="this.$store.state.template.pageStatus == 4">
-      <div :class="['listNewsRight', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="1" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="1" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[1].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[1].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[1].component_style == 3">
-          <list3Style />
-        </div>
-      </div>
-      <div :class="['listNewsRight', {componentBorder: $store.state.template.previewStatus==false}]">
-        <editBtn :id="id" :dataSort="dataSort" :sort="2" :type="1" :size="5" :y="y"/>
-        <convertBtn :id="id" :dataSort="dataSort" :sort="2" :type="6"/>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[2].component_style == 1">
-          <list1Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[2].component_style == 2">
-          <list2Style />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].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
-    },
-    y:{
-      type:Number,
-      default:0
-    },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .listSectorBox {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width:100%;
-    height: 306px;
-    .componentBorder{
-      border: 2px dashed #999;
-    }
-    .listSectorBoxTitle {
-      width: 80%;
-      //border: 2px dashed #999;
-      height: 41px;
-      position: relative;
-    }
-    .listSectorBoxContent {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width: 80%;
-      margin-top: 20px;
-      .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/sector/9.vue

@@ -1,60 +0,0 @@
-<template>
-  <div :class="['onlyImgSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div class="onlyImgSectorPositionBox">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="6" :size="1" :y="y"/>
-      <!-- <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
-    },
-    y:{
-      type:Number,
-      default:0
-    },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
-};
-</script>
-
-<style scoped lang="less">
-  .onlyImgSectorBox {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 300px;
-    .onlyImgSectorPositionBox {
-      width: 80%;
-      height: 300px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      position: relative;
-    }
-  }
-</style>

src/views/template/style/sector/body/index/banner/1200x410/1.vue

@@ -27,9 +27,9 @@
 
 <script>
 import convertBtn from '../../../../../../public/convertBtn.vue'
-import banner1Style from '../../../../../../style/components/banner/1.vue'
-import list1Style from '../../../../../../style/components/banner/list/1.vue'
-import list2Style from '../../../../../../style/components/banner/list/2.vue'
+import banner1Style from '../../../../../../style/components/banner/swiper/720x405/1.vue'
+import list1Style from '../../../../../../style/components/banner/list/450x405/1.vue'
+import list2Style from '../../../../../../style/components/banner/list/450x405/2.vue'
 //组件研发中
 import atWork from '../../../../../../public/atWork.vue'
 

src/views/template/style/sector/body/index/headLine/1200x140/1.vue

@@ -15,8 +15,8 @@
 
 <script>
 import convertBtn from '../../../../../../public/convertBtn.vue'
-import headLineStyle1 from '../../../../../../style/components/headLine/1.vue'
-import headLineStyle2 from '../../../../../../style/components/headLine/2.vue'
+import headLineStyle1 from '../../../../../../style/components/headLine/1200x140/1.vue'
+import headLineStyle2 from '../../../../../../style/components/headLine/1200x140/2.vue'
 
 import atWork from '../../../../../../public/atWork.vue'
 

src/views/template/style/sector/head/1.vue → src/views/template/style/sector/head/1200x200/1.vue

@@ -11,7 +11,7 @@
                 </div>
             </div>
             <div class="headLogoBox">
-                <img :src="this.$store.state.template.webSiteInfo.logo" class="headLogoBox">
+                <img :src="this.$store.state.template.webSiteInfo.logo" class="logo">
                 <div :class="['headAdTopBox',{componentBorder: this.$store.state.template.previewStatus==false}]">
                     <editBtn :type="3" />
                     <!--皮肤1-->
@@ -26,7 +26,7 @@
 
 <script>
 import '@/styles/theme/head/style1.less';
-import editBtn from '../../../public/editBtn.vue'
+import editBtn from '../../../../public/editBtn.vue'
 
 export default {
     components: {