| 1 |
- {"version":3,"sources":["webpack:///./src/assets/avatar.png","webpack:///./src/views/demand-details-my.vue","webpack:///src/views/demand-details-my.vue","webpack:///./src/views/demand-details-my.vue?ba0f","webpack:///./src/views/demand-details-my.vue?7525","webpack:///./src/views/demand-details-my.vue?02b2","webpack:///./src/assets/return.png"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","on","$event","$router","back","_v","info","company","company_logo","_s","create_at","app_logo","app_name","is_over","_e","label_name","length","_l","item","index","key","staticStyle","money","domProps","content","staticRenderFns","components","data","is_like","demand_id","userInfo","params","id","sort_type","page","page_num","list","loading","finished","sendParams","mounted","methods","getUserInfo","UserCenterService","localStorage","getInfo","demandComment","DemandService","Toast","commentTags","comment_id","getList","component"],"mappings":"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","file":"js/chunk-6e65585e.6c3485c9.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/avatar.0166dac5.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"../assets/return.png\")},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('p',{staticClass:\"header-title\"},[_vm._v(\"需求详情\")])]),_c('div',{staticClass:\"top-box\"},[_c('div',{staticClass:\"top-msg-box\"},[(_vm.info.company)?[(_vm.info.company_logo)?_c('img',{staticClass:\"top-msg-avatar\",attrs:{\"src\":_vm.info.company_logo}}):_c('img',{staticClass:\"top-msg-avatar\",attrs:{\"src\":require(\"../assets/avatar.png\")}}),_c('div',{staticClass:\"top-msg-sidebar\"},[_c('p',{staticClass:\"top-msg-name\"},[_vm._v(_vm._s(_vm.info.company || '匿名用户'))]),_c('p',{staticClass:\"top-msg-time\"},[_vm._v(_vm._s(_vm.info.create_at))])])]:[(_vm.info.app_logo)?_c('img',{staticClass:\"top-msg-avatar\",attrs:{\"src\":_vm.info.app_logo}}):_c('img',{staticClass:\"top-msg-avatar\",attrs:{\"src\":require(\"../assets/avatar.png\")}}),_c('div',{staticClass:\"top-msg-sidebar\"},[_c('p',{staticClass:\"top-msg-name\"},[_vm._v(_vm._s(_vm.info.app_name || '匿名用户'))]),_c('p',{staticClass:\"top-msg-time\"},[_vm._v(_vm._s(_vm.info.create_at))])])],(_vm.info.is_over === 0)?_c('span',{staticClass:\"item-tag\"},[_vm._v(\"待解决\")]):_vm._e(),(_vm.info.is_over === 1)?_c('span',{staticClass:\"item-tag blue\"},[_vm._v(\"已解决\")]):_vm._e(),(_vm.info.is_over === 2)?_c('span',{staticClass:\"item-tag green\"},[_vm._v(\"已解决\")]):_vm._e()],2),(_vm.info.label_name && _vm.info.label_name.length > 0)?_c('p',{staticClass:\"tag-list\"},_vm._l(((_vm.info.label_name || [])),function(item,index){return _c('span',{key:index},[_vm._v(_vm._s(item))])}),0):_vm._e(),_c('p',{staticClass:\"top-price\"},[_c('span',{staticStyle:{\"color\":\"#333333\"}},[_vm._v(\"出价：\")]),_vm._v(\"¥\"),_c('span',[_vm._v(_vm._s(_vm.info.money))])]),_c('p',{staticClass:\"top-msg\",domProps:{\"innerHTML\":_vm._s(_vm.info.content)}}),_c('p',{staticClass:\"business\"},[_c('img',{attrs:{\"src\":_vm.info.company_logo}}),_c('span',[_vm._v(_vm._s(_vm.info.company))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 需求详情 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"header\">\r\n\t\t\t<img src=\"../assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n\t\t\t<p class=\"header-title\">需求详情</p>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"top-box\">\r\n\t\t\t<div class=\"top-msg-box\">\r\n <template v-if=\"info.company\">\r\n <img :src=\"info.company_logo\" class=\"top-msg-avatar\" v-if=\"info.company_logo\">\r\n <img src=\"../assets/avatar.png\" class=\"top-msg-avatar\" v-else>\r\n <div class=\"top-msg-sidebar\">\r\n <p class=\"top-msg-name\">{{ info.company || '匿名用户' }}</p>\r\n <p class=\"top-msg-time\">{{ info.create_at }}</p>\r\n </div>\r\n </template>\r\n <template v-else>\r\n <img :src=\"info.app_logo\" class=\"top-msg-avatar\" v-if=\"info.app_logo\">\r\n <img src=\"../assets/avatar.png\" class=\"top-msg-avatar\" v-else>\r\n <div class=\"top-msg-sidebar\">\r\n <p class=\"top-msg-name\">{{ info.app_name || '匿名用户' }}</p>\r\n <p class=\"top-msg-time\">{{ info.create_at }}</p>\r\n </div>\r\n </template>\r\n\t\t\t\t<span class=\"item-tag\" v-if=\"info.is_over === 0\">待解决</span>\r\n <span class=\"item-tag blue\" v-if=\"info.is_over === 1\">已解决</span>\r\n <span class=\"item-tag green\" v-if=\"info.is_over === 2\">已解决</span>\r\n\t\t\t</div>\r\n <p class=\"tag-list\" v-if=\"info.label_name && info.label_name.length > 0\">\r\n <span v-for=\"(item, index) in (info.label_name || [])\" :key=\"index\">{{ item }}</span>\r\n </p>\r\n\t\t\t<p class=\"top-price\">\r\n\t\t\t\t<span style=\"color: #333333\">出价：</span>¥<span>{{ info.money }}</span>\r\n\t\t\t</p>\r\n\t\t\t<p class=\"top-msg\" v-html=\"info.content\">\r\n<!--\t\t\t\t需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述需求描述-->\r\n\t\t\t</p>\r\n<!--\t\t\t<img v-for=\"(item, index) in (info.images || '').split('|')\" :key=\"index\" :src=\"item\" class=\"top-msg-img\">-->\r\n <p class=\"business\">\r\n <img :src=\"info.company_logo\"/>\r\n <span>{{ info.company }}</span>\r\n </p>\r\n\t\t</div>\r\n\r\n<!--\t\t<div class=\"comment-wrap\">-->\r\n<!--\t\t\t<p class=\"all-comment-label\">评论</p>-->\r\n<!--\t\t\t<div class=\"all-comments-bottom\">-->\r\n<!-- <img :src=\"userInfo.headimg\" class=\"all-comments-avatar\" v-if=\"userInfo.headimg\">-->\r\n<!-- <img src=\"../assets/avatar.png\" class=\"all-comments-avatar\" v-else>-->\r\n<!--\t\t\t\t<input type=\"text\" class=\"comment-input\" v-model=\"sendParams.content\" @keydown.enter=\"demandComment()\" placeholder=\"看对眼就留言，问问更多细节\" />-->\r\n<!--\t\t\t</div>-->\r\n\r\n<!-- <!– 回答列表 –>-->\r\n<!-- <van-list-->\r\n<!-- :offset=\"0\"-->\r\n<!-- v-model=\"loading\"-->\r\n<!-- :finished=\"finished\"-->\r\n<!-- :finished-text=\"list.length > 0 ? '没有更多了' : ''\"-->\r\n<!-- @load=\"getList\"-->\r\n<!-- >-->\r\n<!-- <ul class=\"comment-list\">-->\r\n<!-- <li v-for=\"(item, index) in list\" :key=\"index\">-->\r\n<!-- <img :src=\"item.headimg\" class=\"avatar\" v-if=\"item.headimg\">-->\r\n<!-- <img src=\"../assets/avatar.png\" class=\"avatar\" v-else>-->\r\n<!-- <div class=\"comment-sidebar\">-->\r\n<!-- <div class=\"comment-top-between\">-->\r\n<!-- <span class=\"user-name\">{{ item.name || '匿名用户' }}</span>-->\r\n<!-- <div class=\"comment-top-row\">-->\r\n<!-- <button type=\"button\" @click=\"commentTags(item)\">-->\r\n<!-- <img v-if=\"item.is_like === 1\" src=\"../assets/hand2-active.png\" style=\"margin-right: 4px;\">-->\r\n<!-- <img v-else src=\"../assets/hand2.png\" style=\"margin-right: 4px;\">-->\r\n<!-- <span class=\"blue\" v-if=\"item.is_like === 1\">{{ item.like_num }}</span>-->\r\n<!-- <span class=\"gray\" v-else>{{ item.like_num }}</span>-->\r\n<!-- </button>-->\r\n<!-- <button type=\"button\">-->\r\n<!-- <img src=\"../assets/icon-39.png\">-->\r\n<!-- </button>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"artice-wrap\" v-if=\"item.showAll\">-->\r\n<!-- <span>{{ item.content }}</span>-->\r\n<!-- <span class=\"all-blue-font\" @click=\"$set(item, 'showAll', false)\">-->\r\n<!-- 收起-->\r\n<!-- </span>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"artice-wrap\" v-else>-->\r\n<!-- <span>{{ item.contentShort }}</span>-->\r\n<!-- <span class=\"all-blue-font\" v-if=\"item.content.length > 50\" @click=\"$set(item, 'showAll', true)\">-->\r\n<!-- ...全文-->\r\n<!-- </span>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"time-wrap\">-->\r\n<!-- <span class=\"time-font\">{{ item.create_at }}</span>-->\r\n<!-- <button type=\"button\" class=\"reply-btn\">回复</button>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"comment-box\" v-if=\"item.parent\">-->\r\n<!-- <div class=\"comment-row\">-->\r\n<!-- <span class=\"people\">{{ item.parent.name || '匿名用户' }}</span>-->\r\n<!-- <span class=\"content\" v-if=\"item.parent.showAll\">-->\r\n<!-- ：<span >{{ item.parent.content }}</span>-->\r\n<!-- <span class=\"all-blue-font\" @click=\"$set(item.parent, 'showAll', false)\">-->\r\n<!-- 收起-->\r\n<!-- </span>-->\r\n<!-- </span>-->\r\n<!-- <span class=\"content\" v-else>-->\r\n<!-- ：<span >{{ item.parent.contentShort }}</span>-->\r\n<!-- <span class=\"all-blue-font\" v-if=\"item.content.length > 50\" @click=\"$set(item.parent, 'showAll', true)\">-->\r\n<!-- 查看全文-->\r\n<!-- </span>-->\r\n<!-- </span>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- </li>-->\r\n<!-- <!–\t\t\t\t<div class=\"check-all-comment\">–>-->\r\n<!-- <!–\t\t\t\t\t查看全部评论–>-->\r\n<!-- <!–\t\t\t\t\t<img src=\"../assets/back-icon.png\">–>-->\r\n<!-- <!–\t\t\t\t</div>–>-->\r\n<!-- <!– 无数据时显示 –>-->\r\n<!-- <div class=\"normal-comment-box\" v-if=\"list.length === 0\">-->\r\n<!-- 暂无评论-->\r\n<!-- </div>-->\r\n<!-- </ul>-->\r\n<!-- </van-list>-->\r\n<!--\t\t</div>-->\r\n\r\n<!--\t\t<div class=\"footer\">-->\r\n<!--\t\t\t<button type=\"button\" class=\"footer-btn\" @click=\"$router.push('/contact?key=demand')\">我能解决，联系官方</button>-->\r\n<!--\t\t</div>-->\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport {DemandService, ForumService, UserCenterService, VideoService} from \"@/common/service\";\r\nimport {Toast} from \"vant\";\r\n\r\n export default {\r\n\t\tcomponents: {},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tis_like: 1,\r\n\r\n demand_id: 0,\r\n info: {},\r\n userInfo: {},\r\n\r\n params: {\r\n id: 0,\t// 需求id\r\n sort_type: 1,\t// 排序规则1时间2热点\r\n page: 1,\t// 页数\r\n page_num: 10, // 每页数\r\n },\r\n list: [],\r\n loading: false,\r\n finished: false,\r\n\r\n sendParams: {\r\n id: 0,\r\n content: '',\r\n },\r\n\t\t\t};\r\n\t\t},\r\n\t\tmounted() {\r\n const option = this.$route.query;\r\n this.sendParams.id = this.params.id = this.demand_id = parseInt(option.demand_id || 0);\r\n if (this.demand_id > 0) {\r\n this.getInfo();\r\n }\r\n\t\t},\r\n\t\tmethods: {\r\n // 获取用户信息\r\n getUserInfo() {\r\n UserCenterService.getUserInfo().then(({ data }) => {\r\n this.userInfo = data.detail;\r\n localStorage.setItem('user_info', JSON.stringify(data.detail));\r\n localStorage.setItem('user_level', JSON.stringify(data.user_level));\r\n });\r\n },\r\n getInfo() {\r\n return DemandService.getMyDemandDetail({ id: this.demand_id }).then(({ data }) => {\r\n this.info = data.detail;\r\n });\r\n },\r\n\r\n\r\n demandComment() {\r\n const params = this.sendParams;\r\n if (params.content.length === 0) {\r\n return Toast('请输入评论内容');\r\n }\r\n DemandService.demandComment(params).then(({ msg, data }) => {\r\n params.content = '';\r\n Toast(msg);\r\n data.detail['like_num'] = 0;\r\n data.detail.contentShort = data.detail.content.substring(0, 50);\r\n this.list.unshift(data.detail);\r\n });\r\n },\r\n\r\n // 点赞评论\r\n commentTags(item) {\r\n return DemandService.commentTags({\r\n comment_id: item.id\r\n }).then(({ msg, data }) => {\r\n Toast(msg);\r\n this.$set(item, 'is_like', data.tags);\r\n if (!(/[+.wW]/.test(item.like_num))) {\r\n this.$set(item, 'like_num', item.like_num + (item.is_like === 1 ? 1 : -1));\r\n }\r\n });\r\n },\r\n // 获取评论列表\r\n getList() {\r\n this.loading = true;\r\n DemandService.getDemandCommentList(this.params).then(({data}) => {\r\n const list = data.list.map(item => {\r\n item.contentShort = item.content.substring(0, 50);\r\n if (item.parent && item.parent.id > 0) {\r\n item.parent.contentShort = item.parent.content.substring(0, 50);\r\n }\r\n return item;\r\n });\r\n this.list = this.params.page === 1 ? list : [...this.list, ...list];\r\n if (list.length < this.params.page_num) {\r\n this.finished = true;\r\n } else {\r\n this.params.page++;\r\n }\r\n }).catch(() => {\r\n this.finished = true;\r\n }).finally(() => {\r\n this.loading = false;\r\n });\r\n },\r\n\r\n }\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n.wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 44px 0 116px;\r\n box-sizing: border-box;\r\n}\r\n\r\n/* 头部样式 */\r\n.header {\r\n width: 100%;\r\n height: 44px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n background-color: #FFFFFF;\r\n z-index: 999;\r\n}\r\n\r\n.return-img {\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n width: 20px;\r\n}\r\n\r\n.header-title {\r\n color: #333333;\r\n font-size: 18px;\r\n font-weight:bold;\r\n}\r\n\r\n.footer {\r\n width: 100%;\r\n height: 116px;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 999;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 35px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.footer-btn {\r\n flex: 1;\r\n height: 44px;\r\n line-height: 44px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #FFFFFF;\r\n background-color: #2A63F3;\r\n border-radius: 50px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.top-box {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 14px 15px 22px;\r\n border-bottom: 10px solid #F4F4F4;\r\n background-color: #FFFFFF;\r\n box-sizing: border-box;\r\n}\r\n\r\n.top-msg-box {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.top-msg-avatar {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n}\r\n\r\n.top-msg-sidebar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.top-msg-name {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 13px;\r\n font-weight: bold;\r\n}\r\n\r\n.top-msg-time {\r\n width: 100%;\r\n color: #999999;\r\n font-size: 11px;\r\n}\r\n\r\n.item-tag {\r\n width: fit-content;\r\n position: absolute;\r\n right: -15px;\r\n top: 0;\r\n color: #FFFFFF;\r\n font-size: 12px;\r\n height: 20px;\r\n line-height: 20px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 10px;\r\n background-color: #FF9833;\r\n border-radius: 30px 0 0 30px;\r\n}\r\n\r\n.item-tag.blue {\r\n background-color: #2A63F3;\r\n color: #FFFFFF !important;\r\n}\r\n\r\n.item-tag.green {\r\n background-color: #1FB759;\r\n color: #FFFFFF !important;\r\n}\r\n.tag-list{\r\n max-height: 50px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n overflow: hidden;\r\n padding: 15px 0 10px;\r\n position: relative;\r\n}\r\n.tag-list::before{\r\n content: '';\r\n width: 100%;\r\n height: 1px;\r\n background: #F2F2F2;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n.tag-list span{\r\n height: 20px;\r\n line-height: 20px;\r\n background-color: #E8F6EA;\r\n color: #1FB759;\r\n font-size: 10px;\r\n padding: 0 4px;\r\n margin: 0 5px 5px 0;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 1;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.top-price {\r\n width: 100%;\r\n color: #FF4954;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n}\r\n.top-price>span:last-child {\r\n font-size: 22px;\r\n font-weight: bold;\r\n}\r\n\r\n.top-msg {\r\n width: 100%;\r\n color: #666666;\r\n font-size: 13px;\r\n margin-bottom: 12px;\r\n}\r\n.business{\r\n width: 100%;\r\n height: 60px;\r\n background: #F4F4F4;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 10px;\r\n box-sizing: border-box;\r\n position: relative;\r\n margin-top: 15px;\r\n}\r\n.business::before{\r\n content: '';\r\n width: 100%;\r\n height: 1px;\r\n background: #F2F2F2;\r\n position: absolute;\r\n top: -15px;\r\n left: 0;\r\n}\r\n.business img{\r\n display: block;\r\n width: 40px;\r\n height: 40px;\r\n margin-right: 10px;\r\n}\r\n.business span {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: #222222;\r\n}\r\n\r\n.top-msg-img {\r\n width: 100%;\r\n}\r\n\r\n.comment-wrap {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 15px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.all-comment-label {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.comment-list {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-list>li {\r\n width: 100%;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.avatar {\r\n width: 33px;\r\n height: 33px;\r\n border-radius: 50%;\r\n margin-right: 11px;\r\n margin-top: 2px;\r\n}\r\n\r\n.comment-sidebar {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-top-between {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.user-name {\r\n flex: 1;\r\n color: #222222;\r\n font-size: 13px;\r\n font-weight: bold;\r\n}\r\n\r\n.comment-top-row {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.comment-top-row>button {\r\n display: flex;\r\n align-items: center;\r\n color: #555555;\r\n font-size: 12px;\r\n margin-right: 12px;\r\n}\r\n\r\n.comment-top-row>button:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.comment-top-row>button>img {\r\n width: 14px;\r\n}\r\n\r\n.artice-wrap {\r\n width: 100%;\r\n color: #222222;\r\n font-size: 14px;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.all-blue-font {\r\n color: #2A63F3;\r\n font-size: 14px;\r\n margin: 0 5px;\r\n}\r\n\r\n.time-wrap {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.time-font {\r\n color: #666666;\r\n font-size: 12px;\r\n}\r\n\r\n.reply-btn {\r\n margin-left: 3px;\r\n padding: 0 8px;\r\n color: #555555;\r\n font-size: 12px;\r\n font-weight: bold;\r\n}\r\n\r\n.comment-box {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.comment-row {\r\n width: 100%;\r\n margin-bottom: 5px;\r\n border-left: 1px solid #F3F3F3;\r\n padding-left: 4px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.comment-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.people {\r\n color: #2A63F3;\r\n font-size: 13px;\r\n}\r\n\r\n.content {\r\n color: #222222;\r\n font-size: 13px;\r\n}\r\n\r\n.normal-comment-box {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n padding: 66px 0;\r\n font-size: 14px;\r\n color: #7F7F7F;\r\n}\r\n\r\n.blue {\r\n color: #2A63F3;\r\n font-size: 10px;\r\n}\r\n\r\n.gray {\r\n font-size: 10px;\r\n color: #333333;\r\n}\r\n\r\n.check-all-comment {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #888888;\r\n font-size: 12px;\r\n}\r\n\r\n.check-all-comment>img {\r\n width: 4px;\r\n margin-left: 4px;\r\n}\r\n\r\n.all-comments-bottom {\r\n width: 100%;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n background-color: #FFFFFF;\r\n}\r\n\r\n.comment-input {\r\n flex: 1;\r\n height: 32px;\r\n line-height: 32px;\r\n background-color: #F3F3F3;\r\n border-radius: 50px;\r\n padding: 0 12px;\r\n box-sizing: border-box;\r\n font-size: 13px;\r\n}\r\n\r\n.comment-input::placeholder {\r\n color: #999999;\r\n}\r\n\r\n.all-comments-avatar {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n}\r\n</style>\r\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!./demand-details-my.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!./demand-details-my.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./demand-details-my.vue?vue&type=template&id=308d1882&scoped=true&\"\nimport script from \"./demand-details-my.vue?vue&type=script&lang=js&\"\nexport * from \"./demand-details-my.vue?vue&type=script&lang=js&\"\nimport style0 from \"./demand-details-my.vue?vue&type=style&index=0&id=308d1882&prod&scoped=true&lang=css&\"\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 \"308d1882\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./demand-details-my.vue?vue&type=style&index=0&id=308d1882&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAm5JREFUWEft2MnLTlEYAPDfZx4yK8WCWLBgwQIbSobIkMiwYiMbJX+JWLFRSmJBUoYyLCjDQoREQgghikQiQ4/OW8eXvPfe976fV31ne8+9z+8+59xzn3O6dHjr6nCfXmCrI9RTGeyH2XiEl2XQPQEci5MJ+AlLcKkost3AcTiH6RloN3Z0AnACzmNqhvmBFTj1r4ETE25KBvmObdhbFBf92jHEgYrMBbLRvmEL9pfBtQM4LeHGZ5Cv2ITDZXF1A2fgLOLDaLQv2IhjVXB1AmfhDMZkkM9YW+aD+NNL1DEH5+I0RmYBPmJ1WmKqJu/Xfa0C5+MEhmWKD2kpudiSLN3cCnARjmNIBnmHZbhaB66VDC7HEQzKIG/Tb+x6XbiqwDU4hAEZ5BUW43aduCrA9TiIqE4a7TliuO/VjSsLjA8hSqV8zj3BQjxsB64scDRiKPPs3UzZe9MJwDBEmbSz2/J0JyFLFaJFX6jKMrMdu7oh76ehflY0cNF+VYDx7K3Ygz5ZoCjnYz4+Lhq8SL+qwHj2ZuxD3yzQ04R8UCR4kT6tAOP5G3AA/bNgL9KcvFsE0KxPq8B4fhQFUesNzIK9Tgv3rWaAZtfrAEaM+P8exeAsYPz6luJaM8TfrtcFjBjxgUTxMDQL+D7hr1RF1gkMw7xUfg3PQFF+rcSFKsi6gWGYkwrYURkoNuwxV2NLUKq1AxiAmWkLEKcKjRZbgHUpw4WR7QIGIE4T4lSh+yZqAS4XFbYTGIY4VYg9cpwyNFrHHH00QJMTchLidGFVOkwqlMR2Z7CBGIHYJsTf5UYhWerUU8Aypt/69gIrp+5/GeKfiUBcKeCBb1YAAAAASUVORK5CYII=\""],"sourceRoot":""}
|
