zmdms-webui 2.3.2 → 2.3.3

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

@@ -0,0 +1,118 @@
+.ztxk-tabs {
+  &.ztxk-tabs--marginTop {
+    .ant-tabs-nav {
+      margin-top: @margin-base;
+    }
+  }
+  &.ztxk-tabs--marginBottom {
+    .ant-tabs-nav {
+      margin-bottom: @margin-base;
+    }
+  }
+  .ant-tabs-nav,
+  .ant-tabs-tab {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .ant-tabs-nav {
+    &::before {
+      border-bottom-color: @tabs-nav-color-split;
+    }
+  }
+  &.ztxk-tabs--type-message {
+    .ant-tabs-extra-content {
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+    .tabs-self--type-container {
+      display: flex;
+      .tabs-self--type-msg {
+        margin-left: 10px;
+      }
+    }
+  }
+
+  &.ztxk-tabs--header {
+    .ant-tabs-tab,
+    .ant-tabs-nav .ant-tabs-tab {
+      background: #fff;
+      border-bottom-color: #fff;
+      padding: 0;
+      border: 1px solid #f0f0f0;
+      &.ant-tabs-tab-active {
+        background: rgb(233, 236, 243);
+        border-bottom-color: rgb(233, 236, 243);
+      }
+      > div {
+        color: rgb(118, 134, 150);
+        display: inline-block;
+        height: 38px;
+        line-height: 38px;
+        padding: 0px 5px 0px 10px;
+      }
+      .ant-tabs-tab-remove {
+        width: 22px;
+        padding-right: 9px;
+        padding-left: 1px;
+        height: 38px;
+        line-height: 38px;
+        margin-right: 0px;
+        margin-left: 0px;
+      }
+    }
+  }
+  &.ztxk-tabs--content {
+    .ant-tabs-tab {
+      padding: 6px 16px;
+      background: rgb(235, 243, 254);
+      border: 1px solid rgb(205, 217, 230);
+      line-height: 20px;
+      &:not(:last-of-type) {
+        margin-right: -1px !important;
+      }
+      &.ant-tabs-tab-active {
+        background: rgb(255, 255, 255);
+        border-bottom: 1px solid rgb(255, 255, 255);
+        .ant-tabs-tab-btn {
+          color: @weight-2;
+        }
+      }
+      .tabs-self--type {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .anticon {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+  &.ztxk-tabs--isFlex {
+    height: 100%;
+    .ant-tabs-content {
+      height: 100%;
+      .ant-tabs-tabpane {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+      .ant-tabs-tabpane-hidden {
+        display: none;
+      }
+    }
+  }
+  &.ztxk-tabs--stickyTop {
+    > .ant-tabs-nav {
+      position: sticky;
+      z-index: 100;
+      background: #fff;
+    }
+  }
+  &.ztxk-tabs--nonBorder {
+    .ant-tabs-tab {
+      border: none;
+    }
+  }
+}

package/dist/less/components/Tabs/style/style.less

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

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

@@ -0,0 +1,3 @@
+.ztxk-tag {
+  border-radius: 4px 0 4px 0;
+}

package/dist/less/components/Tag/style/style.less

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

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

@@ -0,0 +1,54 @@
+.ztxk-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // 2024-07-03 标题这里不再固定高度，因为固定高度后。会影响布局
+  // line-height: 38px;
+  // height: 38px;
+  width: 100%;
+  &.ztxk-title--paddingSide {
+    // padding: 0 10px;
+    // 设置上下padding撑开
+    padding: 5px 10px;
+  }
+  &.ztxk-title--sticky {
+    position: sticky;
+    top: 0;
+  }
+  .ztxk-title--title {
+    font-size: @font-size-title;
+    font-weight: 600;
+    color: @weight-1;
+    > * {
+      font-size: inherit;
+    }
+  }
+  .ztxk-title--extra {
+    font-size: 13px;
+    color: @weight-1;
+  }
+  &.ztxk-title--bordered {
+    border-bottom: 1px solid @col-line;
+  }
+  &.ztxk-title--all-bordered {
+    border: 1px solid @col-line;
+  }
+  &.ztxk-title--background {
+    background-color: @col-line-titleBg;
+  }
+  &.ztxk-title--bg-white {
+    background-color: #fff;
+  }
+  &.ztxk-title--marginTop {
+    margin-top: @margin-base;
+  }
+  &.ztxk-title--marginBottom {
+    margin-bottom: @margin-base;
+  }
+  &.ztxk-title--paddingTop {
+    padding-top: @padding-base;
+  }
+  &.ztxk-title--paddingBottom {
+    padding-bottom: @padding-base;
+  }
+}

package/dist/less/components/Title/style/style.less

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

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

@@ -0,0 +1,58 @@
+.ztxk-tree {
+  padding: 10px;
+  .ztxk-tree--hidden {
+    display: none;
+  }
+  &.ztxk-tree--height {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    overflow: auto;
+    > .ant-tree {
+      flex: 1;
+      overflow: auto;
+    }
+    .ant-tree-list {
+      .ant-tree-treenode {
+        .ant-tree-node-content-wrapper {
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+  > .ant-input-search {
+    margin-bottom: 10px;
+    input {
+      height: 30px;
+    }
+  }
+}
+.ant-tree-list {
+  .ant-tree-treenode {
+    // height: 22px;
+    line-height: 22px;
+    padding: 0;
+    .ant-tree-switcher {
+      width: 22px;
+      line-height: 22px;
+    }
+    .ant-tree-node-content-wrapper {
+      min-height: 22px;
+      // height: 22px;
+      line-height: 22px;
+      padding-left: 0;
+      transition: none;
+      &:hover {
+        background-color: transparent;
+      }
+    }
+    &.ant-tree-treenode-selected {
+      background-color: @menu-selected-bg;
+      color: #ffffff;
+      .ant-tree-node-content-wrapper.ant-tree-node-selected {
+        background-color: @menu-selected-bg;
+        color: #ffffff;
+      }
+    }
+  }
+}

package/dist/less/components/Tree/style/style.less

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

package/dist/less/components/TreeSelect/style/style.less

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

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

@@ -0,0 +1,61 @@
+.ztxk-upload {
+  .ant-upload.ant-upload-select-picture-card {
+    width: auto;
+    height: auto;
+  }
+  .ztxk-upload--picture {
+    width: 110px;
+    height: 110px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    background-color: #fafafa;
+    border: 1px dashed #d9d9d9;
+    border-radius: 2px;
+    cursor: pointer;
+  }
+  .ant-upload-list-picture-card-container {
+    width: 110px;
+    height: 110px;
+  }
+  .ztxk-upload--tips {
+    margin-left: 10px;
+  }
+  .ztxk-table {
+    margin-top: 10px;
+    // .ant-progress-text {
+    //   width: 1em;
+    // }
+    .ztxk-upload--progress {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .ant-progress-text {
+        width: 30px;
+      }
+    }
+  }
+  > button {
+    margin-left: 10px;
+  }
+  > button:first-child {
+    margin-left: 0;
+  }
+  .ztxk-upload--preview-list {
+    .ztxk-upload--preview-list__item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-right: 10px;
+    }
+  }
+}
+.ztxk-upload-imgcrop {
+  .ant-modal-body {
+    > button {
+      bottom: 10px;
+    }
+  }
+}

package/dist/less/components/UploadList/style/style.less

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

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

@@ -0,0 +1,7 @@
+.ztxk-watermark {
+  &.ztxk-watermark--hidden {
+    > .ztxk-watermark--div {
+      display: none;
+    }
+  }
+}

package/dist/less/components/Watermark/style/style.less

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

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

@@ -0,0 +1,136 @@
+.zt-transfer {
+  padding: @padding-base;
+  .container {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+.zt-transfer--container {
+  border: 1px solid @border-color-split;
+  border-radius: 4px;
+  width: 300px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    line-height: 32px;
+    background-color: @col-title-bg;
+    padding: 0 0 0 @padding-base;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    > button {
+      padding: 4px 10px;
+    }
+    border-bottom: 1px solid @border-color-split;
+  }
+  .wrap {
+    height: 400px;
+    display: flex;
+    flex-direction: column;
+    .search {
+      padding: @padding-base;
+      .ant-input-affix-wrapper {
+        padding: 0 10px;
+        height: 30px;
+      }
+      .ant-input {
+        height: 28px;
+      }
+      .ant-btn {
+        background-color: #fff;
+        border-color: #d9d9d9;
+      }
+    }
+    .content {
+      flex: 1;
+      overflow: auto;
+      height: 350px;
+    }
+  }
+  // 树相关控制
+  .ztxk-tree {
+    .ant-tree-checkbox-disabled {
+      display: none;
+    }
+  }
+}
+
+.search-result--list {
+  display: flex;
+  flex-direction: column;
+  // width: 300px;
+  > .search-result--item {
+    border-bottom: 1px solid @border-color-split;
+    margin-right: 0;
+    padding: @padding-base 0 @padding-base @padding-base;
+    width: 100%;
+    overflow: hidden;
+    display: flex;
+    margin-left: 0;
+    &:first-child {
+      padding-top: 0;
+    }
+    > span:last-child {
+      flex: 1;
+      width: 100px;
+    }
+    .search-result--item__title {
+      overflow: hidden;
+      word-wrap: break-word;
+      word-break: break-all;
+      white-space: normal;
+    }
+    .search-result--item__describe {
+      overflow: hidden;
+      word-wrap: break-word;
+      word-break: break-all;
+      white-space: normal;
+      color: @weight-2;
+    }
+  }
+}
+
+.checked-result--list {
+  display: flex;
+  flex-direction: column;
+  // width: 300px;
+  > .checked-result--item {
+    border-bottom: 1px solid @border-color-split;
+    margin-right: 0;
+    padding: @padding-base 0 @padding-base @padding-base;
+    width: 100%;
+    overflow: hidden;
+    display: flex;
+    margin-left: 0;
+    flex-direction: column;
+    position: relative;
+    &:first-child {
+      padding-top: 0;
+    }
+    .checked-reslt--item__clear {
+      position: absolute;
+      right: 0;
+      top: 50%;
+      margin-top: -10px;
+      width: 20px;
+      color: #d9d9d9;
+      cursor: pointer;
+    }
+    .checked-result--item__title {
+      overflow: hidden;
+      word-wrap: break-word;
+      word-break: break-all;
+      white-space: normal;
+      padding-right: 16px;
+    }
+    .checked-result--item__describe {
+      overflow: hidden;
+      word-wrap: break-word;
+      word-break: break-all;
+      white-space: normal;
+      width: 90%;
+      color: @weight-2;
+      padding-right: 16px;
+    }
+  }
+}

package/dist/less/components/ZtTransfer/style/style.less

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

package/dist/less/styles/default.less

@@ -0,0 +1,100 @@
+// 在这里定义一些组件内的常量
+
+@font-size-text: 13px; // 文本字体大小
+@font-bg-color: rgb(255, 255, 255); // 背景字体颜色
+@font-family-zt: PingFangSC-Semibold, "PingFang SC", "微软雅黑";
+
+@margin-base: 10px; // 默认外边距
+@padding-base: 10px; // 默认内边距
+
+@bg-white: rgb(255, 255, 255);
+@text-white: rgb(255, 255, 255);
+@col-head-bg: #ebf3fe; // 列表背景 分割线 hover显示色
+@black-1: rgba(187, 199, 211, 0.4);
+@system: #cdd9e6;
+// @title-head-bg: #fafafa; // 表头
+@title-head-bg: #eff5fe; // 表头
+@conten-bg: #e9ecf3;
+@weight-1: #333333; // 辅助 次重要
+@weight-2: #888888; // 辅助 次重要
+@weight-3: #768696;
+@_color_black_1: rgba(0, 0, 0, 0.65);
+
+@header-height: 48px;
+@footer-height: 40px;
+
+@content-bg: #e9ecf3;
+@bg-white: rgb(255, 255, 255);
+@text-white: rgb(255, 255, 255);
+@header-height: 48px;
+@menu-height: 36px;
+@sub-menu-height: 30px;
+@menu-color: rgba(255, 255, 255, 0.65);
+@submenu-color: rgba(0, 0, 0, 0.65);
+
+@col-line: #dde8f5; // 列表线条颜色
+@col-line-border: #ebebeb; // 线条颜色
+@col-line-titleBg: #eff5fe; // 列表背景颜色
+@col-title-bg: #fafafa; // 列表背景 分割线 hover显示色
+@stress: #ff8888; // 强调 权重 正数
+
+@title-bg: rgb(242, 242, 242);
+
+@font-size-title: 18px;
+
+@menu-selected-bg: #5b76f5;
+
+@menu-scrollbar-bg: #5b76f6;
+
+@border-radius: 4px;
+
+@danger-color: #ff4d4f;
+@danger-color-hover: #ff7875;
+
+// 主体色 深色
+@main-color: #366dff;
+// 主体色 浅色
+@main-color-light: #5b76f6;
+// 悬浮主题色
+@main-color-light-hover: #3a3f9d;
+
+// 激活 新增 金额负数
+@active-color: #66cc66;
+// 强调 重要 金额正数
+@stress-color: #ff6666;
+
+// 背景 区块分割
+@block-bg-color: #f5f5f5;
+// 分割线
+@divider-color: #ebebeb;
+
+@white: #ffffff;
+
+// 注释 条件 次要
+@note-color: #888888;
+
+// 系统控件
+@system-color: #e0eafe;
+
+// 全局提醒
+@global-color: #fcecc8;
+@global-text-color: #794808;
+
+// 失效 失去焦点
+@disabled-color: #cccccc;
+
+// 标题 正文
+@text-color: #333333;
+
+// 字体
+@base-fontfamily: "思源黑体 苹方体 微软雅黑";
+
+@link-color: #4285f4;
+@link-hover-color: #1566d2;
+@primary-color: #5b76f6;
+
+// 表格边框颜色
+@border-color-split: #dee9f6;
+
+// 页签底部颜色
+@tabs-nav-color-split: #cdd9e6;

package/dist/less/styles/index.less

@@ -0,0 +1,88 @@
+@import "antd/dist/antd.less"; // 引入antd的样式文件
+
+@import "./default.less"; // 引入自定义变量
+
+@import "./reset.less";
+
+@import "../components/Button/style/index.less";
+@import "../components/Input/style/index.less";
+@import "../components/InputNumber/style/index.less";
+@import "../components/Login/style/index.less";
+@import "../components/Form/style/index.less";
+@import "../components/FormItem/style/index.less";
+@import "../components/DynamicSetting/style/index.less";
+@import "../components/Container/style/index.less";
+@import "../components/Footer/style/index.less";
+@import "../components/Pagination/style/index.less";
+@import "../components/Table/style/index.less";
+@import "../components/Tabs/style/index.less";
+
+@import "../components/AppLayout/style/index.less";
+
+@import "../components/DetailList/style/index.less";
+
+@import "../components/Modal/style/index.less";
+
+@import "../components/Select/style/index.less";
+
+@import "../components/UploadList/style/index.less";
+
+@import "../components/TreeSelect/style/index.less";
+
+@import "../components/Tree/style/index.less";
+
+@import "../components/Descriptions/style/index.less";
+
+@import "../components/Title/style/index.less";
+
+@import "../components/Print/style/index.less";
+@import "../components/Tag/style/index.less";
+
+@import "../components/LeftContent/style/index.less";
+
+@import "../components/Differences/style/index.less";
+
+@import "../components/Collapse/style/index.less";
+
+@import "../components/Placeholder/style/index.less";
+
+@import "../components/DatePicker/style/index.less";
+
+@import "../components/AuthLoading/style/index.less";
+@import "../components/MicroLoading/style/index.less";
+
+@import "../components/NotAuthPage/style/index.less";
+
+@import "../components/Alert/style/index.less";
+
+@import "../components/ZtTransfer/style/index.less";
+
+@import "../components/Watermark/style/index.less";
+
+@import "../components/ElectronSignatures/style/index.less";
+
+@import "../components/Message/style/index.less";
+
+@import "../components/Cascader/style/index.less";
+
+@import "../components/CanvasTable/style/index.less";
+
+// 显示换行符
+.ant-tooltip-inner {
+  white-space: pre-wrap;
+}
+
+// 单选框选中加粗
+.ant-radio-wrapper {
+  .ant-radio-checked + span {
+    font-weight: 600;
+  }
+}
+
+// 抽屉样式兼容
+// 再老基座下，老基座引入的antd版本较低，跟这个有点冲突。抽屉收起来时，会再左侧闪现一下抽屉。
+.ant-drawer,
+.ant-drawer-left.ant-drawer-open,
+.ant-drawer-right.ant-drawer-open {
+  width: auto;
+}