{"version":3,"sources":["webpack:///./src/views/xuehuiChildren/level.vue?07f1","webpack:///./src/views/xuehuiChildren/level.vue?6eaa","webpack:///src/views/xuehuiChildren/level.vue","webpack:///./src/views/xuehuiChildren/level.vue?85f8","webpack:///./src/views/xuehuiChildren/level.vue?e163"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","attrs","tableData","scopedSlots","_u","key","fn","scope","_v","_s","row","type_name","true_name","on","$event","showEditDialog","_e","dialogVisible","_l","item","id","son","length","slot","name","member","selectMember","_f","class","active","check","model","value","callback","$$v","edit_code","expression","sendCode","codeText","subMember","staticRenderFns","data","members","type","timeId","created","methods","token","timestamp","sign","then","catch","clearInterval","closeEdit","approvalMembers","approvalOperation","code","user_id","init","approvalSysList","res","getAllUser","items","filters","sub_name","str","component"],"mappings":"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","file":"js/chunk-5806a5a1.0cfa86c8.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./level.vue?vue&type=style&index=0&id=03fdd93d&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-box\"},[_vm._m(0),_c('div',{staticClass:\"personnel-list\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData,\"header-row-class-name\":\"table-header\"}},[_c('el-table-column',{attrs:{\"label\":\"角色\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"table-item\"},[_vm._v(\" \"+_vm._s(scope.row.type_name)+\" \")])]}}])}),_c('el-table-column',{attrs:{\"label\":\"审批人\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"table-item\"},[_vm._v(\" \"+_vm._s(scope.row.true_name ? scope.row.true_name : \"--\")+\" \")])]}}])}),_c('el-table-column',{attrs:{\"label\":\"操作\",\"prop\":\"operate\",\"width\":\"350\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"table-item\"},[(scope.row.true_name)?_c('el-button',{attrs:{\"type\":\"text\"},on:{\"click\":function($event){return _vm.showEditDialog(scope.row)}}},[_vm._v(\"修改 \")]):_vm._e(),(!scope.row.true_name)?_c('el-button',{attrs:{\"type\":\"text\"},on:{\"click\":function($event){return _vm.showEditDialog(scope.row)}}},[_vm._v(\"添加 \")]):_vm._e()],1)]}}])})],1)],1),_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible,\"title\":\"选择人员\"},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('el-collapse',_vm._l((_vm.members),function(item){return _c('el-collapse-item',{key:item.id,attrs:{\"disabled\":item.son.length == 0,\"name\":item.id}},[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(item.name)+\"（\"+_vm._s(item.son.length)+\"人） \")]),_c('div',{staticClass:\"dialog-members\"},_vm._l((item.son),function(member){return _c('div',{key:member.id,staticClass:\"master-name dialog-members-name\"},[_c('span',{on:{\"click\":function($event){return _vm.selectMember(member)}}},[_vm._v(\" \"+_vm._s(_vm._f(\"sub_name\")(member.true_name))+\" \"),_c('i',{staticClass:\"el-icon-success\",class:{ active: member.check }})]),_c('div',[_vm._v(_vm._s(member.true_name))])])}),0)],2)}),1),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('div',{staticClass:\"dialog-container flex-center\"},[_c('el-input',{attrs:{\"placeholder\":\"请输入验证码\",\"type\":\"number\"},model:{value:(_vm.edit_code),callback:function ($$v) {_vm.edit_code=$$v},expression:\"edit_code\"}}),_c('el-button',{staticClass:\"margin-left margin-right\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.sendCode}},[_vm._v(_vm._s(_vm.codeText))]),_c('el-button',{on:{\"click\":function($event){_vm.dialogVisible = false}}},[_vm._v(\"取 消\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.subMember}},[_vm._v(\"确 定\")])],1)])],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title flex-center between-box\"},[_c('span',[_vm._v(\"当前位置：学会管理 > \"),_c('b',[_vm._v(\"审批管理\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"page-box\">\n        <div class=\"page-title flex-center between-box\">\n            <span>当前位置：学会管理 > <b>审批管理</b></span>\n            <!--<div class=\"flex-center\"><i class=\"iconfont iconjiantou-copy-copy\"></i>返回</div>-->\n        </div>\n        <div class=\"personnel-list\">\n            <el-table\n                :data=\"tableData\"\n                header-row-class-name=\"table-header\"\n                style=\"width: 100%\"\n            >\n                <el-table-column label=\"角色\">\n                    <template slot-scope=\"scope\">\n                        <div class=\"table-item\">\n                            {{ scope.row.type_name }}\n                        </div>\n                    </template>\n                </el-table-column>\n                <el-table-column label=\"审批人\">\n                    <template slot-scope=\"scope\">\n                        <div class=\"table-item\">\n                            {{ scope.row.true_name ? scope.row.true_name : \"--\" }}\n                        </div>\n                    </template>\n                </el-table-column>\n                <el-table-column label=\"操作\" prop=\"operate\" width=\"350\">\n                    <template slot-scope=\"scope\">\n                        <div class=\"table-item\">\n                            <el-button\n                                v-if=\"scope.row.true_name\"\n                                type=\"text\"\n                                @click=\"showEditDialog(scope.row)\"\n                            >修改\n                            </el-button\n                            >\n                            <el-button\n                                v-if=\"!scope.row.true_name\"\n                                type=\"text\"\n                                @click=\"showEditDialog(scope.row)\"\n                            >添加\n                            </el-button\n                            >\n                        </div>\n                    </template>\n                </el-table-column>\n            </el-table>\n        </div>\n        <el-dialog :visible.sync=\"dialogVisible\" title=\"选择人员\">\n            <el-collapse>\n                <el-collapse-item\n                    v-for=\"item in members\"\n                    :key=\"item.id\"\n                    :disabled=\"item.son.length == 0\"\n                    :name=\"item.id\"\n                >\n                    <template slot=\"title\">\n                        {{ item.name }}（{{ item.son.length }}人）\n                    </template>\n                    <div class=\"dialog-members\">\n                        <div\n                            v-for=\"member in item.son\"\n                            :key=\"member.id\"\n                            class=\"master-name dialog-members-name\"\n                        >\n              <span @click=\"selectMember(member)\">\n                {{\n                      member.true_name | sub_name\n                  }}\n                <i\n                    :class=\"{ active: member.check }\"\n                    class=\"el-icon-success\"\n                ></i>\n              </span>\n                            <div>{{ member.true_name }}</div>\n                        </div>\n                    </div>\n                </el-collapse-item>\n            </el-collapse>\n\n            <span slot=\"footer\" class=\"dialog-footer\">\n          <div class=\"dialog-container flex-center\">\n          <el-input v-model=\"edit_code\" placeholder=\"请输入验证码\" type=\"number\"></el-input>\n          <el-button class=\"margin-left margin-right\" type=\"primary\" @click=\"sendCode\">{{ codeText }}</el-button>\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"subMember\">确 定</el-button>\n        </div>\n      </span>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\nimport {sub_name} from \"../../tools\";\n\nexport default {\n    name: \"level\",\n    data() {\n        return {\n            dialogVisible: false,\n            tableData: [],\n            members: [],\n            type: 0,\n            id: null, // 计时器id\n            timeId: null, // 一次性计时器id\n            codeText: '获取验证码', // 验证码文字\n            edit_code: \"\",\n        };\n    },\n    created() {\n        this.$emit(\"setIndex\", [2, 3]);\n        this.init();\n    },\n    methods: {\n        //  获取验证码\n        sendCode() {\n            if (this.codeText === '获取验证码') {\n                this.$api.apiContent.SendMsg({\n                    token: this.$store.state.user.token,\n                    timestamp: this.$tools.requestTime(),\n                    sign: this.$tools.SHA256({\n                        token: this.$store.state.user.token,\n                        timestamp: this.$tools.requestTime(),\n                    }, this.$store.state.user.key)\n                }).then(() => {\n                    this.codeText = 60\n                    this.id = setInterval(() => {\n                        if (this.codeText === 0) {\n                            this.codeText = '获取验证码'\n                            return\n                        }\n                        if (typeof this.codeText === 'number') {\n                            this.codeText--\n                        }\n                    }, 1000)\n                }).catch(e => {\n                    this.$message.error(e.msg)\n                    this.codeText = '获取验证码'\n                    clearInterval(this.id)\n                })\n            } else {\n                this.$message.error('请勿重复发送')\n            }\n        },\n        showEditDialog(data) {\n            this.dialogVisible = true;\n            this.type = data.type;\n            this.members.map((member) => {\n                member.son.map((son) => {\n                    son.check = son.user_id === data.user_id;\n                });\n            });\n        },\n        closeEdit() {\n            this.dialogVisible = false;\n            this.edit_code = \"\";\n        },\n        subMember() {\n            let approvalMembers = \"\";\n            this.members.map((member) => {\n                member.son.map((son) => {\n                    if (son.check) {\n                        approvalMembers = son;\n                    }\n                });\n            });\n            if (!approvalMembers) {\n                this.$message.error(\"请选择审批人\");\n                return;\n            }\n            if (!this.edit_code) {\n                this.$message.error(\"请输入验证码\")\n                return\n            }\n            this.$api.apiContent\n                .approvalOperation({\n                    token: this.$store.state.user.token,\n                    timestamp: this.$tools.requestTime(),\n                    type: this.type,\n                    code: this.edit_code,\n                    user_id: approvalMembers.user_id,\n                    sign: this.$tools.SHA256(\n                        {\n                            token: this.$store.state.user.token,\n                            timestamp: this.$tools.requestTime(),\n                            type: this.type,\n                            code: this.edit_code,\n                            user_id: approvalMembers.user_id,\n                        },\n                        this.$store.state.user.key\n                    ),\n                })\n                .then((res) => {\n                    this.closeEdit();\n                    this.init();\n                    this.$message.success(res.msg);\n                })\n                .catch((e) => {\n                    this.$message.error(e.msg);\n                });\n        },\n        //  选择项目管理人\n        selectMember(item) {\n            this.members.map((member) => {\n                member.son.map((son) => {\n                    son.check = son.user_id === item.user_id;\n                });\n            });\n            this.$forceUpdate();\n        },\n        //  页面加载时请求\n        init() {\n            this.$api.apiContent\n                .approvalSysList({\n                    token: this.$store.state.user.token,\n                    timestamp: this.$tools.requestTime(),\n                    sign: this.$tools.SHA256(\n                        {\n                            token: this.$store.state.user.token,\n                            timestamp: this.$tools.requestTime(),\n                        },\n                        this.$store.state.user.key\n                    ),\n                })\n                .then((res) => {\n                    res.data.approval.type = 2;\n                    res.data.leader.type = 1;\n                    res.data.finance.type = 0;\n                    res.data.counterpart.type = 3;\n                    res.data.president.type = 4;\n                    let arr = [\n                        res.data.approval,\n                        res.data.leader,\n                        res.data.finance,\n                        res.data.counterpart,\n                        res.data.president,\n                    ];\n                    this.tableData = arr;\n                })\n                .catch(() => {\n                    this.tableData = [];\n                });\n            //  获取人员列表\n            this.$api.apiContent\n                .getAllUser({\n                    token: this.$store.state.user.token,\n                    timestamp: this.$tools.requestTime(),\n                    sign: this.$tools.SHA256(\n                        {\n                            token: this.$store.state.user.token,\n                            timestamp: this.$tools.requestTime(),\n                        },\n                        this.$store.state.user.key\n                    ),\n                })\n                .then((res) => {\n                    this.members = res.data;\n                    this.members.map((item) => {\n                        item.son.map((items) => {\n                            items.check = false; //  是否被选择\n                        });\n                    });\n                })\n                .catch(() => {\n                    this.members = [];\n                });\n        },\n    },\n    filters: {\n        sub_name(str) {\n            return sub_name(str)\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.page-box {\n    .page-title {\n        height: 40px;\n        margin-bottom: 10px;\n\n        span {\n            font-size: 18px;\n            line-height: 36px;\n            color: #999999;\n\n            b {\n                color: #333;\n                font-weight: normal;\n            }\n        }\n\n        div {\n            color: #3b77e7;\n            font-size: 20px;\n            cursor: pointer;\n\n            i {\n                display: block;\n                width: 24px;\n                height: 24px;\n                text-align: center;\n                line-height: 24px;\n                margin-right: 5px;\n                border-radius: 100%;\n                color: #fff;\n                font-size: 14px;\n                background-color: #3b77e7;\n            }\n        }\n    }\n\n    .dialog-title {\n        color: #000;\n        font-size: 24px;\n    }\n\n    .dialog-footer {\n        .el-button {\n            width: 235px;\n        }\n    }\n\n    .dialog-members {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding-top: 30px;\n        border-top: 1px solid #f0f2f5;\n\n        .dialog-members-name {\n            margin-left: 20px;\n\n            span {\n                cursor: pointer;\n                position: relative;\n\n                i {\n                    position: absolute;\n                    top: -5px;\n                    right: -5px;\n                    color: #f0f2f5;\n                    font-size: 26px;\n                    width: 24px;\n                    height: 24px;\n                    border-radius: 25px;\n                    background: white;\n                    overflow: hidden;\n\n                    &.active {\n                        color: #13ce66;\n                        background: white;\n                    }\n                }\n            }\n\n            .active {\n                background: #666;\n            }\n        }\n    }\n\n    .approval-member-list {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n\n        &:before {\n            position: absolute;\n            background: #3b77e7;\n            border-radius: 13px;\n            width: 1px;\n            top: 56px;\n            bottom: 56px;\n            left: 16px;\n            content: \"\";\n            z-index: 1;\n        }\n\n        .approval-member {\n            position: relative;\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #f0f0f0;\n            padding: 20px;\n\n            &:after {\n                position: absolute;\n                background: #3b77e7;\n                border-radius: 13px;\n                width: 13px;\n                height: 13px;\n                top: 50%;\n                transform: translate(0, -50%);\n                left: 10px;\n                content: \"\";\n            }\n\n            .approval-member-name {\n                font-size: 20px;\n                color: #000000;\n                margin-left: 30px;\n\n                .approval-member-num {\n                    font-size: 16px;\n                    color: #999999;\n                    margin-top: 12px;\n                }\n            }\n\n            .approval-members {\n                display: flex;\n                flex-direction: row;\n\n                .master-name-line {\n                    padding: 0 25px;\n                    font-size: 16px;\n                    color: #3b77e7;\n                    align-self: center;\n                    margin-bottom: 18px;\n                }\n\n                .master-name-add {\n                    display: flex;\n                    flex-direction: column;\n                    cursor: pointer;\n\n                    > div {\n                        font-size: 12px;\n                        color: white;\n                        text-align: center;\n                        margin-top: 5px;\n                    }\n\n                    span {\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-around;\n                        width: 56px;\n                        height: 56px;\n                        border-radius: 56px;\n                        border: 1px dotted #3b77e7;\n                        text-align: center;\n                        /*line-height: 24px;*/\n                        font-size: 36px;\n                        color: #3b77e7;\n                        background-color: #fff;\n                    }\n                }\n            }\n        }\n    }\n\n    .master-name {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n\n        > div {\n            font-size: 12px;\n            color: #999999;\n            text-align: center;\n            margin-top: 5px;\n        }\n\n        .close {\n            position: absolute;\n            color: red;\n            font-size: 26px;\n            right: -10px;\n            top: -5px;\n            cursor: pointer;\n        }\n\n        span {\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n            width: 56px;\n            height: 56px;\n            border-radius: 56px;\n            text-align: center;\n            cursor: pointer;\n            /*line-height: 24px;*/\n            font-size: 18px;\n            color: #fff;\n            background-color: #3b77e7;\n        }\n    }\n\n    .master-name-change {\n        color: #3b77e7;\n        margin-left: 20px;\n    }\n\n    .personnel-list {\n        width: 100%;\n        background-color: #ffffff;\n        border-radius: 6px;\n        overflow: hidden;\n        padding: 34px 28px;\n        min-height: 700px;\n\n        .table-item {\n            text-align: center;\n            font-size: 16px;\n            color: #666666;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./level.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./level.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./level.vue?vue&type=template&id=03fdd93d&scoped=true&\"\nimport script from \"./level.vue?vue&type=script&lang=js&\"\nexport * from \"./level.vue?vue&type=script&lang=js&\"\nimport style0 from \"./level.vue?vue&type=style&index=0&id=03fdd93d&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  \"03fdd93d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}