{"version":3,"sources":["webpack:///./src/views/Demo.vue?ee45","webpack:///src/views/Demo.vue","webpack:///./src/views/Demo.vue?cb7a","webpack:///./src/views/Demo.vue","webpack:///./src/components/OrgCollapse.vue?ce8c","webpack:///./src/components/OrgCollapse.vue?9fbb","webpack:///src/components/OrgCollapse.vue","webpack:///./src/components/OrgCollapse.vue?26c6","webpack:///./src/components/OrgCollapse.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","activeOrg","org_name","orgData","on","dropdownToggle","staticRenderFns","component","staticClass","_l","item","key","id","collapseChange","model","value","callback","$$v","$set","expression","class","getIconStyleClass","slot","style","getCollapseStyle","_v","_s","directives","name","rawName","activeId","children","length","$event","$emit","_e"],"mappings":"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","file":"js/chunk-c795fed2.eaeeda48.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('van-dropdown-menu',[_c('van-dropdown-item',{ref:\"dropdownOrg\",attrs:{\"title\":_vm.activeOrg.org_name}},[_c('org-collapse',{attrs:{\"org-data\":_vm.orgData},on:{\"dropdownToggle\":_vm.dropdownToggle}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: zhangliang\n * @Date: 2020-03-09 17:35:50\n * @LastEditTime: 2020-03-10 10:24:50\n * @LastEditors: zhangliang\n * @Description: \n * @FilePath: \\asset_app\\src\\views\\Demo.vue\n -->\n<template>\n    <van-dropdown-menu>\n        <van-dropdown-item :title=\"activeOrg.org_name\" ref=\"dropdownOrg\">\n            <org-collapse :org-data=\"orgData\" @dropdownToggle=\"dropdownToggle\" />\n        </van-dropdown-item>\n    </van-dropdown-menu>\n</template>\n<script>\nimport { DropdownMenu, DropdownItem, } from 'vant';\nimport OrgCollapse from '../components/OrgCollapse';\nimport { fetch } from '../utils/http'\nimport store from '../store'\nexport default {\n    components: {\n        \"van-dropdown-menu\": DropdownMenu,\n        \"van-dropdown-item\": DropdownItem,\n        \"org-collapse\": OrgCollapse\n    },\n    computed: {\n        activeOrg () {\n            return store.getters.getActiveOrg\n        }\n    },\n    data () {\n        return {\n            orgData: [] // 组织数据\n        }\n    },\n    created() {\n        this.getAllowOrg()\n    },\n    methods: {\n        // 收起下拉框\n        dropdownToggle() {\n            this.$refs.dropdownOrg.toggle();\n        },\n        // 获取组织列表\n        getAllowOrg() {\n            fetch('/common/getAllowOrg').then(res => {\n                if (res.code === 'CODE_200') {\n                    this.orgData = res.data\n                    setIdandActive(this.orgData)\n                    let defaultActiveOrg = {\n                        disabled: false,\n                        id: 0,\n                        isActive: true,\n                        org_name: \"全部领用组织\"\n                    }\n                    store.commit('setActiveOrg', defaultActiveOrg)\n                    this.orgData.unshift(defaultActiveOrg)\n                } else {\n                    this.$mmToast(res.msg || res.msg_arr)\n                }\n            })\n            let setIdandActive = (orgData) => {\n                orgData.id = 1\n                orgData.forEach(item => {\n                    if (item.children && item.children.length > 0) {\n                        setIdandActive(item.children)\n                    }\n                });\n            }\n        }\n    }\n};\n</script>\n<style lang=\"scss\" scoped>\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Demo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Demo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Demo.vue?vue&type=template&id=95973f80&scoped=true&\"\nimport script from \"./Demo.vue?vue&type=script&lang=js&\"\nexport * from \"./Demo.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"95973f80\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrgCollapse.vue?vue&type=style&index=0&id=cc172762&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrgCollapse.vue?vue&type=style&index=0&id=cc172762&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"org-collapse\"},_vm._l((_vm.orgData),function(item){return _c('van-collapse',{key:item.id,attrs:{\"accordion\":\"\"},on:{\"change\":function () { return _vm.collapseChange(item); }},model:{value:(_vm.orgData.id),callback:function ($$v) {_vm.$set(_vm.orgData, \"id\", $$v)},expression:\"orgData.id\"}},[_c('van-collapse-item',{attrs:{\"name\":_vm.orgData.id}},[_c('span',{class:_vm.getIconStyleClass(_vm.orgData.id,item),attrs:{\"slot\":\"icon\"},slot:\"icon\"}),_c('span',{attrs:{\"slot\":\"right-icon\"},slot:\"right-icon\"}),_c('div',{staticClass:\"collapse-title\",style:(_vm.getCollapseStyle(item)),attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('span',[_vm._v(_vm._s(item.org_name))]),_c('van-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeId === item.id),expression:\"activeId === item.id\"}],attrs:{\"name\":\"success\",\"color\":\"#5A8DFF\",\"size\":\"24px\"}})],1),(item.children && item.children.length > 0)?_c('org-collapse',{attrs:{\"orgData\":item.children},on:{\"dropdownToggle\":function($event){return _vm.$emit('dropdownToggle')}}}):_vm._e()],1)],1)}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: zhangliang\n * @Date: 2020-03-07 23:08:56\n * @LastEditTime: 2020-03-17 12:35:07\n * @LastEditors: zhangliang\n * @Description: 手风琴折叠面板主体部分\n * @FilePath: \\asset_app\\src\\components\\OrgCollapse.vue\n -->\n<template>\n    <div class=\"org-collapse\">\n        <van-collapse \n        v-for=\"item in orgData\" \n        v-model=\"orgData.id\" \n        :key=\"item.id\"\n        @change=\"() => collapseChange(item)\" \n        accordion>\n            <van-collapse-item :name=\"orgData.id\">\n                <span slot=\"icon\" :class=\"getIconStyleClass(orgData.id,item)\"></span>\n                <span slot=\"right-icon\"></span>\n                <div \n                slot=\"title\" \n                class=\"collapse-title\" \n                :style=\"getCollapseStyle(item)\">\n                    <span>{{item.org_name}}</span>\n                    <van-icon v-show=\"activeId === item.id\" name=\"success\" color=\"#5A8DFF\" size=\"24px\" />\n                </div>\n                <org-collapse \n                v-if=\"item.children && item.children.length > 0\"\n                @dropdownToggle=\"$emit('dropdownToggle')\"\n                :orgData=\"item.children\" />\n            </van-collapse-item>\n        </van-collapse>\n    </div>\n</template>\n<script>\nimport { Collapse, CollapseItem, Icon } from 'vant';\nimport store from '../store'\nexport default {\n    name: \"org-collapse\",\n    components: {\n        \"van-collapse\": Collapse,\n        \"van-collapse-item\": CollapseItem,\n        \"van-icon\": Icon\n    },\n    props: {\n        orgData: {\n            type: Array,\n            default: function () {\n                return []\n            }\n        }\n    },\n    computed: {\n        getCollapseStyle() {\n            return (item) => {\n                if (this.activeId === item.id) {\n                    if (item.children && item.children.length > 0) {\n                        return 'color:#5A8DFF'\n                    } else {\n                        return 'color:#5A8DFF;padding-left: 14px;'\n                    }\n                } else {\n                    if (item.children && item.children.length > 0) {\n                        return ''\n                    } else {\n                        return 'padding-left: 14px;'\n                    }\n                }\n            }\n        },\n        getIconStyleClass() {\n            return (activeId,item) => {\n                if (item.children && item.children.length > 0) {\n                    return 'active-collapse-icon collapse-icon'\n                } else {\n                    return ''\n                }\n            }\n        },\n        activeId() {\n            return store.getters.getActiveOrg.id\n        }\n    },\n    methods: {\n        collapseChange(item) {\n            store.commit('setActiveOrg', item)\n            this.$emit('dropdownToggle')\n        }\n    }\n\n}\n</script>\n<style lang=\"scss\" scoped>\n.org-collapse {\n    > .van-collapse {\n        ::v-deep .van-cell {\n            padding: 5PX 0;\n        }\n    }\n\n    .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after {\n        border-width: 0 0;\n    }\n    ::v-deep .van-cell:not(:last-child)::after { \n        border: none;\n    }\n}\n    .collapse-icon {\n        position: relative;\n        color: #AAAAAA;\n    }\n    .collapse-icon::before {\n        position: absolute;\n        top: 50%;\n        right: -20PX;\n        margin-top: -4PX;\n        border: 3PX solid;\n        border-color: transparent transparent currentColor currentColor;\n        transform: rotate(-135deg);\n        opacity: .8;\n        content: '';\n    }\n    .active-collapse-icon::before {\n        transform: rotate(-45deg);\n        right: -20PX;\n        margin-top: -3PX;\n    }\n    .collapse-title {\n        padding-left: 24PX;\n        padding-right: 24PX;\n        position: relative;\n        height: 30PX;\n        line-height: 30PX;\n        color: #333333;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        > span {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 260px;\n        }\n    }\n\n    .van-collapse {\n        ::v-deep .van-collapse-item__content {\n            padding: 0;\n            padding-left: 10PX;\n        }\n    }\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrgCollapse.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrgCollapse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrgCollapse.vue?vue&type=template&id=cc172762&scoped=true&\"\nimport script from \"./OrgCollapse.vue?vue&type=script&lang=js&\"\nexport * from \"./OrgCollapse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrgCollapse.vue?vue&type=style&index=0&id=cc172762&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cc172762\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}