"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[7843,9273,1862,1855],{41862:function(e,l,t){t.r(l);t(44114);var a=t(60002);class i{getTop250(e=0,l=20){const t=[],i=a.movieList.slice(),n=i.splice(e,l);return n.forEach(((l,a)=>{const i=[],n=[];l.casts.forEach((e=>{i.push(e.name)})),l.directors.forEach((e=>{n.push(e.name)})),t.push({title:l.title,originalTitle:l.original_title,year:l.year,rating:l.rating.average,casts:i.join("/"),directors:n.join("/"),genres:l.genres.join("/"),rank:a+1+e,sorting:50,recommend:0,remark:"这是一部不错的电影",editFlag:!1,thumb:l.thumb?l.thumb:"https://consumerminiaclprd01.blob.core.chinacloudapi.cn/miniappbackground/sfgmember/lin/270-400.png"})})),t}getDataByQuery(e=""){const l=[];for(let t=0;t<a.movieList.length;t++){const i=a.movieList[t];if(i.title.match(e)){const e=[],a=[];i.casts.forEach((l=>{e.push(l.name)})),i.directors.forEach((e=>{a.push(e.name)})),l.push({title:i.title,originalTitle:i.original_title,year:i.year,rating:i.rating.average,casts:e.join("/"),directors:a.join("/"),genres:i.genres.join("/"),rank:t+1,sorting:50,recommend:0,remark:"这是一部不错的电影",editFlag:!1,thumb:i.thumb?i.thumb:"https://consumerminiaclprd01.blob.core.chinacloudapi.cn/miniappbackground/sfgmember/lin/270-400.png"})}}return l}}l["default"]=new i},31855:function(e,l,t){t.r(l),t.d(l,{a:function(){return i},tableColumn:function(){return a}});const a=[{prop:"rank",label:"排名"},{prop:"title",label:"电影名",width:150},{prop:"rating",label:"评分",noRepeat:!0,width:100},{prop:"directors",label:"导演",width:150},{prop:"casts",label:"主演",width:150},{prop:"year",label:"年份"},{prop:"recommend",label:"推荐",noRepeat:!0},{prop:"remark",label:"备注",noRepeat:!0,width:200}],i=1},79273:function(e,l,t){t.r(l),t.d(l,{default:function(){return c}});var a=t(20641);const i={class:"lin-search"};function n(e,l,t,n,o,s){const r=(0,a.g2)("el-input");return(0,a.uX)(),(0,a.CE)("div",i,[(0,a.bF)(r,{placeholder:t.placeholder,clearable:"",modelValue:o.keyword,"onUpdate:modelValue":l[1]||(l[1]=e=>o.keyword=e),class:"input-with-select"},{suffix:(0,a.k6)((()=>[(0,a.Lk)("i",{class:"el-input__icon el-icon-search",onClick:l[0]||(l[0]=(...e)=>s.search&&s.search(...e))})])),_:1},8,["placeholder","modelValue"])])}var o=t(97362),s={props:{placeholder:{type:String,default:"请输入内容"}},data(){return{keyword:""}},created(){this.$watch("keyword",o["default"].debounce((e=>{this.$emit("query",e)}),1e3))},methods:{clear(){this.keyword=""},search(){this.$emit("query",this.keyword)}}},r=t(66262);const d=(0,r.A)(s,[["render",n],["__scopeId","data-v-2c8733c8"]]);var c=d},30224:function(e,l,t){t.r(l),t.d(l,{default:function(){return P}});var a=t(20641),i=t(90033),n=t(53751);const o=e=>((0,a.Qi)("data-v-223aedb7"),e=e(),(0,a.jt)(),e),s={class:"tableSample"},r={class:"header"},d=o((()=>(0,a.Lk)("div",{class:"header-left"},[(0,a.Lk)("p",{class:"title"},"豆瓣电影TOP250")],-1))),c={class:"header-right"},u={style:{"margin-left":"30px"}},h={class:"table-main"},p=o((()=>(0,a.Lk)("span",null,"选择要展示的列:",-1))),m=o((()=>(0,a.Lk)("span",null,"选择固定在左侧的列:",-1))),b=o((()=>(0,a.Lk)("span",null,"选择固定在右侧的列:",-1))),g={class:"summary"},f=["src"],k=["onUpdate:modelValue","onBlur"],C={key:0,class:"table-edit"},w=["onClick"],v=["onClick"],L=o((()=>(0,a.Lk)("i",{class:"el-icon-edit"},null,-1))),y=[L],x={key:1,class:"table-edit"},T={class:"cell-icon-edit"},_=["onClick"],F=o((()=>(0,a.Lk)("i",{class:"el-icon-check"},null,-1))),E=[F],V=["onClick"],R=o((()=>(0,a.Lk)("i",{class:"el-icon-close"},null,-1))),X=[R],$={key:0,class:"pagination"};function D(e,l,t,o,L,F){const R=(0,a.g2)("lin-search"),D=(0,a.g2)("el-button"),Q=(0,a.g2)("el-checkbox"),W=(0,a.g2)("el-checkbox-group"),O=(0,a.g2)("el-dialog"),U=(0,a.g2)("el-form-item"),K=(0,a.g2)("el-form"),j=(0,a.g2)("el-table-column"),P=(0,a.g2)("el-input"),I=(0,a.g2)("el-switch"),S=(0,a.g2)("el-table"),B=(0,a.g2)("el-pagination"),z=(0,a.g2)("source-code"),M=(0,a.gN)("loading");return(0,a.uX)(),(0,a.CE)("div",s,[(0,a.Lk)("div",r,[d,(0,a.Lk)("div",c,[(0,a.bF)(R,{onQuery:F.onQueryChange,placeholder:"请输入电影名"},null,8,["onQuery"]),(0,a.Lk)("div",u,[(0,a.bF)(D,{type:"primary",onClick:l[0]||(l[0]=e=>L.dialogTableVisible=!L.dialogTableVisible)},{default:(0,a.k6)((()=>[(0,a.eW)("列操作")])),_:1})])])]),(0,a.Lk)("div",h,[(0,a.bF)(O,{top:"5vh",width:"60%",visible:L.dialogTableVisible,"onUpdate:visible":l[4]||(l[4]=e=>L.dialogTableVisible=e)},{default:(0,a.k6)((()=>[p,(0,a.bF)(W,{modelValue:L.checkList,"onUpdate:modelValue":l[1]||(l[1]=e=>L.checkList=e),onChange:F.handleChange,class:"m-20"},{default:(0,a.k6)((()=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.tempCheckList,(e=>((0,a.uX)(),(0,a.Wv)(Q,{disabled:"电影名"===e||"排名"===e,label:e,key:e},null,8,["disabled","label"])))),128))])),_:1},8,["modelValue","onChange"]),m,(0,a.bF)(W,{modelValue:L.fixedLeftList,"onUpdate:modelValue":l[2]||(l[2]=e=>L.fixedLeftList=e),class:"m-20"},{default:(0,a.k6)((()=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.tempCheckList,(e=>((0,a.uX)(),(0,a.Wv)(Q,{disabled:L.fixedRightList.indexOf(e)>-1||-1===L.checkList.indexOf(e),label:e,key:e},null,8,["disabled","label"])))),128))])),_:1},8,["modelValue"]),b,(0,a.bF)(W,{modelValue:L.fixedRightList,"onUpdate:modelValue":l[3]||(l[3]=e=>L.fixedRightList=e),class:"m-20"},{default:(0,a.k6)((()=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.tempCheckList,(e=>((0,a.uX)(),(0,a.Wv)(Q,{disabled:L.fixedLeftList.indexOf(e)>-1||-1===L.checkList.indexOf(e),label:e,key:e},null,8,["disabled","label"])))),128))])),_:1},8,["modelValue"])])),_:1},8,["visible"]),(0,a.bo)(((0,a.uX)(),(0,a.Wv)(S,{data:L.tableData,onRowDblclick:F.rowClick,onExpandChange:F.expandChange,id:"out-table'"},{default:(0,a.k6)((()=>[(0,a.bF)(j,{type:"expand"},{default:(0,a.k6)((e=>[(0,a.Lk)("div",g,[(0,a.Lk)("img",{src:e.row.thumb,alt:""},null,8,f),(0,a.bF)(K,{"label-position":"left",inline:"",class:"demo-table-expand"},{default:(0,a.k6)((()=>[(0,a.bF)(U,{label:"电影名"},{default:(0,a.k6)((()=>[(0,a.Lk)("span",null,(0,i.v_)(e.row.title),1)])),_:2},1024),(0,a.bF)(U,{label:"导演"},{default:(0,a.k6)((()=>[(0,a.Lk)("span",null,(0,i.v_)(e.row.directors),1)])),_:2},1024),(0,a.bF)(U,{label:"主演"},{default:(0,a.k6)((()=>[(0,a.Lk)("span",null,(0,i.v_)(e.row.casts),1)])),_:2},1024)])),_:2},1024)])])),_:1}),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(L.filterTableColumn,(e=>((0,a.uX)(),(0,a.CE)(a.FK,null,["排序"===e.label?((0,a.uX)(),(0,a.Wv)(j,{label:"排序",key:e.label},{default:(0,a.k6)((e=>[(0,a.bo)((0,a.Lk)("input",{type:"number",class:"sort-input","onUpdate:modelValue":l=>e.row.sorting=l,onBlur:l=>F.handleSort(e.row.sorting,e.row)},null,40,k),[[n.Jo,e.row.sorting]])])),_:2},1024)):(0,a.Q3)("",!0),e.noRepeat?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.Wv)(j,{key:e.label,prop:e.prop,label:e.label,"show-overflow-tooltip":!0,fixed:!!e.fixed&&e.fixed,width:e.width?e.width:""},null,8,["prop","label","fixed","width"])),"评分"===e.label?((0,a.uX)(),(0,a.Wv)(j,{label:"评分",prop:e.prop,sortable:"",key:e.label,fixed:!!e.fixed&&e.fixed,width:e.width?e.width:""},null,8,["prop","fixed","width"])):(0,a.Q3)("",!0),"备注"===e.label?((0,a.uX)(),(0,a.Wv)(j,{key:e.label,label:"备注",prop:"remark",width:e.width,"show-overflow-tooltip":""},{default:(0,a.k6)((e=>[e.row.editFlag?((0,a.uX)(),(0,a.CE)("div",x,[(0,a.bF)(P,{modelValue:e.row.remark,"onUpdate:modelValue":l=>e.row.remark=l,placeholder:""},null,8,["modelValue","onUpdate:modelValue"]),(0,a.Lk)("div",T,[(0,a.Lk)("div",{class:"cell-save",onClick:l=>F.handleCellSave(e.row)},E,8,_),(0,a.Lk)("div",{class:"cell-cancel",onClick:l=>F.handleCellCancel(e.row)},X,8,V)])])):((0,a.uX)(),(0,a.CE)("div",C,[(0,a.Lk)("div",{onClick:l=>F.handleEdit(e.row),class:"content"},(0,i.v_)(e.row.remark),9,w),(0,a.Lk)("div",{class:"cell-icon",onClick:l=>F.handleCellEdit(e.row)},y,8,v)]))])),_:2},1032,["width"])):(0,a.Q3)("",!0),"推荐"===e.label?((0,a.uX)(),(0,a.Wv)(j,{label:"推荐",key:e.label},{default:(0,a.k6)((e=>[(0,a.bF)(I,{modelValue:e.row.recommend,"onUpdate:modelValue":l=>e.row.recommend=l,"active-color":"#3963bc",onChange:l=>F.handleRecommend(l,e.row)},null,8,["modelValue","onUpdate:modelValue","onChange"])])),_:2},1024)):(0,a.Q3)("",!0)],64)))),256)),(0,a.bF)(j,{label:"操作",fixed:"right",width:"170"},{default:(0,a.k6)((l=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.operate,((e,t)=>((0,a.uX)(),(0,a.Wv)(D,{type:e.type,plain:"",size:"mini",key:t,onClick:(0,n.D$)((t=>F.buttonMethods(e.func,l.$index,l.row)),["prevent","stop"])},{default:(0,a.k6)((()=>[(0,a.eW)((0,i.v_)(e.name),1)])),_:2},1032,["type","onClick"])))),128))])),_:1})])),_:1},8,["data","onRowDblclick","onExpandChange"])),[[M,L.loading]]),L.searchKeyword?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",$,[L.refreshPagination?((0,a.uX)(),(0,a.Wv)(B,{key:0,onCurrentChange:F.handleCurrentChange,background:!0,"page-size":L.pageCount,"current-page":L.currentPage,layout:"prev, pager, next, jumper",total:L.total_nums},null,8,["onCurrentChange","page-size","current-page","total"])):(0,a.Q3)("",!0)]))]),(0,a.bF)(z,{link:"https://github.com/TaleLin/lin-cms-vue/blob/master/src/plugins/lin-cms-ui/views/table/TableCombo.vue"})])}var Q=t(79273),W=t(31855),O=t(41862),U={components:{LinSearch:Q["default"]},data(){return{tableData:[],loading:!1,Hidden:!0,searchKeyword:"",checkList:[],filterTableColumn:[],refreshPagination:!0,currentPage:1,pageCount:10,total_nums:180,dialogTableVisible:!1,fixedLeftList:[],fixedRightList:[],value:"",editRow:0,showTooltip:!0}},computed:{},created(){this._getTableData((this.currentPage-1)*this.pageCount,this.pageCount),this.tableColumn=W.tableColumn,this.operate=[{name:"编辑",func:"handleEdit",type:"primary"},{name:"删除",func:"handleDelete",type:"danger"}],this.tempCheckList=W.tableColumn.map((e=>e.label)).slice(),this.checkList=W.tableColumn.map((e=>e.label)),this.filterTableColumn=W.tableColumn.filter((e=>this.checkList.indexOf(e.label)>-1))},methods:{_getTableData(e,l){const t=O["default"].getTop250(e,l);t.map((e=>{const l=e;return l.editFlag=!1,""})),this.tableData=[...t]},rowClick(e){console.log(e)},handleChange(){this.filterTableColumn=W.tableColumn.filter((e=>this.checkList.indexOf(e.label)>-1))},showRowOperateModal(){},handleSort(e,l){console.log("rowData",l),this.$message({type:"success",message:`排序已更改为：${e}`})},handleRecommend(e,l){this.loading=!0,console.log(e,l),e?setTimeout((()=>{this.loading=!1,this.$message({type:"success",message:"推荐成功"})}),1e3):setTimeout((()=>{this.loading=!1,this.$message({type:"success",message:"取消推荐"})}),1e3)},expandChange(e,l){console.log(e,l)},handleCellEdit(e){e.editFlag=!0,this.$set(this.filterTableColumn[7],"width",200),this.tempEditRemark=e.remark,this.editRow++},handleCellSave(e){e.editFlag=!1,setTimeout((()=>{this.editRow--,this.$message({type:"success",message:"修改成功"})}),1e3)},handleCellCancel(e){e.editFlag=!1,console.log(this.tempEditRemark),e.remark=this.tempEditRemark,this.editRow--},async handleCurrentChange(e){this.currentPage=e,this.loading=!0,setTimeout((()=>{this._getTableData((this.currentPage-1)*this.pageCount,this.pageCount),this.loading=!1}),1e3)},buttonMethods(e,l,t){const a=this,{methods:i}=this.$options;i[e](a,l,t)},handleEdit(e,l,t){e.handleCellEdit(t),console.log(l,t)},handleDelete(e,l,t){console.log(t),e.$confirm("此操作将永久删除该信息, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((async()=>{e.loading=!0,setTimeout((()=>{e.tableData.splice(l,1),e.loading=!1}),1e3)}))},onQueryChange(e){this.searchKeyword=e.trim(),e?(this.loading=!0,setTimeout((()=>{this.loading=!1,this.tableData=O["default"].getDataByQuery(this.searchKeyword)}),1e3)):this._getTableData(0,20)}},watch:{fixedLeftList(){this.filterTableColumn.map(((e,l)=>(this.fixedLeftList.indexOf(e.label)>-1?this.$set(this.filterTableColumn[l],"fixed","left"):-1===this.fixedRightList.indexOf(e.label)&&this.$set(this.filterTableColumn[l],"fixed",!1),""))),console.log(this.filterTableColumn)},fixedRightList(){this.filterTableColumn.map(((e,l)=>(this.fixedRightList.indexOf(e.label)>-1?this.$set(this.filterTableColumn[l],"fixed","right"):-1===this.fixedLeftList.indexOf(e.label)&&this.$set(this.filterTableColumn[l],"fixed",!1),""))),console.log(this.filterTableColumn)},editRow(){return this.filterTableColumn[7]&&0===this.editRow&&this.$set(this.filterTableColumn[7],"width",200),""}}},K=t(66262);const j=(0,K.A)(U,[["render",D],["__scopeId","data-v-223aedb7"]]);var P=j}}]);
//# sourceMappingURL=7843.95255cec.js.map