(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-8f945746"],{1812:function(e,o,n){"use strict";n("e59c")},e1e7:function(e,o,n){"use strict";n.r(o);var a=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("el-tabs",{model:{value:e.curTab,callback:function(o){e.curTab=o},expression:"curTab"}},[n("el-tab-pane",{attrs:{label:"对话框效果",name:"demo"}},[n("keep-alive",[n("dialog-code")],1)],1),n("el-tab-pane",{attrs:{label:"演示代码",name:"code"}},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs",value:e.code,expression:"code"}]},[e._v("      "),n("code",{staticClass:"language-html"},[e._v("\n      ")]),e._v("\n    ")])]),n("el-tab-pane",{attrs:{label:"API",name:"api"}},[n("MdView",{attrs:{url:"md/dialog.md"}})],1)],1)},i=[],t=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("div",[n("el-form",{attrs:{"data-vv-scope":"form2"}},[n("el-form-item",{attrs:{label:"维度对话框"}},[n("div",[n("pre",[e._v(e._s(e.data.demensions))]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myDemensionDialog")}}},[e._v("选择维度 值绑定方式")]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myDemensionDialog2")}}},[e._v("选择维度 emit方式")]),n("my-demension-dialog",{ref:"myDemensionDialog",model:{value:e.data.demensions,callback:function(o){e.$set(e.data,"demensions",o)},expression:"data.demensions"}}),n("my-demension-dialog",{ref:"myDemensionDialog2",on:{onConfirm:e.demensionDialogConfirm}})],1)]),n("el-form-item",{attrs:{label:"用户对话框"}},[n("div",[n("pre",[e._v(e._s(e.data.users))]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myUserDialog")}}},[e._v("选择用户 值绑定方式 单选")]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myUserDialog2")}}},[e._v("选择用户 emit方式 多选")]),n("my-user-dialog",{ref:"myUserDialog",attrs:{single:""},model:{value:e.data.users,callback:function(o){e.$set(e.data,"users",o)},expression:"data.users"}}),n("my-user-dialog",{ref:"myUserDialog2",on:{onConfirm:e.userDialogConfirm}})],1)]),n("el-form-item",{attrs:{label:"组织对话框"}},[n("div",[n("pre",[e._v(e._s(e.data.orgs))]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myOrgDialog")}}},[e._v("选择组织 值绑定方式 单选")]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myOrgDialog2")}}},[e._v("选择组织 emit方式 多选")]),n("my-org-dialog",{ref:"myOrgDialog",attrs:{single:""},model:{value:e.data.orgs,callback:function(o){e.$set(e.data,"orgs",o)},expression:"data.orgs"}}),n("my-org-dialog",{ref:"myOrgDialog2",on:{onConfirm:e.orgDialogConfirm}})],1)]),n("el-form-item",{attrs:{label:"岗位对话框"}},[n("div",[n("pre",[e._v(e._s(e.data.posts))]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myPostDialog")}}},[e._v("选择岗位 值绑定方式 单选")]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myPostDialog2")}}},[e._v("选择岗位 emit方式 多选")]),n("my-post-dialog",{ref:"myPostDialog",attrs:{single:""},model:{value:e.data.orgs,callback:function(o){e.$set(e.data,"orgs",o)},expression:"data.orgs"}}),n("my-post-dialog",{ref:"myPostDialog2",on:{onConfirm:e.postDialogConfirm}})],1)]),n("el-form-item",{attrs:{label:"左树右列对话框"}},[n("div",[n("pre",[e._v(e._s(e.data.treeLists))]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myTreeListDialog")}}},[e._v("选择 值绑定方式 单选")]),n("el-button",{attrs:{icon:"el-icon-search"},on:{click:function(o){return e.showDialog("myTreeListDialog2")}}},[e._v("选择 emit方式 多选")]),n("my-tree-list-dialog",{ref:"myTreeListDialog",attrs:{single:""},model:{value:e.data.orgs,callback:function(o){e.$set(e.data,"orgs",o)},expression:"data.orgs"}}),n("my-tree-list-dialog",{ref:"myTreeListDialog2",on:{onConfirm:e.myTreeListDialogConfirm}})],1)])],1)],1)},s=[],l=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("ht-user-dialog",{ref:"htUserDialog",attrs:{single:e.single,data:e.data,"table-columns":e.tableColumns,pagination:e.pagination,demensions:e.demensions,"default-demension":e.defaultDemension,orgs:e.orgs,"load-org-tree":e.loadOrgTree,"quick-search-props":"fullname,account,email","select-label":"fullname"},on:{load:e.handleLoad,changeDemension:e.changeDemension,loadDemensions:e.loadDemensions,loadOrgUser:e.loadOrgUser,onConfirm:e.onConfirm}})},r=[],m=n("fdc8"),g=n("88de"),d={name:"my-user-dialog",props:{value:Array,single:Boolean},data:function(){return{data:[],demensions:[],defaultDemension:null,orgs:[],tableColumns:[{prop:"fullname",label:"名称",width:"120"},{prop:"account",label:"账号",width:"120"},{prop:"email",label:"邮件",width:"260"}],pagination:{page:1,pageSize:50,total:0},orgLength:0}},mounted:function(){},methods:{loadDemensions:function(){var e=this;setTimeout((function(){e.demensions=[{id:1,demName:"行政维度"},{id:2,demName:"分公司维度"}],e.defaultDemension=1}),1e3)},showDialog:function(e){this.$refs.htUserDialog.showDialog(e)},handleLoad:function(e,o){var n=this;this.$message("输入关键字查询用户"),m["a"].getUsers(e).then((function(e){n.data=e.rows,n.pagination.page=e.page,n.pagination.pageSize=e.pageSize,n.pagination.total=e.total,o()})).catch((function(e){o()}))},loadOrgTree:function(e,o){this.$message("组织节点点击事件 请异步加载组织");var n=this;g["a"].getSysTypeData({}).then((function(a){var i=[{id:e.id,name:"组织"+e.id}];n.orgLength>2&&(i=[]),n.orgLength++,o(i)}))},changeDemension:function(e){this.$message("维度改变 请重新获取组织")},loadOrgUser:function(e){},onConfirm:function(e){this.$emit("onConfirm",e),this.$emit("input",e)}}},c=d,u=n("2877"),f=Object(u["a"])(c,l,r,!1,null,null,null),h=f.exports,p=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("ht-dialog",{ref:"htDialog",attrs:{single:e.single,data:e.data,"table-columns":e.tableColumns,pagination:e.pagination,"search-placeholder":"名称或编码","dialog-title":"维度对话框","quick-search-props":"name,code"},on:{load:e.handleLoad,onConfirm:e.onConfirm}})},D=[],y={name:"my-demension-dialog",props:{value:Array,name:String,single:Boolean},data:function(){return{data:[],tableColumns:[{prop:"name",label:"名称",width:"300"},{prop:"code",label:"编码"}],pagination:{page:1,pageSize:50,total:0}}},methods:{showDialog:function(e){this.$refs.htDialog.showDialog(e)},handleLoad:function(e,o){var n=this;m["a"].getDem(e).then((function(e){n.data=e.rows,n.pagination.page=e.page,n.pagination.pageSize=e.pageSize,n.pagination.total=e.total,o()})).catch((function(e){o()}))},onConfirm:function(e){this.$emit("onConfirm",e),this.$emit("input",e)}}},b=y,v=Object(u["a"])(b,p,D,!1,null,null,null),C=v.exports,w=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("ht-org-post-dialog",{ref:"htOrgPostDialog",attrs:{single:e.single,data:e.data,"table-columns":e.tableColumns,pagination:e.pagination,demensions:e.demensions,"default-demension":e.defaultDemension,orgs:e.orgs,"load-org-tree":e.loadOrgTree,"default-expanded-keys":e.defaultExpandedKeys,"quick-search-props":"name,code"},on:{load:e.handleLoad,changeDemension:e.changeDemension,loadDemensions:e.loadDemensions,loadListData:e.loadListData,onConfirm:e.onConfirm}})},L=[],$={name:"my-org-dialog",props:{value:Array,single:Boolean},data:function(){return{data:[],demensions:[],defaultDemension:null,orgs:[],tableColumns:[{prop:"name",label:"名称"},{prop:"code",label:"编码"},{prop:"pathName",label:"路径"}],pagination:{page:1,pageSize:50,total:0},orgLength:0,defaultExpandedKeys:[]}},mounted:function(){},methods:{loadDemensions:function(){var e=this;setTimeout((function(){e.demensions=[{id:1,demName:"行政维度"},{id:2,demName:"分公司维度"}],e.defaultDemension=1}),1e3)},showDialog:function(){this.$refs.htOrgPostDialog.showDialog()},handleLoad:function(e,o){var n=this;this.$message("输入关键字查询组织"),m["a"].getOrgs(e).then((function(e){n.data=e.rows,n.pagination.page=e.page,n.pagination.pageSize=e.pageSize,n.pagination.total=e.total,o()})).catch((function(e){o()}))},loadOrgTree:function(e,o){this.$message("组织节点点击事件 请异步加载组织");var n=this;g["a"].getSysTypeData({}).then((function(a){n.defaultExpandedKeys.push(e.id);var i=[{id:e.id,name:"组织"+e.id,isLeaf:!1}];n.orgLength>2&&(i=[]),n.orgLength++,o(i)}))},changeDemension:function(e){this.$message("维度改变 请重新获取组织")},loadListData:function(e){this.$message("根据组织获取下级组织")},onConfirm:function(e){this.$emit("onConfirm",e),this.$emit("input",e)}}},_=$,O=Object(u["a"])(_,w,L,!1,null,null,null),k=O.exports,T=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("ht-org-post-dialog",{ref:"htOrgPostDialog",attrs:{single:e.single,data:e.data,"table-columns":e.tableColumns,pagination:e.pagination,demensions:e.demensions,"default-demension":e.defaultDemension,orgs:e.orgs,"load-org-tree":e.loadOrgTree,"quick-search-props":"name,code"},on:{load:e.handleLoad,changeDemension:e.changeDemension,loadDemensions:e.loadDemensions,loadListData:e.loadListData,onConfirm:e.onConfirm}})},x=[],S={name:"my-post-dialog",props:{value:Array,single:Boolean},data:function(){return{data:[],demensions:[],defaultDemension:null,orgs:[],tableColumns:[{prop:"name",label:"名称"},{prop:"code",label:"编码"},{prop:"orgName",label:"所属组织"}],pagination:{page:1,pageSize:50,total:0},orgLength:0}},mounted:function(){},methods:{loadDemensions:function(){var e=this;setTimeout((function(){e.demensions=[{id:1,demName:"行政维度"},{id:2,demName:"分公司维度"}],e.defaultDemension=1}),1e3)},showDialog:function(){this.$refs.htOrgPostDialog.showDialog()},handleLoad:function(e,o){var n=this;this.$message("输入关键字查询组织"),this.$message("输入关键字查询岗位"),m["a"].getPosts(e).then((function(e){n.data=e.rows,n.pagination.page=e.page,n.pagination.pageSize=e.pageSize,n.pagination.total=e.total,o()})).catch((function(e){o()}))},loadOrgTree:function(e,o){this.$message("组织节点点击事件 请异步加载组织");var n=this;g["a"].getSysTypeData({}).then((function(a){var i=[{id:e.id,name:"组织"+e.id}];n.orgLength>2&&(i=[]),n.orgLength++,o(i)}))},changeDemension:function(e){this.$message("维度改变 请重新获取组织")},loadListData:function(e){this.$message("根据组织获取岗位")},onConfirm:function(e){this.$emit("onConfirm",e),this.$emit("input",e)}}},P=S,U=Object(u["a"])(P,T,x,!1,null,null,null),z=U.exports,E=function(){var e=this,o=e.$createElement,n=e._self._c||o;return n("ht-tree-list-dialog",{ref:"htTreeListDialog",attrs:{single:e.single,data:e.data,lazy:"","table-columns":e.tableColumns,pagination:e.pagination,demensions:e.demensions,"default-demension":e.defaultDemension,orgs:e.orgs,"load-org-tree":e.loadOrgTree,"default-expanded-keys":e.defaultExpandedKeys,dialogTitle:"选择表单","quick-search-props":"name,code","search-placeholder":"searchPlaceholder"},on:{load:e.handleLoad,loadListData:e.loadListData,onConfirm:e.onConfirm}})},N=[],j={name:"my-org-dialog",props:{value:Array,single:Boolean},data:function(){return{data:[],demensions:[],defaultDemension:null,orgs:[],tableColumns:[{prop:"name",label:"名称",width:"120"},{prop:"code",label:"编码",width:"120"},{prop:"pathName",label:"路径",width:"260"}],pagination:{page:1,pageSize:50,total:0},orgLength:0,defaultExpandedKeys:[]}},mounted:function(){},methods:{showDialog:function(e){this.$refs.htTreeListDialog.showDialog(e)},handleLoad:function(e,o){var n=this;this.$message("输入关键字查询"),m["a"].getOrgs(e).then((function(e){n.data=e.rows,n.pagination.page=e.page,n.pagination.pageSize=e.pageSize,n.pagination.total=e.total,o()})).catch((function(e){o()}))},loadOrgTree:function(e,o){this.$message("节点点击事件 请异步加载组织");var n=this;g["a"].getSysTypeData({}).then((function(a){n.defaultExpandedKeys.push(e.id);var i=[{id:e.id,name:"组织"+e.id,isLeaf:!1}];n.orgLength>2&&(i=[]),n.orgLength++,o(i)}))},loadListData:function(e){this.$message("根据nodeId获取下级")},onConfirm:function(e){this.$emit("onConfirm",e),this.$emit("input",e)}}},A=j,K=Object(u["a"])(A,E,N,!1,null,null,null),M=K.exports,q={name:"dialog-code",components:{myUserDialog:h,myDemensionDialog:C,myOrgDialog:k,myPostDialog:z,myTreeListDialog:M},data:function(){return{data:{users:[],demensions:[],orgs:[],posts:[],treeLists:[]}}},methods:{showDialog:function(e){this.$refs[e].showDialog()},userDialogConfirm:function(e){this.data.users=e},demensionDialogConfirm:function(e){this.data.demensions=e},orgDialogConfirm:function(e){this.data.orgs=e},postDialogConfirm:function(e){this.data.posts=e},myTreeListDialogConfirm:function(e){this.data.treeLists=e}}},B=q,I=Object(u["a"])(B,t,s,!1,null,null,null),J=I.exports,V=n("a55f"),F={code:'<template>\n  <div>\n    <el-form data-vv-scope="form2">\n      <el-form-item label="维度对话框">\n        <div>\n          <pre>{{data.demensions}}</pre>\n          <el-button icon="el-icon-search" @click="showDialog(\'myDemensionDialog\')">选择维度 值绑定方式</el-button>\n          <el-button icon="el-icon-search" @click="showDialog(\'myDemensionDialog2\')">选择维度 emit方式</el-button>\n          <my-demension-dialog v-model="data.demensions" ref="myDemensionDialog"></my-demension-dialog>\n          <my-demension-dialog @onConfirm="demensionDialogConfirm" ref="myDemensionDialog2"></my-demension-dialog>\n        </div>\n      </el-form-item>\n      <el-form-item label="用户对话框">\n        <div>\n          <pre>{{data.users}}</pre>\n          <el-button icon="el-icon-search" @click="showDialog(\'myUserDialog\')">选择用户 值绑定方式 单选</el-button>\n          <el-button icon="el-icon-search" @click="showDialog(\'myUserDialog2\')">选择用户 emit方式 多选</el-button>\n          <my-user-dialog v-model="data.users" ref="myUserDialog" single></my-user-dialog>\n          <my-user-dialog ref="myUserDialog2" @onConfirm="userDialogConfirm"></my-user-dialog>\n        </div>\n      </el-form-item>\n      <el-form-item label="组织对话框">\n        <div>\n          <pre>{{data.orgs}}</pre>\n          <el-button icon="el-icon-search" @click="showDialog(\'myOrgDialog\')">选择组织 值绑定方式 单选</el-button>\n          <el-button icon="el-icon-search" @click="showDialog(\'myOrgDialog2\')">选择组织 emit方式 多选</el-button>\n          <my-org-dialog v-model="data.orgs" ref="myOrgDialog" single></my-org-dialog>\n          <my-org-dialog ref="myOrgDialog2" @onConfirm="orgDialogConfirm"></my-org-dialog>\n        </div>\n      </el-form-item>\n      <el-form-item label="岗位对话框">\n        <div>\n          <pre>{{data.posts}}</pre>\n          <el-button icon="el-icon-search" @click="showDialog(\'myPostDialog\')">选择岗位 值绑定方式 单选</el-button>\n          <el-button icon="el-icon-search" @click="showDialog(\'myPostDialog2\')">选择岗位 emit方式 多选</el-button>\n          <my-post-dialog v-model="data.orgs" ref="myPostDialog" single></my-post-dialog>\n          <my-post-dialog ref="myPostDialog2" @onConfirm="postDialogConfirm"></my-post-dialog>\n        </div>\n      </el-form-item>\n    </el-form>\n  </div>\n</template>\n<script>\nimport myUserDialog from "@/demo/MyUserDialog.vue";\nimport myDemensionDialog from "@/demo/MyDemensionDialog.vue";\nimport myOrgDialog from "@/demo/MyOrgDialog.vue";\nimport myPostDialog from "@/demo/MyPostDialog.vue";\n\nexport default {\n  name: "dialog-code",\n  components: {\n    myUserDialog,\n    myDemensionDialog,\n    myOrgDialog,\n    myPostDialog\n  },\n  data() {\n    return {\n      data: {\n        users: [],\n        demensions: [],\n        orgs: [],\n        posts:[]\n      }\n    };\n  },\n  methods: {\n    showDialog(val) {\n      this.$refs[val].showDialog();\n    },\n    userDialogConfirm: function(users) {\n      this.data.users = users;\n    },\n    demensionDialogConfirm: function(selection) {\n      this.data.demensions = selection;\n    },\n    orgDialogConfirm(selection) {\n      this.data.orgs = selection;\n    },\n    postDialogConfirm(selection) {\n      this.data.posts = selection;\n    }\n  }\n};\n<\/script>\n'},G=F,H={name:"my-sidebardialog",components:{DialogCode:J,MdView:V["a"]},data:function(){return{curTab:"demo",code:"".concat(G.code)}},methods:{}},Q=H,R=(n("1812"),Object(u["a"])(Q,a,i,!1,null,"23cf8b98",null));o["default"]=R.exports},e59c:function(e,o,n){}}]);