2 lines
4.4 KiB
Java
2 lines
4.4 KiB
Java
import{au as u,d as c}from"./index-X7Y8jykP.js";import{J as a}from"./JVxeTypes-C-gX5UoZ.js";import{C as w}from"./index-BwqG9R3y.js";import{y as b,z as m,A as r,K as S,f as s}from"./vue-vendor-DNhG1Cve.js";import{O as R}from"./index-CuWaQdlK.js";import{A as f}from"./index-DO7ZhK45.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";const y={name:"Template2",data(){return{table1:{loading:!1,pagination:{current:1,pageSize:200,pageSizeOptions:["10","20","30","100","200"],total:0},lastRow:null,selectedRows:[],dataSource:[],columns:[{key:"num",title:"序号",width:"80px"},{key:"ship_name",title:"船名",width:"180px",type:a.input},{key:"call",title:"呼叫",width:"80px",type:a.input},{key:"len",title:"长",width:"80px",type:a.input},{key:"ton",title:"吨",width:"120px",type:a.input},{key:"payer",title:"付款方",width:"120px",type:a.input},{key:"count",title:"数",width:"40px"},{key:"company",title:"公司",minWidth:"180px",type:a.input},{key:"trend",title:"动向",width:"120px",type:a.input}]},table2:{loading:!1,pagination:{current:1,pageSize:200,pageSizeOptions:["100","200"],total:0},selectedRows:[],dataSource:[],columns:[{key:"dd_num",title:"调度序号",width:"120px"},{key:"tug",title:"拖轮",width:"180px",type:a.input},{key:"work_start_time",title:"作业开始时间",width:"180px",type:a.input},{key:"work_stop_time",title:"作业结束时间",width:"180px",type:a.input},{key:"type",title:"船舶分类",width:"120px",type:a.input},{key:"port_area",title:"所属港区",width:"120px",type:a.input}]},url:{getData:"/mock/vxe/getData"}}},watch:{"table1.lastRow"(){this.loadTable2Data()}},created(){this.loadTable1Data()},methods:{loadTable1Data(){let e={pageNo:this.table1.pagination.current,pageSize:this.table1.pagination.pageSize};this.table1.loading=!0,c.get({url:this.url.getData,params:e}).then(l=>{this.table1.pagination.total=l.total,this.table1.dataSource=l.records,this.table1.selectedRows=[]}).finally(()=>{this.table1.loading=!1})},loadTable2Data(){let e=this.table1.selectedRows;if(!e||e.length===0){this.table2.pagination.total=0,this.table2.dataSource=[],this.table2.selectedRows=[];return}else this.table1.lastRow==null&&(this.table1.lastRow=e[e.length-1]);let l={parentId:this.table1.lastRow.id,pageNo:this.table2.pagination.current,pageSize:this.table2.pagination.pageSize};this.table2.loading=!0,c.get({url:this.url.getData,params:l}).then(o=>{this.table2.pagination.total=o.total,this.table2.dataSource=o.records,this.table2.selectedRows=[]}).finally(()=>{this.table2.loading=!1})},handleTable1SelectRowChange(e){this.handleTableSelectRowChange(this.table1,e)},handleTable2SelectRowChange(e){this.table2.selectedRows=e.selectedRows},handleTable1PageChange(e){this.table1.pagination.current=e.current,this.table1.pagination.pageSize=e.pageSize,this.loadTable1Data()},handleTable2PageChange(e){this.table2.pagination.current=e.current,this.table2.pagination.pageSize=e.pageSize,this.loadTable2Data()},handleTableSelectRowChange(e,l){let{row:o,action:p,selectedRows:t,$table:i}=l,n=t[t.length-1];p==="selected"?e.lastRow=o:p==="selected-all"?t.length===0?e.lastRow=null:e.lastRow||(e.lastRow=n):p==="unselected"&&o===e.lastRow&&(e.lastRow=n),i.setCurrentRow(e.lastRow),e.selectedRows=t}}};function _(e,l,o,p,t,i){const n=S("JVxeTable"),h=f,g=R,d=w;return m(),b(d,{bordered:!1},{default:r(()=>[s(g,{gutter:8},{default:r(()=>[s(h,{span:12},{default:r(()=>[s(n,{toolbar:"",rowNumber:"",rowSelection:"",clickSelectRow:"",highlightCurrentRow:"",radioConfig:{highlight:!1},checkboxConfig:{highlight:!1},height:790,loading:t.table1.loading,columns:t.table1.columns,dataSource:t.table1.dataSource,pagination:t.table1.pagination,onPageChange:i.handleTable1PageChange,onSelectRowChange:i.handleTable1SelectRowChange},null,8,["loading","columns","dataSource","pagination","onPageChange","onSelectRowChange"])]),_:1}),s(h,{span:12},{default:r(()=>[s(n,{rowNumber:"",height:375,columns:t.table1.columns,dataSource:t.table1.selectedRows,style:{margin:"52px 0 8px"}},null,8,["columns","dataSource"]),s(n,{toolbar:"",rowNumber:"",rowSelection:"",clickSelectRow:"",height:355,loading:t.table2.loading,columns:t.table2.columns,dataSource:t.table2.dataSource,pagination:t.table2.pagination,onPageChange:i.handleTable2PageChange,onSelectRowChange:i.handleTable2SelectRowChange},null,8,["loading","columns","dataSource","pagination","onPageChange","onSelectRowChange"])]),_:1})]),_:1})]),_:1})}const O=u(y,[["render",_]]);export{O as default};
|