index.39a2cc42.js 3.1 KB

123
  1. import{E as _,c as o,_ as b}from"./index.27cf50e8.js";import{M as p,j as g,a3 as f,m as y,o as D,a as k,b as v,_ as r,u as s,R as x,f as i}from"./vue.aade88c7.js";const S={class:"table-demo-container layout-padding"},C={class:"table-demo-padding layout-padding-view layout-padding-auto"},T=p({name:"makeTableDemo"}),R=p({...T,setup(q){const n=i(()=>o(()=>import("./index.c4515915.js"),["./index.c4515915.js","./index.27cf50e8.js","./vue.aade88c7.js","./index.08fb3d47.css","./sortable.esm.9c3c89c5.js","./index.ef9ad7ba.css"],import.meta.url)),c=i(()=>o(()=>import("./search.514a92ae.js"),["./search.514a92ae.js","./vue.aade88c7.js","./index.27cf50e8.js","./index.08fb3d47.css","./search.3e5cb508.css"],import.meta.url)),l=g(),a=f({tableData:{data:[],header:[{key:"name",colWidth:"",title:"应检尽检核酸采样点名称",type:"text",isCheck:!0},{key:"address",colWidth:"",title:"详细地址",type:"text",isCheck:!0},{key:"phone",colWidth:"",title:"采样点联系电话",type:"text",isCheck:!0},{key:"time",colWidth:"",title:"开放时间",type:"text",isCheck:!0},{key:"isSupport",colWidth:"",title:"是否支持24小时核酸检测",type:"text",isCheck:!0},{key:"image",colWidth:"",width:"70",height:"40",title:"图片描述",type:"image",isCheck:!0}],config:{total:0,loading:!0,isBorder:!1,isSerialNo:!0,isSelection:!0,isOperate:!0},search:[{label:"采样点名称",prop:"name",placeholder:"请输入应检尽检核酸采样点名称",required:!0,type:"input"},{label:"详细地址",prop:"address",placeholder:"请输入详细地址",required:!1,type:"input"},{label:"联系电话",prop:"phone",placeholder:"请输入采样点联系电话",required:!1,type:"input"},{label:"开放时间",prop:"time",placeholder:"请选择",required:!1,type:"date"},{label:"支持24小时",prop:"isSupport",placeholder:"请选择",required:!1,type:"select",options:[{label:"是",value:1},{label:"否",value:0}]},{label:"图片描述",prop:"image",placeholder:"请输入图片描述",required:!1,type:"input"},{label:"核酸机构",prop:"mechanism",placeholder:"请输入核酸机构",required:!1,type:"input"}],param:{pageNum:1,pageSize:10}}}),t=()=>{a.tableData.config.loading=!0,a.tableData.data=[];for(let e=0;e<20;e++)a.tableData.data.push({id:`123456789${e+1}`,name:`莲塘别墅广场${e+1}`,address:`中沧公寓中庭榕树下${e+1}`,phone:`0592-6081259${e+1}`,time:"6:00 ~ 24:00",isSupport:`${e%2===0?"是":"否"}`,image:"https://img2.baidu.com/it/u=417454395,2713356475&fm=253&fmt=auto?w=200&h=200"});a.tableData.config.total=a.tableData.data.length,setTimeout(()=>{a.tableData.config.loading=!1},500)},d=e=>{a.tableData.param=Object.assign({},a.tableData.param,{...e}),l.value.pageReset()},u=e=>{_.success(`删除${e.name}成功!`),t()},m=e=>{a.tableData.param.pageNum=e.pageNum,a.tableData.param.pageSize=e.pageSize,t()},h=e=>{a.tableData.header=e};return y(()=>{t()}),(e,E)=>(D(),k("div",S,[v("div",C,[r(s(c),{search:a.tableData.search,onSearch:d},null,8,["search"]),r(s(n),x({ref_key:"tableRef",ref:l},a.tableData,{class:"table-demo",onDelRow:u,onPageChange:m,onSortHeader:h}),null,16)])]))}});const W=b(R,[["__scopeId","data-v-3806b9c1"]]);export{W as default};
  2. //# sourceMappingURL=index.39a2cc42.js.map