| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-10ef9004"],{"1bc0":function(t,e,i){},"6cdf":function(t,e,i){"use strict";i("1bc0")},"6ef3":function(t,e,i){},"8a41":function(t,e,i){"use strict";i("6ef3")},"9ae3":function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"app-container"},[s("div",{directives:[{name:"loading",rawName:"v-loading.fullscreen.lock",value:t.loadingFull,expression:"loadingFull",modifiers:{fullscreen:!0,lock:!0}}]}),t._v(" "),s("el-button",{attrs:{type:"primary",size:"small",icon:"el-icon-plus"},on:{click:function(e){t.infoType=!0,t.infoVis=!0}}},[t._v("添加产品")]),t._v(" "),s("el-table",{staticClass:"tableBorder",attrs:{data:t.list,"header-cell-style":{background:"#f8fbfc"},border:"",stripe:""}},[s("el-table-column",{attrs:{prop:"title",label:"产品名称",align:"center"}}),t._v(" "),s("el-table-column",{attrs:{label:"产品详情",align:"center"},scopedSlots:t._u([{key:"default",fn:function(e){var i=e.row;return[s("el-button",{attrs:{type:"text"},on:{click:function(e){return t.infoPreview(i)}}},[t._v("预览效果")])]}}])}),t._v(" "),s("el-table-column",{attrs:{prop:"created_at",label:"添加时间",align:"center"}}),t._v(" "),s("el-table-column",{attrs:{label:"操作",align:"center"},scopedSlots:t._u([{key:"default",fn:function(e){var i=e.row;return[s("el-button",{attrs:{type:"text"},on:{click:function(e){return t.setInfoEdit(i)}}},[t._v("修改详情")]),t._v(" "),s("el-button",{attrs:{type:"text"},on:{click:function(e){return t.submitDelate(i.id)}}},[t._v("删除")])]}}])})],1),t._v(" "),s("el-dialog",{attrs:{title:"产品详情",visible:t.infoVis,"close-on-click-modal":!1},on:{"update:visible":function(e){t.infoVis=e}}},[s("el-form",{attrs:{"label-width":"70px"}},[s("el-form-item",{attrs:{label:"产品名称:"}},[s("el-input",{model:{value:t.info.title,callback:function(e){t.$set(t.info,"title",e)},expression:"info.title"}})],1),t._v(" "),s("el-form-item",{attrs:{label:"上传视频:"}},[s("el-upload",{staticClass:"avatar-uploader",attrs:{action:"","show-file-list":!1,"http-request":t.uploadProductVideo,accept:".flv, .mp4, .m3u8, .ts, .3gp, .mov, .avi, .wmv"}},[s("div",{staticClass:"video_upload_container"},[s("el-button",{staticStyle:{"margin-bottom":"10px"},attrs:{type:"primary",size:"small",disabled:t.video_progress.show}},[t._v("上传视频")]),t._v(" "),t.video_progress.show?s("div",[s("el-progress",{staticStyle:{width:"200px"},attrs:{percentage:t.video_progress.value}})],1):t._e(),t._v(" "),t.info.video?s("video",{staticClass:"preview_video",attrs:{src:t.info.video,controls:""}}):t._e()],1),t._v(" "),s("div",{attrs:{slot:"tip"},slot:"tip"},[s("p",{staticStyle:{margin:"0","line-height":"normal"}},[t._v("上传视频大小不超过50M")]),t._v(" "),s("p",{staticStyle:{margin:"0","line-height":"normal"}},[t._v("上传视频类型为: .flv, .mp4, .m3u8, .ts, .3gp, .mov, .avi, .wmv 后缀的文件类型")])])])],1),t._v(" "),s("el-form-item",{attrs:{label:"产品详情:"}},[s("editor",{ref:"infoEditor",attrs:{value:t.info.content}})],1),t._v(" "),s("el-form-item",[t.infoType?s("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.submitAdd}},[t._v("添加")]):s("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.submitEdit}},[t._v("修改")]),t._v(" "),s("el-button",{attrs:{size:"small"},on:{click:t.resetInfo}},[t._v("取消")])],1)],1)],1),t._v(" "),s("el-dialog",{attrs:{title:"产品预览",visible:t.previewVis,width:"420px",top:"50px"},on:{"update:visible":function(e){t.previewVis=e}}},[s("div",{staticClass:"preview_container"},[s("div",{staticClass:"product_nav"},[s("div",{staticClass:"nav_item active"},[t._v(t._s(t.previewInfo.title))])]),t._v(" "),s("div",{staticClass:"produce_main"},[t.previewInfo.video?s("video",{attrs:{controls:"",src:t.previewInfo.video}}):t._e(),t._v(" "),s("div",{staticClass:"product_info",domProps:{innerHTML:t._s(t.previewInfo.content)}}),t._v(" "),s("div",{staticClass:"share_container"},[s("div",{staticClass:"share_eqcord"},[s("img",{staticClass:"eqcord_img",attrs:{src:i("f4f0")}}),t._v(" "),s("p",[t._v("微信扫一扫")])]),t._v(" "),s("div",{staticClass:"share_info"},[s("p",{staticClass:"fixed_p"},[t._v("扫一扫添加微信了解详情 或拨打联系电话")]),t._v(" "),s("p",{staticClass:"share_mobile"},[t._v("123 456 78911")]),t._v(" "),s("p",{staticClass:"share_call"},[t._v("拨打电话")])])])]),t._v(" "),s("div",{staticClass:"set_share_btn"},[s("div",{staticClass:"share_btn share_one"},[t._v("单个分享")]),t._v(" "),s("div",{staticClass:"share_btn share_all"},[t._v("全部分享")])])])])],1)},o=[],n=(i("6762"),i("b775"));function a(){return Object(n["a"])({url:"/detail/index",method:"get"})}function r(t){return Object(n["a"])({url:"/detail/store",method:"post",data:t})}function l(t){return Object(n["a"])({url:"/detail/destroy",method:"post",data:t})}function c(t){return Object(n["a"])({url:"/detail/update",method:"post",data:t})}function d(t,e){return Object(n["a"])({url:"/detail/upload_video",method:"post",onUploadProgress:e,data:t})}var v={data:function(){return{infoVis:!1,infoType:!0,previewVis:!1,info:{title:"",content:"",video:"",id:""},list:[],loadingFull:!1,previewInfo:{},video_progress:{show:!1,value:0}}},created:function(){this.getList()},methods:{uploadProductVideo:function(t){var e=this,i=t.file,s=i.size,o=i.type;if(s>52428800)return this.$message.error("视频最大不超过50M"),!1;var n=["video/x-flv","video/mp4","application/x-mpegURL","video/MP2T","video/3gpp","video/quicktime","video/x-msvideo","video/x-ms-wmv"];if(!n.includes(o))return this.$message.error("上传文件不是视频类型"),!1;var a=new FormData;a.append("video",i);var r=this;this.video_progress.show=!0,d(a,(function(t){var e=t.loaded,i=t.total,s=e/i*100|0;r.video_progress.value=s})).then((function(t){e.video_progress.show=!1,r.video_progress.value=0,200===t.code?(e.$message.success("上传视频成功"),e.info.video=t.data):e.$message.error(t.message||"上传视频失败")})).catch((function(){e.video_progress.show=!1,r.video_progress.value=0,e.$message.error("上传视频失败")}))},getList:function(){var t=this;this.loadingFull=!0,a().then((function(e){t.loadingFull=!1,200===e.code?t.list=e.data.list:t.$message.error(e.message||"获取产品列表失败")})).catch((function(){t.loadingFull=!1,t.$message.error("获取产品列表失败")}))},infoPreview:function(t){this.previewInfo=t,this.previewVis=!0},submitDelate:function(t){var e=this;this.$confirm("确认删除这个产品吗?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){e.loadingFull=!0,l({id:t}).then((function(t){e.loadingFull=!1,200===t.code?(e.$message.success(t.message),e.getList()):e.$message.error(t.message||"删除失败")})).catch((function(){e.loadingFull=!1,e.$message.error("删除失败")}))})).catch((function(){}))},setInfoEdit:function(t){var e=t.id,i=t.title,s=t.content;this.info.id=e,this.info.title=i,this.info.content=s,this.infoType=!1,this.infoVis=!0},resetInfo:function(){this.info={id:"",title:"",content:"",video:""},this.infoType=!0,this.infoVis=!1},submitEdit:function(){var t=this;if(!this.info.title)return this.$message.error("请填写产品名称"),!1;var e=this.$refs.infoEditor.getContent();if(!e&&!this.info.content)return this.$message.error("请填写产品详情"),!1;this.loadingFull=!0,c({title:this.info.title,content:e||this.info.content,id:this.info.id,video:this.info.video}).then((function(e){t.loadingFull=!1,200===e.code?(t.$message.success(e.message),t.resetInfo(),t.getList()):t.$message.error(e.message||"修改失败")})).catch((function(){t.loadingFull=!1,t.$message.error("修改失败")}))},submitAdd:function(){var t=this;if(!this.info.title)return this.$message.error("请填写产品名称"),!1;var e=this.$refs.infoEditor.getContent();if(!e)return this.$message.error("请填写产品详情"),!1;this.loadingFull=!0,r({title:this.info.title,content:e,video:this.info.video}).then((function(e){t.loadingFull=!1,200===e.code?(t.$message.success(e.message),t.resetInfo(),t.getList()):t.$message.error(e.message||"添加失败")})).catch((function(){t.loadingFull=!1,t.$message.error("添加失败")}))}}},u=v,f=(i("6cdf"),i("8a41"),i("2877")),p=Object(f["a"])(u,s,o,!1,null,"bd30ddd2",null);e["default"]=p.exports},f4f0:function(t,e,i){t.exports=i.p+"static/img/eqcord.50e56408.png"}}]);
|
