Skip to content

S
shareConfig
Commit ef1e1e7d by 无尘
Options

fix: 修改活动中心配置

parent 21225630
Showing with 1092 additions and 899 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>分享有礼</title><link href=./static/css/app.e1e851ec3585d471e95f45780145e857.css rel=stylesheet></head><body style="background-color: #f0f2f5;min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/elementUI/index.2.5.4.js></script><script src=//web-1251519181.file.myqcloud.com/components/header.2.0.33.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.03.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-new.2.0.29.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-card.2.0.13.js></script><script src=//web-1251519181.file.myqcloud.com/components/people.2.0.38.js></script><script src=//web-1251519181.file.myqcloud.com/components/aside-menu.2.0.11.js></script><script src=//web-1251519181.file.myqcloud.com/components/area-ab.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/card.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/selector.1.1.91.js></script><script src=//web-1251519181.file.myqcloud.com/components/export-excel.2.0.12.js></script><script type=text/javascript src=./static/js/manifest.3051b8db8b0e115d993d.js></script><script type=text/javascript src=./static/js/vendor.14f8172dd3290d7d86d8.js></script><script type=text/javascript src=./static/js/app.fea04cb8f4b9cb9f749e.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>分享有礼</title><link href=./static/css/app.daaf2737402874bbe0da965d16551654.css rel=stylesheet></head><body style="background-color: #f0f2f5;min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/elementUI/index.2.5.4.js></script><script src=//web-1251519181.file.myqcloud.com/components/header.2.0.33.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.03.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-new.2.0.29.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-card.2.0.13.js></script><script src=//web-1251519181.file.myqcloud.com/components/people.2.0.38.js></script><script src=//web-1251519181.file.myqcloud.com/components/aside-menu.2.0.11.js></script><script src=//web-1251519181.file.myqcloud.com/components/area-ab.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/card.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/selector.1.1.91.js></script><script src=//web-1251519181.file.myqcloud.com/components/export-excel.2.0.12.js></script><script type=text/javascript src=./static/js/manifest.c8a326fde315870d4bcf.js></script><script type=text/javascript src=./static/js/vendor.14f8172dd3290d7d86d8.js></script><script type=text/javascript src=./static/js/app.fea04cb8f4b9cb9f749e.js></script></body></html>
\ No newline at end of file
dist/static/js/2.27da330c910cf42beb39.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.ed566b1e07400f265f24.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/3.b20b49b2fa998896c6f0.js deleted 100644 → 0
webpackJsonp([3],{"/VZe":function(t,e){},"9aBA":function(t,e){},AQ8r:function(t,e){},KCp1:function(t,e){},RKSp:function(t,e){},TQvf:function(t,e,a){
/*!
* clipboard.js v2.0.4
* https://zenorocha.github.io/clipboard.js
*
* Licensed MIT © Zeno Rocha
*/
var i;i=function(){return function(t){var e={};function a(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,a),n.l=!0,n.exports}return a.m=t,a.c=e,a.d=function(t,e,i){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(a.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)a.d(i,n,function(e){return t[e]}.bind(null,n));return i},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="",a(a.s=0)}([function(t,e,a){"use strict";var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),r=o(a(1)),s=o(a(3)),c=o(a(4));function o(t){return t&&t.__esModule?t:{default:t}}var l=function(t){function e(t,a){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var i=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return i.resolveOptions(a),i.listenClick(t),i}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,s.default),n(e,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===i(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,c.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new r.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return u("action",t)}},{key:"defaultTarget",value:function(t){var e=u("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return u("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,a=!!document.queryCommandSupported;return e.forEach(function(t){a=a&&!!document.queryCommandSupported(t)}),a}}]),e}();function u(t,e){var a="data-clipboard-"+t;if(e.hasAttribute(a))return e.getAttribute(a)}t.exports=l},function(t,e,a){"use strict";var i,n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),s=a(2),c=(i=s)&&i.__esModule?i:{default:i};var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.resolveOptions(e),this.initSelection()}return r(t,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var a=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=a+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,c.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,c.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":n(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=o},function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var a=t.hasAttribute("readonly");a||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),a||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),n=document.createRange();n.selectNodeContents(t),i.removeAllRanges(),i.addRange(n),e=i.toString()}return e}},function(t,e){function a(){}a.prototype={on:function(t,e,a){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:a}),this},once:function(t,e,a){var i=this;function n(){i.off(t,n),e.apply(a,arguments)}return n._=e,this.on(t,n,a)},emit:function(t){for(var e=[].slice.call(arguments,1),a=((this.e||(this.e={}))[t]||[]).slice(),i=0,n=a.length;i<n;i++)a[i].fn.apply(a[i].ctx,e);return this},off:function(t,e){var a=this.e||(this.e={}),i=a[t],n=[];if(i&&e)for(var r=0,s=i.length;r<s;r++)i[r].fn!==e&&i[r].fn._!==e&&n.push(i[r]);return n.length?a[t]=n:delete a[t],this}},t.exports=a},function(t,e,a){var i=a(5),n=a(6);t.exports=function(t,e,a){if(!t&&!e&&!a)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(a))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,a){return t.addEventListener(e,a),{destroy:function(){t.removeEventListener(e,a)}}}(t,e,a);if(i.nodeList(t))return function(t,e,a){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,a)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,a)})}}}(t,e,a);if(i.string(t))return function(t,e,a){return n(document.body,t,e,a)}(t,e,a);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var a=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===a||"[object HTMLCollection]"===a)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,a){var i=a(7);function n(t,e,a,n,r){var s=function(t,e,a,n){return function(a){a.delegateTarget=i(a.target,e),a.delegateTarget&&n.call(t,a)}}.apply(this,arguments);return t.addEventListener(a,s,r),{destroy:function(){t.removeEventListener(a,s,r)}}}t.exports=function(t,e,a,i,r){return"function"==typeof t.addEventListener?n.apply(null,arguments):"function"==typeof a?n.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return n(t,e,a,i,r)}))}},function(t,e){var a=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var i=Element.prototype;i.matches=i.matchesSelector||i.mozMatchesSelector||i.msMatchesSelector||i.oMatchesSelector||i.webkitMatchesSelector}t.exports=function(t,e){for(;t&&t.nodeType!==a;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])},t.exports=i()},Vo6M:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA/VJREFUSA2VVt9rHFUU/s7Mzm5X22wbbNxsE2ljwWpoaSsqCAVFxT9A44OgLz70R9qkefBRGkFpn9okJYVW33yL+iqCVkUQBGmhSP2BMTVmk01qmiJtQpOdmeN3Np24zUw2kwu79557vnO/c849c2YEDUbniGbnpnEMii4FOkWRhWCcJl94Hob/PiZjDcwTVZK4y83281ryQ1xWxZ4kjAjucb+30iuXkvRr7SUS7h7S3LziKsmeWssw2nddvDR5Qr6J5PVmJwkwD7ydhsxsgxCnk85Yay+RECHvLe1QPFsc0GfSwmOEpYv6kAr2pj3AcLzPQ2nxMUJUWSQKN+0BhmP6UzsYI2Tpb90ImWEZYSGtTYwwUDyR1ngFx0fnhW81syI3WMQIGeGbDfCJKjaFJ0d/xsFE5arNGCHvb3YVJpUYuqikAcYJBR+wfc2kMY4wvMMPp7plIpIbzYmdpnVA+5ims40MIx3JxtnedkbyenM8QlpIHp/Qk1SpJWEqxyJHEiM0ZWlID2iIrxlpcwSOzYLLlR68IiLa36/OR80oaRXbeWguVFT5m2trQvnKYalGtmsSGqA4qKdYRP0RODY76Jrukc86zmhhIYv9dK5pNcZ1cC+o4trMu3LTdIkpjYyYrtFoHZsFP1ZO4POOi1qY93AoIjMCz8VvPLgWFZv7Jvat5+x1Z2c0JGR0L8aIbEPAdovj73O1sIADlFcyxTZXLvfKH07mwcfED7DXXnuJ3aHtY20O7uIUjd9JJAR+YmVeuQR9jJgt9RhmJaz55C/PkS4Mkb3r4PEVwrYRzYfTeJlRvUayN5iifARePTOcr2zPCsRyxO4UMJVTvgM/WMJt07mC2aoD9QJI6KBoqZUQj2RUVXYM4XhQwXv0druBU4x/DMNocjWsh78me+SXervxPrHOU+s+vL9bJHyajuYypfPoJdG5evB6axJtMoxmsWSl4fhoK55VcTwE/MyanToss7sG9NFFF9vUh1QVLYa3RyXDTL9uwkYGHew0vOdjbhFoDeg5xQ6WP9yAl8KmUQ3Rwqh2cg34tX9kBHMOtTuWxfT/JHy1a0TdLf+izDc1OeuGe79inf8r17RWTAUPY/ZYLN9DnU2KZcsPFRy53i9LOQfX6vGBj1JpWNtZlcX6/Yzi9+vdwkJlNdUr0q5Z+2dKg/r8jZMy4+VxNXrQmdCHg0Xsv5/mWmReDr9O9OFPO9si/JSk1G9wKDazCL5sHdS3ykdlMrcN37EKx5i6O47DYhLM884mCk34vtwto9ZvjYEYfsMP6+bbPvZR2sOGvYtG7bynImWrrmYitxKe55yhbolR2Ff3Hepvcj3BQy5MnZTas2nnNRr/AYSgULGfxss8AAAAAElFTkSuQmCC"},bIhT:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("mvHQ"),n=a.n(i),r=a("P9l9"),s=a("Ch4/"),c={name:"game-select",props:{value:{type:[String,Array,Object],default:function(){return[]}}},data:function(){return{caseValue:[],options:[{gameType:1,id:1,gameTypeName:"大转盘",label:"大转盘",children:[]},{gameType:2,id:2,gameTypeName:"刮刮卡",label:"刮刮卡",children:[]},{gameType:3,id:3,gameTypeName:"拼图游戏",label:"拼图游戏",children:[]},{gameType:4,id:4,gameTypeName:"找你马",label:"找你马",children:[]},{gameType:5,id:5,gameTypeName:"口令福利",label:"口令福利",children:[]}],props:{label:"label",children:"children",value:"id"}}},methods:{handleChange:function(t){var e=this;e.$emit("input",t),e.options.forEach(function(a){2==t.length&&t[0]==a.id&&a.children.forEach(function(a){t[1]==a.gameId&&e.$emit("changeGame",a.gameName)})})},expandChange:function(t){this.getContent(t[0])},getContent:function(t){var e=this,a={gameType:t};Object(r.a)("/sharing-core-web/list-game",a).then(function(a){var i=a.data;if(1==i.errorCode)return i.result&&i.result.length&&i.result.forEach(function(t){t.id=t.gameId,t.label=t.gameName}),e.options.forEach(function(e){e.id==t&&(e.children=i.result)}),void e.$forceUpdate();s.a.errorMsg(i)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{value:function(t,e){var a=this;a.caseValue=t,setTimeout(function(){t.length&&a.getContent(t[0])},500)}},mounted:function(){var t=this;t.caseValue=t.value,setTimeout(function(){t.value.length&&t.getContent(t.value[0])},500)}},o={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("el-cascader",{attrs:{options:t.options,props:t.props},on:{change:t.handleChange,"expand-change":t.expandChange},model:{value:t.caseValue,callback:function(e){t.caseValue=e},expression:"caseValue"}})],1)},staticRenderFns:[]};var l=a("VU/8")(c,o,!1,function(t){a("RKSp")},null,null).exports,u=a("3E4D"),d={name:"active-select",components:{gameSelect:l},data:function(){return{firstGoal:{},firstData:[],secondGoal:{},secondData:[],thirdData:[],fourData:[],markingList:[],markingValue:"",activityMarketPageName:"",gameList:[],gameValue:[],gamePlanName:"",cardList:[],cardValue:"",cardCoupName:"",pathNames:[],pathIds:[]}},methods:{selectFirst:function(t){this.firstGoal=t;var e=JSON.parse(n()(t.children));t.children&&t.children.length&&e.forEach(function(t){t.description=JSON.parse(t.description)}),this.secondData=JSON.parse(n()(e)),this.secondGoal={},this.thirdData=[],this.pathNames=[],this.pathIds=[]},selectSecond:function(t){this.secondGoal=t,this.getThirdData(t.goalId)},getThirdData:function(t){var e=this,a={goalId:t};e.pathNames=[],e.pathIds=[],Object(r.a)("/sharing-core-web/list-activity-dict-trans",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result&&a.result.length&&a.result.forEach(function(t){t.check=!1,t.mustFlag&&(t.check=!0,e.pathNames.push(t.transName),e.pathIds.push(t.transId),e.getText(t.transId))}),e.thirdData=a.result||[],!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},selectThird:function(t){var e=this;if(t.mustFlag)return!1;t.check=!t.check,e.pathIds=[],e.thirdData.forEach(function(t){t.check&&t.display&&e.pathIds.push(t.transId)}),e.thirdData.forEach(function(a){t.check&&a.mustCondition&&a.mustCondition.includes(t.transId)&&(a.mustFlag=1,a.check=!0,a.display=1),t.check||!a.mustCondition||!a.mustCondition.includes(t.transId)||e.thirdData[0].check||e.thirdData[1].check||(a.mustFlag=0,a.check=!1,a.display=0),t.check&&a.showCondition&&a.showCondition.includes(t.transId)&&(a.display=1),!t.check&&a.showCondition&&a.showCondition.includes(t.transId)&&!a.selectedConditions&&(a.display=0),!t.check&&a.canceCondition&&a.canceCondition.includes(t.transId)&&(a.check=!1),t.check&&(a.showCondition&&e.thirdData[0].check||a.showCondition&&e.thirdData[1].check)&&a.selectedConditions&&a.selectedConditions.includes(t.transId)&&(a.display=1,a.check=!0),t.check&&a.showCondition&&!e.thirdData[0].check&&!e.thirdData[1].check&&a.selectedConditions&&a.selectedConditions.includes(t.transId)&&(a.display=0,a.check=!0),!t.check&&a.showCondition&&!e.thirdData[0].check&&!e.thirdData[1].check&&a.selectedConditions&&a.selectedConditions.includes(t.transId)&&(a.display=1,a.check=!1)}),e.getPathNameText()},getPathNameText:function(){var t=this,e=[],a=0;t.pathIds=[],t.thirdData.forEach(function(i){i.check&&i.display&&(a+=i.transId,e.push(i.transName),t.pathIds.push(i.transId))}),t.pathNames=e,t.getText(a)},changeGame:function(t){this.gamePlanName=t},toRedirectPage:function(t){window.open(t.url)},toCreate:function(){var t=this;if(!t.firstGoal.hasOwnProperty("goalId"))return u.a.showmsg("请先选择活动目的","warning"),!1;if(!t.secondGoal.hasOwnProperty("goalId"))return u.a.showmsg("请先完善活动目的","warning"),!1;if(t.pathNames.includes("访问活动营销页")&&!t.markingValue||t.pathNames.includes("游戏参与")&&!t.gameValue.length||t.pathNames.includes("卡券领取")&&!t.cardValue)return u.a.showmsg("请先完善活动创建前准备工作","warning"),!1;t.pathNames.includes("访问活动营销页")&&t.markingValue&&t.markingList.forEach(function(e){t.markingValue==e.pageId&&(t.activityMarketPageName=e.name)}),t.pathNames.includes("卡券领取")&&t.cardValue&&t.cardList.forEach(function(e){t.cardValue==e.coupCardId&&(t.cardCoupName=e.cardName)});var e=[];if(t.thirdData.forEach(function(t){t.check&&t.display&&e.push({transId:t.transId,transName:t.transName})}),5==t.secondGoal.goalId&&1==e.length)return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;if(8==t.secondGoal.goalId&&(1==e.length||2==e.length&&e.map(function(t){return t.transId}).includes(4)))return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;if((10==t.secondGoal.goalId||11==t.secondGoal.goalId)&&(1==e.length||2==e.length&&(e.map(function(t){return t.transId}).includes(4)||e.map(function(t){return t.transId}).includes(16))||3==e.length&&e.map(function(t){return t.transId}).includes(4)&&e.map(function(t){return t.transId}).includes(16)))return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;if(9==t.secondGoal.goalId&&(1==e.length||2==e.length&&(e.map(function(t){return t.transId}).includes(4)||e.map(function(t){return t.transId}).includes(16))))return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;var a={firstGoal:t.firstGoal,secondGoal:t.secondGoal,pathArr:e,markingValue:t.markingValue,activityMarketPageName:t.activityMarketPageName,gameValue:t.gameValue,gamePlanName:t.gamePlanName,cardValue:t.cardValue,cardCoupName:t.cardCoupName};t.judgeCreate(a)},getTwoList:function(){var t=this;Object(r.a)("/sharing-core-web/list-activity-dict",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.firstData=JSON.parse(n()(a.result))||[],t.getMarkingList(),t.getCardList(),!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},getText:function(t){var e=this,a={transIds:t};Object(r.a)("/sharing-core-web/list-activity-dict-text",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.fourData=a.result||[],!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getMarkingList:function(){var t=this;Object(r.a)("/sharing-core-web/list-marking-page",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.markingList=a.result||[],!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},getGameList:function(){var t=this;Object(r.a)("/sharing-core-web/list-game",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.gameList=a.result||[],!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},getCardList:function(){var t=this;Object(r.a)("/sharing-core-web/list-card",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.cardList=a.result||[],!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},judgeCreate:function(t){var e=this;Object(r.a)("/sharing-core-web/can-create",{}).then(function(a){var i=a.data;if(1==i.errorCode)return e.$store.dispatch("saveIndexInfo",t),e.$router.push("/createActive"),!1;s.a.errorMsg(i)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},mounted:function(){this.getTwoList()}},f={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"active-select border-box"},[a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600"},[t._v("请选择您的活动目的")]),t._v(" "),a("ul",{staticClass:"flex flex-space-between"},[t._l(t.firstData,function(e,i){return[a("li",{key:i+"first",class:["li-cell flex-1 ",t.firstGoal.goalId==e.goalId?"li-cell-active":""],on:{click:function(a){return t.selectFirst(e)}}},[a("div",{staticClass:"li-cell-inner flex "},[a("div",{staticClass:"li-cell-left flex flex-align-center flex-pack-center"},[a("img",{attrs:{src:t.firstGoal.goalId==e.goalId?e.selectedIconUrl:e.iconUrl,alt:""}})]),t._v(" "),a("div",{staticClass:"li-cell-right border-box flex flex-column "},[a("div",{staticClass:"li-cell-active_name flex flex-align-center font-18 color-303133"},[t._v(t._s(e.goalName))]),t._v(" "),a("div",{staticClass:"li-cell-active_description flex flex-align-center font-14 color-606266"},[t._v(t._s(e.description))])])]),t._v(" "),t._m(0,!0)])]})],2),t._v(" "),t.firstGoal.goalId?a("div",[a("div",{staticClass:"active-select-next"}),t._v(" "),a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600"},[t._v("请进一步明确活动目的")]),t._v(" "),a("ul",{staticClass:"flex flex-pack-center m-t-48"},[t._l(t.secondData,function(e,i){return[a("li",{key:i+"second",class:["li-cell li-second-cell flex-1 ",t.secondGoal.goalId==e.goalId?"li-second-active":""],on:{click:function(a){return t.selectSecond(e)}}},[a("div",{staticClass:"li-cell-inner"},[a("div",{staticClass:"li-cell-top border-box flex flex-align-center flex-pack-center"},[a("img",{attrs:{src:t.secondGoal.goalId==e.goalId?e.selectedIconUrl:e.iconUrl,alt:""}}),a("span",{staticClass:"p-l-15 font-18 color-303133"},[t._v(t._s(e.goalName))])]),t._v(" "),a("div",{staticClass:"li-cell-bottom border-box"},[a("div",{staticClass:"li-cell-scene"},[a("div",{staticClass:"li-cell-scene_title font-14 color-303133"},[t._v("适用场景")]),t._v(" "),a("div",{staticClass:"li-cell-scene_text font-14 color-606266"},[t._v(t._s(e.description["适用场景"]))])]),t._v(" "),a("div",{staticClass:"li-cell-quality"},[a("div",{staticClass:"li-cell-quality_title font-14 color-303133"},[t._v("优劣分析")]),t._v(" "),a("div",{staticClass:"li-cell-quality_text font-14 color-606266"},[t._v(t._s(e.description["优劣分析"]))])])])]),t._v(" "),t._m(1,!0)])]})],2)]):t._e(),t._v(" "),t.secondGoal.goalId?a("div",[a("div",{staticClass:"active-select-next"}),t._v(" "),a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600 m-b-0"},[t._v("请配置受邀人的转化路径")]),t._v(" "),a("div",{staticClass:"active-select-subtitle font-14 color-606266"},[t._v("基于您的活动设计期望，配置受邀人的转化路径（即受邀人需要经历的交互步骤）。系统会根据您所选择的转化路径，自动配置服务号关注后回复、认证后卡券投放等营销脚本。您只需要根据自身需求选择路径，并选择相关的营销活动页、游戏计划或卡券。")]),t._v(" "),a("ul",{staticClass:"flex flex-pack-center m-t-50"},[t._l(t.thirdData,function(e,i){return[1==e.display?a("li",{key:i+"third",class:["li-cell li-third-cell flex-1 ",e.check?"li-third-active":"",e.mustFlag?"li-third-active-disable":""],on:{click:function(a){return t.selectThird(e)}}},[a("div",{staticClass:"li-cell-inner border-box"},[a("div",{staticClass:"li-cell-path_img flex flex-pack-center flex-pack--center"},[a("img",{attrs:{src:e.check?e.selectedIconUrl:e.iconUrl,alt:""}})]),t._v(" "),a("div",{staticClass:"li-cell-path_title font-16 color-303133 text-center"},[t._v(t._s(e.transName))]),t._v(" "),a("div",{staticClass:"li-cell-path_text font-14 color-606266"},[t._v(t._s(e.description))])]),t._v(" "),t._m(2,!0)]):t._e()]})],2)]):t._e(),t._v(" "),t.pathNames.includes("访问活动营销页")||t.pathNames.includes("游戏参与")||t.pathNames.includes("卡券领取")?a("div",[a("div",{staticClass:"active-select-next"}),t._v(" "),a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600 m-b-0"},[t._v("活动创建前准备工作")]),t._v(" "),a("div",{staticClass:"active-select-subtitle font-14 color-606266"},[t._v("根据您配置的转化路径，请确保完成以下工作，否则活动无法被正常执行。")]),t._v(" "),a("ul",{staticClass:"flex flex-pack-center m-t-50"},[t._l(t.fourData,function(e,i){return["marking"==e.id&&t.pathNames.includes("访问活动营销页")||"game"==e.id&&t.pathNames.includes("游戏参与")||"card"==e.id&&t.pathNames.includes("卡券领取")?a("li",{key:i+"four",staticClass:"li-four-cell flex-1 "},[a("div",{staticClass:"li-cell-inner border-box"},[a("div",{staticClass:"li-cell-title font-18 color-303133 font-w-600"},[t._v(t._s(e.title))]),t._v(" "),a("div",{staticClass:"li-cell-subtitle font-14 color-606266"},[t._v(t._s(e.text))]),t._v(" "),"marking"==e.id?a("div",{staticClass:"li-cell-tip font-14 color-303133"},[t._v("如果您还没有创建活动营销页，请立即前往创建。")]):t._e(),t._v(" "),"game"==e.id?a("div",{staticClass:"li-cell-tip font-14 color-303133"},[t._v("如果您还没有创建游戏计划，请立即前往创建。")]):t._e(),t._v(" "),"card"==e.id?a("div",{staticClass:"li-cell-tip font-14 color-303133"},[t._v("如果您还没有创建卡券，请立即前往创建。")]):t._e(),t._v(" "),"marking"==e.id?a("div",{staticClass:"li-cell-select"},[a("el-select",{attrs:{size:"large",placeholder:"请选择活动着陆页"},model:{value:t.markingValue,callback:function(e){t.markingValue=e},expression:"markingValue"}},t._l(t.markingList,function(t){return a("el-option",{key:t.pageId,attrs:{label:t.name,value:t.pageId}})}),1)],1):t._e(),t._v(" "),"game"==e.id?a("div",{staticClass:"li-cell-select"},[a("game-select",{on:{changeGame:t.changeGame},model:{value:t.gameValue,callback:function(e){t.gameValue=e},expression:"gameValue"}})],1):t._e(),t._v(" "),"card"==e.id?a("div",{staticClass:"li-cell-select"},[a("el-select",{attrs:{size:"large",placeholder:"请选择卡券"},model:{value:t.cardValue,callback:function(e){t.cardValue=e},expression:"cardValue"}},t._l(t.cardList,function(t){return a("el-option",{key:t.coupCardId,attrs:{label:t.cardName,value:t.coupCardId}})}),1)],1):t._e(),t._v(" "),a("div",{staticClass:"li-cell-seperator"},[t._v("OR")]),t._v(" "),a("div",{staticClass:"li-cell-btn"},[a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toRedirectPage(e)}}},[t._v("立即前往创建")])],1)])]):t._e()]})],2)]):t._e(),t._v(" "),a("div",{staticClass:"to-active-config"},[a("div",{staticClass:"to-active-tip font-14 color-606266"},[t._v("确认完成了所有前期准备工作，即可前往活动配置。")]),t._v(" "),a("div",{staticClass:"to-active-btn"},[a("el-button",{attrs:{type:"primary"},on:{click:t.toCreate}},[t._v("前往活动配置"),a("i",{staticClass:"el-icon-right"})])],1)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"common-cell-check"},[e("div",{staticClass:"common-cell-triangle"},[e("div",{staticClass:"common-cell-outer"},[e("i",{staticClass:"el-icon-upload-success el-icon-check"})])])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"common-cell-check"},[e("div",{staticClass:"common-cell-triangle"},[e("div",{staticClass:"common-cell-outer"},[e("i",{staticClass:"el-icon-upload-success el-icon-check"})])])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"common-cell-check"},[e("div",{staticClass:"common-cell-triangle"},[e("div",{staticClass:"common-cell-outer"},[e("i",{staticClass:"el-icon-upload-success el-icon-check"})])])])}]};var v=a("VU/8")(d,f,!1,function(t){a("c21I")},"data-v-ff2ce9e6",null).exports,h=a("fZjL"),m=a.n(h),g={name:"bar-chart",props:{barChartData:{type:[Array,Object],default:function(){return{}}},charHeight:{type:String,default:function(){return"300px"}}},components:{},data:function(){return this.chartSettings={},this.colors=["#5B8FF9","#5AD8A6","#FF6383"],{}}},p={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"bar-chart"},[e("ve-histogram",{attrs:{data:this.barChartData,settings:this.chartSettings,colors:this.colors,height:this.charHeight}}),this._v(" "),e("div",{staticClass:"chart-title font-12 color-000 text-center"},[this._v("- 近15天趋势图 -")])],1)},staticRenderFns:[]};var y=a("VU/8")(g,p,!1,function(t){a("9aBA")},"data-v-4fa5498c",null).exports,C={name:"data-statistics",props:{activeData:{type:[Object,Array],default:function(){return{exposure:0,attend:0,invited:0,attendRate:0,spread:0}}},barChartData:{type:[Array,Object],default:function(){return{}}}},components:{barChart:y},data:function(){return{charHeight:"220px"}},mounted:function(){console.log(this.activeData)}},b={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"data-statistics"},[a("div",{staticClass:"data-statistics-body flex"},[a("div",{staticClass:"data-statistics-left"},[a("ul",{staticClass:"flex flex-column flex-pack-center flex-align-center"},[a("li",{staticClass:"flex-1 flex flex-pack-center flex-align-center"},[t._m(0),t._v(" "),a("div",{staticClass:"data-statistics-txt flex flex-column"},[a("div",{staticClass:"font-14 color-606266 font-w-400"},[t._v("活动曝光量")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 font-w-600 p-t-10"},[t._v(t._s(t._f("formatThousand")(t.activeData.exposure)))])])]),t._v(" "),a("li",{staticClass:"flex-1 flex flex-pack-center flex-align-center"},[t._m(1),t._v(" "),a("div",{staticClass:"data-statistics-txt flex flex-column"},[a("div",{staticClass:"font-14 color-606266 font-w-400"},[t._v("参与人数")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 font-w-600 p-t-10"},[t._v(t._s(t._f("formatThousand")(t.activeData.attend)))])])]),t._v(" "),a("li",{staticClass:"flex-1 flex flex-pack-center flex-align-center"},[t._m(2),t._v(" "),a("div",{staticClass:"data-statistics-txt flex flex-column"},[a("div",{staticClass:"font-14 color-606266 font-w-400"},[t._v("受邀人数")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 font-w-600 p-t-10"},[t._v(t._s(t._f("formatThousand")(t.activeData.invited)))])])])])]),t._v(" "),a("div",{staticClass:"data-right-wrap"},[a("div",{staticClass:"data-right-top flex"},[a("div",{staticClass:"data-statistics-middle flex-1 border-box m-l-20"},[a("div",{staticClass:"font-14 color-606266"},[t._v("参与率")]),t._v(" "),a("div",{class:["font-22 color-303133 p-t-5 ",t.activeData.attendRate]},[t._v(t._s(t.activeData.attendRate)+" %")]),t._v(" "),a("div",{staticClass:"data-percentage"},[a("div",{staticClass:"data-percentage-inner",style:{width:t.activeData.attendRate+"%"}})])]),t._v(" "),a("div",{staticClass:"data-statistics-right flex-1 border-box m-l-20"},[a("div",{staticClass:"font-14 color-606266"},[t._v("传播系数")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 p-t-5"},[t._v(t._s(t.activeData.spread))]),t._v(" "),a("div",{staticClass:"data-percentage"},[t._l(Math.floor(t.activeData.spread),function(t,e){return[a("i",{key:e+"xrbg",staticClass:"iconfont icon-xiaoren color-1890ff"})]}),t._v(" "),t._l(10-Math.floor(t.activeData.spread),function(t,e){return[a("i",{key:e+"xr",staticClass:"iconfont icon-xiaoren icon-xiaoren-opacity"})]})],2)])]),t._v(" "),a("div",{staticClass:"data-right-bottom"},[a("bar-chart",{attrs:{barChartData:t.barChartData,charHeight:t.charHeight}})],1)])])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"data-statistics-icon"},[e("img",{attrs:{src:a("gjBT"),alt:""}})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"data-statistics-icon"},[e("img",{attrs:{src:a("oj03"),alt:""}})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"data-statistics-icon"},[e("img",{attrs:{src:a("Vo6M"),alt:""}})])}]};var _=a("VU/8")(C,b,!1,function(t){a("jyPR")},"data-v-07be8c24",null).exports,x={name:"funnel-chart",props:{funnelData:{type:[Object,Array],default:function(){return{}}}},data:function(){return{}}},k={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"funnel-chart"},[a("div",{staticClass:"funnel-chart-body flex"},[t._m(0),t._v(" "),a("div",{staticClass:"chart-right"},[a("div",{staticClass:"chart-text"},[a("div",{staticClass:"space-line h-20 p-l-98 font-12 color-606066"},[t._v("关注服务号 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-16"}),t._v(" "),a("div",{staticClass:"space-line h-22 p-l-90 font-12 color-606066"},[t._v("访问活动着陆页 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-18"}),t._v(" "),a("div",{staticClass:"space-line h-26 p-l-80 font-12 color-606066"},[t._v("认证开卡 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-22"}),t._v(" "),a("div",{staticClass:"space-line h-29 p-l-72 font-12 color-606066"},[t._v("参与游戏 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-23"}),t._v(" "),a("div",{staticClass:"space-line h-32 p-l-60 font-12 color-606066"},[t._v("领取卡券 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-25"}),t._v(" "),a("div",{staticClass:"space-line h-38 p-l-45 font-12 color-606066"},[t._v("消费 "+t._s(t._f("formatThousand")(t.funnelData.orderCount))+" 人， "+t._s(t._f("formatThousand")(t.funnelData.orderAmount))+" 元")])])])]),t._v(" "),a("div",{staticClass:"funnel-chart-title font-12 color-000"},[t._v("- 响应转化漏斗 -")])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"chart-left"},[a("div",{staticClass:"trapezoid-bg"},[a("div",{staticClass:"space-line h-20 r-60"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-16"}),t._v(" "),a("div",{staticClass:"space-line h-22 r-57"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-18"}),t._v(" "),a("div",{staticClass:"space-line h-26 r-52"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-22"}),t._v(" "),a("div",{staticClass:"space-line h-29 r-48"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-23"}),t._v(" "),a("div",{staticClass:"space-line h-32 r-42"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-25"}),t._v(" "),a("div",{staticClass:"space-line h-38"})])])}]};var w=a("VU/8")(x,k,!1,function(t){a("/VZe")},"data-v-211657d0",null).exports,D={name:"card-table",props:{barChartData:{type:[Array,Object],default:function(){return{}}},funnelData:{type:[Array,Object],default:function(){return{}}}},components:{funnelChart:w,dataStatisticsChild:_},data:function(){return{activeData:{exposure:0,attend:0,invited:0,attendRate:0,spread:0}}},methods:{},watch:{funnelData:function(t,e){m()(t).length&&(this.activeData=t)}},mounted:function(){m()(this.funnelData).length&&(this.activeData=this.funnelData)}},A={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"out-date-active flex flex-space-between"},[e("data-statistics-child",{attrs:{activeData:this.activeData,barChartData:this.barChartData}}),this._v(" "),e("funnel-chart",{attrs:{funnelData:this.funnelData}})],1)},staticRenderFns:[]};var I=a("VU/8")(D,A,!1,function(t){a("KCp1")},"data-v-d0de4b5a",null).exports,E=a("TQvf"),T=a.n(E),S={name:"in-progress-active",components:{outDateActive:I},data:function(){return{funnelData:{},barChartData:{columns:["日期","新增参与人数","新增受邀人数","传播系数"],rows:[{"日期":"1","新增参与人数":1393,"新增受邀人数":1093,"传播系数":.32},{"日期":"2","新增参与人数":3530,"新增受邀人数":3230,"传播系数":.26},{"日期":"3","新增参与人数":2923,"新增受邀人数":2623,"传播系数":.76},{"日期":"4","新增参与人数":1723,"新增受邀人数":1423,"传播系数":.49},{"日期":"5","新增参与人数":3192,"新增受邀人数":3192,"传播系数":.323},{"日期":"6","新增参与人数":3593,"新增受邀人数":3293,"传播系数":.78}]},selectItem:"",inProgressData:[{activityId:1,activityName:"",startDate:"",endDate:"",acitivityUrl:""}]}},methods:{selectLi:function(t){this.selectItem=t.activityId,this.getActivityData(t.activityId)},getActivityData:function(t){var e=this,a={activityId:t};Object(r.a)("/sharing-core-web/get-activity-data-summary",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.funnelData=a.result||{},e.barChartData=a.result.trend||{},!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},toEdit:function(t,e){this.$router.push("/createActive?activityId="+e.activityId)},toDataList:function(t,e){this.$router.push("/dataDetail?activityId="+e.activityId)},handleCopy:function(t,e){var a=new T.a(".copy-tag",{text:function(){return""+e.acitivityUrl}});a.on("success",function(t){u.a.showmsg("复制成功!","success"),a.destroy()}),a.on("error",function(t){u.a.showmsg("该浏览器不支持自动复制!","warning"),a.destroy()})},getTableList:function(){var t=this;Object(r.a)("/sharing-core-web/page-activity",{}).then(function(e){var a=e.data;if(1==a.errorCode){var i=(new Date).getTime(),n=[];return a.result.result&&a.result.result.length&&a.result.result.forEach(function(t){t.endDate>i&&n.push(t)}),t.inProgressData=n||[],n.length&&t.getActivityData(n[0].activityId),!1}s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.getTableList()}},O={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"in-progress-active border-box"},[a("ul",[t._l(t.inProgressData,function(e,i){return[a("li",{key:i+"data",class:["border-box",t.selectItem==e.activityId&&0!=i?"li-border":""]},[a("div",{staticClass:"in-progress-active-title flex flex-space-between border-box",on:{click:function(a){return a.stopPropagation(),t.selectLi(e)}}},[a("div",{staticClass:"active-title-left"},[a("div",{staticClass:"active-title-name font-18 color-303133"},[t._v(t._s(e.activityName))]),t._v(" "),a("div",{staticClass:"active-title-date font-14 color-909399 m-t-7"},[t._v(t._s(t._f("formatTimeYmdHms")(e.startDate))+" - "+t._s(t._f("formatTimeYmdHms")(e.endDate)))])]),t._v(" "),a("div",{staticClass:"active-title-right"},[a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toEdit(i,e)}}},[t._v("活动配置")]),t._v(" "),a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.handleCopy(i,e)}}},[t._v("复制路径")]),t._v(" "),a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toDataList(i,e)}}},[t._v("数据明细")])],1)]),t._v(" "),t.selectItem==e.activityId?a("div",{staticClass:"in-progress-active-body"},[a("out-date-active",{attrs:{barChartData:t.barChartData,funnelData:t.funnelData}})],1):t._e()])]})],2)])},staticRenderFns:[]};var N={name:"finished-active",components:{outDateActive:I},data:function(){return{funnelData:[],barChartData:{columns:["日期","访问用户","下单用户"],rows:[{"日期":"1/1","访问用户":1393,"下单用户":1093},{"日期":"1/2","访问用户":3530,"下单用户":3230},{"日期":"1/3","访问用户":2923,"下单用户":2623},{"日期":"1/4","访问用户":1723,"下单用户":1423},{"日期":"1/5","访问用户":3192,"下单用户":3192},{"日期":"1/6","访问用户":3593,"下单用户":3293}]},selectItem:"",finishedData:[{activityId:1,activityName:"1",startDate:1574300553953,endDate:1574300553953}],pageSize:20,currentPage:1,total:1}},methods:{selectLi:function(t){this.selectItem=t.activityId,this.getActivityData(t.activityId)},getActivityData:function(t){var e=this,a={activityId:t};Object(r.a)("/sharing-core-web/get-activity-data-summary",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.funnelData=a.result,e.barChartData=a.result.trend,!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},toEdit:function(t,e){this.$router.push("/createActive?activityId="+e.activityId+"&editFlag=show")},toDataList:function(t,e){this.$router.push("/dataDetail?activityId="+e.activityId)},handleCopy:function(t,e){var a=new T.a(".copy-tag",{text:function(){return window.location.origin+"/?articleId="+e.articleId}});a.on("success",function(t){u.a.showmsg("复制成功!","success"),a.destroy()}),a.on("error",function(t){u.a.showmsg("该浏览器不支持自动复制!","warning"),a.destroy()})},handleSizeChange:function(t){this.pageSize=t,this.getData()},handleCurrentChange:function(t){this.currentPage=t,this.getData()},getTableList:function(){var t=this,e={pageNum:t.currentPage,pageSize:t.pageSize};Object(r.a)("/sharing-core-web/page-activity",e).then(function(e){var a=e.data,i=(new Date).getTime();if(1==a.errorCode){var n=[];return a.result.result&&a.result.result.length&&a.result.result.forEach(function(t){t.endDate<i&&n.push(t)}),t.finishedData=n||[],t.total=a.result.totalCount,!1}s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.getTableList()}},j={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"finished-active border-box"},[a("ul",[t._l(t.finishedData,function(e,i){return[a("li",{key:i+"data",class:["border-box",t.selectItem==e.activityId&&0!=i?"li-border":""]},[a("div",{staticClass:"finished-active-title flex flex-space-between border-box",on:{click:function(a){return a.stopPropagation(),t.selectLi(e)}}},[a("div",{staticClass:"active-title-left"},[a("div",{staticClass:"active-title-name font-18 color-303133"},[t._v(t._s(e.activityName))]),t._v(" "),a("div",{staticClass:"active-title-date font-14 color-909399 m-t-7"},[t._v(t._s(t._f("formatTimeYmdHms")(e.startDate))+" - "+t._s(t._f("formatTimeYmdHms")(e.endDate)))])]),t._v(" "),a("div",{staticClass:"active-title-right"},[a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toEdit(i,e)}}},[t._v("活动配置")]),t._v(" "),a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toDataList(i,e)}}},[t._v("数据明细")])],1)]),t._v(" "),t.selectItem==e.activityId?a("div",{staticClass:"finished-active-body"},[a("out-date-active",{attrs:{barChartData:t.barChartData,funnelData:t.funnelData}})],1):t._e()])]})],2),t._v(" "),t.total?a("div",{staticClass:"pagination text-right m-t-14"},[a("el-pagination",{attrs:{small:"","page-size":t.pageSize,"current-page":t.currentPage,layout:"prev, pager, next",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()])},staticRenderFns:[]};var M={name:"share-index",components:{activeSelect:v,inProgressActive:a("VU/8")(S,O,!1,function(t){a("AQ8r")},"data-v-9cece7ba",null).exports,finishedActive:a("VU/8")(N,j,!1,function(t){a("kgpt")},"data-v-37036ee5",null).exports},data:function(){return{canCreate:!0}},methods:{judgeCreate:function(){var t=this;Object(r.a)("/sharing-core-web/can-create",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.canCreate=a.result,!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.judgeCreate()}},V={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"share-index common-wrap"},[a("div",{staticClass:"right-content border-box"},[t.canCreate?a("div",[a("div",{staticClass:"separator-space no-active"},[t._v("\n - 当前无进行中的活动，请创建活动，别让业绩白白流失！-\n ")]),t._v(" "),a("active-select")],1):t._e(),t._v(" "),a("div",[a("div",{staticClass:"separator-space"},[t._v("- 当前有正在进行的活动，无法创建新的活动 -")]),t._v(" "),a("in-progress-active"),t._v(" "),a("div",{staticClass:"separator-space"},[t._v("- 以下为已结束活动 -")]),t._v(" "),a("finished-active")],1)]),t._v(" "),a("vue-gic-footer")],1)},staticRenderFns:[]};var R=a("VU/8")(M,V,!1,function(t){a("oNxM")},"data-v-4a52da7d",null);e.default=R.exports},c21I:function(t,e){},gjBT:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAABKJJREFUSA2VVl1oHFUU/s7sbNImltJoNbtN6l8wFiHG30JiamvFB61gaEK1INYHKRg3kSoI1Yeg9K3VxG0qEZT2SVBbXyoK9ScJSkogKdZCqhGlJrvZJk3qT2iT7O69fnfobCazsxt7YZjz8517zj3nnjMj+B+r6l1docK4GQoVfMqUhRK+xdJII4QrKovLsDE1GcMlEdHFtpRiyuq4jqYzuEtrrCmGc3UhC/NKY2zyVVwo5Ligww3v6fqMRrW72fW8QwpjydflfJBNnsNIXD9YegPO2f9Cz2VwL/NzS5BhMRkdDlphrMtYqEnF5Csv1vIyVYf1Ztamf+FvjFyxcE9qnwxZJTgrIWS9uGK0ZWEx8RpmshqtksXxaLd+xIvPObw1rm/PZnCS9SrjqTbxIpyOdOn9e9swfqONAcvGX17DQjQdppz6CVq4z2oFnDR7u/icw0WFwwTc5CqgESZ/oLcbA3MK6/fO4sdQGGM5fQGiRCG18Yi+g4Hf50A01i4oxF2443BDl95BwJOu0Pum08aFLH76sAJ7kjE5HwYdC656MS4tgswLHZjOpNHiypy3xlORbt1saMchj/3OMkA+s0YpfMQUf6HKYUXK0B+yMeGHsWZTnSKKwbf6dczYfiOT6BFdqxYReIX9RjzBNGv0bCIm3xmd6dOMQh3rzYMDJWEMM5CS+QX8YXj/oq7WUhns8iuCeDo7VWqjznVmMOMxSYayPG0IM9SrO2cwRWc7g+yNTGex2xaFBtap8BKkLcGbiRgOBk2PiX1yVWs9WHkQ6/s6JVPZrVuYvsBF8UM2hNOkAIBRm1v5XLJdhqU9cA9HeC2QqWiPrmbGNhdC0s1Gzl9UBQF4qmMVNu4vF5wL0gfJmLKdDD5venmwGy3OdqfgOaHgH16M3ZFVeGkmjbfmND7I6VYilK8dfHjjy7TFbE4uOF1qoT4EDCXm8QPlbzDcZx7o1cuDyhksEebGakHDkiSQmrUI+pUqxXoduLsOTYsaDWmFM0zNw8aEPbUuOY/tgeYeYVatmE4YXzaLeMIK4e3yMgz/chYf08Hznn0cknU2jfy1X+7lidnGbFzyyvw0HfY5BTafJBb8EwJq/CDD8/QztXWo7NsmmSD99ciEPSSRbvxOo9uKGbLYTyQ68E30fRxilKuKYQvoRpMdErdND0W79CHO09xEDzJgOlqIPcXGrmHanw7CFJMxSGegO8M7shq9TNtwMQPqmls/1bzAOL4CLl8t+D7ZgRNG4dTQEJEevUlnMMjbudbwQYszczufM4tpXCRuxVYxe9DBrIRRn2yTccM7JzTEZJuM8rY+Zi6I4YOWZmP/+bJcZgM7X4sgzDKZIMUAt7rOjC7n0DDJV2TEBrYyrIuG9y/WublTa4tBfe7X+XliLtg2miZi8rNXl0upV1jVo2uyaRxlbzV65YYWG4/ypKNM6SQfU9P8JfiWfwV7Eu2S95FedkLXcqJNfmORm/hj+yIjXfZxZr+2pNplmtgBF+++Gf0IHe1KdcjjQc4MjhkMXtc+OUfZp8cicWzhRNrBv+pGbrrF6d04PqNlLfkx1rSfA//LiXYZCt5tSfofVt6aUjcV2t0AAAAASUVORK5CYII="},jyPR:function(t,e){},kgpt:function(t,e){},mvHQ:function(t,e,a){t.exports={default:a("qkKv"),__esModule:!0}},oNxM:function(t,e){},oj03:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAAXNSR0IArs4c6QAABCxJREFUSA2tVl1oXEUU/mbu3d3au5uEVsyum6AkVWmLohSqqK2IL/7jg+2T+CI0VEmCpRSLfciLIIhFt5aY1/gg6Js+2BdFxL+gtrSk2J9IQ5LdVK3d/iT7k9x7j2eGvcvduXdTu/XCMnO++eZ883PmnBW4xW/XZ2T9UkTGJcjua1g6PSZW1nIp1hpca6z3PXKkhc0+kGvyJEi6WHSSmJ4ZEfUmHurcUPCuCcq5NWxRc6TE7/PDoqT6mwrUVfGw3SPcpuzwx7yVFGFq9k1xJYyrflvBvnHKuyv4mDnPgRo8ARKEYyKBodIbYp5FUxUfOz0f6yKOLSztyOG7z3cLLzwmw0bQzxVoh1fHNAs93xRTgyxMwDO+i+n8h/SkPjYXJ4J54ZY8pH9axEAYU/2I4NajlCYfk+y4xyQ3bUIX393kwAR1l/aLS7bApeZYqON5yIZM3Y0IXvZwkEfuNommTYS+Wg2HFM7bnjPHNY6Y+zWJ7OgFE2tnB1xnFdfiOJ6Aa+KRHXIU9ZmkdjYfu+bmqqjGcSwfZROPCDJh1iStYWvuTBcSJkcI+JkezJh4nOBxk9TOZqea6/twTI4tce7sa+K6iUcEpcARJkXO3pzIL9PjGC8onB96M9twAHmWhZMLo+J8ZI7immBxRJzke3zXxGPs9xeHxa/bJijhS2QtoM7PY16m8W1pVMzF8DXUNtNkC7SXV3uYI7Eli/Ax1vl3oDQi9O6yh2k7B09vIMBjLueWv1IW/rip1KYc9BdokPPSXhZ9VWccgU94J+PBcW0do+TlHjzCd9gdCIZbi7DwWD9OhdNb7A7zBVJORnjlL7KDloDgHVR4AV9ypThSGhY/qPL0YxH3c3nqD4sFfb7fq47EVFA9WgQfmCTn7zLGWeiVlhwazDZanvxpVwZDKhr5CraQi0GDok0Oon/2lPHz2Jjwm4KD43RHZQXHePUPxU1qiwmcSq3D07N7cDH/AR7lcrUhjpuwcEZdhRZUkVaq4RsWezyO/B+wqbTEEzUX0pPYydeRNOeoYNqYx9f6WRTrOHgLYsr3w8s+Di3sE1Xewawppmz2b5cXkRX5j2ij5+ICY5k44k1gy04KA/Uqrq9KPAU/WtyFxEXJ23/5fxBT63Kqdexu7PLP2IUSHMnF9tnYwQ5AEvx3hD+y4guyJCQ5deKeDnzHTuHnpH2t91CJI/g2rkg+6dvjBjvEtK9kPSrIiWI1aeO85OiJ1KwOxVSUaF/pHtQCH+o52DbmNtj4fu51UbaFjbe40HzFwusDUictO65xGjug5mbuBSXO4HjyKpa2DWBJ5dJiw6l++LmjtJkr4Nss+hLjLbmzwWvb6NwKfMEl/535UTHdltgY0IIBSWWcYhUPMngfO7qT86nDFdPhhehFMLbMWIXPbpmxkiVwtjeFE78NidXAx43afwGGeG0DzVSPiwAAAABJRU5ErkJggg=="},qkKv:function(t,e,a){var i=a("FeBl"),n=i.JSON||(i.JSON={stringify:JSON.stringify});t.exports=function(t){return n.stringify.apply(n,arguments)}}});
\ No newline at end of file
dist/static/js/3.c97ed0ddd8c9f7390362.js 0 → 100644
webpackJsonp([3],{"/VZe":function(t,e){},"9aBA":function(t,e){},AQ8r:function(t,e){},JZyU:function(t,e){},KCp1:function(t,e){},TQvf:function(t,e,a){
/*!
* clipboard.js v2.0.4
* https://zenorocha.github.io/clipboard.js
*
* Licensed MIT © Zeno Rocha
*/
var i;i=function(){return function(t){var e={};function a(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,a),n.l=!0,n.exports}return a.m=t,a.c=e,a.d=function(t,e,i){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(a.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)a.d(i,n,function(e){return t[e]}.bind(null,n));return i},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="",a(a.s=0)}([function(t,e,a){"use strict";var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),r=o(a(1)),s=o(a(3)),c=o(a(4));function o(t){return t&&t.__esModule?t:{default:t}}var l=function(t){function e(t,a){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var i=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return i.resolveOptions(a),i.listenClick(t),i}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,s.default),n(e,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===i(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,c.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new r.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return u("action",t)}},{key:"defaultTarget",value:function(t){var e=u("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return u("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,a=!!document.queryCommandSupported;return e.forEach(function(t){a=a&&!!document.queryCommandSupported(t)}),a}}]),e}();function u(t,e){var a="data-clipboard-"+t;if(e.hasAttribute(a))return e.getAttribute(a)}t.exports=l},function(t,e,a){"use strict";var i,n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),s=a(2),c=(i=s)&&i.__esModule?i:{default:i};var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.resolveOptions(e),this.initSelection()}return r(t,[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var a=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=a+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,c.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,c.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":n(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=o},function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var a=t.hasAttribute("readonly");a||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),a||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),n=document.createRange();n.selectNodeContents(t),i.removeAllRanges(),i.addRange(n),e=i.toString()}return e}},function(t,e){function a(){}a.prototype={on:function(t,e,a){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:a}),this},once:function(t,e,a){var i=this;function n(){i.off(t,n),e.apply(a,arguments)}return n._=e,this.on(t,n,a)},emit:function(t){for(var e=[].slice.call(arguments,1),a=((this.e||(this.e={}))[t]||[]).slice(),i=0,n=a.length;i<n;i++)a[i].fn.apply(a[i].ctx,e);return this},off:function(t,e){var a=this.e||(this.e={}),i=a[t],n=[];if(i&&e)for(var r=0,s=i.length;r<s;r++)i[r].fn!==e&&i[r].fn._!==e&&n.push(i[r]);return n.length?a[t]=n:delete a[t],this}},t.exports=a},function(t,e,a){var i=a(5),n=a(6);t.exports=function(t,e,a){if(!t&&!e&&!a)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(a))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,a){return t.addEventListener(e,a),{destroy:function(){t.removeEventListener(e,a)}}}(t,e,a);if(i.nodeList(t))return function(t,e,a){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,a)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,a)})}}}(t,e,a);if(i.string(t))return function(t,e,a){return n(document.body,t,e,a)}(t,e,a);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var a=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===a||"[object HTMLCollection]"===a)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,a){var i=a(7);function n(t,e,a,n,r){var s=function(t,e,a,n){return function(a){a.delegateTarget=i(a.target,e),a.delegateTarget&&n.call(t,a)}}.apply(this,arguments);return t.addEventListener(a,s,r),{destroy:function(){t.removeEventListener(a,s,r)}}}t.exports=function(t,e,a,i,r){return"function"==typeof t.addEventListener?n.apply(null,arguments):"function"==typeof a?n.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return n(t,e,a,i,r)}))}},function(t,e){var a=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var i=Element.prototype;i.matches=i.matchesSelector||i.mozMatchesSelector||i.msMatchesSelector||i.oMatchesSelector||i.webkitMatchesSelector}t.exports=function(t,e){for(;t&&t.nodeType!==a;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])},t.exports=i()},Vo6M:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA/VJREFUSA2VVt9rHFUU/s7Mzm5X22wbbNxsE2ljwWpoaSsqCAVFxT9A44OgLz70R9qkefBRGkFpn9okJYVW33yL+iqCVkUQBGmhSP2BMTVmk01qmiJtQpOdmeN3Np24zUw2kwu79557vnO/c849c2YEDUbniGbnpnEMii4FOkWRhWCcJl94Hob/PiZjDcwTVZK4y83281ryQ1xWxZ4kjAjucb+30iuXkvRr7SUS7h7S3LziKsmeWssw2nddvDR5Qr6J5PVmJwkwD7ydhsxsgxCnk85Yay+RECHvLe1QPFsc0GfSwmOEpYv6kAr2pj3AcLzPQ2nxMUJUWSQKN+0BhmP6UzsYI2Tpb90ImWEZYSGtTYwwUDyR1ngFx0fnhW81syI3WMQIGeGbDfCJKjaFJ0d/xsFE5arNGCHvb3YVJpUYuqikAcYJBR+wfc2kMY4wvMMPp7plIpIbzYmdpnVA+5ims40MIx3JxtnedkbyenM8QlpIHp/Qk1SpJWEqxyJHEiM0ZWlID2iIrxlpcwSOzYLLlR68IiLa36/OR80oaRXbeWguVFT5m2trQvnKYalGtmsSGqA4qKdYRP0RODY76Jrukc86zmhhIYv9dK5pNcZ1cC+o4trMu3LTdIkpjYyYrtFoHZsFP1ZO4POOi1qY93AoIjMCz8VvPLgWFZv7Jvat5+x1Z2c0JGR0L8aIbEPAdovj73O1sIADlFcyxTZXLvfKH07mwcfED7DXXnuJ3aHtY20O7uIUjd9JJAR+YmVeuQR9jJgt9RhmJaz55C/PkS4Mkb3r4PEVwrYRzYfTeJlRvUayN5iifARePTOcr2zPCsRyxO4UMJVTvgM/WMJt07mC2aoD9QJI6KBoqZUQj2RUVXYM4XhQwXv0druBU4x/DMNocjWsh78me+SXervxPrHOU+s+vL9bJHyajuYypfPoJdG5evB6axJtMoxmsWSl4fhoK55VcTwE/MyanToss7sG9NFFF9vUh1QVLYa3RyXDTL9uwkYGHew0vOdjbhFoDeg5xQ6WP9yAl8KmUQ3Rwqh2cg34tX9kBHMOtTuWxfT/JHy1a0TdLf+izDc1OeuGe79inf8r17RWTAUPY/ZYLN9DnU2KZcsPFRy53i9LOQfX6vGBj1JpWNtZlcX6/Yzi9+vdwkJlNdUr0q5Z+2dKg/r8jZMy4+VxNXrQmdCHg0Xsv5/mWmReDr9O9OFPO9si/JSk1G9wKDazCL5sHdS3ykdlMrcN37EKx5i6O47DYhLM884mCk34vtwto9ZvjYEYfsMP6+bbPvZR2sOGvYtG7bynImWrrmYitxKe55yhbolR2Ff3Hepvcj3BQy5MnZTas2nnNRr/AYSgULGfxss8AAAAAElFTkSuQmCC"},XEYL:function(t,e){},bIhT:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("mvHQ"),n=a.n(i),r=a("P9l9"),s=a("Ch4/"),c={name:"game-select",props:{value:{type:[String,Array,Object],default:function(){return[]}}},data:function(){return{caseValue:[],options:[{gameType:1,id:1,gameTypeName:"大转盘",label:"大转盘",children:[]},{gameType:2,id:2,gameTypeName:"刮刮卡",label:"刮刮卡",children:[]},{gameType:3,id:3,gameTypeName:"拼图游戏",label:"拼图游戏",children:[]},{gameType:4,id:4,gameTypeName:"找你马",label:"找你马",children:[]},{gameType:5,id:5,gameTypeName:"口令福利",label:"口令福利",children:[]}],props:{label:"label",children:"children",value:"id"}}},methods:{handleChange:function(t){var e=this;e.$emit("input",t),e.options.forEach(function(a){2==t.length&&t[0]==a.id&&a.children.forEach(function(a){t[1]==a.gameId&&e.$emit("changeGame",a.gameName,a.gameUrl)})})},expandChange:function(t){this.getContent(t[0])},getContent:function(t){var e=this,a={gameType:t};Object(r.a)("/sharing-core-web/list-game",a).then(function(a){var i=a.data;if(1==i.errorCode)return i.result&&i.result.length&&i.result.forEach(function(t){t.id=t.gameId,t.label=t.gameName}),e.options.forEach(function(e){e.id==t&&(e.children=i.result)}),void e.$forceUpdate();s.a.errorMsg(i)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{value:function(t,e){var a=this;a.caseValue=t,setTimeout(function(){t.length&&a.getContent(t[0])},500)}},mounted:function(){var t=this;t.caseValue=t.value,setTimeout(function(){t.value.length&&t.getContent(t.value[0])},500)}},o={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("el-cascader",{attrs:{options:t.options,props:t.props},on:{change:t.handleChange,"expand-change":t.expandChange},model:{value:t.caseValue,callback:function(e){t.caseValue=e},expression:"caseValue"}})],1)},staticRenderFns:[]};var l=a("VU/8")(c,o,!1,function(t){a("XEYL")},null,null).exports,u=a("3E4D"),d={name:"active-select",components:{gameSelect:l},data:function(){return{firstGoal:{},firstData:[],secondGoal:{},secondData:[],thirdData:[],fourData:[],markingList:[],markingValue:"",activityMarketPageName:"",gameList:[],gameValue:[],gamePlanName:"",gamePlanUrl:"",cardList:[],cardValue:"",cardCoupName:"",pathNames:[],pathIds:[]}},methods:{selectFirst:function(t){this.firstGoal=t;var e=JSON.parse(n()(t.children));t.children&&t.children.length&&e.forEach(function(t){t.description=JSON.parse(t.description)}),this.secondData=JSON.parse(n()(e)),this.secondGoal={},this.thirdData=[],this.pathNames=[],this.pathIds=[]},selectSecond:function(t){this.secondGoal=t,this.getThirdData(t.goalId)},getThirdData:function(t){var e=this,a={goalId:t};e.pathNames=[],e.pathIds=[],Object(r.a)("/sharing-core-web/list-activity-dict-trans",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result&&a.result.length&&a.result.forEach(function(t){t.check=!1,t.mustFlag&&(t.check=!0,e.pathNames.push(t.transName),e.pathIds.push(t.transId),e.getText(t.transId))}),e.thirdData=a.result||[],!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},selectThird:function(t){var e=this;if(t.mustFlag)return!1;t.check=!t.check,e.pathIds=[],e.thirdData.forEach(function(t){t.check&&t.display&&e.pathIds.push(t.transId)}),e.thirdData.forEach(function(a){t.check&&a.mustCondition&&a.mustCondition.includes(t.transId)&&(a.mustFlag=1,a.check=!0,a.display=1),t.check||!a.mustCondition||!a.mustCondition.includes(t.transId)||e.thirdData[0].check||e.thirdData[1].check||(a.mustFlag=0,a.check=!1,a.display=0),t.check&&a.showCondition&&a.showCondition.includes(t.transId)&&(a.display=1),!t.check&&a.showCondition&&a.showCondition.includes(t.transId)&&!a.selectedConditions&&(a.display=0),!t.check&&a.canceCondition&&a.canceCondition.includes(t.transId)&&(a.check=!1),t.check&&(a.showCondition&&e.thirdData[0].check||a.showCondition&&e.thirdData[1].check)&&a.selectedConditions&&a.selectedConditions.includes(t.transId)&&(a.display=1,a.check=!0),t.check&&a.showCondition&&!e.thirdData[0].check&&!e.thirdData[1].check&&a.selectedConditions&&a.selectedConditions.includes(t.transId)&&(a.display=0,a.check=!0),!t.check&&a.showCondition&&!e.thirdData[0].check&&!e.thirdData[1].check&&a.selectedConditions&&a.selectedConditions.includes(t.transId)&&(a.display=1,a.check=!1)}),e.getPathNameText()},getPathNameText:function(){var t=this,e=[],a=0;t.pathIds=[],t.thirdData.forEach(function(i){i.check&&i.display&&(a+=i.transId,e.push(i.transName),t.pathIds.push(i.transId))}),t.pathNames=e,t.getText(a)},changeGame:function(t,e){this.gamePlanName=t,this.gamePlanUrl=e},toRedirectPage:function(t){window.open(t.url)},toCreate:function(){var t=this;if(!t.firstGoal.hasOwnProperty("goalId"))return u.a.showmsg("请先选择活动目的","warning"),!1;if(!t.secondGoal.hasOwnProperty("goalId"))return u.a.showmsg("请先完善活动目的","warning"),!1;if(t.pathNames.includes("访问活动营销页")&&!t.markingValue||t.pathNames.includes("游戏参与")&&!t.gameValue.length||t.pathNames.includes("卡券领取")&&!t.cardValue)return u.a.showmsg("请先完善活动创建前准备工作","warning"),!1;t.pathNames.includes("访问活动营销页")&&t.markingValue&&t.markingList.forEach(function(e){t.markingValue==e.pageId&&(t.activityMarketPageName=e.name)}),t.pathNames.includes("卡券领取")&&t.cardValue&&t.cardList.forEach(function(e){t.cardValue==e.coupCardId&&(t.cardCoupName=e.cardName)});var e=[];if(t.thirdData.forEach(function(t){t.check&&t.display&&e.push({transId:t.transId,transName:t.transName})}),5==t.secondGoal.goalId&&1==e.length)return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;if(8==t.secondGoal.goalId&&(1==e.length||2==e.length&&e.map(function(t){return t.transId}).includes(4)))return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;if((10==t.secondGoal.goalId||11==t.secondGoal.goalId)&&(1==e.length||2==e.length&&(e.map(function(t){return t.transId}).includes(4)||e.map(function(t){return t.transId}).includes(16))||3==e.length&&e.map(function(t){return t.transId}).includes(4)&&e.map(function(t){return t.transId}).includes(16)))return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;if(9==t.secondGoal.goalId&&(1==e.length||2==e.length&&(e.map(function(t){return t.transId}).includes(4)||e.map(function(t){return t.transId}).includes(16))))return u.a.showmsg("请在可选项中至少选择一项","warning"),!1;var a={firstGoal:t.firstGoal,secondGoal:t.secondGoal,pathArr:e,markingValue:t.markingValue,activityMarketPageName:t.activityMarketPageName,gameValue:t.gameValue,gamePlanName:t.gamePlanName,gamePlanUrl:t.gamePlanUrl,cardValue:t.cardValue,cardCoupName:t.cardCoupName};t.judgeCreate(a)},getTwoList:function(){var t=this;Object(r.a)("/sharing-core-web/list-activity-dict",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.firstData=JSON.parse(n()(a.result))||[],t.getMarkingList(),t.getCardList(),!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},getText:function(t){var e=this,a={transIds:t};Object(r.a)("/sharing-core-web/list-activity-dict-text",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.fourData=a.result||[],!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getMarkingList:function(){var t=this;Object(r.a)("/sharing-core-web/list-marking-page",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.markingList=a.result||[],!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},getGameList:function(){var t=this;Object(r.a)("/sharing-core-web/list-game",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.gameList=a.result||[],!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},getCardList:function(){var t=this;Object(r.a)("/sharing-core-web/list-card",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.cardList=a.result||[],!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},judgeCreate:function(t){var e=this;Object(r.a)("/sharing-core-web/can-create",{}).then(function(a){var i=a.data;if(1==i.errorCode)return e.$store.dispatch("saveIndexInfo",t),e.$router.push("/createActive"),!1;s.a.errorMsg(i)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},mounted:function(){this.getTwoList()}},f={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"active-select border-box"},[a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600"},[t._v("请选择您的活动目的")]),t._v(" "),a("ul",{staticClass:"flex flex-space-between"},[t._l(t.firstData,function(e,i){return[a("li",{key:i+"first",class:["li-cell flex-1 ",t.firstGoal.goalId==e.goalId?"li-cell-active":""],on:{click:function(a){return t.selectFirst(e)}}},[a("div",{staticClass:"li-cell-inner flex "},[a("div",{staticClass:"li-cell-left flex flex-align-center flex-pack-center"},[a("img",{attrs:{src:t.firstGoal.goalId==e.goalId?e.selectedIconUrl:e.iconUrl,alt:""}})]),t._v(" "),a("div",{staticClass:"li-cell-right border-box flex flex-column "},[a("div",{staticClass:"li-cell-active_name flex flex-align-center font-18 color-303133"},[t._v(t._s(e.goalName))]),t._v(" "),a("div",{staticClass:"li-cell-active_description flex flex-align-center font-14 color-606266"},[t._v(t._s(e.description))])])]),t._v(" "),t._m(0,!0)])]})],2),t._v(" "),t.firstGoal.goalId?a("div",[a("div",{staticClass:"active-select-next"}),t._v(" "),a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600"},[t._v("请进一步明确活动目的")]),t._v(" "),a("ul",{staticClass:"flex flex-pack-center m-t-48"},[t._l(t.secondData,function(e,i){return[a("li",{key:i+"second",class:["li-cell li-second-cell flex-1 ",t.secondGoal.goalId==e.goalId?"li-second-active":""],on:{click:function(a){return t.selectSecond(e)}}},[a("div",{staticClass:"li-cell-inner"},[a("div",{staticClass:"li-cell-top border-box flex flex-align-center flex-pack-center"},[a("img",{attrs:{src:t.secondGoal.goalId==e.goalId?e.selectedIconUrl:e.iconUrl,alt:""}}),a("span",{staticClass:"p-l-15 font-18 color-303133"},[t._v(t._s(e.goalName))])]),t._v(" "),a("div",{staticClass:"li-cell-bottom border-box"},[a("div",{staticClass:"li-cell-scene"},[a("div",{staticClass:"li-cell-scene_title font-14 color-303133"},[t._v("适用场景")]),t._v(" "),a("div",{staticClass:"li-cell-scene_text font-14 color-606266"},[t._v(t._s(e.description["适用场景"]))])]),t._v(" "),a("div",{staticClass:"li-cell-quality"},[a("div",{staticClass:"li-cell-quality_title font-14 color-303133"},[t._v("优劣分析")]),t._v(" "),a("div",{staticClass:"li-cell-quality_text font-14 color-606266"},[t._v(t._s(e.description["优劣分析"]))])])])]),t._v(" "),t._m(1,!0)])]})],2)]):t._e(),t._v(" "),t.secondGoal.goalId?a("div",[a("div",{staticClass:"active-select-next"}),t._v(" "),a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600 m-b-0"},[t._v("请配置受邀人的转化路径")]),t._v(" "),a("div",{staticClass:"active-select-subtitle font-14 color-606266"},[t._v("基于您的活动设计期望，配置受邀人的转化路径（即受邀人需要经历的交互步骤）。系统会根据您所选择的转化路径，自动配置服务号关注后回复、认证后卡券投放等营销脚本。您只需要根据自身需求选择路径，并选择相关的营销活动页、游戏计划或卡券。")]),t._v(" "),a("ul",{staticClass:"flex flex-pack-center m-t-50"},[t._l(t.thirdData,function(e,i){return[1==e.display?a("li",{key:i+"third",class:["li-cell li-third-cell flex-1 ",e.check?"li-third-active":"",e.mustFlag?"li-third-active-disable":""],on:{click:function(a){return t.selectThird(e)}}},[a("div",{staticClass:"li-cell-inner border-box"},[a("div",{staticClass:"li-cell-path_img flex flex-pack-center flex-pack--center"},[a("img",{attrs:{src:e.check?e.selectedIconUrl:e.iconUrl,alt:""}})]),t._v(" "),a("div",{staticClass:"li-cell-path_title font-16 color-303133 text-center"},[t._v(t._s(e.transName))]),t._v(" "),a("div",{staticClass:"li-cell-path_text font-14 color-606266"},[t._v(t._s(e.description))])]),t._v(" "),t._m(2,!0)]):t._e()]})],2)]):t._e(),t._v(" "),t.pathNames.includes("访问活动营销页")||t.pathNames.includes("游戏参与")||t.pathNames.includes("卡券领取")?a("div",[a("div",{staticClass:"active-select-next"}),t._v(" "),a("div",{staticClass:"active-select-title font-22 color-303133 font-w-600 m-b-0"},[t._v("活动创建前准备工作")]),t._v(" "),a("div",{staticClass:"active-select-subtitle font-14 color-606266"},[t._v("根据您配置的转化路径，请确保完成以下工作，否则活动无法被正常执行。")]),t._v(" "),a("ul",{staticClass:"flex flex-pack-center m-t-50"},[t._l(t.fourData,function(e,i){return["marking"==e.id&&t.pathNames.includes("访问活动营销页")||"game"==e.id&&t.pathNames.includes("游戏参与")||"card"==e.id&&t.pathNames.includes("卡券领取")?a("li",{key:i+"four",staticClass:"li-four-cell flex-1 "},[a("div",{staticClass:"li-cell-inner border-box"},[a("div",{staticClass:"li-cell-title font-18 color-303133 font-w-600"},[t._v(t._s(e.title))]),t._v(" "),a("div",{staticClass:"li-cell-subtitle font-14 color-606266"},[t._v(t._s(e.text))]),t._v(" "),"marking"==e.id?a("div",{staticClass:"li-cell-tip font-14 color-303133"},[t._v("如果您还没有创建活动营销页，请立即前往创建。")]):t._e(),t._v(" "),"game"==e.id?a("div",{staticClass:"li-cell-tip font-14 color-303133"},[t._v("如果您还没有创建游戏计划，请立即前往创建。")]):t._e(),t._v(" "),"card"==e.id?a("div",{staticClass:"li-cell-tip font-14 color-303133"},[t._v("如果您还没有创建卡券，请立即前往创建。")]):t._e(),t._v(" "),"marking"==e.id?a("div",{staticClass:"li-cell-select"},[a("el-select",{attrs:{size:"large",placeholder:"请选择活动着陆页"},model:{value:t.markingValue,callback:function(e){t.markingValue=e},expression:"markingValue"}},t._l(t.markingList,function(t){return a("el-option",{key:t.pageId,attrs:{label:t.name,value:t.pageId}})}),1)],1):t._e(),t._v(" "),"game"==e.id?a("div",{staticClass:"li-cell-select"},[a("game-select",{on:{changeGame:t.changeGame},model:{value:t.gameValue,callback:function(e){t.gameValue=e},expression:"gameValue"}})],1):t._e(),t._v(" "),"card"==e.id?a("div",{staticClass:"li-cell-select"},[a("el-select",{attrs:{size:"large",placeholder:"请选择卡券"},model:{value:t.cardValue,callback:function(e){t.cardValue=e},expression:"cardValue"}},t._l(t.cardList,function(t){return a("el-option",{key:t.coupCardId,attrs:{label:t.cardName,value:t.coupCardId}})}),1)],1):t._e(),t._v(" "),a("div",{staticClass:"li-cell-seperator"},[t._v("OR")]),t._v(" "),a("div",{staticClass:"li-cell-btn"},[a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toRedirectPage(e)}}},[t._v("立即前往创建")])],1)])]):t._e()]})],2)]):t._e(),t._v(" "),a("div",{staticClass:"to-active-config"},[a("div",{staticClass:"to-active-tip font-14 color-606266"},[t._v("确认完成了所有前期准备工作，即可前往活动配置。")]),t._v(" "),a("div",{staticClass:"to-active-btn"},[a("el-button",{attrs:{type:"primary"},on:{click:t.toCreate}},[t._v("前往活动配置"),a("i",{staticClass:"el-icon-right"})])],1)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"common-cell-check"},[e("div",{staticClass:"common-cell-triangle"},[e("div",{staticClass:"common-cell-outer"},[e("i",{staticClass:"el-icon-upload-success el-icon-check"})])])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"common-cell-check"},[e("div",{staticClass:"common-cell-triangle"},[e("div",{staticClass:"common-cell-outer"},[e("i",{staticClass:"el-icon-upload-success el-icon-check"})])])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"common-cell-check"},[e("div",{staticClass:"common-cell-triangle"},[e("div",{staticClass:"common-cell-outer"},[e("i",{staticClass:"el-icon-upload-success el-icon-check"})])])])}]};var h=a("VU/8")(d,f,!1,function(t){a("JZyU")},"data-v-3aa53bfc",null).exports,v=a("fZjL"),m=a.n(v),g={name:"bar-chart",props:{barChartData:{type:[Array,Object],default:function(){return{}}},charHeight:{type:String,default:function(){return"300px"}}},components:{},data:function(){return this.chartSettings={},this.colors=["#5B8FF9","#5AD8A6","#FF6383"],{}}},p={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"bar-chart"},[e("ve-histogram",{attrs:{data:this.barChartData,settings:this.chartSettings,colors:this.colors,height:this.charHeight}}),this._v(" "),e("div",{staticClass:"chart-title font-12 color-000 text-center"},[this._v("- 近15天趋势图 -")])],1)},staticRenderFns:[]};var y=a("VU/8")(g,p,!1,function(t){a("9aBA")},"data-v-4fa5498c",null).exports,C={name:"data-statistics",props:{activeData:{type:[Object,Array],default:function(){return{exposure:0,attend:0,invited:0,attendRate:0,spread:0}}},barChartData:{type:[Array,Object],default:function(){return{}}}},components:{barChart:y},data:function(){return{charHeight:"220px"}},mounted:function(){console.log(this.activeData)}},b={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"data-statistics"},[a("div",{staticClass:"data-statistics-body flex"},[a("div",{staticClass:"data-statistics-left"},[a("ul",{staticClass:"flex flex-column flex-pack-center flex-align-center"},[a("li",{staticClass:"flex-1 flex flex-pack-center flex-align-center"},[t._m(0),t._v(" "),a("div",{staticClass:"data-statistics-txt flex flex-column"},[a("div",{staticClass:"font-14 color-606266 font-w-400"},[t._v("活动曝光量")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 font-w-600 p-t-10"},[t._v(t._s(t._f("formatThousand")(t.activeData.exposure)))])])]),t._v(" "),a("li",{staticClass:"flex-1 flex flex-pack-center flex-align-center"},[t._m(1),t._v(" "),a("div",{staticClass:"data-statistics-txt flex flex-column"},[a("div",{staticClass:"font-14 color-606266 font-w-400"},[t._v("参与人数")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 font-w-600 p-t-10"},[t._v(t._s(t._f("formatThousand")(t.activeData.attend)))])])]),t._v(" "),a("li",{staticClass:"flex-1 flex flex-pack-center flex-align-center"},[t._m(2),t._v(" "),a("div",{staticClass:"data-statistics-txt flex flex-column"},[a("div",{staticClass:"font-14 color-606266 font-w-400"},[t._v("受邀人数")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 font-w-600 p-t-10"},[t._v(t._s(t._f("formatThousand")(t.activeData.invited)))])])])])]),t._v(" "),a("div",{staticClass:"data-right-wrap"},[a("div",{staticClass:"data-right-top flex"},[a("div",{staticClass:"data-statistics-middle flex-1 border-box m-l-20"},[a("div",{staticClass:"font-14 color-606266"},[t._v("参与率")]),t._v(" "),a("div",{class:["font-22 color-303133 p-t-5 ",t.activeData.attendRate]},[t._v(t._s(t.activeData.attendRate)+" %")]),t._v(" "),a("div",{staticClass:"data-percentage"},[a("div",{staticClass:"data-percentage-inner",style:{width:t.activeData.attendRate+"%"}})])]),t._v(" "),a("div",{staticClass:"data-statistics-right flex-1 border-box m-l-20"},[a("div",{staticClass:"font-14 color-606266"},[t._v("传播系数")]),t._v(" "),a("div",{staticClass:"font-22 color-303133 p-t-5"},[t._v(t._s(t.activeData.spread))]),t._v(" "),a("div",{staticClass:"data-percentage"},[t._l(Math.floor(t.activeData.spread),function(t,e){return[a("i",{key:e+"xrbg",staticClass:"iconfont icon-xiaoren color-1890ff"})]}),t._v(" "),t._l(10-Math.floor(t.activeData.spread),function(t,e){return[a("i",{key:e+"xr",staticClass:"iconfont icon-xiaoren icon-xiaoren-opacity"})]})],2)])]),t._v(" "),a("div",{staticClass:"data-right-bottom"},[a("bar-chart",{attrs:{barChartData:t.barChartData,charHeight:t.charHeight}})],1)])])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"data-statistics-icon"},[e("img",{attrs:{src:a("gjBT"),alt:""}})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"data-statistics-icon"},[e("img",{attrs:{src:a("oj03"),alt:""}})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"data-statistics-icon"},[e("img",{attrs:{src:a("Vo6M"),alt:""}})])}]};var _=a("VU/8")(C,b,!1,function(t){a("jyPR")},"data-v-07be8c24",null).exports,x={name:"funnel-chart",props:{funnelData:{type:[Object,Array],default:function(){return{}}}},data:function(){return{}}},k={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"funnel-chart"},[a("div",{staticClass:"funnel-chart-body flex"},[t._m(0),t._v(" "),a("div",{staticClass:"chart-right"},[a("div",{staticClass:"chart-text"},[a("div",{staticClass:"space-line h-20 p-l-98 font-12 color-606066"},[t._v("关注服务号 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-16"}),t._v(" "),a("div",{staticClass:"space-line h-22 p-l-90 font-12 color-606066"},[t._v("访问活动着陆页 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-18"}),t._v(" "),a("div",{staticClass:"space-line h-26 p-l-80 font-12 color-606066"},[t._v("认证开卡 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-22"}),t._v(" "),a("div",{staticClass:"space-line h-29 p-l-72 font-12 color-606066"},[t._v("参与游戏 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-23"}),t._v(" "),a("div",{staticClass:"space-line h-32 p-l-60 font-12 color-606066"},[t._v("领取卡券 "+t._s(t._f("formatThousand")(t.funnelData.openCard))+" 人")]),t._v(" "),a("div",{staticClass:"bg-f5f7fa h-25"}),t._v(" "),a("div",{staticClass:"space-line h-38 p-l-45 font-12 color-606066"},[t._v("消费 "+t._s(t._f("formatThousand")(t.funnelData.orderCount))+" 人， "+t._s(t._f("formatThousand")(t.funnelData.orderAmount))+" 元")])])])]),t._v(" "),a("div",{staticClass:"funnel-chart-title font-12 color-000"},[t._v("- 响应转化漏斗 -")])])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"chart-left"},[a("div",{staticClass:"trapezoid-bg"},[a("div",{staticClass:"space-line h-20 r-60"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-16"}),t._v(" "),a("div",{staticClass:"space-line h-22 r-57"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-18"}),t._v(" "),a("div",{staticClass:"space-line h-26 r-52"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-22"}),t._v(" "),a("div",{staticClass:"space-line h-29 r-48"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-23"}),t._v(" "),a("div",{staticClass:"space-line h-32 r-42"}),t._v(" "),a("div",{staticClass:"inner-bg bg-f5f7fa h-25"}),t._v(" "),a("div",{staticClass:"space-line h-38"})])])}]};var w=a("VU/8")(x,k,!1,function(t){a("/VZe")},"data-v-211657d0",null).exports,D={name:"card-table",props:{barChartData:{type:[Array,Object],default:function(){return{}}},funnelData:{type:[Array,Object],default:function(){return{}}}},components:{funnelChart:w,dataStatisticsChild:_},data:function(){return{activeData:{exposure:0,attend:0,invited:0,attendRate:0,spread:0}}},methods:{},watch:{funnelData:function(t,e){m()(t).length&&(this.activeData=t)}},mounted:function(){m()(this.funnelData).length&&(this.activeData=this.funnelData)}},A={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"out-date-active flex flex-space-between"},[e("data-statistics-child",{attrs:{activeData:this.activeData,barChartData:this.barChartData}}),this._v(" "),e("funnel-chart",{attrs:{funnelData:this.funnelData}})],1)},staticRenderFns:[]};var I=a("VU/8")(D,A,!1,function(t){a("KCp1")},"data-v-d0de4b5a",null).exports,E=a("TQvf"),T=a.n(E),S={name:"in-progress-active",components:{outDateActive:I},data:function(){return{funnelData:{},barChartData:{columns:["日期","新增参与人数","新增受邀人数","传播系数"],rows:[{"日期":"1","新增参与人数":1393,"新增受邀人数":1093,"传播系数":.32},{"日期":"2","新增参与人数":3530,"新增受邀人数":3230,"传播系数":.26},{"日期":"3","新增参与人数":2923,"新增受邀人数":2623,"传播系数":.76},{"日期":"4","新增参与人数":1723,"新增受邀人数":1423,"传播系数":.49},{"日期":"5","新增参与人数":3192,"新增受邀人数":3192,"传播系数":.323},{"日期":"6","新增参与人数":3593,"新增受邀人数":3293,"传播系数":.78}]},selectItem:"",inProgressData:[{activityId:1,activityName:"",startDate:"",endDate:"",acitivityUrl:""}]}},methods:{selectLi:function(t){this.selectItem=t.activityId,this.getActivityData(t.activityId)},getActivityData:function(t){var e=this,a={activityId:t};Object(r.a)("/sharing-core-web/get-activity-data-summary",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.funnelData=a.result||{},e.barChartData=a.result.trend||{},!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},toEdit:function(t,e){this.$router.push("/createActive?activityId="+e.activityId)},toDataList:function(t,e){this.$router.push("/dataDetail?activityId="+e.activityId)},handleCopy:function(t,e){var a=new T.a(".copy-tag",{text:function(){return""+e.acitivityUrl}});a.on("success",function(t){u.a.showmsg("复制成功!","success"),a.destroy()}),a.on("error",function(t){u.a.showmsg("该浏览器不支持自动复制!","warning"),a.destroy()})},getTableList:function(){var t=this;Object(r.a)("/sharing-core-web/page-activity",{}).then(function(e){var a=e.data;if(1==a.errorCode){var i=(new Date).getTime(),n=[];return a.result.result&&a.result.result.length&&a.result.result.forEach(function(t){t.endDate>i&&n.push(t)}),t.inProgressData=n||[],n.length&&t.getActivityData(n[0].activityId),!1}s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.getTableList()}},O={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"in-progress-active border-box"},[a("ul",[t._l(t.inProgressData,function(e,i){return[a("li",{key:i+"data",class:["border-box",t.selectItem==e.activityId&&0!=i?"li-border":""]},[a("div",{staticClass:"in-progress-active-title flex flex-space-between border-box",on:{click:function(a){return a.stopPropagation(),t.selectLi(e)}}},[a("div",{staticClass:"active-title-left"},[a("div",{staticClass:"active-title-name font-18 color-303133"},[t._v(t._s(e.activityName))]),t._v(" "),a("div",{staticClass:"active-title-date font-14 color-909399 m-t-7"},[t._v(t._s(t._f("formatTimeYmdHms")(e.startDate))+" - "+t._s(t._f("formatTimeYmdHms")(e.endDate)))])]),t._v(" "),a("div",{staticClass:"active-title-right"},[a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toEdit(i,e)}}},[t._v("活动配置")]),t._v(" "),a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.handleCopy(i,e)}}},[t._v("复制路径")]),t._v(" "),a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toDataList(i,e)}}},[t._v("数据明细")])],1)]),t._v(" "),t.selectItem==e.activityId?a("div",{staticClass:"in-progress-active-body"},[a("out-date-active",{attrs:{barChartData:t.barChartData,funnelData:t.funnelData}})],1):t._e()])]})],2)])},staticRenderFns:[]};var N={name:"finished-active",components:{outDateActive:I},data:function(){return{funnelData:[],barChartData:{columns:["日期","访问用户","下单用户"],rows:[{"日期":"1/1","访问用户":1393,"下单用户":1093},{"日期":"1/2","访问用户":3530,"下单用户":3230},{"日期":"1/3","访问用户":2923,"下单用户":2623},{"日期":"1/4","访问用户":1723,"下单用户":1423},{"日期":"1/5","访问用户":3192,"下单用户":3192},{"日期":"1/6","访问用户":3593,"下单用户":3293}]},selectItem:"",finishedData:[{activityId:1,activityName:"1",startDate:1574300553953,endDate:1574300553953}],pageSize:20,currentPage:1,total:1}},methods:{selectLi:function(t){this.selectItem=t.activityId,this.getActivityData(t.activityId)},getActivityData:function(t){var e=this,a={activityId:t};Object(r.a)("/sharing-core-web/get-activity-data-summary",a).then(function(t){var a=t.data;if(1==a.errorCode)return e.funnelData=a.result,e.barChartData=a.result.trend,!1;s.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},toEdit:function(t,e){this.$router.push("/createActive?activityId="+e.activityId+"&editFlag=show")},toDataList:function(t,e){this.$router.push("/dataDetail?activityId="+e.activityId)},handleCopy:function(t,e){var a=new T.a(".copy-tag",{text:function(){return window.location.origin+"/?articleId="+e.articleId}});a.on("success",function(t){u.a.showmsg("复制成功!","success"),a.destroy()}),a.on("error",function(t){u.a.showmsg("该浏览器不支持自动复制!","warning"),a.destroy()})},handleSizeChange:function(t){this.pageSize=t,this.getData()},handleCurrentChange:function(t){this.currentPage=t,this.getData()},getTableList:function(){var t=this,e={pageNum:t.currentPage,pageSize:t.pageSize};Object(r.a)("/sharing-core-web/page-activity",e).then(function(e){var a=e.data,i=(new Date).getTime();if(1==a.errorCode){var n=[];return a.result.result&&a.result.result.length&&a.result.result.forEach(function(t){t.endDate<i&&n.push(t)}),t.finishedData=n||[],t.total=a.result.totalCount,!1}s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.getTableList()}},j={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"finished-active border-box"},[a("ul",[t._l(t.finishedData,function(e,i){return[a("li",{key:i+"data",class:["border-box",t.selectItem==e.activityId&&0!=i?"li-border":""]},[a("div",{staticClass:"finished-active-title flex flex-space-between border-box",on:{click:function(a){return a.stopPropagation(),t.selectLi(e)}}},[a("div",{staticClass:"active-title-left"},[a("div",{staticClass:"active-title-name font-18 color-303133"},[t._v(t._s(e.activityName))]),t._v(" "),a("div",{staticClass:"active-title-date font-14 color-909399 m-t-7"},[t._v(t._s(t._f("formatTimeYmdHms")(e.startDate))+" - "+t._s(t._f("formatTimeYmdHms")(e.endDate)))])]),t._v(" "),a("div",{staticClass:"active-title-right"},[a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toEdit(i,e)}}},[t._v("活动配置")]),t._v(" "),a("el-button",{attrs:{type:"primary",plain:""},on:{click:function(a){return t.toDataList(i,e)}}},[t._v("数据明细")])],1)]),t._v(" "),t.selectItem==e.activityId?a("div",{staticClass:"finished-active-body"},[a("out-date-active",{attrs:{barChartData:t.barChartData,funnelData:t.funnelData}})],1):t._e()])]})],2),t._v(" "),t.total?a("div",{staticClass:"pagination text-right m-t-14"},[a("el-pagination",{attrs:{small:"","page-size":t.pageSize,"current-page":t.currentPage,layout:"prev, pager, next",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()])},staticRenderFns:[]};var M={name:"share-index",components:{activeSelect:h,inProgressActive:a("VU/8")(S,O,!1,function(t){a("AQ8r")},"data-v-9cece7ba",null).exports,finishedActive:a("VU/8")(N,j,!1,function(t){a("kgpt")},"data-v-37036ee5",null).exports},data:function(){return{canCreate:!0}},methods:{judgeCreate:function(){var t=this;Object(r.a)("/sharing-core-web/can-create",{}).then(function(e){var a=e.data;if(1==a.errorCode)return t.canCreate=a.result,!1;s.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.judgeCreate()}},V={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"share-index common-wrap"},[a("div",{staticClass:"right-content border-box"},[t.canCreate?a("div",[a("div",{staticClass:"separator-space no-active"},[t._v("\n - 当前无进行中的活动，请创建活动，别让业绩白白流失！-\n ")]),t._v(" "),a("active-select")],1):t._e(),t._v(" "),a("div",[a("div",{staticClass:"separator-space"},[t._v("- 当前有正在进行的活动，无法创建新的活动 -")]),t._v(" "),a("in-progress-active"),t._v(" "),a("div",{staticClass:"separator-space"},[t._v("- 以下为已结束活动 -")]),t._v(" "),a("finished-active")],1)]),t._v(" "),a("vue-gic-footer")],1)},staticRenderFns:[]};var L=a("VU/8")(M,V,!1,function(t){a("oNxM")},"data-v-4a52da7d",null);e.default=L.exports},gjBT:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAABKJJREFUSA2VVl1oHFUU/s7sbNImltJoNbtN6l8wFiHG30JiamvFB61gaEK1INYHKRg3kSoI1Yeg9K3VxG0qEZT2SVBbXyoK9ScJSkogKdZCqhGlJrvZJk3qT2iT7O69fnfobCazsxt7YZjz8517zj3nnjMj+B+r6l1docK4GQoVfMqUhRK+xdJII4QrKovLsDE1GcMlEdHFtpRiyuq4jqYzuEtrrCmGc3UhC/NKY2zyVVwo5Ligww3v6fqMRrW72fW8QwpjydflfJBNnsNIXD9YegPO2f9Cz2VwL/NzS5BhMRkdDlphrMtYqEnF5Csv1vIyVYf1Ztamf+FvjFyxcE9qnwxZJTgrIWS9uGK0ZWEx8RpmshqtksXxaLd+xIvPObw1rm/PZnCS9SrjqTbxIpyOdOn9e9swfqONAcvGX17DQjQdppz6CVq4z2oFnDR7u/icw0WFwwTc5CqgESZ/oLcbA3MK6/fO4sdQGGM5fQGiRCG18Yi+g4Hf50A01i4oxF2443BDl95BwJOu0Pum08aFLH76sAJ7kjE5HwYdC656MS4tgswLHZjOpNHiypy3xlORbt1saMchj/3OMkA+s0YpfMQUf6HKYUXK0B+yMeGHsWZTnSKKwbf6dczYfiOT6BFdqxYReIX9RjzBNGv0bCIm3xmd6dOMQh3rzYMDJWEMM5CS+QX8YXj/oq7WUhns8iuCeDo7VWqjznVmMOMxSYayPG0IM9SrO2cwRWc7g+yNTGex2xaFBtap8BKkLcGbiRgOBk2PiX1yVWs9WHkQ6/s6JVPZrVuYvsBF8UM2hNOkAIBRm1v5XLJdhqU9cA9HeC2QqWiPrmbGNhdC0s1Gzl9UBQF4qmMVNu4vF5wL0gfJmLKdDD5venmwGy3OdqfgOaHgH16M3ZFVeGkmjbfmND7I6VYilK8dfHjjy7TFbE4uOF1qoT4EDCXm8QPlbzDcZx7o1cuDyhksEebGakHDkiSQmrUI+pUqxXoduLsOTYsaDWmFM0zNw8aEPbUuOY/tgeYeYVatmE4YXzaLeMIK4e3yMgz/chYf08Hznn0cknU2jfy1X+7lidnGbFzyyvw0HfY5BTafJBb8EwJq/CDD8/QztXWo7NsmmSD99ciEPSSRbvxOo9uKGbLYTyQ68E30fRxilKuKYQvoRpMdErdND0W79CHO09xEDzJgOlqIPcXGrmHanw7CFJMxSGegO8M7shq9TNtwMQPqmls/1bzAOL4CLl8t+D7ZgRNG4dTQEJEevUlnMMjbudbwQYszczufM4tpXCRuxVYxe9DBrIRRn2yTccM7JzTEZJuM8rY+Zi6I4YOWZmP/+bJcZgM7X4sgzDKZIMUAt7rOjC7n0DDJV2TEBrYyrIuG9y/WublTa4tBfe7X+XliLtg2miZi8rNXl0upV1jVo2uyaRxlbzV65YYWG4/ypKNM6SQfU9P8JfiWfwV7Eu2S95FedkLXcqJNfmORm/hj+yIjXfZxZr+2pNplmtgBF+++Gf0IHe1KdcjjQc4MjhkMXtc+OUfZp8cicWzhRNrBv+pGbrrF6d04PqNlLfkx1rSfA//LiXYZCt5tSfofVt6aUjcV2t0AAAAASUVORK5CYII="},jyPR:function(t,e){},kgpt:function(t,e){},mvHQ:function(t,e,a){t.exports={default:a("qkKv"),__esModule:!0}},oNxM:function(t,e){},oj03:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAAXNSR0IArs4c6QAABCxJREFUSA2tVl1oXEUU/mbu3d3au5uEVsyum6AkVWmLohSqqK2IL/7jg+2T+CI0VEmCpRSLfciLIIhFt5aY1/gg6Js+2BdFxL+gtrSk2J9IQ5LdVK3d/iT7k9x7j2eGvcvduXdTu/XCMnO++eZ883PmnBW4xW/XZ2T9UkTGJcjua1g6PSZW1nIp1hpca6z3PXKkhc0+kGvyJEi6WHSSmJ4ZEfUmHurcUPCuCcq5NWxRc6TE7/PDoqT6mwrUVfGw3SPcpuzwx7yVFGFq9k1xJYyrflvBvnHKuyv4mDnPgRo8ARKEYyKBodIbYp5FUxUfOz0f6yKOLSztyOG7z3cLLzwmw0bQzxVoh1fHNAs93xRTgyxMwDO+i+n8h/SkPjYXJ4J54ZY8pH9axEAYU/2I4NajlCYfk+y4xyQ3bUIX393kwAR1l/aLS7bApeZYqON5yIZM3Y0IXvZwkEfuNommTYS+Wg2HFM7bnjPHNY6Y+zWJ7OgFE2tnB1xnFdfiOJ6Aa+KRHXIU9ZmkdjYfu+bmqqjGcSwfZROPCDJh1iStYWvuTBcSJkcI+JkezJh4nOBxk9TOZqea6/twTI4tce7sa+K6iUcEpcARJkXO3pzIL9PjGC8onB96M9twAHmWhZMLo+J8ZI7immBxRJzke3zXxGPs9xeHxa/bJijhS2QtoM7PY16m8W1pVMzF8DXUNtNkC7SXV3uYI7Eli/Ax1vl3oDQi9O6yh2k7B09vIMBjLueWv1IW/rip1KYc9BdokPPSXhZ9VWccgU94J+PBcW0do+TlHjzCd9gdCIZbi7DwWD9OhdNb7A7zBVJORnjlL7KDloDgHVR4AV9ypThSGhY/qPL0YxH3c3nqD4sFfb7fq47EVFA9WgQfmCTn7zLGWeiVlhwazDZanvxpVwZDKhr5CraQi0GDok0Oon/2lPHz2Jjwm4KD43RHZQXHePUPxU1qiwmcSq3D07N7cDH/AR7lcrUhjpuwcEZdhRZUkVaq4RsWezyO/B+wqbTEEzUX0pPYydeRNOeoYNqYx9f6WRTrOHgLYsr3w8s+Di3sE1Xewawppmz2b5cXkRX5j2ij5+ICY5k44k1gy04KA/Uqrq9KPAU/WtyFxEXJ23/5fxBT63Kqdexu7PLP2IUSHMnF9tnYwQ5AEvx3hD+y4guyJCQ5deKeDnzHTuHnpH2t91CJI/g2rkg+6dvjBjvEtK9kPSrIiWI1aeO85OiJ1KwOxVSUaF/pHtQCH+o52DbmNtj4fu51UbaFjbe40HzFwusDUictO65xGjug5mbuBSXO4HjyKpa2DWBJ5dJiw6l++LmjtJkr4Nss+hLjLbmzwWvb6NwKfMEl/535UTHdltgY0IIBSWWcYhUPMngfO7qT86nDFdPhhehFMLbMWIXPbpmxkiVwtjeFE78NidXAx43afwGGeG0DzVSPiwAAAABJRU5ErkJggg=="},qkKv:function(t,e,a){var i=a("FeBl"),n=i.JSON||(i.JSON={stringify:JSON.stringify});t.exports=function(t){return n.stringify.apply(n,arguments)}}});
\ No newline at end of file
dist/static/js/manifest.3051b8db8b0e115d993d.js → dist/static/js/manifest.c8a326fde315870d4bcf.js
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,i,u,d=0,b=[];d<r.length;d++)i=r[d],t[i]&&b.push(t[i][0]),t[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);b.length;)b.shift()();if(f)for(d=0;d<f.length;d++)u=o(o.s=f[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"faf56cdf4f10498cbe2c",1:"5b546fa38466a0b05e37",2:"27da330c910cf42beb39",3:"b20b49b2fa998896c6f0",4:"e42560cdcc9ef2f1fe8a",5:"8ecd133bf1cda0bdffb4",6:"fda09ea240d5c03fd4f4",7:"b0fd74564cc799593b8f",8:"fe9ec49f63ecd8e527ba",9:"522a01ff8d619d2bf030",10:"e16b73d2d4b922255e52",11:"c11d02c33702d00b2e2e",12:"b96af0829c134b12bfbb"}[e]+".js";var a=setTimeout(i,12e4);function i(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=i,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,d,i,u=0,b=[];u<r.length;u++)d=r[u],t[d]&&b.push(t[d][0]),t[d]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);b.length;)b.shift()();if(f)for(u=0;u<f.length;u++)i=o(o.s=f[u]);return i};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"faf56cdf4f10498cbe2c",1:"5b546fa38466a0b05e37",2:"ed566b1e07400f265f24",3:"c97ed0ddd8c9f7390362",4:"e42560cdcc9ef2f1fe8a",5:"8ecd133bf1cda0bdffb4",6:"fda09ea240d5c03fd4f4",7:"b0fd74564cc799593b8f",8:"fe9ec49f63ecd8e527ba",9:"522a01ff8d619d2bf030",10:"e16b73d2d4b922255e52",11:"c11d02c33702d00b2e2e",12:"b96af0829c134b12bfbb"}[e]+".js";var a=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=d,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
src/components/active-config/base-config.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-18 10:37:02
* @LastEditors: 无尘
* @LastEditTime: 2019-11-28 14:31:15
* @LastEditTime: 2019-11-28 19:26:46
-->
<!--
<base-config @submitNext="submitNext"></base-config>
......@@ -14,91 +14,30 @@ import baseConfig from '@/components/active-config/base-config.vue';
<template>
<div class="base-config-content">
<div class="config-title font-14 color-303133">基本信息</div>
<el-form
label-width="114px"
:model="activeInfoData"
ref="baseForm"
:rules="rules"
>
<el-form-item
v-if="$route.query.activityId"
label="活动目的："
prop=""
>
{{activeInfoData.parentGoalName}} - {{activeInfoData.goalName}}
<el-form label-width="114px" :model="activeInfoData" ref="baseForm" :rules="rules">
<el-form-item v-if="$route.query.activityId" label="活动目的：" prop=""> {{ activeInfoData.parentGoalName }} - {{ activeInfoData.goalName }} </el-form-item>
<el-form-item v-if="$route.query.activityId" label="转化路径：" prop="">
<div>{{ activeInfoData.router && activeInfoData.router.length ? activeInfoData.router.map(ele => ele.transName).join('→') : '' }}</div>
</el-form-item>
<el-form-item
v-if="$route.query.activityId"
label="转化路径："
prop=""
>
<div>{{activeInfoData.router&&activeInfoData.router.length ? activeInfoData.router.map(ele=>ele.transName).join('→') : ''}}</div>
<el-form-item v-if="$route.query.activityId && activeInfoData.activityMarketPageName" label="活动营销页：" prop=""> </el-form-item>
<el-form-item v-if="$route.query.activityId && activeInfoData.gamePlanName" label="游戏计划：" prop=""> </el-form-item>
<el-form-item v-if="$route.query.activityId && activeInfoData.cardCoupName" label="卡券：" prop=""> </el-form-item>
<el-form-item label="活动名称：" prop="activityName">
<limitInput :inputWidth="350" :disflag="$route.query.interfaceId ? true : false" :inputValue.sync="activeInfoData.activityName" :holder="'请输入活动名称'" :getByType="'word'" :maxLength="30"> </limitInput>
</el-form-item>
<el-form-item
v-if="$route.query.activityId && activeInfoData.activityMarketPageName"
label="活动营销页："
prop=""
> </el-form-item>
<el-form-item
v-if="$route.query.activityId && activeInfoData.gamePlanName"
label="游戏计划："
prop=""
> </el-form-item>
<el-form-item
v-if="$route.query.activityId && activeInfoData.cardCoupName"
label="卡券："
prop=""
> </el-form-item>
<el-form-item
label="活动名称："
prop="activityName"
>
<limitInput
:inputWidth="350"
:disflag="$route.query.interfaceId ? true : false"
:inputValue.sync="activeInfoData.activityName"
:holder="'请输入活动名称'"
:getByType="'word'"
:maxLength="30"
> </limitInput>
</el-form-item>
<el-form-item
label="活动有效期："
prop="dateRange"
>
<el-date-picker
class="m-l-10"
prefix-icon="el-icon-time"
:picker-options="pickerOptions"
v-model="activeInfoData.dateRange"
@change="changeDate"
:editable="false"
:value-format="'yyyy-MM-dd HH:mm:ss'"
:default-time="['00:00:00', '23:59:59']"
type="daterange"
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
> </el-date-picker>
<el-form-item label="活动有效期：" prop="dateRange">
<el-date-picker class="m-l-10" prefix-icon="el-icon-time" :picker-options="pickerOptions" v-model="activeInfoData.dateRange" @change="changeDate" :editable="false" :value-format="'yyyy-MM-dd HH:mm:ss'" :default-time="['00:00:00', '23:59:59']" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
</el-form-item>
<el-form-item class="m-t-50">
<el-button
type="primary"
@click="returnBack"
>返回</el-button>
<el-button
type="primary"
@click="submitForm('baseForm')"
>下一步</el-button>
<el-button type="primary" @click="returnBack">返回</el-button>
<el-button type="primary" @click="submitForm('baseForm')">下一步</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import limitInput from '@/components/limit-input.vue';
import { getRequest,postRequest } from '@/api/api';
import { getRequest, postRequest } from '@/api/api';
// import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
import timeFormat from '@/common/js/timeFormat';
......@@ -121,6 +60,7 @@ export default {
cardCoupId: '',
activityMarketPageName: '',
gamePlanName: '',
gamePlanUrl: '',
cardCoupName: '',
router: '',
activityName: '',
......@@ -147,7 +87,7 @@ export default {
}
return time.getTime() < Date.now() - 8.64e6;
}
},
}
};
},
methods: {
......@@ -234,7 +174,7 @@ export default {
}
resData.result.startDate = timeFormat.timeToDateTime(resData.result.startDate);
resData.result.endDate = timeFormat.timeToDateTime(resData.result.endDate);
resData.result.dateRange = [resData.result.startDate,resData.result.endDate];
resData.result.dateRange = [resData.result.startDate, resData.result.endDate];
that.activeInfoData = resData.result;
return false;
}
......@@ -246,7 +186,7 @@ export default {
message: error.message
});
});
},
}
},
mounted() {
const that = this;
......@@ -261,17 +201,18 @@ export default {
that.activeInfoData.activityMarketPageName = info.activityMarketPageName;
that.activeInfoData.gamePlanId = info.gameValue[1];
that.activeInfoData.gamePlanName = info.gamePlanName;
that.activeInfoData.gamePlanUrl = info.gamePlanUrl;
that.activeInfoData.cardCoupId = info.cardValue;
that.activeInfoData.cardCoupName = info.cardCoupName;
that.activeInfoData.router = info.pathArr
that.activeInfoData.router = info.pathArr;
}
// 上一步获取状态内数据
if (Object.keys(that.$store.state.baseInfo).length) {
that.$nextTick(()=> {
that.$nextTick(() => {
that.activeInfoData = JSON.parse(JSON.stringify(that.$store.state.baseInfo));
})
});
}
},
}
};
</script>
<style lang="less" scoped>
......
src/components/active-config/card-config.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-18 10:37:02
* @LastEditors: 无尘
* @LastEditTime: 2019-11-28 14:06:31
* @LastEditTime: 2019-11-28 15:20:58
-->
<!--
<card-config @submitBack="submitBack" @submitNext="submitNext"></card-config>
......@@ -14,51 +14,26 @@ import cardConfig from '@/components/active-config/card-config.vue';
<template>
<div class="card-config-content">
<div class="config-title font-14 color-303133">小程序卡片配置</div>
<div
role="alert"
class="el-alert el-alert--info"
>
<div role="alert" class="el-alert el-alert--info">
<i class="el-alert__icon el-icon-info font-12 color-1890ff"></i>
<div class="el-alert__content">
<span class="el-alert__title color-606266 font-14 font-w-400">1. 邀请人可在活动中心一键转发【会员认证流程】的小程序卡片给微信好友，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！<br />
2. 受邀人服务号关注后，系统将自动发送【会员认证流程】的小程序卡片，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！</span>
<span class="el-alert__title color-606266 font-14 font-w-400"
>1. 邀请人可在活动中心一键转发【会员认证流程】的小程序卡片给微信好友，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！<br />
2. 受邀人服务号关注后，系统将自动发送【会员认证流程】的小程序卡片，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！</span
>
</div>
</div>
<div class="form-wrap flex">
<el-form
label-width="114px"
:model="activeInfoData"
ref="cardForm"
:rules="rules"
>
<el-form-item
label="页面标题："
prop="appletTitle"
>
<limitInput
:inputWidth="503"
:disflag="$route.query.interfaceId ? true : false"
:inputValue.sync="activeInfoData.appletTitle"
:holder="'请输入页面标题'"
:getByType="'word'"
:maxLength="40"
> </limitInput>
<el-form label-width="114px" :model="activeInfoData" ref="cardForm" :rules="rules">
<el-form-item label="页面标题：" prop="appletTitle">
<limitInput :inputWidth="503" :disflag="$route.query.interfaceId ? true : false" :inputValue.sync="activeInfoData.appletTitle" :holder="'请输入页面标题'" :getByType="'word'" :maxLength="40"> </limitInput>
</el-form-item>
<el-form-item
label="海报上传："
prop="palyBillUrl"
>
<single-upload v-model="activeInfoData.palyBillUrl"> </single-upload>
<el-form-item label="海报上传：" prop="playBillUrl">
<single-upload v-model="activeInfoData.playBillUrl"> </single-upload>
</el-form-item>
<el-form-item class="m-t-50">
<el-button
type="primary"
@click="submitBack"
>上一步</el-button>
<el-button
type="primary"
@click="submitForm('cardForm')"
>下一步</el-button>
<el-button type="primary" @click="submitBack">上一步</el-button>
<el-button type="primary" @click="submitForm('cardForm')">下一步</el-button>
</el-form-item>
</el-form>
<div class="form-preview">
......@@ -67,10 +42,7 @@ import cardConfig from '@/components/active-config/card-config.vue';
<div class="form-preview-inner">
<div class="form-preview-title">{{ activeInfoData.appletTitle }}</div>
<div class="form-preview-img flex flex-pack-center flex-align-center">
<img
:src="activeInfoData.palyBillUrl"
alt=""
/>
<img :src="activeInfoData.playBillUrl" alt="" />
</div>
</div>
</div>
......@@ -96,11 +68,11 @@ export default {
return {
activeInfoData: {
appletTitle: '',
palyBillUrl: ''
playBillUrl: ''
},
rules: {
appletTitle: [{ required: true, message: '请输入页面标题', trigger: 'blur' }],
palyBillUrl: [{ required: true, message: '请上传海报图片', trigger: 'blur' }]
playBillUrl: [{ required: true, message: '请上传海报图片', trigger: 'blur' }]
}
};
},
......@@ -130,7 +102,7 @@ export default {
const that = this;
let para = {
activityId: that.activeInfoData.activityId,
palyBillUrl: that.activeInfoData.palyBillUrl,
playBillUrl: that.activeInfoData.playBillUrl,
appletTitle: that.activeInfoData.appletTitle
};
postRequest('/sharing-core-web/edit-activity-applet', para)
......@@ -162,6 +134,9 @@ export default {
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
if (!resData.result) {
return false;
}
that.activeInfoData = resData.result;
return false;
}
......@@ -184,9 +159,9 @@ export default {
that.activeInfoData.activityId = JSON.parse(JSON.stringify(that.$store.state.baseInfo)).activityId;
}
if (Object.keys(that.$store.state.cardInfo).length) {
that.$nextTick(()=> {
that.$nextTick(() => {
that.activeInfoData = JSON.parse(JSON.stringify(that.$store.state.cardInfo));
})
});
}
}
};
......
src/components/active-config/center-config.vue
......@@ -14,104 +14,47 @@ import centerConfig from '@/components/active-config/center-config.vue';
<template>
<div class="center-config-content">
<div class="config-title font-14 color-303133">活动中心配置</div>
<div
role="alert"
class="el-alert el-alert--info"
>
<div role="alert" class="el-alert el-alert--info">
<i class="el-alert__icon el-icon-info font-12 color-1890ff"></i>
<div class="el-alert__content">
<span class="el-alert__title color-606266 font-14 font-w-400">1. 活动中心是邀请人访问的页面，用于介绍活动和奖励规则，展示受邀人清单和奖励信息。<br />
2. 当前活动的转化路径以服务号作为受邀人入口，邀请人可在活动中心一键服务号的带二维码海报，以实现朋友圈转发。</span>
<span class="el-alert__title color-606266 font-14 font-w-400"
>1. 活动中心是邀请人访问的页面，用于介绍活动和奖励规则，展示受邀人清单和奖励信息。<br />
2. 当前活动的转化路径以服务号作为受邀人入口，邀请人可在活动中心一键服务号的带二维码海报，以实现朋友圈转发。</span
>
</div>
</div>
<div class="form-wrap flex">
<el-form
label-width="144px"
:model="activeInfoData"
ref="centerForm"
:rules="rules"
>
<el-form-item
label="头图上传："
prop="headUrl"
>
<el-form label-width="144px" :model="activeInfoData" ref="centerForm" :rules="rules">
<el-form-item label="头图上传：" prop="headUrl">
<single-upload v-model="activeInfoData.headUrl"> </single-upload>
</el-form-item>
<el-form-item
label="分享按钮："
prop=""
>
<el-form-item label="分享按钮：" prop="">
<div class="flex">
<span class="color-wrap flex flex-pack-center flex-space-between border-box">背景色<el-color-picker v-model="activeInfoData.shareBackColor"></el-color-picker></span><span class="color-wrap flex flex-space-between flex-pack-center border-box">文字色<el-color-picker v-model="activeInfoData.shareFontColor"></el-color-picker></span>
</div>
</el-form-item>
<el-form-item
label="分享按钮文案："
prop="shareButtonFont"
>
<limitInput
:inputWidth="394"
:disflag="$route.query.editFlag ? true : false"
:inputValue.sync="activeInfoData.shareButtonFont"
:holder="'请输入分享按钮文案'"
:getByType="'word'"
:maxLength="20"
> </limitInput>
<el-form-item label="分享按钮文案：" prop="shareButtonFont">
<limitInput :inputWidth="394" :disflag="$route.query.editFlag ? true : false" :inputValue.sync="activeInfoData.shareButtonFont" :holder="'请输入分享按钮文案'" :getByType="'word'" :maxLength="20"> </limitInput>
</el-form-item>
<el-form-item
label="活动介绍展现模式："
prop="activityIntroduceMode"
>
<el-radio-group
v-model="activeInfoData.activityIntroduceMode"
@change="changeMode"
>
<el-form-item label="活动介绍展现模式：" prop="activityIntroduceMode">
<el-radio-group v-model="activeInfoData.activityIntroduceMode" @change="changeMode">
<el-radio label="1">文字模式</el-radio>
<el-radio label="2">图文模式</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if="activeInfoData.activityIntroduceMode == 1"
label="活动介绍文案："
prop="activityIntroduceDetail"
>
<el-form-item v-if="activeInfoData.activityIntroduceMode == 1" label="活动介绍文案：" prop="activityIntroduceDetail">
<div class="w-400">
<tinymce-edit
:disabledEdit="$route.query.editFlag ? true : false"
ref="tinymceWrap"
:bodyHtml="activeInfoData.activityIntroduceDetail"
@changeEditor="changeEditor"
></tinymce-edit>
<tinymce-edit :disabledEdit="$route.query.editFlag ? true : false" ref="tinymceWrap" :bodyHtml="activeInfoData.activityIntroduceDetail" @changeEditor="changeEditor"></tinymce-edit>
</div>
</el-form-item>
<el-form-item
v-if="activeInfoData.activityIntroduceMode == 2"
label="选择图文模板："
prop="activityIntroduceId"
>
<el-select
size="large"
v-model="activeInfoData.activityIntroduceId"
@change="changePage"
placeholder="请选择自定义页面"
>
<el-option
v-for="item in markingList"
:key="item.pageId"
:label="item.name"
:value="item.pageId"
> </el-option>
<el-form-item v-if="activeInfoData.activityIntroduceMode == 2" label="选择图文模板：" prop="activityIntroduceId">
<el-select size="large" v-model="activeInfoData.activityIntroduceId" @change="changePage" placeholder="请选择自定义页面">
<el-option v-for="item in markingList" :key="item.pageId" :label="item.name" :value="item.pageId"> </el-option>
</el-select>
</el-form-item>
<el-form-item class="m-t-50">
<el-button
type="primary"
@click="submitBack"
>上一步</el-button>
<el-button
type="primary"
@click="submitForm('centerForm')"
>下一步</el-button>
<el-button type="primary" @click="submitBack">上一步</el-button>
<el-button type="primary" @click="submitForm('centerForm')">下一步</el-button>
</el-form-item>
</el-form>
<div class="form-preview">
......@@ -119,31 +62,18 @@ import centerConfig from '@/components/active-config/center-config.vue';
<div class="form-preview-inner">
<div class="form-preview-body">
<div class="form-preview-body_top">
<img
:src="activeInfoData.headUrl"
alt=""
/>
<img :src="activeInfoData.headUrl" alt="" />
</div>
<div class="form-preview-body_middle border-box">
<div class="form-preview-body_content">
<div
class="form-preview-btn"
:style="{ background: activeInfoData.shareBackColor, color: activeInfoData.shareFontColor }"
>{{ activeInfoData.shareButtonFont }}</div>
<div class="form-preview-btn" :style="{ background: activeInfoData.shareBackColor, color: activeInfoData.shareFontColor }">{{ activeInfoData.shareButtonFont }}</div>
</div>
</div>
<div class="form-preview-body_rules border-box">
<div class="rules-title">活动规则</div>
<div
v-if="activeInfoData.activityIntroduceMode == 1"
class="rules-body"
v-html="activeInfoData.activityIntroduceDetail"
></div>
<div v-if="activeInfoData.activityIntroduceMode == 1" class="rules-body" v-html="activeInfoData.activityIntroduceDetail"></div>
<!-- v-if="activeInfoData.activityIntroduceMode == 2" -->
<app-template
v-if="activeInfoData.activityIntroduceMode == 2"
:templateData="templateData"
></app-template>
<app-template v-if="activeInfoData.activityIntroduceMode == 2" :templateData="templateData"></app-template>
</div>
</div>
</div>
......@@ -173,7 +103,7 @@ export default {
},
data() {
const validateTemp = (rule, value, callback) => {
if (value === '' && this.activeInfoData.activityIntroduceMode==2) {
if (value === '' && this.activeInfoData.activityIntroduceMode == 2) {
callback(new Error('选择图文模板'));
} else {
callback();
......@@ -194,9 +124,7 @@ export default {
headUrl: [{ required: true, message: '请上传头图上', trigger: 'blur' }],
shareButtonFont: [{ required: true, message: '请输入分享按钮文案', trigger: 'blur' }],
activityIntroduceDetail: [{ required: true, message: '请完善活动介绍文案', trigger: 'blur' }],
activityIntroduceId: [
{ validator: validateTemp, trigger: 'blur' }
],
activityIntroduceId: [{ validator: validateTemp, trigger: 'blur' }]
},
templateData: []
};
......@@ -307,7 +235,7 @@ export default {
shareFontColor: that.activeInfoData.shareFontColor,
shareButtonFont: that.activeInfoData.shareButtonFont,
activityIntroduceMode: that.activeInfoData.activityIntroduceMode,
activityIntroduceDetail: that.activeInfoData.activityIntroduceMode ==2 ? JSON.stringify(that.activeInfoData.activityIntroduceDetail) : that.activeInfoData.activityIntroduceDetail,
activityIntroduceDetail: that.activeInfoData.activityIntroduceMode == 2 ? JSON.stringify(that.activeInfoData.activityIntroduceDetail) : that.activeInfoData.activityIntroduceDetail,
activityIntroduceId: that.activeInfoData.activityIntroduceId
};
postRequest('/sharing-core-web/edit-activity-center', para)
......@@ -339,10 +267,13 @@ export default {
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
if (!resData.result) {
return false;
}
resData.result.activityIntroduceMode = String(resData.result.activityIntroduceMode);
that.activeInfoData = resData.result;
that.getMarkingList();
that.changePage(that.activeInfoData.activityIntroduceId)
that.changePage(that.activeInfoData.activityIntroduceId);
return false;
}
errMsg.errorMsg(resData);
......@@ -364,15 +295,14 @@ export default {
that.activeInfoData.activityId = JSON.parse(JSON.stringify(that.$store.state.baseInfo)).activityId;
}
if (Object.keys(that.$store.state.centerInfo).length) {
that.$nextTick(()=>{
that.$nextTick(() => {
that.activeInfoData = JSON.parse(JSON.stringify(that.$store.state.centerInfo));
if (that.$store.state.centerInfo.activityIntroduceMode == 2) {
that.getMarkingList();
that.changePage(that.activeInfoData.activityIntroduceId)
that.changePage(that.activeInfoData.activityIntroduceId);
}
})
});
}
}
};
......
src/components/active-config/configs/consume-config.vue
......@@ -14,23 +14,11 @@ import consumeConfig from '@/components/active-config/configs/consume-config.vue
<template>
<div class="consume-config border-box">
<el-form
label-width="154px"
:model="consumeAction"
ref="consumeForm"
:rules="rules"
>
<el-form-item
label="消费门店控制："
prop=""
>
<el-form label-width="154px" :model="consumeAction" ref="consumeForm" :rules="rules">
<el-form-item label="消费门店控制：" prop="">
<ul class="flex ">
<template v-for="(item, index) in consumeStoreData">
<li
:class="['li-cell li-second-cell flex-1 ', consumeAction.consumeStoreControlFlag == item.goalId ? 'li-second-active' : '']"
:key="index + 'first'"
@click="selectStore(item)"
>
<li :class="['li-cell li-second-cell flex-1 ', consumeAction.consumeStoreControlFlag == item.goalId ? 'li-second-active' : '']" :key="index + 'first'" @click="selectStore(item)">
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -49,46 +37,24 @@ import consumeConfig from '@/components/active-config/configs/consume-config.vue
</li>
</template>
</ul>
<div
v-if="consumeAction.consumeStoreControlFlag == 1"
class="store-select-wrap"
>
<div v-if="consumeAction.consumeStoreControlFlag == 1" class="store-select-wrap">
<div class="store-select-title">
<el-tooltip placement="top">
<div slot="content">该文案将显示在消费奖励规则中，<br />向活动参与者说明消费门店的条件要求，<br />请尽量用简洁易懂的描述。</div>
<span class="font-12 color-606266 cursor-pointer store-title-name">门店条件文案：</span>
</el-tooltip>
<limitInput
:inputWidth="385"
:disflag="$route.query.editFlag ? true : false"
:inputValue.sync="consumeAction.consumeStoreName"
:holder="'请输入门店条件文案'"
:getByType="'char'"
:maxLength="30"
> </limitInput>
<limitInput :inputWidth="385" :disflag="$route.query.editFlag ? true : false" :inputValue.sync="consumeAction.consumeStoreName" :holder="'请输入门店条件文案'" :getByType="'char'" :maxLength="30"> </limitInput>
</div>
<div class="store-select-body">
<vue-gic-store-card
:readonly="$route.query.editFlag ? true : false"
:uuid.sync="uuid"
ref="storeCard"
></vue-gic-store-card>
<vue-gic-store-card :readonly="$route.query.editFlag ? true : false" :uuid.sync="uuid" ref="storeCard"></vue-gic-store-card>
</div>
</div>
</el-form-item>
<el-form-item
class="m-t-20"
label="成交额控制："
prop=""
>
<el-form-item class="m-t-20" label="成交额控制：" prop="">
<ul class="flex ">
<template v-for="(item, index) in dealAmountData">
<li
:class="['li-cell li-second-cell flex-1 ', consumeAction.dealAmountControlFlag == item.goalId ? 'li-second-active' : '']"
:key="index + 'first'"
@click="selectMoney(item)"
>
<li :class="['li-cell li-second-cell flex-1 ', consumeAction.dealAmountControlFlag == item.goalId ? 'li-second-active' : '']" :key="index + 'first'" @click="selectMoney(item)">
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -107,41 +73,20 @@ import consumeConfig from '@/components/active-config/configs/consume-config.vue
</li>
</template>
</ul>
<div
v-if="consumeAction.dealAmountControlFlag == 1"
class="store-select-wrap child-select-wrap"
>
<div v-if="consumeAction.dealAmountControlFlag == 1" class="store-select-wrap child-select-wrap">
<div class="store-select-title">
<span class="font-14 color-606266">控制区间：</span>
<el-input-number
v-model="consumeAction.dealAmountControlMin"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<el-input-number v-model="consumeAction.dealAmountControlMin" controls-position="right" :min="1" :max="999999"> </el-input-number>
<span class="font-14 color-606266 p-l-3 p-r-10">元 - </span>
<el-input-number
v-model="consumeAction.dealAmountControlMax"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<el-input-number v-model="consumeAction.dealAmountControlMax" controls-position="right" :min="1" :max="999999"> </el-input-number>
<span class="font-14 color-606266">元 </span>
</div>
</div>
</el-form-item>
<el-form-item
class="m-t-20"
label="单笔成交件数控制："
prop=""
>
<el-form-item class="m-t-20" label="单笔成交件数控制：" prop="">
<ul class="flex">
<template v-for="(item, index) in singleDealData">
<li
:class="['li-cell li-second-cell flex-1 ', consumeAction.singleDealNumberControlFlag == item.goalId ? 'li-second-active' : '']"
:key="index + 'first'"
@click="selectNumber(item)"
>
<li :class="['li-cell li-second-cell flex-1 ', consumeAction.singleDealNumberControlFlag == item.goalId ? 'li-second-active' : '']" :key="index + 'first'" @click="selectNumber(item)">
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -160,25 +105,12 @@ import consumeConfig from '@/components/active-config/configs/consume-config.vue
</li>
</template>
</ul>
<div
v-if="consumeAction.singleDealNumberControlFlag == 1"
class="store-select-wrap child-select-wrap"
>
<div v-if="consumeAction.singleDealNumberControlFlag == 1" class="store-select-wrap child-select-wrap">
<div class="store-select-title">
<span class="font-14 color-606266">控制区间：</span>
<el-input-number
v-model="consumeAction.singleDealNumberControlMin"
controls-position="right"
:min="1"
:max="99"
> </el-input-number>
<el-input-number v-model="consumeAction.singleDealNumberControlMin" controls-position="right" :min="1" :max="99"> </el-input-number>
<span class="font-14 color-606266 p-l-3 p-r-10">件 - </span>
<el-input-number
v-model="consumeAction.singleDealNumberControlMax"
controls-position="right"
:min="1"
:max="99"
> </el-input-number>
<el-input-number v-model="consumeAction.singleDealNumberControlMax" controls-position="right" :min="1" :max="99"> </el-input-number>
<span class="font-14 color-606266">件 </span>
</div>
</div>
......@@ -190,6 +122,25 @@ import consumeConfig from '@/components/active-config/configs/consume-config.vue
import limitInput from '@/components/limit-input.vue';
export default {
name: 'consume-config',
props: {
value: {
type: [Object, Array],
default() {
return {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
};
}
}
},
components: {
limitInput
},
......@@ -252,12 +203,16 @@ export default {
submitForm() {
const that = this;
that.consumeAction.storeList = that.refs.storeCard.rightList;
that.$refs['consumeForm'].validate(valid => {
if (valid) {
that.consumeAction.storeList = that.refs.storeCard.rightList;
} else {
return false;
}
return new Promise(function(resolve, reject) {
that.$refs['consumeForm'].validate(valid => {
if (valid) {
that.consumeAction.storeList = that.refs.storeCard.rightList;
that.$emit('input', that.consumeAction);
resolve(that.consumeAction);
} else {
reject(false);
}
});
});
},
/**
......@@ -283,9 +238,15 @@ export default {
that.consumeAction.singleDealNumberControlFlag = item.goalId;
}
},
watch: {
value(newData) {
const that = this;
that.consumeAction = JSON.parse(JSON.stringify(newData));
}
},
mounted() {
const that = this;
console.log(that.refs.storeCard.rightList);
that.consumeAction = JSON.parse(JSON.stringify(that.value));
}
};
</script>
......
src/components/active-config/configs/entry-award.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-21 16:37:02
* @LastEditors: 无尘
* @LastEditTime: 2019-11-25 14:26:41
* @LastEditTime: 2019-11-28 15:36:25
-->
<!--
<entry-award></entry-award>
......@@ -14,23 +14,11 @@ import entryAward from '@/components/active-config/configs/entry-award.vue';
<template>
<div class="entry-award border-box">
<el-form
label-width="154px"
:model="passAward"
ref="rewardForm"
:rules="rules"
>
<el-form-item
label="闯关指标（多选）："
prop=""
>
<el-form label-width="154px" :model="passAward" ref="rewardForm" :rules="rules">
<el-form-item label="闯关指标（多选）：" prop="">
<ul class="flex ">
<template v-for="(item, index) in modeData">
<li
:class="['li-cell li-second-cell flex-1 ', item.check ? 'li-second-active' : '']"
:key="index + 'first'"
@click="selectStore(item)"
>
<li :class="['li-cell li-second-cell flex-1 ', item.check ? 'li-second-active' : '']" :key="index + 'first'" @click="selectStore(item)">
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -50,28 +38,14 @@ import entryAward from '@/components/active-config/configs/entry-award.vue';
</template>
</ul>
</el-form-item>
<el-form-item
v-if="passAward.dealNumberFlag == 1"
class="m-t-20"
label="成交人数闯关奖项："
prop=""
>
<el-table
:data="passAward.dealNumberSettingParam"
style="width: 100%"
>
<el-form-item v-if="passAward.dealNumberFlag == 1" class="m-t-20" label="成交人数闯关奖项：" prop="">
<el-table :data="passAward.dealNumberSettingParam" style="width: 100%">
<el-table-column label="排名">
<template slot-scope="scope">
<div class="cell">
<div>
<span class="font-14 color-606266 p-r-10">满</span>
<el-input-number
class="w-90"
v-model="scope.row.people"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<el-input-number class="w-90" v-model="scope.row.people" controls-position="right" :min="1" :max="999999"> </el-input-number>
<span class="font-14 color-606266 p-l-10">人</span>
</div>
</div>
......@@ -83,71 +57,32 @@ import entryAward from '@/components/active-config/configs/entry-award.vue';
<div>
<div>
<el-checkbox v-model="scope.row.pointCheck">积分</el-checkbox>
<el-input-number
class="w-146"
v-model="scope.row.point"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<el-input-number class="w-146" v-model="scope.row.point" controls-position="right" :min="1" :max="999999"> </el-input-number>
</div>
<div class="m-t-10">
<el-checkbox v-model="scope.row.cardCheck">卡券</el-checkbox>
<el-select
class="w-146"
v-model="scope.row.cardId"
placeholder="请选择"
>
<el-option
v-for="item in cardOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
<el-select class="w-146" v-model="scope.row.cardId" placeholder="请选择">
<el-option v-for="item in cardOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</div>
</div>
<el-button
v-if="scope.$index !=0"
class="m-l-16"
@click.stop="deleteRow(scope.$index, passAward.dealNumberSettingParam)"
type="text"
size="small"
>
<el-button v-if="scope.$index != 0" class="m-l-16" @click.stop="deleteRow(scope.$index, passAward.dealNumberSettingParam)" type="text" size="small">
删除
</el-button>
</div>
</template>
</el-table-column>
</el-table>
<div
class="add-line text-center cursor-pointer"
@click="addPeopleItem"
><i class="el-icon-plus color-1890ff"></i><span class="color-1890ff font-14 p-l-10">添加奖项</span></div>
<div class="add-line text-center cursor-pointer" @click="addPeopleItem"><i class="el-icon-plus color-1890ff"></i><span class="color-1890ff font-14 p-l-10">添加奖项</span></div>
</el-form-item>
<el-form-item
v-if="passAward.dealAmountFlag == 1"
class="m-t-20"
label="成交额闯关奖项: "
prop=""
>
<el-table
:data="passAward.dealAmountSettingParam"
style="width: 100%"
>
<el-form-item v-if="passAward.dealAmountFlag == 1" class="m-t-20" label="成交额闯关奖项: " prop="">
<el-table :data="passAward.dealAmountSettingParam" style="width: 100%">
<el-table-column label="排名">
<template slot-scope="scope">
<div class="cell">
<div>
<span class="font-14 color-606266 p-r-10">满</span>
<el-input-number
class="w-90"
v-model="scope.row.money"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<el-input-number class="w-90" v-model="scope.row.money" controls-position="right" :min="1" :max="999999"> </el-input-number>
<span class="font-14 color-606266 p-l-10">元</span>
</div>
</div>
......@@ -159,49 +94,23 @@ import entryAward from '@/components/active-config/configs/entry-award.vue';
<div>
<div>
<el-checkbox v-model="scope.row.pointCheck">积分</el-checkbox>
<el-input-number
class="w-146"
v-model="scope.row.point"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<el-input-number class="w-146" v-model="scope.row.point" controls-position="right" :min="1" :max="999999"> </el-input-number>
</div>
<div class="m-t-10">
<el-checkbox v-model="scope.row.cardCheck">卡券</el-checkbox>
<el-select
class="w-146"
v-model="scope.row.cardId"
placeholder="请选择"
>
<el-option
v-for="item in cardOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
<el-select class="w-146" v-model="scope.row.cardId" placeholder="请选择">
<el-option v-for="item in cardOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</div>
</div>
<el-button
v-if="scope.$index !=0"
class="m-l-16"
@click.stop="deleteRow(scope.$index, passAward.dealAmountSettingParam)"
type="text"
size="small"
>
<el-button v-if="scope.$index != 0" class="m-l-16" @click.stop="deleteRow(scope.$index, passAward.dealAmountSettingParam)" type="text" size="small">
删除
</el-button>
</div>
</template>
</el-table-column>
</el-table>
<div
class="add-line text-center cursor-pointer"
@click="addMoneyItem"
><i class="el-icon-plus color-1890ff"></i><span class="color-1890ff font-14 p-l-10">添加奖项</span></div>
<div class="add-line text-center cursor-pointer" @click="addMoneyItem"><i class="el-icon-plus color-1890ff"></i><span class="color-1890ff font-14 p-l-10">添加奖项</span></div>
</el-form-item>
</el-form>
</div>
......@@ -209,24 +118,15 @@ import entryAward from '@/components/active-config/configs/entry-award.vue';
<script>
export default {
name: 'entry-award',
components: {
},
components: {},
data() {
return {
passAward: {
"dealNumberFlag": 0, //成交人数开关 1开启
"dealAmountFlag": 0, //成交额开关 1开启
"dealNumberSettingParam": [
{
},
{
}
], //成交人数奖项 成交人数奖项json
"dealAmountSettingParam": [{},{}], //成交额奖项 成交额奖项json
"stepType": 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
modeData: [
{
......@@ -242,7 +142,7 @@ export default {
check: false
}
],
cardOptions: [],//卡券数据
cardOptions: [] //卡券数据
};
},
methods: {
......@@ -265,13 +165,13 @@ export default {
*/
selectStore(item) {
const that = this;
item.check = item.check ? false: true;
if(item.goalId == 1) {
that.passAward.dealNumberFlag = item.check ? 1: 0;
}else {
that.passAward.dealAmountFlag = item.check ? 1: 0;
item.check = item.check ? false : true;
if (item.goalId == 1) {
that.passAward.dealNumberFlag = item.check ? 1 : 0;
} else {
that.passAward.dealAmountFlag = item.check ? 1 : 0;
}
console.log(item.check,that.passAward.dealNumberFlag)
console.log(item.check, that.passAward.dealNumberFlag);
},
/**
* 删除：
......@@ -286,29 +186,25 @@ export default {
*/
addPeopleItem() {
const that = this;
that.passAward.dealNumberSettingParam.push(
{
people: 1,
point: 1,
pointCheck: false,
cardId: '',
cardCheck: false,
}
)
that.passAward.dealNumberSettingParam.push({
people: 1,
point: 1,
pointCheck: false,
cardId: '',
cardCheck: false
});
},
addMoneyItem() {
const that = this; //成交额奖项 成交额奖项json
that.passAward.dealAmountSettingParam.push(
{
people: 1,
point: 1,
pointCheck: false,
cardId: '',
cardCheck: false,
}
)
that.passAward.dealAmountSettingParam.push({
people: 1,
point: 1,
pointCheck: false,
cardId: '',
cardCheck: false
});
}
},
}
/* mounted() {
} */
......
src/components/active-config/configs/fraud-control.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-21 16:37:02
* @LastEditors: 无尘
* @LastEditTime: 2019-11-25 16:10:37
* @LastEditTime: 2019-11-28 15:24:54
-->
<!--
<fraud-control></fraud-control>
......@@ -14,20 +14,33 @@ import fraudControl from '@/components/active-config/configs/fraud-control.vue';
<template>
<div class="fraud-control border-box">
<el-form label-width="154px" :model="pointFreeze" ref="rewardForm" :rules="rules">
<div role="alert" class="el-alert el-alert--info">
<el-form
label-width="154px"
:model="pointFreeze"
ref="rewardForm"
:rules="rules"
>
<div
role="alert"
class="el-alert el-alert--info"
>
<i class="el-alert__icon el-icon-info font-12 color-1890ff"></i>
<div class="el-alert__content">
<span class="el-alert__title color-606266 font-14 font-w-400"
>为了获取邀请人奖励，可能会出现恶意盗刷的情况，因此系统支持对单个受邀人的成交额累计上限做控制。<br />
这能有效的杜绝邀请人在闯关奖励、竞赛奖励中采用作弊手段（即时奖励有单独的限制控制，该成交额上限对即时奖励不起作用）。</span
>
<span class="el-alert__title color-606266 font-14 font-w-400">为了获取邀请人奖励，可能会出现恶意盗刷的情况，因此系统支持对单个受邀人的成交额累计上限做控制。<br />
这能有效的杜绝邀请人在闯关奖励、竞赛奖励中采用作弊手段（即时奖励有单独的限制控制，该成交额上限对即时奖励不起作用）。</span>
</div>
</div>
<el-form-item label="成交额上限控制：" prop="">
<el-form-item
label="成交额上限控制："
prop=""
>
<ul class="flex ">
<template v-for="(item, index) in modeData">
<li :class="['li-cell li-second-cell flex-1 ', pointFreeze.numberLimitType == item.goalId ? 'li-second-active' : '']" :key="index + 'first'" @click="selectStore(item)">
<li
:class="['li-cell li-second-cell flex-1 ', pointFreeze.numberLimitType == item.goalId ? 'li-second-active' : '']"
:key="index + 'first'"
@click="selectStore(item)"
>
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -46,24 +59,43 @@ import fraudControl from '@/components/active-config/configs/fraud-control.vue';
</li>
</template>
</ul>
<div v-if="pointFreeze.numberLimitType == 2" class="store-select-wrap">
<div
v-if="pointFreeze.numberLimitType == 2"
class="store-select-wrap"
>
<div class="store-select-title">
<span class="font-14 color-606266">限制额度：</span>
<el-input-number v-model="pointFreeze.numberLimitNum" controls-position="right" :min="1" :max="999999"> </el-input-number>
<el-input-number
v-model="pointFreeze.numberLimitNum"
controls-position="right"
:min="1"
:max="999999"
> </el-input-number>
<span class="font-14 color-606266">元</span>
</div>
</div>
</el-form-item>
<div role="alert" class="el-alert el-alert--info m-t-20">
<div
role="alert"
class="el-alert el-alert--info m-t-20"
>
<i class="el-alert__icon el-icon-info font-12 color-1890ff"></i>
<div class="el-alert__content">
<span class="el-alert__title color-606266 font-14 font-w-400">转化路径的一系列节点中，消费行为尤其特殊，因为可以申请退款，所以涉及到奖励回收的问题。请根据自身的活动政策，配置相关的风险控制策略。注意：仅针对即时奖励可进行控制，闯关奖励、竞赛奖励和受邀人奖励不作回收处理。由于即时奖励中没有卡券类奖励，因此没有卡券处理方案的配置。</span>
</div>
</div>
<el-form-item class="m-t-20" label="积分处理方案：" prop="">
<el-form-item
class="m-t-20"
label="积分处理方案："
prop=""
>
<ul class="flex ">
<template v-for="(item, index) in contentData">
<li :class="['li-cell li-second-cell flex-1 ', pointFreeze.awardLimitType == item.goalId ? 'li-second-active' : '']" :key="index + 'first'" @click="selectMoney(item)">
<li
:class="['li-cell li-second-cell flex-1 ', pointFreeze.awardLimitType == item.goalId ? 'li-second-active' : '']"
:key="index + 'first'"
@click="selectMoney(item)"
>
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -82,17 +114,33 @@ import fraudControl from '@/components/active-config/configs/fraud-control.vue';
</li>
</template>
</ul>
<div v-if="pointFreeze.awardLimitType == 1" class="store-select-wrap child-select-wrap">
<div
v-if="pointFreeze.awardLimitType == 1"
class="store-select-wrap child-select-wrap"
>
<div class="store-select-title">
<span class="font-14 color-606266">延时时长：</span>
<el-input-number v-model="pointFreeze.operateDay" controls-position="right" :min="1" :max="99"> </el-input-number>
<el-input-number
v-model="pointFreeze.operateDay"
controls-position="right"
:min="1"
:max="99"
> </el-input-number>
<span class="font-14 color-606266 p-l-3 p-r-10">天</span>
</div>
</div>
<div v-if="pointFreeze.awardLimitType == 2" class="store-select-wrap child-select-wrap">
<div
v-if="pointFreeze.awardLimitType == 2"
class="store-select-wrap child-select-wrap"
>
<div class="store-select-title">
<span class="font-14 color-606266">冻结时长：</span>
<el-input-number v-model="pointFreeze.operateDay" controls-position="right" :min="1" :max="99"> </el-input-number>
<el-input-number
v-model="pointFreeze.operateDay"
controls-position="right"
:min="1"
:max="99"
> </el-input-number>
<span class="font-14 color-606266 p-l-3 p-r-10">天</span>
</div>
</div>
......@@ -187,10 +235,9 @@ export default {
});
}
},
mounted() {
/* mounted() {
const that = this;
console.log(that.refs.storeCard.rightList);
}
} */
};
</script>
<style lang="less" scoped>
......
src/components/active-config/configs/spot-award.vue
......@@ -250,11 +250,11 @@ export default {
infinity: false
});
}
},
mounted() {
}
/* mounted() {
const that = this;
console.log(that.refs.storeCard.rightList);
}
} */
};
</script>
<style lang="less" scoped>
......
src/components/active-config/poster-config.vue
......@@ -14,37 +14,22 @@ import posterConfig from '@/components/active-config/poster-config.vue';
<template>
<div class="poster-config-content">
<div class="config-title font-14 color-303133">分享海报配置</div>
<div
role="alert"
class="el-alert el-alert--info"
>
<div role="alert" class="el-alert el-alert--info">
<i class="el-alert__icon el-icon-info font-12 color-1890ff"></i>
<div class="el-alert__content">
<span class="el-alert__title color-606266 font-14 font-w-400">1. 当前活动的转化路径以小程序作为受邀人入口，邀请人可在活动中心一键保存小程序带二维码海报以实现朋友圈转发。 <br />
2. 请对分享海报进行配置，一张生动而有感染力的活动海报，是活动成败的关键！</span>
<span class="el-alert__title color-606266 font-14 font-w-400"
>1. 当前活动的转化路径以小程序作为受邀人入口，邀请人可在活动中心一键保存小程序带二维码海报以实现朋友圈转发。 <br />
2. 请对分享海报进行配置，一张生动而有感染力的活动海报，是活动成败的关键！</span
>
</div>
</div>
<div class="form-wrap flex">
<el-form
label-width="114px"
:model="activeInfoData"
ref="posterForm"
:rules="rules"
>
<el-form-item
label="模板选择："
prop=""
>
<el-form label-width="114px" :model="activeInfoData" ref="posterForm" :rules="rules">
<el-form-item label="模板选择：" prop="">
<div class="template-body">
<ul class="flex">
<li
:class="['border-box ', activeInfoData.templateType == 1 ? 'select-li' : '']"
@click="selectTemplate(1)"
>
<img
src="../../assets/images/templete-null.png"
alt=""
/>
<li :class="['border-box ', activeInfoData.templateType == 1 ? 'select-li' : '']" @click="selectTemplate(1)">
<img src="../../assets/images/templete-null.png" alt="" />
<div class="common-cell-check">
<div class="common-cell-triangle">
<div class="common-cell-outer">
......@@ -53,14 +38,8 @@ import posterConfig from '@/components/active-config/poster-config.vue';
</div>
</div>
</li>
<li
:class="['m-l-10 border-box flex flex-align-center', activeInfoData.templateType == 2 ? 'select-li' : '']"
@click="selectTemplate(2)"
>
<img
src="../../assets/images/templete-null.png"
alt=""
/>
<li :class="['m-l-10 border-box flex flex-align-center', activeInfoData.templateType == 2 ? 'select-li' : '']" @click="selectTemplate(2)">
<img src="../../assets/images/templete-null.png" alt="" />
<div class="common-cell-check">
<div class="common-cell-triangle">
<div class="common-cell-outer">
......@@ -69,14 +48,8 @@ import posterConfig from '@/components/active-config/poster-config.vue';
</div>
</div>
</li>
<li
:class="['m-l-10 border-box flex flex-align-end', activeInfoData.templateType == 3 ? 'select-li' : '']"
@click="selectTemplate(3)"
>
<img
src="../../assets/images/templete-null.png"
alt=""
/>
<li :class="['m-l-10 border-box flex flex-align-end', activeInfoData.templateType == 3 ? 'select-li' : '']" @click="selectTemplate(3)">
<img src="../../assets/images/templete-null.png" alt="" />
<div class="common-cell-check">
<div class="common-cell-triangle">
<div class="common-cell-outer">
......@@ -85,15 +58,8 @@ import posterConfig from '@/components/active-config/poster-config.vue';
</div>
</div>
</li>
<li
:class="['m-l-10 border-box flex flex-align-end flex-pack-end', activeInfoData.templateType == 4 ? 'select-li' : '']"
@click="selectTemplate(4)"
>
<img
class="w-24"
src="../../assets/images/templete-null.png"
alt=""
/>
<li :class="['m-l-10 border-box flex flex-align-end flex-pack-end', activeInfoData.templateType == 4 ? 'select-li' : '']" @click="selectTemplate(4)">
<img class="w-24" src="../../assets/images/templete-null.png" alt="" />
<div class="common-cell-check">
<div class="common-cell-triangle">
<div class="common-cell-outer">
......@@ -105,72 +71,30 @@ import posterConfig from '@/components/active-config/poster-config.vue';
</ul>
</div>
</el-form-item>
<el-form-item
label="海报上传："
prop="playBillUrl"
>
<post-upload
v-model="activeInfoData.playBillUrl"
:limitFlag="2"
:width="750"
:height="1300"
> </post-upload>
<el-form-item label="海报上传：" prop="playBillUrl">
<post-upload v-model="activeInfoData.playBillUrl" :limitFlag="2" :width="750" :height="1300"> </post-upload>
</el-form-item>
<el-form-item
label="二维码配置："
prop=""
>
<el-form-item label="二维码配置：" prop="">
<div class="item-bg border-box">
<div class="flex">
<span class="color-wrap flex flex-pack-center flex-space-between border-box">前景色<el-color-picker
v-model="activeInfoData.qrcodeFrontColor"
@change="changeFront"
></el-color-picker></span><span class="color-wrap flex flex-space-between flex-pack-center border-box">背景色<el-color-picker
v-model="activeInfoData.qrcodeBackColor"
@change="changeBg"
></el-color-picker></span>
<span class="color-wrap flex flex-pack-center flex-space-between border-box">前景色<el-color-picker v-model="activeInfoData.qrcodeFrontColor" @change="changeFront"></el-color-picker></span><span class="color-wrap flex flex-space-between flex-pack-center border-box">背景色<el-color-picker v-model="activeInfoData.qrcodeBackColor" @change="changeBg"></el-color-picker></span>
<span class="font-14 color-606266 p-l-20">内边距</span>
<el-input-number
class="w-90 m-l-20"
v-model="activeInfoData.qrcodePadding"
controls-position="right"
@change="changePadding"
:min="1"
:max="60"
></el-input-number>
<el-input-number class="w-90 m-l-20" v-model="activeInfoData.qrcodePadding" controls-position="right" @change="changePadding" :min="1" :max="60"></el-input-number>
</div>
</div>
</el-form-item>
<el-form-item class="m-t-50">
<el-button
type="primary"
@click="submitBack"
>上一步</el-button>
<el-button
type="primary"
@click="submitForm('posterForm')"
>下一步</el-button>
<el-button type="primary" @click="submitBack">上一步</el-button>
<el-button type="primary" @click="submitForm('posterForm')">下一步</el-button>
</el-form-item>
</el-form>
<div class="form-preview">
<div class="form-preview-top font-14 color-303133">效果预览</div>
<div
class="form-preview-body"
:style="{ backgroundImage: `url(${activeInfoData.playBillUrl})`, backgroundSize: '100%' }"
>
<div class="form-preview-body" :style="{ backgroundImage: `url(${activeInfoData.playBillUrl})`, backgroundSize: '100%' }">
<ul>
<li :class="['border-box', activeInfoData.templateType == 2 ? 'flex flex-align-center' : activeInfoData.templateType == 3 ? 'flex flex-align-end' : activeInfoData.templateType == 4 ? 'flex flex-align-end flex-pack-end li-50' : '']">
<!-- <img src="../../assets/images/templete-null.png" alt="" /> -->
<vue-qr
text="123456"
:margin="activeInfoData.qrcodePadding"
:correctLevel="3"
:colorLight="activeInfoData.qrcodeBackColor"
:colorDark="activeInfoData.qrcodeFrontColor"
:backgroundColor="activeInfoData.qrcodeBackColor"
:logoSrc="''"
:size="100"
></vue-qr>
<vue-qr text="123456" :margin="activeInfoData.qrcodePadding" :correctLevel="3" :colorLight="activeInfoData.qrcodeBackColor" :colorDark="activeInfoData.qrcodeFrontColor" :backgroundColor="activeInfoData.qrcodeBackColor" :logoSrc="''" :size="100"></vue-qr>
</li>
</ul>
</div>
......@@ -184,7 +108,7 @@ import VueQr from 'vue-qr';
// import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
import { getRequest,postRequest } from '@/api/api';
import { getRequest, postRequest } from '@/api/api';
export default {
name: 'poster-config',
props: {},
......@@ -276,6 +200,9 @@ export default {
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
if (!resData.result) {
return false;
}
that.activeInfoData = resData.result;
return false;
}
......@@ -298,9 +225,9 @@ export default {
that.activeInfoData.activityId = JSON.parse(JSON.stringify(that.$store.state.baseInfo)).activityId;
}
if (Object.keys(that.$store.state.posterInfo).length) {
that.$nextTick(()=> {
that.$nextTick(() => {
that.activeInfoData = JSON.parse(JSON.stringify(that.$store.state.posterInfo));
})
});
}
}
};
......
src/components/active-config/reward-config.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-18 10:37:02
* @LastEditors: 无尘
* @LastEditTime: 2019-11-28 14:53:36
* @LastEditTime: 2019-11-28 15:35:05
-->
<!--
<reward-config @submitBack="submitBack" @submitNext="submitNext"></reward-config>
......@@ -14,29 +14,14 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
<template>
<div class="reward-config-content">
<div class="config-title font-14 color-303133">奖励配置</div>
<el-form
label-width="154px"
:model="activeInfoData"
ref="rewardForm"
:rules="rules"
>
<el-form-item
label="奖励模式："
prop="awardMode"
>
<el-form label-width="154px" :model="activeInfoData" ref="rewardForm" :rules="rules">
<el-form-item label="奖励模式：" prop="awardMode">
<ul class="flex">
<template v-for="(item, index) in awardData">
<li
:class="['li-cell flex-1 ', activeInfoData.awardMode == item.goalId ? 'li-cell-active' : '']"
:key="index + 'first'"
@click="selectMode(item)"
>
<li :class="['li-cell flex-1 ', activeInfoData.awardMode == item.goalId ? 'li-cell-active' : '']" :key="index + 'first'" @click="selectMode(item)">
<div class="li-cell-inner flex ">
<div class="li-cell-left flex flex-align-center flex-pack-center">
<img
:src="activeInfoData.awardMode == item.goalId ? item.selectedIconUrl : item.iconUrl"
alt=""
/>
<img :src="activeInfoData.awardMode == item.goalId ? item.selectedIconUrl : item.iconUrl" alt="" />
</div>
<div class="li-cell-right border-box flex flex-column ">
<div class="li-cell-active_name flex flex-align-center font-18 color-303133">{{ item.goalName }}</div>
......@@ -54,17 +39,10 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
</template>
</ul>
</el-form-item>
<el-form-item
label="奖励方案（多选）："
prop="dateRange"
>
<el-form-item v-if="activeInfoData.awardMode == 1" label="奖励方案（多选）：" prop="">
<ul class="flex m-t-48">
<template v-for="(item, index) in awardTypeData">
<li
:class="['li-cell li-second-cell flex-1 ', activeInfoData[item.key] ? 'li-second-active' : '']"
:key="index + 'second'"
@click="selectModeType(item, activeInfoData)"
>
<li :class="['li-cell li-second-cell flex-1 ', activeInfoData[item.key] ? 'li-second-active' : '']" :key="index + 'second'" @click="selectModeType(item, activeInfoData)">
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -84,103 +62,54 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
</template>
</ul>
</el-form-item>
<el-form-item class="m-t-50">
<el-tabs
v-model="activeName"
type="card"
@tab-click="handleClick"
>
<el-tab-pane
label="消费行为控制"
name="first"
>
<el-form-item v-if="activeInfoData.awardMode == 1" class="m-t-50">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="消费行为控制" name="first">
<!-- 消费行为控制 -->
<consume-config></consume-config>
</el-tab-pane>
<el-tab-pane
label="即时奖励配置"
name="second"
>
<el-tab-pane label="即时奖励配置" name="second">
<!-- 即时奖励配置 -->
<spot-award></spot-award>
</el-tab-pane>
<el-tab-pane
label="闯关奖励配置"
name="third"
>
<el-tab-pane label="闯关奖励配置" name="third">
<!-- 闯关奖励配置 -->
<entry-award></entry-award>
</el-tab-pane>
<el-tab-pane
label="竞赛奖励配置"
name="four"
>
<el-tab-pane label="竞赛奖励配置" name="four">
<competition-award></competition-award>
<!-- 竞赛奖励配置 -->
</el-tab-pane>
<el-tab-pane
label="受邀人奖励"
name="five"
>
<el-tab-pane label="受邀人奖励" name="five">
<!-- 受邀人奖励 -->
<invitee-reward></invitee-reward>
</el-tab-pane>
<el-tab-pane
label="防欺诈风险控制"
name="six"
>
<el-tab-pane label="防欺诈风险控制" name="six">
<!-- 防欺诈风险控制 -->
<fraud-control></fraud-control>
</el-tab-pane>
</el-tabs>
</el-form-item>
<el-form-item class="m-t-50">
<el-form-item v-if="activeInfoData.awardMode == 2" class="m-t-50">
<ul class="active-big-class">
<template v-for="(parentItem, ind) in ProgressiveData">
<li
:key="ind + 'set'"
:class="['parent-li-cell border-box', parentItem.serviceAttentionFlag ? 'show-active-li' : '']"
>
<div
class="progress-active-title flex flex-space-between border-box"
@click.stop="selectLi(parentItem)"
>
<li :key="ind + 'set'" :class="['parent-li-cell border-box', parentItem.serviceAttentionFlag ? 'show-active-li' : '']">
<div class="progress-active-title flex flex-space-between border-box">
<div class="active-title-left">
<div class="active-title-title font-16 color-303133">{{ parentItem.title }}</div>
<div class="active-title-subtitle font-14 color-606266 m-t-7">{{ parentItem.subTitle }}</div>
</div>
<div class="active-title-right flex flex-align-center">
<el-switch
v-model="parentItem.serviceAttentionFlag"
active-text=""
inactive-text=""
> </el-switch>
<el-switch v-model="parentItem.serviceAttentionFlag" active-text="" inactive-text=""> </el-switch>
</div>
</div>
<div
v-if="parentItem.serviceAttentionFlag"
class="set-body"
>
<div
data-v-6033a8b1=""
class="el-form-item m-t-44"
>
<label
for=""
class="el-form-item__label"
style="width: 115px;"
>奖励模式：</label>
<div
class="el-form-item__content"
style="margin-left: 115px;"
>
<div v-if="parentItem.serviceAttentionFlag" class="set-body">
<div data-v-6033a8b1="" class="el-form-item m-t-44">
<label for="" class="el-form-item__label" style="width: 115px;">奖励模式：</label>
<div class="el-form-item__content" style="margin-left: 115px;">
<ul class="flex m-t-48">
<template v-for="(item, index) in awardTypeData">
<li
:class="['li-cell li-second-cell flex-1 ', parentItem[item.key] ? 'li-second-active' : '']"
:key="index + 'second'"
@click="selectModeType(item, parentItem)"
>
<li :class="['li-cell li-second-cell flex-1 ', parentItem[item.key] ? 'li-second-active' : '']" :key="index + 'second'" @click="selectModeType(item, parentItem)">
<div class="li-cell-inner">
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -201,51 +130,28 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
</ul>
</div>
</div>
<el-tabs
class="m-t-30"
v-model="parentItem.activeName"
type="card"
@tab-click="handleClick"
>
<el-tab-pane
label="消费行为控制"
name="first"
>
<el-tabs class="m-t-30" v-model="parentItem.activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="消费行为控制" name="first">
<!-- 消费行为控制 -->
<consume-config></consume-config>
</el-tab-pane>
<el-tab-pane
label="即时奖励配置"
name="second"
>
<el-tab-pane label="即时奖励配置" name="second">
<!-- 即时奖励配置 -->
<spot-award></spot-award>
</el-tab-pane>
<el-tab-pane
label="闯关奖励配置"
name="third"
>
<el-tab-pane label="闯关奖励配置" name="third">
<!-- 闯关奖励配置 -->
<entry-award></entry-award>
</el-tab-pane>
<el-tab-pane
label="竞赛奖励配置"
name="four"
>
<el-tab-pane label="竞赛奖励配置" name="four">
<competition-award></competition-award>
<!-- 竞赛奖励配置 -->
</el-tab-pane>
<el-tab-pane
label="受邀人奖励"
name="five"
>
<el-tab-pane label="受邀人奖励" name="five">
<!-- 受邀人奖励 -->
<invitee-reward></invitee-reward>
</el-tab-pane>
<el-tab-pane
label="防欺诈风险控制"
name="six"
>
<el-tab-pane label="防欺诈风险控制" name="six">
<!-- 防欺诈风险控制 -->
<fraud-control></fraud-control>
</el-tab-pane>
......@@ -256,14 +162,8 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
</ul>
</el-form-item>
<el-form-item class="m-t-50">
<el-button
type="primary"
@click="submitBack"
>上一步</el-button>
<el-button
type="primary"
@click="submitForm('rewardForm')"
>确认新建</el-button>
<el-button type="primary" @click="submitBack">上一步</el-button>
<el-button type="primary" @click="submitForm('rewardForm')">确认新建</el-button>
</el-form-item>
</el-form>
</div>
......@@ -296,11 +196,104 @@ export default {
return {
activeInfoData: {
activityId: '',
awardMode: '',
instantAwardFlag: 0, // 即时
awardMode: '1',
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0, // 竞赛
dateRange: []
dateRange: [],
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
},
rules: {
awardMode: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
......@@ -348,24 +341,619 @@ export default {
],
// el-tabs
activeName: 'first',
// 渐进式奖励
ProgressiveData: [
{
activeName: 'first', // tab,
serviceAttentionFlag: true,
title: '服务号关注奖励',
subTitle: '当受邀人成功关注了服务号之后触发的奖励，开启后可配置相关奖励内容，若该行为无奖励则保持关闭状态即可。',
instantAwardFlag: 0, // 即时
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0 // 竞赛
competitionAwardFlag: 0, // 竞赛
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
},
{
activeName: 'first',
serviceAttentionFlag: true,
title: '活动营销页访问奖励',
subTitle: '当受邀人成功访问了指定活动营销页之后触发的奖励，开启后可配置相关奖励内容，若该行为无奖励则保持关闭状态即可。',
instantAwardFlag: 0, // 即时
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0, // 竞赛
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
},
{
activeName: 'first',
serviceAttentionFlag: true,
title: '会员认证奖励',
subTitle: '当受邀人完成了会员认证之后触发的奖励，开启后可配置相关奖励内容，若该行为无奖励则保持关闭状态即可。',
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0, // 竞赛
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
},
{
activeName: 'first',
serviceAttentionFlag: true,
title: '游戏参与奖励',
subTitle: '当受邀人成功参与了指定游戏之后触发的奖励，开启后可配置相关奖励内容，若该行为无奖励则保持关闭状态即可。',
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0, // 竞赛
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
},
{
activeName: 'first',
serviceAttentionFlag: true,
title: '卡券领取奖励',
subTitle: '当受邀人成功领取了指定卡券之后触发的奖励，开启后可配置相关奖励内容，若该行为无奖励则保持关闭状态即可。',
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0 // 竞赛
competitionAwardFlag: 0, // 竞赛
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
},
{
activeName: 'first',
serviceAttentionFlag: true,
title: '消费奖励',
subTitle: '当受邀人进行了消费之后触发的奖励，开启后可配置相关奖励内容，若该行为无奖励则保持关闭状态即可。',
instantAwardFlag: 1, // 即时
passAwardFlag: 0, // 闯关
competitionAwardFlag: 0, // 竞赛
// 消费行为控制
consumeAction: {
consumeStoreControlFlag: 0, //消费门店控制开关 1控制，0不控制
consumeStoreName: '', //消费门店文案
dealAmountControlFlag: 0, //成交额控制开关 0不控制，1控制区间
dealAmountControlMin: 0, //成交额控制最小值
dealAmountControlMax: 0, //成交额控制最大值
singleDealNumberControlFlag: 0, //单笔成交件数控制开关 0不控制，1控制区间
singleDealNumberControlMin: 0, //单笔成交件数最小值
singleDealNumberControlMax: 0, //单笔成交件数最大值
uuid: '',
storeList: []
},
// 即时奖励
instanceAward: {
instanceMade: 1, //即时奖励模式 1、定额奖励，2阶梯奖励，3成交额等比奖励
instancePoint: 0, //奖励积分（定额中的积分，等比中的积分）
instanceNumber: 0, //等比奖励种的每多少元
instanceContent: [
{
start: 1,
end: 5,
point: 1,
infinity: false
},
{
start: 10,
end: 20,
point: 1,
infinity: false
}
], //即时奖励内容（阶梯内容） 奖励内容json字符串
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //限制奖励次数
awardLimitPoint: 0, //限制奖励额度
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 闯关奖励
passAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [{}, {}], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 竞赛奖励
compitionAward: {
dealNumberFlag: 0, //成交人数开关 1开启
dealAmountFlag: 0, //成交额开关 1开启
dealNumberSettingParam: [], //成交人数奖项 成交人数奖项json
dealAmountSettingParam: [], //成交额奖项 成交额奖项json
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
},
// 受邀人奖励
invitedAward: {
pointSettingFlag: true, //积分奖励开关 1开启
cardSettingFlag: true, //卡券开关 1开启
point: {
awardMode: 1, //1、定额，2、阶梯，3、等比
awardPoint: 1, //定额奖励积分
awardStepParam: [
{
amount: 1,
point: 1,
cardName: ''
}
],
awardPerAmount: 0, //等比奖励中的每成交多少元
awardPerPoint: 0, //等比奖励中积分
shareFontColor: '分享按钮文字色'
},
card: {
cardAwardMode: 0,
cardId: '',
cardName: '',
awardStepParam: [
{
amount: 1,
cardId: '',
cardName: ''
}
]
}
},
// 防欺诈
pointFreeze: {
numberLimitType: 1,
numberLimitNum: 1,
awardLimitType: 1, //奖励限制类型 1、不限制奖励（推荐），2、限制奖励次数，3、限制奖励额度
awardLimitNumber: 0, //额度
operateDay: 1, //限制延时
stepType: 1 //步骤类型 类型：1服务号关注，2活动营销页访问奖励，3会员认证奖励，4游戏参与奖励，5卡券领取奖励6，消费奖励
}
}
]
};
......@@ -450,6 +1038,9 @@ export default {
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
if (!resData.result) {
return false;
}
that.activeInfoData = resData.result;
return false;
}
......@@ -472,9 +1063,9 @@ export default {
that.activeInfoData.activityId = JSON.parse(JSON.stringify(that.$store.state.baseInfo)).activityId;
}
if (Object.keys(that.$store.state.rewardInfo).length) {
that.$nextTick(()=> {
that.activeInfoData = JSON.parse(JSON.stringify(that.$store.state.rewardInfo));
})
that.$nextTick(() => {
that.activeInfoData = JSON.parse(JSON.stringify(that.$store.state.rewardInfo));
});
}
}
};
......
src/components/active/active-select.vue
......@@ -17,17 +17,10 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="active-select-title font-22 color-303133 font-w-600">请选择您的活动目的</div>
<ul class="flex flex-space-between">
<template v-for="(item, index) in firstData">
<li
:class="['li-cell flex-1 ', firstGoal.goalId == item.goalId ? 'li-cell-active' : '']"
:key="index + 'first'"
@click="selectFirst(item)"
>
<li :class="['li-cell flex-1 ', firstGoal.goalId == item.goalId ? 'li-cell-active' : '']" :key="index + 'first'" @click="selectFirst(item)">
<div class="li-cell-inner flex ">
<div class="li-cell-left flex flex-align-center flex-pack-center">
<img
:src="firstGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl"
alt=""
/>
<img :src="firstGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl" alt="" />
</div>
<div class="li-cell-right border-box flex flex-column ">
<div class="li-cell-active_name flex flex-align-center font-18 color-303133">{{ item.goalName }}</div>
......@@ -49,17 +42,10 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="active-select-title font-22 color-303133 font-w-600">请进一步明确活动目的</div>
<ul class="flex flex-pack-center m-t-48">
<template v-for="(item, index) in secondData">
<li
:class="['li-cell li-second-cell flex-1 ', secondGoal.goalId == item.goalId ? 'li-second-active' : '']"
:key="index + 'second'"
@click="selectSecond(item)"
>
<li :class="['li-cell li-second-cell flex-1 ', secondGoal.goalId == item.goalId ? 'li-second-active' : '']" :key="index + 'second'" @click="selectSecond(item)">
<div class="li-cell-inner">
<div class="li-cell-top border-box flex flex-align-center flex-pack-center">
<img
:src="secondGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl"
alt=""
/><span class="p-l-15 font-18 color-303133">{{ item.goalName }}</span>
<img :src="secondGoal.goalId == item.goalId ? item.selectedIconUrl : item.iconUrl" alt="" /><span class="p-l-15 font-18 color-303133">{{ item.goalName }}</span>
</div>
<div class="li-cell-bottom border-box">
<div class="li-cell-scene">
......@@ -89,18 +75,10 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="active-select-subtitle font-14 color-606266">基于您的活动设计期望，配置受邀人的转化路径（即受邀人需要经历的交互步骤）。系统会根据您所选择的转化路径，自动配置服务号关注后回复、认证后卡券投放等营销脚本。您只需要根据自身需求选择路径，并选择相关的营销活动页、游戏计划或卡券。</div>
<ul class="flex flex-pack-center m-t-50">
<template v-for="(item, index) in thirdData">
<li
v-if="item.display == 1"
:class="['li-cell li-third-cell flex-1 ', item.check ? 'li-third-active' : '', item.mustFlag ? 'li-third-active-disable' : '']"
:key="index + 'third'"
@click="selectThird(item)"
>
<li v-if="item.display == 1" :class="['li-cell li-third-cell flex-1 ', item.check ? 'li-third-active' : '', item.mustFlag ? 'li-third-active-disable' : '']" :key="index + 'third'" @click="selectThird(item)">
<div class="li-cell-inner border-box">
<div class="li-cell-path_img flex flex-pack-center flex-pack--center">
<img
:src="item.check ? item.selectedIconUrl : item.iconUrl"
alt=""
/>
<img :src="item.check ? item.selectedIconUrl : item.iconUrl" alt="" />
</div>
<div class="li-cell-path_title font-16 color-303133 text-center">{{ item.transName }}</div>
<div class="li-cell-path_text font-14 color-606266">{{ item.description }}</div>
......@@ -122,76 +100,29 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="active-select-subtitle font-14 color-606266">根据您配置的转化路径，请确保完成以下工作，否则活动无法被正常执行。</div>
<ul class="flex flex-pack-center m-t-50">
<template v-for="(item, index) in fourData">
<li
v-if="(item.id=='marking' && pathNames.includes('访问活动营销页')) || (item.id=='game'&&pathNames.includes('游戏参与')) || (item.id=='card'&&pathNames.includes('卡券领取'))"
class="li-four-cell flex-1 "
:key="index + 'four'"
>
<li v-if="(item.id == 'marking' && pathNames.includes('访问活动营销页')) || (item.id == 'game' && pathNames.includes('游戏参与')) || (item.id == 'card' && pathNames.includes('卡券领取'))" class="li-four-cell flex-1 " :key="index + 'four'">
<div class="li-cell-inner border-box">
<div class="li-cell-title font-18 color-303133 font-w-600">{{ item.title }}</div>
<div class="li-cell-subtitle font-14 color-606266">{{ item.text }}</div>
<div
v-if="item.id=='marking'"
class="li-cell-tip font-14 color-303133"
>如果您还没有创建活动营销页，请立即前往创建。</div>
<div
v-if="item.id=='game'"
class="li-cell-tip font-14 color-303133"
>如果您还没有创建游戏计划，请立即前往创建。</div>
<div
v-if="item.id=='card'"
class="li-cell-tip font-14 color-303133"
>如果您还没有创建卡券，请立即前往创建。</div>
<div
v-if="item.id=='marking'"
class="li-cell-select"
>
<el-select
size="large"
v-model="markingValue"
placeholder="请选择活动着陆页"
>
<el-option
v-for="item in markingList"
:key="item.pageId"
:label="item.name"
:value="item.pageId"
> </el-option>
<div v-if="item.id == 'marking'" class="li-cell-tip font-14 color-303133">如果您还没有创建活动营销页，请立即前往创建。</div>
<div v-if="item.id == 'game'" class="li-cell-tip font-14 color-303133">如果您还没有创建游戏计划，请立即前往创建。</div>
<div v-if="item.id == 'card'" class="li-cell-tip font-14 color-303133">如果您还没有创建卡券，请立即前往创建。</div>
<div v-if="item.id == 'marking'" class="li-cell-select">
<el-select size="large" v-model="markingValue" placeholder="请选择活动着陆页">
<el-option v-for="item in markingList" :key="item.pageId" :label="item.name" :value="item.pageId"> </el-option>
</el-select>
</div>
<div
v-if="item.id=='game'"
class="li-cell-select"
>
<game-select
v-model="gameValue"
@changeGame="changeGame"
></game-select>
<div v-if="item.id == 'game'" class="li-cell-select">
<game-select v-model="gameValue" @changeGame="changeGame"></game-select>
</div>
<div
v-if="item.id=='card'"
class="li-cell-select"
>
<el-select
size="large"
v-model="cardValue"
placeholder="请选择卡券"
>
<el-option
v-for="item in cardList"
:key="item.coupCardId"
:label="item.cardName"
:value="item.coupCardId"
> </el-option>
<div v-if="item.id == 'card'" class="li-cell-select">
<el-select size="large" v-model="cardValue" placeholder="请选择卡券">
<el-option v-for="item in cardList" :key="item.coupCardId" :label="item.cardName" :value="item.coupCardId"> </el-option>
</el-select>
</div>
<div class="li-cell-seperator">OR</div>
<div class="li-cell-btn">
<el-button
type="primary"
plain
@click="toRedirectPage(item)"
>立即前往创建</el-button>
<el-button type="primary" plain @click="toRedirectPage(item)">立即前往创建</el-button>
</div>
</div>
</li>
......@@ -202,16 +133,13 @@ import activeSelect from '@/components/active/active-select.vue';
<div class="to-active-config">
<div class="to-active-tip font-14 color-606266">确认完成了所有前期准备工作，即可前往活动配置。</div>
<div class="to-active-btn">
<el-button
type="primary"
@click="toCreate"
>前往活动配置<i class="el-icon-right"></i></el-button>
<el-button type="primary" @click="toCreate">前往活动配置<i class="el-icon-right"></i></el-button>
</div>
</div>
</div>
</template>
<script>
import gameSelect from '@/components/active/game-select.vue'
import gameSelect from '@/components/active/game-select.vue';
import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
import { getRequest } from '@/api/api';
......@@ -307,12 +235,13 @@ export default {
gameList: [],
gameValue: [],
gamePlanName: '',
gamePlanUrl: '',
cardList: [],
cardValue: '',
cardCoupName: '',
// 选择的路径
pathNames: [],
pathIds: [],
pathIds: []
};
},
methods: {
......@@ -362,7 +291,7 @@ export default {
ele.check = true;
that.pathNames.push(ele.transName);
that.pathIds.push(ele.transId);
that.getText(ele.transId)
that.getText(ele.transId);
}
});
}
......@@ -392,44 +321,44 @@ export default {
if (ele.check && ele.display) {
that.pathIds.push(ele.transId); // 暂时预留，为了防止以后数据顺序变化，可以使用这个进行下面的内部判断
}
})
});
that.thirdData.forEach(ele => {
if (item.check&&!!ele.mustCondition && ele.mustCondition.includes(item.transId)) {
if (item.check && !!ele.mustCondition && ele.mustCondition.includes(item.transId)) {
ele.mustFlag = 1;
ele.check = true;
ele.display = 1;
}
// console.log('----->:',that.pathIds,':<-----')
if (!item.check&&!!ele.mustCondition && ele.mustCondition.includes(item.transId) &&(!that.thirdData[0].check&&!that.thirdData[1].check)) {
if (!item.check && !!ele.mustCondition && ele.mustCondition.includes(item.transId) && (!that.thirdData[0].check && !that.thirdData[1].check)) {
ele.mustFlag = 0;
ele.check = false;
ele.display = 0;
}
// 可选一
if (item.check&&!!ele.showCondition && ele.showCondition.includes(item.transId)) {
if (item.check && !!ele.showCondition && ele.showCondition.includes(item.transId)) {
ele.display = 1;
}
if (!item.check&&!!ele.showCondition && ele.showCondition.includes(item.transId) &&!ele.selectedConditions) {
if (!item.check && !!ele.showCondition && ele.showCondition.includes(item.transId) && !ele.selectedConditions) {
ele.display = 0;
}
// 取消
if (!item.check&&!!ele.canceCondition && ele.canceCondition.includes(item.transId)) {
if (!item.check && !!ele.canceCondition && ele.canceCondition.includes(item.transId)) {
ele.check = false;
}
// 8选择 4必选，如果1，2不选中不显示
if (item.check&&((!!ele.showCondition&& that.thirdData[0].check) || (!!ele.showCondition && that.thirdData[1].check) )&&!!ele.selectedConditions && ele.selectedConditions.includes(item.transId)) {
if (item.check && ((!!ele.showCondition && that.thirdData[0].check) || (!!ele.showCondition && that.thirdData[1].check)) && !!ele.selectedConditions && ele.selectedConditions.includes(item.transId)) {
ele.display = 1;
ele.check = true;
}
if (item.check&&((!!ele.showCondition&& !that.thirdData[0].check&& !that.thirdData[1].check) )&&!!ele.selectedConditions && ele.selectedConditions.includes(item.transId)) {
if (item.check && (!!ele.showCondition && !that.thirdData[0].check && !that.thirdData[1].check) && !!ele.selectedConditions && ele.selectedConditions.includes(item.transId)) {
ele.display = 0;
ele.check = true;
}
if (!item.check&&((!!ele.showCondition&& !that.thirdData[0].check&& !that.thirdData[1].check) )&&!!ele.selectedConditions && ele.selectedConditions.includes(item.transId)) {
if (!item.check && (!!ele.showCondition && !that.thirdData[0].check && !that.thirdData[1].check) && !!ele.selectedConditions && ele.selectedConditions.includes(item.transId)) {
ele.display = 1;
ele.check = false;
}
})
});
that.getPathNameText();
},
/**
......@@ -444,18 +373,19 @@ export default {
if (ele.check && ele.display) {
transIds += ele.transId;
arr.push(ele.transName);
that.pathIds.push(ele.transId)
that.pathIds.push(ele.transId);
}
})
});
that.pathNames = arr;
that.getText(transIds)
that.getText(transIds);
},
/**
* 游戏改变
*/
changeGame(val) {
changeGame(name, url) {
const that = this;
that.gamePlanName = val;
that.gamePlanName = name;
that.gamePlanUrl = url;
},
/**
* 跳转卡片创建页
......@@ -477,7 +407,7 @@ export default {
showMsg.showmsg('请先完善活动目的', 'warning');
return false;
}
if ((that.pathNames.includes('访问活动营销页')&&!that.markingValue) || (that.pathNames.includes('游戏参与')&&!that.gameValue.length) || (that.pathNames.includes('卡券领取')&&!that.cardValue)) {
if ((that.pathNames.includes('访问活动营销页') && !that.markingValue) || (that.pathNames.includes('游戏参与') && !that.gameValue.length) || (that.pathNames.includes('卡券领取') && !that.cardValue)) {
showMsg.showmsg('请先完善活动创建前准备工作', 'warning');
return false;
}
......@@ -486,43 +416,43 @@ export default {
if (that.markingValue == ele.pageId) {
that.activityMarketPageName = ele.name;
}
})
});
}
if(that.pathNames.includes('卡券领取')&&that.cardValue) {
if (that.pathNames.includes('卡券领取') && that.cardValue) {
that.cardList.forEach(ele => {
if (that.cardValue == ele.coupCardId) {
that.cardCoupName = ele.cardName;
}
})
});
}
// 整理路径id和值
let pathArr = [];
that.thirdData.forEach(ele => {
if (ele.check&&ele.display) {
if (ele.check && ele.display) {
pathArr.push({
transId: ele.transId,
transName: ele.transName
})
});
}
})
});
// 判断会员招募
if (that.secondGoal.goalId == 5 && pathArr.length == 1) {
showMsg.showmsg('请在可选项中至少选择一项', 'warning');
return false;
}
// 判断卡券营销
if (that.secondGoal.goalId == 8 &&( pathArr.length == 1 || (pathArr.length == 2&&pathArr.map(ele=>ele.transId).includes(4)))) {
if (that.secondGoal.goalId == 8 && (pathArr.length == 1 || (pathArr.length == 2 && pathArr.map(ele => ele.transId).includes(4)))) {
showMsg.showmsg('请在可选项中至少选择一项', 'warning');
return false;
}
// 判断线下门店，微信商城
if ((that.secondGoal.goalId == 10 || that.secondGoal.goalId == 11) &&( pathArr.length == 1 || ((pathArr.length == 2 &&(pathArr.map(ele=>ele.transId).includes(4)|| pathArr.map(ele=>ele.transId).includes(16))) || (pathArr.length == 3 &&pathArr.map(ele=>ele.transId).includes(4)&& pathArr.map(ele=>ele.transId).includes(16)) ))) {
if ((that.secondGoal.goalId == 10 || that.secondGoal.goalId == 11) && (pathArr.length == 1 || ((pathArr.length == 2 && (pathArr.map(ele => ele.transId).includes(4) || pathArr.map(ele => ele.transId).includes(16))) || (pathArr.length == 3 && pathArr.map(ele => ele.transId).includes(4) && pathArr.map(ele => ele.transId).includes(16))))) {
showMsg.showmsg('请在可选项中至少选择一项', 'warning');
return false;
}
// 判断全渠道
if (that.secondGoal.goalId == 9 &&( pathArr.length == 1 || ((pathArr.length == 2 &&(pathArr.map(ele=>ele.transId).includes(4)|| pathArr.map(ele=>ele.transId).includes(16))) ))) {
if (that.secondGoal.goalId == 9 && (pathArr.length == 1 || (pathArr.length == 2 && (pathArr.map(ele => ele.transId).includes(4) || pathArr.map(ele => ele.transId).includes(16))))) {
showMsg.showmsg('请在可选项中至少选择一项', 'warning');
return false;
}
......@@ -535,9 +465,10 @@ export default {
activityMarketPageName: that.activityMarketPageName,
gameValue: that.gameValue,
gamePlanName: that.gamePlanName,
gamePlanUrl: that.gamePlanUrl,
cardValue: that.cardValue,
cardCoupName: that.cardCoupName
}
};
that.judgeCreate(indexObj);
},
/**
......@@ -569,7 +500,7 @@ export default {
*/
getText(transIds) {
const that = this;
let para = {transIds: transIds};
let para = { transIds: transIds };
getRequest('/sharing-core-web/list-activity-dict-text', para)
.then(res => {
let resData = res.data;
......
src/components/active/game-select.vue
......@@ -5,13 +5,7 @@ import gameSelect from '@/components/active/game-select.vue'
-->
<template>
<div>
<el-cascader
v-model="caseValue"
:options="options"
:props="props"
@change="handleChange"
@expand-change="expandChange"
></el-cascader>
<el-cascader v-model="caseValue" :options="options" :props="props" @change="handleChange" @expand-change="expandChange"></el-cascader>
</div>
</template>
......@@ -66,7 +60,7 @@ export default {
gameTypeName: '口令福利',
label: '口令福利',
children: []
},
}
],
props: {
label: 'label',
......@@ -86,11 +80,11 @@ export default {
if (value.length == 2 && value[0] == ele.id) {
ele.children.forEach(child => {
if (value[1] == child.gameId) {
that.$emit('changeGame', child.gameName);
that.$emit('changeGame', child.gameName, child.gameUrl);
}
})
});
}
})
});
},
/**
*
......@@ -108,7 +102,7 @@ export default {
let para = {
gameType: gameType
};
getRequest('/sharing-core-web/list-game',para)
getRequest('/sharing-core-web/list-game', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
......
src/components/post-upload.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-20 13:44:22
* @LastEditors: 无尘
* @LastEditTime: 2019-11-27 20:59:25
* @LastEditTime: 2019-11-28 15:00:29
-->
<!--
单个上传组件
......@@ -96,7 +96,7 @@ export default {
const that = this;
let host = window.location.origin;
if (host.indexOf('localhost') != -1) {
that.baseUrl = 'http://www.gicdev.com';
that.baseUrl = 'http://gicdev.demogic.com';
} else {
that.baseUrl = host;
}
......@@ -112,7 +112,7 @@ export default {
let host = window.location.origin;
let baseUrl;
if (host.indexOf('localhost') != '-1') {
baseUrl = 'http://www.gicdev.com';
baseUrl = 'http://gicdev.demogic.com';
} else {
baseUrl = host;
}
......
src/components/single-upload.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-11-20 13:44:22
* @LastEditors: 无尘
* @LastEditTime: 2019-11-27 20:59:17
* @LastEditTime: 2019-11-28 15:00:39
-->
<!--
单个上传组件
......@@ -90,7 +90,7 @@ export default {
const that = this;
let host = window.location.origin;
if (host.indexOf('localhost') != -1) {
that.baseUrl = 'http://www.gicdev.com';
that.baseUrl = 'http://gicdev.demogic.com';
} else {
that.baseUrl = host;
}
......@@ -106,7 +106,7 @@ export default {
let host = window.location.origin;
let baseUrl;
if (host.indexOf('localhost') != '-1') {
baseUrl = 'http://www.gicdev.com';
baseUrl = 'http://gicdev.demogic.com';
} else {
baseUrl = host;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment