diff --git a/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue b/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue index b935bbdc..cc3c780d 100644 --- a/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue +++ b/src/views/projectFront/BIMBASECenter/singleProgressManagement.vue @@ -251,41 +251,49 @@ :modal-append-to-body="false" title="风险提示" :visible.sync="riskTipVisible" - width="667px" + width="70%" @close="closeRiskTipDialog" >
- + ref="myQuillEditor" + :options="editorOption" + @blur="onEditorBlur($event)" + @focus="onEditorFocus($event)" + @change="onEditorChange($event)" + > + - + ref="myQuillEditor" + :options="editorOption" + @blur="onEditorBlur($event)" + @focus="onEditorFocus($event)" + @change="onEditorChange($event)" + > + - + ref="myQuillEditor" + :options="editorOption" + @blur="onEditorBlur($event)" + @focus="onEditorFocus($event)" + @change="onEditorChange($event)" + > +
@@ -582,9 +590,38 @@ import { getBimBaseDetailsApi, projectBimBaseListApi, } from "@/assets/js/api/project"; +import VueQuillEditor from "vue-quill-editor"; export default { + components: { + VueQuillEditor, + }, data() { return { + editorOption: { + modules: { + toolbar: [ + ["bold", "italic", "underline", "strike"], //加粗,斜体,下划线,删除线 + ["blockquote", "code-block"], //引用,代码块 + + [{ header: 1 }, { header: 2 }], // 标题,键值对的形式;1、2表示字体大小 + [{ list: "ordered" }, { list: "bullet" }], //列表 + [{ script: "sub" }, { script: "super" }], // 上下标 + [{ indent: "-1" }, { indent: "+1" }], // 缩进 + [{ direction: "rtl" }], // 文本方向 + + [{ size: ["small", false, "large", "huge"] }], // 字体大小 + [{ header: [1, 2, 3, 4, 5, 6, false] }], //几级标题 + + [{ color: [] }, { background: [] }], // 字体颜色,字体背景颜色 + [{ font: [] }], //字体 + [{ align: [] }], //对齐方式 + + ["clean"], //清除字体样式 + ["image"], //上传图片、上传视频 + ], + }, + theme: "snow", + }, riskTipVisible: false, selectedHideList: [], selectedColorList: [], @@ -646,9 +683,9 @@ export default { fileUrl: "", dialogVisible: false, //新增弹窗 riskTipInfo: { - dangerPointIdentification: '', - riskControlMeasure: '', - constructionKeyPoint: '' + dangerPointIdentification: "", + riskControlMeasure: "", + constructionKeyPoint: "", }, workerInfo: { taskName: "", @@ -815,6 +852,15 @@ export default { this.getCrewListData(); }, methods: { + onEditorBlur() { + // 失去焦点事件 + }, + onEditorFocus() { + // 获得焦点事件 + }, + onEditorChange() { + // 内容改变事件 + }, //导入确定提交 handleUploadConfirm() { if (this.fileName == "") { @@ -956,7 +1002,7 @@ export default { }, // 风险提示 openRiskTipDialog(val) { - console.log(val) + console.log(val); this.riskTipInfo = JSON.parse(JSON.stringify(val)); this.riskTipVisible = true; }, @@ -1037,15 +1083,7 @@ export default { this.$refs.addEditForm.validate((valid) => { if (valid) { let data = { - taskName: this.workerInfo.taskName, - startDate: this.workerInfo.startDate, - finishDate: this.workerInfo.finishDate, - actualStartDate: this.workerInfo.actualStartDate, - actualFinishDate: this.workerInfo.actualFinishDate, - dutyUserId: this.workerInfo.dutyUserId, - progressRatio: this.workerInfo.progressRatio, - remark: this.workerInfo.remark, - parentId: this.workerInfo.parentId, + ...this.workerInfo, projectSn: this.projectSn, }; if (this.dialogType == 1) { @@ -1359,4 +1397,9 @@ export default { border: 1px solid #ccc; margin-top: 10px; } +::v-deep .ql-editor { + // 样式穿透 + + min-height: 180px !important; +}