新闻资讯优化

src/views/news/index.vue

       };
     },
     toSaveAdd() {
-      n_save({
-        newstitle: this.addForm.newstitle,
-        newscontent: this.addForm.newscontent,
-        newssummary: this.addForm.newssummary,
-        newspic: this.addForm.newspic,
-        ltype: this.addForm.ltype,
-        newsorder: this.addForm.newsorder,
-        newsup: this.addForm.newsup,
-        createid: this.userInfo.userid
-      }).then((res) => {
-        this.addForm.show = false;
-        if (res.code === 0) {
-          this.$Message.success(res.msg);
-          this.searchList();
-        } else {
-          this.$Message.error(res.msg);
+      this.$refs.addForm.validate((valid) => {
+        if (valid) {
+          n_save({
+            newstitle: this.addForm.newstitle,
+            newscontent: this.addForm.newscontent,
+            newssummary: this.addForm.newssummary,
+            newspic: this.addForm.newspic,
+            ltype: this.addForm.ltype,
+            newsorder: this.addForm.newsorder,
+            newsup: this.addForm.newsup,
+            createid: this.userInfo.userid
+          }).then((res) => {
+            this.addForm.show = false;
+            if (res.code === 0) {
+              this.$Message.success(res.msg);
+              this.searchList();
+            } else {
+              this.$Message.error(res.msg);
+            }
+          });
         }
       });
     },
       };
     },
     toSaveModify() {
-      n_update({
-        newstitle: this.modifyForm.newstitle,
-        newscontent: this.modifyForm.newscontent,
-        newssummary: this.modifyForm.newssummary,
-        newspic: this.modifyForm.newspic,
-        newsorder: this.modifyForm.newsorder,
-        newsup: this.modifyForm.newsup,
-        newsid: this.modifyForm.newsid
-      }).then((res) => {
-        this.modifyForm.show = false;
-        if (res.code === 0) {
-          this.$Message.success(res.msg);
-          this.searchList();
-        } else {
-          this.$Message.error(res.msg);
+      this.$refs.modifyForm.validate((valid) => {
+        if (valid) {
+          n_update({
+            newstitle: this.modifyForm.newstitle,
+            newscontent: this.modifyForm.newscontent,
+            newssummary: this.modifyForm.newssummary,
+            newspic: this.modifyForm.newspic,
+            newsorder: this.modifyForm.newsorder,
+            newsup: this.modifyForm.newsup,
+            newsid: this.modifyForm.newsid
+          }).then((res) => {
+            this.modifyForm.show = false;
+            if (res.code === 0) {
+              this.$Message.success(res.msg);
+              this.searchList();
+            } else {
+              this.$Message.error(res.msg);
+            }
+          });
         }
       });
     },

src/views/news/newsEditor.vue

           }
         });
         that.myCkeditor.on("afterPaste", function () {
-          let imgPromiseArr = [];
+          let newImgsPromiseArr = [];
           for (const imgSrc in that.imgsObj) {
-            if (!that.imgsObj[imgSrc]) {
-              imgPromiseArr.push(that.checkImgExists(imgSrc));
+            if (!that.imgsObj[imgSrc] && imgSrc) {
+              newImgsPromiseArr.push(that.changeImageUrl(imgSrc));
             }
           }
-          Promise.all(imgPromiseArr)
-            .then((imgURLPromiseArr) => {
-              let newImgsPromiseArr = [];
-              for (const _url of imgURLPromiseArr) {
-                newImgsPromiseArr.push(that.changeImageUrl(_url));
+          Promise.all(newImgsPromiseArr).then((newImgs) => {
+            let oldhtml = "";
+            if (that.myCkeditor && that.myCkeditor.document.getBody().$) {
+              oldhtml = that.myCkeditor.document.getBody().getHtml();
+            }
+            for (const imgArr of newImgs) {
+              if (imgArr && imgArr[0] && imgArr[1]) {
+                oldhtml = oldhtml.replaceAll(
+                  imgArr[0],
+                  that.$api.showImageUrl + imgArr[1]
+                );
               }
-              Promise.all(newImgsPromiseArr).then((newImgs) => {
-                let oldhtml = "";
-                if (that.myCkeditor && that.myCkeditor.document.getBody().$) {
-                  oldhtml = that.myCkeditor.document.getBody().getHtml();
-                }
-                for (const imgArr of newImgs) {
-                  oldhtml = oldhtml.replaceAll(
-                    imgArr[0],
-                    that.$api.showImageUrl + imgArr[1]
-                  );
-                }
-                that.setContent(oldhtml);
-              });
-            })
-            .catch(() => {});
+            }
+            that.setContent(oldhtml);
+          });
         });
         that.myCkeditor.on("fileUploadRequest", async function (evt) {
           let fileLoader = evt.data.fileLoader,
         });
       });
     },
-    // 验证图片连接是否有效
-    checkImgExists(imgUrl) {
-      return new Promise(function (resolve, reject) {
-        let ImgObj = new Image();
-        ImgObj.src = imgUrl;
-        ImgObj.onload = function () {
-          resolve(imgUrl);
-        };
-        ImgObj.onerror = function () {
-          reject(imgUrl);
-        };
-      });
-    },
     changeImageUrl(imgSrc) {
       return new Promise((resolve, reject) => {
         let that = this;