From 67d17fcbee3e9f71bc90873da1cb5e52b91b86e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=8E=E6=B0=B8=E9=A1=BA?= <971387674@qq.com>
Date: Mon, 24 Jul 2023 10:49:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81-=E4=BA=BA=E5=91=98=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=8A=A5=E9=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hrmSalary/components/TipLabel/index.less  | 65 ++++++++++---------
 .../hrmSalary/pages/employeedeclare/index.js  | 12 +++-
 2 files changed, 46 insertions(+), 31 deletions(-)

diff --git a/pc4mobx/hrmSalary/components/TipLabel/index.less b/pc4mobx/hrmSalary/components/TipLabel/index.less
index addc7741..b88403e9 100644
--- a/pc4mobx/hrmSalary/components/TipLabel/index.less
+++ b/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;
-    }
+  }
 
 }
diff --git a/pc4mobx/hrmSalary/pages/employeedeclare/index.js b/pc4mobx/hrmSalary/pages/employeedeclare/index.js
index 91e40529..c43be4b3 100644
--- a/pc4mobx/hrmSalary/pages/employeedeclare/index.js
+++ b/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>
     );
   }