"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[8220],{28220:function(l,e,a){a.r(e),a.d(e,{default:function(){return _}});var t=a(20641),n=a(90033);const b={class:"lin-container"},i=(0,t.Lk)("div",{class:"lin-title"},"Table",-1),p={class:"lin-wrap-ui"},d=(0,t.Lk)("div",null,[(0,t.Lk)("span",null,"基础表格")],-1),o={style:{"white-space":"pre-wrap"}},r=(0,t.Lk)("div",null,[(0,t.Lk)("span",null,"带边框表格")],-1),c={style:{"white-space":"pre-wrap"}},u=(0,t.Lk)("div",null,[(0,t.Lk)("span",null,"固定表头")],-1),m={style:{"white-space":"pre-wrap"}},s=(0,t.Lk)("div",null,[(0,t.Lk)("span",null,"固定列")],-1),h={style:{"white-space":"pre-wrap"}},w=(0,t.Lk)("div",null,[(0,t.Lk)("span",null,"带操作区表格")],-1),k={style:{"white-space":"pre-wrap"}};function F(l,e,a,F,f,v){const y=(0,t.g2)("el-table-column"),_=(0,t.g2)("el-table"),g=(0,t.g2)("el-row"),x=(0,t.g2)("el-collapse-item"),z=(0,t.g2)("el-collapse"),L=(0,t.g2)("el-card"),D=(0,t.g2)("el-button");return(0,t.uX)(),(0,t.CE)("div",b,[i,(0,t.Lk)("div",p,[(0,t.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{header:(0,t.k6)((()=>[d])),default:(0,t.k6)((()=>[(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.bF)(_,{data:f.tableData,style:{width:"100%"},stripe:""},{default:(0,t.k6)((()=>[(0,t.bF)(y,{fixed:"",prop:"date",label:"日期",width:"150"}),(0,t.bF)(y,{prop:"name",label:"姓名",width:"120"}),(0,t.bF)(y,{prop:"province",label:"省份",width:"120"}),(0,t.bF)(y,{prop:"city",label:"市区",width:"120"}),(0,t.bF)(y,{prop:"zip",label:"邮编",width:"120"}),(0,t.bF)(y,{prop:"address",label:"地址"})])),_:1},8,["data"])])),_:1}),(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",o,(0,n.v_)(f.basic),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{header:(0,t.k6)((()=>[r])),default:(0,t.k6)((()=>[(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.bF)(_,{data:f.tableData,style:{width:"100%"},border:"",stripe:""},{default:(0,t.k6)((()=>[(0,t.bF)(y,{fixed:"",prop:"date",label:"日期",width:"150"}),(0,t.bF)(y,{prop:"name",label:"姓名",width:"120"}),(0,t.bF)(y,{prop:"province",label:"省份",width:"120"}),(0,t.bF)(y,{prop:"city",label:"市区",width:"120"}),(0,t.bF)(y,{prop:"zip",label:"邮编",width:"120"}),(0,t.bF)(y,{prop:"address",label:"地址"})])),_:1},8,["data"])])),_:1}),(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",c,(0,n.v_)(f.basic),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"},height:"200"},{header:(0,t.k6)((()=>[u])),default:(0,t.k6)((()=>[(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.bF)(_,{data:f.tableData,height:"200",stripe:""},{default:(0,t.k6)((()=>[(0,t.bF)(y,{fixed:"",prop:"date",label:"日期",width:"150"}),(0,t.bF)(y,{prop:"name",label:"姓名",width:"120"}),(0,t.bF)(y,{prop:"province",label:"省份",width:"120"}),(0,t.bF)(y,{prop:"city",label:"市区",width:"120"}),(0,t.bF)(y,{prop:"zip",label:"邮编",width:"120"}),(0,t.bF)(y,{prop:"address",label:"地址"})])),_:1},8,["data"])])),_:1}),(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",m,(0,n.v_)(f.header),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"},height:"200"},{header:(0,t.k6)((()=>[s])),default:(0,t.k6)((()=>[(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.bF)(_,{data:f.tableData,style:{width:"800px","margin-left":"auto","margin-right":"auto"}},{default:(0,t.k6)((()=>[(0,t.bF)(y,{fixed:"",prop:"date",label:"日期",width:"150"}),(0,t.bF)(y,{prop:"name",label:"姓名",width:"120"}),(0,t.bF)(y,{prop:"province",label:"省份",width:"120"}),(0,t.bF)(y,{prop:"city",label:"市区",width:"120"}),(0,t.bF)(y,{prop:"address",label:"地址",width:"300"}),(0,t.bF)(y,{prop:"zip",label:"邮编",width:"120",fixed:"right"})])),_:1},8,["data"])])),_:1}),(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",h,(0,n.v_)(f.column),1)])),_:1})])),_:1})])),_:1}),(0,t.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{header:(0,t.k6)((()=>[w])),default:(0,t.k6)((()=>[(0,t.bF)(g,null,{default:(0,t.k6)((()=>[(0,t.bF)(_,{data:f.tableData,style:{width:"100%"}},{default:(0,t.k6)((()=>[(0,t.bF)(y,{fixed:"",prop:"date",label:"日期",width:"150"}),(0,t.bF)(y,{prop:"name",label:"姓名",width:"120"}),(0,t.bF)(y,{prop:"province",label:"省份",width:"120"}),(0,t.bF)(y,{prop:"city",label:"市区",width:"120"}),(0,t.bF)(y,{prop:"address",label:"地址",width:"300"}),(0,t.bF)(y,{prop:"zip",label:"邮编",width:"120"}),(0,t.bF)(y,{label:"操作",width:"140",fixed:"right"},{default:(0,t.k6)((l=>[(0,t.bF)(D,{onClick:e=>v.handleClick(l.row),type:"primary",plain:"",size:"mini"},{default:(0,t.k6)((()=>[(0,t.eW)("编辑")])),_:2},1032,["onClick"]),(0,t.bF)(D,{type:"danger",size:"mini",plain:""},{default:(0,t.k6)((()=>[(0,t.eW)("删除")])),_:1})])),_:1})])),_:1},8,["data"])])),_:1}),(0,t.bF)(z,null,{default:(0,t.k6)((()=>[(0,t.bF)(x,{title:"查看代码",name:"2"},{default:(0,t.k6)((()=>[(0,t.Lk)("div",k,(0,n.v_)(f.operate),1)])),_:1})])),_:1})])),_:1})])])}var f={data(){return{tableData:[{date:"2016-05-02",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路 1518 弄",zip:200333},{date:"2016-05-04",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路 1517 弄",zip:200333},{date:"2016-05-01",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路 1519 弄",zip:200333},{date:"2016-05-03",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路 1516 弄",zip:200333},{date:"2016-05-03",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路 1516 弄",zip:200333}],basic:'\n <el-table :data="tableData" stripe>\n <el-table-column\n fixed\n prop="date"\n label="日期"\n width="150"></el-table-column>\n <el-table-column prop="name" label="姓名" width="120"></el-table-column>\n <el-table-column prop="province" label="省份" width="120"></el-table-column>\n <el-table-column prop="city" label="市区" width="120"></el-table-column>\n <el-table-column prop="zip" label="邮编" width="120"></el-table-column>\n <el-table-column prop="address" label="地址"></el-table-column>\n </el-table>',border:'\n <el-table :data="tableData" stripe border>\n <el-table-column\n fixed\n prop="date"\n label="日期"\n width="150"></el-table-column>\n <el-table-column prop="name" label="姓名" width="120"></el-table-column>\n <el-table-column prop="province" label="省份" width="120"></el-table-column>\n <el-table-column prop="city" label="市区" width="120"></el-table-column>\n <el-table-column prop="zip" label="邮编" width="120"></el-table-column>\n <el-table-column prop="address" label="地址"></el-table-column>\n </el-table>',header:'\n <el-table :data="tableData" height="200" stripe>\n <el-table-column\n fixed\n prop="date"\n label="日期"\n width="150"></el-table-column>\n <el-table-column prop="name" label="姓名" width="120"></el-table-column>\n <el-table-column prop="province" label="省份" width="120"></el-table-column>\n <el-table-column prop="city" label="市区" width="120"></el-table-column>\n <el-table-column prop="zip" label="邮编" width="120"></el-table-column>\n <el-table-column prop="address" label="地址"></el-table-column>\n </el-table>',column:'\n <el-table :data="tableData" border style="width:800px;margin-left:auto;margin-right:auto;">\n <el-table-column\n fixed\n prop="date"\n label="日期"\n width="150"></el-table-column>\n <el-table-column prop="name" label="姓名" width="120"></el-table-column>\n <el-table-column prop="province" label="省份" width="120"></el-table-column>\n <el-table-column prop="city" label="市区" width="120"></el-table-column>\n <el-table-column prop="address" label="地址" width="300"></el-table-column>\n <el-table-column\n prop="zip"\n label="邮编"\n width="120"\n fixed="right"></el-table-column>\n </el-table>',operate:'\n <el-table :data="tableData" style="width: 100%">\n <el-table-column\n fixed\n prop="date"\n label="日期"\n width="150"></el-table-column>\n <el-table-column prop="name" label="姓名" width="120"></el-table-column>\n <el-table-column prop="province" label="省份" width="120"></el-table-column>\n <el-table-column prop="city" label="市区" width="120"></el-table-column>\n <el-table-column prop="address" label="地址" width="300"></el-table-column>\n <el-table-column prop="zip" label="邮编" width="120"></el-table-column>\n <el-table-column label="操作" width="150">\n <template slot-scope="scope">\n <el-button\n @click="handleClick(scope.row)"\n type="primary"\n plain\n size="mini">编辑</el-button>\n <el-button type="danger" size="mini" plain>删除</el-button>\n </template>\n\n </el-table-column>\n </el-table>\n '}},methods:{handleClick(){}}},v=a(66262);const y=(0,v.A)(f,[["render",F]]);var _=y}}]);
|
