全栈小学生 26524c4bf5 update admin
2023-08-12 16:21:13 +08:00

2 lines
5.8 KiB
JavaScript

import{d as L,r as f,e as l,f as r,g as t,Q as h,y as m,F as b,z as y,n as M,B as k,x as S,A as P,u as W,bl as A,bm as O}from"./base-04829be5.js";/* empty css *//* empty css *//* empty css */import{_ as Q}from"./index.vue_vue_type_script_setup_true_lang-df8a984f.js";import{d as $,v as w}from"./index-30df2c14.js";import{t as v}from"./index-043d021e.js";import{b as R,c as q}from"./wechat-8bb0cbd0.js";import{_ as z}from"./menu-form.vue_vue_type_script_setup_true_lang-763f6d56.js";import{E as G}from"./index-d60f63e2.js";import{a as H}from"./index-92283b18.js";import{E as J}from"./index-88566e4e.js";import{E as K}from"./index-eb678249.js";import{v as U}from"./directive-013f0a4e.js";import{_ as X}from"./_plugin-vue_export-helper-c27b6911.js";/* empty css */import"./index-7e933ae4.js";import"./common-111e3797.js";import"./common-2cf17469.js";import"./index-faea7bd5.js";import"./vue-router-fee568b2.js";import"./storage-1a3ddb14.js";import"./index-236cb599.js";/* empty css *//* empty css *//* empty css */import"./index-db9b8d96.js";import"./typescript-defaf979.js";import"./event-9519ab40.js";import"./index-d7f4b4bb.js";import"./index-de053f2e.js";import"./error-78e43d3e.js";import"./index-6bd50bb5.js";import"./castArray-11aea762.js";import"./_Uint8Array-99b916e9.js";import"./_initCloneObject-e5a1aa13.js";import"./index-1cbf3455.js";import"./index-9a9de0a3.js";import"./scroll-e5463626.js";import"./vnode-85ccdc7f.js";import"./index-a2524300.js";import"./aria-adfa05c5.js";import"./focus-trap-be36cfe9.js";import"./validator-6838b9a3.js";import"./index-1d455165.js";import"./index-4edf2cad.js";const B=x=>(A("data-v-64a2583d"),x=x(),O(),x),Y={class:"main-container"},Z={class:"flex"},ee={class:"preview-wrap w-[300px] h-[550px] mr-[16px] bg-overlay rounded-md flex flex-col justify-between"},te=B(()=>t("div",{class:"head w-full h-[70px]"},null,-1)),oe={class:"menu-list h-[70px] flex border-t border-color"},ae={class:"py-[15px]"},se={class:"flex h-full px-[10px] items-center justify-center border-r border-color"},ne={class:"flex-1 flex w-0"},le=["onClick"],re={class:"menu-name px-[10px] border-r border-color w-full leading-[40px] text-base truncate text-center"},ie=B(()=>t("div",{class:"active-shade"},null,-1)),ue={class:"sub-menu-wrap w-full bg-overlay border border-color rounded"},ce=["onClick"],pe={class:"menu-name w-full text-base truncate text-center"},de=B(()=>t("div",{class:"active-shade"},null,-1)),me=["onClick"],ve={class:"flex-1"},_e={key:1,class:"py-[20px] leading"},fe={class:"fixed-footer-wrap"},he={class:"fixed-footer"},be=L({__name:"menu",setup(x){const p=f(!0),e=f([]),a=f(0),n=f(-1),i=f(null);R().then(o=>{e.value=o.data,p.value=!1});const T=()=>{e.value.push({name:"菜单名称",type:"view",url:"",appid:"",pagepath:"",sub_button:[]}),C(e.value.length-1)},D=o=>{!e.value[o].sub_button&&(e.value[o].sub_button=[]),e.value[o].sub_button.push({name:"子菜单名称",type:"view",url:"",appid:"",pagepath:""}),E(o,e.value[o].sub_button.length-1)},C=o=>{a.value=o,n.value=-1},E=(o,u)=>{a.value=o,n.value=u},j=()=>{G.confirm(v("deleteMemuTips"),v("warning"),{confirmButtonText:v("confirm"),cancelButtonText:v("cancel"),type:"warning"}).then(()=>{n.value!=-1?(e.value[a.value].sub_button.splice(n.value,1),n.value=e.value[a.value].sub_button.length-1,n.value==-1&&Object.assign(e.value[a.value],{type:"view",url:"",appid:"",pagepath:""})):(e.value.splice(a.value,1),e.value.length&&(a.value=e.value.length-1))})},I=async()=>{if(!i.value||!i.value){H.error(v("menusEmptyTips"));return}for(let o=0;o<(i==null?void 0:i.value.length);o++){const u=i.value[o];if(!await u.validate()){a.value=u.index,n.value=u.subIndex;break}}p.value||(p.value=!0,q({button:e.value}).then(()=>{p.value=!1}).catch(()=>{p.value=!1}))};return(o,u)=>{const g=Q,N=J,V=K,F=U;return l(),r(b,null,[t("div",Y,[h((l(),r("div",Z,[t("div",ee,[te,t("div",oe,[t("div",ae,[t("div",se,[m(g,{name:"iconfont-iconjianpan",size:"20px",color:"#b1b2b3"})])]),t("div",ne,[(l(!0),r(b,null,y(e.value,(c,s)=>(l(),r("div",{class:M(["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:s==a.value,curr:s==a.value&&n.value==-1}]),key:s,onClick:_=>C(s)},[t("div",re,k(c.name),1),ie,t("div",ue,[(l(!0),r(b,null,y(c.sub_button,(_,d)=>(l(),r("div",{class:M(["menu-item h-[50px] p-[10px] border-b border-color flex items-center justify-center cursor-pointer",{curr:d==n.value}]),key:d,onClick:$(xe=>E(s,d),["stop"])},[t("div",pe,k(_.name),1),de],10,ce))),128)),h(t("div",{class:"add-menu flex items-center justify-center flex-1 cursor-pointer menu-item h-[50px]",onClick:$(_=>D(s),["stop"])},[m(g,{name:"element-Plus"})],8,me),[[w,!c.sub_button||c.sub_button.length<5]])])],10,le))),128)),h(t("div",{class:"add-menu flex items-center justify-center flex-1 cursor-pointer menu-item",onClick:T},[m(g,{name:"element-Plus"})],512),[[w,e.value.length<3]])])])]),t("div",ve,[m(N,{class:"box-card !border-none h-auto",shadow:"never"},{default:S(()=>[e.value.length?(l(!0),r(b,{key:0},y(e.value,(c,s)=>(l(),r("div",{key:s},[h(t("div",null,[m(z,{data:c,onDelete:j,index:s,ref_for:!0,ref_key:"formRef",ref:i},null,8,["data","index"])],512),[[w,s==a.value&&n.value==-1]]),(l(!0),r(b,null,y(c.sub_button,(_,d)=>(l(),r("div",{key:d},[h(t("div",null,[m(z,{data:_,onDelete:j,index:s,"sub-index":d,ref_for:!0,ref_key:"formRef",ref:i},null,8,["data","index","sub-index"])],512),[[w,s==a.value&&d==n.value]])]))),128))]))),128)):(l(),r("div",_e,"尚未添加自定义菜单,点击左侧添加菜单为公众号创建菜单栏。"))]),_:1})])])),[[F,p.value]])]),t("div",fe,[t("div",he,[m(V,{type:"primary",loading:p.value,onClick:u[0]||(u[0]=c=>I())},{default:S(()=>[P(k(W(v)("save")),1)]),_:1},8,["loading"])])])],64)}}});const dt=X(be,[["__scopeId","data-v-64a2583d"]]);export{dt as default};