系统应用集成中心
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.
 
 
 
 
 
 

2 lines
5.6 KiB

import{d as U,r as g,B as L,K as j,o as k,j as q,b as e,w as t,q as x,L as z,f as D,F as M,G as N,i as r,a as w,g as C}from"./index.901da429.js";const P=["src"],G=U({__name:"Upload",props:{modelValue:Array},emits:["update:modelValue"],setup(b,{emit:V}){const m=b;let l=g([]);const F=g(""),c=g(!1),E=(n,a)=>{console.log(n,a)},d=(n,a)=>new Promise((i,_)=>{var p=new FileReader;let s=/\.jpg$|\.jpeg$|\.gif$|\.png$/i;p.readAsDataURL(n);let f=n.name;s.test(f)?p.onload=B=>{l.value.push({name:f,url:B.target.result}),V("update:modelValue",l.value),i(B.target.result)}:(N.error("\u8BF7\u4E0A\u4F20\u56FE\u7247"),_())}),u=n=>{F.value=n.url,c.value=!0};return L(()=>{j(()=>m.modelValue,n=>{l.value=n})}),(n,a)=>{const i=r("el-icon"),_=r("el-upload"),p=r("el-dialog");return k(),q(M,null,[e(_,{action:"","before-upload":d,"list-type":"picture-card","on-preview":u,"on-remove":E,"file-list":x(l)},{default:t(()=>[e(i,null,{default:t(()=>[e(x(z))]),_:1})]),_:1},8,["file-list"]),e(p,{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=s=>c.value=s),width:"80%",top:"80px"},{default:t(()=>[D("img",{"w-full":"",src:F.value,alt:"\u9884\u89C8\u56FE\u7247",style:{width:"100%"}},null,8,P)]),_:1},8,["modelValue"])],64)}}}),I={class:"app-container"},K={class:"app-container-inner"},O={style:{"max-width":"800px"}},S=D("span",{class:"text-gray-500"},"-",-1),H=U({__name:"index",setup(b){const V=g("default"),m=g(),l=w({name:"\u8DD1\u6B65",region:"",date1:"",date2:"",delivery:!1,type:[],resource:"",desc:"",img:[]}),F=w({name:[{required:!0,message:"\u8BF7\u8F93\u5165\u6D3B\u52A8\u540D\u79F0\u6D3B\u52A8\u533A\u57DF",trigger:"blur"},{min:3,max:5,message:"\u957F\u5EA6\u5728 3 \u5230 5 \u4E2A\u5B57\u7B26",trigger:"blur"}],img:[{required:!0,message:"\u8BF7\u4E0A\u4F20\u56FE\u7247",trigger:"blur"}],region:[{required:!0,message:"\u8BF7\u9009\u62E9\u6D3B\u52A8\u533A\u57DF",trigger:"change"}],date1:[{type:"date",required:!0,message:"\u8BF7\u9009\u62E9\u65F6\u95F4",trigger:"change"}],date2:[{type:"date",required:!0,message:"\u8BF7\u9009\u62E9\u65F6\u95F4",trigger:"change"}],type:[{type:"array",required:!0,message:"\u8BF7\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A\u6D3B\u52A8\u6027\u8D28",trigger:"change"}],resource:[{required:!0,message:`\u8BF7\u9009\u62E9\u6D3B\u52A8\u8D44\u6E90
`,trigger:"change"}],desc:[{required:!0,message:"\u8BF7\u586B\u5199\u6D3B\u52A8\u5F62\u5F0F",trigger:"blur"}]}),c=async d=>{console.log("--FORM---",l),d&&await d.validate((u,n)=>{u?console.log("submit!"):console.log("error submit!",n)})},E=d=>{!d||d.resetFields()};return(d,u)=>{const n=r("el-input"),a=r("el-form-item"),i=r("el-option"),_=r("el-select"),p=r("el-date-picker"),s=r("el-col"),f=r("el-time-picker"),B=r("el-switch"),A=r("el-checkbox"),h=r("el-checkbox-group"),y=r("el-radio"),$=r("el-radio-group"),v=r("el-button"),R=r("el-form");return k(),q("div",I,[D("div",K,[D("div",O,[e(R,{ref_key:"ruleFormRef",ref:m,model:l,rules:F,"label-width":"120px",class:"demo-ruleForm",size:V.value},{default:t(()=>[e(a,{label:"\u6D3B\u52A8\u540D\u79F0",prop:"name"},{default:t(()=>[e(n,{modelValue:l.name,"onUpdate:modelValue":u[0]||(u[0]=o=>l.name=o)},null,8,["modelValue"])]),_:1}),e(a,{label:"\u6D3B\u52A8\u533A\u57DF",prop:"region"},{default:t(()=>[e(_,{modelValue:l.region,"onUpdate:modelValue":u[1]||(u[1]=o=>l.region=o),placeholder:"\u6D3B\u52A8\u533A\u57DF"},{default:t(()=>[e(i,{label:"\u533A\u57DF1",value:"\u4E0A\u6D77"}),e(i,{label:"\u533A\u57DF2",value:"\u5317\u4EAC"})]),_:1},8,["modelValue"])]),_:1}),e(a,{label:"\u5373\u65F6\u914D\u9001",required:""},{default:t(()=>[e(s,{span:11},{default:t(()=>[e(a,{prop:"date1"},{default:t(()=>[e(p,{modelValue:l.date1,"onUpdate:modelValue":u[2]||(u[2]=o=>l.date1=o),type:"date",placeholder:"\u9009\u62E9\u65F6\u95F4",style:{width:"100%"}},null,8,["modelValue"])]),_:1})]),_:1}),e(s,{class:"text-center",span:2,style:{"text-align":"center"}},{default:t(()=>[S]),_:1}),e(s,{span:11},{default:t(()=>[e(a,{prop:"date2"},{default:t(()=>[e(f,{modelValue:l.date2,"onUpdate:modelValue":u[3]||(u[3]=o=>l.date2=o),placeholder:"\u9009\u62E9\u65F6\u95F4",style:{width:"100%"}},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),e(a,{label:"\u5373\u65F6\u914D\u9001",prop:"delivery"},{default:t(()=>[e(B,{modelValue:l.delivery,"onUpdate:modelValue":u[4]||(u[4]=o=>l.delivery=o)},null,8,["modelValue"])]),_:1}),e(a,{label:"\u6D3B\u52A8\u6027\u8D28",prop:"type"},{default:t(()=>[e(h,{modelValue:l.type,"onUpdate:modelValue":u[5]||(u[5]=o=>l.type=o)},{default:t(()=>[e(A,{label:"\u7F8E\u98DF/\u9910\u5385\u7EBF\u4E0A\u6D3B\u52A8",name:"type"}),e(A,{label:"\u5730\u63A8\u6D3B\u52A8",name:"type"}),e(A,{label:"\u7EBF\u4E0B\u4E3B\u9898\u6D3B\u52A8",name:"type"}),e(A,{label:"\u5355\u7EAF\u54C1\u724C\u66DD\u5149",name:"type"})]),_:1},8,["modelValue"])]),_:1}),e(a,{label:"\u7279\u6B8A\u8D44\u6E90",prop:"resource"},{default:t(()=>[e($,{modelValue:l.resource,"onUpdate:modelValue":u[6]||(u[6]=o=>l.resource=o)},{default:t(()=>[e(y,{label:"\u7EBF\u4E0A\u54C1\u724C\u5546\u8D5E\u52A9"}),e(y,{label:"\u7EBF\u4E0B\u573A\u5730\u514D\u8D39"})]),_:1},8,["modelValue"])]),_:1}),e(a,{label:"\u4E0A\u4F20\u56FE\u7247",prop:"img"},{default:t(()=>[e(G,{modelValue:l.img,"onUpdate:modelValue":u[7]||(u[7]=o=>l.img=o)},null,8,["modelValue"])]),_:1}),e(a,{label:"\u5907\u6CE8",prop:"desc"},{default:t(()=>[e(n,{modelValue:l.desc,"onUpdate:modelValue":u[8]||(u[8]=o=>l.desc=o),type:"textarea"},null,8,["modelValue"])]),_:1}),e(a,null,{default:t(()=>[e(v,{type:"primary",onClick:u[9]||(u[9]=o=>c(m.value))},{default:t(()=>[C("\u7ACB\u5373\u521B\u5EFA")]),_:1}),e(v,{onClick:u[10]||(u[10]=o=>E(m.value))},{default:t(()=>[C("\u91CD\u7F6E")]),_:1})]),_:1})]),_:1},8,["model","rules","size"])])])])}}});export{H as default};