| 1 |
- webpackJsonp([37],{"1kkg":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={name:"topicCircle",data:function(){return{search1:"",search2:"",tableData:[{date:"2016-05-02",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄",num:1,userName:"aaa",group:"客服人员",type:"普通管理员",note:"大师傅艰苦是否就是",state:"正常"},{date:"2016-05-04",name:"王小虎",address:"上海市普陀区金沙江路 1517 弄",num:2,userName:"aaa",group:"客服人员",type:"普通管理员",note:"大师傅艰苦是否就是",state:"正常"},{date:"2016-05-01",name:"王小虎",address:"上海市普陀区金沙江路 1519 弄",num:3,userName:"aaa",group:"客服人员",type:"普通管理员",note:"大师傅艰苦是否就是",state:"正常"},{date:"2016-05-03",name:"王小虎",address:"上海市普陀区金沙江路 1516 弄",num:4,userName:"aaa",group:"客服人员",type:"普通管理员",note:"大师傅艰苦是否就是",state:"正常"}],multipleSelection:[],currentPage1:1,addDialogVisible:!1,modifyDialogVisible:!1,dialogImageUrl:"",inputTitle:"",inputIntroduction:"",imgUrl:"",inputID:"",dialogVisible:!1}},mounted:function(){},methods:{handleSelectionChange:function(e){this.multipleSelection=e,console.log(this.multipleSelection)},handleEdit:function(e,t){this.modifyDialogVisible=!0},handleDelete:function(e,t){},handleSizeChange:function(e){console.log("每页 "+e+" 条")},handleCurrentChange:function(e){console.log("当前页: "+e),this.currentPage1=e},addData:function(){this.addDialogVisible=!0},batchDelete:function(){},handleAvatarSuccess:function(e,t){this.imageUrl=URL.createObjectURL(t.raw)},submitAdd:function(){},cancelAdd:function(){this.addDialogVisible=!1},handleRemove:function(e,t){console.log(e,t)},handlePictureCardPreview:function(e){this.dialogImageUrl=e.url,this.dialogVisible=!0}}},n={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"topicCircle"},[a("h3",[e._v("话题圈")]),e._v(" "),a("div",{staticClass:"search"},[a("div",{staticClass:"cond1 cond"},[a("el-input",{attrs:{placeholder:"请输入ID"},model:{value:e.search1,callback:function(t){e.search1=t},expression:"search1"}},[a("template",{slot:"prepend"},[e._v("ID")])],2)],1),e._v(" "),a("div",{staticClass:"cond1 cond"},[a("el-input",{attrs:{placeholder:"请输入标题"},model:{value:e.search2,callback:function(t){e.search2=t},expression:"search2"}},[a("template",{slot:"prepend"},[e._v("标题")])],2)],1),e._v(" "),a("div",[a("el-button",{attrs:{type:"primary",icon:"el-icon-search"}},[e._v("搜索")])],1)]),e._v(" "),a("div",{staticClass:"opration"},[a("el-button",{attrs:{type:"success",icon:"el-icon-plus"},on:{click:e.addData}},[e._v("添加")]),e._v(" "),a("el-button",{attrs:{type:"danger",icon:"el-icon-delete"},on:{click:e.batchDelete}},[e._v("批量删除")])],1),e._v(" "),a("div",{staticClass:"list"},[a("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{border:"",data:e.tableData,"tooltip-effect":"dark"},on:{"selection-change":e.handleSelectionChange}},[a("el-table-column",{attrs:{"header-align":"center",align:"center",type:"selection",width:"55"}}),e._v(" "),a("el-table-column",{attrs:{"header-align":"center",align:"center",prop:"num",label:"用户ID",sortable:"",width:"90"}}),e._v(" "),a("el-table-column",{attrs:{"header-align":"center",align:"center",label:"图片",width:"90"},scopedSlots:e._u([{key:"default",fn:function(e){return[a("img",{attrs:{src:e.row.imgUrl,alt:""}})]}}])}),e._v(" "),a("el-table-column",{attrs:{"header-align":"center",align:"center",prop:"num",label:"标题",width:"150"}}),e._v(" "),a("el-table-column",{attrs:{"header-align":"center",align:"center",prop:"num",label:"简介"}}),e._v(" "),a("el-table-column",{attrs:{"header-align":"center",align:"center",label:"操作",width:"150",fixed:"right"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-button",{attrs:{size:"mini",type:"warning"},on:{click:function(a){return e.handleEdit(t.$index,t.row)}}},[e._v("编辑")]),e._v(" "),a("el-button",{attrs:{size:"mini",type:"success"},on:{click:function(a){return e.handleDelete(t.$index,t.row)}}},[e._v("删除")])]}}])})],1)],1),e._v(" "),a("div",{staticClass:"page"},[a("el-pagination",{attrs:{background:"","current-page":e.currentPage1,"page-size":100,layout:"total, prev, pager, next, jumper",total:1e3},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange,"update:currentPage":function(t){e.currentPage1=t},"update:current-page":function(t){e.currentPage1=t}}})],1),e._v(" "),a("el-dialog",{attrs:{title:"添加",visible:e.addDialogVisible,width:"40%",center:""},on:{"update:visible":function(t){e.addDialogVisible=t}}},[a("div",{staticClass:"row"},[a("span",[e._v("标题：")]),e._v(" "),a("el-input",{attrs:{placeholder:"请输入标题",clearable:""},model:{value:e.inputTitle,callback:function(t){e.inputTitle=t},expression:"inputTitle"}})],1),e._v(" "),a("div",{staticClass:"row"},[a("span",[e._v("简介：")]),e._v(" "),a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.inputIntroduction,expression:"inputIntroduction"}],domProps:{value:e.inputIntroduction},on:{input:function(t){t.target.composing||(e.inputIntroduction=t.target.value)}}})]),e._v(" "),a("div",{staticClass:"row"},[a("span",[e._v("上传图片：")]),e._v(" "),a("el-upload",{attrs:{action:"https://jsonplaceholder.typicode.com/posts/","list-type":"picture-card","on-preview":e.handlePictureCardPreview,"on-remove":e.handleRemove,limit:1}},[a("i",{staticClass:"el-icon-plus"})]),e._v(" "),a("el-dialog",{attrs:{visible:e.dialogVisible},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1),e._v(" "),a("div",{staticClass:"dialogBtn"},[a("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.submitAdd}},[e._v("提交")]),e._v(" "),a("el-button",{attrs:{type:"info",size:"small"},on:{click:e.cancelAdd}},[e._v("取消")])],1)]),e._v(" "),a("el-dialog",{attrs:{title:"话题修改",visible:e.modifyDialogVisible,width:"40%",center:""},on:{"update:visible":function(t){e.modifyDialogVisible=t}}},[a("div",{staticClass:"row"},[a("span",[e._v("ID：")]),e._v(" "),a("el-input",{attrs:{disabled:!0},model:{value:e.inputID,callback:function(t){e.inputID=t},expression:"inputID"}})],1),e._v(" "),a("div",{staticClass:"row"},[a("span",[e._v("标题：")]),e._v(" "),a("el-input",{attrs:{placeholder:"请输入标题",clearable:""},model:{value:e.inputTitle,callback:function(t){e.inputTitle=t},expression:"inputTitle"}})],1),e._v(" "),a("div",{staticClass:"row"},[a("span",[e._v("简介：")]),e._v(" "),a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.inputIntroduction,expression:"inputIntroduction"}],domProps:{value:e.inputIntroduction},on:{input:function(t){t.target.composing||(e.inputIntroduction=t.target.value)}}})]),e._v(" "),a("div",{staticClass:"row"},[a("span",[e._v("图片：")]),e._v(" "),a("img",{attrs:{src:e.imgUrl,alt:""}})]),e._v(" "),a("div",{staticClass:"row"},[a("span",[e._v("上传图片：")]),e._v(" "),a("el-upload",{attrs:{action:"https://jsonplaceholder.typicode.com/posts/","list-type":"picture-card","on-preview":e.handlePictureCardPreview,"on-remove":e.handleRemove,limit:1}},[a("i",{staticClass:"el-icon-plus"})]),e._v(" "),a("el-dialog",{attrs:{visible:e.dialogVisible},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1),e._v(" "),a("div",{staticClass:"dialogBtn"},[a("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.submitAdd}},[e._v("提交")]),e._v(" "),a("el-button",{attrs:{type:"info",size:"small"},on:{click:e.cancelAdd}},[e._v("取消")])],1)])],1)},staticRenderFns:[]};var l=a("VU/8")(i,n,!1,function(e){a("FH7H")},"data-v-67209058",null);t.default=l.exports},FH7H:function(e,t){}});
|
