| 12 |
- import{E as h,c as o,_ as b}from"./index.6ed0cd31.js";import{L as p,i as f,a2 as g,l as y,o as D,a as k,b as v,Z as r,u as i,Q as x,aC as s}from"./vue.e1d8f8c6.js";const C={class:"table-demo-container layout-padding"},S={class:"table-demo-padding layout-padding-view layout-padding-auto"},w=p({name:"makeTableDemo"}),T=p({...w,setup(E){const n=s(()=>o(()=>import("./index.ab3d8131.js"),["./index.ab3d8131.js","./vue.e1d8f8c6.js","./index.6ed0cd31.js","./index.bafb3a08.css","./sortable.esm.9c3c89c5.js","./index.b5e52321.css"],import.meta.url)),d=s(()=>o(()=>import("./search.28d1b5b8.js"),["./search.28d1b5b8.js","./vue.e1d8f8c6.js","./index.6ed0cd31.js","./index.bafb3a08.css","./search.1d97fa13.css"],import.meta.url)),l=f(),a=g({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)},c=e=>{a.tableData.param=Object.assign({},a.tableData.param,{...e}),l.value.pageReset()},u=e=>{h.success(`删除${e.name}成功！`),t()},m=e=>{a.tableData.param.pageNum=e.pageNum,a.tableData.param.pageSize=e.pageSize,t()},_=e=>{a.tableData.header=e};return y(()=>{t()}),(e,q)=>(D(),k("div",C,[v("div",S,[r(i(d),{search:a.tableData.search,onSearch:c},null,8,["search"]),r(i(n),x({ref_key:"tableRef",ref:l},a.tableData,{class:"table-demo",onDelRow:u,onPageChange:m,onSortHeader:_}),null,16)])]))}});const P=b(T,[["__scopeId","data-v-fe04f94f"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/make/tableDemo/index.vue"]]);export{P as default};
|
