ocpview-plus 0.0.1

package/src/styles/components/font.less

@@ -0,0 +1,314 @@
+.efuture-title-font(@size:16px) {
+    font-size: @size;
+    font-weight: @title-font-weight;
+    color: @title-font-color;
+}
+.efuture-title-font-1 {
+    .efuture-title-font(@title-font-size-1);
+}
+.efuture-title-font-2 {
+    .efuture-title-font(@title-font-size-2);
+}
+.efuture-title-font-3 {
+    .efuture-title-font(@title-font-size-3);
+}
+.efuture-card-head-title-2 {
+    .ivu-card-head {
+        padding: 7px 10px;
+    }
+}
+.efuture-card-head-title {
+    .ivu-card-head {
+        padding: 0px;
+        border-bottom: 0px;
+    }
+}
+.efuture-card-head-title-nobottom {
+    .ivu-card-head {
+        border-bottom: 0px;
+    }
+   
+}
+.efuture-card-extra-title-2 {
+    .ivu-card-extra  {
+        top: 7px;
+    }
+}
+.efuture-grid-cell-error {
+    height:@table-td-default-height;
+    border: 1px solid #ed4014;
+    width: 100%;
+}
+
+
+.efuture-grid-cell {
+    height:@table-td-default-height;
+    width: 100%;
+}
+.ivu-table-header .efuture-grid-head-required {
+    .efuture-grid-cell {
+        color:@text-color;
+        height:@table-td-default-height
+    }
+    .ivu-table-cell{
+        &::before{
+            content: '*';
+            display: inline-block;
+            margin-right: 4px;
+            line-height: 1;
+            font-family: SimSun;
+            font-size: 13px;
+            color: @asterisk-color;
+        }
+    }
+}
+.efuture-radiogroupbox-radio {
+    font-size: @font-size-small;
+    padding: @efuture-radiogroupbox-padding;
+}
+.efuture-checkbox {
+    font-size: @font-size-small;
+    padding:  @efuture-checkbox-padding;;
+}
+.ivu-table-column-required {
+    .ivu-table-cell {
+        .efuture-table-title:before {
+            content: '*';
+            display: inline-block;
+            margin-right: 4px;
+            line-height: 1;
+            font-family: SimSun;
+            font-size: @font-size-small;
+            color: @asterisk-color;
+        }
+    }
+}
+.efuture-model {
+    .ivu-modal-wrap {
+        .ivu-modal {
+            .ivu-modal-content {
+                .ivu-modal-body {
+                    padding: 0px;
+                }
+            }
+        }
+    }
+}
+.efuture-card-fairy {
+    .ivu-card-body {
+        padding-top: 0px;
+        padding-bottom: 0px;
+        padding-left: 8px;
+    }
+}
+.efuture-title-icon {
+    margin-left: 5px;
+}
+
+.efutre-anchor {
+    z-index: 2;
+    cursor: pointer;
+    .ivu-anchor-wrapper {
+        overflow: auto;
+        padding-left: 35px;
+        margin-left: -4px;
+        min-width: 200px;
+    }
+}
+.efutre-report {
+    border: 1px solid @body-background;
+    outline: none;
+    &:active {
+        border: 1px solid @body-background;
+    }
+}
+.ivu-table .efutre-del-row td{
+    color:#D5882E;text-decoration:line-through;background-color: #FFF9F0;
+}
+.efutre-del-row {
+    color:#D5882E;text-decoration:line-through;background-color: #FFF9F0;
+}
+
+.efuture-upload-disabled {
+    .ivu-upload-drag {
+        background-color:@input-disabled-bg;
+        &:hover{
+            border: 1px dashed @border-color-base;
+            cursor: not-allowed;
+        }
+    }
+}
+
+.efuture-anchor {
+    .ivu-affix {
+        right:5px!important;
+        padding-left:10px;
+    }
+}
+
+.efuture-demo-split{
+    border:none;
+}
+.efuture-demo-split-pane{
+
+}
+//.ivu-table-fixed-right-header {
+//    background-color:#fff !important;
+//    border: 1px solid #fff!important;
+//}
+
+.efuture-leveltextname {
+    color:@primary-color;
+}
+.efuture-form {
+    .ivu-form-item-required .ivu-form-item-label{
+        white-space: normal;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        box-sizing: border-box;
+        &::before{
+            display: none;
+        }
+    }
+}
+.efuture-form {
+    .ivu-form-item-required .ivu-form-item-label .ivu-table-cell-tooltip .ivu-table-cell-tooltip-content{
+        &::before{
+            content: '*';
+            display: inline-block;
+            margin-right: 4px;
+            line-height: 1;
+            font-family: SimSun;
+            font-size: 13px;
+            color: @asterisk-color;
+        }
+    }
+}
+.efuture-billapprovalmainframe{
+    .ivu-modal-body {
+        padding:0px;
+        overflow: hidden;
+    }
+}
+.efuture-title-verticalline {
+    border-left: 4px solid @primary-color;
+    padding-left:10px;
+}
+
+.ivu-tree-title {
+    border-radius: 0px;
+}
+.mainBtn[disabled] {
+    background-color:@main-btn-disabled-color ;
+    color:#fff;
+    border-color:@main-btn-disabled-color;
+}
+.mainBtn[disabled]:hover {
+    background-color:@main-btn-disabled-color ;
+    color:#fff;
+    border-color:@main-btn-disabled-color;
+}
+.ivu-tree-title-selected {
+    color:@primary-color;
+    background-color:@table-td-hover-bg;
+}
+.ivu-tree-title:hover {
+    background-color:@input-disabled-bg;
+}
+
+
+.ivu-modal-confirm-head-icon-success {
+    color: #739943;
+}
+.ivu-table-tip span{
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.ivu-table-tip td{
+    display: flex;
+    align-items: center;
+}
+
+.ivu-table-fixed-shadow {
+    height: auto;
+}
+.ivu-table-wrapper {
+    position: relative;
+    min-height: @table-td-default-height; 
+    overflow: hidden;
+}
+
+
+.efuture-filebox{
+    position: relative;
+    .filebtn{
+        display: none;
+        position: absolute;
+        right: 0;
+        top: 50%;
+        z-index: 2;
+        height: 100%;
+        width: calc(100% - 45px);
+        transform: translateY(-50%);
+    }
+    &:hover{
+        .filebtn{
+            display: block;
+            background: rgba(0,0,0, 0.6);
+            color:#fff;
+            line-height: @btn-height-base;
+        }
+    }
+}  
+
+.efuture-tip-form {
+    .ivu-poptip-rel {
+        width: 100%;
+    }
+    .ivu-poptip-popper {
+        width:100%;
+    }
+}
+.efuture-effect-grid {
+    .ivu-table th {
+        background-color:#fff;
+    }
+}
+
+.efuture-table-scroll-th {
+    background-color:#fff !important;
+    border: 1px solid #fff!important;
+}
+
+.efuture-hide-text{
+    font-size: @font-size-small;
+    color:@primary-color;
+    cursor:pointer;
+}
+
+.efuture-map {
+    width: 100%;
+    height: 100%;
+    border: 1px solid  @border-color-base;
+    margin: 0 auto;
+    background: white;
+  }
+
+.efuture-contextmenu {
+    position: absolute;
+    width: 120px;
+    z-index: 99999;
+    overflow: auto;
+    border-radius: 4px;
+    background:@primary-color;
+    li {
+      color: #fff;
+      margin: 0;
+      padding: 7px 16px;
+      cursor: pointer;
+      &:hover {
+        background: rgba(170, 170, 170, 0.49);
+      }
+    }
+  }

package/src/styles/components/form.less

@@ -0,0 +1,72 @@
+@form-prefix-cls: ~"@{css-prefix}form";
+@form-item-prefix-cls: ~"@{form-prefix-cls}-item";
+
+.@{form-prefix-cls} {
+    .@{form-item-prefix-cls}-label {
+        text-align: right;
+        vertical-align: middle;
+        float: left;
+        font-size: @font-size-small;
+        color: @text-color;
+        line-height: 1;
+        padding: 10px 12px 10px 0;
+        box-sizing: border-box;
+    }
+    &-label-left .@{form-item-prefix-cls}-label {
+        text-align: left;
+    }
+    &-label-top .@{form-item-prefix-cls}-label {
+        float: none;
+        display: inline-block;
+        padding: 0 0 10px 0;
+    }
+    &-inline{
+        .@{form-item-prefix-cls} {
+            display: inline-block;
+            margin-right: 10px;
+            vertical-align: top;
+        }
+    }
+}
+
+.@{form-item-prefix-cls} {
+    margin-bottom: @form-item-margin-bottom;
+    margin-top: @form-item-margin-top;
+    vertical-align: top;
+    .clearfix();
+    &-content {
+        position: relative;
+        line-height: @form-item-margin-bottom + 8;
+        font-size: @font-size-small;
+    }
+    & & {
+        margin-bottom: 0;
+    }
+    & & &-content {
+        margin-left: 0!important;
+    }
+
+    &-error-tip{
+        position: absolute;
+        top: 100%;
+        left: 0;
+        line-height: 1;
+        padding-top: 6px;
+        color: @error-color;
+    }
+
+    &-required {
+        .@{form-item-prefix-cls}-label:before {
+            content: '*';
+            display: inline-block;
+            margin-right: 4px;
+            line-height: 1;
+            font-family: SimSun;
+            font-size: @font-size-small;
+            color: @error-color;
+        }
+    }
+    &-error {
+        // todo
+    }
+}