修改优惠券编辑页面, 增加本地预览功能

dist/css/chunk-d1a6e4dc.87e1bd75.css

@@ -0,0 +1 @@
+[data-v-d0aabc72]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}#pre_canvas[data-v-d0aabc72]{border:1px solid #ccc}

dist/js/401.c4c44001.js

@@ -1,2 +1,2 @@
 (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["401"],{"24e2":function(t,a,e){"use strict";e.r(a);var i=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"errPage-container"},[e("el-button",{staticClass:"back-btn",attrs:{icon:"el-icon-arrow-left"},on:{click:t.back}},[t._v(" 返回 ")]),e("el-row",[e("el-col",{attrs:{span:12}},[e("h1",{staticClass:"text-jumbo text-ginormous"},[t._v(" Oops! ")]),e("h2",[t._v("页面建设中")]),e("h6",[t._v("如有不满请联系你领导")]),e("ul",{staticClass:"list-unstyled"},[e("li",[t._v("或者你可以去:")]),e("li",{staticClass:"link-type"},[e("router-link",{attrs:{to:"/dashboard"}},[t._v(" 回首页 ")])],1),e("li",[e("a",{attrs:{href:"#"},on:{click:function(a){a.preventDefault(),t.dialogVisible=!0}}},[t._v("点我看图")])])])]),e("el-col",{attrs:{span:12}},[e("img",{staticClass:"some-gif",attrs:{src:t.errGif,width:"313",height:"428",alt:"Girl has dropped her ice cream."}})])],1),e("el-dialog",{attrs:{visible:t.dialogVisible,title:"随便看"},on:{"update:visible":function(a){t.dialogVisible=a}}},[e("img",{staticClass:"some-img",attrs:{src:t.ewizardClap}})])],1)},s=[],c=e("d4ec"),r=e("bee2"),l=e("262e"),n=e("2caf"),o=(e("0d03"),e("9ab4")),u=e("1b40"),b=e("7484"),d=e.n(b),f=function(t){Object(l["a"])(e,t);var a=Object(n["a"])(e);function e(){var t;return Object(c["a"])(this,e),t=a.apply(this,arguments),t.errGif=d.a+"?"+ +new Date,t.ewizardClap="https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646",t.dialogVisible=!1,t}return Object(r["a"])(e,[{key:"back",value:function(){this.$route.query.noGoBack?this.$router.push({path:"/dashboard"})["catch"]((function(t){console.warn(t)})):this.$router.go(-1)}}]),e}(u["c"]);f=Object(o["a"])([Object(u["a"])({name:"Page401"})],f);var p=f,h=p,g=(e("7ed3"),e("0c7c")),v=Object(g["a"])(h,i,s,!1,null,"af992870",null);a["default"]=v.exports},7484:function(t,a,e){t.exports=e.p+"img/401.089007e7.gif"},"7ed3":function(t,a,e){"use strict";e("afe0")},afe0:function(t,a,e){}}]);
-//# sourceMappingURL=401.eba710f6.js.map
+//# sourceMappingURL=401.c4c44001.js.map

dist/js/404.b1bc2078.js

@@ -1,2 +1,2 @@
 (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["404"],{"08bd":function(t,e,s){},"0b60":function(t,e,s){t.exports=s.p+"img/404-cloud.0f4bc32b.png"},"1db4":function(t,e,s){"use strict";s.r(e);var a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"wscn-http404-container"},[s("div",{staticClass:"wscn-http404"},[t._m(0),s("div",{staticClass:"text-404"},[s("div",{staticClass:"text-404__oops"},[t._v(" OOPS! ")]),t._m(1),s("div",{staticClass:"text-404__headline"},[t._v(" "+t._s(t.message)+" ")]),s("div",{staticClass:"text-404__info"},[t._v(" Please check that the URL you entered is correct, or click the button below to return to the homepage. ")]),s("a",{staticClass:"text-404__return-home",attrs:{href:""}},[t._v("Back to home")])])])])},c=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"pic-404"},[a("img",{staticClass:"pic-404__parent",attrs:{src:s("4f29"),alt:"404"}}),a("img",{staticClass:"pic-404__child left",attrs:{src:s("0b60"),alt:"404"}}),a("img",{staticClass:"pic-404__child mid",attrs:{src:s("0b60"),alt:"404"}}),a("img",{staticClass:"pic-404__child right",attrs:{src:s("0b60"),alt:"404"}})])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"text-404__info"},[t._v(" All rights reserved "),s("a",{staticStyle:{color:"#20a0ff"},attrs:{href:"https://wallstreetcn.com",target:"_blank"}},[t._v("wallstreetcn")])])}],i=s("d4ec"),r=s("262e"),n=s("2caf"),l=s("9ab4"),o=s("1b40"),_=function(t){Object(r["a"])(s,t);var e=Object(n["a"])(s);function s(){var t;return Object(i["a"])(this,s),t=e.apply(this,arguments),t.message="404 Page Not Found",t}return s}(o["c"]);_=Object(l["a"])([Object(o["a"])({name:"Page404"})],_);var f=_,u=f,h=(s("58f6"),s("0c7c")),p=Object(h["a"])(u,a,c,!1,null,"16963be3",null);e["default"]=p.exports},"4f29":function(t,e,s){t.exports=s.p+"img/404.a57b6f31.png"},"58f6":function(t,e,s){"use strict";s("08bd")}}]);
-//# sourceMappingURL=404.ec607ed7.js.map
+//# sourceMappingURL=404.b1bc2078.js.map

dist/js/dashboard.cecb23a8.js

@@ -1,2 +1,2 @@
 (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["dashboard"],{3597:function(e,t,a){},"4a0d":function(e,t,a){"use strict";a("3597")},9406:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"dashboard-container"},[a("div",{staticClass:"dashboard-text"},[e._v(" name:"+e._s(e.name)+" ")]),a("div",{staticClass:"dashboard-text"},[e._v(" roles:"),e._l(e.roles,(function(t){return a("span",{key:t},[e._v(e._s(t))])}))],2),a("div",{staticClass:"dashboard-text"},[e._v(" level:"+e._s(e.level)+" ")]),a("div",{staticClass:"dashboard-text"},[e._v(" "+e._s(e.$t("main.shop"))+":"+e._s(e.deptname)+" ")]),a("div",{staticClass:"dashboard-text"},[e._v(" 将来这里会有很多东西 ")])])},s=[],c=a("d4ec"),r=a("bee2"),i=a("262e"),d=a("2caf"),o=(a("b0c0"),a("9ab4")),l=a("1b40"),u=a("9dba"),b=a("ac1a"),v=function(e){Object(i["a"])(a,e);var t=Object(d["a"])(a);function a(){return Object(c["a"])(this,a),t.apply(this,arguments)}return Object(r["a"])(a,[{key:"name",get:function(){return u["a"].name}},{key:"roles",get:function(){return u["a"].roles}},{key:"level",get:function(){return u["a"].level}},{key:"deptname",get:function(){return u["a"].deptname}},{key:"created",value:function(){b["a"].SetMini(0)}}]),a}(l["c"]);v=Object(o["a"])([Object(l["a"])({name:"Dashboard"})],v);var f=v,_=f,h=(a("4a0d"),a("0c7c")),p=Object(h["a"])(_,n,s,!1,null,"9cbcbdf6",null);t["default"]=p.exports}}]);
-//# sourceMappingURL=dashboard.be310842.js.map
+//# sourceMappingURL=dashboard.cecb23a8.js.map

dist/js/theme.4f27f50e.js

@@ -1,2 +1,2 @@
 (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["theme"],{"0f0f":function(t,e,a){},5764:function(t,e,a){},b320:function(t,e,a){"use strict";a("5764")},d63e:function(t,e,a){"use strict";a.r(e);var i=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"app-container"},[a("el-card",{staticClass:"box-card"},[a("div",{attrs:{slot:"header"},slot:"header"},[a("a",{staticClass:"link-type link-title",attrs:{target:"_blank",href:"https://armour.github.io/vue-typescript-admin-docs/guide/advanced/theme.html"}},[t._v(" "+t._s(t.$t("theme.documentation"))+" ")])]),a("div",{staticClass:"box-item"},[a("span",{staticClass:"field-label"},[t._v(t._s(t.$t("theme.change"))+" : ")]),a("el-switch",{model:{value:t.theme,callback:function(e){t.theme=e},expression:"theme"}}),a("aside",{staticStyle:{"margin-top":"15px"}},[t._v(" "+t._s(t.$t("theme.tips"))+" ")])],1)]),a("div",{staticClass:"block"},[a("el-button",{attrs:{type:"primary"}},[t._v(" Primary ")]),a("el-button",{attrs:{type:"success"}},[t._v(" Success ")]),a("el-button",{attrs:{type:"info"}},[t._v(" Info ")]),a("el-button",{attrs:{type:"warning"}},[t._v(" Warning ")]),a("el-button",{attrs:{type:"danger"}},[t._v(" Danger ")])],1),a("div",{staticClass:"block"},[a("el-button",{attrs:{type:"primary",icon:"el-icon-edit"}}),a("el-button",{attrs:{type:"primary",icon:"el-icon-share"}}),a("el-button",{attrs:{type:"primary",icon:"el-icon-delete"}}),a("el-button",{attrs:{type:"primary",icon:"el-icon-search"}},[t._v(" Search ")]),a("el-button",{attrs:{type:"primary"}},[t._v(" Upload "),a("i",{staticClass:"el-icon-upload el-icon-right"})])],1),a("div",{staticClass:"block"},t._l(t.tags,(function(e){return a("el-tag",{key:e.type,staticClass:"tag-item",attrs:{type:e.type}},[t._v(" "+t._s(e.name)+" ")])})),1),a("div",{staticClass:"block"},[a("el-radio-group",{model:{value:t.radio,callback:function(e){t.radio=e},expression:"radio"}},[a("el-radio",{attrs:{label:3}},[t._v(" Option A ")]),a("el-radio",{attrs:{label:6}},[t._v(" Option B ")]),a("el-radio",{attrs:{label:9}},[t._v(" Option C ")])],1)],1),a("div",{staticClass:"block"},[a("el-slider",{model:{value:t.slideValue,callback:function(e){t.slideValue=e},expression:"slideValue"}})],1)],1)},s=[],n=a("d4ec"),l=a("bee2"),c=a("262e"),o=a("2caf"),r=a("9ab4"),u=a("1b40"),p=a("d257"),d=(a("0f0f"),function(t){Object(c["a"])(a,t);var e=Object(o["a"])(a);function a(){var t;return Object(n["a"])(this,a),t=e.apply(this,arguments),t.theme=!1,t.tags=[{name:"Tag One",type:""},{name:"Tag Two",type:"info"},{name:"Tag Three",type:"success"},{name:"Tag Four",type:"warning"},{name:"Tag Five",type:"danger"}],t.slideValue=50,t.radio=3,t}return Object(l["a"])(a,[{key:"onThemeChange",value:function(){Object(p["i"])(document.body,"custom-theme")}}]),a}(u["c"]));Object(r["a"])([Object(u["d"])("theme")],d.prototype,"onThemeChange",null),d=Object(r["a"])([Object(u["a"])({name:"Theme"})],d);var b=d,m=b,v=(a("b320"),a("0c7c")),h=Object(v["a"])(m,i,s,!1,null,"08bb92ea",null);e["default"]=h.exports}}]);
-//# sourceMappingURL=theme.dcc687b6.js.map
+//# sourceMappingURL=theme.4f27f50e.js.map

dist/precache-manifest.a9ca60b6e677d6292133b643e998d8e9.js

@@ -1,126 +1,130 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "d3841b7110ec8e24dd14",
+    "revision": "e4b30731968087358e06",
     "url": "/css/401.11c016b8.css"
   },
   {
-    "revision": "414c038abce87541bf40",
+    "revision": "5ff5533d7aa52debe16a",
     "url": "/css/404.96fe1c26.css"
   },
   {
-    "revision": "5f1e2736ebed6f320797",
+    "revision": "e6879b66ed3a61f43170",
     "url": "/css/app.286de1f3.css"
   },
   {
-    "revision": "dc85354a091f202205df",
+    "revision": "9fa7e3fcb3b77b42c204",
     "url": "/css/chunk-01717ca4.0461aed2.css"
   },
   {
-    "revision": "6aff87155c3f2a64158c",
+    "revision": "f5864d5acab69867315e",
     "url": "/css/chunk-01c0add2.200293c4.css"
   },
   {
-    "revision": "338caa397e63cb996021",
+    "revision": "e33f379f9c13d9b17d99",
     "url": "/css/chunk-035792c2.5c7c2651.css"
   },
   {
-    "revision": "c7e7985314149670db06",
+    "revision": "8239dac86842ab280502",
+    "url": "/css/chunk-03981715.c22f04b8.css"
+  },
+  {
+    "revision": "4b0ca974ba66564a4db9",
     "url": "/css/chunk-1426d9f9.c73fa990.css"
   },
   {
-    "revision": "d6dd0f1a8468ac8c8fb9",
+    "revision": "fd9c054173b6f26deff4",
     "url": "/css/chunk-144e8b05.200293c4.css"
   },
   {
-    "revision": "6952f0b5c79a833d2be4",
+    "revision": "c1fa0e1f1610eb7748ae",
     "url": "/css/chunk-151a93ee.03ae7354.css"
   },
   {
-    "revision": "c83ea80b198de975318b",
+    "revision": "5555cb1c7e66d6c84a44",
     "url": "/css/chunk-1d3d01ed.200293c4.css"
   },
   {
-    "revision": "c5c632ae676fb745c338",
+    "revision": "4e6440c19b8ecfa75a59",
     "url": "/css/chunk-208d8a12.3fc2e519.css"
   },
   {
-    "revision": "945ff130bd1ee27be97d",
+    "revision": "641dc8c3d4448acdaf72",
     "url": "/css/chunk-21495f61.146db6b7.css"
   },
   {
-    "revision": "a8eba941b716a7014351",
+    "revision": "c6a02fc81a647b84764f",
     "url": "/css/chunk-21871d0b.4c0f28ef.css"
   },
   {
-    "revision": "23f2fc67686fe9b09592",
+    "revision": "33936100be376baa27ac",
     "url": "/css/chunk-308db560.6e0a53f0.css"
   },
   {
-    "revision": "5541790fc2315f696452",
+    "revision": "37ffa281639f35b9ac67",
     "url": "/css/chunk-320254da.7043d55d.css"
   },
   {
-    "revision": "ac5b856784f64c9dc916",
-    "url": "/css/chunk-344dd1b9.c22f04b8.css"
-  },
-  {
-    "revision": "ccbba147631b1b022eeb",
+    "revision": "467bf4546dce4187ac8f",
     "url": "/css/chunk-408127e4.5b669c31.css"
   },
   {
-    "revision": "96dba1b8dd7d1d77ebf6",
+    "revision": "cabd046e181cbd91ba4d",
     "url": "/css/chunk-41e8e32c.ab6179cd.css"
   },
   {
-    "revision": "36d26128245ad29724a3",
-    "url": "/css/chunk-4b8c04ff.9011efc0.css"
-  },
-  {
-    "revision": "ab97d44d69742407f2d4",
+    "revision": "13d40f2182aba4eeb4b5",
     "url": "/css/chunk-4bf5c744.d25b5fbc.css"
   },
   {
-    "revision": "d594200163802f495650",
+    "revision": "bb3f766c89ca1cc64178",
     "url": "/css/chunk-4cad52d2.38768785.css"
   },
   {
-    "revision": "1fa723cf8b06e412e9ee",
+    "revision": "18c62c48768082ff084a",
+    "url": "/css/chunk-5337e365.9011efc0.css"
+  },
+  {
+    "revision": "05f7d0a634ad5f657622",
     "url": "/css/chunk-551b767f.00048683.css"
   },
   {
-    "revision": "6bed2d86f2aa2d4ec26d",
+    "revision": "2fe2b9fec442b2da6fb1",
     "url": "/css/chunk-5823cdba.be777eac.css"
   },
   {
-    "revision": "5e035f127685af3e97c5",
+    "revision": "d26e18775be9921fc89e",
     "url": "/css/chunk-6b4a5bf1.1a2de8a5.css"
   },
   {
-    "revision": "72ff34df3c5f6f64a5d3",
+    "revision": "75d0ea88a6c9b32b163b",
     "url": "/css/chunk-7a4adbf7.38768785.css"
   },
   {
-    "revision": "ec25af4fb20604a7a6fe",
+    "revision": "705ef7b5a627589c4b17",
     "url": "/css/chunk-7ee58394.200293c4.css"
   },
   {
-    "revision": "f79c1056febf57e4187f",
+    "revision": "6471edf443c70b38f586",
     "url": "/css/chunk-cd008602.286b633f.css"
   },
   {
-    "revision": "df5d4a16ead1236c643e",
+    "revision": "3a232fb1402a043ac3c8",
+    "url": "/css/chunk-d1a6e4dc.87e1bd75.css"
+  },
+  {
+    "revision": "250d2f003d999693e07e",
     "url": "/css/chunk-d4ad27d8.af60e613.css"
   },
   {
-    "revision": "f5af6dcc4e4ecc09e429",
+    "revision": "bb3352d565ba82b3b98d",
     "url": "/css/chunk-eccc87f4.200293c4.css"
   },
   {
-    "revision": "51ad92b6ee81b00aa770",
+    "revision": "319e84980e85a20d77a8",
     "url": "/css/chunk-facc6e54.3c643e28.css"
   },
   {
-    "revision": "8066246d5f0496b029a4",
+    "revision": "c244fa2ee8e8cec5c90b",
     "url": "/css/chunk-fd5993aa.0461aed2.css"
   },
   {
@@ -128,23 +132,23 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/css/chunk-vendors.dc65e09b.css"
   },
   {
-    "revision": "b70f8e26b90d697c028f",
+    "revision": "03cfafec07d31327018f",
     "url": "/css/dashboard.704ea637.css"
   },
   {
-    "revision": "0c9f1ce7855f3a80050f",
+    "revision": "7cdaeae6f5b39023f5ac",
     "url": "/css/i18n-demo.037e2f6c.css"
   },
   {
-    "revision": "8a8d7d13bee87dabb5e2",
+    "revision": "40df0b186109ca4ad6c7",
     "url": "/css/login.5da2793e.css"
   },
   {
-    "revision": "c903a0e9c16d1da49425",
+    "revision": "85482ed60855c250ecd2",
     "url": "/css/profile.38768785.css"
   },
   {
-    "revision": "f4fc0a31d877fe145050",
+    "revision": "bb5e3aa3c1fffa82e07b",
     "url": "/css/theme.4119be69.css"
   },
   {
@@ -176,180 +180,180 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/img/404.a57b6f31.png"
   },
   {
-    "revision": "5abdb67bc3550df744a3844735a45303",
+    "revision": "d74cb947fc02d75a6d1d35a5a457a36b",
     "url": "/index.html"
   },
   {
-    "revision": "d3841b7110ec8e24dd14",
-    "url": "/js/401.eba710f6.js"
+    "revision": "e4b30731968087358e06",
+    "url": "/js/401.c4c44001.js"
   },
   {
-    "revision": "414c038abce87541bf40",
-    "url": "/js/404.ec607ed7.js"
+    "revision": "5ff5533d7aa52debe16a",
+    "url": "/js/404.b1bc2078.js"
   },
   {
-    "revision": "5f1e2736ebed6f320797",
-    "url": "/js/app.b56a3fa7.js"
+    "revision": "e6879b66ed3a61f43170",
+    "url": "/js/app.bf2dfb95.js"
   },
   {
     "revision": "4308fe0503e593d27da4",
     "url": "/js/auth-redirect.d5b70f0f.js"
   },
   {
-    "revision": "dc85354a091f202205df",
-    "url": "/js/chunk-01717ca4.7929f4af.js"
+    "revision": "9fa7e3fcb3b77b42c204",
+    "url": "/js/chunk-01717ca4.abff9986.js"
   },
   {
-    "revision": "6aff87155c3f2a64158c",
-    "url": "/js/chunk-01c0add2.d2c82c13.js"
+    "revision": "f5864d5acab69867315e",
+    "url": "/js/chunk-01c0add2.ca1b9d8d.js"
   },
   {
-    "revision": "338caa397e63cb996021",
-    "url": "/js/chunk-035792c2.b1cc1ae2.js"
+    "revision": "e33f379f9c13d9b17d99",
+    "url": "/js/chunk-035792c2.cb14260f.js"
   },
   {
-    "revision": "c7e7985314149670db06",
-    "url": "/js/chunk-1426d9f9.a2a81fe8.js"
+    "revision": "8239dac86842ab280502",
+    "url": "/js/chunk-03981715.97a8e9cd.js"
   },
   {
-    "revision": "d6dd0f1a8468ac8c8fb9",
-    "url": "/js/chunk-144e8b05.069086fd.js"
+    "revision": "4b0ca974ba66564a4db9",
+    "url": "/js/chunk-1426d9f9.cee2e077.js"
   },
   {
-    "revision": "6952f0b5c79a833d2be4",
-    "url": "/js/chunk-151a93ee.cec7a606.js"
+    "revision": "fd9c054173b6f26deff4",
+    "url": "/js/chunk-144e8b05.539f7280.js"
   },
   {
-    "revision": "c83ea80b198de975318b",
-    "url": "/js/chunk-1d3d01ed.2e2b11a6.js"
+    "revision": "c1fa0e1f1610eb7748ae",
+    "url": "/js/chunk-151a93ee.c9e353a9.js"
   },
   {
-    "revision": "4d30e51448129200d850",
-    "url": "/js/chunk-1e67ed7b.2bb33060.js"
+    "revision": "5555cb1c7e66d6c84a44",
+    "url": "/js/chunk-1d3d01ed.80a164f1.js"
   },
   {
-    "revision": "c5c632ae676fb745c338",
-    "url": "/js/chunk-208d8a12.59112b45.js"
+    "revision": "4e6440c19b8ecfa75a59",
+    "url": "/js/chunk-208d8a12.a2a5901a.js"
   },
   {
-    "revision": "945ff130bd1ee27be97d",
-    "url": "/js/chunk-21495f61.325d6991.js"
+    "revision": "641dc8c3d4448acdaf72",
+    "url": "/js/chunk-21495f61.225b886f.js"
   },
   {
-    "revision": "a8eba941b716a7014351",
-    "url": "/js/chunk-21871d0b.b8565322.js"
+    "revision": "c6a02fc81a647b84764f",
+    "url": "/js/chunk-21871d0b.6151f616.js"
   },
   {
-    "revision": "23f2fc67686fe9b09592",
-    "url": "/js/chunk-308db560.a303cd24.js"
+    "revision": "33936100be376baa27ac",
+    "url": "/js/chunk-308db560.aa73643b.js"
   },
   {
-    "revision": "5541790fc2315f696452",
-    "url": "/js/chunk-320254da.98b34e50.js"
+    "revision": "37ffa281639f35b9ac67",
+    "url": "/js/chunk-320254da.6f688d54.js"
   },
   {
-    "revision": "3ec019a30772f035e02d",
-    "url": "/js/chunk-330c0877.711b8332.js"
+    "revision": "467bf4546dce4187ac8f",
+    "url": "/js/chunk-408127e4.9cf97b91.js"
   },
   {
-    "revision": "ac5b856784f64c9dc916",
-    "url": "/js/chunk-344dd1b9.30bfba1f.js"
+    "revision": "cabd046e181cbd91ba4d",
+    "url": "/js/chunk-41e8e32c.baeb9f1f.js"
   },
   {
-    "revision": "ccbba147631b1b022eeb",
-    "url": "/js/chunk-408127e4.980ff8f6.js"
+    "revision": "13d40f2182aba4eeb4b5",
+    "url": "/js/chunk-4bf5c744.55d43cf1.js"
   },
   {
-    "revision": "96dba1b8dd7d1d77ebf6",
-    "url": "/js/chunk-41e8e32c.58cbcfe7.js"
+    "revision": "bb3f766c89ca1cc64178",
+    "url": "/js/chunk-4cad52d2.cdf86532.js"
   },
   {
-    "revision": "36d26128245ad29724a3",
-    "url": "/js/chunk-4b8c04ff.fa79315f.js"
+    "revision": "18c62c48768082ff084a",
+    "url": "/js/chunk-5337e365.58dbee9b.js"
   },
   {
-    "revision": "ab97d44d69742407f2d4",
-    "url": "/js/chunk-4bf5c744.2b47211a.js"
+    "revision": "05f7d0a634ad5f657622",
+    "url": "/js/chunk-551b767f.477d1d4e.js"
   },
   {
-    "revision": "d594200163802f495650",
-    "url": "/js/chunk-4cad52d2.2fab2899.js"
+    "revision": "2fe2b9fec442b2da6fb1",
+    "url": "/js/chunk-5823cdba.0d8b6252.js"
   },
   {
-    "revision": "1fa723cf8b06e412e9ee",
-    "url": "/js/chunk-551b767f.64d264f3.js"
+    "revision": "d26e18775be9921fc89e",
+    "url": "/js/chunk-6b4a5bf1.b1a85584.js"
   },
   {
-    "revision": "6bed2d86f2aa2d4ec26d",
-    "url": "/js/chunk-5823cdba.29bf670d.js"
+    "revision": "3bb850b4a7057e8d7464",
+    "url": "/js/chunk-746aff6b.40960a53.js"
   },
   {
-    "revision": "5e035f127685af3e97c5",
-    "url": "/js/chunk-6b4a5bf1.1267d80e.js"
+    "revision": "75d0ea88a6c9b32b163b",
+    "url": "/js/chunk-7a4adbf7.ed521c69.js"
   },
   {
-    "revision": "72ff34df3c5f6f64a5d3",
-    "url": "/js/chunk-7a4adbf7.da01539b.js"
-  },
-  {
-    "revision": "ec25af4fb20604a7a6fe",
-    "url": "/js/chunk-7ee58394.09966965.js"
+    "revision": "705ef7b5a627589c4b17",
+    "url": "/js/chunk-7ee58394.8accd56d.js"
   },
   {
     "revision": "c9fdd0be1f6d28f0467d",
     "url": "/js/chunk-83c684a0.49c7c576.js"
   },
   {
-    "revision": "f79c1056febf57e4187f",
-    "url": "/js/chunk-cd008602.fad8b714.js"
+    "revision": "6471edf443c70b38f586",
+    "url": "/js/chunk-cd008602.48da3f3a.js"
   },
   {
-    "revision": "df5d4a16ead1236c643e",
-    "url": "/js/chunk-d4ad27d8.26aeaa01.js"
+    "revision": "3a232fb1402a043ac3c8",
+    "url": "/js/chunk-d1a6e4dc.3a898f93.js"
+  },
+  {
+    "revision": "250d2f003d999693e07e",
+    "url": "/js/chunk-d4ad27d8.80e78674.js"
   },
   {
     "revision": "b0f793378050be6c3b82",
     "url": "/js/chunk-e3e6e8fe.4fd32f55.js"
   },
   {
-    "revision": "f5af6dcc4e4ecc09e429",
-    "url": "/js/chunk-eccc87f4.ca57bdc3.js"
+    "revision": "bb3352d565ba82b3b98d",
+    "url": "/js/chunk-eccc87f4.c30ff0d8.js"
   },
   {
-    "revision": "51ad92b6ee81b00aa770",
-    "url": "/js/chunk-facc6e54.1299dbb2.js"
+    "revision": "319e84980e85a20d77a8",
+    "url": "/js/chunk-facc6e54.964a7b46.js"
   },
   {
-    "revision": "8066246d5f0496b029a4",
-    "url": "/js/chunk-fd5993aa.67b1cce8.js"
+    "revision": "c244fa2ee8e8cec5c90b",
+    "url": "/js/chunk-fd5993aa.5f4a16bc.js"
   },
   {
     "revision": "5ff90b46f75ab23a54c3",
     "url": "/js/chunk-vendors.3afbe921.js"
   },
   {
-    "revision": "b70f8e26b90d697c028f",
-    "url": "/js/dashboard.be310842.js"
+    "revision": "03cfafec07d31327018f",
+    "url": "/js/dashboard.cecb23a8.js"
   },
   {
-    "revision": "0c9f1ce7855f3a80050f",
-    "url": "/js/i18n-demo.2c66042b.js"
+    "revision": "7cdaeae6f5b39023f5ac",
+    "url": "/js/i18n-demo.bd145662.js"
   },
   {
-    "revision": "8a8d7d13bee87dabb5e2",
-    "url": "/js/login.c4db0867.js"
+    "revision": "40df0b186109ca4ad6c7",
+    "url": "/js/login.c7d11a72.js"
   },
   {
-    "revision": "c903a0e9c16d1da49425",
-    "url": "/js/profile.9b5181c9.js"
+    "revision": "85482ed60855c250ecd2",
+    "url": "/js/profile.be0ab4f3.js"
   },
   {
     "revision": "a7bed5f5743e347673e9",
     "url": "/js/redirect.7905c4af.js"
   },
   {
-    "revision": "f4fc0a31d877fe145050",
-    "url": "/js/theme.dcc687b6.js"
+    "revision": "bb5e3aa3c1fffa82e07b",
+    "url": "/js/theme.4f27f50e.js"
   },
   {
     "revision": "08ed0723ed54f5d6d66f1377d07466ae",

dist/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.6ece61e6b95a87b579743e18ec93f410.js"
+  "/precache-manifest.a9ca60b6e677d6292133b643e998d8e9.js"
 );
 
 workbox.core.setCacheNameDetails({prefix: "pyxis-fe"});

package.json

@@ -16,6 +16,7 @@
     "element-ui": "^2.14.0",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.4.3",
+    "html2canvas": "^1.0.0",
     "js-cookie": "^2.2.1",
     "jszip": "^3.5.0",
     "lodash": "^4.17.20",

src/api/coupon.ts

@@ -13,6 +13,7 @@ export interface ICouponData {
   validEnd?: number
   validDays?: number
   limitOne: number
+  image?: string
 }
 
 export const defaultCouponData: ICouponData = {

src/views/marketing/coupon_edit.vue

@@ -30,7 +30,6 @@
         <el-input
             v-model="postForm.name"
             name="name"
-            style="width: 50%"
             required
         />
       </el-form-item>
@@ -41,7 +40,6 @@
         <el-input
             v-model="postForm.comment"
             name="comment"
-            style="width: 50%"
             placeholder="只在后台显示, 区分相似券"
         />
       </el-form-item>
@@ -53,7 +51,6 @@
         <el-input
             v-model="postForm.count"
             name="count"
-            style="width: 50%"
             placeholder=""
             readonly
         />
@@ -66,7 +63,6 @@
             v-model="postForm.validDays"
             type="number"
             name="validDays"
-            style="width: 50%"
             placeholder="领取后多少时间过期(单位: 天)"
         />
       </el-form-item>
@@ -100,23 +96,43 @@
 
       <el-form-item
           prop="content"
-          style="margin-bottom: 30px;"
       >
+        <el-row>
+        <el-col :span='12'>
         <tinymce
             v-if="tinymceActive"
             ref="editor"
             v-model="postForm.content"
             :height="600"
+            :width="480"
         />
+        </el-col>
+    <el-col :span="12">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item>预览, 图片尺寸: 480x640</el-breadcrumb-item>
+      </el-breadcrumb>
+      <canvas id="pre_canvas" width="480" height="640"></canvas>
+    </el-col>
+    </el-row>
       </el-form-item>
 
       <el-form-item>
         <el-button
             type="primary"
+            :loading = "loading"
             @click="submitForm"
         >
           保存
         </el-button>
+        <el-tooltip class="item" effect="dark" content="如果预览没有刷新, 点击此按钮手动刷新" placement="top">
+          <el-button
+              type="success"
+              :loading = "loading"
+              @click="generatorImage"
+          >
+            更新预览
+          </el-button>
+        </el-tooltip>
         <el-button @click="onCancel">
           取消
         </el-button>
@@ -135,7 +151,9 @@ import Tinymce from '@/components/Tinymce/index.vue'
 import { getShops } from '@/api/shop'
 import { defaultCouponData, getCoupon, saveCoupon } from '@/api/coupon'
 import { UserModule } from '@/store/modules/user'
-import { EVENT_COUPON_UPDATE, EVENT_SHOP_PUZZLES_UPDATE, EVENT_SHOP_UPDATE, EventBus } from '@/utils/event-bus'
+import { EVENT_COUPON_UPDATE, EVENT_SHOP_UPDATE, EventBus } from '@/utils/event-bus'
+import html2canvas from 'html2canvas'
+import { data2blob } from '@/components/UploadCorpImage/utils/data2blob'
 
 @Component({
   name: 'CouponEditor',
@@ -178,6 +196,7 @@ export default class extends Vue {
   private tempTagView?: ITagView
 
   private dataRange: Date[] = []
+  private initContent = ''
 
   get lang() {
     return AppModule.language
@@ -223,11 +242,19 @@ export default class extends Vue {
     this.postForm.validEnd = val[1].getTime()
   }
 
+  @Watch('postForm.content')
+  private onContentChange(val: string) {
+    setTimeout(() => {
+      this.generatorImage()
+    }, 1000)
+  }
+
   private async fetchData(id: string) {
     try {
       const { data } = await getCoupon(id, { /* Your params here */ })
       console.log(data)
       this.postForm = data
+      this.initContent = this.postForm.content
       if (this.postForm.validBegin && this.postForm.validEnd) {
         this.dataRange = [new Date(this.postForm.validBegin), new Date(this.postForm.validEnd)]
       }
@@ -258,6 +285,14 @@ export default class extends Vue {
     try {
       await this.$refs.postForm.validate()
       this.loading = true
+      if (((this.postForm.content !== this.initContent) || !this.postForm.image) && this.postForm.content) {
+        const resData: any = await this.requestUpload()
+        if (!resData.errorCode) {
+          this.postForm.image = resData.url_cdn
+        } else {
+          console.error('upload coupon image error!')
+        }
+      }
       if (this.postForm.content.search(/meta name=.+?viewport/) === -1) {
         const metaStr = '\n<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />\n'
         this.postForm.content = this.postForm.content.replace('<head>', `<head>${metaStr}`)
@@ -277,6 +312,7 @@ export default class extends Vue {
       EventBus.$emit(EVENT_COUPON_UPDATE, {})
     } catch (err) {
       console.error('Submit Error!')
+      this.loading = false
       return false
     }
   }
@@ -300,5 +336,76 @@ export default class extends Vue {
     if (!data.records) return
     this.allDepts = data.records
   }
+
+  private generatorImage() {
+    console.log('update pre image')
+    const iframe = document.getElementsByClassName('tox-edit-area__iframe')[0] as HTMLIFrameElement
+    const canvas = document.getElementById('pre_canvas') as HTMLCanvasElement
+    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D
+    ctx.clearRect(0, 0, canvas.width, canvas.height)
+    var iframedoc = iframe.contentDocument || (iframe.contentWindow?.document as Document)
+    html2canvas(iframedoc.body, { canvas, useCORS: true })
+  }
+
+  private requestUpload() {
+    const url = 'https://opm.kingsome.cn/api/upload'
+    const imgFormat = 'png'
+    const mime = 'image/png'
+    const params = { sub_path: 'game', type: 'image' }
+    const headers: Object = {}
+    const field = 'image-file'
+    const withCredentials = false
+    const method = 'POST'
+    const canvas = document.getElementById('pre_canvas') as HTMLCanvasElement
+    const createImgUrl = canvas.toDataURL(mime)
+
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    const self = this
+    const fmData = new FormData()
+
+    // 添加其他参数
+    if (typeof params === 'object' && params) {
+      Object.keys(params).forEach((k) => {
+        fmData.append(k, (params as any)[k] + '')
+      })
+    }
+
+    // 将field的添加放到表单域的最后，以支持阿里云OSS的表单上传
+    fmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat)
+
+    // 上传文件
+    return new Promise(function(resolve, reject) {
+      const client = new XMLHttpRequest()
+      client.open(method, url, true)
+      client.withCredentials = withCredentials
+      client.onreadystatechange = function() {
+        if (this.readyState !== 4) {
+          return
+        }
+        if (this.status === 200 || this.status === 201 || this.status === 202) {
+          resolve(JSON.parse(this.responseText))
+        } else {
+          reject && reject(this.status)
+        }
+      }
+      client.upload.addEventListener('progress', function(event: any) {
+        if (event.lengthComputable) {
+          console.log('upload progress: ' + (100 * Math.round(event.loaded) / event.total))
+        }
+      }, false) // 监听进度
+      // 设置header
+      if (typeof headers === 'object' && headers) {
+        Object.keys(headers).forEach((k: string) => {
+          client.setRequestHeader(k, (headers as any)[k] + '')
+        })
+      }
+      client.send(fmData)
+    })
+  }
 }
 </script>
+<style lang="scss" scoped>
+#pre_canvas {
+  border: 1px solid #ccc;
+}
+</style>

yarn.lock

@@ -3114,6 +3114,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+base64-arraybuffer@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.2.0.tgz#4b944fac0191aa5907afe2d8c999ccc57ce80f45"
+  integrity sha512-7emyCsu1/xiBXgQZrscw/8KPRT44I4Yq9Pe6EGs3aPRTsWuggML1/1DTuZUuIaJPIm1FTDUVXl4x/yW8s0kQDQ==
+
 base64-js@^1.0.2:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -4239,6 +4244,13 @@ css-declaration-sorter@^4.0.1:
     postcss "^7.0.1"
     timsort "^0.3.0"
 
+css-line-break@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/css-line-break/-/css-line-break-1.1.1.tgz#d5e9bdd297840099eb0503c7310fd34927a026ef"
+  integrity sha512-1feNVaM4Fyzdj4mKPIQNL2n70MmuYzAXZ1aytlROFX1JsOo070OsugwGjj7nl6jnDJWHDM8zRZswkmeYVWZJQA==
+  dependencies:
+    base64-arraybuffer "^0.2.0"
+
 css-loader@^3.5.3:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.6.0.tgz#2e4b2c7e6e2d27f8c8f28f61bffcd2e6c91ef645"
@@ -6358,6 +6370,13 @@ html-webpack-plugin@^3.2.0:
     toposort "^1.0.0"
     util.promisify "1.0.0"
 
+html2canvas@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/html2canvas/-/html2canvas-1.0.0.tgz#05c1966aeab08c17d9f113921b6b82d4d56740a4"
+  integrity sha512-0d/f2Aj1Brn+EeNWkuRdtnT13qu1NdvxhBMvts3ssme7jgPU7dtuwnm1P6cXvXmnDdUUerH5XdhveWvuLfqkew==
+  dependencies:
+    css-line-break "1.1.1"
+
 htmlparser2@^3.10.1:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"