更新

src/views/service/detail/achievements.vue

@@ -1,26 +1,26 @@
 <template>
-  <div id="detail" style="background-color: #F5F5F54f;">
-    <div class="w_0100">
-      <div class="w_1200">
-        <div class="detailmain">
-          <el-col class="title" :span="24"> {{ detail.title }}</el-col>
-
-          <el-col :span="24" class="info">
-            <p><span>简介:</span>{{ detail.desc }}</p>
-            <p><span>描述:</span>{{ detail.miaoshu }}</p></el-col
-          >
-          <el-col :span="24" class="context">
-            <el-button plain style="cursor: default;">确认绩效评价对象</el-button><i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">下发通知书</el-button> <i class="el-icon-right"></i
-            ><el-button plain style="cursor: default;">提交绩效评价数据</el-button> <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">绩效评价审核结果</el-button>
-            <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">绩效评价结果上报相关部门</el-button>
-            <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">绩效评价结果运用</el-button>
-          </el-col>
+  <div id="wisdom" style="background-color: #F5F5F54f;">
+    <div class="main">
+      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <el-col :span="24" class="info">
+        <div>
+          <p>简介:</p>
+          <p>{{ detail.desc }}</p>
+        </div>
+        <div>
+          <p>描述:</p>
+          <p>{{ detail.miaoshu }}</p>
+        </div>
+        <div>
+          <el-button plain>确认绩效评价对象</el-button><i class="el-icon-right"></i> <el-button plain>下发通知书</el-button> <i class="el-icon-right"></i
+          ><el-button plain>提交绩效评价数据</el-button> <i class="el-icon-right"></i>
+          <el-button plain>绩效评价审核结果</el-button>
+          <i class="el-icon-right"></i>
+          <el-button plain>绩效评价结果上报相关部门</el-button>
+          <i class="el-icon-right"></i>
+          <el-button plain>绩效评价结果运用</el-button>
         </div>
-      </div>
+      </el-col>
     </div>
   </div>
 </template>
@@ -69,34 +69,25 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/style.css';
-.w_1200 {
-  width: 95%;
-  margin: 0 auto;
-}
-.detailmain {
-  min-height: 500px;
-}
-
-.detailmain .title {
-  color: #215199;
-  font-size: 18px;
-  text-align: center;
-  font-weight: bold;
-  font-size: 25px;
-}
-.detailmain .info p {
-  padding: 10px 0 10px 0;
-  font-size: 20px;
-}
-
-.detailmain .info p span {
-  color: #000000;
-  font-weight: bold;
-}
-.context {
-  // text-align: center;
-  padding: 20px 0 20px 0;
-  font-size: 18px;
+.main {
+  .title {
+    text-align: center;
+    font-size: 25px;
+    color: #22529a;
+    font-weight: bold;
+    margin: 15px 0;
+  }
+  .info {
+    font-size: 18px;
+    div {
+      margin: 0 0 15px 0;
+      p {
+        padding: 0 0 10px 0;
+      }
+      p:first-child {
+        font-weight: bold;
+      }
+    }
+  }
 }
 </style>

src/views/service/detail/contract.vue

@@ -1,28 +1,29 @@
 <template>
-  <div id="detail" style="background-color: #F5F5F54f;">
-    <div class="w_0100">
-      <div class="w_1200">
-        <div class="detailmain">
-          <el-col class="title" :span="24"> {{ detail.title }}</el-col>
-
-          <el-col :span="24" class="info">
-            <p><span>简介:</span>{{ detail.desc }}</p>
-            <p><span>描述:</span>{{ detail.miaoshu }}</p></el-col
-          >
-          <el-col :span="24" class="context">
-            <el-button plain style="cursor: default;">合同谈判发起</el-button><i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">合同谈判</el-button> <i class="el-icon-right"></i
-            ><el-button plain style="cursor: default;">电子合同二次确认</el-button> <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">电子合同的电子签名</el-button>
-            <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">电子合同辅助认证</el-button>
-            <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">电子合同备注保存</el-button>
-            <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">电子合同生效，法律适用</el-button>
-          </el-col>
+  <div id="wisdom" style="background-color: #F5F5F54f;">
+    <div class="main">
+      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <el-col :span="24" class="info">
+        <div>
+          <p>简介:</p>
+          <p>{{ detail.desc }}</p>
+        </div>
+        <div>
+          <p>描述:</p>
+          <p>{{ detail.miaoshu }}</p>
+        </div>
+        <div>
+          <el-button plain style="cursor: default;">合同谈判发起</el-button><i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">合同谈判</el-button> <i class="el-icon-right"></i
+          ><el-button plain style="cursor: default;">电子合同二次确认</el-button> <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">电子合同的电子签名</el-button>
+          <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">电子合同辅助认证</el-button>
+          <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">电子合同备注保存</el-button>
+          <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">电子合同生效，法律适用</el-button>
         </div>
-      </div>
+      </el-col>
     </div>
   </div>
 </template>
@@ -70,34 +71,25 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/style.css';
-.w_1200 {
-  width: 95%;
-  margin: 0 auto;
-}
-.detailmain {
-  min-height: 500px;
-}
-
-.detailmain .title {
-  color: #215199;
-  font-size: 18px;
-  text-align: center;
-  font-weight: bold;
-  font-size: 25px;
-}
-.detailmain .info p {
-  padding: 10px 0 10px 0;
-  font-size: 20px;
-}
-
-.detailmain .info p span {
-  color: #000000;
-  font-weight: bold;
-}
-.context {
-  // text-align: center;
-  padding: 20px 0 20px 0;
-  font-size: 20px;
+.main {
+  .title {
+    text-align: center;
+    font-size: 25px;
+    color: #22529a;
+    font-weight: bold;
+    margin: 15px 0;
+  }
+  .info {
+    font-size: 18px;
+    div {
+      margin: 0 0 15px 0;
+      p {
+        padding: 0 0 10px 0;
+      }
+      p:first-child {
+        font-weight: bold;
+      }
+    }
+  }
 }
 </style>

src/views/service/detail/credit.vue

@@ -1,26 +1,27 @@
 <template>
-  <div id="detail" style="background-color: #F5F5F54f;">
-    <div class="w_0100">
-      <div class="w_1200">
-        <div class="detailmain">
-          <el-col class="title" :span="24"> {{ detail.title }}</el-col>
-
-          <el-col :span="24" class="info">
-            <p><span>简介:</span>{{ detail.desc }}</p>
-            <p><span>描述:</span>{{ detail.miaoshu }}</p></el-col
-          >
-          <el-col :span="24" class="context">
-            <el-button plain style="cursor: default;">申请CCECS认证的程序</el-button><i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">由企业提出申请</el-button> <i class="el-icon-right"></i
-            ><el-button plain style="cursor: default;">企业提供相关资质证书、文件</el-button> <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">进行企业信用评审</el-button><i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">发放符合性证书</el-button> <i class="el-icon-right"></i
-            ><el-button plain style="cursor: default;">企业签发合格声明</el-button> <i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">由企业在产品上贴附CCECS标记</el-button><i class="el-icon-right"></i>
-            <el-button plain style="cursor: default;">证书颁发及使用</el-button>
-          </el-col>
+  <div id="wisdom" style="background-color: #F5F5F54f;">
+    <div class="main">
+      <el-col class="title" :span="24"> {{ detail.title }}</el-col>
+      <el-col :span="24" class="info">
+        <div>
+          <p>简介:</p>
+          <p>{{ detail.desc }}</p>
+        </div>
+        <div>
+          <p>描述:</p>
+          <p>{{ detail.miaoshu }}</p>
+        </div>
+        <div>
+          <el-button plain style="cursor: default;">申请CCECS认证的程序</el-button><i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">由企业提出申请</el-button> <i class="el-icon-right"></i
+          ><el-button plain style="cursor: default;">企业提供相关资质证书、文件</el-button> <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">进行企业信用评审</el-button><i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">发放符合性证书</el-button> <i class="el-icon-right"></i
+          ><el-button plain style="cursor: default;">企业签发合格声明</el-button> <i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">由企业在产品上贴附CCECS标记</el-button><i class="el-icon-right"></i>
+          <el-button plain style="cursor: default;">证书颁发及使用</el-button>
         </div>
-      </div>
+      </el-col>
     </div>
   </div>
 </template>
@@ -69,33 +70,25 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/style.css';
-.w_1200 {
-  width: 95%;
-  margin: 0 auto;
-}
-.detailmain {
-  min-height: 500px;
-}
-
-.detailmain .title {
-  color: #215199;
-  font-size: 18px;
-  text-align: center;
-  font-weight: bold;
-  font-size: 25px;
-}
-.detailmain .info p {
-  padding: 10px 0 10px 0;
-  font-size: 20px;
-}
-
-.detailmain .info p span {
-  color: #000000;
-  font-weight: bold;
-}
-.context {
-  padding: 20px 0 20px 0;
-  font-size: 20px;
+.main {
+  .title {
+    text-align: center;
+    font-size: 25px;
+    color: #22529a;
+    font-weight: bold;
+    margin: 15px 0;
+  }
+  .info {
+    font-size: 18px;
+    div {
+      margin: 0 0 15px 0;
+      p {
+        padding: 0 0 10px 0;
+      }
+      p:first-child {
+        font-weight: bold;
+      }
+    }
+  }
 }
 </style>