22.def1bf1cd22221d7643f.js 17.3 KB
webpackJsonp([22],{Ls7S:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.progress[data-v-33488e0a] {\n  width: 50%;\n}\n.flex-bt[data-v-33488e0a] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.el-upload__tip[data-v-33488e0a] {\n  margin-right: 15px;\n  font-size: 13px;\n  color: #8d8d8d;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n.upload-demo[data-v-33488e0a] {\n  display: inline-block;\n}\n.upload-demo .el-upload[data-v-33488e0a] {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n}\n.media[data-v-33488e0a] {\n  margin-bottom: 40px;\n  padding: 20px 0;\n}\n.media-title[data-v-33488e0a] {\n  font-size: 26px;\n  font-weight: 400;\n  line-height: 1;\n  margin-bottom: 20px;\n  margin-left: 20px;\n}\n.media-navs[data-v-33488e0a] {\n  text-align: left;\n  line-height: 1;\n  border-bottom: 1px solid #E0E1E2;\n  font-size: 16px;\n}\n.media-nav[data-v-33488e0a] {\n  display: inline-block;\n  margin-right: 24px;\n  margin-bottom: -1px;\n  line-height: 40px;\n}\n.media-nav a[data-v-33488e0a] {\n  display: block;\n  text-decoration: none;\n  color: #353535;\n  width: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  max-width: 120px;\n}\n.media-current-nav[data-v-33488e0a] {\n  border-bottom: 2px solid #1AAD19;\n}\n.media-current-nav a[data-v-33488e0a] {\n  color: #44B549;\n}\n.media-panel[data-v-33488e0a] {\n  padding: 24px 40px;\n  margin-bottom: 30px;\n  background-color: #FFFFFF;\n  border-radius: 3px;\n  -moz-border-radius: 3px;\n  -webkit-border-radius: 3px;\n  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);\n          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);\n}\n.media-panel .el-upload[data-v-33488e0a] {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n}\n.clear-both[data-v-33488e0a]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n","",{version:3,sources:["D:/myproject/changchang-admin-new/src/components/weChat/weChatResource.vue"],names:[],mappings:";AACA;EACE,WAAW;CACZ;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;CACjC;AACD;EACE,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,6BAA6B;MACzB,kBAAkB;UACd,SAAS;CAClB;AACD;EACE,sBAAsB;CACvB;AACD;EACE,6BAA6B;MACzB,kBAAkB;UACd,SAAS;CAClB;AACD;EACE,oBAAoB;EACpB,gBAAgB;CACjB;AACD;EACE,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,oBAAoB;EACpB,kBAAkB;CACnB;AACD;EACE,iBAAiB;EACjB,eAAe;EACf,iCAAiC;EACjC,gBAAgB;CACjB;AACD;EACE,sBAAsB;EACtB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;CACnB;AACD;EACE,eAAe;EACf,sBAAsB;EACtB,eAAe;EACf,YAAY;EACZ,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;EACpB,kBAAkB;EAClB,iBAAiB;CAClB;AACD;EACE,iCAAiC;CAClC;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,0BAA0B;EAC1B,mBAAmB;EACnB,wBAAwB;EACxB,2BAA2B;EAC3B,oDAAoD;UAC5C,4CAA4C;CACrD;AACD;EACE,6BAA6B;MACzB,kBAAkB;UACd,SAAS;CAClB;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb",file:"weChatResource.vue",sourcesContent:["\n.progress[data-v-33488e0a] {\n  width: 50%;\n}\n.flex-bt[data-v-33488e0a] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.el-upload__tip[data-v-33488e0a] {\n  margin-right: 15px;\n  font-size: 13px;\n  color: #8d8d8d;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n.upload-demo[data-v-33488e0a] {\n  display: inline-block;\n}\n.upload-demo .el-upload[data-v-33488e0a] {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n}\n.media[data-v-33488e0a] {\n  margin-bottom: 40px;\n  padding: 20px 0;\n}\n.media-title[data-v-33488e0a] {\n  font-size: 26px;\n  font-weight: 400;\n  line-height: 1;\n  margin-bottom: 20px;\n  margin-left: 20px;\n}\n.media-navs[data-v-33488e0a] {\n  text-align: left;\n  line-height: 1;\n  border-bottom: 1px solid #E0E1E2;\n  font-size: 16px;\n}\n.media-nav[data-v-33488e0a] {\n  display: inline-block;\n  margin-right: 24px;\n  margin-bottom: -1px;\n  line-height: 40px;\n}\n.media-nav a[data-v-33488e0a] {\n  display: block;\n  text-decoration: none;\n  color: #353535;\n  width: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  max-width: 120px;\n}\n.media-current-nav[data-v-33488e0a] {\n  border-bottom: 2px solid #1AAD19;\n}\n.media-current-nav a[data-v-33488e0a] {\n  color: #44B549;\n}\n.media-panel[data-v-33488e0a] {\n  padding: 24px 40px;\n  margin-bottom: 30px;\n  background-color: #FFFFFF;\n  border-radius: 3px;\n  -moz-border-radius: 3px;\n  -webkit-border-radius: 3px;\n  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);\n          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);\n}\n.media-panel .el-upload[data-v-33488e0a] {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n}\n.clear-both[data-v-33488e0a]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n"],sourceRoot:""}])},OGsE:function(n,t,e){var i=e("ijWI");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);e("rjj0")("6e470dd9",i,!1,{})},Xhqp:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=e("CCn6"),a={name:"resource",data:function(){return{mediaList:[],nowPage:1,total:0,limit:5,loading:!1,type:"news",imageList:[],uploadParam:{type:"wechat",chunk:0,count:1},fileUid:null,showProgress:!1,typeText:{image:"图片",video:"视频",voice:"语音"}}},components:{page:e("kmJW").a},mounted:function(){this.getMediaList(this.type)},computed:{progress:function(){var n=this;return this.$store.state.progressList.find(function(t){return t.id===n.fileUid}).num<100?this.$store.state.progressList.find(function(t){return t.id===n.fileUid}).num:100}},methods:{getMediaType:function(n){this.type=n,this.nowPage=1,this.getMediaList(n)},onPageChange:function(n){this.nowPage=n,this.getMediaList(this.type)},onSizeChange:function(n){this.nowPage=1,this.limit=n,this.getMediaList(this.type)},getMediaList:function(n){var t=this,e={type:n,page:this.nowPage,limit:this.limit};this.loading=!0,Object(i._27)(e).then(function(e){t.loading=!1,t.type=n,t.mediaList=e.item,t.total=e.total_count,0===e.item.length&&t.$message({showClose:!0,message:"暂无数据"})}).catch(function(){t.loading=!1})},handleUploadSuccess:function(n){200===n.code&&(this.imageList=[{name:n.data.url,url:"http://cdn.singsingenglish.com/"+n.data.url}])},uploadFile:function(n){var t=this;this.loading=!0,this.$store.dispatch("setProgress",{type:"new",id:n.file.uid}),this.fileUid=n.file.uid,this.showProgress=!0,Object(i._70)({file:n.file,type:"wechat"}).then(function(n){t.imageList=[{name:n.url,url:"http://cdn.singsingenglish.com/"+n.url}],t.getMediaList(t.type),t.loading=!1,t.showProgress=!1,t.$message({type:"success",message:"上传成功!"})}).catch(function(){t.loading=!1,t.showProgress=!1})}}},o=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{directives:[{name:"loading",rawName:"v-loading",value:n.loading,expression:"loading"}],staticClass:"media"},[e("h2",{staticClass:"media-title"},[n._v("素材管理")]),n._v(" "),e("div",[e("ul",{staticClass:"media-navs"},[e("li",{staticClass:"media-nav js_top",class:"news"===n.type?"media-current-nav":"",on:{click:function(t){n.getMediaType("news")}}},[n._m(0)]),n._v(" "),e("li",{staticClass:"media-nav js_top",class:"image"===n.type?"media-current-nav":"",on:{click:function(t){n.getMediaType("image")}}},[n._m(1)]),n._v(" "),e("li",{staticClass:"media-nav js_top",class:"voice"===n.type?"media-current-nav":"",on:{click:function(t){n.getMediaType("voice")}}},[n._m(2)]),n._v(" "),e("li",{staticClass:"media-nav js_top",class:"video"===n.type?"media-current-nav":"",on:{click:function(t){n.getMediaType("video")}}},[n._m(3)])]),n._v(" "),e("div",{staticClass:"media-panel"},[e("div",{staticClass:"media-panel-top flex-bt"},[e("div",{staticClass:"media-panel-top-left"},[n._v("\n          "+n._s(n.typeText[n.type])+"(共"+n._s(n.total)+"条)\n        ")]),n._v(" "),n.showProgress?e("div",{staticClass:"progress"},[e("el-progress",{attrs:{percentage:n.progress,status:"success"}})],1):n._e(),n._v(" "),"news"!==n.type?e("div",{staticClass:"media-panel-top-right"},[e("el-upload",{ref:"upload",staticClass:"upload-demo",attrs:{action:"/api/public/upload/zone","http-request":n.uploadFile,"show-file-list":!1,data:n.uploadParam}},[n.$store.state.readonly?n._e():e("el-button",{staticStyle:{order:"2"},attrs:{slot:"trigger",size:"small",type:"primary"},slot:"trigger"},[n._v("选取文件")])],1)],1):n._e()]),n._v(" "),n.mediaList.length>0&&"news"===n.type?e("div",{staticClass:"d-start",staticStyle:{"margin-bottom":"20px"}},n._l(n.mediaList,function(t,i){return e("div",{key:i,staticClass:"news-media"},[e("el-card",{attrs:{"body-style":{padding:"0px"}}},n._l(t.content.news_item,function(i,a){return e("div",{staticStyle:{position:"relative"}},[1===t.content.news_item.length?e("div",{staticClass:"single-cover"},[e("div",{staticClass:"title"},[n._v(n._s(i.title))]),n._v(" "),e("img",{staticStyle:{width:"100%","margin-top":"20px"},attrs:{src:i.thumb_url}}),n._v(" "),e("div",{staticClass:"digest"},[n._v(n._s(i.digest))]),n._v(" "),e("a",{staticClass:"preview",attrs:{href:i.url,target:"_blank"}},[n._v("\n                  预览文章\n                ")])]):t.content.news_item.length>1?e("div",{staticClass:"clear-both bottomCover",staticStyle:{position:"relative"}},[0===a?e("div",{staticClass:"muti-cover"},[e("img",{staticStyle:{width:"100%","margin-top":"20px"},attrs:{src:i.thumb_url}}),n._v(" "),e("div",{staticClass:"bottom-title"},[n._v(n._s(i.title))])]):e("div",{staticClass:"next-cover"},[e("span",{staticClass:"next-title"},[n._v(n._s(i.title))]),n._v(" "),e("img",{staticClass:"next-img",attrs:{src:i.thumb_url}})]),n._v(" "),e("a",{staticClass:"preview",attrs:{href:i.url,target:"_blank"}},[n._v("\n                  预览文章\n                ")])]):n._e()])}))],1)})):n._e(),n._v(" "),n.mediaList.length>0&&"news"===n.type?e("page",{attrs:{nowPage:n.nowPage,total:n.total,limit:n.limit},on:{pageChange:n.onPageChange,sizeChange:n.onSizeChange}}):n._e(),n._v(" "),n.mediaList.length>0&&"news"!==n.type?e("div",[e("el-table",{staticStyle:{width:"100%"},attrs:{data:n.mediaList}},[e("el-table-column",{attrs:{prop:"name",label:"名称"}}),n._v(" "),e("el-table-column",{attrs:{prop:"media_id",label:"mediaId"}}),n._v(" "),e("el-table-column",{attrs:{label:"URL"},scopedSlots:n._u([{key:"default",fn:function(t){return["image"===n.type?e("a",{attrs:{href:t.row.url,target:"_blank"}},[e("img",{staticStyle:{width:"60px"},attrs:{src:t.row.url}})]):n._e(),n._v(" "),"video"===n.type&&t.row.info&&t.row.info.down_url?e("a",{attrs:{href:t.row.info.down_url,target:"_blank"}},[n._v("\n                "+n._s(t.row.info.title)+"\n              ")]):n._e(),n._v(" "),"voice"===n.type?e("audio",{attrs:{id:"myAudio",controls:""}},[e("source",{attrs:{src:t.row.url}}),n._v("\n                Your browser does not support the audio element.\n              ")]):n._e()]}}])})],1),n._v(" "),e("page",{attrs:{nowPage:n.nowPage,total:n.total,limit:n.limit},on:{pageChange:n.onPageChange,sizeChange:n.onSizeChange}})],1):n._e()],1)])])};o._withStripped=!0;var s={render:o,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("a",{attrs:{href:"javascript:void(0);"}},[this._v("图文消息"),t("br")])},function(){var n=this.$createElement,t=this._self._c||n;return t("a",{attrs:{href:"javascript:void(0);"}},[this._v("图片"),t("br")])},function(){var n=this.$createElement,t=this._self._c||n;return t("a",{attrs:{href:"javascript:void(0);"}},[this._v("语音"),t("br")])},function(){var n=this.$createElement,t=this._self._c||n;return t("a",{attrs:{href:"javascript:void(0);"}},[this._v("视频"),t("br")])}]},A=s;var r=!1;var l=e("VU/8")(a,A,!1,function(n){r||(e("jriD"),e("OGsE"))},"data-v-33488e0a",null);l.options.__file="src\\components\\weChat\\weChatResource.vue";t.default=l.exports},ijWI:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.news-media {\n  padding: 10px;\n  width: 300px;\n}\n.news-media img{\n  width: 100%;\n}\n.f-news {\n  max-height: 300px;\n  overflow: hidden;\n}\n.s-news img {\n  width: 50px;\n  float: right;\n}\n.title {\n  font-size: 16px;\n  font-weight: 400;\n  display: block;\n  line-height: 1.2;\n  color: #353535;\n}\n.digest {\n  padding-top: 12px;\n  color: #9A9A9A;\n  font-size: 14px;\n}\n.single-cover {\n  padding: 20px 15px 15px;\n}\n.muti-title {\n  position: absolute;\n}\n.muti-cover {\n  position: relative;\n  padding: 20px 15px 0 15px;\n}\n.bottom-title {\n  color: #FFFFFF;\n  background-color: rgba(0, 0, 0, 0.55);\n  position: absolute;\n  left: 15px;\n  right: 15px;\n  bottom: 0;\n  padding: 8px 12px;\n}\n.next-cover {\n  padding: 12px 15px;\n  position: relative;\n}\n.next-img {\n  float: right;\n  margin-left: 12px;\n  width: 60px !important;\n  height: 60px !important;\n}\n.next-title {\n  overflow: hidden;\n  font-weight: 400;\n  word-wrap: break-word;\n  -webkit-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  color: #353535;\n}\n.single-cover:hover .preview,.bottomCover:hover .preview{\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: #fff;\n}\n.d-start {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.preview {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0,0,0,0.5);\n  text-decoration: none;\n}\n","",{version:3,sources:["D:/myproject/changchang-admin-new/src/components/weChat/weChatResource.vue"],names:[],mappings:";AACA;EACE,cAAc;EACd,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,kBAAkB;EAClB,iBAAiB;CAClB;AACD;EACE,YAAY;EACZ,aAAa;CACd;AACD;EACE,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;CACjB;AACD;EACE,wBAAwB;CACzB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,0BAA0B;CAC3B;AACD;EACE,eAAe;EACf,sCAAsC;EACtC,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;CACnB;AACD;EACE,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,uBAAuB;EACvB,wBAAwB;CACzB;AACD;EACE,iBAAiB;EACjB,iBAAiB;EACjB,sBAAsB;EACtB,sBAAsB;EACtB,kBAAkB;EAClB,cAAc;EACd,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,YAAY;CACb;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,wBAAwB;UACpB,oBAAoB;EAC5B,wBAAwB;MACpB,qBAAqB;UACjB,4BAA4B;EACpC,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;CACjC;AACD;EACE,cAAc;EACd,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,kCAAkC;EAClC,sBAAsB;CACvB",file:"weChatResource.vue",sourcesContent:["\n.news-media {\n  padding: 10px;\n  width: 300px;\n}\n.news-media img{\n  width: 100%;\n}\n.f-news {\n  max-height: 300px;\n  overflow: hidden;\n}\n.s-news img {\n  width: 50px;\n  float: right;\n}\n.title {\n  font-size: 16px;\n  font-weight: 400;\n  display: block;\n  line-height: 1.2;\n  color: #353535;\n}\n.digest {\n  padding-top: 12px;\n  color: #9A9A9A;\n  font-size: 14px;\n}\n.single-cover {\n  padding: 20px 15px 15px;\n}\n.muti-title {\n  position: absolute;\n}\n.muti-cover {\n  position: relative;\n  padding: 20px 15px 0 15px;\n}\n.bottom-title {\n  color: #FFFFFF;\n  background-color: rgba(0, 0, 0, 0.55);\n  position: absolute;\n  left: 15px;\n  right: 15px;\n  bottom: 0;\n  padding: 8px 12px;\n}\n.next-cover {\n  padding: 12px 15px;\n  position: relative;\n}\n.next-img {\n  float: right;\n  margin-left: 12px;\n  width: 60px !important;\n  height: 60px !important;\n}\n.next-title {\n  overflow: hidden;\n  font-weight: 400;\n  word-wrap: break-word;\n  -webkit-hyphens: auto;\n  -ms-hyphens: auto;\n  hyphens: auto;\n  color: #353535;\n}\n.single-cover:hover .preview,.bottomCover:hover .preview{\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: #fff;\n}\n.d-start {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.preview {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0,0,0,0.5);\n  text-decoration: none;\n}\n"],sourceRoot:""}])},jriD:function(n,t,e){var i=e("Ls7S");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);e("rjj0")("4a4d9098",i,!1,{})}});