兼容工作经历的数据

yangzhi
1 parent 7183a03c
Showing 4 changed files with 25 additions and 17 deletions
src/views/resume/femalestaff.vue
src/views/resume/malestaff.vue
src/views/resume/style/style.scss
vue.config.js
@@ -12,7 +12,7 @@
               alt=""
             />
             <div class="star-progress">
-              <div style="width: 50%" class="star-progress-bar"></div>
+              <div :style="{'width':'calc(140px / 7 * '+(userDetail.stars||0)+')'}" class="star-progress-bar"></div>
             </div>
           </div>
           <ul class="user-items">
@@ -54,10 +54,10 @@
             <div class="info-content">
               <ul
                 v-if="
-                  userDetail.workExperience && userDetail.workExperience.length
+                  userDetail.educationalExperience && userDetail.educationalExperience.length
                 "
               >
-                <li v-for="item in userDetail.workExperience" :key="item.date">
+                <li v-for="item in userDetail.educationalExperience" :key="item.date">
                   <h3 class="flex flex-between">
                     <span>{{ item.school }}</span>
                     <span style="font-size: 16px">{{ item.date }}</span>
@@ -79,12 +79,12 @@
           <div class="info-content">
             <ul
               v-if="
-                userDetail.educationalExperience &&
-                userDetail.educationalExperience.length
+                userDetail.workExperience &&
+                userDetail.workExperience.length
               "
             >
               <li
-                v-for="item in userDetail.educationalExperience"
+                v-for="item in userDetail.workExperience"
                 :key="item.date"
               >
                 <h3 class="flex flex-between">
@@ -313,7 +313,11 @@ export default {
   },
   computed: {
     userDetail() {
-      return this.user;
+      let user = {...this.user};
+      user.educationalExperience = JSON.parse(user.educationalExperience || '[]');
+      user.skillAdvantages = JSON.parse(user.skillAdvantages || '[]')
+      user.workExperience = JSON.parse(user.workExperience || '[]')
+      return user;
     },
     infoListComputed() {
       let user = { ...this.user };
@@ -12,7 +12,7 @@
               alt=""
             />
             <div class="star-progress">
-              <div style="width: 50%" class="star-progress-bar"></div>
+              <div :style="{'width':'calc(140px / 7 * '+(userDetail.stars||0)+')'}" class="star-progress-bar"></div>
             </div>
           </div>
           <ul class="user-items">
@@ -44,8 +44,8 @@
               <span>教育经历</span>
             </div>
             <div class="info-content">
-              <ul v-if="userDetail.workExperience && userDetail.workExperience.length">
-                <li v-for="item in userDetail.workExperience" :key="item.date">
+              <ul v-if="userDetail.educationalExperience && userDetail.educationalExperience.length">
+                <li v-for="item in userDetail.educationalExperience" :key="item.date">
                   <h3 class="flex flex-between">
                     <span>{{ item.school }}</span>
                     <span style="font-size: 16px">{{item.date}}</span>
@@ -65,8 +65,8 @@
             <span>工作经历</span>
           </div>
           <div class="info-content">
-            <ul v-if="userDetail.educationalExperience && userDetail.educationalExperience.length">
-              <li v-for="item in userDetail.educationalExperience" :key="item.date">
+            <ul v-if="userDetail.workExperience && userDetail.workExperience.length">
+              <li v-for="item in userDetail.workExperience" :key="item.date">
                 <h3 class="flex flex-between">
                   <span>{{item.company}}</span>
                   <span>{{item.position}}</span>
@@ -293,7 +293,11 @@ export default {
   },
   computed: {
     userDetail() {
-      return this.user;
+      let user = {...this.user};
+      user.educationalExperience = JSON.parse(user.educationalExperience || '[]');
+      user.skillAdvantages = JSON.parse(user.skillAdvantages || '[]')
+      user.workExperience = JSON.parse(user.workExperience || '[]')
+      return user;
     },
     infoListComputed() {
       let user = { ...this.user };
@@ -62,7 +62,7 @@ li {
 .top-panel {
     background-image: url(/static/resume/male/resume6.png);
     background-size: 100% 100%;
-    padding: 30px;
+    padding: 30px 30px 10px;
     .top-panel-content {
         display: flex;
         align-items: center;
@@ -126,7 +126,7 @@ li {
         }
     }
     .info-content {
-        padding: 20px 0;
+        padding: 20px 0 10px;
         ul {
             li {
                 margin-bottom: 10px;
@@ -38,8 +38,8 @@ module.exports = {
         },
         proxy: {
             '/development': {
-                // target: `http://admin.7-stars.com.cn/`, //后台服务地址
-                target:'http://localhost:8877',
+                target: `http://admin.7-stars.com.cn/`, //后台服务地址
+                // target:'http://localhost:8877',
                 // target:'http://localhost:8009',
                 changeOrigin: true,
                 pathRewrite: {