开发流程

src/components/love.vue

@@ -1,46 +1,45 @@
 <template>
   <div>
     <!-- 封面 -->
+    <div class="card-content1 shadow-box background-opacity">
+
       <div class="bg-wrap my-animation-slide-top">
-      <el-image class="love-image my-el-image"
-                lazy
-                :src="love.bgCover"
-                fit="cover"
-                style="width: 100%; height: 100vh;">
+        <el-image class="love-image my-el-image" lazy :src="love.bgCover" fit="cover" style="width: 100%; height: 100vh;">
           <div slot="error" class="image-slot"></div>
         </el-image>
 
-      <!-- 对象 -->
         <div class="love-wrap transformCenter">
           <div>
             <el-avatar class="love-avatar" :src="love.manCover"></el-avatar>
-          <div class="love-title">
-            {{love.manName}}
-          </div>
+            <div class="love-title">{{love.manName}}</div>
           </div>
 
           <div>
             <el-avatar class="love-avatar" :src="love.womanCover"></el-avatar>
-          <div class="love-title">
-            {{love.womanName}}
-          </div>
+            <div class="love-title">{{love.womanName}}</div>
           </div>
         </div>
 
         <div id="bannerWave1"></div>
         <div id="bannerWave2"></div>
+
+      </div>
     </div>
 
     <!-- 内容 -->
     <div class="love-container">
+
       <div class="myCenter love-content">
         <!-- 时间 -->
         <div>
           <!-- 计时 -->
           <div>
             <div class="love-time-title1">
-              我的开发流程
+              <a class="collection-btn" @click="showTip()">
+                <i class="el-icon-star-off" style="margin-right: 2px"></i>我的开发流程
+              </a>
             </div>
+
             <div class="love-time1">
               第
               <span class="love-time1-item">{{timing.year}}</span>
@@ -63,6 +62,7 @@
             {{love.countdownTitle}}: {{countdownChange}}
           </div>
         </div>
+
       </div>
 
       <div style="padding: 0 20px">
@@ -419,6 +419,15 @@
           timing: "",
           familyInfo: ""
         },
+        pagination: {
+          current: 1,
+          size: 5,
+          recommendStatus: true
+        },
+        recommendArticles: [],
+        admires: [],
+        showAdmireDialog: false,
+        articleSearch: "",
         loveDialogVisible: false,
         addPictureDialog: false,
         pictureType: "",
@@ -463,7 +472,14 @@
       }
     },
 
-    computed: {},
+    computed: {
+      webInfo() {
+        return this.$store.state.webInfo;
+      },
+      sortInfo() {
+        return this.$store.state.sortInfo;
+      }
+    },
 
     watch: {},
 
@@ -471,6 +487,8 @@
       this.getAdminFamily();
       this.card = 1;
       this.getWeiYan();
+      this.getRecommendArticles();
+      this.getAdmire();
     },
 
     mounted() {
@@ -478,6 +496,54 @@
     },
 
     methods: {
+      selectSort(sort) {
+        this.$emit("selectSort", sort);
+      },
+      selectArticle() {
+        this.$emit("selectArticle", this.articleSearch);
+      },
+      showAdmire() {
+        if (this.$common.isEmpty(this.$store.state.currentUser)) {
+          this.$message({
+            message: "请先登录！",
+            type: "error"
+          });
+          return;
+        }
+
+        this.showAdmireDialog = true;
+      },
+      getAdmire() {
+        this.$http.get(this.$constant.baseURL + "/webInfo/getAdmire")
+          .then((res) => {
+            if (!this.$common.isEmpty(res.data)) {
+              this.admires = res.data;
+            }
+          })
+          .catch((error) => {
+            this.$message({
+              message: error.message,
+              type: "error"
+            });
+          });
+      },
+      getRecommendArticles() {
+        this.$http.post(this.$constant.baseURL + "/article/listArticle", this.pagination)
+          .then((res) => {
+            if (!this.$common.isEmpty(res.data)) {
+              this.recommendArticles = res.data.records;
+            }
+          })
+          .catch((error) => {
+            this.$message({
+              message: error.message,
+              type: "error"
+            });
+          });
+      },
+      showTip() {
+        this.$router.push({path: '/weiYan'});
+      },
       openPicture(type) {
         this.pictureType = type;
         this.addPictureDialog = true;