| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0f0d5dd4"],{4126:function(t,e,a){},"4b51":function(t,e,a){},"8f10":function(t,e,a){"use strict";a("d825")},bba5:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"mainBox"},[this.$store.state.template.stepStatus?a("div",{staticClass:"layerBox"},[a("tableTitle",{attrs:{name:t.templateStepTitle}}),a("step",{attrs:{activeNumber:2}})],1):t._e(),a("div",{staticClass:"layerBox_search"},[a("div",{staticClass:"layerBoxLine"},[a("el-row",[a("el-col",{attrs:{span:8}},[a("div",{staticClass:"searchBox"},[a("div",{staticClass:"searchTitle"},[t._v("模板风格")]),a("el-select",{attrs:{placeholder:"请选择.."},model:{value:t.getApiData.template_class_id,callback:function(e){t.$set(t.getApiData,"template_class_id",e)},expression:"getApiData.template_class_id"}},t._l(t.allClass,(function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),1)],1)]),a("el-col",{attrs:{span:16}},[a("div",{staticClass:"searchBtnBox"},[a("el-button",{attrs:{type:"primary"},on:{click:function(e){return t.getData("search")}}},[t._v("搜索")])],1)])],1)],1)]),a("div",{staticClass:"layerBox"},[a("tableTitle",{attrs:{name:t.tableDivTitle}}),a("div",{staticClass:"templateStyleBox"},t._l(t.tableData,(function(e,s){return a("div",{key:s,staticClass:"templateStyleItem"},[a("div",{class:["templateStyleItemBox",{active:1===e.status}],on:{click:function(a){return t.useIt(e)}}},[a("img",{attrs:{src:e.template_img[0].url}}),a("div",{staticClass:"templateStyleItemTitle"},[t._v(t._s(e.template_name))])])])})),0),a("div",{staticClass:"paginationBox"},[a("el-pagination",{attrs:{"current-page":t.getApiData.page,"page-size":10,layout:"total, prev, pager, next, jumper",total:t.allCount},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1)],1),a("div",{staticClass:"layerBox"},[a("tableTitle",{attrs:{name:t.useTemplateName}}),a("div",{staticClass:"thumbnailBox"},t._l(t.userData,(function(e){return a("div",{staticClass:"thumbnailItem",on:{click:function(a){return t.showImg(e.url)}}},[a("div",{staticClass:"thumbnailItemBox"},[a("img",{attrs:{src:e.url}}),a("div",{staticClass:"thumbnailItemTitle"},[t._v(t._s(e.name))])])])})),0)],1),a("div",{staticClass:"btnBox"},[a("el-button",{attrs:{type:"info"},on:{click:t.goBase}},[t._v("上一步")]),this.$route.query.step>=2?a("el-button",{attrs:{type:"primary"},on:{click:t.editData}},[t._v("编辑并进入下一步")]):a("el-button",{attrs:{type:"primary"},on:{click:t.addData}},[t._v("保存并进入下一步")])],1),a("el-dialog",{attrs:{title:"模板详情",visible:t.windowStatus,"close-on-click-modal":!1},on:{"update:visible":function(e){t.windowStatus=e}}},[a("div",{staticClass:"imgZoomBox"},[a("img",{attrs:{src:t.classPic}})]),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("div",{staticClass:"alignCenterBox"},[a("el-button",{on:{click:function(e){t.windowStatus=!1}}},[t._v("关闭")])],1)])])],1)},i=[],l=a("b85c"),r=(a("b0c0"),a("bf09")),n=(a("4b51"),a("f2c7")),o={components:{tableTitle:r["default"],step:n["default"]},data:function(){return{templateStepTitle:"仅需四步，即可完成模板创建",tableDivTitle:"模板列表",useTemplateName:"已选择风格",allClass:[],windowStatus:!1,classPic:"",tableData:[],getApiData:{website_id:"",template_class_id:"",page:1,pageSize:10},userData:[],userTemplateId:"",allCount:0}},methods:{goBase:function(){void 0!=this.$route.query.step&&void 0!=this.$route.query.website_id?this.$router.push({path:"/templateBase",query:{website_id:this.$route.query.website_id,step:this.$route.query.step}}):this.$router.push({path:"/templateBase",query:{website_id:this.$route.query.website_id}})},goCreat:function(){this.$router.push({path:"/templateCreat",query:{website_id:this.$route.query.website_id}})},showImg:function(t){this.windowStatus=!0,this.classPic=t},getAllClass:function(t){var e=this;this.$store.dispatch("template/getAllTemplateClass",this.getApiData).then((function(t){if(200!=t.code)e.$message.error(t.message);else{var a,s=Object(l["a"])(t.data);try{for(s.s();!(a=s.n()).done;){var i=a.value,r={};r.value=i.id,r.label=i.name,e.allClass.push(r)}}catch(n){s.e(n)}finally{s.f()}}}))},getData:function(t){var e=this;this.$store.dispatch("template/getWebsiteTemplateList",this.getApiData).then((function(t){if(200!=t.code)e.$message.error(t.message),e.tableData=[],e.allCount=0,e.getApiData.page=1;else{var a,s=Object(l["a"])(t.data.rows);try{for(s.s();!(a=s.n()).done;){var i=a.value;i.status=0}}catch(r){s.e(r)}finally{s.f()}console.log(t.data.rows),e.tableData=t.data.rows,e.allCount=t.data.count,void 0!=e.$route.query.step&&e.$route.query.step>=2&&e.getUserTemplate()}}))},useIt:function(t){var e,a=Object(l["a"])(this.tableData);try{for(a.s();!(e=a.n()).done;){var s=e.value;s.status=0}}catch(i){a.e(i)}finally{a.f()}t.status=1,this.userData=t.template_img,this.userTemplateId=t.id},handleSizeChange:function(t){this.getApiData.page=t,this.getData()},handleCurrentChange:function(t){this.getApiData.page=t,this.getData()},addData:function(){var t=this;if(console.log(this.userData.length),0==this.userData.length)console.log("未选择模板"),this.$message.error("必须选择一个模板风格！");else{var e={website_id:this.$route.query.website_id,template_id:this.userTemplateId};this.$store.dispatch("template/addWebsiteTemplateclassintel",e).then((function(e){200!=e.code?t.$message.error(e.message):(t.$message.success("模板风格保存成功！"),t.$router.push({path:"/templateCreat",query:{website_id:t.$route.query.website_id,step:2}}))}))}},getUserTemplate:function(){var t=this;this.$store.dispatch("template/getWebsiteTemplateclassintel",{website_id:this.$route.query.website_id}).then((function(e){var a=t;if(200!=e.code)t.$message.error(e.message);else{var s,i=Object(l["a"])(a.tableData);try{for(i.s();!(s=i.n()).done;){var r=s.value;r.id==e.data.tid&&(r.status=1)}}catch(n){i.e(n)}finally{i.f()}t.userData=e.data.template_img,t.userTemplateId=e.data.tid}}))},editData:function(){var t=this,e={website_id:this.$route.query.website_id,template_id:this.userTemplateId};this.$store.dispatch("template/addWebsiteTemplateclassintel",e).then((function(e){200!=e.code?t.$message.error(e.message):(t.$message.success("模板风格编辑成功！"),t.$router.push({path:"/templateCreat",query:{website_id:t.$route.query.website_id,step:t.$route.query.step}}))}))}},mounted:function(){this.getApiData.website_id=this.$route.query.website_id,this.getAllClass(),this.getData(),void 0!=this.$route.query.step&&this.$route.query.step>=2?console.log("编辑风格！"):console.log("选择风格！")}},u=o,c=(a("d22e"),a("2877")),d=Object(c["a"])(u,s,i,!1,null,"21175610",null);e["default"]=d.exports},bf09:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"tableTitle"},[a("span",{staticClass:"tableFloatLine"}),t._v(" "+t._s(t.name)+" ")])},i=[],l={props:{name:{type:String,required:!0}},data:function(){return{someData:""}}},r=l,n=(a("8f10"),a("2877")),o=Object(n["a"])(r,s,i,!1,null,"4f7f779e",null);e["default"]=o.exports},d170:function(t,e,a){"use strict";a("f3d1")},d22e:function(t,e,a){"use strict";a("4126")},d825:function(t,e,a){},f2c7:function(t,e,a){"use strict";a.r(e);var s=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"stepBox"},[a("div",{staticClass:"stepBoxText",on:{click:t.hiddenStepStatus}},[a("i",{staticClass:"el-icon-close"})]),a("el-steps",{attrs:{active:t.activeNumber,"align-center":""}},[a("el-step",{attrs:{title:"填写模板基本信息",description:"类型和网站底部信息"}}),a("el-step",{attrs:{title:"选择模板风格",description:"网站整体风格和样式"}}),a("el-step",{attrs:{title:"构建模板模块",description:"展示哪些模块到模板上"}}),a("el-step",{attrs:{title:"应用网站模板",description:"应用该模板到您的站点"}})],1)],1)},i=[],l=(a("a9e3"),{props:{activeNumber:{type:Number,required:!0}},data:function(){return{someData:""}},methods:{hiddenStepStatus:function(){console.log(123),console.log(this.$store.state.template.stepStatus),this.$store.commit("template/hiddenStepStatus")}}}),r=l,n=(a("d170"),a("2877")),o=Object(n["a"])(r,s,i,!1,null,"4efdf9a8",null);e["default"]=o.exports},f3d1:function(t,e,a){}}]);
|
