| 1 |
- import{u as S}from"./useResponse.4dd7726f.js";import{e as T}from"./api.2f7c8e86.js";import{f as V}from"./elementPlus.8e650391.js";import{d as j,aI as q,aJ as A,r as u,Z as y,j as O,ai as d,o as b,c as $,U as a,O as n,a as w,S as F,u as s,M as J,F as Z}from"./vue.86c1cb21.js";import{_ as z}from"./_plugin-vue_export-helper.c27b6911.js";import"./index.59c4c6ab.js";const G={class:"dialog-footer"},H=["src"],K=j({__name:"CreateEmployee",props:{modelValue:{default:!1},modelModifiers:{}},emits:q(["refresh"],["update:modelValue"]),setup(U,{emit:h}){const i=A(U,"modelValue"),k=h,C=u(!1),p=u(),f=u(),l=y({name:"",department:"",phone:"",email:"",images:[]}),x=y({name:[{required:!0,message:"请输入姓名",trigger:"blur"}],department:[{required:!0,message:"请输入部门",trigger:"blur"}],phone:[],email:[]}),c=u(!1),_=u(""),E=o=>{_.value=o.url||URL.createObjectURL(o.raw),c.value=!0},M=o=>{p.value.clearFiles();const e=o[0];e.uid=genFileId(),p.value.handleStart(e)},R=async o=>{o&&await o.validate((e,r)=>{e?(B(),i.value=!1,k("refresh"),V.success("添加成功")):V.error("添加失败,请检查表单")})};async function B(){const o=new FormData;["name","department","phone","email"].forEach(r=>{o.append(r,l[r])}),l.images.length>0&&l.images[0].raw&&o.append("images",l.images[0].raw),await S(o,T)}const D=o=>{o&&(o.resetFields(),l.images=[],i.value=!1)};return O(()=>{}),(o,e)=>{const r=d("el-input"),m=d("el-form-item"),I=d("Plus"),L=d("el-icon"),N=d("el-upload"),P=d("el-form"),g=d("el-button"),v=d("el-dialog");return b(),$(Z,null,[a(v,{modelValue:i.value,"onUpdate:modelValue":e[7]||(e[7]=t=>i.value=t),"close-on-click-modal":!1,title:"新增电脑信息",width:"35%"},{footer:n(()=>[w("div",G,[a(g,{loading:C.value,type:"primary",onClick:e[5]||(e[5]=t=>R(f.value))},{default:n(()=>e[9]||(e[9]=[F("保存")])),_:1},8,["loading"]),a(g,{onClick:e[6]||(e[6]=t=>D(f.value))},{default:n(()=>e[10]||(e[10]=[F("取消")])),_:1})])]),default:n(()=>[a(P,{ref_key:"ruleFormRef",ref:f,model:s(l),rules:s(x),class:"employee-info-form","label-width":"auto","status-icon":""},{default:n(()=>[a(m,{label:"姓名：",prop:"name"},{default:n(()=>[a(r,{modelValue:s(l).name,"onUpdate:modelValue":e[0]||(e[0]=t=>s(l).name=t),placeholder:"请输入姓名"},null,8,["modelValue"])]),_:1}),a(m,{label:"部门：",prop:"department"},{default:n(()=>[a(r,{modelValue:s(l).department,"onUpdate:modelValue":e[1]||(e[1]=t=>s(l).department=t),placeholder:"请输入部门"},null,8,["modelValue"])]),_:1}),a(m,{label:"电话号码：",prop:"phone"},{default:n(()=>[a(r,{modelValue:s(l).phone,"onUpdate:modelValue":e[2]||(e[2]=t=>s(l).phone=t),placeholder:"请输入电话号码"},null,8,["modelValue"])]),_:1}),a(m,{label:"邮箱：",prop:"email"},{default:n(()=>[a(r,{modelValue:s(l).email,"onUpdate:modelValue":e[3]||(e[3]=t=>s(l).email=t),placeholder:"请输入邮箱"},null,8,["modelValue"])]),_:1}),(b(),J(m,{key:o.images,label:"人员图片："},{default:n(()=>[a(N,{ref_key:"upload",ref:p,"file-list":s(l).images,"onUpdate:fileList":e[4]||(e[4]=t=>s(l).images=t),"auto-upload":!1,limit:1,"on-exceed":M,action:"#","list-type":"picture-card",accept:"image/*","on-preview":E},{default:n(()=>[a(L,null,{default:n(()=>[a(I)]),_:1})]),_:1},8,["file-list"])]),_:1}))]),_:1},8,["model","rules"])]),_:1},8,["modelValue"]),a(v,{modelValue:c.value,"onUpdate:modelValue":e[8]||(e[8]=t=>c.value=t),width:"30%",height:"30%"},{default:n(()=>[w("img",{src:_.value,alt:"预览图",style:{width:"100%",height:"auto"}},null,8,H)]),_:1},8,["modelValue"])],64)}}});const oe=z(K,[["__scopeId","data-v-8bd1398d"]]);export{oe as default};
|
