{"version":3,"sources":["webpack:///./src/views/Personal/Basic/Information.vue","webpack:///src/views/Personal/Basic/Information.vue","webpack:///./src/views/Personal/Basic/Information.vue?5ad9","webpack:///./src/views/Personal/Basic/Information.vue?605d","webpack:///./src/views/Personal/Basic/Information.vue?28eb"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","form","rules","_v","ImageUrl","_e","imgLoading","model","value","callback","$$v","$set","expression","action","beforeUpload","customRequest","on","handleChange","LoginName","Nickname","Title","Email","Phone","$event","$router","push","OpendId","openWechatDialog","unBindWechat","slot","logOfff","save","visible","closeWechatDialog","state","appid","encodeURIComponent","self_redirect","staticRenderFns","metaInfo","title","meta","name","content","components","wxlogin","data","validator","trigger","timer","computed","userInfo","watch","handler","immediate","methods","headers","fileName","console","fd","axios","setTimeout","catch","err","UpdateMemberInfo","GetBindByState","clearInterval","getUrl","UnbindWeiXin","component"],"mappings":"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","file":"js/chunk-3823131e.8a1af4c0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"information per-main\"},[_c('a-form-model',{ref:\"ruleForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"头像\")]),_c('div',{staticClass:\"input\"},[_c('a-avatar',{attrs:{\"size\":100,\"src\":_vm.form.ImageUrl}},[(!_vm.form.ImageUrl)?_c('svg-icon',{staticClass:\"icon_user\",attrs:{\"icon-class\":\"icon_user2\"}}):_vm._e()],1),(_vm.imgLoading)?_c('div',{staticClass:\"loading\"},[_c('a-icon',{attrs:{\"type\":\"loading\"}}),_c('div',{staticClass:\"ant-upload-text\"},[_vm._v(\"上传中\")])],1):_vm._e(),_c('a-input',{attrs:{\"hidden\":\"\"},model:{value:(_vm.form.ImageUrl),callback:function ($$v) {_vm.$set(_vm.form, \"ImageUrl\", $$v)},expression:\"form.ImageUrl\"}}),_c('div',{staticClass:\"handle edit\"},[_c('a-upload',{staticClass:\"avatar-uploader\",attrs:{\"name\":\"avatar\",\"list-type\":\"picture-card\",\"show-upload-list\":false,\"action\":_vm.action,\"before-upload\":_vm.beforeUpload,\"accept\":\".jpg,.png,.gif,.jpeg\",\"customRequest\":_vm.customRequest},on:{\"change\":_vm.handleChange}},[_c('span',[_vm._v(\"修改\")])])],1)],1)])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"账号\")]),_c('div',{staticClass:\"input\"},[_c('a-input',{attrs:{\"disabled\":\"\"},model:{value:(_vm.form.LoginName),callback:function ($$v) {_vm.$set(_vm.form, \"LoginName\", $$v)},expression:\"form.LoginName\"}}),_c('div',{staticClass:\"handle\"},[_vm._v(\"默认为注册邮箱/手机号\")])],1)])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"昵称\")]),_c('div',{staticClass:\"input\"},[_c('a-input',{model:{value:(_vm.form.Nickname),callback:function ($$v) {_vm.$set(_vm.form, \"Nickname\", $$v)},expression:\"form.Nickname\"}})],1)])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"职称\")]),_c('div',{staticClass:\"input\"},[_c('a-input',{model:{value:(_vm.form.Title),callback:function ($$v) {_vm.$set(_vm.form, \"Title\", $$v)},expression:\"form.Title\"}})],1)])]),_c('a-form-model-item',{attrs:{\"prop\":\"Email\"}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"邮箱\")]),_c('div',{staticClass:\"input\"},[_c('a-input',{model:{value:(_vm.form.Email),callback:function ($$v) {_vm.$set(_vm.form, \"Email\", $$v)},expression:\"form.Email\"}})],1)])]),_c('a-form-model-item',{attrs:{\"prop\":\"Phone\"}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"手机号\")]),_c('div',{staticClass:\"input\"},[_c('a-input',{attrs:{\"disabled\":\"\"},model:{value:(_vm.form.Phone),callback:function ($$v) {_vm.$set(_vm.form, \"Phone\", $$v)},expression:\"form.Phone\"}}),_c('div',{staticClass:\"handle edit\",on:{\"click\":function($event){return _vm.$router.push('/phone')}}},[_c('span',[_vm._v(\"修改\")])])],1)])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"关联微信\")]),_c('div',{staticClass:\"input\"},[_c('a-input',{attrs:{\"disabled\":\"\"},model:{value:(_vm.form.OpendId),callback:function ($$v) {_vm.$set(_vm.form, \"OpendId\", $$v)},expression:\"form.OpendId\"}}),_c('div',{staticClass:\"handle edit\"},[(!_vm.form.OpendId)?_c('span',{on:{\"click\":_vm.openWechatDialog}},[_vm._v(\"绑定\")]):_vm._e(),(_vm.form.OpendId)?_c('span',{on:{\"click\":_vm.openWechatDialog}},[_vm._v(\"修改\")]):_vm._e(),_vm._v(\"  \"),_c('a-popconfirm',{attrs:{\"placement\":\"top\",\"ok-text\":\"是\",\"cancel-text\":\"否\"},on:{\"confirm\":_vm.unBindWechat}},[_c('template',{slot:\"title\"},[_vm._v(\"确定解绑微信？\")]),(_vm.form.OpendId)?_c('span',[_vm._v(\"解绑\")]):_vm._e()],2)],1)],1)])]),_c('a-form-model-item',[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\" \")]),_c('div',{staticClass:\"input btn\"},[_c('a',{staticClass:\"logoff\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":_vm.logOfff}},[_vm._v(\"注销账号\")]),_c('a-button',{on:{\"click\":_vm.save}},[_vm._v(\"保存\")])],1)])])],1),_c('a-modal',{attrs:{\"title\":\"绑定微信\",\"visible\":_vm.visible,\"footer\":null},on:{\"cancel\":_vm.closeWechatDialog}},[_c('div',{staticClass:\"dialog_content\"},[_c('div',{staticClass:\"wechat\"},[(_vm.state)?_c('wxlogin',{attrs:{\"appid\":_vm.appid,\"scope\":'snsapi_login',\"theme\":'black',\"self_redirect\":\"true\",\"redirect_uri\":encodeURIComponent(_vm.self_redirect),\"rel\":\"external nofollow\",\"state\":_vm.state}}):_vm._e()],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"information per-main\">\r\n        <a-form-model :model=\"form\" ref=\"ruleForm\" :rules=\"rules\">\r\n            <a-form-model-item >\r\n                <div class=\"form-item\">\r\n                    <div class=\"label\">头像</div>\r\n                    <div class=\"input\">\r\n                        <a-avatar :size=\"100\" :src=\"form.ImageUrl\" >\r\n                            <svg-icon class=\"icon_user\" icon-class=\"icon_user2\" v-if=\"!form.ImageUrl\"></svg-icon>\r\n                        </a-avatar>\r\n                        <div class=\"loading\" v-if=\"imgLoading\">\r\n                            <a-icon type='loading'  />\r\n                            <div class=\"ant-upload-text\">上传中</div>\r\n                        </div>\r\n                        <a-input v-model=\"form.ImageUrl\"  hidden/>\r\n                        <div class=\"handle edit\">\r\n                            <a-upload\r\n                                name=\"avatar\"\r\n                                list-type=\"picture-card\"\r\n                                class=\"avatar-uploader\"\r\n                                :show-upload-list=\"false\"\r\n                                :action=\"action\"\r\n                                :before-upload=\"beforeUpload\"\r\n                                @change=\"handleChange\"\r\n                                accept=\".jpg,.png,.gif,.jpeg\"\r\n                                :customRequest=\"customRequest\"\r\n                            >\r\n                                <span>修改</span>\r\n                            </a-upload>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item >\r\n                <div class=\"form-item\">\r\n                    <div class=\"label\">账号</div>\r\n                    <div class=\"input\">\r\n                        <a-input v-model=\"form.LoginName\" disabled/>\r\n                        <div class=\"handle\">默认为注册邮箱/手机号</div>\r\n                    </div>\r\n                    \r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item >\r\n                <div class=\"form-item\">\r\n                    <div class=\"label\">昵称</div>\r\n                    <div class=\"input\">\r\n                        <a-input v-model=\"form.Nickname\"/>\r\n                        <!-- <div class=\"handle\">默认为注册邮箱/手机号</div> -->\r\n                    </div>\r\n                    \r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item >\r\n                <div class=\"form-item\">\r\n                    <div class=\"label\">职称</div>\r\n                    <div class=\"input\">\r\n                        <a-input v-model=\"form.Title\"/>\r\n                        <!-- <div class=\"handle\">默认为注册邮箱/手机号</div> -->\r\n                    </div>\r\n                    \r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item prop=\"Email\"> \r\n                <div class=\"form-item\" >\r\n                    <div class=\"label\">邮箱</div>\r\n                    <div class=\"input\">\r\n                        <a-input v-model=\"form.Email\" />\r\n                    </div>\r\n                    \r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item prop=\"Phone\">\r\n                <div class=\"form-item\" >\r\n                    <div class=\"label\">手机号</div>\r\n                    <div class=\"input\">\r\n                        <a-input disabled v-model=\"form.Phone\" />\r\n                        <div class=\"handle edit\" @click=\"$router.push('/phone')\"><span>修改</span></div>\r\n                    </div>\r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item >\r\n                <div class=\"form-item\">\r\n                    <div class=\"label\">关联微信</div>\r\n                    <div class=\"input\">\r\n                        <a-input v-model=\"form.OpendId\" disabled/>\r\n                        <div class=\"handle edit\">\r\n                            <span v-if=\"!form.OpendId\" @click=\"openWechatDialog\">绑定</span>\r\n                            <span v-if=\"form.OpendId\" @click=\"openWechatDialog\">修改</span>&nbsp;  \r\n                            <a-popconfirm placement=\"top\" ok-text=\"是\" cancel-text=\"否\" @confirm=\"unBindWechat\">\r\n                                <template slot=\"title\">确定解绑微信？</template>\r\n                                <span v-if=\"form.OpendId\">解绑</span>\r\n                            </a-popconfirm>\r\n                            \r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </a-form-model-item>\r\n            <a-form-model-item >\r\n                <div class=\"form-item\">\r\n                    <div class=\"label\">&nbsp;</div>\r\n                    <div class=\"input btn\" >\r\n                        <a href=\"javascript:void(0);\" class=\"logoff\" @click=\"logOfff\">注销账号</a>\r\n                        <a-button @click=\"save\">保存</a-button>\r\n                    </div>\r\n                </div>\r\n            </a-form-model-item>\r\n        </a-form-model>\r\n        <a-modal\r\n            title=\"绑定微信\"\r\n            :visible=\"visible\"\r\n            :footer=\"null\"\r\n            @cancel=\"closeWechatDialog\"\r\n        >   \r\n            <div class=\"dialog_content\">\r\n                <div class=\"wechat\">\r\n                    <wxlogin\r\n                        v-if=\"state\"\r\n                        :appid=\"appid\"\r\n                        :scope=\"'snsapi_login'\"\r\n                        :theme=\"'black'\"\r\n                        self_redirect=\"true\"\r\n                        :redirect_uri=\"encodeURIComponent(self_redirect)\"\r\n                        rel=\"external nofollow\"\r\n                        :state=\"state\"\r\n                    />\r\n                </div>\r\n            </div>\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions, mapMutations } from 'vuex'\r\nimport { Base64 } from 'js-base64'\r\nimport { getOSSUpload } from '@/api/common'\r\nimport { UpdateMemberInfo , GetBindByState , UnbindWeiXin } from '@/api/user'\r\nimport axios from 'axios'\r\nimport wxlogin from \"vue-wxlogin\";\r\nexport default {\r\n    metaInfo() {\r\n\t\treturn {\r\n\t\t\ttitle: '个人基本信息-个人中心-文物出版社',\r\n\t\t\tmeta: [\r\n                {\r\n                    name: 'keyWords',\r\n\t\t\t\t\tcontent: '个人基本信息-个人中心-文物出版社'\r\n                },\r\n                {\r\n                    name: 'description',\r\n\t\t\t\t\tcontent: '个人基本信息-个人中心-文物出版社'\r\n                }\r\n            ]\r\n\t\t}\r\n\t},\r\n    components:{\r\n        wxlogin\r\n    },\r\n    data(){\r\n        let validatePhone = (rule, value, callback) => {\r\n            const regMobile =\r\n                /^0?(13[0-9]|14[1-9]|15[012356789]|16[56]|17[0-9]|18[0-9]|19[189])[0-9]{8}$/;\r\n            if (value === '') {\r\n                callback(new Error('请输入手机号'))\r\n            } else if (regMobile.test(value)) {\r\n                callback()\r\n                return\r\n            } else {\r\n                callback(new Error('请输入手机号'))\r\n            }\r\n        }\r\n        let validateMail = (rule, value, callback) => {\r\n            const regEmail = /^([a-zA-Z]|[0-9])(\\w|\\-)+@[a-zA-Z0-9]+\\.([a-zA-Z]{2,4})$/\r\n            if (value === '') {\r\n                callback(new Error('请输入正确邮箱！'))\r\n            } else if (regEmail.test(value)) {\r\n                callback()\r\n                return\r\n            } else {\r\n                callback(new Error('请输入正确邮箱！'))\r\n            }\r\n        }\r\n        return{\r\n            form:{},\r\n            action:window.configObj.ossURL,\r\n            imgLoading:false,\r\n            rules:{\r\n                Email: [\r\n                    { validator: validateMail,trigger: 'change' }\r\n                ],\r\n                Phone: [ \r\n                    { validator: validatePhone,trigger: 'change' }\r\n                ]\r\n            },\r\n            // 微信二维码弹窗\r\n            visible:false, \r\n            state:'',\r\n            timer:null,\r\n            appid:window.configObj.appid,\r\n            self_redirect:window.configObj.changeWechatUrl\r\n        }\r\n    },\r\n    computed:{\r\n        ...mapState({\r\n            userInfo: (state) => state.user.userInfo,\r\n        }),\r\n    },\r\n    watch:{\r\n        userInfo: {\r\n            handler(newVal,oldVal){\r\n                this.form = JSON.parse(JSON.stringify(newVal))\r\n            },\r\n            immediate: true,\r\n        }\r\n    },\r\n    methods:{\r\n        beforeUpload(file){\r\n            const isLt2M = file.size / 1024 / 1024 < 2;\r\n            if (!isLt2M) {\r\n                this.$message.error('请上传小于2M的图片！');\r\n            }\r\n            return isLt2M;\r\n        },\r\n        async customRequest(file){\r\n            this.imgLoading = true\r\n            const fileObj = file.file // 相当于input里取得的files\r\n            const fd = new FormData() // FormData 对象\r\n            const config = {\r\n                headers: {\r\n                    'Content-Type': 'multipart/form-data'\r\n                }\r\n            }\r\n            await getOSSUpload({ fileName: fileObj.name }).then(res => {\r\n                console.log(res);\r\n                if (res.code === 200) { \r\n                    fd.append('key', res.data.key)\r\n                    fd.append('policy', res.data.policy)\r\n                    fd.append('OSSAccessKeyId', res.data.accessid)\r\n                    fd.append('success_action_status', '200') // 让服务端返回200,不然，默认会返回204\r\n                    fd.append('callback', res.data.callback)\r\n                    fd.append('signature', res.data.signature)\r\n                    fd.append('file', fileObj) // 文件对象\r\n                    axios.post(this.action, fd, config).then((res) => {\r\n                        console.log(res);\r\n                        this.form.ImageUrl = res.data.location\r\n                        setTimeout(() => {\r\n                            this.imgLoading = false\r\n                        },200)\r\n                    }).catch(err => {\r\n                        console.log(err);\r\n                        this.imgLoading = false\r\n                    })\r\n                }\r\n            }).catch(err => {\r\n                console.log(err);\r\n            })\r\n            \r\n        },\r\n        handleChange(info){\r\n            console.log(info);\r\n        },\r\n        // 保存\r\n        save(){\r\n            this.$refs.ruleForm.validate(valid => {\r\n                if (valid) {\r\n                    UpdateMemberInfo(Base64.encode(JSON.stringify(this.form))).then(res => {\r\n                        console.log(res);\r\n                        this.$message.success(res.msg)\r\n                        this.$store.dispatch('user/getUserInfo')\r\n                    }).catch(err => {\r\n                        console.log(err);\r\n                    })\r\n                } else {\r\n                    return false;\r\n                }\r\n            });\r\n        },\r\n        // \r\n        openWechatDialog(){\r\n            this.visible = true\r\n            this.getUrl()\r\n            this.timer = setInterval(() => {\r\n                GetBindByState({state:this.state}).then(res => {\r\n                    if(res.code == 0) return\r\n                    this.visible = false\r\n                    this.$message.success(res.msg)\r\n                    this.state = ''\r\n                    clearInterval(this.timer)\r\n                    this.timer = null\r\n                    this.$store.dispatch('user/getUserInfo')\r\n                }).catch(err => {\r\n                    console.log(err);\r\n                    this.state = ''\r\n                    this.getUrl()\r\n                })\r\n            },1000)\r\n        },\r\n        closeWechatDialog(){\r\n            this.visible = false\r\n            this.state = ''\r\n            clearInterval(this.timer)\r\n            this.timer = null\r\n        },\r\n        getUrl(){\r\n            var guid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\r\n                return v.toString(16);\r\n            });\r\n            this.state = guid\r\n        },\r\n        unBindWechat(){\r\n            UnbindWeiXin().then(res => {\r\n                this.$message.success(res.msg)\r\n                this.$store.dispatch('user/getUserInfo')\r\n            }).catch(err=> err)\r\n        },\r\n        logOfff(){\r\n            this.$store.dispatch('user/logOff')\r\n        }\r\n    },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.information{\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 30px 140px 0 0 ;\r\n    :deep(.ant-input){\r\n        width: 500px;\r\n        height: 50px;\r\n        line-height: 50px;\r\n        padding: 0 20px;\r\n        font-size: 16px;\r\n        color: rgb(85, 85, 85);\r\n    }\r\n    :deep(.ant-input-disabled){\r\n        background-color: #eeeeee;\r\n        border-color: #eeeeee !important;\r\n    }\r\n}\r\n.form-item{\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    .label{\r\n        width: 65PX;\r\n        text-align: justify;\r\n        text-align-last: justify;\r\n        margin-right: 45px;\r\n        font-size: 16px;\r\n        color: rgb(51, 51, 51);\r\n        font-weight: bold;\r\n    }\r\n    .input{\r\n        position: relative;\r\n    }\r\n}\r\n.icon_user{\r\n    font-size: 100px !important;\r\n}\r\n:deep(.ant-avatar){\r\n    background-color: #fff;\r\n    position: relative;\r\n    .ant-avatar-string{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        left: 0 ;\r\n        top: 0;\r\n        transform: scale(1) translateX(0) !important;\r\n    }\r\n\r\n}\r\n.loading{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0 ;\r\n    top: 0;\r\n    z-index: 3;\r\n    background-color: #666;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n}\r\n.anticon-loading{\r\n    line-height: 1;\r\n}\r\n.ant-upload-text{\r\n    line-height: 1;\r\n    font-size: 14px;\r\n    margin-top: 5px;\r\n}\r\n.handle{\r\n    position: absolute;\r\n    left: calc(100% + 30px);\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    white-space: nowrap;\r\n    font-size: 16px;\r\n    color: rgb(136, 136, 136);\r\n    &.edit{\r\n        \r\n        span{\r\n            text-decoration: underline;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}\r\n\r\n:deep(.avatar-uploader){\r\n    .ant-upload{\r\n        width: auto;\r\n        height: auto;\r\n        white-space: nowrap;\r\n        margin: 0 !important;\r\n        line-height: 1;\r\n        border: none;\r\n        background-color: transparent;\r\n        font-size: 16px;\r\n        padding: 0 !important;\r\n        color: rgb(136, 136, 136);\r\n        text-decoration: underline;\r\n    }\r\n}\r\n.btn{\r\n    flex: 1;\r\n    text-align: center;\r\n    margin-top: 50px;\r\n    .ant-btn{\r\n        min-width: 200px;\r\n        padding: 0 20px;\r\n        height: 50px;\r\n        line-height: 50px;\r\n        border-radius: 25px;\r\n        background-color: #00ffc0;\r\n        border-color: #00ffc0;\r\n        font-size: 0.18rem;\r\n        color: rgb(0, 0, 0);\r\n        &:focus,\r\n        &:hover {\r\n            background-color: #79f9d9;\r\n            border-color: #79f9d9;\r\n            color: #000;\r\n        }\r\n        &:active {\r\n            background-color: #00ff7e;\r\n            border-color: #00ff7e;\r\n            color: #000;\r\n        }\r\n    }\r\n}\r\n:deep(.ant-form-explain){\r\n    padding-left: calc( 65Px + 45px);\r\n}\r\n.wechat{\r\n    width: 300Px;\r\n}\r\n.dialog_content{\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n.logoff{\r\n    margin-right: 50px;\r\n    text-decoration: underline;\r\n    &:hover{\r\n        color: #00ffc0;\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Information.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Information.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Information.vue?vue&type=template&id=4327e59a&scoped=true&\"\nimport script from \"./Information.vue?vue&type=script&lang=js&\"\nexport * from \"./Information.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Information.vue?vue&type=style&index=0&id=4327e59a&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4327e59a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Information.vue?vue&type=style&index=0&id=4327e59a&prod&lang=less&scoped=true&\""],"sourceRoot":""}