add new rate

components/common/common-swiper-item.vue

 <!-- Swipter的子组件：概述页面专用 -->
 <template>
   <section class="common-swiper-item">
-    <article class="middle">
-      <div class="title">
-        <span class="ratio">{{certFlag ? '获证率' : '完成率'}}
+    <article class="middle-warp">
+      <div class="middle">
+        <div class="title">
+        <span class="ratio">{{certFlag ? '获证率' : '项目完成率'}}
           <img @click="tipsClick" :class="{'top-10': isAndroid}" src="../../assets/images/what-icon-2.png" />
         </span>
-        <span>
+          <span>
           <img src="../../assets/images/tips-1.png" />
         </span>
+        </div>
+        <div class="ratio">
+          <span>{{percentData.certificateRate | fixedNum}}%</span>
+        </div>
+        <div class="statics">
+          <span>{{certFlag ? '已获证人数' : '已完成人数'}} {{percentData.finishCount | formatNum}}</span>
+          <span>应参与人数 {{percentData.doctorCount | formatNum}}</span>
+        </div>
       </div>
-      <div class="ratio">
-        <span>{{percentData.certificateRate | fixedNum}}%</span>
-      </div>
-      <div class="statics">
-        <span>{{certFlag ? '已获证人数' : '已完成人数'}} {{percentData.finishCount | formatNum}}</span>
-        <span>应参与人数 {{percentData.doctorCount | formatNum}}</span>
+      <div class="middle">
+        <div class="title">
+        <span class="ratio">{{ '参与完成率'}}
+          <img @click="tipsClick2" :class="{'top-10': isAndroid}" src="../../assets/images/what-icon-2.png" />
+        </span>
+          <span>
+          <img src="../../assets/images/tips-1.png" />
+        </span>
+        </div>
+        <div class="ratio">
+          <span>{{ shouldDate | fixedNum}}%</span>
+        </div>
+        <div class="statics">
+          <span>已完成人数 {{percentData.finishCount | formatNum}}</span>
+          <span>已参与人数 {{percentData.joinCount | formatNum}}</span>
+        </div>
       </div>
     </article>
     <article v-show="isSingleOrg" class="middle-org">
@@ -91,6 +110,11 @@ export default {
       isAndroid: false
     }
   },
+  computed:{
+    shouldDate(){
+      return this.percentData.joinCount ? this.percentData.finishCount/this.percentData.joinCount : 0;
+    }
+  },
   watch: {
     percentData: {
       handler(newValue, oldValue) {
@@ -123,6 +147,10 @@ export default {
         tipsContent = '是已获证人数/应参与人数*100%'
       }
       this.$emit('tipsClick', tipsContent)
+    },
+    tipsClick2() {
+      const tipsContent = '是已完成人数/已参与人数*100%';
+      this.$emit('tipsClick', tipsContent)
     }
   }
 };
@@ -177,7 +205,7 @@ export default {
         img {
           position: absolute;
           top: 3px;
-          left: 46px;
+          left: 76px;
           width: 14px;
           height: 14px;
           &.top-10 {