zmdms-webui 2.3.2 → 2.3.3

package/dist/less/components/DynamicSetting/style/index.less

@@ -0,0 +1,96 @@
+.zt-sortable-new {
+  padding: 8px 0px;
+  // height: 38px;
+  line-height: 1.5;
+  text-align: left;
+  font-size: @font-size-text;
+  cursor: move;
+  overflow: hidden;
+  // border-bottom: 1px solid #f0f0f0;
+  .zt-sortable--item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 16px;
+    span {
+      white-space: break-spaces;
+    }
+  }
+  .zt-sortable--children {
+    display: flex;
+    .zt-sortable-new {
+      padding: 8px 26px;
+      // border-top: 1px solid #f0f0f0;
+      border-bottom: none;
+    }
+    span {
+      white-space: break-spaces;
+    }
+  }
+  &.no-move {
+    cursor: no-drop;
+  }
+  .zt-checkbox {
+    font-size: @font-size-text;
+  }
+  &:hover {
+    background-color: rgb(235, 243, 254);
+  }
+}
+.ztxk-dynamic--more {
+  cursor: pointer;
+  height: 20px;
+}
+.ant-dropdown-show-arrow.ztxk-dynamic--more--drop {
+  padding-top: 0;
+}
+.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight
+  > .ant-dropdown-arrow {
+  top: -5px;
+}
+
+.dynamic-drawer {
+  .ant-drawer-header {
+    padding: 10px 12px;
+    .ant-drawer-title {
+      > div {
+        font-size: 16px;
+        color: #768696;
+        display: flex;
+        align-items: center;
+        .search-drawer--title-text {
+          margin-left: 10px;
+          font-size: 14px;
+          > span {
+            font-size: 13px;
+          }
+        }
+      }
+    }
+  }
+  .ant-drawer-body {
+    padding: 0;
+    .ant-checkbox-group {
+      width: 100%;
+    }
+  }
+  .ant-drawer-footer {
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+    border-top: none;
+    > button {
+      width: 33%;
+      height: 40px;
+      border: none;
+      border-radius: 0;
+    }
+  }
+}
+.dynamic-drawer-section-title {
+  font-weight: bold;
+  font-size: 14px;
+  background: #f5f5f5;
+  padding: 4px;
+  border-radius: 6px;
+}

package/dist/less/components/DynamicSetting/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/ElectronSignatures/style/index.less

@@ -0,0 +1,331 @@
+.electron-table {
+  background-color: red;
+  .ant-table-tbody > tr > td:nth-child(3) {
+    padding: 0;
+  }
+  .electron-seal-list--wrap {
+    text-align: left;
+    width: 100%;
+    height: 90%;
+    height: calc(100% - 70px);
+    margin-bottom: 8px;
+    min-height: 150px;
+    > * {
+      font-size: 13px;
+    }
+    .zt-collapse {
+      .ant-collapse-item .ant-collapse-content-box {
+        padding-left: 8px;
+      }
+      .ant-collapse-header {
+        background-color: rgb(235, 243, 254);
+      }
+    }
+    .ant-collapse-content-box {
+      display: flex;
+      flex-direction: column;
+    }
+    .ant-checkbox-wrapper {
+      font-size: 13px;
+      margin-left: 0;
+    }
+  }
+  .electron-seal--first-level-person {
+    // height: 36px;
+    max-height: 70px;
+    // line-height: 36px;
+    border-bottom: 1px solid #ebebeb;
+    margin-bottom: 5px;
+    overflow: hidden;
+    text-align: left;
+    padding-left: 8px;
+    .ant-checkbox-wrapper {
+      font-size: 13px;
+      max-height: 70px;
+      // height: 36px;
+      // line-height: 36px;
+      > span:last-child {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        // 显示补全加盖经济责任人手签章
+        // white-space: nowrap;
+        // max-width: 260px;
+      }
+    }
+  }
+
+  .electron-seal-detail--wrap {
+    // text-align: left;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: 5px 0;
+    .electron-seal-detail--wrap__item {
+      margin-bottom: 8px;
+      width: 100%;
+      &:last-child {
+        margin-bottom: 2px;
+      }
+    }
+  }
+
+  .electron-seal-setting--wrap {
+    font-size: 13px;
+    height: 100%;
+    padding-top: 10px;
+    display: flex;
+    flex-direction: column;
+    position: sticky;
+    top: 20px;
+  }
+  .electron-seal--any {
+    font-size: 13px;
+    margin-top: 6px;
+    text-align: left;
+    .ant-checkbox-wrapper {
+      font-size: 13px;
+      + .ant-checkbox-wrapper {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .file-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .file-label {
+      text-align: center;
+      flex: 1;
+    }
+    .file-add--isOnlyQunj {
+      font-size: 13px;
+    }
+    .file-upload {
+      button {
+        font-size: 13px;
+      }
+    }
+    .electron-seal-setting--wrap {
+      flex-direction: row;
+      top: 0;
+      position: relative;
+      padding-top: 0;
+    }
+  }
+
+  // 群杰相关样式
+  .qunj-list--wrap {
+    text-align: left;
+    width: 100%;
+    padding: 8px 0;
+    height: 100%;
+    min-height: 150px;
+    > * {
+      font-size: 13px;
+    }
+    .qunj-list--need {
+      text-align: center;
+      height: 36px;
+      line-height: 36px;
+      background: #c5cdd9;
+      display: flex;
+      justify-content: space-between;
+      padding: 0 10px;
+      margin-bottom: 4px;
+    }
+    .qunj-list--area {
+      height: 32px;
+      margin-top: 2px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: rgb(245, 249, 254);
+      border: 1px solid rgb(205, 217, 230);
+      border-radius: 4px;
+      > label {
+        padding-left: 4px;
+        display: flex;
+        height: 30px;
+        align-items: center;
+        justify-content: center;
+        > span {
+          height: 30px;
+          color: rgb(255, 77, 79);
+          margin-right: 2px;
+        }
+      }
+      > .ant-select .ant-select-selector {
+        height: 30px;
+        line-height: 30px;
+        border: none;
+        background-color: rgb(245, 249, 254);
+        input {
+          height: 30px !important;
+          line-height: 30px;
+          outline: none;
+        }
+        .ant-select-selection-item {
+          height: 30px !important;
+          line-height: 30px;
+        }
+      }
+    }
+    .qunj-list--title {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid rgb(235, 235, 235);
+      padding-bottom: 5px;
+      .ant-radio-wrapper {
+        font-size: 13px;
+      }
+    }
+    .qunj-list--contract {
+      &.count {
+        width: 130px;
+      }
+      width: 110px;
+      text-align: right;
+      > span {
+        font-size: 14px;
+      }
+      .ant-input-number {
+        width: 60px;
+      }
+    }
+    .qunj-list {
+      margin-top: 5px;
+      .qunj-list--item {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        line-height: 32px;
+        .ant-checkbox-wrapper {
+          font-size: 13px;
+          line-height: 22px;
+          flex: 1;
+        }
+      }
+    }
+  }
+
+  .qunj-detail--wrap {
+    text-align: left;
+    width: 100%;
+    padding: 8px 0;
+    height: 100%;
+    min-height: 150px;
+    .qunj-detail--title {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: center;
+      border-bottom: 1px solid rgb(235, 235, 235);
+      padding-bottom: 5px;
+      .qunj-detail--code {
+        width: 160px;
+        height: 32px;
+        background: rgb(252, 236, 200);
+        border-radius: 4px;
+        padding: 0px 10px;
+        line-height: 32px;
+        margin-right: 10px;
+      }
+    }
+    .qunj-detail--info {
+      border-bottom: 1px solid rgb(235, 235, 235);
+      padding-bottom: 5px;
+      margin-bottom: 5px;
+      font-size: 13px;
+      color: rgb(136, 136, 136);
+      span {
+        color: #333;
+      }
+      .qunj-detail--address {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        .qunj-detail--type {
+          margin-right: 20px;
+        }
+      }
+    }
+    .qunj-detail--list {
+      .qunj-detail--item {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        line-height: 28px;
+        span {
+          padding: 0 4px;
+        }
+        > div:first-child {
+          flex: 1;
+          line-height: 22px;
+        }
+        > div:last-child {
+          width: 80px;
+          text-align: right;
+        }
+      }
+    }
+  }
+
+  .file-add--wrap {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    .file-add--btn {
+      position: sticky;
+      top: 20px;
+    }
+    .file-add--fragment {
+      height: 20px;
+    }
+  }
+
+  .file-operation--wrap {
+    padding: 4px;
+    .file-operation--list {
+      font-size: 13px;
+      > button {
+        font-size: 13px;
+      }
+    }
+    .file-operation--title {
+      margin-bottom: 0;
+    }
+    .file-operation--isWater {
+      .ant-checkbox-wrapper {
+        font-size: 13px;
+      }
+    }
+  }
+
+  .contract-comparison--wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    > button {
+      font-size: 13px;
+    }
+    .ant-checkbox-wrapper {
+      font-size: 13px;
+    }
+  }
+}
+
+.batch-download--container {
+  > span.electron-file-upload {
+    margin-right: 10px;
+  }
+}

package/dist/less/components/ElectronSignatures/style/style.less

@@ -0,0 +1 @@
+@import "./index.less";

package/dist/less/components/Footer/style/index.less

@@ -0,0 +1,28 @@
+.ztxk-footer {
+  background-color: @bg-white;
+  height: @footer-height;
+  display: flex;
+  align-items: center;
+  padding-left: 10px;
+  z-index: 20;
+  .ztxk-footer--group {
+    display: flex;
+    align-items: center;
+    .ztxk-pagination {
+      margin-right: @margin-base;
+    }
+    > button {
+      margin-right: @margin-base;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+  .footer-pagination {
+    color: @text-color;
+    > span {
+      color: @link-color;
+      padding: 0 2px;
+    }
+  }
+}

package/dist/less/components/Footer/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/Form/style/index.less

@@ -0,0 +1,150 @@
+.ztxk-form {
+  display: flex;
+  justify-content: space-between;
+  background: rgb(255, 255, 255);
+  padding: 0;
+  .ztxk-form--detault-dom {
+    border-radius: 0px 4px 4px 0px;
+    min-height: 32px;
+    transition: all 0.3s;
+    border: 1px solid #d9d9d9;
+    border-left: none;
+    display: flex;
+    align-items: center;
+    padding: 4px 11px;
+  }
+  .ztxk-form--tip-dom {
+    border-radius: 0px 4px 4px 0px;
+    min-height: 32px;
+    transition: all 0.3s;
+    display: flex;
+    align-items: center;
+    padding: 4px 11px;
+  }
+
+  // 如果是背景模式
+  // &.ztxk-form--list {
+  //   .ztxk-form__item--wrap {
+  //     padding-bottom: 0;
+  //     padding-right: 0;
+  //     .ant-form-item .ant-form-item-label {
+  //       border-radius: 0;
+  //     }
+  //     .ant-form-item * {
+  //       border-radius: 0;
+  //     }
+  //   }
+  // }
+
+  // 底部边框
+  &.ztxk-form--bottom-border {
+    border-bottom: 1px solid @col-head-bg;
+  }
+
+  // 左侧容器样式
+  .ztxk-form__left {
+    flex: 1;
+    position: relative;
+    // 超出隐藏移动到toggle样式中，因为在编辑页时，下拉框的一个简单的做法是直接挂载到当前下拉框容器中，这样滚动页面时，下拉区域会随着滚动
+    // overflow: hidden;
+    transition: max-height 0.3s ease-out;
+    // 切换容器高度
+    &.ztxk-form__left--toggle {
+      overflow: hidden;
+    }
+    &.ztxk-form__left--flex {
+      display: flex;
+      flex-wrap: wrap;
+      flex-grow: 1;
+      .ant-form-item-has-error {
+        &.ztxk-form__item--direction-column {
+          border-color: #ff8888 !important;
+        }
+        .ant-form-item-label,
+        .ant-form-item-label label {
+          border-color: #ff8888 !important;
+        }
+        .ant-select-selector {
+          border-color: #ff8888 !important;
+        }
+        .ant-picker {
+          border-color: #ff8888 !important;
+        }
+        .ant-input,
+        .ant-input-affix-wrapper {
+          border-color: #ff8888 !important;
+        }
+        .city-picker-span {
+          border-color: #ff8888 !important;
+        }
+        .ant-radio-group,
+        .ant-checkbox-group {
+          border-color: #ff8888 !important;
+        }
+        &:hover {
+          .ant-form-item-label,
+          .ant-form-item-label label {
+            border-color: #ff8888 !important;
+          }
+          .ant-select-selector {
+            border-color: #ff8888 !important;
+          }
+          .ant-picker {
+            border-color: #ff8888 !important;
+          }
+          .ant-input,
+          .ant-input-affix-wrapper {
+            border-color: #ff8888 !important;
+          }
+          .city-picker-span {
+            border-color: #ff8888 !important;
+          }
+          .ztxk-form--detault-dom {
+            border-color: #ff8888 !important;
+          }
+        }
+        .ant-form-item-margin-offset {
+          margin-bottom: 0 !important;
+        }
+      }
+    }
+    &.ztxk-form__left--flex-direction {
+      flex-direction: column;
+      > div {
+        flex: none;
+      }
+    }
+  }
+
+  // 中间配置容器
+  .ztxk-form--operation {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-right: 10px;
+    .ztxk-dynamic-setting {
+      position: relative;
+      cursor: pointer;
+      margin-top: 6px;
+    }
+    .ztxk-from--toggle {
+      cursor: pointer;
+      margin-top: 4px;
+      > span {
+        transition: transform 0.4s ease 0s;
+      }
+    }
+  }
+
+  // 右侧容器
+  .ztxk-form__right {
+    display: flex;
+    > button.ant-btn {
+      margin-left: 10px;
+      margin-right: 0;
+      &:first-child {
+        margin-left: 0;
+      }
+    }
+  }
+}

package/dist/less/components/Form/style/style.less

@@ -0,0 +1,5 @@
+// 包含antd form 和 自定义样式
+@import "antd/lib/form/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";