增加swagger集成页面

pages/api.vue

 <template>
-    <div class="api-content">
-       <div class="header">
-           <span>Swagger:</span>
-        <a target="blank" :href="host+':10020/swagger/index.html'">
-            系统管理
+  <div class="api-content">
+    <div class="header">
+      <div class="fl">
+        <span>Swagger:</span>
+        <a target="blank" :href="host + ':10020/swagger/index.html'">
+          系统管理
         </a>
-         <a target="blank" :href="host+':10030/swagger/index.html'">
-            工艺规程（旧）
+        <a target="blank" :href="host + ':10030/swagger/index.html'">
+          工艺规程（旧）
         </a>
-        <a target="blank" :href="host+':10031/swagger/index.html'">
-            工艺规程
+        <a target="blank" :href="host + ':10031/swagger/index.html'">
+          工艺规程
         </a>
-         <a target="blank" :href="host+':10040/swagger/index.html'">
-            制造资源
+        <a target="blank" :href="host + ':10040/swagger/index.html'">
+          制造资源
         </a>
-         <a target="blank" :href="host+':10050/swagger/index.html'">
-            计划管理
+        <a target="blank" :href="host + ':10050/swagger/index.html'">
+          计划管理
         </a>
-        <a target="blank" :href="host+':10060/swagger/index.html'">
-            工作流
+        <a target="blank" :href="host + ':10060/swagger/index.html'">
+          工作流
         </a>
-    <a target="blank" :href="host+':10070/swagger/index.html'">
-            Bug
+        <a target="blank" :href="host + ':10070/swagger/index.html'"> Bug </a>
+        <a target="blank" :href="host + ':10090/swagger/index.html'">
+          certificate
         </a>
-         <a target="blank" :href="host+':10090/swagger/index.html'">
-            certificate
-        </a>
-        <a target="blank" :href="host+':10100/swagger/index.html'">
-            CRM
-        </a>
-        <div class="fr">
-            
-        </div>
-       </div>
-        <div class="main">
-            <iframe src="http://47.92.102.113:5000/" frameborder="0" width="100%" height="100%"></iframe>
-        </div>        
+        <a target="blank" :href="host + ':10100/swagger/index.html'"> CRM </a>
+      </div>
+
+      <div class="fr">
+        <RadioGroup v-model="host" type="button">
+          <Radio label="http://49.232.68.61">61</Radio>
+          <Radio label="http://39.100.148.168">168</Radio>
+        </RadioGroup>
+      </div>
+    </div>
+    <div class="main">
+      <iframe
+        src="http://47.92.102.113:5000/account/login"
+        frameborder="0"
+        width="100%"
+        height="100%"
+      ></iframe>
     </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        name: 'Api',
-        layout:'empty',
-        data() {
-            return {
-                url:"http://39.100.148.168:10010/swagger/index.html",
-                host:"http://39.100.148.168"
-            }
-        }
-    }
+export default {
+  name: "Api",
+  layout: "empty",
+  header:{
+      title:"Swagger集成页面"
+  },
+  data() {
+    return {
+      url: "http://39.100.148.168:10010/swagger/index.html",
+      host: "http://39.100.148.168",
+    };
+  },
+};
 </script>
 
 <style lang="less">
-    .api-content{
-        height: 100vh;
-        .main{
-            height: calc(100vh - 60px);
-        }
-    }
+.api-content {
+  height: 100vh;
+  .header{
+      background: #89bf04;
+      height: 33px;
+      color: white;
+      .fl{
+          line-height: 33px;
+          a{
+              color: white;
+              display: inline-block;              
+          }
+          a:hover{
+              color: black;
+          }
+      }
+  }
+  .main {
+    height: calc(100vh - 40px);
+  }
+}
 </style>
\ No newline at end of file