CustomerCell-f612fcf1.js
3.72 KB
import{a8 as s,_ as t,$ as l,a9 as r,aa as o,a0 as $,f as _,F as u,ab as k,ag as c,a2 as B,ac as b,d as C,E as g,a1 as f}from"./vue-5a35c3f5.js";import{B as A}from"./BasicTable-7dbd57c0.js";import"./componentMap-4d1c941b.js";import{e as z}from"./TableImg.vue_vue_type_style_index_0_lang-6e828edc.js";import{_ as h}from"./index.js";import{u as S}from"./useTable-e28259fb.js";import{d as x}from"./table-2ce11aa8.js";import{aR as E,ax as N}from"./antd-6b087f69.js";import"./BasicForm-53100365.js";import"./FormItem-ffc5ecef.js";import"./helper-95474dfc.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./index-c1c2669a.js";import"./useWindowSizeFn-cc2fb57c.js";import"./useForm-86d11f60.js";import"./RadioButtonGroup-72b65d2e.js";import"./useFormItem-9ea791b8.js";import"./uuid-31b8b5a4.js";import"./merge-4fa735fa.js";import"./onMountedOrActivated-52afb7a7.js";import"./download-3d468407.js";import"./base64Conver-39fc0d26.js";import"./index-1ca3bd8a.js";import"./IconPicker-6bbd557c.js";import"./index-9a895eb5.js";import"./sortable.esm-4ae27e0b.js";const P={class:"img-div"};function V(e,v,I,T,w,L){const n=s("AImage"),m=s("PreviewGroup"),d=s("Badge");return e.imgList&&e.imgList.length?(t(),l("div",{key:0,class:B([e.prefixCls,"flex items-center mx-auto"]),style:c(e.getWrapStyle)},[e.simpleShow?(t(),r(d,{key:0,count:!e.showBadge||e.imgList.length==1?0:e.imgList.length},{default:o(()=>[$("div",P,[_(m,null,{default:o(()=>[(t(!0),l(u,null,k(e.imgList,(i,a)=>(t(),r(n,{key:i,width:e.size,style:c({display:a===0?"":"none !important"}),src:e.srcPrefix+i,fallback:e.fallback},null,8,["width","style","src","fallback"]))),128))]),_:1})])]),_:1},8,["count"])):(t(),r(m,{key:1},{default:o(()=>[(t(!0),l(u,null,k(e.imgList,(i,a)=>(t(),r(n,{key:i,width:e.size,style:c({marginLeft:a===0?0:e.margin+"px"}),src:e.srcPrefix+i,fallback:e.fallback},null,8,["width","style","src","fallback"]))),128))]),_:1}))],6)):b("v-if",!0)}const D=h(z,[["render",V],["__file","E:/allcode/erp/test7901/order-erp-front/src/components/Table/src/components/TableImg.vue"]]),R=[{title:"ID",dataIndex:"id"},{title:"头像",dataIndex:"avatar",width:100},{title:"分类",dataIndex:"category",width:80,align:"center",defaultHidden:!0},{title:"姓名",dataIndex:"name",width:120},{title:"图片列表1",dataIndex:"imgArr",helpMessage:["这是简单模式的图片列表","只会显示一张在表格中","但点击可预览多张图片"],width:140},{title:"照片列表2",dataIndex:"imgs",width:160},{title:"地址",dataIndex:"address"},{title:"编号",dataIndex:"no"},{title:"开始时间",dataIndex:"beginTime"},{title:"结束时间",dataIndex:"endTime"}],F=C({components:{BasicTable:A,TableImg:D,Tag:E,Avatar:N},setup(){const[e]=S({title:"自定义列内容",titleHelpMessage:"表格中所有头像、图片均为mock生成，仅用于演示图片占位",api:x,columns:R,bordered:!0,showTableSetting:!0});return{registerTable:e}}}),G={class:"p-4"};function H(e,v,I,T,w,L){const n=s("Tag"),m=s("Avatar"),d=s("TableImg"),i=s("BasicTable");return t(),l("div",G,[_(i,{onRegister:e.registerTable},{bodyCell:o(({column:a,record:p,text:y})=>[a.key==="id"?(t(),l(u,{key:0},[g(" ID: "+f(p.id),1)],64)):a.key==="no"?(t(),r(n,{key:1,color:"green"},{default:o(()=>[g(f(p.no),1)]),_:2},1024)):a.key==="avatar"?(t(),r(m,{key:2,size:60,src:p.avatar},null,8,["src"])):a.key==="imgArr"?(t(),r(d,{key:3,size:60,simpleShow:!0,imgList:y},null,8,["imgList"])):a.key==="imgs"?(t(),r(d,{key:4,size:60,imgList:y},null,8,["imgList"])):a.key==="category"?(t(),r(n,{key:5,color:"green"},{default:o(()=>[g(f(p.no),1)]),_:2},1024)):b("v-if",!0)]),_:1},8,["onRegister"])])}const ue=h(F,[["render",H],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/table/CustomerCell.vue"]]);export{ue as default};