src/store/modules/template.js

@@ -357,51 +357,51 @@ const mutations = {
                 if (data.source == "drag") {
                     //拖拽添加
                     console.log("通过拖拽添加一个板块");
-                    //通过时间戳生成id
-                    const currentTimestamp = Date.now();
-                    let id = currentTimestamp;
-                    //data.type 组件名称 data.h 模块高度 
-                    //计算当前布局的最大 y 值
-                    const maxY = Math.max(...state.pageData.index.map(item => item.y), 0);
-                    console.log(data);
-                    //设置数据在构建json中的位置
-                    let dataSort = state.pageData.index.length;
-                    //判断添加的是否为广告模块 如果是 添加一个ad_id
-                    if (data.jsonData.componentList[0].component_type == 3) {
-                        this.commit("template/getRandomAdid")
-                        //添加板块id  
-                        state.pageData.index.push({
-                            //i: state.pageData.index.length, //base 0.0.1 此方法会导致重复的id出现
-                            i: id,
-                            x: 0,
-                            y: maxY + 1,
-                            w: 12,
-                            h: data.h,
-                            type: data.type,
-                            adid: state.ad_id,
-                            //sectorData:data.jsonData //base 0.0.1 此问题导致深层数据无法被视图渲染
-                            content: data.jsonData,
-                            dataSort: dataSort,
-                        });
-                    } else {
-                        state.pageData.index.push({
-                            //i: state.pageData.index.length, //base 0.0.1 此方法会导致重复的id出现
-                            i: id,
-                            x: 0,
-                            y: maxY + 1,
-                            w: 12,
-                            h: data.h,
-                            type: data.type,
-                            //sectorData:data.jsonData //base 0.0.1 此问题导致深层数据无法被视图渲染
-                            content: data.jsonData,
-                            dataSort: dataSort,
-                        });
-                    }
-                    console.log("当前添加模块的dataSort为：" + dataSort);
-                    //当前的页面构建数据
-                    console.log(state.pageData.index);
-                    //需要调查一下这里最后的1，1
-                    state.gridlayoutObj.dragEvent('dragend', data.i, data.x, data.y, 1, 1);
+                    // //通过时间戳生成id
+                    // const currentTimestamp = Date.now();
+                    // let id = currentTimestamp;
+                    // //data.type 组件名称 data.h 模块高度 
+                    // //计算当前布局的最大 y 值
+                    // const maxY = Math.max(...state.pageData.index.map(item => item.y), 0);
+                    // console.log(data);
+                    // //设置数据在构建json中的位置
+                    // let dataSort = state.pageData.index.length;
+                    // //判断添加的是否为广告模块 如果是 添加一个ad_id
+                    // if (data.jsonData.componentList[0].component_type == 3) {
+                    //     this.commit("template/getRandomAdid")
+                    //     //添加板块id  
+                    //     state.pageData.index.push({
+                    //         //i: state.pageData.index.length, //base 0.0.1 此方法会导致重复的id出现
+                    //         i: id,
+                    //         x: 0,
+                    //         y: maxY + 1,
+                    //         w: 12,
+                    //         h: data.h,
+                    //         type: data.type,
+                    //         adid: state.ad_id,
+                    //         //sectorData:data.jsonData //base 0.0.1 此问题导致深层数据无法被视图渲染
+                    //         content: data.jsonData,
+                    //         dataSort: dataSort,
+                    //     });
+                    // } else {
+                    //     state.pageData.index.push({
+                    //         //i: state.pageData.index.length, //base 0.0.1 此方法会导致重复的id出现
+                    //         i: id,
+                    //         x: 0,
+                    //         y: maxY + 1,
+                    //         w: 12,
+                    //         h: data.h,
+                    //         type: data.type,
+                    //         //sectorData:data.jsonData //base 0.0.1 此问题导致深层数据无法被视图渲染
+                    //         content: data.jsonData,
+                    //         dataSort: dataSort,
+                    //     });
+                    // }
+                    // console.log("当前添加模块的dataSort为：" + dataSort);
+                    // //当前的页面构建数据
+                    // console.log(state.pageData.index);
+                    // //需要调查一下这里最后的1，1
+                    // state.gridlayoutObj.dragEvent('dragend', data.i, data.x, data.y, 1, 1);
                     try {
                         state.gridlayoutObj.$children[state.pageData.index.length].$refs.item.style.display = "block";
                     } catch { }

src/types/vue-grid-layout.d.ts

@@ -0,0 +1,5 @@
+declare module 'vue-grid-layout' {
+  import { Component } from 'vue'
+  export const GridLayout: Component
+  export const GridItem: Component
+} 

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

@@ -52,7 +52,7 @@
             </div>
             <div class="textLinkBox">
                 <div class="textLinkBoxLeft">
-                    <span>友情链接2：</span>
+                    <span>友情链接：</span>
                 </div>
                 <div class="textLinkBoxRight">
                     <span v-for="item in this.$store.state.template.webSiteFooterInfo.link_text" :key="item.id">{{item.title}}</span>
@@ -163,7 +163,7 @@ export default {
     }
     .footerMenuBox {
         border-bottom: none;
-        background-color: #004564;
+        background-color: #1C5468;
         .footerMenu {
             width: 1200px;
             margin:0 auto;
@@ -175,9 +175,9 @@ export default {
                 color:#fff;
                 font-size: 14px;
                 font-weight: bold;
-                padding-left: 100px;
-                padding-right: 100px;
-                border-right: 1px solid #035276;
+                width: 200px;
+                border-right: 1px solid #193D4A;
+                text-align: center;
                 &:last-child {
                     border-right: none;
                 }
@@ -301,8 +301,8 @@ export default {
                 color:#fff;
                 font-size: 14px;
                 font-weight: bold;
-                padding-left: 100px;
-                padding-right: 100px;
+                width: 200px;
+                text-align: center;
                 border-right: 1px solid #1962C3;
                 &:last-child {
                     border-right: none;