博客发布新加字段

components/pc/select/selectCard.vue

@@ -312,7 +312,8 @@ export default {
     position: absolute;
     width: 196*$length;
     height: 122*$length;
-    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
     z-index: 999;
     border: 1*$length solid #F4F8FA;
     @include border-radius(4*$length);

pages/blog/release/index.vue

@@ -47,6 +47,7 @@
             <div class="editor-container">
               <mavon-editor
                 ref="content"
+                v-model="content"
                 :toolbars="markdownOption"
                 class="editor"
                 placeholder="博客正文...."
@@ -123,15 +124,22 @@
   import CardContainer from "../../../components/pc/cardContainer";
   import SelectCard from "../../../components/pc/select/selectCard";
   import config  from "../../../action/config";
+
   export default {
     async asyncData ({ $axios }) {
-      const blogList = await  $axios.$get(config.api.get.Blog.myList,{
+      const blogListRes = await  $axios.$get(config.api.get.Blog.myList,{
         params:{
           page:1,
           size:12,
         }
       });
-      return {blogList:blogList.data.dataList}
+
+      // console.log(this);
+
+      return {
+        blogList:blogListRes.data.dataList
+      };
+
     },
     components: {SelectCard, CardContainer},
     data() {
@@ -166,7 +174,7 @@
           preview: true // 预览
         },
         zIndex: 100,           // 控制全屏时
-        value: '',
+        content: '',
         comment: '',
         reprint: '',
         lastSaveTime: new Date(),
@@ -180,13 +188,13 @@
         allowForward:true,
         blogAbstract:'',
         blogTitle:'',
-        content:'',
+        blogDetail:'',
         tagIds:'',
         i:0,
         tagList:[],
         img:"",
-        //classList: [{id:1,title:"web"}, {id:2,title:"java"},{id:3,title:"javascript"}]
-        classList:["web","java","javascript"]
+        classList: [{tagId:1,tag:"web"}, {tagId:2,tag:"java"},{tagId:3,tag:"javascript"}]
+        // classList:["web","java","javascript"]
       }
     },
     methods: {
@@ -217,8 +225,6 @@
         for(this.i;this.i<this.tagIds.length;this.i++){
           this.tagList+=this.tagIds[this.i].tag+" "
         }
-
-
       },
       //上传图片
       async changeToUploadCover(e) {
@@ -296,22 +302,22 @@
           return false;
         }
         if(this.originLink!==''){
-          if(this.originLink.slice(0, 12) === "https://www."||this.originLink==="无" ){
+          let reg =/^(?=^.{3,255}$)((http|https|ftp)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/)?(?:\/(.+)\/?$)?(\/\w+\.\w+)*([\?&]\w+=\w*|[\u4e00-\u9fa5]+)*$/;
+          if (this.originLink==="无" ) {
             this.dataPostSaveUserInfo();
             return false;
-          }else if(this.originLink.slice(0, 12) !== "https://www."){
+          } else if (!reg.test(this.originLink)) {
             this.$refs.originLink.focus();
             this.$message({
-              message: "请输入开头为https://www.的有效相关链接",
-              type: 'warning'
+              type: 'warning',
+              message: '请输入正确的网站地址'
             });
-            return false;
+            return false
           }
         }else{
           this.originLink='无';
           this.dataPostSaveUserInfo()
         }
-
       },
 
       dataPostSaveUserInfo(){
@@ -320,6 +326,7 @@
           allowForward: this.allowForward,//转载权限
           blogAbstract: this.blogAbstract,//摘要
           content: this.content,//内容
+          contentHtml: this.blogDetail,// 内容的html
           blogTitle: this.blogTitle,//标题
           categoryId: this.blogClass,//文章类型
           cover: this.cover,//封面图
@@ -383,16 +390,15 @@
         console.log(pos);
       },
       save(value, render) {  //保存文章内容
-        this.content = render;
+        this.blogDetail = render;
       },
       intervalSave(value, render) {
         // 自动保存
         // render: value 经过markdown解析后的结果
-        let now = new Date();
-        if (now - this.lastSaveTime >= 2 * 1000) {
-          this.lastSaveTime = now;
-          this.content = render;
-        }
+        // this.lastSaveTime = now;
+        this.blogDetail = render;
+        // let now = new Date();
+        // if (now - this.lastSaveTime >= 2 * 1000) {}
       },
       readScreen(boolean, str) { // 预览
         this.zIndex = 8000