产品-人员信息报送

pc4mobx/hrmSalary/components/TipLabel/index.less

@@ -1,36 +1,41 @@
 .tipLabelWrapper {
-    border-left: 1px solid #e2ecf2;
+  border-left: 1px solid #e2ecf2;
+  border-bottom: 1px solid #e2ecf2;
+  border-right: 1px solid #e2ecf2;
+  border-radius: 0px 0px 5px 5px;
+  width: 100%;
+  overflow: hidden;
+
+  .titleWrapper {
+    width: 100%;
+    line-height: 19.2px;
+    padding: 10px;
     border-bottom: 1px solid #e2ecf2;
-    border-right: 1px solid #e2ecf2;
-    border-radius: 0px 0px 5px 5px;
+    background-color: #f7fbfe;
+  }
+
+  .tipContentWrapper {
+    padding: 10px;
+    background: #FFF;
+  }
+
+  .tipContentItem {
+    line-height: 20px;
+    padding: 10px 16px 0px;
+    color: rgb(153, 153, 153);
+  }
+
+  .tipContentItem:first-child {
+    padding-top: 0;
+  }
+
+  .formLabel {
+    font-size: 14px;
+  }
+
+  .contentWrapper {
     width: 100%;
     overflow: hidden;
-    .titleWrapper {
-        width: 100%;
-        line-height: 19.2px;
-        padding: 10px;
-        border-bottom: 1px solid #e2ecf2;
-        background-color: #f7fbfe;
-    }
-    .tipContentWrapper {
-        padding: 10px;
-    }
-    .tipContentItem {
-        line-height: 20px;
-        padding: 0px 16px;
-        padding-top: 10px;
-        color: rgb(153, 153, 153);
-    }
-    .tipContentItem:first {
-        padding-top: 0px;
-    }
-
-    .formLabel {
-        font-size: 14px;
-    }
-    .contentWrapper {
-        width: 100%;
-        overflow: hidden;
-    }
+  }
 
 }

pc4mobx/hrmSalary/pages/employeedeclare/index.js

@@ -6,11 +6,16 @@
  */
 import React, { Component } from "react";
 import { WeaInputSearch, WeaLocaleProvider, WeaTop } from "ecCom";
+import { Col, Row } from "antd";
+import TipLabel from "../../components/TipLabel";
 
 const { getLabel } = WeaLocaleProvider;
 
 class Index extends Component {
   render() {
+    const tipList = [
+      getLabel(111, "1、点击查看详情，管理各个个税扣缴义务人的人员报送信息，如购买了在线报送服务，可在线报送，如未购买在线报送服务，也可导出数据线下报送。")
+    ];
     return (
       <WeaTop
         title={getLabel(111, "人员信息报送")} iconBgcolor="#F14A2D"
@@ -20,7 +25,12 @@ class Index extends Component {
           />
         ]}
       >
-        <div style={{ height: "100%", background: "#cff" }}>children</div>
+        <div style={{ height: "100%", background: "#f6f6f6", padding: 16 }}>
+          <Row gutter={16}>
+            <Col span={16}></Col>
+            <Col span={8}><TipLabel tipList={tipList}/></Col>
+          </Row>
+        </div>
       </WeaTop>
     );
   }