+
+
+
+
+
+
+
+
+
+
+
+ {{item.title}}
+ {{ $t('viewFile') }}
-
+
{{queryForm[item.value]}}
+
-
-
-
+
+
+
{{this.queryForm.browsingHistoryCount}}
-
+
{{this.queryForm.praiseCount}}
-
+
{{this.queryForm.collectCount}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
- {{item.commentContent}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.commentContent}}
+
+
@@ -92,6 +115,34 @@
+
+
+
+
+
+
+ *
+ {{$t('replyToComments')}}
+
+
+
+
+
@@ -100,6 +151,10 @@
import SelectedBy from '@/components/SelectedBy/index'
import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
import { mapGetters } from 'vuex'
+ import 'quill/dist/quill.core.css'
+ import 'quill/dist/quill.snow.css'
+ import 'quill/dist/quill.bubble.css'
+ import { quillEditor } from 'vue-quill-editor'
export default {
name: 'problemKnowledgeBaseView',
@@ -109,6 +164,10 @@
},
data() {
return {
+ visibleComment: false,
+ confirmLoading: false,
+ CommentQuery: {},
+ formInlineComment: {},
standardContentList: [
{
title: this.$t('problemClassification'),
@@ -122,9 +181,17 @@
title: this.$t('standardNo'),
value: 'standNumber'
},
+ // {
+ // title: this.$t('title'),
+ // value: 'title'
+ // },
{
- title: this.$t('title'),
- value: 'title'
+ title:this.$t('issuedBy'),
+ value: 'createBy'
+ },
+ {
+ title:this.$t('releaseDate'),
+ value: 'createTime'
},
{
title: this.$t('enclosure'),
@@ -134,6 +201,20 @@
],
queryForm: {},
formInline: {},
+ rulesComment: {
+ replyContent: [
+ {
+ required: true,
+ message: this.$t('replyToComments') + this.$t('cannotEmpty'),
+ trigger: 'blur'
+ },
+ {
+ max: 300,
+ message: this.$t('replyToComments') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
+ trigger: 'blur'
+ }
+ ]
+ },
rules: {
commentContent: [
{
@@ -156,6 +237,39 @@
},
methods: {
...mapGetters(['userInfo']),
+ messageClick(val) {
+ this.CommentQuery = val
+ this.visibleComment = true
+ this.formInlineComment = {}
+ this.$nextTick(() => {
+ this.$refs.ruleFormComment.clearValidate()
+ })
+ },
+ handleOkComment() {
+ this.$refs.ruleFormComment.validate(valid => {
+ if (valid) {
+ let query = {
+ commentId: this.CommentQuery.id,
+ replyContent: this.formInlineComment.replyContent
+ }
+ this.confirmLoading = true
+ postAction('/project/problemKnowledgeBaseReplyEO/add', query).then((res) => {
+ if (res.success) {
+ this.$message.success(this.$t('OperationSuccessful'))
+ this.visibleComment = false
+ this.confirmLoading = false
+ this.releaseData()
+ } else {
+ this.confirmLoading = false
+ this.$message.success(this.$t('operationFailed'))
+ }
+ })
+ }
+ })
+ },
+ handleCancelComment() {
+ this.visibleComment = false
+ },
SelectedByForm(userIds) {
let query = {
userIds: userIds,
@@ -415,7 +529,7 @@
.text-field-right-url {
color: #00B3BE !important;
cursor: pointer;
- margin-top: 10px;
+ /*margin-top: 10px;*/
}
}
}
@@ -425,6 +539,9 @@
color: #040B29;
font-weight: 400;
word-break: break-word;
+ padding: 24px 0;
+ box-sizing: border-box;
+ margin-top: 32px;
}
.content-icon {
@@ -449,12 +566,12 @@
}
.content-icon-text .icon {
- font-size: 24px;
+ font-size: 20px;
color: #3b4249 !important;
}
.content-icon-text .icon-active {
- font-size: 24px;
+ font-size: 20px;
color: #00B3BE !important;
}
@@ -532,10 +649,76 @@
.content-text-top {
width: 100%;
text-align: right;
- color: #040B29;
+ color: #6F7385;
font-weight: 400;
- font-size: 16px;
+ font-size: 14px;
margin-bottom: 20px;
}
+ .doc-detail-box {
+ width: 100%;
+ background: #f2f2f2;
+ }
+
+ .doc-detail-box-text {
+ width: 75%;
+ margin: 0 auto;
+ background: #fff;
+ }
+
+ .division {
+ height: 20px;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ background: #f2f2f2;
+ margin-top: 20px;
+ }
+
+ .content-index {
+ font-size: 14px;
+ color: #000F16;
+ font-weight: 400;
+ word-break: break-word;
+ padding: 12px 0;
+ box-sizing: border-box;
+ }
+
+ .header-text-index {
+ font-size: 16px;
+ font-weight: 400;
+ margin-top: 10px;
+ height: 35px;
+ color: #000F16;
+ line-height: 40px;
+ }
+
+ .box-icon {
+ margin-right: 10px;
+ float: right;
+ cursor: pointer;
+ }
+
+ .box-comment {
+ width: calc(100% - 80px);
+ margin-left: 80px;
+ background: #f2f2f2;
+ padding: 6px 24px;
+ box-sizing: border-box;
+ }
+
+ .Required {
+ color: red;
+ margin-right: 4px;
+ }
+
+ .header-text-index-left {
+ font-size: 16px;
+ font-weight: 700;
+ }
+
+ .header-text-index-text {
+ font-size: 14px;
+ color: #848684;
+ }
\ No newline at end of file