"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}}]);
//# sourceMappingURL=8220.b619aaf8.js.map