simple321vip
2 lines
6.4 KiB
JavaScript
2 lines
6.4 KiB
JavaScript
import{H as w,_ as ne,d as ce,c as G,b as p,f as S,M as j,N as H,u as t,g as d,F as N,x as L,h as c,w as a,e as y,o as _,B as v,C as W,n as re,z as k,V as ie,i as s,W as C,E as z,p as de,j as se}from"./index.038313d9.js";const _e=()=>w({url:"/onenote/api/v1/category",method:"GET"}),ue=r=>w({url:"/onenote/api/v1/category",method:"PUT",data:r}),me=r=>w({url:"/onenote/api/v1/"+r+"/items/",method:"GET"}),ge=r=>w({url:"/onenote/api/v1/item",method:"PUT",data:r}),pe=r=>w({url:"/onenote/api/v1/item",method:"post",data:r}),ye=r=>w({url:"/onenote/api/v1/item",method:"delete",data:r});const I=r=>(de("data-v-2dc81d35"),r=r(),se(),r),ve={class:"category_card-box"},he={class:"category_card__header"},fe={class:"category_card__body"},xe={class:"category_card__header"},ke=I(()=>d("div",{class:"category_card__body"}," \u7BA1\u7406 ",-1)),we={class:"onenote_card-box"},Ve={class:"flex items-center"},Ce={class:"category_theme"},be={class:"onenote_card__header"},ze={class:"onenote_card__body"},Ie=I(()=>d("span",null,"Pick a icon!",-1)),Ee=s("el-icon:"),Be=I(()=>d("span",null,"Pick a color!",-1)),De=s("color:"),Ue=I(()=>d("span",null,"Pick a theme!",-1)),Se=s("theme:"),Ne=s("\u786E\u8BA4"),Ae=s("name:"),Pe=s("text:"),Te=s("\u5220\u9664"),Fe=s("\u53D6\u6D88"),$e=s("\u786E\u8BA4"),Me=s("\u786E\u8BA4"),Ge=ce({setup(r){const u=G([]),E=G([]);let A="https://element-plus.gitee.io/zh-CN/component/icon.html",P="https://www.runoob.com/html/html-colornames.html";const b=p(!1),m=p(!1);let f=p(!1),B=p(!1),D=p(!0),h=p({category_id:"",category_color:"",category_icon:"",category_theme:""}),l=p({item_id:"",item_name:"",item_value:"",category_id:""}),i=p({category_id:"",category_color:"",category_icon:"",category_theme:"Sample"});const q=()=>{D.value=!0,B.value=!1},J=()=>{T(),f.value=!1,m.value=!0},K=n=>{m.value=!0,f.value=!0,l.value.item_id=n.item_id,l.value.item_name=n.item_name,l.value.item_value=n.item_value},O=n=>{me(n.category_id).then(e=>{u.length=0,e.data.forEach(g=>{u.push(g)}),h.value.category_id=n.category_id,h.value.category_icon=n.category_icon,h.value.category_color=n.category_color,h.value.category_theme=n.category_theme,D.value=!1,B.value=!0})},Q=()=>{ue(i.value).then(n=>{E.push({category_id:n.data.category_id,category_color:i.value.category_color,category_icon:i.value.category_icon,category_theme:i.value.category_theme}),b.value=!1,Z()})},R=()=>{ge(l.value).then(n=>{u.push({item_id:n.data.item_id,item_name:l.value.item_name,item_value:l.value.item_value,category_id:h.value.category_id}),m.value=!1})},X=()=>{pe(l.value).then(n=>{let e=u.findIndex(g=>g.item_id==l.value.item_id);u[e].item_name=l.value.item_name,u[e].item_value=l.value.item_value,m.value=!1})},Y=()=>{ye(l.value.item_id).then(n=>{let e=u.findIndex(g=>g.item_id==l.value.item_id);u.splice(e,1),m.value=!1})},T=()=>{l.value.item_id="",l.value.item_name="",l.value.item_value="",l.value.category_id=h.value.category_id},Z=()=>{i.value.category_color="",i.value.category_id="",i.value.category_icon="",i.value.category_theme=""},ee=()=>{window.open(A,"_blank")},te=()=>{window.open(P,"_blank")};return _e().then(n=>{n.data.forEach(e=>{E.push(e)})}),T(),(n,e)=>{const g=y("el-icon"),U=y("el-card"),x=y("el-button"),oe=y("el-page-header"),F=y("el-alert"),$=y("el-link"),V=y("el-input"),M=y("el-drawer");return _(),S(N,null,[j(d("div",ve,[(_(!0),S(N,null,L(t(E),(o,ae)=>(_(),v(U,{shadow:"hover",onClick:le=>O(o),class:"onenote_category_card"},{header:a(()=>[d("div",he,[c(g,{size:40},{default:a(()=>[(_(),v(W(o.category_icon),{style:re({color:o.category_color})},null,8,["style"]))]),_:2},1024)])]),default:a(()=>[d("div",fe,k(o.category_theme),1)]),_:2},1032,["onClick"]))),256)),c(U,{shadow:"hover",onClick:e[0]||(e[0]=o=>b.value=!0),class:"onenote_category_card"},{header:a(()=>[d("div",xe,[c(g,{size:40},{default:a(()=>[(_(),v(W("Management"),{style:{color:"#5cdbd3"}}))]),_:1})])]),default:a(()=>[ke]),_:1})],512),[[H,t(D)]]),j(d("div",we,[c(oe,{onBack:q},{content:a(()=>[d("div",Ve,[d("span",Ce,k(t(h).category_theme),1),c(x,{size:"default",icon:t(ie),round:"",onClick:J},null,8,["icon"])])]),_:1}),(_(!0),S(N,null,L(t(u),(o,ae)=>(_(),v(U,{shadow:"hover",class:"onenote_item_card",onDblclick:le=>K(o)},{header:a(()=>[d("div",be,k(o.item_name),1)]),default:a(()=>[d("div",ze,k(o.item_value),1)]),_:2},1032,["onDblclick"]))),256))],512),[[H,t(B)]]),c(M,{modelValue:b.value,"onUpdate:modelValue":e[4]||(e[4]=o=>b.value=o),title:"I am the title","with-header":!1},{default:a(()=>[Ie,c(F,{title:"you can pick a icon on the website!",type:"success"}),c($,{type:"success",onClick:ee},{default:a(()=>[s(k(t(A)),1)]),_:1}),c(V,{modelValue:t(i).category_icon,"onUpdate:modelValue":e[1]||(e[1]=o=>t(i).category_icon=o),class:"category_icon",size:"large",placeholder:""},{prepend:a(()=>[Ee]),_:1},8,["modelValue"]),Be,c(F,{title:"you can pick a icon on the website!",type:"success"}),c($,{type:"success",onClick:te},{default:a(()=>[s(k(t(P)),1)]),_:1}),c(V,{modelValue:t(i).category_color,"onUpdate:modelValue":e[2]||(e[2]=o=>t(i).category_color=o),class:"category_icon",size:"large",placeholder:""},{prepend:a(()=>[De]),_:1},8,["modelValue"]),Ue,c(V,{modelValue:t(i).category_theme,"onUpdate:modelValue":e[3]||(e[3]=o=>t(i).category_theme=o),class:"category_icon",size:"large",placeholder:""},{prepend:a(()=>[Se]),_:1},8,["modelValue"]),c(x,{size:"large",icon:t(C),round:"",onClick:Q},{default:a(()=>[Ne]),_:1},8,["icon"])]),_:1},8,["modelValue"]),c(M,{modelValue:m.value,"onUpdate:modelValue":e[8]||(e[8]=o=>m.value=o),title:"I am the title","with-header":!1},{default:a(()=>[c(V,{modelValue:t(l).item_name,"onUpdate:modelValue":e[5]||(e[5]=o=>t(l).item_name=o),class:"category_icon",size:"large",placeholder:""},{prepend:a(()=>[Ae]),_:1},8,["modelValue"]),c(V,{modelValue:t(l).item_value,"onUpdate:modelValue":e[6]||(e[6]=o=>t(l).item_value=o),class:"category_icon",size:"large",type:"textarea",rows:10},{prepend:a(()=>[Pe]),_:1},8,["modelValue"]),t(f)==!0?(_(),v(x,{key:0,size:"large",icon:t(C),round:"",onClick:Y},{default:a(()=>[Te]),_:1},8,["icon"])):z("",!0),t(f)==!1?(_(),v(x,{key:1,size:"large",icon:t(C),round:"",onClick:e[7]||(e[7]=o=>m.value=!1)},{default:a(()=>[Fe]),_:1},8,["icon"])):z("",!0),t(f)==!1?(_(),v(x,{key:2,size:"large",icon:t(C),round:"",onClick:R},{default:a(()=>[$e]),_:1},8,["icon"])):z("",!0),t(f)==!0?(_(),v(x,{key:3,size:"large",icon:t(C),round:"",onClick:X},{default:a(()=>[Me]),_:1},8,["icon"])):z("",!0)]),_:1},8,["modelValue"])],64)}}});var He=ne(Ge,[["__scopeId","data-v-2dc81d35"]]);export{He as default};
|