外部文档暂未实现

src/api/index.js

@@ -387,4 +387,16 @@ export const delwphone = (params) => {
         data: params,
         timeout: 120000,
     })
+}
+export const getDoc = (params) => {
+    return axios({
+        method: 'get',
+        url: `https://www.showdoc.com.cn/refill`,
+        withCredentials: true,
+        headers: {
+            "Content-Type": "application/x-www-form-urlencoded"
+          },
+        data: params,
+        timeout: 120000,
+    })
 }

src/pages/index.vue

@@ -23,26 +23,6 @@
     <el-container style="height: 100%; ">
         <el-aside width="240px">
             <el-menu router class="el-menu" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" :default-active="curPath">
-                <!-- <el-menu-item index="order" route="order">
-                    <i class="el-icon-s-order"></i>
-                    <span slot="title">订单管理</span>
-                </el-menu-item>
-                <el-menu-item index="log" route="log">
-                    <i class="el-icon-document"></i>
-                    <span slot="title">日志管理</span>
-                </el-menu-item>
-                <el-menu-item index="message" route="message">
-                    <i class="el-icon-message"></i>
-                    <span slot="title">消息通知</span>
-                </el-menu-item>
-                <el-menu-item index="view" route="view">
-                    <i class="el-icon-s-platform"></i>
-                    <span slot="title">操作记录</span>
-                </el-menu-item>
-                <el-menu-item index="status" route="status">
-                    <i class="el-icon-user"></i>
-                    <span slot="title">运营人员管理</span>
-                </el-menu-item> -->
                 <el-menu-item index="home" route="/">
                     <i class="el-icon-house"></i>
                     <span style="font-size: 19px;" slot="title">首页</span>
@@ -71,7 +51,7 @@
                     <i class="el-icon-s-platform"></i>
                     <span style="font-size: 19px;" slot="title">设置</span>
                 </el-menu-item>
-                <el-menu-item index="interfaceDoc" route="interfaceDoc">
+                <el-menu-item index="interfaceDoc" route="interfaceDoc" >
                     <i class="el-icon-document"></i>
                     <span style="font-size: 19px;" slot="title">接口文档</span>
                 </el-menu-item>

src/pages/subPages/externalDoc.vue

@@ -0,0 +1,46 @@
+<template>
+  <div style="width:100%;height:100%;">
+     <iframe
+      src="https://www.showdoc.com.cn/refill"
+      id="mobsf" scrolling="no" frameborder="0"></iframe>
+  </div>
+</template>
+
+<script>
+import { getDoc } from '@/api'
+export default {
+  data () {
+    return {
+    }
+  },
+  created() {
+    this.getDoc()
+  },
+  mounted(){
+    /**
+    * iframe-宽高自适应显示   
+    */
+    function changeMobsfIframe(){
+        const mobsf = document.getElementById('mobsf');
+        const deviceWidth = document.body.clientWidth;
+        const deviceHeight = document.body.clientHeight;
+        mobsf.style.width = (Number(deviceWidth)-240) + 'px'; //数字是页面布局宽度差值
+        mobsf.style.height = (Number(deviceHeight)-64) + 'px'; //数字是页面布局高度差
+    }
+    changeMobsfIframe()
+    window.onresize = function(){
+        changeMobsfIframe()
+    }
+  },
+  methods: {
+    async getDoc() {
+      let res = await getDoc()
+      console.log('res', res);
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

src/router/index.js

@@ -19,6 +19,8 @@ const OilCard = () => import('@/pages/subPages/oilCard');
 const MobileCard = () => import('@/pages/subPages/mobileCard');
 // 接口文档
 const InterfaceDoc = () => import('@/pages/subPages/interfaceDoc');
+// 外部接口文档
+// const ExternalDoc = () => import('@/pages/subPages/externalDoc');
 
 Vue.use(VueRouter)
 
@@ -82,7 +84,13 @@ Vue.use(VueRouter)
         path:'/interfaceDoc',
         name:'interfaceDoc',
         component:InterfaceDoc
-      }
+      },
+      // 外部接口文档 ExternalDoc
+      // {
+      //   path:'/externalDoc',
+      //   name:'externalDoc',
+      //   component:ExternalDoc
+      // }
     ]
   },
   {

vue.config.js

@@ -38,7 +38,7 @@ module.exports = {
                 pathRewrite: {
                     '^/api': ''//请求的时候使用这个api就可以
                 }
-            }
+            },
         }
     },
     chainWebpack: config => {