2 lines
8.2 KiB
JavaScript
2 lines
8.2 KiB
JavaScript
|
|
var e=Object.defineProperty,a=(a,t,l)=>(((a,t,l)=>{t in a?e(a,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[t]=l})(a,"symbol"!=typeof t?t+"":t,l),l);import{d as t,aj as l,a as o,r,L as s,H as i,ak as n,b as d,w as c,ah as p,o as u,e as g,al as h,j as f,l as b,i as y,T as m,U as w,am as S,Q as _,an as v,y as A,ao as C,ap as U,v as M,f as k,aq as z,ai as x,M as D,D as E,I as T,ar as P,as as F,at as H,au as R,av as I,z as N,t as O,aw as j,ax as K}from"../.pnpm/.pnpm.f37eb169.js";import{C as B,_ as $,R as J}from"../../assets/index.332e1771.js";const L=t({components:{Draggable:l},props:{toModel:{default:null,type:Object},toUrl:{default:"",type:String},showModal:{default:!1,type:Boolean},tableTitle:{default:[],type:Array},attribute:{type:Array,default:[]}},setup(e,a){const t=o();let l=r(""),d=r({}),c=r(!1),p=r(t.getters["tableStore/getSelectDragArr"]);l.value=e.toUrl,d.value=e.toModel,c.value=e.showModal,s((()=>e.showModal),(e=>{c.value=e}));const u=B.Encrypt(e.toUrl),g=i({animation:200,group:"description",disabled:!1,ghostClass:"ghost"});let h=i({drag:!1,dragArr:[]});return s((()=>e.tableTitle),((e,a)=>{const t=[];e.forEach((e=>{t.push(e.prop)})),p.value=t})),s(c,(e=>{if(e){let e=window.localStorage.getItem(u);if(e&&(e=JSON.parse(e),e&&e.dragArr.length>0)){const a=[];e.dragArr.forEach((e=>{a.push(e.prop)})),p.value=a,h.dragArr=e.dragArr}}a.emit("update:showModal",e)})),s((()=>p.value),((a,t)=>{const l=n(a,t),o=n(t,a);e.attribute.forEach((e=>{l.forEach((a=>{e.prop==a&&h.dragArr.push(e)}))})),o.forEach((e=>{h.dragArr.forEach(((a,t)=>{e==a.prop&&h.dragArr.splice(t,1)}))}))})),{toUrl:l,toModel:d,showModal:c,loading:r(!1),dragOptions:g,dragData:h,selectArr:p,name:u}},methods:{async onSubmit(){const e={dragArr:this.dragData.dragArr},a=JSON.stringify(e);window.localStorage.setItem(this.name,a),this.$emit("updateSelect",this.dragData.dragArr),this.showModal=!1},close(){if(this.loading)return!1;this.showModal=!1}}}),V={class:"custom-card"};const q=$(L,[["render",function(e,a,t,l,o,r){const s=v,i=A,n=C,D=U,E=M,T=k("draggable"),P=z,F=x,H=p;return u(),d(H,{show:e.showModal,"onUpdate:show":a[4]||(a[4]=a=>e.showModal=a),placement:"left",width:"268"},{default:c((()=>[g(F,{title:"筛选"},{footer:c((()=>[h(e.$slots,"footer",{},(()=>[g(i,null,{default:c((()=>[g(E,{onClick:e.close,strong:"",secondary:""},{default:c((()=>[f("取消")])),_:1},8,["onClick"]),g(E,{type:"primary",onClick:e.onSubmit,loading:e.loading,strong:"",secondary:""},{default:c((()=>[f("确定")])),_:1},8,["onClick","loading"])])),_:1})]),!0)])),default:c((()=>[b("div",V,[g(P,{"arrow-placement":"right"},{default:c((()=>[g(D,{title:"自选择列",name:"1"},{default:c((()=>[g(n,{value:e.selectArr,"onUpdate:value":a[0]||(a[0]=a=>e.selectArr=a)},{default:c((()=>[g(i,{"item-style":"display: flex;"},{default:c((()=>[(u(!0),y(w,null,m(e.attribute,(e=>(u(),d(s,{key:e.prop,label:e.label,value:e.prop},null,8,["label","value"])))),128))])),_:1})])),_:1},8,["value"])])),_:1}),g(D,{title:"显示顺序",name:"2"},{default:c((()=>[g(i,null,{default:c((()=>[g(T,S({class:"wrapper",modelValue:e.dragData.dragArr,"onUpdate:modelValue":a[1]||(a[1]=a=>e.dragData.dragArr=a)},e.dragOptions,{onStart:a[2]||(a[2]=a=>e.dragData.drag=!0),onEnd:a[3]||(a[3]=a=>{e.dragData.drag=!1}),"item-key":"prop"}),{item:c((({element:e})=>[g(E,{tertiary:"",class:"drag-bt"},{default:c((()=>[f(_(e.label),1)])),_:2},1024)])),_:1},16,["modelValue"])])),_:1})])),_:1}),g(D,{title:"其他操作",name:"3"},{default:c((()=>[g(i,{class:"action-btn"},{default:c((()=>[g(E,{tertiary:""},{default:c((()=>[f(" 导出所选 ")])),_:1}),g(E,{tertiary:"",type:"primary"},{default:c((()=>[f(" 导出所有 ")])),_:1}),g(E,{tertiary:"",type:"error"},{default:c((()=>[f(" 删除所选 ")])),_:1})])),_:1})])),_:1})])),_:1})])])),_:3})])),_:3},8,["show"])}],["__scopeId","data-v-c35acc95"]]);const X=class{constructor(e){a(this,"getDataLists",(async(e,a)=>await J.get(e,a))),a(this,"pagination",i({page:1,pageSize:20,pageCount:0,showSizePicker:!0,pageSizes:[20,50,100],onChange:e=>{this.pagination.page=e},onUpdatePageSize:e=>{this.paginati
|