{"version":3,"sources":["webpack:///./src/views/article/service.js","webpack:///./src/views/mobileViews/mobile-article/detail/index.vue?5899","webpack:///src/views/mobileViews/mobile-article/detail/index.vue","webpack:///./src/views/mobileViews/mobile-article/detail/index.vue?9e46","webpack:///./src/views/mobileViews/mobile-article/detail/index.vue","webpack:///./src/views/mobileViews/mobile-article/detail/index.vue?a0b3"],"names":["queryArticle","params","category","axios","get","queryTopArticle","subcat","res","queryIssue","current","size","tab","records","queryTags","queryArticleDetail","id","recursion","child","arr","comments","filter","e","commentId","length","push","forEach","item","layer","childArr","childItem","stringArr","content","includes","split","isMarkdown","create","post","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","article","topicUser","avatar","_v","_s","username","inTime","title","tags","_e","_l","key","name","_f","view","domProps","upIds","on","closeDialog","commentCount","changeDiscuss","deleteComment","showCommentInput","showInput","discuss","ref","onLogin","staticRenderFns","component"],"mappings":"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","file":"js/chunk-f7f12820.0960358b.js","sourcesContent":["'use strict';\n\nimport axios from '../../utils/axios';\n\n//精选文章\n\nexport const queryArticle = async (params) => {\n    params.category = '文章';\n    return await axios.get(`/api/opencms/index`, { params });\n};\n\nexport const queryTopArticle = async (params) => {\n    const { subcat } = params;\n    const res = await axios.get(`/api/opencms/index/top?current=1&size=1&tab=all&subcat=${subcat}&category=文章`);\n    return res;\n};\n\nexport const queryIssue = async (params) => {\n    const { current, size, tab } = params;\n    const res = await axios.get(`/api/opencms/index?current=${current}&size=${size}&subcat=&tab=${tab}&category=问答`);\n    return res.records;\n};\nexport const queryTags = async () => {\n    const res = await axios.get(`/api/opencms/tags?current=1&size=10`);\n    return res.records;\n};\n\nexport const queryArticleDetail = async (id) => {\n    const res = await axios.get(`/api/opencms/topic/${id}`);\n\n    let arr = [];\n    res.comments.forEach((item) => {\n        if (item.layer === 0) arr.push(item);\n    });\n    function recursion(id, child) {\n        let arr = res.comments.filter((e) => {\n            return id === e.commentId;\n        });\n        if (arr.length > 0) {\n            child.push(...arr);\n            return arr.forEach((item) => {\n                recursion(item.id, child);\n            });\n        } else {\n            return;\n        }\n    }\n    arr.forEach((item) => {\n        recursion(item.id, (item.child = []));\n        let childArr = [];\n        item.child.forEach((childItem) => {\n            if (childItem.layer === 1) childArr.push(childItem);\n        });\n        childArr.forEach((e) => {\n            recursion(e.id, (e.child = []));\n        });\n        item.child = childArr;\n    });\n    res.comments = arr;\n    let stringArr = '';\n    if (res.content.includes('<quill-editor-html-text>')) {\n        stringArr = res.content.split('<quill-editor-html-text>');\n        res.isMarkdown = true;\n    } else {\n        stringArr = res.content.split('<md-editor-html-text>');\n        res.isMarkdown = true;\n    }\n    res.content = stringArr.length > 0 ? stringArr[0] : res.content;\n    return res;\n};\n//评论\nexport const create = async (params) => {\n    const res = await axios.post(`/api/opencms/comment/create`, params);\n    return res;\n};\n\nexport const vote = async (id) => {\n    const res = await axios.get(`/api/opencms/comment/vote/${id}`);\n    return res;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('common-promise',{attrs:{\"promise\":_vm.queryArticleDetail}},[_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"detail__userinfo\"},[_c('div',{staticClass:\"detail__userinfo__left\"},[_c('img',{staticClass:\"detail__userinfo__left__img\",attrs:{\"src\":_vm.article.topicUser && _vm.article.topicUser.avatar}}),_c('span',{staticClass:\"detail__userinfo__left__name\"},[_vm._v(_vm._s(_vm.article.topicUser && _vm.article.topicUser.username))])]),_c('span',{staticClass:\"font\"},[_vm._v(_vm._s(_vm.article.inTime))])]),_c('div',{staticClass:\"detail__title\"},[_vm._v(\" \"+_vm._s(_vm.article.title)+\" \")]),_c('div',{staticClass:\"detail__tags\"},[_c('div',{staticClass:\"flex aligh-center\"},[(_vm.article.tags && _vm.article.tags.length > 0)?_c('img',{staticClass:\"detail__tags__img\",attrs:{\"src\":require('@/assets/images/icon-tags.png')}}):_vm._e(),_vm._l((_vm.article.tags),function(item){return _c('span',{key:item.id,staticClass:\"tags\"},[_vm._v(_vm._s(item.name))])})],2),_c('div',{staticClass:\"font\"},[_c('img',{staticClass:\"font__img\",attrs:{\"src\":require('@/assets/mobile-imgs/article-eyes.png')}}),_c('span',{staticClass:\"font__des\"},[_vm._v(\" \"+_vm._s(_vm._f(\"changeView\")(_vm.article.view))+\" \")])])]),_c('div',{staticClass:\"detail__content\",domProps:{\"innerHTML\":_vm._s(_vm.article.content)}}),(_vm.article.id)?_c('up-btn-mobile',{attrs:{\"id\":_vm.article.id,\"num\":_vm.article.upIds},on:{\"closeDialig\":_vm.closeDialog}}):_vm._e()],1),_c('div',{staticClass:\"comment\"},[_c('div',{staticClass:\"comment__discuss d-flex\"},[_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.article.commentCount))]),_c('span',{staticClass:\"font\"},[_vm._v(\"条评论\")])]),_vm._l((_vm.article.comments),function(item){return _c('div',{key:item.id},[_c('discuss-content-mobile',{attrs:{\"issue\":item},on:{\"discuss\":_vm.changeDiscuss,\"delete\":_vm.deleteComment}})],1)}),(_vm.article.comments && _vm.article.comments.length === 0)?_c('div',[_c('no-comment')],1):_vm._e(),(!_vm.showCommentInput)?_c('comment-btn',{attrs:{\"id\":_vm.article.id,\"title\":'评论'},on:{\"showInput\":_vm.showInput}}):_vm._e(),(_vm.showCommentInput)?_c('discuss-input-mobile',{attrs:{\"id\":_vm.discuss.id,\"name\":_vm.discuss.name},on:{\"showInput\":_vm.showInput}}):_vm._e()],2),(_vm.showLogin)?_c('dialog-mobile',{ref:\"dialogRef\",attrs:{\"type\":\"warning\",\"sub-title\":\"登录后即可点赞评论\",\"sure-label\":\"立即登录\",\"sure-method\":_vm.onLogin},on:{\"closeDialog\":_vm.closeDialog}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <common-promise :promise=\"queryArticleDetail\">\n        <div class=\"detail\">\n            <div class=\"detail__userinfo\">\n                <div class=\"detail__userinfo__left\">\n                    <img :src=\"article.topicUser && article.topicUser.avatar\" class=\"detail__userinfo__left__img\" />\n                    <span class=\"detail__userinfo__left__name\">{{\n                        article.topicUser && article.topicUser.username\n                    }}</span>\n                </div>\n                <span class=\"font\">{{ article.inTime }}</span>\n            </div>\n            <div class=\"detail__title\">\n                {{ article.title }}\n            </div>\n            <div class=\"detail__tags\">\n                <div class=\"flex aligh-center\">\n                    <img\n                        v-if=\"article.tags && article.tags.length > 0\"\n                        :src=\"require('@/assets/images/icon-tags.png')\"\n                        class=\"detail__tags__img\"\n                    />\n                    <span v-for=\"item in article.tags\" :key=\"item.id\" class=\"tags\">{{ item.name }}</span>\n                </div>\n                <div class=\"font\">\n                    <img :src=\"require('@/assets/mobile-imgs/article-eyes.png')\" class=\"font__img\" />\n                    <span class=\"font__des\">\n                        {{ article.view | changeView }}\n                    </span>\n                </div>\n            </div>\n            <div class=\"detail__content\" v-html=\"article.content\"></div>\n            <up-btn-mobile\n                v-if=\"article.id\"\n                :id=\"article.id\"\n                :num=\"article.upIds\"\n                @closeDialig=\"closeDialog\"\n            ></up-btn-mobile>\n        </div>\n        <div class=\"comment\">\n            <div class=\"comment__discuss d-flex\">\n                <span class=\"num\">{{ article.commentCount }}</span>\n                <span class=\"font\">条评论</span>\n            </div>\n            <div v-for=\"item in article.comments\" :key=\"item.id\">\n                <discuss-content-mobile :issue=\"item\" @discuss=\"changeDiscuss\" @delete=\"deleteComment\">\n                </discuss-content-mobile>\n            </div>\n            <div v-if=\"article.comments && article.comments.length === 0\">\n                <no-comment />\n            </div>\n            <comment-btn v-if=\"!showCommentInput\" :id=\"article.id\" :title=\"'评论'\" @showInput=\"showInput\" />\n            <discuss-input-mobile\n                v-if=\"showCommentInput\"\n                :id=\"discuss.id\"\n                :name=\"discuss.name\"\n                @showInput=\"showInput\"\n            />\n        </div>\n        <dialog-mobile\n            v-if=\"showLogin\"\n            ref=\"dialogRef\"\n            type=\"warning\"\n            sub-title=\"登录后即可点赞评论\"\n            sure-label=\"立即登录\"\n            :sure-method=\"onLogin\"\n            @closeDialog=\"closeDialog\"\n        />\n    </common-promise>\n</template>\n\n<script>\nimport { queryArticleDetail } from '@/views/article/service';\nimport { dateStringify } from '@isyscore/utils/date';\nimport CommonPromise from '@/components/common/common-promise';\nimport UpBtnMobile from '@/components/mobile/base/up-btn-mobile';\nimport DiscussContentMobile from '@/components/mobile/base/discuss-content-mobile';\nimport NoComment from '@/components/mobile/base/no-comment';\nimport CommentBtn from '@/components/mobile/base/comment-btn';\nimport DiscussInputMobile from '@/components/mobile/base/discuss-input-mobile';\nimport DialogMobile from '@/components/mobile/base/dialog-mobile';\nimport { error } from '@/utils/message';\nimport Toc from '@/classes/toc.class';\nimport { markdownRender } from '@/utils/markdown-render';\n\nexport default {\n    components: {\n        CommonPromise,\n        UpBtnMobile,\n        DiscussContentMobile,\n        NoComment,\n        CommentBtn,\n        DiscussInputMobile,\n        DialogMobile\n    },\n    filters: {\n        changeView(view) {\n            if (view > 1000) {\n                return (view / 1000).toFixed(1) + 'k';\n            } else {\n                return view;\n            }\n        }\n    },\n    data() {\n        return {\n            showLogin: '',\n            textarea: '',\n            article: {},\n            login: false,\n            buttonShow: false,\n            showCommentInput: false,\n            discuss: {\n                id: null,\n                name: null\n            }\n        };\n    },\n\n    watch: {\n        '$store.state.user.userInfo': {\n            handler(value) {\n                if (value.token) {\n                    this.login = true;\n                } else {\n                    this.login = false;\n                }\n            },\n            deep: true,\n            immediate: true\n        },\n        '$store.state.user.time': {\n            handler(value) {\n                this.queryArticleDetail();\n            },\n            deep: true\n        }\n    },\n\n    methods: {\n        changeDiscuss(value, show) {\n            if (this.login) {\n                this.discuss.id = value.id;\n                this.discuss.name = value.name;\n                this.showCommentInput = show;\n            } else {\n                this.showLogin = true;\n            }\n        },\n        closeDialog(value) {\n            this.showLogin = value;\n        },\n        showInput(value) {\n            if (this.login) {\n                this.discuss.id = null;\n                this.discuss.name = null;\n                this.showCommentInput = value;\n            } else {\n                this.showLogin = true;\n            }\n        },\n        push() {},\n        onLogin() {\n            this.$router.push({ name: 'mobileLogin', query: { from: this.$route.fullPath } });\n        },\n        deleteComment() {\n            this.queryArticleDetail();\n        },\n        async queryArticleDetail() {\n            try {\n                this.article = await queryArticleDetail(this.$route.query.id);\n                const toc = new Toc();\n                if (this.article.isMarkdown) this.article.content = markdownRender(this.article.content, { toc });\n                this.article.inTime = dateStringify(this.article.inTime, 'YYYY/M/D');\n            } catch (err) {\n                return error(err);\n            }\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.detail {\n    width: 100vw;\n    padding: 0 20px 1px;\n    background: #f9fbfe;\n    &__userinfo {\n        display: flex;\n        justify-content: space-between;\n        .font {\n            font-size: 12px;\n            font-weight: 400;\n            color: rgba(0, 0, 0, 0.4);\n            margin: 22px 0 11px;\n        }\n        &__left {\n            display: flex;\n            &__img {\n                width: 20px;\n                height: 20px;\n                margin: 20px 0 10px;\n            }\n            &__name {\n                margin: 20px 12px 10px;\n                font-size: 14px;\n            }\n        }\n    }\n\n    &__login {\n        height: 81px;\n        background: #f6faff;\n        border-radius: 1px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-top: 24px;\n        font-size: 14px;\n        font-weight: 400;\n        color: #999999;\n        .blue {\n            margin-right: 5px;\n            cursor: pointer;\n        }\n    }\n    &__title {\n        width: 100%;\n        font-size: 18px;\n        font-weight: 600;\n        color: rgba(0, 0, 0, 0.8);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        line-height: 25px;\n        margin: 9px 0;\n    }\n    &__tags {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin: 4px 0;\n        &__img {\n            width: 12px;\n            height: 12px;\n            margin-right: 6px;\n        }\n        .tags {\n            font-size: 12px;\n            line-height: 17px;\n            color: rgba(0, 0, 0, 0.6);\n        }\n        .font {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n            font-weight: 400;\n            color: rgba(0, 0, 0, 0.6);\n            &__img {\n                width: 16px;\n                height: 16px;\n            }\n            &__des {\n                margin-left: 5px;\n            }\n        }\n        .tags::after {\n            content: ',';\n            margin: 0 4px;\n        }\n        .tags:last-child {\n            &::after {\n                content: '';\n            }\n        }\n    }\n    &__content {\n        margin: 11px 0 27px;\n    }\n}\n.comment {\n    width: 100vw;\n    padding: 0 20px;\n    background: white;\n    margin-bottom: 88px;\n    &__discuss {\n        padding: 12px 0;\n        font-size: 14px;\n        color: rgba(0, 0, 0, 0.4);\n        line-height: 22px;\n        border-bottom: 1px solid #dddddd;\n        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n        .num {\n            color: #047aff;\n            margin-right: 8px;\n        }\n    }\n}\n</style>\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=61a04f1d&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=61a04f1d&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  \"61a04f1d\",\n  null\n  \n)\n\nexport default component.exports","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!./index.vue?vue&type=style&index=0&id=61a04f1d&lang=scss&scoped=true&\""],"sourceRoot":""}