ztxkui 4.2.18-9 → 4.2.18-91

package/dist/index.css

@@ -762,6 +762,7 @@ template {
   display: flex;
   flex-wrap: wrap;
   flex-grow: 1;
+  width: 100%;
 }
 .zt-search .zt-search__left.zt-search__left--istoggle {
   transition: max-height 0.4s ease-out;
@@ -912,6 +913,7 @@ template {
   /* border-left: 1px solid #1566d2 !important; */
 }
 .zt-search .zt-search__left .zt-search__left__item .ant-input-affix-wrapper {
+  border: 1px solid #d9d9d9;
   border-left: none;
   border-radius: 0 4px 4px 0;
 }
@@ -1075,6 +1077,34 @@ template {
 .zt-search__right > button.ant-btn:first-child {
   margin-left: 0;
 }
+.zt-search__right.zt-search__right--record {
+  flex-direction: column;
+}
+.zt-search__right.zt-search__right--record .zt-search__right--record-left > button.ant-btn {
+  margin-left: 10px;
+  margin-right: 0;
+}
+.zt-search__right.zt-search__right--record .zt-search__right--record-left > button.ant-btn:first-child {
+  margin-left: 0;
+}
+.zt-search__right.zt-search__right--record .zt-search__right--record-right > button.ant-btn {
+  background-color: #ebf3fe;
+  color: #768696;
+  border-color: #cdd9e6;
+}
+.zt-search__right.zt-search__right--record .zt-search__right--record-right > button.ant-btn:focus, .zt-search__right.zt-search__right--record .zt-search__right--record-right > button.ant-btn:active {
+  background-color: #ebf3fe;
+  color: #768696;
+  border-color: #cdd9e6;
+}
+.zt-search__right.zt-search__right--record .zt-search__right--record-right > button.ant-btn:hover {
+  background-color: #cdd9e6;
+  color: #768696;
+  border-color: #cdd9e6;
+}
+.zt-search__right.zt-search__right--record .zt-search__right--record-right .ant-dropdown-trigger {
+  height: 30px;
+}
 
 .search-drawer .ant-drawer-header {
   padding: 10px 12px;
@@ -1095,6 +1125,47 @@ template {
 .search-drawer .ant-drawer-body {
   padding: 0;
 }
+.search-drawer .ant-drawer-body .search-drawer--filter {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input {
+  display: flex;
+  align-items: center;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search {
+  width: 100%;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input {
+  background: #f0f0f0;
+  border: 0px;
+  color: #333333;
+  border-radius: 0 0 0 0;
+  text-align: center;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input:focus {
+  outline: 0;
+  box-shadow: none;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper .ant-input-group-addon > button {
+  background: #f0f0f0;
+  border: 0px;
+  height: 28px;
+  border-radius: 0 0 0 0;
+  outline: none;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input > .selector-all {
+  border-radius: 0;
+  border-right: 0;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input > .selector-inverse {
+  border-radius: 0;
+}
+.search-drawer .ant-drawer-body .search-drawer--filter .ant-checkbox-group {
+  flex: 1;
+  overflow: auto;
+}
 .search-drawer .ant-drawer-body .ant-checkbox-group {
   width: 100%;
 }
@@ -1111,6 +1182,83 @@ template {
   border-radius: 0;
 }
 
+.record-common-list--container {
+  display: flex;
+  flex-direction: row;
+  line-height: 26px;
+  margin: 6px 0;
+}
+.record-common-list--container .record-common-list--title {
+  font-size: 13px;
+  color: #999;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.record-common-list--container .record-common-list--item--container {
+  display: flex;
+  margin-left: 10px;
+  flex: 1;
+  flex-wrap: wrap;
+  max-height: 76px;
+  overflow-y: auto;
+}
+.record-common-list--container .record-common-list--item--container .record-common-sortable {
+  cursor: move;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item {
+  font-size: 13px;
+  color: #333;
+  cursor: pointer;
+  margin-right: 10px;
+  padding: 0 6px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  position: relative;
+  background-color: #ffffff;
+  color: #768696;
+  border-color: #768696;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 200px;
+  margin-bottom: 10px;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item .record-common-list--item--title {
+  max-width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item.record-common-list--item--active {
+  background-color: #e0eafe;
+  color: #5b76f6;
+  border-color: #e0eafe;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item.record-common-list--item--active:hover {
+  background-color: #e0eafe;
+  color: #5b76f6;
+  border-color: #e0eafe;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item:hover {
+  background-color: #ffffff;
+  color: #5b76f6;
+  border-color: #5b76f6;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item:hover .record-common-list--delete {
+  color: #768696;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item .record-common-list--delete {
+  cursor: pointer;
+  margin-left: 2px;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item .record-common-list--delete:hover {
+  color: #1566d2;
+}
+.record-common-list--container .record-common-list--item--container .record-common-list--item:last-child {
+  margin-right: 0;
+}
+
 .footer {
   padding: 0;
   background: #ffffff;
@@ -1165,6 +1313,24 @@ template {
   flex: 1;
   max-height: none !important;
 }
+.zt-table .ant-table-empty .ant-table-body {
+  min-height: 0;
+}
+.zt-table .ant-table-empty .ant-table-body .ant-table-expanded-row-fixed {
+  color: rgba(0, 0, 0, 0.25);
+}
+.zt-table .ant-table-filter-trigger {
+  margin: 0;
+}
+.zt-table tr.ant-table-row-doubleClick > td {
+  background: #e6f7ff;
+  border-color: rgba(0, 0, 0, 0.03);
+}
+.zt-table tr.ztxk-tr-subtotal > td {
+  background: #dbe5e9;
+  height: 30px !important;
+  border-color: rgba(0, 0, 0, 0.03);
+}
 .zt-table .react-resizable {
   position: relative;
   background-clip: padding-box;
@@ -1178,6 +1344,14 @@ template {
   height: 100%;
   cursor: col-resize;
 }
+.zt-table .react-resizable-handle.active::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 0;
+  bottom: 0;
+  border-left: dotted 3px #40a9ff;
+}
 .zt-table th,
 .zt-table td {
   font-size: 13px;
@@ -1198,7 +1372,7 @@ template {
   background: #fdfd19;
 }
 .zt-table .ant-table-body {
-  min-height: 200px;
+  min-height: 100px;
 }
 .zt-table .ant-table-thead > tr > th,
 .zt-table .ant-table-tbody > tr > td,
@@ -1212,14 +1386,13 @@ template {
 .zt-table .ant-table-summary > tr > td .ant-select {
   width: 100%;
 }
-.zt-table .ant-table-thead > tr > th .ant-select .ant-select-selector,
-.zt-table .ant-table-tbody > tr > td .ant-select .ant-select-selector,
-.zt-table .ant-table-summary > tr > td .ant-select .ant-select-selector {
-  border: none;
-}
 .zt-table .ant-table-tbody > tr > td {
   word-break: break-all;
 }
+.zt-table .ant-table-tbody > tr > td .number-case--tooltip {
+  display: block;
+  text-align: right;
+}
 .zt-table .ant-table-summary > tr > td {
   text-align: left;
   font-weight: bold;
@@ -1257,6 +1430,9 @@ template {
   color: #1566d2;
 }
 
+.zt-table__dynamic {
+  left: auto;
+}
 .zt-table__dynamic .ant-drawer-mask {
   background-color: rgba(0, 0, 0, 0.25);
 }
@@ -1292,6 +1468,53 @@ template {
 .zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body {
   padding: 0;
 }
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input {
+  display: flex;
+  align-items: center;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search {
+  width: 100%;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input {
+  background: #f0f0f0;
+  border: 0px;
+  color: #333333;
+  border-radius: 0 0 0 0;
+  text-align: center;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input:focus {
+  outline: 0;
+  box-shadow: none;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper .ant-input-group-addon > button {
+  background: #f0f0f0;
+  border: 0px;
+  height: 28px;
+  border-radius: 0 0 0 0;
+  outline: none;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input > .selector-all {
+  border-radius: 0;
+  border-right: 0;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .search-drawer--filter-input > .selector-inverse {
+  border-radius: 0;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .ant-checkbox-group {
+  flex: 1;
+  overflow: auto;
+}
+.zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .search-drawer--filter .ant-checkbox-group .zt-checkbox {
+  max-width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .zt-table__dynamic .ant-drawer-wrapper-body .ant-drawer-body .zt-table__dynamic__checkbox-item {
   padding: 0 16px;
   height: 38px;
@@ -1326,7 +1549,6 @@ template {
 .zt-table__enhance-cell .ant-input-affix-wrapper,
 .zt-table__enhance-cell .ant-input-number,
 .zt-table__enhance-cell .ant-select-selector {
-  border: none;
   width: 100%;
 }
 .zt-table__enhance-cell .ant-form-item-control-input {
@@ -1357,6 +1579,99 @@ template {
   text-align: left !important;
 }
 
+.zt-table_sorter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.zt-table_sorter .sorter_title {
+  flex: 1;
+  text-align: center;
+}
+.zt-table_sorter .sorter_icon {
+  color: #bfbfbf;
+  font-size: 0;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  opacity: 0;
+  width: 0;
+  transition: opacity 0.3s;
+}
+
+.zt-table th:hover .sorter_icon {
+  width: auto;
+  opacity: 1;
+}
+
+.zt-table th .ant-dropdown-trigger.ant-table-filter-trigger {
+  opacity: 0;
+  width: 0;
+  transition: opacity 0.3s;
+}
+.zt-table th:hover .ant-dropdown-trigger.ant-table-filter-trigger {
+  width: auto;
+  opacity: 1;
+}
+
+.zt-table_fillDown {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.zt-table_fillDown .fillDown_icon {
+  color: #bfbfbf;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+.table-checkbox {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 8px;
+  max-height: 200px;
+  width: 200px;
+  overflow-y: auto;
+}
+.table-checkbox > .zt-checkbox {
+  margin-left: 0;
+}
+.table-checkbox > .zt-checkbox .ant-checkbox + span {
+  text-overflow: ellipsis;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.table-select-none {
+  user-select: none;
+}
+.table-select-none * {
+  user-select: none;
+}
+.table-select-none td.move-selected {
+  user-select: none;
+}
+
+.table-subtotal--tip {
+  position: absolute;
+  max-width: 200px;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
+  padding: 10px;
+  top: -1000px;
+  left: -1000px;
+}
+
+.zt-table .ant-table-tbody td.move-selected {
+  border: 1px solid #1566d2 !important;
+  border-right: 1px solid #1566d2 !important;
+}
+.zt-table .ant-table-tbody tr.ant-table-row:hover > td.move-selected {
+  background-color: #fff;
+}
+
 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
   font-weight: normal;
 }
@@ -1987,6 +2302,14 @@ body {
   white-space: nowrap;
 }
 
+.zt-select--selector-container .zt-btn.ant-btn {
+  padding: 4px 8px;
+  margin-right: 4px;
+}
+.zt-select--selector-container:last-child {
+  margin-right: 0;
+}
+
 .signatures-attach {
   font-size: 13px;
   display: flex;
@@ -2072,4 +2395,685 @@ textarea.textArea-handleSize-true {
   height: auto;
 }
 
+.boximage-a {
+  min-height: 70px;
+  overflow-y: auto;
+  display: flex;
+  margin-top: 10px;
+  margin-bottom: 14px;
+}
+.boximage-a .boximage {
+  margin-top: 2px;
+  margin-left: 10px;
+  width: 65px;
+}
+.boximage-a .boximage .imagetext {
+  width: 50px;
+  height: 40px;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+}
+.boximage-a .boximage .imagetext .imgages {
+  width: 50px;
+  height: 35px;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+.boximage-a .boximage .imagetext .imgages img {
+  width: 35px;
+  height: 35px;
+  border-radius: 5px;
+}
+.boximage-a .boximage .imagetext .name {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  margin-top: 6px;
+  align-items: center;
+  width: 70px;
+}
+.boximage-a .boximage .imagetext .name span {
+  font-size: 1px;
+  margin-top: 3px;
+}
+
+.resizable-textarea {
+  min-height: 5rem;
+  /* 最小高度，对应 5 行高度 */
+  max-height: 7rem;
+  /* 最大高度，对应 7 行高度 */
+  overflow-y: auto;
+  /* 超出最大高度时显示滚动条 */
+  white-space: pre-wrap;
+  /* 处理多行文本的换行 */
+  word-wrap: break-word;
+  /* 处理单词换行 */
+  border: 1px solid #ccc;
+  /* 边框样式，可自行调整 */
+  padding: 5px;
+  /* 内边距，可自行调整 */
+  font-size: 16px;
+  /* 字体大小，可自行调整 */
+}
+
+.__at_span {
+  color: red;
+  margin: 0 2px;
+  font-weight: bolder;
+}
+
+.wf-wrapper .wf-modal-button-cancel {
+  width: 80px;
+  height: 28px;
+  color: #768696;
+  background: #ebf3fe;
+  border-radius: 4px;
+  border: 1px solid #cdd9e6;
+}
+.wf-wrapper .wf-modal-button-submit {
+  width: 80px;
+  height: 28px;
+  background: #4285f4;
+  border-radius: 4px;
+}
+.wf-wrapper .wf-modal-item-reject {
+  display: flex;
+  padding: 8px 0 8px 0;
+  align-items: center;
+}
+.wf-wrapper .wf-modal-item-reject .left {
+  flex: 1;
+  margin-left: 15px;
+  text-align: right;
+  align-items: center;
+  justify-content: center;
+}
+.wf-wrapper .wf-modal-item-reject .left .lable {
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #888888;
+  line-height: 20px;
+}
+.wf-wrapper .wf-modal-item-reject-check {
+  display: flex;
+  padding: 0px 0 8px 0;
+  align-items: center;
+}
+.wf-wrapper .wf-modal-item-reject-check .left {
+  flex: 1;
+  text-align: right;
+  align-items: center;
+  justify-content: center;
+}
+.wf-wrapper .wf-modal-item-reject-check .left .lable {
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #888888;
+  line-height: 20px;
+}
+.wf-wrapper .wf-on-check-bg {
+  padding: 4px 0 4px 10px;
+  background: rgba(66, 133, 244, 0.1);
+  border-radius: 4px;
+  border: 1px solid #ebebeb;
+}
+.wf-wrapper .wf-un-check-bg {
+  padding: 4px 0 4px 10px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 4px;
+  border: 1px solid #ebebeb;
+}
+.wf-wrapper .wf-modal-body-reject {
+  padding: 2px 10px 0 10px;
+  font-size: 13px;
+}
+.wf-wrapper .wf-modal-confirm-title {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 18px;
+}
+.wf-wrapper .wf-task-header-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header {
+  display: flex;
+  padding: 0px 0 8px 0;
+  align-items: center;
+  height: 48px;
+  background: #ffffff;
+  text-align: center;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .title {
+  height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 22px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .status-ing {
+  height: 19px;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #4285f4;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid #4285f4;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .status-pass {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #66cc66;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid #66cc66;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .status-reject {
+  height: 19px;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #ff6666;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid #ff6666;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .status-terminated {
+  height: 19px;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #bbbbbb;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid #bbbbbb;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .priority-emergent {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: white;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid #fd5454;
+  background-color: #fd5454;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .priority-impatient {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #66cc66;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid #66cc66;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-header-container .wf-task-header .priority-common {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: white;
+  line-height: 17px;
+  padding: 0px 4px;
+  border: 1px solid gray;
+  background-color: gray;
+  border-radius: 4px 0;
+  margin-left: 15px;
+}
+.wf-wrapper .wf-task-process-status {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 130px;
+}
+.wf-wrapper .wf-modal-item-reject-check-lable {
+  width: 201px;
+  overflow: hidden;
+  /*超出部分隐藏*/
+  white-space: nowrap;
+  /*不换行*/
+  text-overflow: ellipsis;
+  /*超出部分文字以...显示*/
+}
+.wf-wrapper .wf-modal-body-input {
+  font-size: 13px;
+  position: relative;
+}
+.wf-wrapper .wf-modal-body-input .hint {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #888888;
+  line-height: 18px;
+  position: "absolute";
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0 0 24px 11px;
+}
+
+.lbpm-flow-info {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.lbpm-process-status {
+  width: 100px;
+  height: 100px;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  color: #21b77c;
+}
+
+.lbpm-discard-status {
+  width: 100px;
+  height: 100px;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  color: #fd696a;
+}
+
+.zt-container-noFrame-content .zt-container {
+  height: calc(100vh - 68px) !important;
+}
+
+.hr-print-container {
+  height: auto !important;
+}
+.hr-print-container .print-detail .zt-container {
+  height: auto !important;
+  margin: 0 !important;
+}
+.hr-print-container .print-detail .zt-container .workflow-info table {
+  width: 990px !important;
+  min-width: auto !important;
+}
+
+.ztxk-watermark.ztxk-watermark--hidden > .ztxk-watermark--div {
+  display: none;
+}
+
+.pro-form {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #ebf3fe;
+  background: #ffffff;
+  padding: 0;
+}
+.pro-form.pro-form--no-bottom {
+  border-bottom: none;
+}
+.pro-form .pro-form__left {
+  flex: 1;
+  position: relative;
+}
+.pro-form .pro-form__left.pro-form__left--flex {
+  display: flex;
+  flex-wrap: wrap;
+  flex-grow: 1;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--wrap {
+  display: flex;
+  align-items: flex-start;
+  width: 33.33%;
+  padding-bottom: 10px;
+  padding-right: 10px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item {
+  margin-bottom: 0;
+  /* 悬浮时样式 */
+  /* 下拉框样式 */
+  /* 输入框样式 */
+  /* 数字输入框组件 */
+  /* 日期组件 */
+  /* 文本域组件 */
+  /* 单选框组 */
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-explain {
+  display: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-picker-focused {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select {
+  margin-left: 0;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input:focus,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-focused {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-number:focus,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-number-focused {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper:focus,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper-focused {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-form-item-label label, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-form-item-label label {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-select-selector, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-select-selector {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-picker, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-picker {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input-number, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-input-number {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-radio-group,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-checkbox-group, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-radio-group,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-checkbox-group {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input-disabled, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-input-disabled {
+  border-color: #cdd9e6 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input-number-disabled, .pro-form .pro-form__left.pro-form__left--flex .ant-form-item:focus-within .ant-input-number-disabled {
+  border-color: #cdd9e6 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-disabled,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-number-disabled {
+  background-color: #f5f5f5;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-label {
+  font-size: 12px;
+  color: #768696;
+  text-align: right;
+  border: 1px solid #cdd9e6;
+  border-right: 0px;
+  border-radius: 4px 0px 0px 4px;
+  background-color: #ffffff;
+  padding-left: 6px;
+  transition: border 0.3s;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-label label {
+  font-size: 12px;
+  height: 30px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select-selector {
+  border-left: none;
+  border-radius: 0px 4px 4px 0px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  border-color: #1566d2;
+  /* border-left: 1px solid #1566d2 !important; */
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper {
+  border: 1px solid #d9d9d9;
+  border-left: none;
+  border-radius: 0 4px 4px 0;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper .ant-input {
+  height: auto;
+  font-size: 13px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper:hover,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-number:hover {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-number {
+  width: 100%;
+  border-radius: 0px 4px 4px 0px;
+  border-left: none;
+  height: 32px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-number:focus {
+  border-color: #1566d2;
+  border-left: 1px solid #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-picker {
+  width: 100%;
+  border-radius: 0px 4px 4px 0px;
+  border-left: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-picker.ant-picker-focused {
+  border-color: #1566d2;
+  /* border-left: 1px solid #1566d2; */
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-picker .ant-picker-input > input {
+  text-align: left;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input {
+  border-left: none;
+  border-radius: 0px 4px 4px 0px;
+  height: 32px;
+  transition: all 0.3s;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select {
+  width: 100%;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item textarea {
+  resize: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-radio-group,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-checkbox-group {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  border: 1px solid #d9d9d9;
+  border-left: none;
+  border-radius: 0px 4px 4px 0px;
+  transition: all 0.3s;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-control {
+  font-size: 13px;
+  width: calc(100% - 130px);
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-label label {
+  background-color: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-label > *,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-label label > * {
+  cursor: default;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-picker,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-form-item-control-input-content {
+  /* 这里修改了一下高度 不确定会不会影响到别的页面 */
+  min-height: 32px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-select-selector {
+  transition: all 0.3s;
+  min-height: 32px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper:focus,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-affix-wrapper-focused,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input:focus,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item .ant-input-focused {
+  border-color: #1566d2 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-form-item-label label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-select-selector,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-picker,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input-affix-wrapper,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item:hover .ant-input-number {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item {
+  flex: 1;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item .ant-select-selector {
+  padding-right: 8px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item .ant-select-selector .ant-select-selection-overflow {
+  max-height: 112px;
+  overflow-y: auto;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled .ant-form-item-label label {
+  background-color: #f5f5f5;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled .ant-form-item-label > *,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled .ant-form-item-label label > * {
+  cursor: not-allowed;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-form-item-label label,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-select-selector,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-picker,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-input-affix-wrapper,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--disabled:hover .ant-input-number {
+  border-color: #cdd9e6;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--required .ant-form-item-label > *,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--required .ant-form-item-label label > * {
+  cursor: not-allowed;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--noborder .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--noborder .ant-form-item-label label {
+  border: none;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--noborder .ant-radio-group,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--noborder .ant-checkbox-group {
+  border: none;
+  min-height: 30px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-form-item-label label,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-select-selector,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-picker,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-input-affix-wrapper,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-input-number,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-checkbox-group,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-radio-group {
+  border-left: 1px solid #d9d9d9;
+  border-radius: 4px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-checkbox-group,
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabel .ant-radio-group {
+  padding-left: 11px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabelshowbg .ant-form-item-control-input-content {
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background: #fff;
+  line-height: 30px;
+  padding-left: 4px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--nolabelshowbg .ant-form-item-control-input-content:hover {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--showboxborder.pro-form__item--nolabel .ant-form-item-control-input-content {
+  border-left: 1px solid #d9d9d9;
+  border-radius: 4px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--showboxborder .ant-form-item-control-input-content {
+  border: 1px solid #d9d9d9;
+  border-left: none;
+  transition: border 0.3s;
+  background: #fff;
+  line-height: 30px;
+  padding-left: 4px;
+}
+.pro-form .pro-form__left.pro-form__left--flex .pro-form__item--showboxborder .ant-form-item-control-input-content:hover {
+  border-color: #1566d2;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-form-item-label label {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-select-selector {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-picker {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-input-affix-wrapper {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .city-picker-span {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-radio-group,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-checkbox-group {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .ant-form-item-label,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .ant-form-item-label label {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .ant-select-selector {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .ant-picker {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .ant-input,
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .ant-input-affix-wrapper {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error:hover .city-picker-span {
+  border-color: #ff8888 !important;
+}
+.pro-form .pro-form__left.pro-form__left--flex .ant-form-item-has-error .ant-form-item-margin-offset {
+  margin-bottom: 0 !important;
+}
+.pro-form .pro-form__middle {
+  position: relative;
+  margin-right: 10px;
+}
+.pro-form .pro-form__middle .pro-form__middle--setting {
+  cursor: pointer;
+  margin-top: 4px;
+}
+.pro-form .pro-form__right {
+  display: flex;
+}
+.pro-form .pro-form__right > button.ant-btn {
+  margin-left: 10px;
+  margin-right: 0;
+}
+.pro-form .pro-form__right > button.ant-btn:first-child {
+  margin-left: 0;
+}
+
 /*# sourceMappingURL=index.css.map */