机构榜单接口联调、引入pica-call-app组件

nuxt.config.js

@@ -60,6 +60,10 @@ module.exports = {
     {
       src: '~plugins/mixins',
       ssr: false
+    },
+    {
+      src: '~plugins/pica-call-app',
+      ssr: false
     }
   ],
   /*

package-lock.json

@@ -8553,7 +8553,8 @@
             "console-control-strings": {
               "version": "1.1.0",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "core-util-is": {
               "version": "1.0.2",
@@ -8713,6 +8714,7 @@
               "version": "2.3.5",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "safe-buffer": "^5.1.2",
                 "yallist": "^3.0.0"
@@ -8731,6 +8733,7 @@
               "version": "0.5.1",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "minimist": "0.0.8"
               }
@@ -8824,6 +8827,7 @@
               "version": "1.4.0",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "wrappy": "1"
               }
@@ -8945,6 +8949,7 @@
               "version": "1.0.2",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "code-point-at": "^1.0.0",
                 "is-fullwidth-code-point": "^1.0.0",

pages/awards-list/hospital-grades.vue

@@ -16,11 +16,11 @@
         </div>
       </div>
     </div>
-    <div class="footer">
+    <div class="footer" v-if="!isWeb">
       <div class="content">
         <div class="left">
-          <p class="score">我的机构勤奋分<span>2000</span></p>
-          <p class="rank">恭喜您的机构上榜排名<span>第5</span></p>
+          <p class="score">我的机构勤奋分<span>{{personalData.hospitalDiligence}}</span></p>
+          <p class="rank">恭喜您的机构上榜排名<span>{{personalData.hospitalRank}}</span></p>
         </div>
         <div class="right">分享排名</div>
       </div>
@@ -29,7 +29,7 @@
 </template>
 
 <script>
-  import { getHospitalRank } from '@/service/stage3Api'
+  import { getHospitalRank, getPersonScore } from '@/service/stage3Api'
   export default {
     name: "hospital-grades",
     components: {
@@ -37,7 +37,8 @@
     },
     data() {
       return {
-
+        isWeb: false,
+        personalData: {}
       }
     },
     async asyncData( { query } ) {
@@ -50,14 +51,22 @@
     created() {
     },
     mounted() {
-      getHospitalRank({ type: this.hospitalType })
+      this.$rocNative.appInit();
+      this.isWeb = this.$rocNative.isWeb;
+      if(!this.isWeb) {
+        this.getPersonScore();
+      };
     },
     methods: {
-
+      getPersonScore() {
+        getPersonScore().then(res => {
+          this.personalData = res.data
+        })
+      }
     }
   }
 </script>
-
 <style scoped lang="less">
   @import "../../assets/style/awards-list/rank.less";
+
 </style>
\ No newline at end of file

pages/awards-list/index.vue

@@ -107,6 +107,12 @@
     <div class="pica-icon">
       <img src="~/assets/img/stage3/pica-icon.png" alt="">
     </div>
+    <no-ssr>
+      <pica-call-app
+        :text="'高效学习 轻松行医'"
+        path="https://test1-m-ws.yunqueyi.com/search"
+      />
+    </no-ssr>
   </section>
 </template>
 
@@ -230,7 +236,11 @@
     }
   }
 </script>
-
+<style>
+  .call-app-container .down-btn,.call-app-container .open-btn {
+    font-size: 14px;
+  }
+</style>
 <style scoped lang="less">
   @import '../../assets/style/awards-list/index.less';
 </style>
\ No newline at end of file

plugins/pica-call-app.js

+import Vue from 'vue'
+import PicaCallApp from 'pica-call-app';
+
+Vue.use(PicaCallApp);
\ No newline at end of file

service/api.js

@@ -16,7 +16,7 @@ Axios.interceptors.request.use(
     if (method === 'post' || method === 'put' || method === 'delete') {}
     if (config.withCredentials) {
       //config.headers.token = getCookie('token') || sessionStorage.getItem('token');
-      config.headers.token = 'DA04EEE95F9F4D2A8630A61A8088C933'
+      config.headers.token = '76D717B0D52641A3A8B718BC775529A8'
     }
     return config;
   },

service/stage3Api.js

@@ -30,3 +30,11 @@ export const getHospitalRank = (params) => {
     params: params
   })
 }
+/*排行榜底部个人、机构排行信息*/
+export const getPersonScore = (params) => {
+  return request({
+    url: '/campaign/third/share/person/score',
+    withCredentials: true,
+    params: params
+  })
+}
\ No newline at end of file