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