tplus-member 1.27.1 → 1.27.2

package/dist/views/memberProject/memberProject.less

@@ -0,0 +1,334 @@
+.memberProject-container {
+
+    .header {
+        display      : flex;
+        height       : 86px;
+        padding      : 2px 16px;
+        border-bottom: 8px solid #E6E6EB;
+
+        .one {
+            display    : flex;
+            align-items: center;
+
+            img {
+                display      : inline-block;
+                width        : 55px;
+                height       : 55px;
+                border-radius: 50%;
+            }
+        }
+
+        .two {
+            width      : 100%;
+            height     : 69px;
+            margin-left: 8px;
+            display    : flex;
+            align-items: center;
+
+            div {
+                font-size     : 15px;
+                color         : #000000;
+                letter-spacing: 0;
+                text-align    : left;
+                white-space   : nowrap;
+                text-overflow : ellipsis;
+                overflow      : hidden;
+                word-break    : break-all;
+                height        : 16px;
+                line-height   : 16px;
+                padding       : 0 2px;
+            }
+        }
+
+        .another {
+            display: unset;
+
+            div {
+                height     : 35px;
+                line-height: 35px;
+            }
+
+            div:nth-child(2) {
+                font-size: 14px;
+            }
+        }
+    }
+
+    .content {
+        height : 337px;
+        padding: 16px 16px 5px 16px;
+        overflow: scroll;
+
+        .item {
+            display       : flex;
+            align-items   : center;
+            padding-bottom: 10px;
+            .two {
+                .u-form-control{
+                    width: 400px;
+                }
+            }
+            .itemLable {
+                width        : 80px;
+                font-size    : 14px;
+                color        : #000;
+                padding-right: 8px;
+                text-align   : right;
+
+                .datacheck {
+                    color         : red;
+                    padding-right : 2px;
+                    vertical-align: middle;
+                }
+            }
+
+            .itemDetail {
+                width: 400px;
+                // .u-input-number {
+                //     border-color: #FFF;
+
+                //     input {
+                //         height       : 32px;
+                //         text-align   : left;
+                //         border-radius: 5px;
+                //     }
+
+                // }
+
+                // .u-input-group-addon {
+                //     display: none;
+                // }
+                // .u-select .u-select-selection {
+                //     border: 0;
+                //     background: red;
+                // }
+                .numberDigitRed{
+                    input {
+                        color: red;
+                    }
+                }
+            }
+
+            .special {
+                display      : flex;
+                align-items  : center;
+                border       : 1px solid #a5adba;
+                background:#F7F9FB;
+                border-radius: 5px;
+
+                .u-select-arrow {
+                    display: none;
+                }
+
+                i {
+                    padding: 2px 5px;
+                }
+
+                .u-select{
+                    height: 32px;
+                    overflow: hidden;
+                    .u-select-selection {
+                        padding-top: 1px;
+                        border: 0;
+                        height: 24px;
+                        .u-select-selection-choice{
+                            width: 70px;
+                            text-align: center;
+                            overflow: hidden;
+                            text-overflow:ellipsis;
+                            white-space: nowrap;
+                        }
+                    }
+                } 
+
+                li{
+                    color: #666;
+                }
+            }
+
+            .person-checkbox{
+                margin-left: 10px;
+                margin-right: 5px;
+            }
+        }
+    }
+
+    .footer {
+        height     : 50px;
+        line-height: 50px;
+        padding    : 2px 16px;
+        border-top : 1px solid #E6E6EB;
+    }
+}
+
+.modal-GroupProjectModal-form {
+    .container {
+        .first {
+            margin    : 16px;
+            text-align: right;
+
+            .u-button {
+                font-size       : 16px;
+                color           : #FF8C25;
+                background-color: #FFFFFF;
+                border-color    : #FF8C25;
+            }
+
+            .u-button:hover {
+                border-color: fade(#FF8C25, 150%);
+                color       : fade(#FF8C25, 150%);
+            }
+        }
+
+        .second {
+            .isLimitClass {
+                color: #FF8C25;
+                border: 1px solid #FF8C25;
+                border-radius: 5px;
+                font-size: 12px;
+            }
+            &:hover{
+                cursor: pointer;
+            }
+            .u-table-thead th {
+                font-size: 14px;
+                color    : #333333;
+            }
+
+            .u-table thead tr:last-child {
+                border-bottom-color: #E6E6EB;
+            }
+
+            .u-table td {
+                border-bottom-color: #E6E6EB;
+            }
+
+            .u-table-row-hover {
+                background: #FFF;
+            }
+
+            .row-selected>td {
+                background: fade(#FF8C25, 20%);
+
+                .quantity {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+
+                    .txt {
+                        font-size: 14px;
+                        color    : #333333;
+                        padding: 0 10px;
+                        width: 100px;
+                    }
+
+                    .iconKey {
+                        font-size: 20px;
+                        color    : #FF8C25 !important;
+                    }
+                    span {
+                        width: 50%;
+                        padding: 0 8px;
+                    }
+                }
+            }
+
+            .u-table-placeholder{
+                border-bottom-color: #FFF;
+            }
+
+        }
+
+        .hide{
+            display: none;
+        }
+    }
+
+    .footerContainer {
+        display    : flex;
+        align-items: center;
+
+        .remark {
+            font-size : 14px;
+            width     : 80%;
+            text-align: left;
+
+            span:nth-child(2) {
+                color       : #FF8C25;
+                padding-left: 5px;
+            }
+        }
+    }
+}
+
+.modal-SelectProjectModal-form {
+    .u-modal-body {
+        overflow: hidden !important;
+    }
+
+    .container {
+        margin: 25px 0;
+
+        .first {
+            margin: 0 45px 0 52px;
+
+            .input-wrapper-2>div {
+                width: 100% !important;
+            }
+
+            .input-wrapper-2>div .value {
+                height: 50px !important;
+                width : 100% !important;
+            }
+        }
+
+        .second {
+            position   : absolute;
+            height     : 288px;
+            overflow-y : scroll;
+            margin-top : 20px;
+            margin-left: 40px;
+
+            .item {
+                height: 56px;
+                margin-left: 12px;
+                margin-bottom: 16px;
+                float      : left;
+                .txt {
+                    width        : 105px;
+                    height       : 56px;
+                    line-height  : 56px;
+                    font-size    : 14px;
+                    color        : #333333;
+                    text-align   : center;
+                    border       : 1px solid #C8C8CD;
+                    border-radius: 5px;
+                    cursor: default;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    word-break: break-all;
+                    padding: 0 6px;
+                }
+
+                i {
+                    display: none;
+                }
+            }
+
+            .selected {
+                .txt {
+                    border-color: #FF8C25;
+                }
+
+                i {
+                    position: relative;
+                    bottom  : 20px;
+                    left    : 89px;
+                    color   : #FF8C25;
+                    display : initial;
+                }
+            }
+        }
+    }
+}