修改所有的提议

src/assets/css/index.css

@@ -68,3 +68,32 @@ div {
   margin-top: 20px;
   margin-bottom: 20px;
 }
+.onlyTime {
+  font-size: 12px;
+  padding-top: 5px;
+  float: right;
+  margin-right: 10px;
+  color: #999999;
+}
+.onlyHeight {
+  height: 20px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  overflow: hidden;
+}
+.onlyHeight p {
+  font-size: 12px;
+  margin-left: 17px;
+  margin-bottom: 20px;
+  overflow: hidden;/*超出部分隐藏*/
+  white-space: nowrap;/*不换行*/
+  text-overflow:ellipsis;
+}
+.round {
+  width: 2px;
+  height: 2px;
+  margin-top: 10px;
+  border: 1px solid #000;
+  border-radius: 4px;
+  background-color: #000;
+}

src/components/MyBreadcrumb.vue

@@ -0,0 +1,22 @@
+<template>
+  <el-breadcrumb separator-class="el-icon-arrow-right">
+    <el-breadcrumb-item> {{level1}} </el-breadcrumb-item>
+    <el-breadcrumb-item> {{level2}} </el-breadcrumb-item>
+    <el-breadcrumb-item v-if="flag"> {{level3}} </el-breadcrumb-item>
+  </el-breadcrumb>
+</template>
+
+<script type="text/javascript">
+export default{
+  name: 'MyBreadcrumb',
+  props: ['level1', 'level2', 'level3','flag'],
+}
+</script>
+
+<style type="text/css">
+
+.el-breadcrumb__item:last-child .el-breadcrumb__inner {
+  color: #0e90ff;
+}
+</style>
+

src/main.js

@@ -8,11 +8,9 @@ import ElementUI from 'element-ui';
 // import 'swiper/dist/idangerous.swiper.css';
 import '@/assets/css/index.css';
 import myaxios from '@/plugins/MyAxios';
-// import MyBreadcrumb from '@/components/MyBreadcrumb';
+import MyBreadcrumb from '@/components/MyBreadcrumb';
 // import promise from 'es6-promise';promise.polyfill();
 import 'babel-polyfill';
-// import VueResource from 'vue-resource'
-// Vue.use(VueResource);
 
 //轮播插件
 import scroll from 'vue-seamless-scroll';

src/views/doctorpolitical.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorDemeanour" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -148,8 +151,6 @@ export default {
 .doctorpolitical .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .doctorpolitical .shamatter li .pic {
@@ -167,11 +168,12 @@ export default {
   padding-left: 10px;
 }
 .doctorpolitical .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.doctorpolitical .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.doctorpolitical .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/cases.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">病例质量管理</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.cases .shaIcon span {
+  cursor:pointer;
 }
 .cases .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .cases .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .cases .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .cases .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.cases .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.cases .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/concept.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">概念与责任</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.concept .shaIcon span {
+  cursor:pointer;
 }
 .concept .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .concept .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .concept .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .concept .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.concept .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.concept .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/core.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">核心制度</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.core .shaIcon span {
+  cursor:pointer;
 }
 .core .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .core .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .core .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .core .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.core .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.core .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/doctorskill.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">医生技能管理</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.doctorskill .shaIcon span {
+  cursor:pointer;
 }
 .doctorskill .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .doctorskill .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .doctorskill .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .doctorskill .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.doctorskill .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.doctorskill .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/education.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">健康教育</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.education .shaIcon span {
+  cursor:pointer;
 }
 .education .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .education .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .education .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .education .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.education .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.education .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/farmers.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">卫生支农</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.farmers .shaIcon span {
+  cursor:pointer;
 }
 .farmers .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .farmers .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .farmers .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .farmers .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.farmers .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.farmers .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/outpatientservice.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">门诊质量管理</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.outpatientserice .shaIcon span {
+  cursor:pointer;
 }
 .outpatientserice .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .outpatientserice .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .outpatientserice .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .outpatientserice .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.outpatientserice .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.outpatientserice .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/registered.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">执业医生注册</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.registered .shaIcon span {
+  cursor:pointer;
 }
 .registered .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .registered .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .registered .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .registered .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.registered .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.registered .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/review.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">评审</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.review .shaIcon span {
+  cursor:pointer;
 }
 .review .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .review .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .review .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .review .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.review .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.review .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/doctorpolitical/ward.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">病房质量管理</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.ward .shaIcon span {
+  cursor:pointer;
 }
 .ward .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .ward .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .ward .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .ward .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.ward .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.ward .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/experts.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in expertsContent" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -148,8 +151,6 @@ export default {
 .experts .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .experts .shamatter li .pic {
@@ -167,11 +168,12 @@ export default {
   padding-left: 10px;
 }
 .experts .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.experts .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.experts .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/experts/field.vue

@@ -9,7 +9,14 @@
     <div class="w sharoncont">
 
       <div class="wthree shaIcon">
-        分领域
+        <div style="margin: 0 auto;">
+          <div style="margin-top: 35px; margin-left: 36%;">
+            <a href="experts">专家风采</a>
+          </div>
+          <div style="margin-top: 5px; margin-left: 36%;">
+            <span style="font-size: 12px;">分领域</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.field .shaIcon span {
+  cursor:pointer;
 }
 .field .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .field .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .field .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .field .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.field .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.field .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/index.vue

@@ -31,30 +31,11 @@
 
         <div class="fwcont">
           <ul>
-            <li>
-              <img src="../assets/image/fuwu.jpg">
-              <span>医疗管理</span>
-            </li>
-            <li>
-              <img src="../assets/image/fuwu.jpg">
-              <span>管理咨询</span>
-            </li>
-            <li>
-              <img src="../assets/image/fuwu.jpg">
-              <span>沙龙活动</span>
-            </li>
-            <li>
+            <li v-for="(item, index) in projectService" @click="jumpsecondary(item)">
               <img src="../assets/image/fuwu.jpg">
-              <span>研究会议</span>
-            </li>
-            <li>
-              <img src="../assets/image/fuwu.jpg">
-              <span>行业合作</span>
-            </li>
-            <li>
-              <img src="../assets/image/fuwu.jpg">
-              <span>学术研究</span>
+              <span>{{item.name}}</span>
             </li>
+
           </ul>
         </div>
         <!-- 医政沙龙风采 -->
@@ -447,6 +428,8 @@ export default {
       doctorDemeanour: [],
       //护理天地内容
       nursingWorld: [],
+      //服务项目
+      projectService: [],
       newsList: [
         {
           'imgs': require('../assets/image/1.jpg'),
@@ -687,6 +670,8 @@ export default {
             this.PageNameEight = this.usertable[i].name;
           }else if (this.usertable[i].homePageOrder == 9){
             this.PageNameNine = this.usertable[i].name;
+            this.projectService = this.usertable[i].childList;
+            // console.log(this.projectService)
           }
         }
       }
@@ -721,7 +706,7 @@ export default {
       const response = await this.$http.get(`biz/links`);
       if (response.data.code === 1) {
         this.friendshipList = response.data.responseData
-        console.log(this.friendshipList)
+        // console.log(this.friendshipList)
       }
     },
     // async loadNewOne () {
@@ -782,7 +767,7 @@ export default {
     async loadNewDragon() {
       const response = await this.$http.get(`biz/newsArticles/${12}`)
       if (response.data.code === 1) {
-        this.dragonList = response.data.responseData.records.slice(0,3);
+        this.dragonList = response.data.responseData.records.slice(0,4);
       }
     },
     // async loadNewNine() {
@@ -792,12 +777,16 @@ export default {
     // },
     // async loadNewTen() {
     //   const response = await this.$http.get(`biz/newsArticles/${10}`)
-    //   if (response.data.code === 1) {;
+    //   if (response.data.code === 1) {
+    //     console.log(response.data.responseData.records)
     //   }
     // },
     //跳转友情链接
     jumpFriendship(item) {
       window.open(item.url);
+    },
+    jumpsecondary(item) {
+      this.$router.push(item.goPageUrl);
     }
   },
   created() {
@@ -873,12 +862,13 @@ export default {
   text-align: center;
 }
 .home-page .fwcont ul li {
-  width: 33.33%;
+  width: 50%;
   float: left;
   height: 42px;
   line-height: 42px;
   text-align: center;
   border: 1px solid #efeeec;
+  cursor: pointer;
 }
 .home-page .fwcont ul li img {
   vertical-align: middle;
@@ -902,13 +892,7 @@ export default {
   color: #2868df;
   text-decoration:underline;
 }
-/*.home-page .slcont h5 a {
 
-}
-.home-page .slcont h5 a:hover{
-  color: #2868df;
-  text-decoration:underline;
-}*/
 .home-page .slcont p {
   margin-top: 5px;
   font-size: 12px;

src/views/managementhospital.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorSystem" :key="id" @click="Jump(item.id)">
-            <div class="left pic" >
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -149,8 +152,6 @@ export default {
 .managementhospital .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .managementhospital .shamatter li .pic {
@@ -168,11 +169,7 @@ export default {
   padding-left: 10px;
 }
 .managementhospital .shamatter li .newcont h5{
-  font-size: 16px;
-  padding-top: 5px;
-}
-.managementhospital .shamatter li .newcont p{
-  font-size: 12px;
+  font-size: 14px;
   padding-top: 5px;
 }
 .managementhospital .shamatter .block {

src/views/newrules.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in newRules" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -74,7 +77,7 @@ export default {
       if (response.data.code === 1) {
         this.newRules = response.data.responseData.records;
         this.total = response.data.responseData.total;
-        // console.log(response.data.responseData)
+        console.log(response.data.responseData.records)
       }
     },
     //跳转
@@ -148,8 +151,6 @@ export default {
 .newrules .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .newrules .shamatter li .pic {
@@ -167,11 +168,7 @@ export default {
   padding-left: 10px;
 }
 .newrules .shamatter li .newcont h5{
-  font-size: 16px;
-  padding-top: 5px;
-}
-.newrules .shamatter li .newcont p{
-  font-size: 12px;
+  font-size: 14px;
   padding-top: 5px;
 }
 .newrules .shamatter .block {
@@ -180,3 +177,4 @@ export default {
   margin-bottom: 20px;
 }
 </style>
+

src/views/newrules/insurance.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">医疗保险</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.insurance .shaIcon span {
+  cursor:pointer;
 }
 .insurance .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .insurance .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .insurance .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .insurance .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.insurance .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.insurance .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/newrules/law.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">法律法规</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.law .shaIcon span {
+  cursor:pointer;
 }
 .law .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .law .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .law .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .law .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.law .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.law .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/newrules/policy.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">政策解析</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <div style="overflow: hidden;">
+                <span class="round left"></span>
+                <h5 class="left" style="margin-left: 5px;">{{item.title}}</h5>
+                <span class="onlyTime">{{item.publishTime}}</span>
+              </div>
+
+              <div class="onlyHeight">
+                <p>{{item.newsAbstract}}</p>
+              </div>
             </div>
           </li>
         </ul>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.policy .shaIcon span {
+  cursor:pointer;
 }
 .policy .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .policy .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .policy .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .policy .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.policy .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.policy .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/news.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorNews" :key="id" @click="Jump(item.id)">
-            <!-- <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div> -->
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -148,8 +151,6 @@ export default {
 .news .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .news .shamatter li .pic {
@@ -167,11 +168,7 @@ export default {
   padding-left: 10px;
 }
 .news .shamatter li .newcont h5{
-  font-size: 16px;
-  padding-top: 5px;
-}
-.news .shamatter li .newcont p{
-  font-size: 12px;
+  font-size: 14px;
   padding-top: 5px;
 }
 .news .shamatter .block {

src/views/news/industry.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">医政行业动态</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -50,10 +60,12 @@
 <script type="text/javascript">
 import headerNav from '@/components/header';
 import footerNav from '@/components/footer';
+
 export default {
   data() {
     return {
       id: 3,
+      level2: '医政行业动态',
       current: 1,
       pagesize: 10,
       // 总共有多少条数据
@@ -122,10 +134,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.industry .shaIcon span {
+  cursor:pointer;
 }
 .industry .shamatter {
   border: 1px solid #cccccc;
@@ -147,8 +159,6 @@ export default {
 .industry .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .industry .shamatter li .pic {
@@ -166,11 +176,12 @@ export default {
   padding-left: 10px;
 }
 .industry .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.industry .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.industry .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/news/invitation.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">医政沙龙邀请函</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -122,10 +132,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.invitation .shaIcon span {
+  cursor:pointer;
 }
 .invitation .shamatter {
   border: 1px solid #cccccc;
@@ -147,8 +157,6 @@ export default {
 .invitation .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .invitation .shamatter li .pic {
@@ -166,11 +174,12 @@ export default {
   padding-left: 10px;
 }
 .invitation .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.invitation .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.invitation .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/news/sharon.vue

@@ -9,22 +9,32 @@
     <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%;">
+            <span style="font-size: 12px;">医政沙龙风采</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
       <div class="wseven shamatter">
         <div class="shuIcon"></div>
         <div class="hengIcon"></div>
-        <ul>
-          <li v-for="(item, id) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
+        <ul >
+          <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.sharon .shaIcon span {
+  cursor:pointer;
 }
 .sharon .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .sharon .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .sharon .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .sharon .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.sharon .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.sharon .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/newsDetails.vue

@@ -1,14 +1,17 @@
 <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>
-
+    <footer-nav/>
   </div>
 </template>
 
 <script>
+import headerNav from '@/components/header';
+import footerNav from '@/components/footer';
 export default {
   data() {
     return {
@@ -21,6 +24,10 @@ export default {
     this.getUrlsub();
     this.loadData();
   },
+  components: {
+    headerNav,
+    footerNav
+  },
   methods: {
     async loadData() {
       const response = await this.$http.get(`biz/newsArticle/${this.aid}`);

src/views/nursing.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in nursingWorld" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -148,8 +151,6 @@ export default {
 .nursing .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .nursing .shamatter li .pic {
@@ -167,11 +168,13 @@ export default {
   padding-left: 10px;
 }
 .nursing .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.nursing .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.nursing .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>
+

src/views/nursing/nursingeducation.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">护理教育</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.nursingeducation .shaIcon span {
+  cursor:pointer;
 }
 .nursingeducation .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .nursingeducation .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .nursingeducation .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .nursingeducation .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.nursingeducation .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.nursingeducation .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/nursing/nursingmanagement.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">护理管理</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.nursingmanagement .shaIcon span {
+  cursor:pointer;
 }
 .nursingmanagement .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .nursingmanagement .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .nursingmanagement .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .nursingmanagement .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.nursingmanagement .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.nursingmanagement .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/nursing/nursingquality.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">护理质量</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.nursingquality .shaIcon span {
+  cursor:pointer;
 }
 .nursingquality .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .nursingquality .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .nursingquality .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .nursingquality .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.nursingquality .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.nursingquality .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/nursing/nursingresearch.vue

@@ -9,7 +9,14 @@
     <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%;">
+            <span style="font-size: 12px;">护理科研</span>
+          </div>
+        </div>
       </div>
       <img src="../../assets/image/sl.png" class="icon">
 
@@ -18,13 +25,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -123,10 +133,10 @@ export default {
   position: relative;
   border: 1px solid #cccccc;
   height: 120px;
-  line-height: 120px;
   margin-top: 20px;
-  text-align: center;
-
+}
+.nursingresearch .shaIcon span {
+  cursor:pointer;
 }
 .nursingresearch .shamatter {
   border: 1px solid #cccccc;
@@ -148,8 +158,6 @@ export default {
 .nursingresearch .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .nursingresearch .shamatter li .pic {
@@ -167,11 +175,12 @@ export default {
   padding-left: 10px;
 }
 .nursingresearch .shamatter li .newcont h5{
-  font-size: 16px;
+  font-size: 14px;
   padding-top: 5px;
 }
-.nursingresearch .shamatter li .newcont p{
-  font-size: 12px;
-  padding-top: 5px;
+.nursingresearch .shamatter .block {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 </style>

src/views/reviewhospital.vue

@@ -18,13 +18,16 @@
         <div class="hengIcon"></div>
         <ul >
           <li v-for="(item, index) in doctorReview" :key="id" @click="Jump(item.id)">
-            <div class="left pic">
-              <img v-if="item.photoUrl !== null" :src="item.photoUrl">
-              <img v-if="item.photoUrl === null" src="../assets/image/xinwen.jpg">
-            </div>
             <div class="newcont">
-              <h5>{{item.title}}</h5>
-              <p>{{item.newsAbstract}}</p>
+              <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>
@@ -118,6 +121,7 @@ export default {
   position: absolute;
   left: -11px;
   top: 13px;
+
 }
 .reviewhospital .shaIcon {
   position: relative;
@@ -148,8 +152,6 @@ export default {
 .reviewhospital .shamatter li {
   overflow: hidden;
   margin-top: 15px;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
   cursor:pointer;
 }
 .reviewhospital .shamatter li .pic {
@@ -167,11 +169,7 @@ export default {
   padding-left: 10px;
 }
 .reviewhospital .shamatter li .newcont h5{
-  font-size: 16px;
-  padding-top: 5px;
-}
-.reviewhospital .shamatter li .newcont p{
-  font-size: 12px;
+  font-size: 14px;
   padding-top: 5px;
 }
 .reviewhospital .shamatter .block {