新增阅读记录接口联调

src/api/user/index.js

@@ -2,6 +2,7 @@
  * 用户个人相关一些接口
  */
 import request from '@/utils/request'
+import qs from 'qs'
 const baseUrl = '/v1/api'
 
 
@@ -17,6 +18,9 @@ export const addNearRead = data => {
     return request({
         url: baseUrl + '/user/nearRead/add',
         method: 'post',
-        data
+        data: qs.stringify(data),
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
     })
 }

src/components/file/dialog/addFileByTemplate/Dialog.vue

@@ -254,5 +254,6 @@ export default {
 .file{
   display: flex;
   justify-content: center;
+  padding-bottom: 20px;
 }
 </style>

src/views/read/wpsReader/index.vue

@@ -6,26 +6,41 @@
       @handleInsertText="handleInsertText"
       @handleOpenAddUpdateDialog="handleOpenAddUpdateDialog"
     />
+    <AddOrUpdateNoteDialog
+      :formData="form"
+      ref="AddOrUpdateNoteDialog"
+      @update="handleUpdateRightPanel"
+    />
   </div>
 </template>
 <script>
 import WebOfficeSDK from "/public/weboffice/web-office-sdk-v1.1.19.es";
 import RightPanel from "./component/rightPanel.vue";
-
+import AddOrUpdateNoteDialog from "./component/addOrUpdateNoteDialog.vue";
+import { addNearRead } from "@/api/user";
 export default {
   components: {
     RightPanel,
+    AddOrUpdateNoteDialog,
   },
   data() {
     return {
       wpsInstance: {}, //wps实例
       controlButton: {}, //新建笔记按钮
-      routeParams:{},//路由传过来的参数
+      routeParams: {}, //路由传过来的参数
+      // 新增笔记需要的参数
+      form: {
+        docId: "", //文档Id
+        bookmarkContent: "", //原文内容
+        noteContent: "", //笔记内容
+        tagsArr: [], //标签
+      },
     };
   },
   mounted() {
     const { wpsUrl, token, fileId } = this.$route.query;
-    this.routeParams = { wpsUrl, token, fileId }
+    this.routeParams = { wpsUrl, token, fileId };
+    this.form.docId = fileId;
     this.initWps(wpsUrl, token);
   },
   destroyed() {
@@ -41,7 +56,7 @@ export default {
       try {
         let res = await addNearRead(params);
         if (res.code == 200) {
-          // console.log();
+          console.log(123);
         } else {
           throw res.code;
         }