【add】-大屏：来款部分 + 制修订第一个模块

src/views/screen/HomePage.vue

@@ -1,19 +1,124 @@
 <template>
-  <div></div>
+  <div class="screen-home-page">
+    <!-- 上面的头部-->
+    <div class="header">
+      <span class="title">中国汽车标准化研究院运营管理</span>
+    </div>
+    <!-- 来款-->
+    <template>
+      <div class="sub-title"><span>汽车标准化工作平台</span></div>
+<!--      <income-payment-screen></income-payment-screen>-->
+    </template>
+
+    <!-- 制修订 -->
+    <template>
+      <div class="sub-title"><span>汽车标准制修订管理系统 </span></div>
+      <preparation-revision-screen></preparation-revision-screen>
+    </template>
+  </div>
 </template>
 
 <script>
-import { StanderProjectGeneralSituation } from '@/screenApi/api'
+
+import IncomePaymentScreen from './incomePayments/index'
+import PreparationRevisionScreen from './preparationRevision/index'
+
 export default {
   name: 'HomePage',
+  components: {
+    IncomePaymentScreen,
+    PreparationRevisionScreen
+  },
   created() {
-    StanderProjectGeneralSituation().then(res => {
-      console.log(res)
-    })
+    // StanderProjectGeneralSituation().then(res => {
+    //   console.log(res)
+    // })
   },
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+.screen-home-page{
+  min-height: 100%;
+  background: url("../../assets/screen/screen_bg.png");
+  background-repeat-x: no-repeat;
+  background-size: 100%;
+  padding: 0 20px 20px;
+  min-width: 1200px;
+  overflow: auto;
+  box-sizing: border-box;
+}
+
+.header{
+  background-image: url("../../assets/screen/header_bg.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  height: 238px;
+  display: flex;
+  justify-content: center;
+  span.title{
+    display: inline-block;
+    margin-top: 30px;
+    //width: 812px;
+    height: 42px;
+    font-size: 42px;
+    font-family: YouSheBiaoTiHei;
+    font-weight: 400;
+    color: #FFFFFF;
+    line-height: 42px;
+    text-shadow: 0px 6px 13px #071834;
+    background: linear-gradient(0deg, #2EACFF 0%, #D6F7FD 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    position: relative;
+    &::before {
+      content: '';
+      position: absolute;
+      display: inline-block;
+      width: 87px;
+      height: 67px;
+      background-image: url("../../assets/screen/header_left.png");
+      left: -137px;
+      top: -30px;
+    }
+    &::after {
+      content: '';
+      position: absolute;
+      display: inline-block;
+      width: 87px;
+      height: 67px;
+      background-image: url("../../assets/screen/header_right.png");
+      right: -137px;
+      top: -30px;
+    }
+  }
+
+}
+
+// 二级标题
+.sub-title{
+  width: 608px;
+  height: 60px;
+  text-align: center;
+  margin: 14px auto;
+  background-image: url("../../assets/screen/sub_title_bg.png");
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  span{
+    display: inline-block;
+    height: 35px;
+    font-size: 30px;
+    font-family: YouSheBiaoTiYuan;
+    font-weight: 400;
+    color: #FFFFFF;
+    line-height: 35px;
+    //text-shadow: 0px 3px 0px #002553;
+
+    background: linear-gradient(0deg, #FFFFFF 0%, #5AAEFC 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+}
 
 </style>