2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
import{h as H,i as J,j as K,k as O}from"./index-BIlGw-iH.js";import{n as P,o as f,c as A,a as e,w as a,r as n,i,p as Q,q as W,k as D,f as p,t as S,b as B,l as X,E as y}from"./index-DZCMG0nr.js";const Y={style:{display:"flex","justify-content":"space-between","align-items":"center"}},Z={key:1},ae={__name:"Stores",setup(ee){const h=i([]),_=i(!1),m=i(!1),b=i(!1),v=i(!1),V=i(null),k=()=>({name:"",photo:"",address:"",phone:"",latitude:0,longitude:0,type:"human",isActive:!0}),o=i(k()),g=async()=>{_.value=!0;try{const u=await H();h.value=u.data}catch{}finally{_.value=!1}},w=u=>{u?(v.value=!0,V.value=u.id,o.value={name:u.name,photo:u.photo||"",address:u.address||"",phone:u.phone||"",latitude:u.latitude,longitude:u.longitude,type:u.type,isActive:u.isActive}):(v.value=!1,V.value=null,o.value=k()),m.value=!0},E=async()=>{b.value=!0;try{v.value?(await K(V.value,o.value),y.success("更新成功")):(await O(o.value),y.success("创建成功")),m.value=!1,g()}catch{}finally{b.value=!1}},$=u=>{X.confirm("确定要删除该门店吗？","提示",{type:"warning"}).then(async()=>{await J(u),y.success("删除成功"),g()}).catch(()=>{})};return P(g),(u,l)=>{const r=n("el-button"),s=n("el-table-column"),z=n("el-image"),M=n("el-tag"),N=n("el-table"),j=n("el-card"),c=n("el-input"),d=n("el-form-item"),x=n("el-input-number"),U=n("el-col"),I=n("el-row"),C=n("el-option"),q=n("el-select"),F=n("el-switch"),L=n("el-form"),R=n("el-dialog"),T=Q("loading");return f(),A("div",null,[e(j,null,{header:a(()=>[B("div",Y,[l[12]||(l[12]=B("span",null,"门店管理",-1)),e(r,{type:"primary",onClick:l[0]||(l[0]=t=>w())},{default:a(()=>[...l[11]||(l[11]=[p("新增门店",-1)])]),_:1})])]),default:a(()=>[W((f(),D(N,{data:h.value},{default:a(()=>[e(s,{prop:"id",label:"ID",width:"60"}),e(s,{label:"照片",width:"100"},{default:a(({row:t})=>[t.photo?(f(),D(z,{key:0,src:t.photo,style:{width:"60px",height:"60px"},fit:"cover"},null,8,["src"])):(f(),A("span",Z,"-"))]),_:1}),e(s,{prop:"name",label:"名称"}),e(s,{prop:"address",label:"地址"}),e(s,{prop:"phone",label:"联系方式",width:"130"}),e(s,{label:"类型",width:"120"},{default:a(({row:t})=>[p(S(t.type==="human"?"人工洗车店":"无人洗车店"),1)]),_:1}),e(s,{label:"状态",width:"80"},{default:a(({row:t})=>[e(M,{type:t.isActive?"success":"info",size:"small"},{default:a(()=>[p(S(t.isActive?"启用":"禁用"),1)]),_:2},1032,["type"])]),_:1}),e(s,{label:"操作",width:"180"},{default:a(({row:t})=>[e(r,{size:"small",onClick:G=>w(t)},{default:a(()=>[...l[13]||(l[13]=[p("编辑",-1)])]),_:1},8,["onClick"]),e(r,{size:"small",type:"danger",onClick:G=>$(t.id)},{default:a(()=>[...l[14]||(l[14]=[p("删除",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1},8,["data"])),[[T,_.value]])]),_:1}),e(R,{modelValue:m.value,"onUpdate:modelValue":l[10]||(l[10]=t=>m.value=t),title:v.value?"编辑门店":"新增门店",width:"600px"},{footer:a(()=>[e(r,{onClick:l[9]||(l[9]=t=>m.value=!1)},{default:a(()=>[...l[15]||(l[15]=[p("取消",-1)])]),_:1}),e(r,{type:"primary",loading:b.value,onClick:E},{default:a(()=>[...l[16]||(l[16]=[p("确定",-1)])]),_:1},8,["loading"])]),default:a(()=>[e(L,{model:o.value,"label-width":"100px"},{default:a(()=>[e(d,{label:"门店名称"},{default:a(()=>[e(c,{modelValue:o.value.name,"onUpdate:modelValue":l[1]||(l[1]=t=>o.value.name=t),placeholder:"请输入门店名称"},null,8,["modelValue"])]),_:1}),e(d,{label:"门店照片"},{default:a(()=>[e(c,{modelValue:o.value.photo,"onUpdate:modelValue":l[2]||(l[2]=t=>o.value.photo=t),placeholder:"请输入照片URL"},null,8,["modelValue"])]),_:1}),e(d,{label:"门店地址"},{default:a(()=>[e(c,{modelValue:o.value.address,"onUpdate:modelValue":l[3]||(l[3]=t=>o.value.address=t),placeholder:"请输入门店地址"},null,8,["modelValue"])]),_:1}),e(d,{label:"联系方式"},{default:a(()=>[e(c,{modelValue:o.value.phone,"onUpdate:modelValue":l[4]||(l[4]=t=>o.value.phone=t),placeholder:"请输入联系方式"},null,8,["modelValue"])]),_:1}),e(d,{label:"经纬度"},{default:a(()=>[e(I,{gutter:12},{default:a(()=>[e(U,{span:12},{default:a(()=>[e(x,{modelValue:o.value.latitude,"onUpdate:modelValue":l[5]||(l[5]=t=>o.value.latitude=t),precision:6,placeholder:"纬度","controls-position":"right",style:{width:"100%"}},null,8,["modelValue"])]),_:1}),e(U,{span:12},{default:a(()=>[e(x,{modelValue:o.value.longitude,"onUpdate:modelValue":l[6]||(l[6]=t=>o.value.longitude=t),precision:6,placeholder:"经度","controls-position":"right",style:{width:"100%"}},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),e(d,{label:"门店类型"},{default:a(()=>[e(q,{modelValue:o.value.type,"onUpdate:modelValue":l[7]||(l[7]=t=>o.value.type=t)},{default:a(()=>[e(C,{label:"人工洗车店",value:"human"}),e(C,{label:"无人洗车店",value:"unmanned"})]),_:1},8,["modelValue"])]),_:1}),e(d,{label:"状态"},{default:a(()=>[e(F,{modelValue:o.value.isActive,"onUpdate:modelValue":l[8]||(l[8]=t=>o.value.isActive=t),"active-text":"启用","inactive-text":"禁用"},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])])}}};export{ae as default};
|