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