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.5 KiB
2 lines
5.5 KiB
import{p as oe,H as le,F as ne,b as se,G as re,E as de}from"./el-button-e2db9d24.js";import{v as ie}from"./el-loading-b7e2079f.js";import{E as ce}from"./el-pagination-36ba5b37.js";import{E as ue}from"./el-input-5fc6aaec.js";import"./el-tag-290e5c91.js";import"./el-select-ffb55c7a.js";import"./el-scrollbar-5933f25d.js";import{E as pe,a as _e}from"./el-table-column-448a0581.js";import"./el-tooltip-4ed993c7.js";import{E as me,a as fe,b as ge}from"./el-dropdown-item-bbb7be2f.js";import"./el-icon-08628b36.js";import{E as ve}from"./el-image-viewer-e3399f62.js";import{a as he,b as we,E as ye}from"./el-breadcrumb-item-4a5b4005.js";import{E as Ee,a as be}from"./el-col-d48be3e5.js";import{g as Ce,d as ke,u as xe,E as Ve}from"./product-76c412a0.js";import{a1 as De,Z as ze,q as d,v as Ie,a3 as Be,z as Pe,a4 as Se,o as f,f as b,M as g,Q as e,w as a,N as i,a as u,D as S,O as Ne,c as N,a5 as Ue,V as Me,a6 as U}from"./index-7ed2d026.js";import{g as Re}from"./category-62de9d5c.js";import{E as $e}from"./el-message-box-b36f6f03.js";import{E as v}from"./el-message-3c79da29.js";import{_ as Te}from"./_plugin-vue_export-helper-c27b6911.js";import"./index-dc664f45.js";import"./index-8f4d4c63.js";import"./strings-d2b52496.js";import"./aria-60e0cdc6.js";import"./castArray-283666ff.js";import"./cloneDeep-e81a5417.js";import"./_baseClone-a5946d7f.js";import"./request-26ab9dc6.js";const Ke={class:"main"},Le={class:"breadcrumb-section"},Oe={class:"search-section"},qe=["onDblclick"],Fe={class:"pagination-block"},je={__name:"index",setup(Ae){De();const C=ze(),k=d([]),M={emitPath:!1},n=Ie({page:1,pageSize:10,search:{cat_id:null,keyword:""}}),{page:h,pageSize:w}=Be(n),x=d(0),y=d(!1);d(!1);const V=d([]);Pe(async()=>{let t=await Re();t.code===200&&(k.value=t.data.map(l=>({value:l.id,label:l.name,children:l.children.map(_=>({value:_.id,label:_.name}))}))),s()});const R=()=>{s()},s=async()=>{y.value=!0;let t=await Ce(n);t.code===200&&(V.value=t.data.list,x.value=t.data.total),y.value=!1},$=()=>{D.value=0,C.push({path:"/product/list/form"})},T=t=>{D.value=t,C.push({path:"/product/list/form",query:{id:t}})},K=t=>{$e.confirm("確認刪除此紀錄?").then(async()=>{(await ke(t)).code===200?(v({message:"刪除成功.",type:"success"}),s()):v({message:"刪除失敗.",type:"error"})}).catch(()=>{})},L=t=>{n.pageSize=t,s()},O=t=>{n.page=t,s()},q=t=>{n.page=t,s()},F=t=>{n.page=t,s()},p=d(0),j=t=>{p.value=t},A=async t=>{(await xe(t)).code===200?(v({message:"修改成功.",type:"success"}),s()):v({message:"修改失敗.",type:"error"}),p.value=0},G=()=>{p.value=0},D=d(0);return(t,l)=>{const _=he,H=we,E=re,m=Ee,Q=Ve,z=ue,I=be,B=ye,r=pe,Z=ve,J=de,P=me,W=fe,X=ge,Y=_e,ee=ce,te=Se("focus"),ae=ie;return f(),b("div",Ke,[g("div",Le,[g("div",null,[e(H,{separator:"/"},{default:a(()=>[e(_,null,{default:a(()=>[i(" 產品管理 ")]),_:1}),e(_,null,{default:a(()=>[i(" 產品列表 ")]),_:1})]),_:1})]),g("div",null,[e(E,{type:"primary",icon:u(oe),onClick:$},{default:a(()=>[i("新增產品")]),_:1},8,["icon"])])]),e(B,null,{default:a(()=>[g("div",Oe,[e(I,{gutter:15},{default:a(()=>[e(m,{sm:20,lg:21},{default:a(()=>[e(I,{gutter:15},{default:a(()=>[e(m,{sm:8}),e(m,{sm:8},{default:a(()=>[e(Q,{modelValue:n.search.cat_id,"onUpdate:modelValue":l[0]||(l[0]=o=>n.search.cat_id=o),options:k.value,props:M,clearable:""},null,8,["modelValue","options"])]),_:1}),e(m,{sm:8},{default:a(()=>[e(z,{modelValue:n.search.keyword,"onUpdate:modelValue":l[1]||(l[1]=o=>n.search.keyword=o),placeholder:"請輸入產品名稱",style:{width:"100%"}},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),e(m,{sm:4,lg:3},{default:a(()=>[e(E,{type:"primary",style:{width:"100%",height:"100%"},onClick:R},{default:a(()=>[i("搜尋")]),_:1})]),_:1})]),_:1})])]),_:1}),e(B,{"body-style":{padding:"0px"}},{default:a(()=>[S((f(),b("div",null,[e(Y,{data:V.value,style:{width:"100%"}},{default:a(()=>[e(r,{label:"#",prop:"id",width:"50"}),e(r,{label:"產品圖片"},{default:a(o=>[e(Z,{style:{width:"150px",height:"80px"},src:o.row.imageurl,fit:"cover",crossorigin:null},null,8,["src"])]),_:1}),e(r,{label:"產品類別",prop:"cat_name"}),e(r,{label:"產品名稱",prop:"name"}),e(r,{label:"建立時間",prop:"create_time"}),e(r,{prop:"sort",label:"排序",width:"80"},{default:a(o=>[o.row.id!==p.value?(f(),b("div",{key:0,onDblclick:c=>j(o.row.id)},Ne(o.row.sort_order),41,qe)):S((f(),N(z,{key:1,modelValue:o.row.sort_order,"onUpdate:modelValue":c=>o.row.sort_order=c,style:{width:"50px"},onKeyup:Ue(c=>A(o.row),["enter"]),onBlur:l[2]||(l[2]=c=>G()),autoFocus:!0},null,8,["modelValue","onUpdate:modelValue","onKeyup"])),[[te,o.row.id===p.value]])]),_:1}),e(r,{label:"操作",width:"105",fixed:"right"},{default:a(o=>[e(X,null,{dropdown:a(()=>[e(W,null,{default:a(()=>[e(P,{icon:u(le),onClick:c=>T(o.row.id)},{default:a(()=>[i("編輯")]),_:2},1032,["icon","onClick"]),o.row.is_main!==1?(f(),N(P,{key:0,icon:u(ne),onClick:c=>K(o.row.id)},{default:a(()=>[i("刪除")]),_:2},1032,["icon","onClick"])):Me("",!0)]),_:2},1024)]),default:a(()=>[e(E,{type:"danger"},{default:a(()=>[i(" 操作"),e(J,{class:"el-icon--right"},{default:a(()=>[e(u(se))]),_:1})]),_:1})]),_:2},1024)]),_:1})]),_:1},8,["data"]),g("div",Fe,[e(ee,{"current-page":u(h),"onUpdate:currentPage":l[3]||(l[3]=o=>U(h)?h.value=o:null),"page-size":u(w),"onUpdate:pageSize":l[4]||(l[4]=o=>U(w)?w.value=o:null),"page-sizes":[10,20,50,100],layout:"->,total, sizes, prev, pager, next, jumper",total:x.value,onSizeChange:L,onCurrentChange:O,onPrevClick:q,onNextClick:F},null,8,["current-page","page-size","total"])])])),[[ae,y.value]])]),_:1})])}}},yt=Te(je,[["__scopeId","data-v-aa448182"]]);export{yt as default};
|