2025-06-30 09:38:03 +08:00

2 lines
7.1 KiB
JavaScript

import{D as m,v as k,_ as Y,aI as q,r as l,j as F,o as d,d as g,w as r,k as C,m as D,b as i,c as y,q as H,s as K,f as t,C as A,u as G,a as W,t as v,a5 as w,F as J,E as Q,G as X,l as Z}from"./index-f87df9cc.js";const f=k+"/assets",$=e=>m({url:f+"/list",method:"get",params:e}),ee=e=>m({url:f+"/detail",method:"get",params:{id:e}}),se=e=>m({url:f+"/save",method:"post",data:e}),te=e=>m({url:f+"/update",method:"post",data:e}),ae=e=>m({url:f+"/remove",method:"post",params:{ids:e}});const oe={props:{menu:{type:Boolean,default:!0}},data(){return{search:{},publicPath:"/DataV/",url:k,loading:!1,form:{},page:{pageSize:10,currentPage:1,total:0},data:[],option:{dialogWidth:"600",dialogMenuPosition:"center",height:"auto",calcHeight:330,header:!1,index:!0,align:"center",headerAlign:"center",column:[{label:"文件名称",prop:"assetsName",addDisplay:!1,span:24,rules:[{required:!0,message:"请输入文件名称",trigger:"blur"}]},{label:"文件上传",prop:"file",span:24,editDisplay:!1},{label:"文件类型",addDisplay:!1,prop:"assetsType",span:24,rules:[{required:!0,message:"请输入文件类型",trigger:"blur"}]},{label:"文件地址",addDisplay:!1,prop:"assetsUrl",span:24},{label:"文件大小",addDisplay:!1,prop:"assetsSize",disabled:!0,span:24},{label:"上传时间",addDisplay:!1,prop:"assetsTime",disabled:!0,span:24}]}}},methods:{select(e){this.$emit("submit",e.assetsUrl)},openImg(e){this.$ImagePreview([{url:this.computedImgUrl(e.assetsUrl)}],0,{})},isImage(e){var s=/\.(jpg|jpeg|png|gif)$/i;return s.test(e)},onChange(e){this.form.assetsName=e.name,this.form.assetsType=e.name.match(/\.(\w+)$/)[1],this.form.assetsTime=q().format("YYYY-MM-DD HH:mm:ss"),this.form.assetsSize=(e.size/1024/1024).toFixed(2)+"M"},onProgress(){this.loading=!0},onSuccess(e){const s=e.data.link;this.loading=!1,this.form.assetsUrl=s,this.$refs.crud.rowSave()},validData(e){return[0,1,2].includes(e)},beforeOpen(e,s){s=="edit"?ee(this.form.id).then(c=>{const p=c.data.data;this.form=p,e()}):e()},rowDel(e,s){if(this.validData(s)&&this.$website.isDemo)return this.$message.error(this.$website.isDemoTip),!1;this.$confirm("此操作将永久删除, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{ae(e.id).then(()=>{this.$message.success("删除成功"),this.onLoad()})}).catch(()=>{})},rowUpdate(e,s,c,p){if(this.validData(s)&&this.$website.isDemo)return c(),this.$message.error(this.$website.isDemoTip),!1;te(e).then(()=>{c(),this.$message.success("修改成功"),this.onLoad()}).catch(a=>{p()})},handleCopy(e,s){this.$Clipboard({text:e.assetsUrl}).then(()=>{this.$message.success("链接复制成功")})},handleEdit(e,s){this.$refs.crud.rowEdit(e,s)},rowSave(e,s,c){se(e).then(()=>{this.$message.success("新增成功"),this.onLoad(),s()}).catch(p=>{c()})},handleCurrentChange(e){this.page.currentPage=e,this.onLoad()},handleSizeChange(e){this.page.pageSize=e,this.onLoad()},onLoad(){this.loading=!0,$({assetsName:this.search.name,current:this.page.currentPage,size:this.page.pageSize}).then(e=>{this.loading=!1;const s=e.data.data;let c=s.records;c.forEach(p=>p._menu=!1),this.page.total=s.total,this.data=c})}}},S=e=>(Q("data-v-45d003a5"),e=e(),X(),e),ne=S(()=>t("div",{class:"el-upload__text"},[Z("将文件拖到此处,或"),t("em",null,"点击上传")],-1)),le={class:"content__box content__nav"},ie=["src"],re=S(()=>t("div",null,[t("p",null,"上传文件"),t("span",null,"可用字体、组件依赖等静态资源")],-1)),ce={class:"content__page"},de={class:"list-search"},pe={class:"content__box"},_e=["onMouseenter","onMouseleave","onClick"],ue={class:"content__main"},he=["onClick"],ge=["src"],me={class:"content__name"},fe={class:"content__size"},ve={class:"content__type"},be={class:"content__time"},Ce={class:"content__menu"},ye={class:"content__start"},we=["onClick"],De=["onClick"],ke=["onClick"];function Se(e,s,c,p,a,n){const P=l("el-icon-upload"),u=l("el-icon"),z=l("el-upload"),U=l("avue-crud"),L=l("el-icon-search"),I=l("el-input"),x=l("el-pagination"),T=l("el-header"),V=l("el-icon-paperclip"),j=l("el-tooltip"),M=l("el-icon-edit"),N=l("el-icon-delete"),O=l("svg-icon"),B=l("el-empty"),E=l("el-main"),R=l("el-container"),b=F("loading");return d(),g(R,{class:"list file"},{default:r(()=>[C((d(),g(U,D({ref:"crud",style:{display:"none"},option:a.option,modelValue:a.form,"onUpdate:modelValue":s[0]||(s[0]=o=>a.form=o),page:a.page,"onUpdate:page":s[1]||(s[1]=o=>a.page=o),onRowSave:n.rowSave,onRowUpdate:n.rowUpdate,onRowDel:n.rowDel},e.$loadingParams,{"before-open":n.beforeOpen,data:a.data,onOnLoad:n.onLoad}),{"file-form":r(({})=>[i(z,{"on-success":n.onSuccess,"on-progress":n.onProgress,"on-change":n.onChange,"show-file-list":!1,action:a.url+"/visual/put-file/source",drag:""},{default:r(()=>[C((d(),y("div",H(K(e.$loadingParams)),[i(u,null,{default:r(()=>[i(P)]),_:1}),ne],16)),[[b,a.loading]])]),_:1},8,["on-success","on-progress","on-change","action"])]),_:1},16,["option","modelValue","page","onRowSave","onRowUpdate","onRowDel","before-open","data","onOnLoad"])),[[b,a.loading]]),i(T,{class:"content__header"},{default:r(()=>[t("div",le,[t("div",{class:"content__add",onClick:s[2]||(s[2]=o=>e.$refs.crud.rowAdd())},[t("img",{src:`${a.publicPath}img/file.png`,height:"40px",alt:""},null,8,ie),re]),t("div",ce,[t("div",de,[i(I,{modelValue:a.search.name,"onUpdate:modelValue":s[3]||(s[3]=o=>a.search.name=o),onKeyup:A(n.onLoad,["enter"]),placeholder:"请输入名称"},{suffix:r(()=>[i(u,{onClick:n.onLoad,class:"el-input__icon"},{default:r(()=>[i(L)]),_:1},8,["onClick"])]),_:1},8,["modelValue","onKeyup"])]),a.page.total>0?(d(),g(x,{key:0,layout:"total, prev, pager, next,jumper",background:"",size:"small",onSizeChange:n.handleSizeChange,onCurrentChange:n.handleCurrentChange,"page-size":a.page.pageSize,"current-page":a.page.currentPage,"onUpdate:currentPage":s[4]||(s[4]=o=>a.page.currentPage=o),total:a.page.total},null,8,["onSizeChange","onCurrentChange","page-size","current-page","total"])):G("",!0)])])]),_:1}),C((d(),g(E,D({class:"content"},e.$loadingParams),{default:r(()=>[t("div",pe,[a.data.length>0?(d(!0),y(J,{key:0},W(a.data,(o,h)=>(d(),y("div",{class:"content__item",onMouseenter:_=>o._menu=!0,onMouseleave:_=>o._menu=!1,onClick:_=>n.select(o,h),key:h},[t("div",ue,[t("div",{class:"content__logo",onClick:_=>n.openImg(o)},[t("img",{src:`${n.isImage(o.assetsName)?e.computedImgUrl(o.assetsUrl):a.publicPath+"img/files.png"}`,alt:""},null,8,ge)],8,he),t("span",me,v(o.assetsName),1),t("span",fe,v(o.assetsSize),1),t("span",ve,v(o.assetsType),1),t("span",be,v(o.assetsTime),1)]),t("div",Ce,[t("div",ye,[i(j,{content:"复制链接"},{default:r(()=>[t("div",{class:"content__btn",onClick:w(_=>n.handleCopy(o,h),["stop"])},[i(u,null,{default:r(()=>[i(V)]),_:1})],8,we)]),_:2},1024),t("div",{class:"content__btn",onClick:w(_=>n.handleEdit(o,h),["stop"])},[i(u,null,{default:r(()=>[i(M)]),_:1})],8,De),t("div",{class:"content__btn",onClick:w(_=>n.rowDel(o,h),["stop"])},[i(u,null,{default:r(()=>[i(N)]),_:1})],8,ke)])])],40,_e))),128)):(d(),g(B,{key:1,class:"content__empty",description:"暂无数据"},{image:r(()=>[i(O,{"icon-class":"empty"})]),_:1}))])]),_:1},16)),[[b,a.loading]])]),_:1})}const ze=Y(oe,[["render",Se],["__scopeId","data-v-45d003a5"]]);export{ze as default};