高企申报,资质申报,智能评估一级初始化

src/views/home/assessment.vue

@@ -1,5 +1,114 @@
 <template>
-  <div>
-    assessment
+  <div class="assessment_page">
+    <div class="header">
+      <img src="@/assets/image/banner-2.png" alt="" />
+    </div>
+    <div class="btn">
+      <el-button type="primary">开始评估</el-button>
+    </div>
+    <div class="list">
+      <div class="box">
+        <div class="title">快速评估</div>
+        <div style="margin:40px 0">
+          <img src="@/assets/image/icon12.png" alt="" />
+        </div>
+        <div class="text">在线填写企业信息</div>
+        <div class="text">无需加盟即可评估</div>
+      </div>
+      <div class="box">
+        <div class="title">精准打分</div>
+        <div style="margin:40px 0">
+          <img src="@/assets/image/icon13.png" alt="" />
+        </div>
+        <div class="text">人工智能算法</div>
+        <div class="text">国家标准打分规则</div>
+      </div>
+      <div class="box">
+        <div class="title">便捷表单</div>
+        <div style="margin:40px 0">
+          <img src="@/assets/image/icon14.png" alt="" />
+        </div>
+        <div class="text">表单填写</div>
+        <div class="text">评估快捷可靠</div>
+      </div>
+      <div class="box">
+        <div class="title">认定助手</div>
+        <div style="margin:40px 0">
+          <img src="@/assets/image/icon15.png" alt="" />
+        </div>
+        <div class="text">认定流程详解</div>
+        <div class="text">事项提醒、疑难解答</div>
+      </div>
+      <div class="box">
+        <div class="title">嘉策代理</div>
+        <div style="margin:40px 0">
+          <img src="@/assets/image/icon16.png" alt="" />
+        </div>
+        <div class="text">专业代理认定</div>
+        <div class="text">专业客服服务</div>
+      </div>
+    </div>
   </div>
 </template>
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+<style lang="scss" scoped>
+.assessment_page {
+  width: 1200px;
+  margin: 0 auto;
+  .header {
+    height: 200px;
+  }
+  .btn {
+    text-align: center;
+    margin: 30px 0;
+  }
+  .list {
+    display: flex;
+    margin-bottom: 30px;
+    .box {
+      width: 20%;
+      margin-right: 20px;
+      text-align: center;
+      .title {
+        height: 50px;
+        line-height: 50px;
+        font-size: 22px;
+        color: #333;
+        border-left: 8px solid #73d13d;
+      }
+      .text {
+        font-size: 16px;
+        color: #999;
+        margin-bottom: 7px;
+      }
+    }
+    .box:nth-child(2) {
+      .title {
+        border-left: 8px solid #1890ff;
+      }
+    }
+    .box:nth-child(3) {
+      .title {
+        border-left: 8px solid #f5222d;
+      }
+    }
+    .box:nth-child(4) {
+      .title {
+        border-left: 8px solid #722ed1;
+      }
+    }
+    .box:nth-child(5) {
+      .title {
+        border-left: 8px solid #13c2c2;
+      }
+    }
+  }
+}
+</style>

src/views/home/declare.vue

@@ -1,5 +1,40 @@
 <template>
-  <div>
-    declare
+  <div class="declare_page">
+    <div class="header">
+      <img src="@/assets/image/banner.png" alt="" />
+    </div>
+    <div class="tabs">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="申报流程" name="first">申报流程</el-tab-pane>
+        <el-tab-pane label="申报管理方法" name="second"
+          >申报管理方法</el-tab-pane
+        >
+        <el-tab-pane label="证书模块" name="third">证书模块</el-tab-pane>
+      </el-tabs>
+    </div>
   </div>
 </template>
+<script>
+export default {
+  data() {
+    return {
+      activeName: 'first'
+    };
+  },
+  methods: {
+    handleClick(tab, event) {}
+  }
+};
+</script>
+<style lang="scss" scoped>
+.declare_page {
+  width: 1200px;
+  margin: 0 auto;
+  .header {
+    width: 100%;
+    height: 200px;
+  }
+  .tabs {
+  }
+}
+</style>

src/views/home/qualifications.vue

@@ -1,5 +1,83 @@
 <template>
-  <div>
-    qualifications
+  <div class="qualifications_page">
+    <div class="header">
+      <div :class="index == 1 ? 'active' : ''" @click="index = 1">
+        <div>信息安全服务</div>
+        <div>资质CCRC</div>
+      </div>
+      <div :class="index == 2 ? 'active' : ''" @click="index = 2">
+        <div>信息系统建设和</div>
+        <div>服务能力评估</div>
+      </div>
+      <div :class="index == 3 ? 'active' : ''" @click="index = 3">
+        <div>安徽省安全技术</div>
+        <div>防范行业资质</div>
+      </div>
+      <div :class="index == 4 ? 'active' : ''" @click="index = 4">
+        <div>安徽省软件企业</div>
+        <div>产品评估</div>
+      </div>
+      <div :class="index == 5 ? 'active' : ''" @click="index = 5">
+        <div>音视频集成</div>
+        <div>工程资质</div>
+      </div>
+    </div>
+    <div class="tabs">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="申报流程" name="first">申报流程</el-tab-pane>
+        <el-tab-pane label="申报管理方法" name="second"
+          >申报管理方法</el-tab-pane
+        >
+        <el-tab-pane label="证书模块" name="third">证书模块</el-tab-pane>
+      </el-tabs>
+    </div>
   </div>
 </template>
+<script>
+export default {
+  data() {
+    return {
+      index: 1,
+      activeName: 'first'
+    };
+  },
+  methods: {
+    handleClick(tab, event) {}
+  }
+};
+</script>
+<style lang="scss" scoped>
+.qualifications_page {
+  width: 1200px;
+  margin: 0 auto;
+  .header {
+    display: flex;
+    height: 200px;
+    > div {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      width: 20%;
+      color: #999;
+      font-size: 24px;
+      border-radius: 10px;
+      margin-right: 20px;
+      background-color: #f8f8f8;
+      > div:nth-child(2) {
+        margin-top: 10px;
+      }
+    }
+    > div:nth-child(5) {
+      margin-right: 0;
+    }
+    > div.active {
+      color: #fff;
+      font-weight: bold;
+      background-color: #3394ff;
+    }
+  }
+  .tabs {
+  }
+}
+</style>