{"code":"(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){}}]);","extractedComments":[]}