(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5894ebd2"],{4238:function(e,t,l){},6351:function(e,t,l){"use strict";var i=l("4238"),n=l.n(i);n.a},b49c:function(e,t,l){"use strict";l.r(t);var i=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"lin-container"},[l("div",{staticClass:"lin-title"},[e._v("Dialog 对话框")]),l("div",{staticClass:"lin-wrap-ui"},[l("el-card",{staticStyle:{"margin-bottom":"50px"}},[l("div",{attrs:{slot:"header"},slot:"header"},[l("span",[e._v("基础用法")])]),l("el-row",[l("el-button",{attrs:{type:"text"},on:{click:function(t){e.dialogVisible=!0}}},[e._v("点击打开 Dialog")]),l("el-dialog",{attrs:{title:"提示",visible:e.dialogVisible,width:"30%","before-close":e.handleClose},on:{"update:visible":function(t){e.dialogVisible=t}}},[l("span",[e._v("这是一段信息")]),l("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.dialogVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:function(t){e.dialogVisible=!1}}},[e._v("确 定")])],1)])],1),l("el-collapse",[l("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[l("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.base))])])],1)],1),l("el-card",{staticStyle:{"margin-bottom":"50px"}},[l("div",{attrs:{slot:"header"},slot:"header"},[l("span",[e._v("自定义内容")])]),l("el-row",[l("el-button",{attrs:{type:"text"},on:{click:function(t){e.dialogTableVisible=!0}}},[e._v("打开嵌套表格的 Dialog")]),l("el-dialog",{attrs:{title:"收货地址",visible:e.dialogTableVisible},on:{"update:visible":function(t){e.dialogTableVisible=t}}},[l("el-table",{attrs:{data:e.gridData}},[l("el-table-column",{attrs:{property:"date",label:"日期",width:"150"}}),l("el-table-column",{attrs:{property:"name",label:"姓名",width:"200"}}),l("el-table-column",{attrs:{property:"address",label:"地址"}})],1)],1),l("el-button",{attrs:{type:"text"},on:{click:function(t){e.dialogFormVisible=!0}}},[e._v("打开嵌套表单的 Dialog")]),l("el-dialog",{staticClass:"dialogForm",attrs:{title:"收货地址",visible:e.dialogFormVisible},on:{"update:visible":function(t){e.dialogFormVisible=t}}},[l("el-form",{attrs:{model:e.form}},[l("el-form-item",{attrs:{label:"活动名称","label-width":e.formLabelWidth}},[l("el-input",{attrs:{autocomplete:"off"},model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}})],1),l("el-form-item",{attrs:{label:"活动区域","label-width":e.formLabelWidth}},[l("el-select",{attrs:{placeholder:"请选择活动区域"},model:{value:e.form.region,callback:function(t){e.$set(e.form,"region",t)},expression:"form.region"}},[l("el-option",{attrs:{label:"区域一",value:"shanghai"}}),l("el-option",{attrs:{label:"区域二",value:"beijing"}})],1)],1)],1),l("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.dialogFormVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:function(t){e.dialogFormVisible=!1}}},[e._v("确 定")])],1)],1)],1),l("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[l("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[l("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.diy))])])],1)],1),l("el-card",{staticStyle:{"margin-bottom":"50px"}},[l("div",{attrs:{slot:"header"},slot:"header"},[l("span",[e._v("嵌套的 Dialog")])]),l("el-row",[l("span",{staticClass:"demonstration"},[e._v("如果需要在一个 Dialog 内部嵌套另一个 Dialog，需要使用 append-to-body 属性")]),[l("el-button",{attrs:{type:"text"},on:{click:function(t){e.outerVisible=!0}}},[e._v("点击打开外层 Dialog")]),l("el-dialog",{attrs:{title:"外层 Dialog",visible:e.outerVisible},on:{"update:visible":function(t){e.outerVisible=t}}},[l("el-dialog",{attrs:{width:"30%",title:"内层 Dialog",visible:e.innerVisible,"append-to-body":""},on:{"update:visible":function(t){e.innerVisible=t}}}),l("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.outerVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:function(t){e.innerVisible=!0}}},[e._v("打开内层 Dialog")])],1)],1)]],2),l("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[l("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[l("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.appendToBody))])])],1)],1),l("el-card",{staticStyle:{"margin-bottom":"50px"}},[l("div",{attrs:{slot:"header"},slot:"header"},[l("span",[e._v("居中布局")])]),l("el-row",[l("span",{staticClass:"demonstration"},[e._v("标题和底部可水平居中")]),l("el-button",{attrs:{type:"text"},on:{click:function(t){e.centerDialogVisible=!0}}},[e._v("点击打开 Dialog")]),l("el-dialog",{attrs:{title:"提示",visible:e.centerDialogVisible,width:"30%",center:""},on:{"update:visible":function(t){e.centerDialogVisible=t}}},[l("span",[e._v("需要注意的是内容是默认不居中的")]),l("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.centerDialogVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:function(t){e.centerDialogVisible=!1}}},[e._v("确 定")])],1)])],1),l("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[l("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[l("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.center))])])],1)],1)],1)])},n=[],a={name:"",components:{},data:function(){return{centerDialogVisible:!1,outerVisible:!1,innerVisible:!1,dialogVisible:!1,gridData:[{date:"2016-05-02",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-04",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-01",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"},{date:"2016-05-03",name:"王小虎",address:"上海市普陀区金沙江路 1518 弄"}],dialogTableVisible:!1,dialogFormVisible:!1,form:{name:"",region:"",date1:"",date2:"",delivery:!1,type:[],resource:"",desc:""},formLabelWidth:"120px",base:'\n      <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>\n\n<el-dialog\n  title="提示"\n  :visible.sync="dialogVisible"\n  width="30%"\n  :before-close="handleClose">\n  <span>这是一段信息</span>\n  <span slot="footer" class="dialog-footer">\n    <el-button @click="dialogVisible = false">取 消</el-button>\n    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>\n  </span>\n</el-dialog>\n\n<script>\n  export default {\n    data() {\n      return {\n        dialogVisible: false\n      };\n    },\n    methods: {\n      handleClose(done) {\n        this.$confirm(\'确认关闭？\')\n          .then(_ => {\n            done();\n          })\n          .catch(_ => {});\n      }\n    }\n  };\n<\/script>',diy:'\x3c!-- Table --\x3e\n<el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button>\n\n<el-dialog title="收货地址" :visible.sync="dialogTableVisible">\n  <el-table :data="gridData">\n    <el-table-column property="date" label="日期" width="150"></el-table-column>\n    <el-table-column property="name" label="姓名" width="200"></el-table-column>\n    <el-table-column property="address" label="地址"></el-table-column>\n  </el-table>\n</el-dialog>\n\n\x3c!-- Form --\x3e\n<el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button>\n\n<el-dialog title="收货地址" :visible.sync="dialogFormVisible">\n  <el-form :model="form">\n    <el-form-item label="活动名称" :label-width="formLabelWidth">\n      <el-input v-model="form.name" autocomplete="off"></el-input>\n    </el-form-item>\n    <el-form-item label="活动区域" :label-width="formLabelWidth">\n      <el-select v-model="form.region" placeholder="请选择活动区域">\n        <el-option label="区域一" value="shanghai"></el-option>\n        <el-option label="区域二" value="beijing"></el-option>\n      </el-select>\n    </el-form-item>\n  </el-form>\n  <div slot="footer" class="dialog-footer">\n    <el-button @click="dialogFormVisible = false">取 消</el-button>\n    <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>\n  </div>\n</el-dialog>\n\n<script>\n  export default {\n    data() {\n      return {\n        gridData: [{\n          date: \'2016-05-02\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-04\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-01\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }, {\n          date: \'2016-05-03\',\n          name: \'王小虎\',\n          address: \'上海市普陀区金沙江路 1518 弄\'\n        }],\n        dialogTableVisible: false,\n        dialogFormVisible: false,\n        form: {\n          name: \'\',\n          region: \'\',\n          date1: \'\',\n          date2: \'\',\n          delivery: false,\n          type: [],\n          resource: \'\',\n          desc: \'\'\n        },\n        formLabelWidth: \'120px\'\n      };\n    }\n  };\n<\/script>',appendToBody:'\n<template>\n  <el-button type="text" @click="outerVisible = true">点击打开外层 Dialog</el-button>\n\n  <el-dialog title="外层 Dialog" :visible.sync="outerVisible">\n    <el-dialog\n      width="30%"\n      title="内层 Dialog"\n      :visible.sync="innerVisible"\n      append-to-body>\n    </el-dialog>\n    <div slot="footer" class="dialog-footer">\n      <el-button @click="outerVisible = false">取 消</el-button>\n      <el-button type="primary" @click="innerVisible = true">打开内层 Dialog</el-button>\n    </div>\n  </el-dialog>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        outerVisible: false,\n        innerVisible: false\n      };\n    }\n  }\n<\/script>',center:'<el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button>\n\n<el-dialog\n  title="提示"\n  :visible.sync="centerDialogVisible"\n  width="30%"\n  center>\n  <span>需要注意的是内容是默认不居中的</span>\n  <span slot="footer" class="dialog-footer">\n    <el-button @click="centerDialogVisible = false">取 消</el-button>\n    <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>\n  </span>\n</el-dialog>\n\n<script>\n  export default {\n    data() {\n      return {\n        centerDialogVisible: false\n      };\n    }\n  };\n<\/script>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{handleClose:function(e){this.$confirm("确认关闭？").then((function(t){e()})).catch((function(e){}))},init:function(){}}},o=a,s=(l("6351"),l("2877")),r=Object(s["a"])(o,i,n,!1,null,"69011ed2",null);t["default"]=r.exports}}]);