3 lines
3.9 KiB
JavaScript
3 lines
3.9 KiB
JavaScript
import{a as Q}from"./refresh-92333034.js";import{d as A,aQ as D,r as i,aB as t,aC as r,ay as p,q as L,ar as S,as as T,av as o,at as q,aw as u,ax as U,A as V,aP as $,bg as F}from"./index-e7476adc.js";import{e as G}from"./categoryApi-942f3249.js";import{d as K,g as j}from"./goodsApi-aefb5fe8.js";import{N as E}from"./Image-b645358c.js";import{N as _}from"./Tag-4d6be00a.js";import{N as M}from"./Popconfirm-36f064ca.js";import{N as f}from"./Space-70cacec1.js";import{_ as R}from"./Input-5c51dd0a.js";import{_ as H}from"./Select-24ba44f4.js";import{_ as J}from"./DataTable-d97e4148.js";import"./Tooltip-15ee251f.js";import"./Eye-aa255ab4.js";import"./format-length-c9d165c6.js";import"./next-frame-once-7035a838.js";import"./utils-0d1ba756.js";const O={class:"flex-col h-full"},me=A({__name:"index",setup(W){const g=D(),d=i(!1),y=i([]),l=i({likeQuery:"",categoryId:void 0}),n=i({pageSize:10,itemCount:0,currentPage:1,pageCount:0,showSizePicker:!1,prefix:e=>`共 ${e.itemCount}条`});async function k(e){n.value.currentPage=e,s()}function w(){g.push({path:"/content/goods/add"})}async function v(){n.value.currentPage=1,await V(),await s()}async function s(){d.value=!0;const{list:e,meta:a}=await j({likeQuery:l.value.likeQuery,page:n.value.currentPage,row:n.value.pageSize,categoryId:l.value.categoryId});n.value.itemCount=a.total,n.value.pageCount=a.total,y.value=e,d.value=!1}const C=i([{title:"商品ID",key:"id",width:100},{title:"商品名称",key:"name"},{title:"缩略图",key:"thumb",render(e){return t(E,{width:80,src:e.thumb},null)}},{title:"商品名",key:"common_name"},{title:"类型",key:"type"},{title:"新品",key:"new",render(e){return t(_,{type:e.new===1?"primary":"error"},{default:()=>[e.new===1?"是":"否"]})}},{title:"状态",key:"status",render(e){return t(_,{type:e.status===1?"primary":"error"},{default:()=>[e.status===1?"有效":"禁用"]})}},{title:"所属分类",key:"category",render(e){return t(_,null,{default:()=>[r(" "),e.category.name]})}},{title:"操作",key:"action",width:200,render(e){return t("div",{class:"flex items-center"},[t(p,{type:"primary",size:"small",text:!0,onClick:()=>{g.push({path:"/content/goods/edit",query:{id:e.id}})}},{default:()=>[r("编辑")]}),t(M,{onPositiveClick:()=>b(e)},{trigger:()=>t(p,{type:"error",size:"small",class:"ml-2",text:!0},{default:()=>[r("删除")]}),default:()=>"确定删除该分类吗？"})])}}]),x=i([]);async function N(){x.value=await G()}async function b(e){var m;await K(e.id)&&((m=window==null?void 0:window.$message)==null||m.success("删除成功"),await s())}return L(()=>{s(),N()}),(e,a)=>{const m=R,P=H,h=$,z=Q,B=J,I=F;return S(),T("div",null,[t(I,{title:"商品列表",bordered:!1,class:"h-full rounded-8px shadow-sm"},{default:o(()=>[q("div",O,[t(u(f),{class:"pb-12px",justify:"space-between"},{default:o(()=>[t(u(f),null,{default:o(()=>[t(m,{value:l.value.likeQuery,"onUpdate:value":a[0]||(a[0]=c=>l.value.likeQuery=c),placeholder:"请输入 商品名称 或 通用名",clearable:"",style:{width:"300px"},onChange:v},null,8,["value"]),t(P,{value:l.value.categoryId,"onUpdate:value":a[1]||(a[1]=c=>l.value.categoryId=c),options:x.value,"value-field":"id","label-field":"name",placeholder:"请选择栏目",style:{width:"180px"},onChange:v,clearable:""},null,8,["value","options"]),t(u(p),{onClick:s},{default:o(()=>[t(h,{icon:"mdi:magnify",class:"mr-4px text-20px"}),r(" 搜索 ")]),_:1}),t(u(p),{type:"primary",onClick:w},{default:o(()=>[t(h,{icon:"mdi:plus",class:"mr-4px text-20px"}),r(" 新增 ")]),_:1})]),_:1}),t(u(f),{align:"center",size:18},{default:o(()=>[t(u(p),{size:"small",type:"primary",onClick:s},{default:o(()=>[t(z,{class:U(["mr-4px text-16px",{"animate-spin":d.value}])},null,8,["class"]),r(" 刷新表格 ")]),_:1})]),_:1})]),_:1}),t(B,{class:"flex-1-hidden","onUpdate:page":k,remote:"","flex-height":"",loading:d.value,columns:C.value,data:y.value,rowKey:c=>c.id,pagination:n.value},null,8,["loading","columns","data","rowKey","pagination"])])]),_:1})])}}});export{me as default};
|
|
//# sourceMappingURL=index-4cbd5562.js.map
|