需求修改(二)

src/assets/css/index.css

@@ -97,3 +97,8 @@ div {
   border-radius: 4px;
   background-color: #000;
 }
+.biaoti {
+  position: absolute;
+  top: 6px;
+  left: 20px;
+}

src/components/MyBreadcrumb.vue

@@ -1,6 +1,6 @@
 <template>
   <el-breadcrumb separator-class="el-icon-arrow-right">
-    <el-breadcrumb-item> {{level1}} </el-breadcrumb-item>
+    <el-breadcrumb-item :to="{ path: '/' }"> {{level1}} </el-breadcrumb-item>
     <el-breadcrumb-item> {{level2}} </el-breadcrumb-item>
     <el-breadcrumb-item v-if="flag"> {{level3}} </el-breadcrumb-item>
   </el-breadcrumb>
@@ -14,9 +14,9 @@ export default{
 </script>
 
 <style type="text/css">
-
+/*
 .el-breadcrumb__item:last-child .el-breadcrumb__inner {
   color: #0e90ff;
-}
+}*/
 </style>
 

src/components/footer.vue

@@ -2,15 +2,15 @@
   <div class="footer">
     <div class="grayNav">
       <div class="bottomNav">
-        <span v-for="item in footer"><router-link :to="item.Url">{{item.NavigationName}}</router-link></span>
+        <span v-for="item in footer"><router-link :to="item.goPageUrl">{{item.name}}</router-link></span>
       </div>
 
       <div class="bottonmcont">
-        <p>联系电话：400-888-888&emsp;公司地址：XX市XX区XX楼XX号&emsp;公司邮箱：XXXX@XXX.com</p>
+        <p>联系电话：8610-64439011公司地址：北京市朝阳区安贞西里三区浙江大厦9层 公司邮箱：huaanyixin@163.com</p>
       </div>
 
       <div class="bottonmcont">
-        <p>Copyright © 2014-2025,www.xxxxx.com,All rights reserved</p>
+        <p>版权所有：华安医信（北京）管理咨询服务有限公司 保留所有权利 未经授权禁止复制或</p>
       </div>
     </div>
 
@@ -35,128 +35,22 @@
 export default {
   data() {
     return {
-      footer: [
-        { Id: 1,
-          Index: 1,
-          NavigationName: "首页",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/index"
-        },
-        // { Id: 2,
-        //   Index: 2,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "/sharon"
-        // },
-        { Id: 3,
-          Index: 3,
-          NavigationName: "医政沙龙",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/sharon"
-        },
-        // { Id: 4,
-        //   Index: 4,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "/sharon"
-        // },
-        { Id: 5,
-          Index: 5,
-          NavigationName: "医政新闻",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "news"
-        },
-        // { Id: 6,
-        //   Index: 6,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "news"
-        // },
-        { Id: 7,
-          Index: 7,
-          NavigationName: "新规新政",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/newrules"
-        },
-        //  { Id: 8,
-        //   Index: 8,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "news"
-        // },
-        { Id: 9,
-          Index: 9,
-          NavigationName: "案例分享",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/case"
-        },
-        // { Id: 10,
-        //   Index: 10,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "news"
-        // },
-        { Id: 11,
-          Index: 11,
-          NavigationName: "行业百科",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/industry"
-        },
-        // { Id: 12,
-        //   Index: 12,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "news"
-        // },
-        { Id: 13,
-          Index: 13,
-          NavigationName: "服务项目",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/service"
-        },
-        // { Id: 14,
-        //   Index: 14,
-        //   NavigationName: "|",
-        //   RId: 0,
-        //   TwoNavigation: [],
-        //   // Url: "news"
-        // },
-        { Id: 15,
-          Index: 15,
-          NavigationName: "关于我们",
-          RId: 0,
-          TwoNavigation: [],
-          Url: "/about"
-        },
-      ]
+      footer: []
 
     };
   },
   created() {
-    // this.loadData();
+    this.loadData();
   },
 
   methods: {
-    // async loadData() {
-    //   const response = await this.$http.get('navigation');
-    //   if (response.data.Code === 200) {
-    //     // this.footer = response.data.Message;
-    //     // console.log(this.footer)
-    //   }
-    // }
+    async loadData() {
+      const response = await this.$http.get(`biz/menus`);
+      if (response.data.code === 1) {
+        this.loading = false;
+        this.footer = response.data.responseData;
+      }
+    },
   }
 };
 </script>

src/views/doctorpolitical.vue

@@ -9,12 +9,47 @@
     <div class="w sharoncont">
 
       <div class="wthree shaIcon">
-        医政风采
+        <div style="margin: 0 auto;">
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
+        </div>
       </div>
       <img src="../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医政风采</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorDemeanour" :key="id" @click="Jump(item.id)">
@@ -120,18 +155,19 @@ export default {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .doctorpolitical .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
-  line-height: 120px;
+  height: 350px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.doctorpolitical .shaIcon a {
+  cursor:pointer;
+  color: #333333;
 }
 .doctorpolitical .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/cases.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">病例质量管理</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">病例质量管理</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .cases .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.cases .shaIcon span {
+.cases .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .cases .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/concept.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">概念与责任</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">概念与职责</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .concept .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.concept .shaIcon span {
+.concept .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .concept .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/core.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">核心制度</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">核心制度</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .core .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.core .shaIcon span {
+.core .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .core .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/doctorskill.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">医生技能管理</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医生技能管理</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .doctorskill .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.doctorskill .shaIcon span {
+.doctorskill .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .doctorskill .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/education.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">健康教育</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">健康教育</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .education .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.education .shaIcon span {
+.education .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .education .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/farmers.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">卫生支农</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">卫生支农</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .farmers .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.farmers .shaIcon span {
+.farmers .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .farmers .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/outpatientservice.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">门诊质量管理</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">门诊质量管理</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .outpatientserice .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.outpatientserice .shaIcon span {
+.outpatientserice .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .outpatientserice .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/registered.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">执业医生注册</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">执业医生注册</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .registered .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.registered .shaIcon span {
+.registered .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .registered .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/review.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">评审</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">评审</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .review .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.review .shaIcon span {
+.review .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .review .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/doctorpolitical/ward.vue

@@ -10,18 +10,46 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="doctorpolitical">医政风采</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">病房质量管理</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="doctorpolitical">医政风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="concept" style="font-size: 12px;">概念与职责</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="ward" style="font-size: 12px;">病房质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="outpatientservice" style="font-size: 12px;">门诊质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="doctorskill" style="font-size: 12px;">医生技能管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="core" style="font-size: 12px;">核心制度</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="registered" style="font-size: 12px;">执业医生注册</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="farmers" style="font-size: 12px;">卫生支农</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="cases" style="font-size: 12px;">病例质量管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="education" style="font-size: 12px;">健康教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="review" style="font-size: 12px;">评审</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">病房质量管理</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +160,15 @@ export default {
 .ward .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 350px;
   margin-top: 20px;
 }
-.ward .shaIcon span {
+.ward .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .ward .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/experts.vue

@@ -15,6 +15,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">专家风采</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in expertsContent" :key="id" @click="Jump(item.id)">
@@ -132,6 +133,7 @@ export default {
 
 }
 .experts .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/healthfestival.vue

@@ -15,6 +15,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">卫生节日一览</span>
         <div class="hengIcon"></div>
         <div  class="health">
           <table>
@@ -281,6 +282,7 @@ export default {
   text-align: center;
 }
 .healthfestival .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/index.vue

@@ -54,24 +54,6 @@
           </ul>
           </div>
 
-          <!-- <ul>
-            <li>
-              <h5><a href="">中国医政管理沙龙第116次</a></h5>
-              <p>2016年春运火车票将从下周四开始发售。根据铁总官方……</p>
-              <div class="xline"></div>
-            </li>
-            <li>
-              <h5><a href="">中国医政管理沙龙第116次</a></h5>
-              <p>2016年春运火车票将从下周四开始发售。根据铁总官方……</p>
-              <div class="xline"></div>
-            </li>
-            <li>
-              <h5><a href="">中国医政管理沙龙第116次</a></h5>
-              <p>2016年春运火车票将从下周四开始发售。根据铁总官方……</p>
-              <div class="xline"></div>
-            </li>
-          </ul> -->
-
         </div>
       </div>
     </div>
@@ -192,61 +174,6 @@
         </div>
       </div>
     </div>
-    <!-- 站点导航部分 -->
-    <div class="w" style="overflow: hidden; margin-top: 20px;">
-      <div class="zdNav">
-        <div class="fwtitle">
-          <span class="vertical"></span>
-          <span class="text">站点导航</span>
-          <span class="article"></span>
-        </div>
-      </div>
-
-      <div class="zdPic">
-        <div>
-          <div>
-             <img src="../assets/image/1one.png">
-          </div>
-          <span>公积金开户缴存</span>
-        </div>
-
-        <div>
-          <div>
-            <img src="../assets/image/1two.png">
-          </div>
-          <span>我要提取</span>
-        </div>
-
-        <div>
-          <div>
-            <img src="../assets/image/1three.png">
-          </div>
-          <span>我要贷款</span>
-        </div>
-
-        <div>
-          <div>
-            <img src="../assets/image/1four.png">
-          </div>
-          <span>我要查询</span>
-        </div>
-
-        <div>
-          <div>
-            <img src="../assets/image/1five.png">
-          </div>
-          <span>公积金转移</span>
-        </div>
-
-        <div>
-          <div>
-            <img src="../assets/image/1six.png">
-          </div>
-          <span>经办网点</span>
-        </div>
-
-      </div>
-    </div>
 
     <!-- 专家风采部分 -->
     <div class="w" style="overflow: hidden; margin-top: 20px;">
@@ -747,6 +674,7 @@ export default {
       const response = await this.$http.get(`biz/newsArticles/${6}`)
       if (response.data.code === 1) {
         this.expertsContent = response.data.responseData.records.slice(0,6);
+        // console.log(this.expertsContent)
       }
     },
     // 医政风采内容
@@ -1003,7 +931,7 @@ export default {
 }
 .home-page .wikipedia  a {
   font-weight: 700;
-  font-size: 16px;
+  font-size: 14px;
   color: #333333;
 }
 .home-page .wikipedia  a:hover {
@@ -1034,38 +962,13 @@ export default {
   text-overflow:ellipsis;
 }
 .home-page .newdeal .rules li a {
-  font-size: 16px;
-  color: #333333;
+  font-size: 12px;
+  color: #777777;
 }
 .home-page .newdeal .rules li a:hover {
   color: #2868df;
   text-decoration:underline;
 }
-/*站点导航样式*/
-.home-page .zdNav .fwtitle .article {
-  height: 3px;
-  margin-left: 5px;
-  width: 89%;
-  background-color: #eeeeee;
-  display: inline-block;
-}
-.home-page .zdPic {
-  width: 100%;
-  overflow: hidden;
-}
-.home-page .zdPic>div {
-  float: left;
-  width: 16.666666%;
-  text-align: center;
-}
-.home-page .zdPic>div img {
-  margin-top: 30px;
-}
-.home-page .zdPic>div span {
-  display: inline-block;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
 
 /*精选案例*/
 .home-page .handpick .fwtitle .article {

src/views/managementhospital.vue

@@ -15,6 +15,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医院管理制度</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorSystem" :key="id" @click="Jump(item.id)">
@@ -121,7 +122,6 @@ export default {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .managementhospital .shaIcon {
   position: relative;
@@ -133,6 +133,7 @@ export default {
 
 }
 .managementhospital .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/newrules.vue

@@ -9,12 +9,27 @@
     <div class="w sharoncont">
 
       <div class="wthree shaIcon">
-        新规新政
+        <div style="margin: 0 auto;">
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="newrules">新规新政</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="law" style="font-size: 12px;">法律法规</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="policy" style="font-size: 12px;">政策解析</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="insurance" style="font-size: 12px;">医疗保险</a>
+            </div>
+        </div>
+
       </div>
       <img src="../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">新规新政</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in newRules" :key="id" @click="Jump(item.id)">
@@ -113,7 +128,6 @@ export default {
   width: 100%;
 }
 .newrules .sharoncont {
-
   position: relative;
 }
 .newrules .sharoncont .icon {
@@ -125,13 +139,15 @@ export default {
 .newrules .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
-  line-height: 120px;
+  height: 170px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.newrules .shaIcon a {
+  cursor:pointer;
+  color: #333333;
 }
 .newrules .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/newrules/insurance.vue

@@ -10,18 +10,25 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="newrules">新规新政</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">医疗保险</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="newrules">新规新政</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="law" style="font-size: 12px;">法律法规</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="policy" style="font-size: 12px;">政策解析</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="insurance" style="font-size: 12px;">医疗保险</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医疗保险</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -127,18 +134,19 @@ export default {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .insurance .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 170px;
   margin-top: 20px;
 }
-.insurance .shaIcon span {
+.insurance .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .insurance .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/newrules/law.vue

@@ -10,18 +10,25 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="newrules">新规新政</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">法律法规</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="newrules">新规新政</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="law" style="font-size: 12px;">法律法规</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="policy" style="font-size: 12px;">政策解析</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="insurance" style="font-size: 12px;">医疗保险</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">法律法规</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +139,15 @@ export default {
 .law .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 170px;
   margin-top: 20px;
 }
-.law .shaIcon span {
+.law .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .law .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/newrules/policy.vue

@@ -10,18 +10,25 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="newrules">新规新政</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">政策解析</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="newrules">新规新政</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="law" style="font-size: 12px;">法律法规</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="policy" style="font-size: 12px;">政策解析</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="insurance" style="font-size: 12px;">医疗保险</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">政策解析</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +139,15 @@ export default {
 .policy .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 170px;
   margin-top: 20px;
 }
-.policy .shaIcon span {
+.policy .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .policy .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/news.vue

@@ -7,14 +7,27 @@
     </div>
     <!-- 沙龙内容部分 -->
     <div class="w sharoncont">
-
       <div class="wthree shaIcon">
-        医政新闻
+        <div style="margin: 0 auto;">
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="news">医政新闻</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="industry" style="font-size: 12px;">医政行业动态</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="sharon" style="font-size: 12px;">医政沙龙风采</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="invitation" style="font-size: 12px;">医政沙龙邀请函</a>
+            </div>
+        </div>
       </div>
       <img src="../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医政新闻</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorNews" :key="id" @click="Jump(item.id)">
@@ -125,13 +138,15 @@ export default {
 .news .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
-  line-height: 120px;
+  height: 170px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.news .shaIcon a {
+  cursor:pointer;
+  color: #333333;
 }
 .news .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/news/industry.vue

@@ -14,7 +14,13 @@
             <a href="news">医政新闻</a>
           </div>
           <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">医政行业动态</span>
+            <a href="industry" style="font-size: 12px;">医政行业动态</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <a href="sharon" style="font-size: 12px;">医政沙龙风采</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <a href="invitation" style="font-size: 12px;">医政沙龙邀请函</a>
           </div>
         </div>
       </div>
@@ -22,6 +28,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医政行业动态</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -121,25 +128,25 @@ export default {
   width: 100%;
 }
 .industry .sharoncont {
-
   position: relative;
 }
 .industry .sharoncont .icon {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .industry .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 170px;
   margin-top: 20px;
 }
-.industry .shaIcon span {
+.industry .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .industry .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/news/invitation.vue

@@ -14,7 +14,13 @@
             <a href="news">医政新闻</a>
           </div>
           <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">医政沙龙邀请函</span>
+            <a href="industry" style="font-size: 12px;">医政行业动态</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <a href="sharon" style="font-size: 12px;">医政沙龙风采</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <a href="invitation" style="font-size: 12px;">医政沙龙邀请函</a>
           </div>
         </div>
       </div>
@@ -22,6 +28,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医政沙龙邀请函</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -126,18 +133,19 @@ export default {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .invitation .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 170px;
   margin-top: 20px;
 }
-.invitation .shaIcon span {
+.invitation .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .invitation .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/news/sharon.vue

@@ -14,7 +14,13 @@
             <a href="news">医政新闻</a>
           </div>
           <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">医政沙龙风采</span>
+            <a href="industry" style="font-size: 12px;">医政行业动态</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <a href="sharon" style="font-size: 12px;">医政沙龙风采</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <a href="invitation" style="font-size: 12px;">医政沙龙邀请函</a>
           </div>
         </div>
       </div>
@@ -22,6 +28,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医政沙龙风采</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -120,25 +127,25 @@ export default {
   width: 100%;
 }
 .sharon .sharoncont {
-
   position: relative;
 }
 .sharon .sharoncont .icon {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .sharon .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 170px;
   margin-top: 20px;
 }
-.sharon .shaIcon span {
+.sharon .shaIcon a {
   cursor:pointer;
+  color: #333333;
 }
 .sharon .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/newsDetails.vue

@@ -1,9 +1,16 @@
 <template>
   <div class="newsDetails">
     <header-nav  :id="id"/>
+
     <div class="newscont">
-      <h1>{{this.formData.title}}</h1>
-      <div class="content" v-html="this.formData.content"></div>
+      <div>
+        <my-breadcrumb level1="首页" :level2="level2" :level3="level3" :flag="flagtag" style="height: 50px; line-height: 50px;"></my-breadcrumb>
+    </div>
+      <div class="newsOnly">
+        <h1>{{this.formData.title}}</h1>
+        <div class="content" v-html="this.formData.content"></div>
+      </div>
+
     </div>
     <footer-nav/>
   </div>
@@ -12,12 +19,16 @@
 <script>
 import headerNav from '@/components/header';
 import footerNav from '@/components/footer';
+import myBreadcrumb from '@/components/myBreadcrumb';
 export default {
   data() {
     return {
-       id: 11,
-       aid: '',
-       formData: {}
+      id: 11,
+      flagtag: false,
+      level2: "",
+      level3: "",
+      aid: '',
+      formData: {}
     };
   },
   created() {
@@ -26,7 +37,8 @@ export default {
   },
   components: {
     headerNav,
-    footerNav
+    footerNav,
+    myBreadcrumb
   },
   methods: {
     async loadData() {
@@ -48,12 +60,18 @@ export default {
 
 <style>
 .newsDetails {
-  background-color: #f8f8f9;
+  background-color: #ffffff;
 }
 .newsDetails .newscont {
-  width: 700px;
-  margin: 0 auto;
+  width: 900px;
+  margin: 20px auto;
+
+}
+.newsDetails .newscont .newsOnly {
   overflow: hidden;
+  border: 1px solid #333333;
+
+  padding: 20px;
 }
 .newsDetails .newscont h1{
   font-size: 30px;

src/views/nursing.vue

@@ -9,12 +9,30 @@
     <div class="w sharoncont">
 
       <div class="wthree shaIcon">
-        护理天地
+        <div style="margin: 0 auto;">
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="nursing">护理天地</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingmanagement" style="font-size: 12px;">护理管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingquality" style="font-size: 12px;">护理质量</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingeducation" style="font-size: 12px;">护理教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingresearch" style="font-size: 12px;">护理科研</a>
+            </div>
+
+        </div>
       </div>
       <img src="../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">护理天地</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in nursingWorld" :key="id" @click="Jump(item.id)">
@@ -77,7 +95,7 @@ export default {
       if (response.data.code === 1) {
         this.nursingWorld = response.data.responseData.records;
         this.total = response.data.responseData.total;
-        // console.log(response.data.responseData)
+        console.log(response.data.responseData.records)
       }
     },
     //跳转
@@ -125,13 +143,15 @@ export default {
 .nursing .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
-  line-height: 120px;
+  height: 190px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.nursing .shaIcon a {
+  cursor:pointer;
+  color: #333333;
 }
 .nursing .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/nursing/nursingeducation.vue

@@ -10,18 +10,29 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="nursing">护理天地</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">护理教育</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="nursing">护理天地</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingmanagement" style="font-size: 12px;">护理管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingquality" style="font-size: 12px;">护理质量</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingeducation" style="font-size: 12px;">护理教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingresearch" style="font-size: 12px;">护理科研</a>
+            </div>
+
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">护理教育</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +143,15 @@ export default {
 .nursingeducation .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 190px;
   margin-top: 20px;
 }
-.nursingeducation .shaIcon span {
+.nursingeducation .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .nursingeducation .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/nursing/nursingmanagement.vue

@@ -10,18 +10,29 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="nursing">护理天地</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">护理管理</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="nursing">护理天地</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingmanagement" style="font-size: 12px;">护理管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingquality" style="font-size: 12px;">护理质量</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingeducation" style="font-size: 12px;">护理教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingresearch" style="font-size: 12px;">护理科研</a>
+            </div>
+
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">护理管理</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +143,15 @@ export default {
 .nursingmanagement .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 190px;
   margin-top: 20px;
 }
-.nursingmanagement .shaIcon span {
+.nursingmanagement .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .nursingmanagement .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/nursing/nursingquality.vue

@@ -10,18 +10,29 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="nursing">护理天地</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">护理质量</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="nursing">护理天地</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingmanagement" style="font-size: 12px;">护理管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingquality" style="font-size: 12px;">护理质量</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingeducation" style="font-size: 12px;">护理教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingresearch" style="font-size: 12px;">护理科研</a>
+            </div>
+
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">护理质量</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +143,15 @@ export default {
 .nursingquality .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 190px;
   margin-top: 20px;
 }
-.nursingquality .shaIcon span {
+.nursingquality .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .nursingquality .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/nursing/nursingresearch.vue

@@ -10,18 +10,28 @@
 
       <div class="wthree shaIcon">
         <div style="margin: 0 auto;">
-          <div style="margin-top: 35px; margin-left: 36%;">
-            <a href="nursing">护理天地</a>
-          </div>
-          <div style="margin-top: 5px; margin-left: 36%;">
-            <span style="font-size: 12px;">护理科研</span>
-          </div>
+            <div style="margin-top: 35px; margin-left: 36%;">
+              <a href="nursing">护理天地</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingmanagement" style="font-size: 12px;">护理管理</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingquality" style="font-size: 12px;">护理质量</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingeducation" style="font-size: 12px;">护理教育</a>
+            </div>
+            <div style="margin-top: 5px; margin-left: 36%;">
+              <a href="nursingresearch" style="font-size: 12px;">护理科研</a>
+            </div>
         </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">护理科研</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
@@ -132,13 +142,15 @@ export default {
 .nursingresearch .shaIcon {
   position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
+  height: 190px;
   margin-top: 20px;
 }
-.nursingresearch .shaIcon span {
+.nursingresearch .shaIcon a {
+  color: #333333;
   cursor:pointer;
 }
 .nursingresearch .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/reviewhospital.vue

@@ -15,6 +15,7 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">医院评审动态</span>
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorReview" :key="id" @click="Jump(item.id)">
@@ -133,6 +134,7 @@ export default {
 
 }
 .reviewhospital .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
   margin-top: 20px;
 }

src/views/service.vue

@@ -15,8 +15,35 @@
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
+        <span class="biaoti">服务项目</span>
         <div class="hengIcon"></div>
-        暂无内容
+        <ul >
+          <li v-for="(item, index) in serviceDemeanour" :key="id" @click="Jump(item.id)">
+            <div class="newcont">
+              <div style="overflow: hidden;">
+                <span class="round left"></span>
+                <h5 class="left" style="margin-left: 15px;">{{item.title}}</h5>
+                <span class="onlyTime">{{item.publishTime}}</span>
+              </div>
+
+              <div class="onlyHeight">
+                <p>{{item.newsAbstract}}</p>
+              </div>
+            </div>
+          </li>
+        </ul>
+        <!-- 分页 -->
+        <div class="block">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="current"
+            :page-size="pagesize"
+            background
+            layout="prev, pager, next"
+            :total="total">
+          </el-pagination>
+        </div>
       </div>
     </div>
 
@@ -30,7 +57,12 @@ import footerNav from '@/components/footer';
 export default {
   data() {
     return {
-       id: 10,
+      id: 10,
+      current: 1,
+      pagesize: 10,
+      // 总共有多少条数据
+      total: 0,
+      serviceDemeanour: []
     };
   },
   components: {
@@ -38,10 +70,32 @@ export default {
     footerNav
   },
   created() {
-
+    this.loadData();
   },
   methods: {
-
+    async loadData() {
+      const response = await this.$http.get(`biz/newsArticles/${10}?&current=${this.current}&size=${this.pagesize}`);
+      if (response.data.code === 1) {
+        this.serviceDemeanour = response.data.responseData.records;
+        this.total = response.data.responseData.total;
+        // console.log(response.data.responseData)
+      }
+    },
+    //跳转
+    Jump(id){
+      window.open('/newsDetails/'+ id);
+    },
+    // 分页方法
+    handleSizeChange(val) {
+      this.pagesize = val;
+      this.loadData();
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      this.current = val;
+      this.loadData();
+      console.log(`当前页: ${val}`);
+    },
   }
 };
 </script>
@@ -67,7 +121,6 @@ export default {
   position: absolute;
   left: -11px;
   top: 13px;
-
 }
 .service .shaIcon {
   position: relative;
@@ -79,11 +132,9 @@ export default {
 
 }
 .service .shamatter {
+  position: relative;
   border: 1px solid #cccccc;
-  height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
 }
 .service .shamatter .shuIcon {
   width: 4px;
@@ -98,4 +149,11 @@ export default {
   height: 4px;
   margin-top: 10px;
 }
+.service .shamatter .health  {
+  margin-top: 15px;
+}
+.service .shamatter .health span {
+  margin-left: 25px;
+  font-size: 14px;
+}
 </style>