import{d as J,aG as K,r as p,j as Q,ai as i,aq as W,o as d,c as y,U as l,O as n,a,F as b,a8 as U,M as m,u as s,S,R as X,P as Y,T as x}from"./vue.86c1cb21.js";import{u as Z,a as ee}from"./useTableData.0839b608.js";import{u as w}from"./useResponse.4dd7726f.js";import{q as te,v as oe,w as ae,y as le,p as se}from"./elementPlus.8e650391.js";import{e as ne,c as re,d as ie,f as pe}from"./api.5a70f86d.js";import de from"./CreateComputer.4443ff05.js";import{h as ue}from"./hasPermission.b0dce6d1.js";import{_ as ce}from"./_plugin-vue_export-helper.c27b6911.js";import"./index.59c4c6ab.js";const me={class:"flex justify-between items-baseline"},ge={class:"image-wrapper"},_e={class:"card-content"},fe={class:"text-wrapper"},ve={style:{"font-weight":"500"}},he={class:"text-wrapper"},ye={style:{"font-weight":"500"}},be={class:"text-wrapper"},xe={style:{"font-weight":"500"}},we={style:{"text-align":"center",padding:"0 10px"}},Ce={class:"pagination-container",style:{position:"absolute",right:"30px",bottom:"30px"}},Ve=J({__name:"InfoCard",setup(Ne){const D=K(),g=p(!1),_=p(""),f=p([]),v=p("");p([]);const C=p([]),V=p([]),N=p([]),{tableOptions:r,handlePageChange:I}=Z(u);r.value.limit=12;async function u(){const o={page:r.value.page,limit:r.value.limit,computerNumber:_.value,shop:f.value.join(","),station:v.value};await ee(ne,o,r)}async function z(){g.value=!0}const E=o=>{D.push({path:"/computer/detail",query:{id:o.id}})},P=o=>o.length>0?o[0].image_url:"";async function R(){try{const o=await w(null,re);C.value=o.data.map(e=>({value:e.id,label:e.platformNumber}))}catch(o){console.log("error",o)}}async function T(){try{const o=await w(null,ie);V.value=o.data.map(e=>({value:e.id,label:e.name}))}catch(o){console.log("error",o)}}async function j(){try{const o=await w(null,pe);N.value=o.data.platformNumber}catch(o){console.log("error",o)}}return Q(()=>{u(),R(),T(),j()}),(o,e)=>{const q=i("el-divider"),O=i("el-input"),B=i("el-option"),F=i("el-select"),k=i("el-button"),c=i("el-card"),L=i("el-image"),M=i("el-tooltip"),A=i("el-row"),G=i("el-pagination"),$=W("loading");return d(),y(b,null,[l(c,{class:"mb-5",style:{border:"none"}},{default:n(()=>[a("div",me,[a("div",null,[e[6]||(e[6]=a("span",{class:"font-bold text-xl"},"电脑信息概览",-1)),l(q,{class:"text-3xl",direction:"vertical"}),l(O,{modelValue:_.value,"onUpdate:modelValue":e[0]||(e[0]=t=>_.value=t),clearable:"",placeholder:"电脑编号",style:{width:"200px","padding-right":"10px"},onChange:u},null,8,["modelValue"]),l(F,{modelValue:f.value,"onUpdate:modelValue":e[1]||(e[1]=t=>f.value=t),clearable:"","collapse-tags":"","collapse-tags-tooltip":"",filterable:"",multiple:"",placeholder:"店铺编号",style:{width:"200px","padding-right":"10px"},onChange:u},{default:n(()=>[(d(!0),y(b,null,U(N.value,t=>(d(),m(B,{key:t,label:t,value:t},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),l(O,{modelValue:v.value,"onUpdate:modelValue":e[2]||(e[2]=t=>v.value=t),clearable:"",placeholder:"位置",style:{width:"200px"},onChange:u},null,8,["modelValue"])]),a("span",null,[s(ue)("COMPUTER_CREATE")?(d(),m(k,{key:0,icon:s(te),bg:"",text:"",type:"primary",onClick:z},{default:n(()=>e[7]||(e[7]=[S("添 加")])),_:1},8,["icon"])):X("",!0)])])]),_:1}),l(c,{"body-style":{padding:"0px"},class:"flex-grow",style:{border:"none"}},{default:n(()=>[Y((d(),m(c,{class:"card-container",shadow:"never",style:{border:"none"}},{default:n(()=>[l(A,{gutter:20},{default:n(()=>[(d(!0),y(b,null,U(s(r).data,(t,H)=>(d(),m(s(oe),{key:H,lg:4,md:6,sm:8,xl:4,xs:12,class:"my-2.5"},{default:n(()=>[l(c,{"body-style":{padding:"20px 20px 5px 20px"},class:"item-card",shadow:"hover"},{footer:n(()=>[a("div",we,[l(k,{icon:s(ae),plain:"",round:"",style:{width:"100%"},type:"primary",onClick:h=>E(t)},{default:n(()=>e[11]||(e[11]=[S(" 查看详情 ")])),_:2},1032,["icon","onClick"])])]),default:n(()=>{var h;return[a("div",ge,[l(L,{src:P(t.images),alt:"电脑图片",class:"card-image"},{error:n(()=>[l(s(le),{class:"card-image",style:{"font-size":"4rem"}},{default:n(()=>[l(s(se))]),_:1})]),_:2},1032,["src"])]),e[12]||(e[12]=a("hr",{style:{"box-shadow":"0 4px 8px rgba(0, 0, 0, 0.2)"}},null,-1)),a("div",_e,[a("div",fe,[e[8]||(e[8]=a("span",{style:{color:"#808d97","font-weight":"500"}},"电脑编号: ",-1)),a("span",ve,x(t.computerNumber?t.computerNumber:"暂无"),1)]),a("div",he,[e[9]||(e[9]=a("span",{style:{color:"#808d97","font-weight":"500"}},"所属店铺: ",-1)),l(M,{content:t.shopName,disabled:((h=t.shopName)==null?void 0:h.length)<=14,"show-after":350,placement:"top"},{default:n(()=>[a("span",ye,x(t.shopName?t.shopName:"暂无"),1)]),_:2},1032,["content","disabled"])]),a("div",be,[e[10]||(e[10]=a("span",{style:{color:"#808d97","font-weight":"500"}},"电脑位置: ",-1)),a("span",xe,x(t.station?t.station:"暂无"),1)])])]}),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1})),[[$,s(r).loading]]),a("div",Ce,[l(G,{"current-page":s(r).page,"onUpdate:currentPage":e[3]||(e[3]=t=>s(r).page=t),"page-size":s(r).limit,"onUpdate:pageSize":e[4]||(e[4]=t=>s(r).limit=t),"page-sizes":[6,12,24,36,48,60],total:s(r).total,background:"",layout:"sizes, prev, pager, next, total, jumper",onChange:s(I)},null,8,["current-page","page-size","total","onChange"])])]),_:1}),l(de,{modelValue:g.value,"onUpdate:modelValue":e[5]||(e[5]=t=>g.value=t),shopOptions:C.value,userOptions:V.value,onRefresh:u},null,8,["modelValue","shopOptions","userOptions"])],64)}}});const Re=ce(Ve,[["__scopeId","data-v-235fda2e"]]);export{Re as default};