|
@@ -6,7 +6,7 @@ import {
|
|
|
getWebsiteTemplateclassintel, addWebsiteTemplate, getWebsiteTemplateInfo, getWebsiteTemplateData, getAdminWebsiteFootAll
|
|
|
} from '@/api/template'
|
|
|
|
|
|
-import { Message } from 'element-ui';
|
|
|
+import { Message,MessageBox } from 'element-ui';
|
|
|
|
|
|
import Vue from 'vue';
|
|
|
|
|
@@ -23,6 +23,13 @@ const state = {
|
|
|
adKey: "",
|
|
|
editWebsiteClass: "",
|
|
|
stepStatus: true,
|
|
|
+ pageDataStatus:{
|
|
|
+ index:{
|
|
|
+ sector:0,
|
|
|
+ cid:0,
|
|
|
+ ad:0
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
|
|
|
|
|
@@ -122,6 +129,15 @@ const state = {
|
|
|
},
|
|
|
|
|
|
ad: {
|
|
|
+ top:{
|
|
|
+ "width": 830,
|
|
|
+ "height": 110,
|
|
|
+ "name": "",
|
|
|
+ "website_id": "",
|
|
|
+ "thumb": "https://img.bjzxtw.org.cn/pre/image/png/20250530/1748588901281358.png",
|
|
|
+ "typeid": 2,
|
|
|
+ "ad_tag": ""
|
|
|
+ },
|
|
|
index: [],
|
|
|
class: [],
|
|
|
list: [],
|
|
@@ -274,15 +290,13 @@ const mutations = {
|
|
|
},
|
|
|
|
|
|
clearAd(state) {
|
|
|
- state.webSiteData.ad = {
|
|
|
- index: [],
|
|
|
- class: [],
|
|
|
- list: [],
|
|
|
- article: [],
|
|
|
- search: [],
|
|
|
- aloneList: [],
|
|
|
- aloneArticle: []
|
|
|
- }
|
|
|
+ state.webSiteData.ad.index = [];
|
|
|
+ state.webSiteData.ad.class = [];
|
|
|
+ state.webSiteData.ad.list = [];
|
|
|
+ state.webSiteData.ad.article = [];
|
|
|
+ state.webSiteData.ad.search = [];
|
|
|
+ state.webSiteData.ad.aloneList = [];
|
|
|
+ state.webSiteData.ad.aloneArticle = [];
|
|
|
},
|
|
|
|
|
|
|
|
@@ -290,169 +304,184 @@ const mutations = {
|
|
|
setGridlayoutObj(state, data) {
|
|
|
state.gridlayoutObj = data;
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
addModule(state, data) {
|
|
|
|
|
|
if (state.pageStatus == 1) {
|
|
|
-
|
|
|
-
|
|
|
if (state.pageData.index.length >= 10) {
|
|
|
- Message.error('最多只能添加10个模块!');
|
|
|
+ Message.error('最多只能添加10个通栏!');
|
|
|
return;
|
|
|
} else {
|
|
|
console.log(data.jsonData)
|
|
|
-
|
|
|
- if (data.source == "click") {
|
|
|
- console.log("通过点击添加一个板块");
|
|
|
-
|
|
|
- const currentTimestamp = Date.now();
|
|
|
- let id = currentTimestamp;
|
|
|
-
|
|
|
-
|
|
|
- const maxY = Math.max(...state.pageData.index.map(item => item.y), 0);
|
|
|
- console.log(data);
|
|
|
-
|
|
|
- let dataSort = state.pageData.index.length;
|
|
|
-
|
|
|
- state.pageData.index.push({
|
|
|
-
|
|
|
- i: id,
|
|
|
- x: 0,
|
|
|
- y: maxY + 1,
|
|
|
- w: 12,
|
|
|
- h: data.h,
|
|
|
- type: data.type,
|
|
|
-
|
|
|
- content: data.jsonData,
|
|
|
- dataSort: dataSort,
|
|
|
- });
|
|
|
- console.log("当前添加模块的dataSort为:" + dataSort);
|
|
|
-
|
|
|
- console.log(state.pageData.index);
|
|
|
- }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.commit('template/pushModule', data);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (state.pageStatus == 2) { }
|
|
|
+
|
|
|
+ if (state.pageStatus == 3) { }
|
|
|
+
|
|
|
+ if (state.pageStatus == 4) { }
|
|
|
+
|
|
|
+ if (state.pageStatus == 5) { }
|
|
|
+
|
|
|
+ if (state.pageStatus == 6) { }
|
|
|
+
|
|
|
+ if (state.pageStatus == 7) { }
|
|
|
+ },
|
|
|
+
|
|
|
+ pushModule(state,data){
|
|
|
+ if (state.pageStatus == 1) {
|
|
|
+ console.log(data.jsonData)
|
|
|
+
|
|
|
+ if (data.source == "click") {
|
|
|
+ console.log("通过点击添加一个板块");
|
|
|
+
|
|
|
+ const currentTimestamp = Date.now();
|
|
|
+ let id = currentTimestamp;
|
|
|
+
|
|
|
+
|
|
|
+ const maxY = Math.max(...state.pageData.index.map(item => item.y), 0);
|
|
|
+ console.log(data);
|
|
|
+
|
|
|
+ let dataSort = state.pageData.index.length;
|
|
|
+
|
|
|
+ state.pageData.index.push({
|
|
|
+
|
|
|
+ i: id,
|
|
|
+ x: 0,
|
|
|
+ y: maxY + 1,
|
|
|
+ w: 12,
|
|
|
+ h: data.h,
|
|
|
+ type: data.type,
|
|
|
+
|
|
|
+ content: data.jsonData,
|
|
|
+ dataSort: dataSort,
|
|
|
+ });
|
|
|
+ console.log("当前添加模块的dataSort为:" + dataSort);
|
|
|
+
|
|
|
+ console.log(state.pageData.index);
|
|
|
+ }
|
|
|
|
|
|
-
|
|
|
- if (data.source == "drag") {
|
|
|
-
|
|
|
- console.log("通过拖拽添加一个板块");
|
|
|
-
|
|
|
- const currentTimestamp = Date.now();
|
|
|
- let id = currentTimestamp;
|
|
|
-
|
|
|
-
|
|
|
- const maxY = Math.max(...state.pageData.index.map(item => item.y), 0);
|
|
|
- console.log(data);
|
|
|
-
|
|
|
- let dataSort = state.pageData.index.length;
|
|
|
-
|
|
|
- state.pageData.index.push({
|
|
|
-
|
|
|
- i: id,
|
|
|
- x: 0,
|
|
|
- y: data.y,
|
|
|
- w: 12,
|
|
|
- h: data.h,
|
|
|
- type: data.type,
|
|
|
-
|
|
|
- content: data.jsonData,
|
|
|
- dataSort: dataSort,
|
|
|
- });
|
|
|
- console.log("当前添加模块的dataSort为:" + dataSort);
|
|
|
-
|
|
|
- console.log(state.pageData.index);
|
|
|
-
|
|
|
- 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 {
|
|
|
+
|
|
|
+ if (data.source == "drag") {
|
|
|
+
|
|
|
+ console.log("通过拖拽添加一个板块");
|
|
|
+
|
|
|
+ const currentTimestamp = Date.now();
|
|
|
+ let id = currentTimestamp;
|
|
|
+
|
|
|
+
|
|
|
+ const maxY = Math.max(...state.pageData.index.map(item => item.y), 0);
|
|
|
+ console.log(data);
|
|
|
+
|
|
|
+ let dataSort = state.pageData.index.length;
|
|
|
+
|
|
|
+ state.pageData.index.push({
|
|
|
+
|
|
|
+ i: id,
|
|
|
+ x: 0,
|
|
|
+ y: data.y,
|
|
|
+ w: 12,
|
|
|
+ h: data.h,
|
|
|
+ type: data.type,
|
|
|
+
|
|
|
+ content: data.jsonData,
|
|
|
+ dataSort: dataSort,
|
|
|
+ });
|
|
|
+ console.log("当前添加模块的dataSort为:" + dataSort);
|
|
|
+
|
|
|
+ console.log(state.pageData.index);
|
|
|
+
|
|
|
+ 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 {
|
|
|
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
|
|
|
if (state.pageStatus == 2) { }
|
|
|
|
|
|
if (state.pageStatus == 3) {
|
|
|
-
|
|
|
-
|
|
|
- if (state.pageData.list.length >= 10) {
|
|
|
- Message.error('最多只能添加10个模块!');
|
|
|
- return;
|
|
|
- } else {
|
|
|
-
|
|
|
- if (data.source == "click") {
|
|
|
- console.log("通过点击添加一个板块");
|
|
|
-
|
|
|
- const currentTimestamp = Date.now();
|
|
|
- let id = currentTimestamp;
|
|
|
-
|
|
|
-
|
|
|
- const maxY = Math.max(...state.pageData.list.map(item => item.y), 0);
|
|
|
- console.log(data);
|
|
|
-
|
|
|
- let dataSort = state.pageData.list.length;
|
|
|
- state.pageData.list.push({
|
|
|
-
|
|
|
- i: id,
|
|
|
- x: 0,
|
|
|
- y: maxY + 1,
|
|
|
- w: 12,
|
|
|
- h: data.h,
|
|
|
- type: data.type,
|
|
|
-
|
|
|
- content: data.jsonData,
|
|
|
- dataSort: dataSort,
|
|
|
- });
|
|
|
- }
|
|
|
+
|
|
|
+ if (data.source == "click") {
|
|
|
+ console.log("通过点击添加一个板块");
|
|
|
+
|
|
|
+ const currentTimestamp = Date.now();
|
|
|
+ let id = currentTimestamp;
|
|
|
+
|
|
|
+
|
|
|
+ const maxY = Math.max(...state.pageData.list.map(item => item.y), 0);
|
|
|
+ console.log(data);
|
|
|
+
|
|
|
+ let dataSort = state.pageData.list.length;
|
|
|
+ state.pageData.list.push({
|
|
|
+
|
|
|
+ i: id,
|
|
|
+ x: 0,
|
|
|
+ y: maxY + 1,
|
|
|
+ w: 12,
|
|
|
+ h: data.h,
|
|
|
+ type: data.type,
|
|
|
+
|
|
|
+ content: data.jsonData,
|
|
|
+ dataSort: dataSort,
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
-
|
|
|
- if (data.source == "drag") {
|
|
|
-
|
|
|
- console.log("通过拖拽添加一个板块");
|
|
|
-
|
|
|
- const currentTimestamp = Date.now();
|
|
|
- let id = currentTimestamp;
|
|
|
-
|
|
|
-
|
|
|
- const maxY = Math.max(...state.pageData.list.map(item => item.y), 0);
|
|
|
- console.log(data);
|
|
|
-
|
|
|
- let dataSort = state.pageData.list.length;
|
|
|
- state.pageData.list.push({
|
|
|
-
|
|
|
- i: id,
|
|
|
- x: 0,
|
|
|
- y: maxY + 1,
|
|
|
- w: 12,
|
|
|
- h: data.h,
|
|
|
- type: data.type,
|
|
|
-
|
|
|
- content: data.jsonData,
|
|
|
- dataSort: dataSort,
|
|
|
- });
|
|
|
- console.log("当前添加模块的dataSort为:" + dataSort);
|
|
|
-
|
|
|
- console.log(state.pageData.list);
|
|
|
-
|
|
|
- state.gridlayoutObj.dragEvent('dragend', data.i, data.x, data.y, 1, 1);
|
|
|
- try {
|
|
|
- state.gridlayoutObj.$children[state.pageData.list.length].$refs.item.style.display = "block";
|
|
|
- } catch { }
|
|
|
- }
|
|
|
+
|
|
|
+ if (data.source == "drag") {
|
|
|
+
|
|
|
+ console.log("通过拖拽添加一个板块");
|
|
|
+
|
|
|
+ const currentTimestamp = Date.now();
|
|
|
+ let id = currentTimestamp;
|
|
|
+
|
|
|
+
|
|
|
+ const maxY = Math.max(...state.pageData.list.map(item => item.y), 0);
|
|
|
+ console.log(data);
|
|
|
+
|
|
|
+ let dataSort = state.pageData.list.length;
|
|
|
+ state.pageData.list.push({
|
|
|
+
|
|
|
+ i: id,
|
|
|
+ x: 0,
|
|
|
+ y: maxY + 1,
|
|
|
+ w: 12,
|
|
|
+ h: data.h,
|
|
|
+ type: data.type,
|
|
|
+
|
|
|
+ content: data.jsonData,
|
|
|
+ dataSort: dataSort,
|
|
|
+ });
|
|
|
+ console.log("当前添加模块的dataSort为:" + dataSort);
|
|
|
+
|
|
|
+ console.log(state.pageData.list);
|
|
|
+
|
|
|
+ state.gridlayoutObj.dragEvent('dragend', data.i, data.x, data.y, 1, 1);
|
|
|
+ try {
|
|
|
+ state.gridlayoutObj.$children[state.pageData.list.length].$refs.item.style.display = "block";
|
|
|
+ } catch { }
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
|
|
|
if (state.pageStatus == 4) {
|
|
|
-
|
|
|
-
|
|
|
- if (state.pageData.article.length >= 10) {
|
|
|
- Message.error('最多只能添加10个模块!');
|
|
|
- return;
|
|
|
- } else {
|
|
|
-
|
|
|
+
|
|
|
if (data.source == "click") {
|
|
|
console.log("通过点击添加一个板块");
|
|
|
|
|
@@ -512,8 +541,6 @@ const mutations = {
|
|
|
state.gridlayoutObj.$children[state.pageData.article.length].$refs.item.style.display = "block";
|
|
|
} catch { }
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
}
|
|
|
|
|
|
if (state.pageStatus == 5) { }
|
|
@@ -724,6 +751,10 @@ const mutations = {
|
|
|
|
|
|
if (state.pageStatus == 7) { }
|
|
|
},
|
|
|
+
|
|
|
+ saveAdData(state, data) {
|
|
|
+ state.webSiteData.ad.top.name = data.data.name;
|
|
|
+ },
|
|
|
|
|
|
saveComponentData(state, data) {
|
|
|
|
|
@@ -1090,7 +1121,7 @@ const mutations = {
|
|
|
}
|
|
|
|
|
|
if (mouseInGrid === true) {
|
|
|
- alert(`Dropped element props:\n${JSON.stringify(state.DragPos, ['x', 'y', 'w', 'h'], 2)}`);
|
|
|
+
|
|
|
state.gridlayoutObj.dragEvent('dragend', 'drop', state.DragPos.x, state.DragPos.y, 1, 1);
|
|
|
state.pageData.index = state.pageData.index.filter(obj => obj.i !== 'drop');
|
|
|
|
|
@@ -1137,7 +1168,7 @@ const mutations = {
|
|
|
}
|
|
|
|
|
|
if (mouseInGrid === true) {
|
|
|
- alert(`Dropped element props:\n${JSON.stringify(state.DragPos, ['x', 'y', 'w', 'h'], 2)}`);
|
|
|
+
|
|
|
state.gridlayoutObj.dragEvent('dragend', 'drop', state.DragPos.x, state.DragPos.y, 1, 1);
|
|
|
state.pageData.list = state.pageData.list.filter(obj => obj.i !== 'drop');
|
|
|
|
|
@@ -1166,7 +1197,7 @@ const mutations = {
|
|
|
}
|
|
|
|
|
|
if (mouseInGrid === true) {
|
|
|
- alert(`Dropped element props:\n${JSON.stringify(state.DragPos, ['x', 'y', 'w', 'h'], 2)}`);
|
|
|
+
|
|
|
state.gridlayoutObj.dragEvent('dragend', 'drop', state.DragPos.x, state.DragPos.y, 1, 1);
|
|
|
state.pageData.article = state.pageData.article.filter(obj => obj.i !== 'drop');
|
|
|
|
|
@@ -1228,17 +1259,20 @@ const mutations = {
|
|
|
let clonedData = JSON.parse(JSON.stringify(data));
|
|
|
|
|
|
clonedData.data.sort((a, b) => a.y - b.y);
|
|
|
+
|
|
|
+ let getPageName = () =>{
|
|
|
+ if(state.pageStatus==1){return "index";}
|
|
|
+ if(state.pageStatus==2){return "category";}
|
|
|
+ if(state.pageStatus==3){return "list";}
|
|
|
+ if(state.pageStatus==4){return "detail";}
|
|
|
+ if(state.pageStatus==5){return "search";}
|
|
|
+ if(state.pageStatus==6){return "page";}
|
|
|
+ if(state.pageStatus==7){return "page";}
|
|
|
+ }
|
|
|
|
|
|
for (let index in clonedData.data) {
|
|
|
if(clonedData.data[index].content.ad){
|
|
|
- let pageName = "";
|
|
|
- if(state.pageStatus==1){pageName = "index";}
|
|
|
- if(state.pageStatus==2){pageName = "category";}
|
|
|
- if(state.pageStatus==3){pageName = "list";}
|
|
|
- if(state.pageStatus==4){pageName = "detail";}
|
|
|
- if(state.pageStatus==5){pageName = "search";}
|
|
|
- if(state.pageStatus==6){pageName = "page";}
|
|
|
- if(state.pageStatus==7){pageName = "page";}
|
|
|
+ let pageName = getPageName();
|
|
|
let ad_index = Number(index)+1;
|
|
|
let ad_tag = `${state.adKey}_${pageName}_${ad_index}`;
|
|
|
clonedData.data[index].content.ad.website_id = state.editWebsiteId;
|
|
@@ -1246,6 +1280,9 @@ const mutations = {
|
|
|
state.webSiteData.ad[data.type].push(clonedData.data[index].content.ad);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ state.webSiteData.ad.top.website_id = state.editWebsiteId;
|
|
|
+ state.webSiteData.ad.top.ad_tag = `${state.adKey}_top`
|
|
|
|
|
|
let websiteData = [];
|
|
|
|
|
@@ -1272,22 +1309,54 @@ const mutations = {
|
|
|
},
|
|
|
|
|
|
saveTemplate(state) {
|
|
|
-
|
|
|
- state.editWebsiteTemplateJsonWindow = true;
|
|
|
-
|
|
|
-
|
|
|
- this.commit('template/clearAd');
|
|
|
-
|
|
|
- this.commit('template/formatTemplateInfo', { data: state.pageData.index, type: "index" });
|
|
|
-
|
|
|
- this.commit('template/formatTemplateInfo', { data: state.pageData.list, type: "list" });
|
|
|
-
|
|
|
- this.commit('template/formatTemplateInfo', { data: state.pageData.article, type: "article" });
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
state.webSiteData.base.websiteId = state.editWebsiteId;
|
|
|
state.webSiteData.style.styleId = state.editWebsiteClass;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.commit('template/clearAd');
|
|
|
+
|
|
|
+ this.commit('template/formatTemplateInfo', { data: state.pageData.index, type: "index" });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ state.editWebsiteTemplateJsonWindow = true;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.commit('template/pageCheck', {data: state.pageData});
|
|
|
+ },
|
|
|
+
|
|
|
+ pageCheck(state, data) {
|
|
|
+
|
|
|
+ state.pageDataStatus.index.sector = data.data.index.length;
|
|
|
+
|
|
|
+ let noCid = 0;
|
|
|
+ for(let index in data.data.index){
|
|
|
+ for(let i in data.data.index[index].content.componentList){
|
|
|
+
|
|
|
+ if(data.data.index[index].content.componentList[i].componentData.category_id!=undefined){
|
|
|
+ noCid++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ state.pageDataStatus.index.cid = noCid;
|
|
|
+
|
|
|
+ let noAd = 0;
|
|
|
+ for(let index in data.data.index){
|
|
|
+
|
|
|
+ if(data.data.index[index].content.ad!=undefined){
|
|
|
+ if(data.data.index[index].content.ad.name==""){
|
|
|
+ noAd++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ state.pageDataStatus.index.ad = noAd;
|
|
|
},
|
|
|
|
|
|
randomTemplate(state) {
|