You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
2.5 KiB
1 lines
2.5 KiB
import{_ as T,r as i,ax as N,y as R,a as v,c as S,b as l,q as u,e as s,f as F,$ as M,H as g,t as D,h as G,aQ as L,a7 as m,ae as P,aj as j,an as z,bc as J,ao as q,ab as A,p as H,m as Q}from"./index-e450010e.js";const W=n=>(H("data-v-bb0bb95f"),n=n(),Q(),n),$={class:"demo-drawer__content"},K=W(()=>u("i",{class:"el-icon-plus"},null,-1)),O={key:0,class:"preview-image"},X=["src"],Y={class:"demo-drawer__footer"},h="80px",Z={__name:"cardedit",props:{visible:Boolean},emits:["update:visible","data"],setup(n,{emit:w}){const y=n,d=w;let _;const x=i(!1),t=i(!1),e=N({data:{id:"",name:"",imageUrl:""},visible:R({get(){return y.visible},set(a){d("update:visible",a)}})}),p=i(),B=i(""),E=a=>{const r=a.type==="image/jpeg"||a.type==="image/png";if(!r)return m.error("只能上传 JPG 或 PNG 格式的图片"),!1;const c=a.size/1024/1024<2;if(!c)return m.error("图片大小不能超过 2MB"),!1;const o=new FileReader;return o.readAsDataURL(a),o.onload=()=>{B.value=o.result,e.data.imageUrl=o.result},r&&c},U=async()=>{if(!e.data.name){m.error("标题不能为空");return}const a={...e.data};drawerRefadd.value.close(),d("data",a),e.data.name="",t.value=!1,p.value=!1},k=()=>{t.value||P.confirm("你是否要提交数据?","温馨提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{t.value=!0,_=setTimeout(()=>{setTimeout(()=>{t.value=!1,d("update:visible",!1)},400)},2e3)}).catch(()=>{f()})},f=()=>{t.value=!1,x.value=!1,d("update:visible",!1),clearTimeout(_),e.data.name=""};return(a,r)=>{const c=j,o=z,C=J,I=q,b=A;return v(),S(G(L),{ref_key:"drawerRefedit",ref:p,"model-value":n.visible,title:"编辑","before-close":k,direction:"ltr",class:"demo-drawer",size:"400px"},{default:l(()=>[u("div",$,[s(I,{model:e},{default:l(()=>[s(o,{label:"标题","label-width":h},{default:l(()=>[s(c,{modelValue:e.data.name,"onUpdate:modelValue":r[0]||(r[0]=V=>e.data.name=V),autocomplete:"off"},null,8,["modelValue"])]),_:1}),s(o,{label:"图片","label-width":h},{default:l(()=>[s(C,{class:"picture-uploader",action:"","auto-upload":!1,"before-upload":E,"on-change":a.handleChange,"list-type":"picture-card"},{default:l(()=>[K]),_:1},8,["on-change"]),e.data.imageUrl?(v(),F("div",O,[u("img",{src:e.data.imageUrl,alt:"预览图片"},null,8,X)])):M("",!0)]),_:1})]),_:1},8,["model"]),u("div",Y,[s(b,{onClick:f},{default:l(()=>[g("取消")]),_:1}),s(b,{type:"primary",loading:t.value,onClick:U},{default:l(()=>[g(D(t.value?"正在提交 ...":"提交"),1)]),_:1},8,["loading"])])])]),_:1},8,["model-value"])}}},ae=T(Z,[["__scopeId","data-v-bb0bb95f"]]);export{ae as default};
|
|
|