tplus-member 1.26.2 → 1.27.2

package/dist/views/memberProject/memberProject.less

@@ -1,334 +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;
-                }
-            }
-        }
-    }
+.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;
+                }
+            }
+        }
+    }
 }