{"version":3,"sources":["webpack:///./src/views/Feedback/index.vue?aa3f","webpack:///./src/views/Feedback/index.vue","webpack:///src/views/Feedback/index.vue","webpack:///./src/views/Feedback/index.vue?8e5f","webpack:///./src/views/Feedback/index.vue?7c2c","webpack:///./src/components/common/Breadcrumb.vue?6a75","webpack:///./src/components/common/Breadcrumb.vue","webpack:///src/components/common/Breadcrumb.vue","webpack:///./src/components/common/Breadcrumb.vue?3071","webpack:///./src/components/common/Breadcrumb.vue?9320"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_m","ref","form","rules","model","value","accont","callback","$$v","expression","Type","$set","slot","_l","options","option","key","_v","_s","title","minRows","maxRows","Info","length","customRequest","beforeUpload","on","handleChange","handlePreview","directives","name","rawName","modifiers","imgList","decImg","index","uid","refInFor","url","_e","$event","stopPropagation","show","deleteItem","imgLoading","loading","submit","previewVisible","handleCancel","staticStyle","previewImage","staticRenderFns","getBase64","file","reader","metaInfo","meta","content","components","Breadcrumb","data","MemberId","Image","required","message","trigger","action","computed","userInfo","watch","handler","immediate","console","methods","SaveQuestion","catch","err","fieldId","headers","fileName","fd","axios","status","mounted","component","class","type","list","item","path","props","default","$route","getBreadcrumb","matched","created"],"mappings":"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","file":"js/chunk-c17b94c6.c5d039c1.js","sourcesContent":["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!./index.vue?vue&type=style&index=0&id=06ca4c6e&prod&scoped=true&lang=less&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"feedback\"},[_c('div',{staticClass:\"auto-1440\"},[_c('Breadcrumb',{attrs:{\"type\":\"grey\"}}),_vm._m(0),_c('div',{staticClass:\"form\"},[_c('a-form-model',{ref:\"ruleForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('div',{staticClass:\"form-item w2\"},[_c('a-form-model-item',{attrs:{\"label\":\"账号\"}},[_c('a-input',{attrs:{\"disabled\":\"\"},model:{value:(_vm.accont),callback:function ($$v) {_vm.accont=$$v},expression:\"accont\"}})],1),_c('a-form-model-item',{attrs:{\"label\":\"问题分类\",\"prop\":\"Type\"}},[_c('a-select',{attrs:{\"size\":\"large\",\"placeholder\":\"问题分类\"},model:{value:(_vm.form.Type),callback:function ($$v) {_vm.$set(_vm.form, \"Type\", $$v)},expression:\"form.Type\"}},[_c('a-icon',{attrs:{\"slot\":\"suffixIcon\",\"type\":\"caret-down\"},slot:\"suffixIcon\"}),_vm._l((_vm.options),function(option){return _c('a-select-option',{key:option.value,attrs:{\"value\":option.value}},[_vm._v(\" \"+_vm._s(option.title)+\" \")])})],2)],1)],1),_c('a-form-model-item',{attrs:{\"label\":\"问题描述\",\"prop\":\"Info\"}},[_c('div',{staticClass:\"input\"},[_c('a-textarea',{attrs:{\"maxLength\":3000,\"show-count\":\"\",\"auto-size\":{ minRows: 6, maxRows: 8 }},model:{value:(_vm.form.Info),callback:function ($$v) {_vm.$set(_vm.form, \"Info\", $$v)},expression:\"form.Info\"}}),_c('div',{staticClass:\"limit\"},[_vm._v(_vm._s(_vm.form.Info.length)+\"/3000\")])],1)]),_c('a-form-model-item',{attrs:{\"label\":\"请上传遇到问题的截图\"}},[_c('a-upload-dragger',{attrs:{\"name\":\"file\",\"multiple\":true,\"action\":\"https://www.mocky.io/v2/5cc8019d300000980a055e76\",\"customRequest\":_vm.customRequest,\"before-upload\":_vm.beforeUpload,\"fileList\":[]},on:{\"change\":_vm.handleChange,\"preview\":_vm.handlePreview}},[_c('div',{staticClass:\"des\"},[_c('h2',[_vm._v(\"请选择您需要上传的图片或拖拽文件至此\")]),_c('p',[_vm._v(\"图片类型仅支持jpg、png\"),_c('br'),_vm._v(\"大小不要超过3MB/张\")])])]),_c('div',{staticClass:\"img_list\"})],1),_c('div',{directives:[{name:\"viewer\",rawName:\"v-viewer.rebuild\",modifiers:{\"rebuild\":true}}],staticClass:\"img-list\"},[_vm._l((_vm.imgList),function(decImg,index){return [_c('div',{key:index,staticClass:\"img\"},[(decImg)?_c('img',{ref:'viewer' + decImg.uid,refInFor:true,attrs:{\"src\":decImg.url}}):_vm._e(),_c('div',{staticClass:\"handle\"},[_c('a-icon',{attrs:{\"type\":\"eye\",\"title\":\"预览\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.show(decImg.uid)}}}),_c('a-icon',{attrs:{\"type\":\"delete\",\"title\":\"删除\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteItem(decImg.uid)}}})],1)])]}),_c('transition',{attrs:{\"name\":\"img\",\"mode\":\"out-in\"}},[(_vm.imgLoading)?_c('div',{staticClass:\"img uploading\"},[_c('a-icon',{attrs:{\"type\":\"loading\"}}),_c('span',[_vm._v(\"上传中\")])],1):_vm._e()])],2)],1),_c('a-form-model-item',[_c('div',{staticClass:\"submit\"},[_c('a-button',{attrs:{\"loading\":_vm.loading},on:{\"click\":_vm.submit}},[_vm._v(\"提 交\")])],1)])],1)],1),_c('a-modal',{attrs:{\"visible\":_vm.previewVisible,\"footer\":null},on:{\"cancel\":_vm.handleCancel}},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"alt\":\"example\",\"src\":_vm.previewImage}})])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('h1',[_vm._v(\"问题处理中心反馈平台\")]),_c('h2',[_vm._v(\"如果您在使用网站的过程中出现问题，请留言反馈。我们会尽快处理并及时回复您，谢谢！\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"feedback\">\r\n        <div class=\"auto-1440\">\r\n            <Breadcrumb type=\"grey\"/>\r\n            <div class=\"title\">\r\n                <h1>问题处理中心反馈平台</h1>\r\n                <h2>如果您在使用网站的过程中出现问题，请留言反馈。我们会尽快处理并及时回复您，谢谢！</h2>\r\n            </div>\r\n            <div class=\"form\">\r\n                <a-form-model \r\n                    :model=\"form\"\r\n                    ref=\"ruleForm\"\r\n                    :rules=\"rules\"\r\n                >\r\n                    <div class=\"form-item w2\">\r\n                        <a-form-model-item label=\"账号\" >\r\n                            <a-input v-model=\"accont\" disabled />\r\n                        </a-form-model-item>\r\n                        <a-form-model-item label=\"问题分类\" prop=\"Type\">\r\n                            <a-select \r\n                                size=\"large\"\r\n                                placeholder=\"问题分类\"\r\n                                v-model=\"form.Type\"\r\n                            >\r\n                                <a-icon slot=\"suffixIcon\" type=\"caret-down\" />\r\n                                <a-select-option v-for=\"option in options\" :key=\"option.value\" :value=\"option.value\">\r\n                                    {{option.title}}\r\n                                </a-select-option>\r\n                            </a-select>\r\n                        </a-form-model-item>\r\n                    </div>\r\n                    <a-form-model-item label=\"问题描述\" prop=\"Info\">\r\n                        <div class=\"input\">\r\n                            <a-textarea\r\n                                v-model=\"form.Info\"\r\n                                :maxLength=\"3000\"\r\n                                show-count\r\n                                :auto-size=\"{ minRows: 6, maxRows: 8 }\"\r\n                            />\r\n                            <div class=\"limit\">{{form.Info.length}}/3000</div>\r\n                        </div>\r\n                        \r\n                    </a-form-model-item>\r\n                    <a-form-model-item label=\"请上传遇到问题的截图\" >\r\n                        <!-- <div class=\"img_loading\" v-show=\"imgLoading\">\r\n                            <a-icon type=\"loading\" />\r\n                            <span>上传中</span>\r\n                        </div> -->\r\n                        <a-upload-dragger\r\n                            name=\"file\"\r\n                            :multiple=\"true\"\r\n                            action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\r\n                            @change=\"handleChange\"\r\n                            :customRequest=\"customRequest\"\r\n                            :before-upload=\"beforeUpload\"\r\n                            @preview=\"handlePreview\"\r\n                            :fileList=[]\r\n                        >\r\n                           \r\n                            <div class=\"des\">\r\n                                <h2>请选择您需要上传的图片或拖拽文件至此</h2>\r\n                                <p>图片类型仅支持jpg、png<br>大小不要超过3MB/张</p>\r\n                            </div>\r\n                        </a-upload-dragger>\r\n                        <div class=\"img_list\">\r\n\r\n                        </div>\r\n                    </a-form-model-item>\r\n                    <div class=\"img-list\" v-viewer.rebuild>\r\n                        <template v-for=\"(decImg, index) in imgList\">\r\n                            <div class=\"img\" :key=\"index\" >\r\n                                <img v-if=\"decImg\"  :src=\"decImg.url\" :ref=\"'viewer' + decImg.uid\" />\r\n                                <div class=\"handle\">\r\n                                    <a-icon type=\"eye\" @click.stop=\"show(decImg.uid)\" title=\"预览\"/>\r\n                                    <a-icon type=\"delete\" title=\"删除\" @click.stop=\"deleteItem(decImg.uid)\" />\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                        <transition name=\"img\" mode=\"out-in\">\r\n                            <div class=\"img uploading\" v-if=\"imgLoading\">\r\n                                <a-icon type=\"loading\" />\r\n                                <span>上传中</span>\r\n                            </div>\r\n                        </transition>\r\n                    </div>\r\n                </a-form-model>\r\n                <a-form-model-item >\r\n                    <div class=\"submit\">\r\n                        <a-button :loading=\"loading\"  @click=\"submit\">提    交</a-button>\r\n                    </div>\r\n                </a-form-model-item>\r\n            </div>\r\n        </div>\r\n        <a-modal :visible=\"previewVisible\" :footer=\"null\" @cancel=\"handleCancel\">\r\n            <img alt=\"example\" style=\"width: 100%\" :src=\"previewImage\" />\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport Breadcrumb from '~/components/common/Breadcrumb'\r\nimport { mapState, mapActions, mapMutations } from 'vuex'\r\nimport { Base64 } from 'js-base64'\r\nfunction getBase64(file) {\r\n  return new Promise((resolve, reject) => {\r\n    const reader = new FileReader();\r\n    reader.readAsDataURL(file);\r\n    reader.onload = () => resolve(reader.result);\r\n    reader.onerror = error => reject(error);\r\n  });\r\n}\r\nimport { GetOptionList , getOSSUpload  , SaveQuestion} from '@/api/common'\r\nimport axios from 'axios'\r\nexport default {\r\n    metaInfo() {\r\n\t\treturn {\r\n\t\t\ttitle: this.$route.meta.title|| '文物出版社',\r\n\t\t\tmeta: [\r\n                {\r\n                    name: 'keyWords',\r\n\t\t\t\t\tcontent: this.$route.meta.title|| '文物出版社'\r\n                },\r\n                {\r\n                    name: 'description',\r\n\t\t\t\t\tcontent: this.$route.meta.title|| '文物出版社'\r\n                }\r\n            ]\r\n\t\t}\r\n\t},\r\n    components:{\r\n        Breadcrumb\r\n    },\r\n    data(){\r\n        return{\r\n            form:{\r\n                MemberId:'',\r\n                Type:undefined,\r\n                Info:'',\r\n                Image:'',\r\n            },\r\n            accont:'',\r\n            options:[],\r\n            rules:{\r\n                Type: [\r\n                    { required: true, message: '请选择问题分类', trigger: 'change' }\r\n                ],\r\n                Info: [\r\n                    { required: true, message: '请输入您遇到的问题', trigger: 'blur' }\r\n                ],\r\n            },\r\n            action:window.configObj.ossURL,\r\n            imgList:[],\r\n            imgLoading:false,\r\n            loading:false,\r\n            previewVisible:false,\r\n            previewImage:'',\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.MemberId = newVal.Id\r\n                this.accont = newVal.LoginName\r\n            },\r\n            immediate:true\r\n        },\r\n        imgList(val){\r\n            const str = val.map(item => item.url).join('*')\r\n            this.form.Image = str\r\n            console.log(str);\r\n        }\r\n    },\r\n    methods:{\r\n        beforeUpload(file){\r\n            const isLt2M = file.size / 1024 / 1024 < 3;\r\n            if (!isLt2M) {\r\n                this.$message.error('请上传小于2M的图片！');\r\n            }\r\n            return isLt2M;\r\n        },\r\n        handleChange(info) {\r\n            const status = info.file.status;\r\n            if(status == 'removed'){\r\n                this.imgList = this.imgList.filter(item => item.uid != info.file.uid)\r\n            }\r\n        },\r\n        submit(){\r\n            this.$refs.ruleForm.validate(valid => {\r\n                if (valid) {\r\n                    if(this.imgLoading) return \r\n                    this.loading = true\r\n                    SaveQuestion(Base64.encode(JSON.stringify(this.form))).then(res => {\r\n                        console.log(res);\r\n                        this.$message.success(res.msg)\r\n                        this.imgList = [],\r\n                        this.$refs.ruleForm.resetFields()\r\n                        this.loading = false\r\n                    }).catch(err => {\r\n                        this.loading = false\r\n                    })\r\n                } else {\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            })\r\n        },\r\n        async getOption(){\r\n            const { data } = await GetOptionList({fieldId:7405})\r\n            this.options = data\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                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.imgList.push(\r\n                            {\r\n                                uid: res.data.data.src,\r\n                                status: 'done',\r\n                                name: res.data.data.title,\r\n                                url: res.data.data.src\r\n                            }\r\n                        )\r\n                        this.imgLoading = false\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        async handlePreview(file){\r\n            if (!file.url && !file.preview) {\r\n                file.preview = await getBase64(file.originFileObj);\r\n            }\r\n            this.previewImage = file.url || file.preview;\r\n            this.previewVisible = true;\r\n        },\r\n        handleCancel() {\r\n            this.previewVisible = false;\r\n        },\r\n        show(uid){\r\n            console.log(this.$refs['viewer' + uid]);\r\n            this.$refs['viewer' + uid][0].click()\r\n            return\r\n        },\r\n        deleteItem(uid){\r\n            this.imgList = this.imgList.filter(item => item.uid !== uid)\r\n        }\r\n    },\r\n    mounted(){\r\n        this.getOption()\r\n    }\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n/deep/.breadcrumb{\r\n    border-bottom: 0;\r\n}\r\n.feedback{\r\n    padding-bottom: 110px;\r\n}\r\n.title{\r\n    text-align: center;\r\n    padding-top: 20px;\r\n    padding-bottom: 35px;\r\n    h1{\r\n        font-size: 32px; \r\n        color: rgb(51, 51, 51);\r\n        padding-bottom: 15px;\r\n        position: relative;\r\n        margin-bottom: 25px;\r\n        &::after{\r\n            content: '';\r\n            width: 40px;\r\n            height: 5px;\r\n            border-radius: 3px;\r\n            background-color: #00ffc0;\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            margin: auto;\r\n        }\r\n    }\r\n    h2{\r\n        font-size: 18px;\r\n        color: rgb(85, 85, 85);\r\n        line-height: 1.667;\r\n    }\r\n}\r\n.form{\r\n    border-radius: 20px;\r\n    background-color: rgb(245, 245, 245);\r\n    padding: 60px 100px 50px;\r\n    /deep/.ant-form-item{\r\n        margin-bottom: 30px;\r\n    }\r\n    /deep/.ant-form-item-with-help{\r\n        margin-bottom: 7px;\r\n    }\r\n    /deep/.ant-form-item-label{\r\n        font-size: 20px;\r\n        color: rgb(51, 51, 51);\r\n        line-height: 1;\r\n        margin-bottom: 20px;\r\n        label{\r\n            font-size: 20px;\r\n            color: rgb(51, 51, 51);\r\n            display: flex;\r\n            flex-direction: row-reverse;\r\n            &::after{\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    /deep/.ant-input{\r\n        height: 60px;\r\n        line-height: 60px;\r\n        border-radius: 3px;\r\n        padding: 0 20px;\r\n        font-size: 18px;\r\n    }\r\n    /deep/.ant-input-disabled{\r\n        background-color: #eee;\r\n        border-color: #eee !important;\r\n    }\r\n\r\n}\r\n.form-item.w2{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .ant-form-item{\r\n        width: calc(50% - 40px);\r\n    }\r\n}\r\ntextarea.ant-input{\r\n    line-height: 2 !important;\r\n    padding: 20px;\r\n}\r\n/deep/.ant-select-selection{\r\n    background-color: #fff;\r\n    line-height: 60px;\r\n    height: 60px !important;\r\n}\r\n/deep/.ant-select-selection__rendered{\r\n    line-height: 58px !important;\r\n}\r\n/deep/.ant-upload{\r\n    border-color: transparent !important;\r\n    background-color: #eeeeee !important;\r\n    &:hover{\r\n        border-color: #00ffc0 !important;\r\n    }\r\n}\r\n/deep/.ant-upload-btn{\r\n    padding: 80px 30px 70px !important;\r\n    h2{\r\n        font-size: 24px;\r\n        color: rgb(136, 136, 136);\r\n        line-height: 1.25;\r\n        margin-bottom: 8px;\r\n    }\r\n    .des{\r\n        font-size: 18px;\r\n        color: rgb(51, 51, 51);\r\n        line-height: 1.667;\r\n    }\r\n}\r\n\r\n.submit{\r\n    text-align: center;\r\n    .ant-btn{\r\n        min-width: 400px;\r\n        padding: 0 40px;\r\n        height: 60px;\r\n        line-height: 60px;\r\n        border-radius: 30px;\r\n        background-color: #00ffc0;\r\n        color: #000;\r\n        font-size: 24px;\r\n        border-color: #00ffc0;\r\n        &:hover{\r\n            background-color: #79f9d9;\r\n            border-color: #79f9d9;\r\n            box-shadow: 0 0 0.1rem 0 rgba(121, 249, 217, 0.8);\r\n        }\r\n    }\r\n}\r\n.has-error{\r\n    .ant-select-selection:hover{box-shadow: none;}\r\n\r\n}\r\n/deep/.ant-form-item-children{\r\n    position: relative;\r\n}\r\n.img_loading{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 4px;\r\n    background-color: rgba(0,0,0,.8);\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #fff;\r\n}\r\n.img-list{\r\n    display: flex;\r\n    margin-bottom: 30px;\r\n    .img{\r\n        width: 120px;\r\n        height: 120px;\r\n        border: 1px solid #d9d9d9;\r\n        padding: 8px;\r\n        border-radius: 2px;\r\n        position: relative;\r\n        cursor: pointer;\r\n        margin-right: 10px;\r\n        img{\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n        .handle{\r\n            position: absolute;\r\n            width: 102px;\r\n            height: 102px;\r\n            left: 8px;\r\n            top: 8px;\r\n            background-color: #00000080;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 18px;\r\n            color: #fff;\r\n            opacity: 0;\r\n            transition: .3s;\r\n            &:hover{\r\n                opacity: 1;\r\n            }\r\n            .anticon{\r\n                opacity: 0.8;\r\n                margin: 0 5px;\r\n                &:hover{\r\n                    opacity: 1;\r\n                }\r\n            }\r\n        }\r\n        \r\n    }\r\n    .uploading{\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        span{\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n}\r\n.input{\r\n    position: relative;\r\n    .limit{\r\n        position: absolute;\r\n        right: 10px;\r\n        bottom: 0px;\r\n        color: #999;\r\n    }\r\n    .ant-input{\r\n        padding-bottom: 30px;\r\n    }\r\n}\r\n/* fade-transform */\r\n.img-transform-leave-active,\r\n.img-transform-enter-active {\r\n  transition: all .5s;\r\n}\r\n\r\n.img-transform-enter {\r\n  opacity: 0;\r\n//   transform: translateX(-30px);\r\n}\r\n\r\n.fade-transform-leave-to {\r\n  opacity: 0;\r\n//   transform: translateX(30px);\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=06ca4c6e&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=06ca4c6e&prod&scoped=true&lang=less&\"\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  \"06ca4c6e\",\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!./Breadcrumb.vue?vue&type=style&index=0&id=2c4b9b14&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"breadcrumb\",class:_vm.type},[_c('a-breadcrumb',{attrs:{\"separator\":\"•\"}},[_c('a-breadcrumb-item',[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('svg-icon',{staticClass:\"icon_home\",attrs:{\"icon-class\":\"icon_home\"}}),_c('span',[_vm._v(\"首页\")])],1)],1),_vm._l((_vm.list),function(item,index){return _c('a-breadcrumb-item',{key:item.path},[(index == _vm.list.length - 1)?_c('span',{staticClass:\"dot\"},[_vm._v(\" \"+_vm._s(item.meta.title)+\" \")]):_c('router-link',{attrs:{\"to\":{ name: item.name }}},[_c('span',[_vm._v(_vm._s(item.meta.title))])])],1)})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"breadcrumb\" :class=\"type\">\r\n        <a-breadcrumb separator=\"•\">\r\n            <a-breadcrumb-item>\r\n                <router-link to=\"/\">\r\n                    <svg-icon\r\n                        icon-class=\"icon_home\"\r\n                        class=\"icon_home\"\r\n                    ></svg-icon>\r\n                    <span>首页</span>\r\n                </router-link>\r\n            </a-breadcrumb-item>\r\n            <a-breadcrumb-item v-for=\"(item, index) in list\" :key=\"item.path\">\r\n                <span class=\"dot\" v-if=\"index == list.length - 1\">\r\n                    {{ item.meta.title }}\r\n                </span>\r\n                <router-link :to=\"{ name: item.name }\" v-else>\r\n                    <span>{{ item.meta.title }}</span>\r\n                </router-link>\r\n            </a-breadcrumb-item>\r\n        </a-breadcrumb>\r\n    </div>\r\n</template>\r\n<script>\r\nimport routes from '@/router'\r\nexport default {\r\n    props: {\r\n        type: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        title: String,\r\n    },\r\n    data() {\r\n        return {\r\n            list: [],\r\n        }\r\n    },\r\n    watch: {\r\n        $route(v) {\r\n            this.getBreadcrumb()\r\n        },\r\n        title() {\r\n            this.getBreadcrumb()\r\n        },\r\n    },\r\n    methods: {\r\n        getBreadcrumb() {\r\n            let matched = this.$route.matched.filter(\r\n                item => item.meta && item.meta.title\r\n            )\r\n            if (this.title) {\r\n                matched.push({\r\n                    path: this.title,\r\n                    meta: {\r\n                        title: this.title,\r\n                    },\r\n                    title: true,\r\n                })\r\n            }\r\n            this.list = matched\r\n        },\r\n    },\r\n    created() {\r\n        this.getBreadcrumb()\r\n    },\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.breadcrumb {\r\n    height: 70px;\r\n    display: flex;\r\n    align-items: center;\r\n    * {\r\n        font-size: 1em;\r\n        flex-shrink: 0;\r\n    }\r\n}\r\n:deep(.ant-breadcrumb) {\r\n    display: flex;\r\n    align-items: center;\r\n    .ant-breadcrumb-link,\r\n    & > span {\r\n        display: flex;\r\n        align-items: center;\r\n        &:last-of-type {\r\n            flex: 1;\r\n            // flex-grow: 0;\r\n        }\r\n    }\r\n    .dot {\r\n        width: 100%;\r\n        max-width: 400px;\r\n    }\r\n}\r\n.white {\r\n    opacity: 0.5;\r\n    color: #fff;\r\n    font-size: 1em;\r\n    svg {\r\n        color: #fff;\r\n    }\r\n    a {\r\n        color: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    :deep(.ant-breadcrumb-link),\r\n    :deep(.ant-breadcrumb-separator) {\r\n        color: #fff;\r\n    }\r\n}\r\n.grey {\r\n    color: #999;\r\n    border-bottom: 1px solid #e5e5e5;\r\n    svg {\r\n        color: #bbb;\r\n    }\r\n    a {\r\n        color: #999;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    :deep(.ant-breadcrumb-link),\r\n    :deep(.ant-breadcrumb-separator) {\r\n        color: #999;\r\n    }\r\n}\r\n:deep(.ant-breadcrumb-link) a:hover {\r\n    color: #00ffc0 !important;\r\n}\r\n.icon_home {\r\n    font-size: 1.25em;\r\n    margin-right: 10px;\r\n}\r\n:deep(.ant-breadcrumb-separator) {\r\n    // font-family: '宋体';\r\n    font-size: 12px;\r\n}\r\n</style>\r\n","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!./Breadcrumb.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!./Breadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breadcrumb.vue?vue&type=template&id=2c4b9b14&scoped=true&\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Breadcrumb.vue?vue&type=style&index=0&id=2c4b9b14&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  \"2c4b9b14\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}