mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-02 11:18:20 +00:00
2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
import{d as U,v as Y,f as q,r as m,h as u,c as r,e as l,w,a as t,t as y,u as h,k as d,J as x,F as k,T as B,n as $,aN as z,ad as C,i as G,a3 as H,Y as K,ab as Q,ac as X,L as Z,E as ee,M as te,p as ae,g as le}from"./index-f99f26c5.js";/* empty css *//* empty css *//* empty css */import{_ as se}from"./index.vue_vue_type_script_setup_true_lang-72e25793.js";/* empty css */import{h as ne,i as oe}from"./wechat-73ae38fe.js";import{_ as D}from"./menu-form.vue_vue_type_script_setup_true_lang-48f38e26.js";import{_ as ue}from"./_plugin-vue_export-helper-c27b6911.js";/* empty css *//* empty css *//* empty css */import"./el-form-item-4ed993c7.js";/* empty css */const E=g=>(ae("data-v-3d36b689"),g=g(),le(),g),re={class:"main-container"},ce={class:"flex justify-between items-center"},ie={class:"text-page-title"},de={class:"flex"},ve={class:"preview-wrap w-[300px] h-[550px] mr-[16px] bg-overlay rounded-md flex flex-col justify-between border border-color"},pe=E(()=>t("div",{class:"head w-full h-[70px]"},null,-1)),_e={class:"menu-list h-[70px] flex border-t border-color"},me={class:"py-[15px]"},he={class:"flex h-full px-[10px] items-center justify-center border-r border-color"},be={class:"flex-1 flex w-0"},fe=["onClick"],xe={class:"menu-name px-[10px] border-r border-color w-full leading-[40px] text-base truncate text-center"},ge=E(()=>t("div",{class:"active-shade"},null,-1)),we={class:"sub-menu-wrap w-full bg-overlay border border-color rounded"},ye=["onClick"],ke={class:"menu-name w-full text-base truncate text-center"},Be=E(()=>t("div",{class:"active-shade"},null,-1)),Ce=["onClick"],Te={class:"flex-1"},je={key:1,class:"py-[20px] leading"},Ee={class:"fixed-footer-wrap"},Me={class:"fixed-footer"},Ne=U({__name:"menu",setup(g){const F=Y().meta.title,I=q(),p=m(!0),e=m([]),s=m(0),o=m(-1),v=m(null),T=m("/channel/wechat/menu"),L=a=>{I.push({path:T.value})};ne().then(a=>{e.value=a.data,p.value=!1});const P=()=>{e.value.push({name:"菜单名称",type:"view",url:"",appid:"",pagepath:"",sub_button:[]}),M(e.value.length-1)},R=a=>{!e.value[a].sub_button&&(e.value[a].sub_button=[]),e.value[a].sub_button.push({name:"子菜单名称",type:"view",url:"",appid:"",pagepath:""}),N(a,e.value[a].sub_button.length-1)},M=a=>{s.value=a,o.value=-1},N=(a,c)=>{s.value=a,o.value=c},S=()=>{H.confirm(d("deleteMemuTips"),d("warning"),{confirmButtonText:d("confirm"),cancelButtonText:d("cancel"),type:"warning"}).then(()=>{o.value!=-1?(e.value[s.value].sub_button.splice(o.value,1),o.value=e.value[s.value].sub_button.length-1,o.value==-1&&Object.assign(e.value[s.value],{type:"view",url:"",appid:"",pagepath:""})):(e.value.splice(s.value,1),e.value.length&&(s.value=e.value.length-1))})},W=async()=>{if(!v.value||!v.value){K.error(d("menusEmptyTips"));return}for(let a=0;a<(v==null?void 0:v.value.length);a++){const c=v.value[a];if(!await c.validate()){s.value=c.index,o.value=c.subIndex;break}}p.value||(p.value=!0,oe({button:e.value}).then(()=>{p.value=!1}).catch(()=>{p.value=!1}))};return(a,c)=>{const b=Q,A=X,j=se,V=Z,J=ee,O=te;return u(),r("div",re,[l(V,{class:"card !border-none",shadow:"never"},{default:w(()=>[t("div",ce,[t("span",ie,y(h(F)),1)]),l(A,{modelValue:T.value,"onUpdate:modelValue":c[0]||(c[0]=i=>T.value=i),class:"my-[20px]",onTabChange:L},{default:w(()=>[l(b,{label:h(d)("wechatAccessFlow"),name:"/channel/wechat"},null,8,["label"]),l(b,{label:h(d)("customMenu"),name:"/channel/wechat/menu"},null,8,["label"]),l(b,{label:h(d)("wechatTemplate"),name:"/channel/wechat/message"},null,8,["label"]),l(b,{label:h(d)("reply"),name:"/channel/wechat/reply"},null,8,["label"])]),_:1},8,["modelValue"]),x((u(),r("div",de,[t("div",ve,[pe,t("div",_e,[t("div",me,[t("div",he,[l(j,{name:"iconfont iconjianpan",size:"20px",color:"#b1b2b3"})])]),t("div",be,[(u(!0),r(k,null,B(e.value,(i,n)=>(u(),r("div",{class:$(["menu-item py-[15px] flex items-center justify-center cursor-pointer",{"size-1":e.value.length==1,"size-2-3":e.value.length>1,active:n==s.value,curr:n==s.value&&o.value==-1}]),key:n,onClick:f=>M(n)},[t("div",xe,y(i.name),1),ge,t("div",we,[(u(!0),r(k,null,B(i.sub_button,(f,_)=>(u(),r("div",{class:$(["menu-item h-[50px] p-[10px] border-b border-color flex items-center justify-center cursor-pointer",{curr:_==o.value}]),key:_,onClick:z(Ve=>N(n,_),["stop"])},[t("div",ke,y(f.name),1),Be],10,ye))),128)),x(t("div",{class:"add-menu flex items-center justify-center flex-1 cursor-pointer menu-item h-[50px]",onClick:z(f=>R(n),["stop"])},[l(j,{name:"element Plus"})],8,Ce),[[C,!i.sub_button||i.sub_button.length<5]])])],10,fe))),128)),x(t("div",{class:"add-menu flex items-center justify-center flex-1 cursor-pointer menu-item",onClick:P},[l(j,{name:"element Plus"})],512),[[C,e.value.length<3]])])])]),t("div",Te,[l(V,{class:"box-card !border-none h-auto",shadow:"never"},{default:w(()=>[e.value.length?(u(!0),r(k,{key:0},B(e.value,(i,n)=>(u(),r("div",{key:n},[x(t("div",null,[l(D,{data:i,onDelete:S,index:n,ref_for:!0,ref_key:"formRef",ref:v},null,8,["data","index"])],512),[[C,n==s.value&&o.value==-1]]),(u(!0),r(k,null,B(i.sub_button,(f,_)=>(u(),r("div",{key:_},[x(t("div",null,[l(D,{data:f,onDelete:S,index:n,"sub-index":_,ref_for:!0,ref_key:"formRef",ref:v},null,8,["data","index","sub-index"])],512),[[C,n==s.value&&_==o.value]])]))),128))]))),128)):(u(),r("div",je,"尚未添加自定义菜单，点击左侧添加菜单为公众号创建菜单栏。"))]),_:1})])])),[[O,p.value]])]),_:1}),t("div",Ee,[t("div",Me,[l(J,{type:"primary",loading:p.value,onClick:c[1]||(c[1]=i=>W())},{default:w(()=>[G(y(h(d)("save")),1)]),_:1},8,["loading"])])])])}}});const qe=ue(Ne,[["__scopeId","data-v-3d36b689"]]);export{qe as default};
|