更新

src/views/service/detail/achievements.vue

@@ -1,7 +1,8 @@
 <template>
-  <div id="achievements" style="background-color: #F5F5F54f;">
-    <!-- <div class="main">
-      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+  <!-- <div id="achievements" style="background-color: #F5F5F54f;"> -->
+  <div id="achievements">
+    <div class="main">
+      <!--  <el-col class="title" :span="24"> {{ detail.title }}</el-col>
       <el-col :span="24" class="info">
         <div>
           <p>简介:</p>
@@ -19,30 +20,9 @@
           <el-button plain>绩效评价结果上报相关部门</el-button><i class="el-icon-right"></i>
           <el-button plain>绩效评价结果运用</el-button>
         </div>
-      </el-col>
-    </div> -->
-    <div class="main">
-      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
-      <el-col :span="24" class="info">
-        <el-col :span="24" class="one">
-          <p>服务描述:</p>
-          <p>{{ detail.desc }}</p>
-        </el-col>
-        <el-col :span="24" class="two">
-          <p>服务流程:</p>
-          <el-col :span="24" class="twoBtn">
-            <div><el-button plain>确认绩效评价对象</el-button><i class="el-icon-right"></i></div>
-            <div><el-button plain>下发通知书</el-button> <i class="el-icon-right"></i></div>
-            <div><el-button plain>提交绩效评价数据</el-button> <i class="el-icon-right"></i></div>
-            <div><el-button plain>绩效评价审核结果</el-button><i class="el-icon-right"></i></div>
-            <div><el-button plain>绩效评价结果上报相关部门</el-button><i class="el-icon-right"></i></div>
-            <div><el-button plain>绩效评价结果运用</el-button></div>
-          </el-col>
-        </el-col>
-        <el-col :span="24" class="three">
-          <el-button type="primary">申请办理</el-button>
-        </el-col>
-      </el-col>
+      </el-col> -->
+      <el-image :src="kaifaInfo.pic"></el-image>
+      <p>{{ kaifaInfo.title }}</p>
     </div>
   </div>
 </template>
@@ -59,6 +39,10 @@ export default {
         desc:
           '绩效评价是指运用一定的评价方法、量化指标及评价标准，对中央部门为实现其职能所确定的绩效目标的实现程度，及为实现这一目标所安排预算的执行结果所进行的综合性评价。绩效评价的过程就是将员工的收集工作绩效同要求其达到的工作绩效标准进行比对的过程。',
       },
+      kaifaInfo: {
+        pic: require('@/assets/timg.gif'),
+        title: '功能开发中',
+      },
     };
   },
   created() {},
@@ -69,66 +53,73 @@ export default {
 
 <style lang="less" scoped>
 .main {
-  .title {
-    text-align: center;
-    font-size: 25px;
-    color: #22529a;
-    font-weight: bold;
-    margin: 15px 0;
-  }
-  .info {
-    .one {
-      padding: 20px;
-      p:first-child {
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      p:last-child {
-        margin: 15px 0 0 0;
-        font-size: 16px;
-        border: 1px solid #22529a;
-        padding: 20px 10px;
-        border-radius: 10px;
-        min-height: 70px;
-      }
-    }
-    .two {
-      padding: 20px;
-      p {
-        float: left;
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      .twoBtn {
-        margin: 15px 0 0 0;
-        border: 1px solid #22529a;
-        border-radius: 10px;
-        min-height: 100px;
-        padding: 20px 10px;
-        div {
-          float: left;
-          margin: 0 0 10px 10px;
-          .el-button {
-            margin: 0 10px 0 0;
-          }
-        }
-      }
-    }
-    .three {
-      text-align: center;
-    }
+  text-align: center;
+  p {
+    font-size: 35px;
+    padding: 15px 0;
   }
 }
+// .main {
+//   .title {
+//     text-align: center;
+//     font-size: 25px;
+//     color: #22529a;
+//     font-weight: bold;
+//     margin: 15px 0;
+//   }
+//   .info {
+//     .one {
+//       padding: 20px;
+//       p:first-child {
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       p:last-child {
+//         margin: 15px 0 0 0;
+//         font-size: 16px;
+//         border: 1px solid #22529a;
+//         padding: 20px 10px;
+//         border-radius: 10px;
+//         min-height: 70px;
+//       }
+//     }
+//     .two {
+//       padding: 20px;
+//       p {
+//         float: left;
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       .twoBtn {
+//         margin: 15px 0 0 0;
+//         border: 1px solid #22529a;
+//         border-radius: 10px;
+//         min-height: 100px;
+//         padding: 20px 10px;
+//         div {
+//           float: left;
+//           margin: 0 0 10px 10px;
+//           .el-button {
+//             margin: 0 10px 0 0;
+//           }
+//         }
+//       }
+//     }
+//     .three {
+//       text-align: center;
+//     }
+//   }
+// }
 </style>

src/views/service/detail/assessment.vue

@@ -1,7 +1,8 @@
 <template>
-  <div id="assessment" style="background-color: #F5F5F54f;">
+  <!-- <div id="assessment" style="background-color: #F5F5F54f;"> -->
+  <div id="assessment">
     <div class="main">
-      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <!-- <el-col class="title" :span="24"> {{ detail.title }}</el-col>
       <el-col :span="24" class="info">
         <el-col :span="24" class="one">
           <p>服务描述:</p>
@@ -21,7 +22,9 @@
         <el-col :span="24" class="three">
           <el-button type="primary">申请办理</el-button>
         </el-col>
-      </el-col>
+      </el-col> -->
+      <el-image :src="kaifaInfo.pic"></el-image>
+      <p>{{ kaifaInfo.title }}</p>
     </div>
   </div>
 </template>
@@ -38,6 +41,10 @@ export default {
         desc:
           '科技评估，是指由科技评估机构（以下简称评估机构）根据委托方明确的目的，遵循一定的原则、程序和标准，运用科学、可行的方法对科技政策、科技计划、科技项目、科技成果、科技发展领域、科技机构、科技人员以及与科技活动有关的行为所进行的专业化咨询和评判活动。',
       },
+      kaifaInfo: {
+        pic: require('@/assets/timg.gif'),
+        title: '功能开发中',
+      },
     };
   },
   created() {},
@@ -48,66 +55,73 @@ export default {
 
 <style lang="less" scoped>
 .main {
-  .title {
-    text-align: center;
-    font-size: 25px;
-    color: #22529a;
-    font-weight: bold;
-    margin: 15px 0;
-  }
-  .info {
-    .one {
-      padding: 20px;
-      p:first-child {
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      p:last-child {
-        margin: 15px 0 0 0;
-        font-size: 16px;
-        border: 1px solid #22529a;
-        padding: 20px 10px;
-        border-radius: 10px;
-        min-height: 70px;
-      }
-    }
-    .two {
-      padding: 20px;
-      p {
-        float: left;
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      .twoBtn {
-        margin: 15px 0 0 0;
-        border: 1px solid #22529a;
-        border-radius: 10px;
-        min-height: 100px;
-        padding: 20px 10px;
-        div {
-          float: left;
-          margin: 0 0 10px 10px;
-          .el-button {
-            margin: 0 10px 0 0;
-          }
-        }
-      }
-    }
-    .three {
-      text-align: center;
-    }
+  text-align: center;
+  p {
+    font-size: 35px;
+    padding: 15px 0;
   }
 }
+// .main {
+//   .title {
+//     text-align: center;
+//     font-size: 25px;
+//     color: #22529a;
+//     font-weight: bold;
+//     margin: 15px 0;
+//   }
+//   .info {
+//     .one {
+//       padding: 20px;
+//       p:first-child {
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       p:last-child {
+//         margin: 15px 0 0 0;
+//         font-size: 16px;
+//         border: 1px solid #22529a;
+//         padding: 20px 10px;
+//         border-radius: 10px;
+//         min-height: 70px;
+//       }
+//     }
+//     .two {
+//       padding: 20px;
+//       p {
+//         float: left;
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       .twoBtn {
+//         margin: 15px 0 0 0;
+//         border: 1px solid #22529a;
+//         border-radius: 10px;
+//         min-height: 100px;
+//         padding: 20px 10px;
+//         div {
+//           float: left;
+//           margin: 0 0 10px 10px;
+//           .el-button {
+//             margin: 0 10px 0 0;
+//           }
+//         }
+//       }
+//     }
+//     .three {
+//       text-align: center;
+//     }
+//   }
+// }
 </style>

src/views/service/detail/contract.vue

@@ -1,7 +1,8 @@
 <template>
-  <div id="contract" style="background-color: #F5F5F54f;">
+  <!-- <div id="contract" style="background-color: #F5F5F54f;"> -->
+  <div id="contract">
     <div class="main">
-      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <!-- <el-col class="title" :span="24"> {{ detail.title }}</el-col>
       <el-col :span="24" class="info">
         <el-col :span="24" class="one">
           <p>服务描述:</p>
@@ -22,7 +23,9 @@
         <el-col :span="24" class="three">
           <el-button type="primary">申请办理</el-button>
         </el-col>
-      </el-col>
+      </el-col> -->
+      <el-image :src="kaifaInfo.pic"></el-image>
+      <p>{{ kaifaInfo.title }}</p>
     </div>
   </div>
 </template>
@@ -39,6 +42,10 @@ export default {
         desc:
           '第一，合同的标的是某种服务，而且这种服务只能以网络为载体才能提供。这就使得在线服务合同与以提供服务为标的的电子商务合同不同，因为在这种电子商务合同中，网络只是改变了合同订立的方式，服务的提供不能通过网络进行。第二，这种合同既可以是有偿的，也可以是无偿的。有偿的如网络游戏合同，无偿的如几大门户网站提供的免费电子邮件服务。',
       },
+      kaifaInfo: {
+        pic: require('@/assets/timg.gif'),
+        title: '功能开发中',
+      },
     };
   },
   created() {},
@@ -49,66 +56,73 @@ export default {
 
 <style lang="less" scoped>
 .main {
-  .title {
-    text-align: center;
-    font-size: 25px;
-    color: #22529a;
-    font-weight: bold;
-    margin: 15px 0;
-  }
-  .info {
-    .one {
-      padding: 20px;
-      p:first-child {
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      p:last-child {
-        margin: 15px 0 0 0;
-        font-size: 16px;
-        border: 1px solid #22529a;
-        padding: 20px 10px;
-        border-radius: 10px;
-        min-height: 70px;
-      }
-    }
-    .two {
-      padding: 20px;
-      p {
-        float: left;
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      .twoBtn {
-        margin: 15px 0 0 0;
-        border: 1px solid #22529a;
-        border-radius: 10px;
-        min-height: 100px;
-        padding: 20px 10px;
-        div {
-          float: left;
-          margin: 0 0 10px 10px;
-          .el-button {
-            margin: 0 10px 0 0;
-          }
-        }
-      }
-    }
-    .three {
-      text-align: center;
-    }
+  text-align: center;
+  p {
+    font-size: 35px;
+    padding: 15px 0;
   }
 }
+// .main {
+//   .title {
+//     text-align: center;
+//     font-size: 25px;
+//     color: #22529a;
+//     font-weight: bold;
+//     margin: 15px 0;
+//   }
+//   .info {
+//     .one {
+//       padding: 20px;
+//       p:first-child {
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       p:last-child {
+//         margin: 15px 0 0 0;
+//         font-size: 16px;
+//         border: 1px solid #22529a;
+//         padding: 20px 10px;
+//         border-radius: 10px;
+//         min-height: 70px;
+//       }
+//     }
+//     .two {
+//       padding: 20px;
+//       p {
+//         float: left;
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       .twoBtn {
+//         margin: 15px 0 0 0;
+//         border: 1px solid #22529a;
+//         border-radius: 10px;
+//         min-height: 100px;
+//         padding: 20px 10px;
+//         div {
+//           float: left;
+//           margin: 0 0 10px 10px;
+//           .el-button {
+//             margin: 0 10px 0 0;
+//           }
+//         }
+//       }
+//     }
+//     .three {
+//       text-align: center;
+//     }
+//   }
+// }
 </style>

src/views/service/detail/credit.vue

@@ -1,7 +1,8 @@
 <template>
-  <div id="credit" style="background-color: #F5F5F54f;">
+  <!-- <div id="credit" style="background-color: #F5F5F54f;"> -->
+  <div id="credit">
     <div class="main">
-      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <!-- <el-col class="title" :span="24"> {{ detail.title }}</el-col>
       <el-col :span="24" class="info">
         <el-col :span="24" class="one">
           <p>服务描述:</p>
@@ -23,7 +24,9 @@
         <el-col :span="24" class="three">
           <el-button type="primary">申请办理</el-button>
         </el-col>
-      </el-col>
+      </el-col> -->
+      <el-image :src="kaifaInfo.pic"></el-image>
+      <p>{{ kaifaInfo.title }}</p>
     </div>
   </div>
 </template>
@@ -40,6 +43,10 @@ export default {
         desc:
           '信用认证，是指认证机构对“被认证公司是否合法存在”的认证以及“认证申请人是否属于被认证公司”的查证。通常指某些协会或信用评价机构对申请认证的各类企事业单位、政府及其他组织的信用情况是否符合某种信用监督体系信用标准的信用评定活动。',
       },
+      kaifaInfo: {
+        pic: require('@/assets/timg.gif'),
+        title: '功能开发中',
+      },
     };
   },
   created() {},
@@ -50,66 +57,73 @@ export default {
 
 <style lang="less" scoped>
 .main {
-  .title {
-    text-align: center;
-    font-size: 25px;
-    color: #22529a;
-    font-weight: bold;
-    margin: 15px 0;
-  }
-  .info {
-    .one {
-      padding: 20px;
-      p:first-child {
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      p:last-child {
-        margin: 15px 0 0 0;
-        font-size: 16px;
-        border: 1px solid #22529a;
-        padding: 20px 10px;
-        border-radius: 10px;
-        min-height: 70px;
-      }
-    }
-    .two {
-      padding: 20px;
-      p {
-        float: left;
-        width: 15%;
-        background: #22529a;
-        padding: 10px 0;
-        font-size: 18px;
-        text-align: center;
-        border-radius: 5px;
-        font-weight: bold;
-        color: #fff;
-      }
-      .twoBtn {
-        margin: 15px 0 0 0;
-        border: 1px solid #22529a;
-        border-radius: 10px;
-        min-height: 100px;
-        padding: 20px 10px;
-        div {
-          float: left;
-          margin: 0 0 10px 10px;
-          .el-button {
-            margin: 0 10px 0 0;
-          }
-        }
-      }
-    }
-    .three {
-      text-align: center;
-    }
+  text-align: center;
+  p {
+    font-size: 35px;
+    padding: 15px 0;
   }
 }
+// .main {
+//   .title {
+//     text-align: center;
+//     font-size: 25px;
+//     color: #22529a;
+//     font-weight: bold;
+//     margin: 15px 0;
+//   }
+//   .info {
+//     .one {
+//       padding: 20px;
+//       p:first-child {
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       p:last-child {
+//         margin: 15px 0 0 0;
+//         font-size: 16px;
+//         border: 1px solid #22529a;
+//         padding: 20px 10px;
+//         border-radius: 10px;
+//         min-height: 70px;
+//       }
+//     }
+//     .two {
+//       padding: 20px;
+//       p {
+//         float: left;
+//         width: 15%;
+//         background: #22529a;
+//         padding: 10px 0;
+//         font-size: 18px;
+//         text-align: center;
+//         border-radius: 5px;
+//         font-weight: bold;
+//         color: #fff;
+//       }
+//       .twoBtn {
+//         margin: 15px 0 0 0;
+//         border: 1px solid #22529a;
+//         border-radius: 10px;
+//         min-height: 100px;
+//         padding: 20px 10px;
+//         div {
+//           float: left;
+//           margin: 0 0 10px 10px;
+//           .el-button {
+//             margin: 0 10px 0 0;
+//           }
+//         }
+//       }
+//     }
+//     .three {
+//       text-align: center;
+//     }
+//   }
+// }
 </style>

src/views/service/index.vue

@@ -73,7 +73,7 @@ export default {
         },
         {
           pic: require('@/assets/live/bendi5.png'),
-          title: '信誉认证',
+          title: '信用认证',
         },
         {
           pic: require('@/assets/live/bendi6.png'),
@@ -146,14 +146,15 @@ export default {
       });
     },
     zhengwuBtn(item) {
-      if (item.title == '展会管理') {
-        this.$router.push({ path: '/live/service/list', query: { column_name: item.title } });
-      } else {
-        this.$message({
-          message: '功能开发中',
-          type: 'warning',
-        });
-      }
+      // if (item.title == '展会管理') {
+      //   this.$router.push({ path: '/live/service/list', query: { column_name: item.title } });
+      // } else {
+      //   this.$message({
+      //     message: '功能开发中',
+      //     type: 'warning',
+      //   });
+      // }
+      this.$router.push({ path: '/live/service/list', query: { column_name: item.title } });
     },
     serviceBtn(index) {
       this.$message({

src/views/service/list.vue

@@ -126,19 +126,19 @@ export default {
       if (this.column_name == '绩效评价') this.changeMenu(this.$route.query.column_name, 5);
     },
     changeMenu(name, index) {
-      // this.menuIndex = index;
-      // this.columnName = name;
-      // this.menuColor = 'rgb(254, 149, 14)';
-      if (index == 1) {
-        this.menuIndex = index;
-        this.columnName = name;
-        this.menuColor = 'rgb(254, 149, 14)';
-      } else {
-        this.$message({
-          message: '功能开发中',
-          type: 'warning',
-        });
-      }
+      this.menuIndex = index;
+      this.columnName = name;
+      this.menuColor = 'rgb(254, 149, 14)';
+      // if (index == 1) {
+      //   this.menuIndex = index;
+      //   this.columnName = name;
+      //   this.menuColor = 'rgb(254, 149, 14)';
+      // } else {
+      //   this.$message({
+      //     message: '功能开发中',
+      //     type: 'warning',
+      //   });
+      // }
     },
     changeMenus(name, index) {
       // this.menuIndexs = index;