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
2 lines
5.6 KiB
import{r as _,g as I,o as v,h as N,w as o,i as T,c as C,b as a,d as x,t as z,F as O,j as A,a as b,k as M,l as F,p as j,e as q,f as G}from"./config-provider-5e5578b5.js";import{E as D}from"./axios-ea863ce3.js";import{E as H,a as K,b as Q,c as R,d as W}from"./el-breadcrumb-item-ca27cf79.js";import{E as X,_ as Y}from"./_plugin-vue_export-helper-2e57540c.js";import{E as L,a as Z,v as ee}from"./common-42584ba9.js";import{r as S}from"./request-64dd7fc6.js";import"./el-overlay-539349b7.js";import{a as B,b as ae,E as le}from"./el-form-item-a4ff5d40.js";/* empty css */import"./vnode-39632412.js";function te(s){return S("/payment/list","get")}function oe(s){return S("/payment/getPayment","get",{id:s})}function ne(s){return S("/payment/update","post",s)}function de(s){return S("/payment/updateEnabled","post",s)}function re(s){return S("/payment/updateOrder","post",s)}const ue=b("h4",null,"編輯支付方式",-1),se={style:{flex:"auto"}},ie={__name:"EditForm",props:{visible:Boolean,editid:Number},emits:["close","update"],setup(s,{emit:w}){const i=s,c=_(!1),U=_("rtl"),y=_(!1);I(()=>i.visible,r=>{y.value=r});const n=_({}),f=_([]),p=_(null);I(()=>i.editid,async r=>{if(r){c.value=!0;let l=await oe(r);l.code===200&&(n.value=l.data,n.value.enabled=l.data.enabled===1,f.value=JSON.parse(l.data.pay_config_field),l.data.pay_config_field&&(l.data.pay_config?p.value=JSON.parse(l.data.pay_config):p.value=f.value.reduce((d,t,u)=>(t.key&&(d[t.key]=""),d),{}))),c.value=!1}});const h=()=>{n.value={},p.value={},w("close",!0)},$=async()=>{n.value.pay_config=JSON.stringify(p.value),c.value=!0,(await ne(n.value)).code===200?(B("更新成功"),w("update"),h()):B.error("更新失敗,請重新操作"),c.value=!1};return(r,l)=>{const d=ae,t=X,u=L,V=le,g=D,E=Z,k=ee;return v(),N(E,{modelValue:y.value,"onUpdate:modelValue":l[4]||(l[4]=e=>y.value=e),"destroy-on-close":!0,direction:U.value,size:"50%",onClose:h},{header:o(()=>[ue]),default:o(()=>[T((v(),C("div",null,[a(V,{model:n.value,"label-width":"120px"},{default:o(()=>[a(d,{label:"支付方式代碼"},{default:o(()=>[x(z(n.value.pay_code),1)]),_:1}),a(d,{label:"支付方式名稱"},{default:o(()=>[a(t,{modelValue:n.value.pay_name,"onUpdate:modelValue":l[0]||(l[0]=e=>n.value.pay_name=e)},null,8,["modelValue"])]),_:1}),a(d,{label:"支付方式描述"},{default:o(()=>[a(t,{modelValue:n.value.pay_desc,"onUpdate:modelValue":l[1]||(l[1]=e=>n.value.pay_desc=e)},null,8,["modelValue"])]),_:1}),a(d,{label:"手續費"},{default:o(()=>[a(t,{modelValue:n.value.pay_fee,"onUpdate:modelValue":l[2]||(l[2]=e=>n.value.pay_fee=e)},null,8,["modelValue"])]),_:1}),(v(!0),C(O,null,A(f.value,(e,m)=>(v(),N(d,{label:e.name,key:m},{default:o(()=>[a(t,{modelValue:p.value[e.key],"onUpdate:modelValue":P=>p.value[e.key]=P},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]))),128)),a(d,{label:"是否有效"},{default:o(()=>[a(u,{modelValue:n.value.enabled,"onUpdate:modelValue":l[3]||(l[3]=e=>n.value.enabled=e),class:"ml-2",style:{"--el-switch-on-color":"#13ce66","--el-switch-off-color":"#ff4949"}},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])])),[[k,c.value]])]),footer:o(()=>[b("div",se,[a(g,{onClick:h},{default:o(()=>[x("關閉")]),_:1}),a(g,{type:"primary",onClick:$},{default:o(()=>[x("送出")]),_:1})])]),_:1},8,["modelValue","direction"])}}};const J=s=>(j("data-v-900d3610"),s=s(),q(),s),_e={class:"main"},ce={class:"breadcrumb"},pe=J(()=>b("a",{href:"/"},"支付方式",-1)),me=J(()=>b("hr",null,null,-1)),fe=["onClick"],ve=["onClick"],ye={__name:"index",setup(s){const w=_(0),i=_([]);M(()=>{c()});const c=async()=>{let r=await te();r.code===200&&(w.value=r.data.total,i.value=r.data.data)},U=async(r,l)=>{let d=await de({pay_id:l,enabled:r}),t;d.code!==200?(B.error("更新失敗,請重新操作"),t=!r):t=r,t=t?1:0,i.value=i.value.map(u=>(u.pay_id===l&&(u.enabled=t),u))},y=async(r,l,d)=>{let t;r===0?t=i.value[l-1]:t=i.value[l+1];let u=d.pay_order;d.pay_order=t.pay_order,t.pay_order=u;let V=[{pay_id:d.pay_id,pay_order:d.pay_order},{pay_id:t.pay_id,pay_order:t.pay_order}];(await re(V)).code===200&&(i.value=i.value.sort((E,k)=>E.pay_order-k.pay_order))},n=_(!1),f=_(null),p=(r,l)=>{n.value=!0,f.value=l.pay_id},h=()=>{n.value=!1,f.value=null},$=()=>{c()};return(r,l)=>{const d=Q,t=H,u=R,V=L,g=D,E=W,k=K;return v(),C(O,null,[b("div",_e,[b("div",ce,[a(t,{separator:"/"},{default:o(()=>[a(d,{to:{path:"/"}},{default:o(()=>[x("電商管理中心")]),_:1}),a(d,null,{default:o(()=>[pe]),_:1})]),_:1})]),me,a(k,null,{default:o(()=>[a(E,{data:i.value,style:{width:"100%"}},{default:o(()=>[a(u,{prop:"pay_code",label:"支付代碼",width:"180"}),a(u,{prop:"pay_name",label:"支付方式",width:"180"}),a(u,{prop:"pay_desc",label:"支付描述",width:"180"}),a(u,{prop:"pay_fee",label:"手續費"}),a(u,{label:"排序",width:"80"},{default:o(e=>[e.$index!==0?(v(),C("i",{key:0,class:"action-icon icon-arrow-drop-up",onClick:m=>y(0,e.$index,e.row)},null,8,fe)):F("",!0),e.$index<w.value-1?(v(),C("i",{key:1,class:"action-icon icon-arrow-drop-down",onClick:m=>y(1,e.$index,e.row)},null,8,ve)):F("",!0)]),_:1}),a(u,{label:"狀態",width:"80"},{default:o(e=>[a(V,{modelValue:e.row.enabled,"onUpdate:modelValue":m=>e.row.enabled=m,"active-value":1,"inactive-value":0,onChange:m=>U(m,e.row.pay_id,e.row)},null,8,["modelValue","onUpdate:modelValue","onChange"])]),_:1}),a(u,{label:"操作",width:"150"},{default:o(e=>[a(g,{size:"small",onClick:m=>p(e.$index,e.row)},{default:o(()=>[x("編輯")]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"])]),_:1})]),a(ie,{editid:f.value,visible:n.value,onClose:h,onUpdate:$},null,8,["editid","visible"])],64)}}},be=Y(ye,[["__scopeId","data-v-900d3610"]]);G(be).mount("#app");
|