zmdms-webui 2.2.6 → 2.2.7

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

@@ -0,0 +1,456 @@
+.ztxk-form__item--wrap {
+  // 默认平分容器大小
+  // flex-grow: 1;
+  display: flex;
+  align-items: center;
+  // 默认容器三等分,所以需要容器有个最小宽度，有个最大宽度
+  // width: 33.33%;
+  // margin-bottom: 10px;
+  // margin-right: 10px;
+  padding-bottom: 10px;
+  padding-right: 10px;
+  position: relative;
+  .ztxk-form__item--wrap--tips {
+    position: absolute;
+    top: 2px;
+    right: 10px;
+    color: @stress;
+  }
+  .ant-form-item {
+    margin-bottom: 0;
+    .ant-form-item-explain {
+      display: none;
+    }
+    .ant-picker-focused {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    .ant-select {
+      margin-left: 0;
+    }
+    .ant-select-focused.ant-select-single:not(.ant-select-customize-input)
+      .ant-select-selector,
+    .ant-select-focused:not(.ant-select-disabled).ant-select:not(
+        .ant-select-customize-input
+      )
+      .ant-select-selector {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    .ant-input:focus,
+    .ant-input-focused {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    .ant-input-number:focus,
+    .ant-input-number-focused {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    .ant-input-affix-wrapper:focus,
+    .ant-input-affix-wrapper-focused {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    /* 悬浮时样式 */
+    &:hover,
+    &:focus-within {
+      .ant-form-item-label,
+      .ant-form-item-label label {
+        border-color: #1566d2;
+      }
+      .ant-select-selector {
+        border-color: #1566d2;
+      }
+      .ant-picker {
+        border-color: #1566d2;
+      }
+      .ant-input,
+      .ant-input-number {
+        border-color: #1566d2;
+      }
+      .ant-radio-group,
+      .ant-checkbox-group {
+        border-color: #1566d2;
+      }
+      .ant-input-disabled {
+        border-color: #cdd9e6 !important;
+      }
+      .ant-input-number-disabled {
+        border-color: #cdd9e6 !important;
+      }
+      .ztxk-form--detault-dom {
+        border-color: #1566d2;
+      }
+    }
+    .ant-input-disabled,
+    .ant-input-number-disabled {
+      background-color: #f5f5f5;
+    }
+
+    // label栏样式
+    .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;
+      transition: border 0.3s;
+      label {
+        padding-left: 6px;
+        font-size: 12px;
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+
+    /* 下拉框样式 */
+    .ant-select-selector {
+      border-left: none;
+      border-radius: 0px 4px 4px 0px;
+      .ant-select-selection-item {
+        width: 100px;
+      }
+    }
+    .ant-select-focused.ant-select-single:not(.ant-select-customize-input)
+      .ant-select-selector {
+      border-color: #1566d2;
+      /* border-left: 1px solid #1566d2 !important; */
+    }
+
+    /* 输入框样式 */
+    .ant-input-affix-wrapper {
+      border-left: none;
+      border-radius: 0 4px 4px 0;
+      .ant-input {
+        height: auto;
+        font-size: 13px;
+      }
+    }
+    .ant-input-affix-wrapper:hover,
+    .ant-input-number:hover {
+      border-color: #1566d2;
+    }
+
+    /* 数字输入框组件 */
+    .ant-input-number {
+      width: 100%;
+      border-radius: 0px 4px 4px 0px;
+      border-left: none;
+      height: 32px;
+      &:focus {
+        border-color: #1566d2;
+        border-left: 1px solid #1566d2;
+      }
+    }
+
+    /* 日期组件 */
+    .ant-picker {
+      width: 100%;
+      border-radius: 0px 4px 4px 0px;
+      border-left: none;
+      &.ant-picker-focused {
+        border-color: #1566d2;
+        /* border-left: 1px solid #1566d2; */
+      }
+      .ant-picker-input > input {
+        // text-align: center;
+        text-align: left;
+      }
+    }
+
+    .ant-input {
+      border-left: none;
+      border-radius: 0px 4px 4px 0px;
+      height: 32px;
+      // transition: all 0.3s;
+    }
+    /* 文本域组件 */
+    .ant-input-textarea {
+      .ant-input {
+        height: auto;
+        // transition: height none;
+      }
+      &.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
+        margin-bottom: 0px;
+      }
+    }
+    .ant-select {
+      width: 100%;
+    }
+    textarea {
+      resize: none;
+    }
+
+    /* 单选框组 */
+    .ant-radio-group,
+    .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;
+    }
+
+    .ant-form-item-control {
+      font-size: 13px;
+      width: calc(100% - 130px);
+    }
+    .ant-form-item-label,
+    .ant-form-item-label label {
+      background-color: none;
+      > * {
+        cursor: default;
+      }
+    }
+
+    .ant-input-affix-wrapper,
+    .ant-picker,
+    .ant-form-item-control-input-content {
+      /* 这里修改了一下高度 不确定会不会影响到别的页面 */
+      min-height: 32px;
+    }
+    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
+    .ant-select-selector {
+      transition: all 0.3s;
+      min-height: 32px;
+    }
+    .ant-input-affix-wrapper:focus,
+    .ant-input-affix-wrapper-focused,
+    .ant-input:focus,
+    .ant-input-focused {
+      border-color: #1566d2 !important;
+    }
+    // .ant-form-item-label,
+    // .ant-form-item-label label,
+    // .ant-select-selector,
+    // .ant-picker,
+    // .ant-input-affix-wrapper,
+    // .ant-input,
+    // .ant-input-number {
+    //   // transition: none;
+    // }
+    &:hover {
+      .ant-form-item-label,
+      .ant-form-item-label label,
+      .ant-select-selector,
+      .ant-picker,
+      .ant-input-affix-wrapper,
+      .ant-input,
+      .ant-input-number {
+        border-color: #1566d2;
+        // transition: none;
+      }
+    }
+  }
+  // 上下布局
+  .ztxk-form__item--direction-column {
+    border: 1px solid #cdd9e6;
+    border-radius: 4px;
+    transition: border 0.3s;
+    &:hover {
+      border-color: #1566d2;
+    }
+    > .ant-form-item-row {
+      flex-direction: column;
+    }
+    .ant-form-item-label {
+      text-align: left;
+      border: none;
+      border-radius: 4px;
+    }
+    .ant-form-item-control {
+      width: 100%;
+      padding-left: 10px;
+    }
+    .ant-input,
+    .ant-checkbox-group,
+    .ant-input-number,
+    .ant-select-selector,
+    .ant-picker {
+      border: none;
+    }
+    .ant-input-number {
+      .ant-input-number-handler-wrap {
+        > span {
+          border-top: 1px solid #d9d9d9;
+        }
+      }
+    }
+    textarea.ant-input:focus {
+      box-shadow: none !important;
+    }
+  }
+  .ztxk-form__item {
+    flex: 1;
+    // 禁用
+    &--disabled {
+      .ant-form-item-label,
+      .ant-form-item-label label,
+      .ztxk-form--detault-dom {
+        background-color: #f5f5f5;
+        cursor: not-allowed;
+        > * {
+          cursor: not-allowed;
+        }
+      }
+      &:hover {
+        .ant-form-item-label,
+        .ant-form-item-label label,
+        .ant-select-selector,
+        .ant-picker,
+        .ant-input-affix-wrapper,
+        .ant-input,
+        .ant-input-number,
+        .ztxk-form--detault-dom {
+          border-color: #cdd9e6 !important;
+        }
+      }
+    }
+    // 隐藏label
+    &--hidden-label {
+      .ant-form-item-label,
+      .ant-form-item-label label,
+      .ant-select-selector,
+      .ant-picker,
+      .ant-input-affix-wrapper,
+      .ant-input,
+      .ant-input-number,
+      .ant-checkbox-group,
+      .ant-radio-group {
+        border-left: 1px solid #d9d9d9;
+        border-radius: 4px;
+      }
+      .ant-checkbox-group,
+      .ant-radio-group {
+        padding-left: 11px;
+      }
+    }
+    // 隐藏边框
+    &--hidden-border {
+      .ant-form-item-label,
+      .ant-form-item-label label {
+        border: none;
+        border-left: none;
+      }
+      // TODO: 这里不知道之前为什么注释掉了，但是按理来说应该解开
+      .ant-radio-group,
+      .ant-checkbox-group {
+        border: none;
+        border-left: none;
+        min-height: 32px;
+      }
+      .ztxk-form--detault-dom {
+        border: none;
+      }
+    }
+    // 单选择器
+    &--single-select {
+      color: red;
+      .ant-form-item-control-input-content {
+        border: none;
+        border-left: none;
+        transition: border 0.3s;
+        background: #fff;
+        line-height: 32px;
+        padding-left: 11px;
+      }
+    }
+    // 单选择器显示边框
+    &--single-show-border {
+      &.pro-form__item--nolabel {
+        .ant-form-item-control-input-content {
+          border-left: 1px solid #d9d9d9;
+          border-radius: 4px;
+        }
+      }
+      .ant-form-item-control-input-content {
+        border: 1px solid #d9d9d9;
+        border-radius: 4px;
+        transition: border 0.3s;
+        background: #fff;
+        line-height: 30px;
+        padding-left: 11px;
+        &:hover {
+          border-color: #1566d2;
+        }
+      }
+    }
+    // 强调
+    &--stress {
+      .ant-form-item-label label {
+        color: @stress;
+      }
+    }
+  }
+
+  .ztxk-form__item--custom {
+    .ztxk-form--detault-dom {
+      padding: 2px 11px;
+    }
+    .ant-input,
+    .ant-input-number {
+      border: 1px solid #d9d9d9;
+      border-radius: 4px;
+      height: 26px;
+    }
+    .ant-radio-group {
+      border: none;
+      min-height: 26px;
+    }
+    .ant-input-number-input {
+      height: 23px;
+    }
+    .ant-select-selector {
+      border: 1px solid #d9d9d9;
+      border-radius: 4px;
+      height: 26px;
+      min-height: 26px !important;
+      .ant-select-selection-placeholder {
+        line-height: 24px;
+      }
+      .ant-select-selection-search-input {
+        height: 26px;
+      }
+      .ant-select-selection-item {
+        line-height: 23px;
+      }
+    }
+  }
+  .ztxk-form__item--custom-fill {
+    .ztxk-form--detault-dom {
+      padding: 0 11px;
+    }
+    .ant-input,
+    .ant-input-number {
+      height: 30px;
+      border-top: none;
+      border-bottom: none;
+      border-radius: 4px;
+    }
+    .ant-input-number-input {
+      height: 30px;
+    }
+    .ant-select-selector {
+      border: 1px solid #d9d9d9;
+      border-top: none;
+      border-bottom: none;
+      border-radius: 4px;
+      height: 30px;
+      min-height: 30px !important;
+      .ant-select-selection-placeholder {
+        line-height: 30px;
+      }
+      .ant-select-selection-search-input {
+        height: 30px;
+      }
+      .ant-select-selection-item {
+        line-height: 30px;
+      }
+    }
+  }
+}

package/dist/less/components/FormItem/style/style.less

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

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

@@ -0,0 +1,15 @@
+.ant-input-textarea {
+  position: relative;
+  &::after {
+    position: absolute;
+    bottom: 1px;
+    right: 10px;
+  }
+}
+
+.ztxk-form__item--wrap
+  .ant-form-item
+  .ztxk-input-textArea--form-resize
+  textarea {
+  resize: vertical !important;
+}

package/dist/less/components/Input/style/style.less

@@ -0,0 +1,4 @@
+@import "antd/lib/input/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";

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

@@ -0,0 +1,30 @@
+.ztxk-input-number-leftRight {
+  position: relative;
+  &:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down {
+    border-top: none;
+  }
+  .ant-input-number-input {
+    padding: 0 24px;
+  }
+  .ant-input-number-handler-wrap {
+    position: static;
+    height: 0;
+    > span {
+      height: 100% !important;
+      position: absolute;
+      width: 22px;
+      &:hover {
+        height: 100% !important;
+      }
+    }
+    .ant-input-number-handler-up {
+      right: 0;
+      border-top: none;
+    }
+    .ant-input-number-handler-down {
+      left: 0;
+      border-right: 1px solid #d9d9d9;
+      border-top: none;
+    }
+  }
+}

package/dist/less/components/InputNumber/style/style.less

@@ -0,0 +1,4 @@
+@import "antd/lib/input-number/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";

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

@@ -0,0 +1,62 @@
+.ztxk-container--left-icon {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  cursor: pointer;
+  top: 50%;
+  font-size: 14px;
+  margin-top: -7px;
+}
+.ztxk-container--left-drawer {
+  .ant-drawer-body {
+    padding: 8px;
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(91, 118, 245, 0.05) 100%
+    );
+    // 设置左侧树样式
+    .ant-tree {
+      background: transparent;
+      .ant-tree-treenode {
+        padding: 0;
+      }
+      .ant-tree-treenode-selected {
+        background: #5b76f5;
+        .ant-tree-node-content-wrapper.ant-tree-node-selected {
+          background: #5b76f5;
+        }
+      }
+    }
+    .ztxk-tree {
+      padding: 0;
+      .ant-tree-treenode {
+        width: 100%;
+      }
+    }
+    .ant-input-search {
+      input {
+        background: transparent;
+        border-right: none;
+      }
+      .ant-input-search-button {
+        background: transparent;
+        border-left: none;
+      }
+    }
+  }
+  &.ant-drawer-left > .ant-drawer-content-wrapper {
+    box-shadow: none;
+  }
+}
+.ztxk-container--left-wrap {
+  position: relative;
+  margin: @margin-base;
+  > .ztxk-container__content {
+    flex: 1;
+    margin: 0;
+  }
+  > .ztxk-container {
+    flex: 1;
+  }
+}

package/dist/less/components/LeftContent/style/style.less

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

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

@@ -0,0 +1,63 @@
+.login-wrap {
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+  background-size: cover;
+  background-repeat: repeat-x;
+  background-position: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .login-form {
+    margin: 0 auto;
+    width: 380px;
+    text-align: center;
+    .ant-form-item-explain-error {
+      text-align: left;
+      font-size: @font-size-text;
+    }
+
+    .login-logo {
+      margin-bottom: @margin-base;
+      overflow: hidden;
+      > img {
+        max-width: 333px;
+      }
+    }
+    .ant-form-item {
+      label {
+        color: @font-bg-color;
+        font-size: @font-size-text;
+      }
+      input {
+        font-size: @font-size-text;
+      }
+    }
+    .form__item--button {
+      background-color: rgb(248, 223, 178);
+      height: 40px;
+      font-size: @font-size-base;
+      color: rgb(158, 96, 14);
+      font-weight: 600;
+      border-radius: @border-radius-base;
+      font-family: @font-family-zt;
+      &:hover {
+        border-color: #f8dfb2;
+      }
+    }
+    .form__item--remember {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      color: @font-bg-color;
+      font-size: @font-size-text;
+      .ant-form-item {
+        margin-bottom: 0;
+      }
+      .form__item--remember-forget {
+        cursor: pointer;
+        user-select: none;
+      }
+    }
+  }
+}

package/dist/less/components/Login/style/style.less

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

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

@@ -0,0 +1,19 @@
+// 增加message关闭按钮样式
+.ant-message-notice-content {
+  position: relative;
+  &::after {
+    content: "x";
+    position: absolute;
+    top: -4px;
+    right: -4px;
+    width: 14px;
+    height: 14px;
+    background-color: #faad14;
+    line-height: 12px;
+    font-size: 12px;
+    border-radius: 50%;
+    color: #fff;
+    cursor: pointer;
+  }
+  white-space: pre-line;
+}

package/dist/less/components/Message/style/style.less

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

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

@@ -0,0 +1,15 @@
+.micro-loading {
+  width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  margin-top: 40px;
+  font-size: 20px;
+  .ant-spin-dot {
+    font-size: 18px;
+  }
+  .ant-spin-text {
+    font-size: 20px;
+  }
+}

package/dist/less/components/MicroLoading/style/style.less

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