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,a6 as l,a as o,r,B as s,y as i,a7 as n,b as d,w as c,a4 as p,o as u,e as g,a8 as h,j as f,l as b,i as y,E as m,F as w,a9 as S,C as _,aa as v,t as A,ab as C,ac as U,q as M,f as k,ad as z,a5 as E,ae as x,N as D,I as P,af as T,ag as F,ah as H,ai as N,aj as R,v as I,n as O,ak as j,al as B}from"../.pnpm/.pnpm.ea5fa7c5.js";import{C as K,_ as $,R as J}from"../../assets/index.013a048f.js";const V=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=K.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}}}),q={class:"custom-card"};const L=$(V,[["render",function(e,a,t,l,o,r){const s=v,i=A,n=C,x=U,D=M,P=k("draggable"),T=z,F=E,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(D,{onClick:e.close,strong:"",secondary:""},{default:c((()=>[f("取消")])),_:1},8,["onClick"]),g(D,{type:"primary",onClick:e.onSubmit,loading:e.loading,strong:"",secondary:""},{default:c((()=>[f("确定")])),_:1},8,["onClick","loading"])])),_:1})]),!0)])),default:c((()=>[b("div",q,[g(T,{"arrow-placement":"right"},{default:c((()=>[g(x,{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(x,{title:"显示顺序",name:"2"},{default:c((()=>[g(i,null,{default:c((()=>[g(P,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(D,{tertiary:"",class:"drag-bt"},{default:c((()=>[f(_(e.label),1)])),_:2},1024)])),_:1},16,["modelValue"])])),_:1})])),_:1}),g(x,{title:"其他操作",name:"3"},{default:c((()=>[g(i,{class:"action-btn"},{default:c((()=>[g(D,{tertiary:""},{default:c((()=>[f(" 导出所选 ")])),_:1}),g(D,{tertiary:"",type:"primary"},{default:c((()=>[f(" 导出所有 ")])),_:1}),g(D,{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.paginat
|