| 1 |
- import{u as $}from"./useResponse.4dd7726f.js";import{h as J}from"./api.5a70f86d.js";import{f as h}from"./elementPlus.8e650391.js";import{d as Z,aI as k,aJ as z,r as f,Z as F,j as G,ai as u,o as p,c as b,U as a,O as r,a as M,S as N,u as s,F as v,a8 as T,M as V}from"./vue.86c1cb21.js";import{_ as H}from"./_plugin-vue_export-helper.c27b6911.js";import"./index.59c4c6ab.js";const K={class:"dialog-footer"},Q=["src"],W=Z({__name:"CreateComputer",props:k({shopOptions:{},userOptions:{}},{modelValue:{default:!1},modelModifiers:{}}),emits:k(["refresh"],["update:modelValue"]),setup(q,{emit:A}){const i=z(q,"modelValue"),I=A,c=f(),g=f(),o=F({computerNumber:"",computerType:"",station:"",shop:"",user:"",macaddress:"",ipaddress:"",images:[]}),O=F({computerNumber:[{required:!0,message:"请输入电脑编号",trigger:"blur"}],computerType:[{required:!0,message:"请输入电脑类型",trigger:"blur"}],station:[{required:!0,message:"请输入工位号",trigger:"blur"}],shop:[{required:!0,message:"请输入所属商铺",trigger:"blur"}],user:[{required:!0,message:"请输入电脑使用人",trigger:"blur"}],macaddress:[{required:!0,message:"请输入MAC地址",trigger:"blur"}],ipaddress:[{required:!0,message:"请输入IP地址",trigger:"blur"}]}),_=f(!1),y=f(""),P=t=>{y.value=t.url||URL.createObjectURL(t.raw),_.value=!0},x=t=>{c.value.clearFiles();const e=t[0];e.uid=genFileId(),c.value.handleStart(e)},R=async t=>{t&&await t.validate((e,n)=>{e?(B(),i.value=!1,I("refresh")):h.error("添加失败")})};async function B(){const t=new FormData;["computerNumber","computerType","station","user","macaddress","ipaddress"].forEach(m=>{t.append(m,o[m])});const n=Array.isArray(o.shop)?o.shop.join(","):o.shop;t.append("shops",n),o.images.length>0&&o.images[0].raw&&t.append("images",o.images[0].raw),(await $(t,J)).code===2e3&&h.success("添加成功")}const D=t=>{t&&(t.resetFields(),o.images=[],i.value=!1)};return G(()=>{}),(t,e)=>{const n=u("el-input"),d=u("el-form-item"),m=u("el-option"),w=u("el-select"),L=u("Plus"),j=u("el-icon"),S=u("el-upload"),E=u("el-form"),C=u("el-button"),U=u("el-dialog");return p(),b(v,null,[a(U,{modelValue:i.value,"onUpdate:modelValue":e[10]||(e[10]=l=>i.value=l),"close-on-click-modal":!1,title:"新增电脑信息",width:"35%"},{footer:r(()=>[M("div",K,[a(C,{type:"primary",onClick:e[8]||(e[8]=l=>R(g.value))},{default:r(()=>e[12]||(e[12]=[N("保存")])),_:1}),a(C,{onClick:e[9]||(e[9]=l=>D(g.value))},{default:r(()=>e[13]||(e[13]=[N("取消")])),_:1})])]),default:r(()=>[a(E,{ref_key:"ruleFormRef",ref:g,model:s(o),rules:s(O),class:"computer-info-form","label-width":"auto","status-icon":""},{default:r(()=>[a(d,{label:"电脑编号：",prop:"computerNumber"},{default:r(()=>[a(n,{modelValue:s(o).computerNumber,"onUpdate:modelValue":e[0]||(e[0]=l=>s(o).computerNumber=l),placeholder:"请输入电脑编号"},null,8,["modelValue"])]),_:1}),a(d,{label:"电脑类型：",prop:"computerType"},{default:r(()=>[a(n,{modelValue:s(o).computerType,"onUpdate:modelValue":e[1]||(e[1]=l=>s(o).computerType=l),placeholder:"请输入电脑类型"},null,8,["modelValue"])]),_:1}),a(d,{label:"工位号：",prop:"station"},{default:r(()=>[a(n,{modelValue:s(o).station,"onUpdate:modelValue":e[2]||(e[2]=l=>s(o).station=l),placeholder:"请输入工位号"},null,8,["modelValue"])]),_:1}),a(d,{label:"所属店铺：",prop:"shop"},{default:r(()=>[a(w,{modelValue:s(o).shop,"onUpdate:modelValue":e[3]||(e[3]=l=>s(o).shop=l),clearable:"","collapse-tags":"",filterable:"",multiple:"",placeholder:"请选择店铺"},{default:r(()=>[(p(!0),b(v,null,T(t.shopOptions,l=>(p(),V(m,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),a(d,{label:"电脑使用人：",prop:"user"},{default:r(()=>[a(w,{modelValue:s(o).user,"onUpdate:modelValue":e[4]||(e[4]=l=>s(o).user=l),placeholder:"请选择电脑使用人"},{default:r(()=>[(p(!0),b(v,null,T(t.userOptions,l=>(p(),V(m,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),a(d,{label:"MAC地址：",prop:"macaddress"},{default:r(()=>[a(n,{modelValue:s(o).macaddress,"onUpdate:modelValue":e[5]||(e[5]=l=>s(o).macaddress=l),placeholder:"请输入MAC地址"},null,8,["modelValue"])]),_:1}),a(d,{label:"使用IP地址：",prop:"ipaddress"},{default:r(()=>[a(n,{modelValue:s(o).ipaddress,"onUpdate:modelValue":e[6]||(e[6]=l=>s(o).ipaddress=l),placeholder:"请输入IP地址"},null,8,["modelValue"])]),_:1}),(p(),V(d,{key:t.images,label:"电脑图片："},{default:r(()=>[a(S,{ref_key:"upload",ref:c,"file-list":s(o).images,"onUpdate:fileList":e[7]||(e[7]=l=>s(o).images=l),"auto-upload":!1,limit:1,"on-exceed":x,action:"#","list-type":"picture-card",accept:"image/*","on-preview":P},{default:r(()=>[a(j,null,{default:r(()=>[a(L)]),_:1})]),_:1},8,["file-list"])]),_:1}))]),_:1},8,["model","rules"])]),_:1},8,["modelValue"]),a(U,{modelValue:_.value,"onUpdate:modelValue":e[11]||(e[11]=l=>_.value=l),width:"30%",height:"30%"},{default:r(()=>[M("img",{src:y.value,alt:"预览图",style:{width:"100%",height:"auto"}},null,8,Q)]),_:1},8,["modelValue"])],64)}}});const te=H(W,[["__scopeId","data-v-53043e46"]]);export{te as default};
|
