easy3wui 1.5.11 → 1.6.2

package/assets/index.css

@@ -11,6 +11,10 @@
   width: 368px;
   margin: 0 auto;
   z-index: 100;
+  background-color: #fff;
+  border: 1px solid #0000001f;
+  border-radius: 0.8em;
+  padding: 20px;
 }
 .e3wLoginMain .e3wLoginTabs {
   padding: 0 2px;
@@ -91,6 +95,14 @@
 .e3wCardForm .formes {
   float: left;
 }
+.e3wCardForm :global .ant-card-head {
+  padding: 0 !important;
+  margin: 0 12px;
+  border: none;
+}
+.e3wCardForm :global .ant-card-body {
+  padding: 0 !important;
+}
 s {
   display: inline-block;
   width: 3px;
@@ -192,7 +204,7 @@ s {
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
-  padding: 40px 0 0 0;
+  padding: 60px 0 0 0;
   position: relative;
 }
 .e3wUserLayoutTop {
@@ -250,6 +262,7 @@ s {
   width: 100%;
   height: 50px;
   z-index: 99;
+  position: fixed;
 }
 .e3wLoginLayoutHeader {
   padding: 0 12px 0 0;
@@ -435,15 +448,218 @@ s {
   }
 }
 /*初始化部分*/
+/* #5867ad */
 /*流程图部分*/
 .flowmain {
   margin: auto;
   width: 100%;
   background: #fff;
 }
-.floatcenter {
-  position: relative;
-  left: 67%;
+.flowtop {
+  width: 100%;
+}
+.flowtop .floatcenter {
+  width: 90%;
+  margin: 0 auto;
+  /* 
+    公式：  线宽 (100% / n -22px) / 2
+    思路： 
+      虚拟： 将每个节点 + 左侧线宽 + 右侧线宽看成一个块，所有块组合成整体top   虚拟的每个节点块长度都相等   除了首尾节点 其它节点的宽为： 100% / n
+      实际： 
+        第一个节点： 左侧填充一个线宽 + 节点 + 右侧两个线    (100% / n -22px) / 2 * 3 + 22px    节点 + 3个线宽
+        最后一个节点： 节点 + 右侧填充一个线宽                 (100% / n -22px) / 2 + 22px      节点 + 1个线宽
+        其它节点： 节点 + 右侧两个线                         (100% / n -22px) / 2 * 2 + 22px    节点 + 2个线宽
+      最终确保： 节点 + 填充 + 线 = top宽
+      每个节点都有属于不与其它节点公用的两个线宽的长度
+      构图： -o--o--o-
+    流程节点：
+      节点： 22px
+      线宽： (100% / n -22px) / 2
+    */
+}
+.flowtop .floatcenter .renderTopTemp2:first-child {
+  width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 2 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp2 {
+  width: calc(100% / 2);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp2 .flowline2 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp2:last-child {
+  width: calc((100% / 2 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 2 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp3:first-child {
+  width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 3 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp3 {
+  width: calc(100% / 3);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp3 .flowline3 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp3:last-child {
+  width: calc((100% / 3 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 3 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp4:first-child {
+  width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 4 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp4 {
+  width: calc(100% / 4);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp4 .flowline4 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp4:last-child {
+  width: calc((100% / 4 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 4 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp5:first-child {
+  width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 5 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp5 {
+  width: calc(100% / 5);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp5 .flowline5 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp5:last-child {
+  width: calc((100% / 5 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 5 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp6:first-child {
+  width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 6 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp6 {
+  width: calc(100% / 6);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp6 .flowline6 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp6:last-child {
+  width: calc((100% / 6 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 6 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp7:first-child {
+  width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 7 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp7 {
+  width: calc(100% / 7);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp7 .flowline7 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp7:last-child {
+  width: calc((100% / 7 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 7 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp8:first-child {
+  width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 8 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp8 {
+  width: calc(100% / 8);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp8 .flowline8 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp8:last-child {
+  width: calc((100% / 8 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 8 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp9:first-child {
+  width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 9 - 22px) / 2);
+}
+.flowtop .floatcenter .renderTopTemp9 {
+  width: calc(100% / 9);
+  float: left;
+}
+.flowtop .floatcenter .renderTopTemp9 .flowline9 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.flowtop .floatcenter .renderTopTemp9:last-child {
+  width: calc((100% / 9 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 9 - 22px) / 2);
+}
+.flowmid {
+  width: 100%;
+  height: 34px;
+}
+.flowmid .floatcenter {
+  width: 90%;
+  margin: 0 auto;
+}
+.flowmid .floatcenter div.flowtext2 {
+  width: calc(100% / 2);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext3 {
+  width: calc(100% / 3);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext4 {
+  width: calc(100% / 4);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext5 {
+  width: calc(100% / 5);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext6 {
+  width: calc(100% / 6);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext7 {
+  width: calc(100% / 7);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext8 {
+  width: calc(100% / 8);
+  float: left;
+}
+.flowmid .floatcenter div.flowtext9 {
+  width: calc(100% / 9);
+  float: left;
 }
 .floatcenter2_1 {
   position: absolute;
@@ -735,147 +951,63 @@ s {
   color: #fff;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
-  left: -50%;
-}
-/*renderTop有几个大节点时（3-9）*/
-.flowmain .flowline2 {
-  float: left;
-  margin-top: 15px;
-  width: 30.8%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmain .flowline3 {
-  float: left;
-  margin-top: 15px;
-  width: 30.6%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmain .flowline4 {
-  float: left;
-  margin-top: 15px;
-  width: 19.8%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmain .flowline5 {
-  float: left;
-  margin-top: 15px;
-  width: 14.4%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmain .flowline6 {
-  float: left;
-  margin-top: 15px;
-  width: 11.2%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmain .flowline7 {
-  float: left;
-  margin-top: 15px;
-  width: 9.03%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
 }
-.flowmain .flowline8 {
-  float: left;
-  margin-top: 15px;
-  width: 7.4%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmain .flowline9 {
-  float: left;
-  margin-top: 15px;
-  width: 6.348%;
-  height: 4px;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -50%;
-}
-.flowmid {
-  height: 34px;
-}
-/*renderMid下的有几个flowtext（3-9）*/
-.flowmid .flowtext2 {
-  width: 32.4%;
-  float: left;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -65.5%;
-}
-.flowmid .flowtext3 {
-  width: 32.4%;
-  float: left;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -65.5%;
-}
-.flowmid .flowtext4 {
-  width: 21.6%;
-  float: left;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -60%;
-}
-.flowmid .flowtext5 {
-  width: 16.2%;
-  float: left;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -57.5%;
-}
-.flowmid .flowtext6 {
-  width: 13.1%;
+/* 主节点活动节点样式*/
+.flowmain .flowcircle-active-haierblue {
   float: left;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
-  left: -56%;
 }
-.flowmid .flowtext7 {
-  width: 10.8%;
-  float: left;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -54.8%;
+.flowmain .flowcircle-active-haierblue::before {
+  border-bottom: 2px solid #5867ad;
+  content: '';
+  height: 2px;
+  width: 100%;
+  position: absolute;
+  bottom: -4px;
+  right: 0;
 }
-.flowmid .flowtext8 {
-  width: 9.13%;
+.flowmain .flowcircle-active-haierorange {
   float: left;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
-  left: -54%;
 }
-.flowmid .flowtext9 {
-  width: 8%;
-  float: left;
-  /*浮动区块居中，必须配合.float-center使用*/
-  position: relative;
-  left: -53%;
+.flowmain .flowcircle-active-haierorange::before {
+  border-bottom: 2px solid #ad7c59;
+  content: '';
+  height: 2px;
+  width: 100%;
+  position: absolute;
+  bottom: -4px;
+  right: 0;
 }
+/*renderTop有几个大节点时（3-9）*/
 .flowmid .floawt1 {
   text-align: center;
   height: 24px;
   line-height: 32px;
   font-size: 14px;
 }
+.flowmid .floawt1detail {
+  text-align: center;
+  height: 24px;
+  line-height: 18px;
+  font-size: 14px;
+}
 .flowmid .floawt2 {
   text-align: center;
   height: 20px;
@@ -901,7 +1033,7 @@ s {
 .flowbottom .flowdoc {
   display: inline-block;
   margin: 0 2px;
-  height: 35px;
+  height: 30px;
   text-align: center;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
@@ -1129,12 +1261,14 @@ s {
 }
 .flowmain .borderblue {
   border: 1px solid #5867ad;
+  border-radius: 4px;
 }
 .flowmain .borderorange {
   border: 1px solid #ad7c59;
 }
 .flowmain .borderblueDashed {
   border: 1px dashed #5867ad;
+  border-radius: 4px;
 }
 .flowmain .borderorangeDashed {
   border: 1px dashed #ad7c59;
@@ -1147,20 +1281,22 @@ s {
 }
 .flowmain .flowbottomtextblue {
   text-align: center;
-  line-height: 35px;
+  line-height: 30px;
   color: #5867ad;
 }
 .flowmain .flowdoc img {
   display: inline-block;
   position: absolute;
-  right: 0;
-  bottom: 0;
+  right: -1px;
+  bottom: -1px;
   z-index: 1;
   width: 21px;
+  border-bottom-right-radius: 4px;
 }
 .flowmain .flowbottomtextorange {
   text-align: center;
-  line-height: 35px;
+  line-height: 30px;
+  border-radius: 4px;
 }
 .flowmain .flowbottomtextorange a {
   color: #ad7c59;
@@ -1168,8 +1304,9 @@ s {
 }
 .flowmain .flowbottomtextgrey {
   text-align: center;
-  line-height: 35px;
+  line-height: 30px;
   color: #999999;
+  border-radius: 4px;
 }
 .flowmain .flowbottomtextgrey a {
   text-align: center;
@@ -1290,6 +1427,36 @@ s {
   margin-left: -75px;
 }
 /*一个节点*/
+/* 流程图状态颜色 */
+.common {
+  height: 12px;
+  width: 12px;
+}
+.planDate-style {
+  color: #000000;
+  font-weight: normal;
+  margin-left: 12px;
+}
+.planDate-style .wait-style sup {
+  height: 12px;
+  width: 12px;
+  background-color: #bfbfbf;
+}
+.planDate-style .delay-style sup {
+  height: 12px;
+  width: 12px;
+  background-color: #fa8c16;
+}
+.planDate-style .normal-style sup {
+  height: 12px;
+  width: 12px;
+  background-color: #52c41a;
+}
+.planDate-style .normal-style :global .ant-scroll-number,
+.planDate-style .delay-style :global .ant-scroll-number,
+.planDate-style .wait-style :global .ant-scroll-number {
+  transform: translate(2px, -2px);
+}
 .scrollY .ant-table-tbody > .ant-table-row .e3wGridShortText {
   text-align: center;
 }
@@ -1314,6 +1481,34 @@ s {
   white-space: nowrap;
   text-align: center;
 }
+.scrollX .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
+  padding: 5px 8px;
+}
+.scrollX .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
+.scrollX .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
+  background: #fafafa;
+}
 .scrollX .ant-table-tbody > .ant-table-row td {
   max-width: 240px;
   word-break: keep-all;
@@ -1341,12 +1536,33 @@ s {
   white-space: nowrap;
   overflow: hidden;
 }
+.scrollX .ant-spin-container {
+  padding: 12px;
+}
 .scrollPrint .ant-table-thead > tr > th {
   text-align: center;
 }
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
+.scrollPrint .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
+  padding: 5px 8px;
+}
 .scrollPrint .ant-table-tbody > .ant-table-row td {
   max-width: 240px;
-  word-break: keep-all;
+  word-break: normal;
 }
 .scrollPrint .ant-table-tbody > .ant-table-row .e3wText {
   text-align: left;
@@ -1364,6 +1580,9 @@ s {
   max-width: 240px;
   text-align: left;
 }
+.scrollPrint .ant-spin-container {
+  padding: 12px;
+}
 .butt {
   background-color: #1890ff;
   color: #fff;
@@ -1388,20 +1607,107 @@ s {
 .ant-upload-list-item .anticon-cross {
   right: -2px;
 }
+.e3wFormPageNoBorder {
+  margin: 12px;
+}
+.e3wFormPageNoBorder > div > .ant-row {
+  padding: 3px;
+}
+.e3wFormPageNoBorder > div > .ant-row .ant-btn {
+  height: 24px;
+  color: #5468b2;
+}
+.e3wFormPageNoBorder .hasAfterBtns :global .ant-calendar-picker {
+  min-width: 100% !important;
+}
+.e3wFormPage {
+  border-top: 1px solid #e8e8e8;
+  border-left: 1px solid #e8e8e8;
+  border-right: 1px solid #e8e8e8;
+  margin: 12px;
+}
+.e3wFormPage > div > .ant-row {
+  padding: 3px;
+  border-bottom: 1px solid #e8e8e8;
+}
+.e3wFormPage > div > .ant-row .ant-btn {
+  height: 24px;
+  color: #5468b2;
+}
+.e3wFormPage .hasAfterBtns :global .ant-calendar-picker {
+  min-width: 100% !important;
+}
 .e3wFormItem .ant-form-item {
   margin-bottom: 8px;
 }
+.formContent:not(:first-child) {
+  padding-left: 3px;
+}
+.formContent :global .ant-input-group-wrapper {
+  vertical-align: middle;
+}
+.formContent :global .ant-form-item-label {
+  line-height: 24px;
+}
+.formContent :global .ant-form-item-control {
+  line-height: 24px;
+}
+.formContent :global .ant-form-item-required::before {
+  margin-left: -10px;
+}
+.formContent :global .ant-form-item-label {
+  padding-left: 12px;
+}
+.formContentAlone:not(:first-child) {
+  padding-left: 3px;
+}
+.formContentAlone:not(:first-child) {
+  padding-left: 3px;
+}
+.formContentAlone :global .ant-input-group-wrapper {
+  vertical-align: middle;
+}
+.formContentAlone :global .ant-form-item-label {
+  line-height: 24px;
+}
+.formContentAlone :global .ant-form-item-control {
+  line-height: 24px;
+}
+.formContentAlone :global .ant-form-item-required::before {
+  margin-left: -10px;
+}
+.formContentAlone :global .ant-form-item-label {
+  padding-left: 12px;
+}
+.formContentAlone :global .ant-input-number {
+  border-radius: 4px 0 0 4px;
+}
+.formContentAlone :global .ant-form-item-required::before {
+  margin-left: -10px;
+}
+.formContentAlone :global .ant-form-item-label {
+  padding-left: 12px;
+}
+.countContent:after {
+  content: attr(data-count);
+  color: rgba(0, 0, 0, 0.45);
+  pointer-events: none;
+  float: right;
+  white-space: nowrap;
+}
 .e3wFootBtn {
   margin: 0px 8px;
 }
+.e3wFormBtn {
+  margin-right: 8px;
+}
 .positionDiv {
   position: absolute;
-  right: 32px;
-  top: 16px;
+  right: 12px;
+  top: 10px;
 }
 .e3wPositionA {
   font-size: 15px;
-  color: #5468b2;
   font-weight: 900;
   margin-left: 15px;
 }