完善宣教库

src/components/Editor/index.vue

@@ -324,6 +324,9 @@ export default {
     this.Quill = null;
   },
   methods: {
+    getEditor() {
+      return this.Quill;
+    },
     // 分页
     updateCPagefour(index, size) {
       this.querymaterial.pageNum = index
@@ -571,6 +574,11 @@ button.ql-scmages {
     margin-left: -14px;
     margin-top: -8px;
     width: 24px !important;
+    cursor: none;
+    -webkit-user-select: none; /* 针对WebKit浏览器的兼容性设置 */
+  -moz-user-select: none; /* 针对Firefox浏览器的兼容性设置 */
+  -ms-user-select: none; /* 针对IE浏览器的兼容性设置 */
+  user-select: none; /* 标准属性 */
 }
 .bodytopxjsc {
   width: 100%;

src/views/manage/propaganda/index.vue

@@ -21,7 +21,7 @@
           >
             <el-form-item label="创建时间" prop="">
               <el-date-picker
-              style="width:205px"
+                style="width: 205px"
                 v-model="queryParams.createTimeStart"
                 type="date"
                 value-format="yyyy-MM-dd"
@@ -32,7 +32,7 @@
               </el-date-picker>
               -
               <el-date-picker
-              style="width:205px"
+                style="width: 205px"
                 v-model="queryParams.createTimeEnd"
                 type="date"
                 value-format="yyyy-MM-dd"
@@ -452,7 +452,7 @@
         <el-form-item label="正文内容" prop="propagandaContent" v-if="open">
           <editor
             id="id"
-            ref="myTextarea"
+            ref="quillEditor"
             v-model="form.propagandaContent"
             :min-height="192"
             style="width: 800px"
@@ -562,65 +562,69 @@
       append-to-body
       :before-close="canceldiseases"
     >
-    <div style="padding-bottom: 23px;">
-      <el-form
-        ref="queryForm"
-        :model="querydisease"
-        :rules="rules"
-        label-width="80px"
-        :inline="true"
-      >
-        <el-form-item label="病种名称" prop="diseaseTypeName" label-width="120">
-          <el-input
-            v-model="querydisease.diseaseTypeName"
-            placeholder="请输入病种名称"
-            clearable
-          />
-        </el-form-item>
-        <el-form-item>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="infodisease"
-            >搜索</el-button
+      <div style="padding-bottom: 23px">
+        <el-form
+          ref="queryForm"
+          :model="querydisease"
+          :rules="rules"
+          label-width="80px"
+          :inline="true"
+        >
+          <el-form-item
+            label="病种名称"
+            prop="diseaseTypeName"
+            label-width="120"
           >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
-      <el-table
-        :data="listdisease"
-        @cell-dblclick="nurseclickdisease"
-        v-loading="loading"
-      >
-        <el-table-column label="请选择" width="100" align="center">
-          <template slot-scope="scope">
+            <el-input
+              v-model="querydisease.diseaseTypeName"
+              placeholder="请输入病种名称"
+              clearable
+            />
+          </el-form-item>
+          <el-form-item>
             <el-button
               type="primary"
-              style="width: 15px; height: 15px"
-              v-if="form.diseaseTypeId == scope.row.id"
-              circle
-              @click="nurseclickdisease(scope.row)"
-            ></el-button>
-            <el-button
-              v-else
-              style="width: 15px; height: 15px"
-              circle
-              @click="nurseclickdisease(scope.row)"
-            ></el-button>
-          </template>
-        </el-table-column>
-        <el-table-column
-          property="diseaseTypeName"
-          label="病种名称"
-          align="center"
-          :show-overflow-tooltip="true"
+              icon="el-icon-search"
+              size="mini"
+              @click="infodisease"
+              >搜索</el-button
+            >
+            <el-button icon="el-icon-refresh" size="mini" @click="resetdisease"
+              >重置</el-button
+            >
+          </el-form-item>
+        </el-form>
+        <el-table
+          :data="listdisease"
+          @cell-dblclick="nurseclickdisease"
+          v-loading="loading"
         >
-        </el-table-column>
-      </el-table>
-    </div>
+          <el-table-column label="请选择" width="100" align="center">
+            <template slot-scope="scope">
+              <el-button
+                type="primary"
+                style="width: 15px; height: 15px"
+                v-if="form.diseaseTypeId == scope.row.id"
+                circle
+                @click="nurseclickdisease(scope.row)"
+              ></el-button>
+              <el-button
+                v-else
+                style="width: 15px; height: 15px"
+                circle
+                @click="nurseclickdisease(scope.row)"
+              ></el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            property="diseaseTypeName"
+            label="病种名称"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+        </el-table>
+      </div>
       <!-- <pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
         :limit.sync="querydisease.pageSize" @pagination="infodisease" /> -->
       <myPagination
@@ -661,8 +665,8 @@
         <div>
           <img :src="baseUrl + formview.propagandaCoverPath" alt="" />
           <div class="know">知识卡片</div>
-          <div class="knowlist" v-html="formview.propagandaContent">
-          </div>   <!-- <Editorxj v-model="formview.propagandaContent" :min-height="192" /> -->
+          <div class="knowlist" v-html="formview.propagandaContent"></div>
+          <!-- <Editorxj v-model="formview.propagandaContent" :min-height="192" /> -->
         </div>
       </div>
     </el-dialog>
@@ -893,15 +897,15 @@ export default {
       copyid: null,//复制id
       examineid: null,//审核id
       // 来源
-      optionspublick:[
-      {
-        value: 'PRIVATE',
-        label: '私有'
-      },
-      {
-        value: 'PUBLIC',
-        label: '公共'
-      }, 
+      optionspublick: [
+        {
+          value: 'PRIVATE',
+          label: '私有'
+        },
+        {
+          value: 'PUBLIC',
+          label: '公共'
+        },
 
       ],
       optionstype: [{
@@ -980,7 +984,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        source:'PRIVATE',
+        source: 'PRIVATE',
         patientId: null,
         propagandaId: null,
         departmentName: null,
@@ -1108,7 +1112,7 @@ export default {
       this.$forceUpdate()
     },
     // 粘贴事件
-    handlePaste(event) {
+    async handlePaste(event) {
       console.log(event, 'event')
       const clipboardData = event.clipboardData || window.clipboardData;
       const pastedText = clipboardData.getData('text');
@@ -1124,15 +1128,30 @@ export default {
         });
       }
       else {
-        event.preventDefault();
-        // 将粘贴的文本插入到编辑器中
-        event.target.outerText += pastedText;
-        // 光标聚焦到末尾
-        const dom = document.getElementById('id')
-        dom && dom.focus()
-        // document.execCommand('selectAll', false, null);
-        // document.getSelection().collapseToEnd();
-        console.log(event, '222222222222222')
+        const editor = this.$refs.quillEditor.getEditor();
+        let length = editor.selection.savedRange.index;
+        const text = clipboardData.getData('text/plain');
+        // 在光标位置插入文本，text为需要插入的文本
+        console.log(text, 'length + text.length')
+        editor.insertEmbed(length, text);
+
+        await setTimeout(() => {
+       // 将光标移动到插入文本的末尾
+          editor.setSelection(length + text.length);
+        }, 10); // 使用 setTimeout 确保操作顺序
+
+        // editor.insertText(range.index, text);
+        // editor.setSelection(range.index + text.length);
+        // //  获取粘贴的文本内容
+        //         event.preventDefault();
+        //         // 将粘贴的文本插入到编辑器中
+        //         event.target.outerText += pastedText;
+        //         // 光标聚焦到末尾
+        //         const dom = document.getElementById('id')
+        //         dom && dom.focus()
+        //         // document.execCommand('selectAll', false, null);
+        //         // document.getSelection().collapseToEnd();
+        //         console.log(event, '222222222222222')
       }
     },
     // checkContentLength(event) {
@@ -1449,9 +1468,9 @@ export default {
     resetQuery() {
       this.queryParams.createTimeEnd = null
       this.queryParams.createTimeStart = null
-      this.queryParams.propagandaType=null
-      this.queryParams.propagandaStatus=null
-      this.queryParams.source=null
+      this.queryParams.propagandaType = null
+      this.queryParams.propagandaStatus = null
+      this.queryParams.source = null
       this.informationqueryParams.hospitalAgencyId = JSON.parse(localStorage.getItem('user')).hospitalAgencyId
       this.queryParams.hospitalAgencyId = JSON.parse(localStorage.getItem('user')).hospitalAgencyId
       this.resetForm("queryForms");
@@ -1614,20 +1633,17 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
- ::v-deep   .el-dialog{
-  top:-25px;
+::v-deep .el-dialog {
+  top: -25px;
   // height:95vh;
 }
 ::v-deep .ql-editor {
   ::v-deep .ql-video {
     width: 100% !important;
   }
-
 }
-::v-deep .el-dialog__body
-{
-padding-top: 10px !important;
-
+::v-deep .el-dialog__body {
+  padding-top: 10px !important;
 }
 
 .articleSummary {
@@ -1739,7 +1755,7 @@ audio {
   }
 
   ::v-deep img {
-     max-width: 950px;
+    max-width: 950px;
     // width: 362px;
     // height: 127px;
     margin: 0px 0px 0px 30px;