vat-unbilled-invoice.less 8.49 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264
@import "~/app-resources/less/theme.less";

.vat-unbilled-invoice { 
    padding-left: 20px;  
    height: 100%;
    width:100%;

    .nav-wrapper {     
          display: inline-block;

        .nav-header {
            height: 40px;
            /*line-height: 54px;*/
            font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei";
            font-weight: 700;
            font-style: normal;
            font-size: 15px;
            color: #333;
            display: inline-block;
        }
      }

    .total-container{
            width: 100%;
            height: calc(~"100% - 45px");
            /*border: 1px solid #E4E4E4;
            border-radius: 5px;*/
            display: inline-block;
            position: relative;

        .detail-table{
            width: 98%;
            height: calc(~"100% - 200px"); 
            display: inline-block;
            position: relative;  
            bottom:0px !important;

            .voucher-table{
                height:99%;
                width:49.5%;
                float:left;  

                .left-header{
                    width:100%;
                    display: inline-block;
                    height:50px; 
                    background-color:rgb(204, 204, 204);

                    .left-icon{                   
                       display: inline-block;
                        position:relative; 
                        top:-15px;
                        left:10px;
                        font-size:30px;
                        color:red; 
                    }

                    .left-title{
                        display: inline-block; 
                        padding-left:20px;
                        font-family: 'Microsoft YaHei'; 
                        font-style: normal;
                        font-size: 14px;
                        font-weight:600;
                        text-align:center;
                        /*line-height:65px;*/
                        color:red;
                    }

                      .voucher-tab {
                            display: inline-block;
                            float:right;
                            padding-right:20px;
                            padding-top: 12px;
                        span {
                            display: inline-block;
                            height: 25px;
                            width:80px;
                            text-align:center;
                            line-height: 25px;
                            /*padding: 0 10px;*/ 
                            color: #f16000;
                            font-family: "Microsoft YaHei";
                            font-weight: 400;
                            font-style: normal;
                            font-size: 14px;
                            cursor: pointer;
                            background-color: #ffffff;
                        }

                        .active {
                            color: #FFF;
                            background-color: #f16000;
                        }
                    }
                }
            }

            .invoice-table{
                height:99%;
                width:49.5%;
                float:right; 

                .right-header{
                width:100%;
                display: inline-block;
                height:50px; 
                background-color:rgb(204, 204, 204);

                .right-icon{                   
                    display: inline-block;
                    position:relative; 
                    top:-15px;
                    left:10px;
                    font-size:30px;
                    color:#b90808; 
                }

                .right-title{
                    display: inline-block; 
                    padding-left:20px;
                    font-family: 'Microsoft YaHei'; 
                    font-style: normal;
                    font-size: 14px;
                    font-weight:600;
                    text-align:center; 
                    color:red;
                }  
                
               .invoice-tab {
                            display: inline-block;
                            float:right;
                            padding-right:20px;
                            padding-top: 12px;
                        span {
                            display: inline-block;
                            height: 25px;
                            width:80px;
                            text-align:center;
                            line-height: 25px;
                            /*padding: 0 10px;*/ 
                            color: #f16000;
                            font-family: "Microsoft YaHei";
                            font-weight: 400;
                            font-style: normal;
                            font-size: 14px;
                            cursor: pointer;
                            background-color: #ffffff;
                        }

                        .active {
                            color: #FFF;
                            background-color: #f16000;
                        }
                    }
                                     
            }                 
            }
        }

        .map-container{ 
                width: 101%;
                position: absolute;
                height: 300px;
                bottom: 0;
                left: 0;
                right: 0;
                overflow: hidden;
                background-color: #FFF;
                margin-left: -20px;

                .map-title{
                    height:20px;
                    padding-top: 10px;
                    padding-left: 20px;     
                    padding-bottom:10px;
                    
                      .map-header {
                        height: 40px; 
                        font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular", "Microsoft YaHei";
                        font-weight: 700;
                        font-style: normal;
                        font-size: 15px;
                        color: #333;
                        display: inline-block;
                    }     
                }
                 
                .voucher-map-invoice{                    
                    .map-icon{
                         height:64px;
                         text-align:center;
                     }

                     .map-detail{
                         display:inline-block;
                         width:100%;

                      .map-voucher-table{
                         display:inline-block;
                         width:40%;
                         padding-left:20px;
                         float:left;
                     }

                     .map-transaction-detail{
                         display:inline-block;
                         width:20%;                        
                         text-align:center;

                         .trancode-div{               
                             position:relative;

                             .trancode-map{
                                   position: absolute;
                                   width: 100px; 
                                   height: 100px; 
                                   background-color: #f3f2f0;                            
                                   /*border:1px solid;*/
                                   border-radius: 50px; 
                                   top:65%;
                                   left:33%; 
                                   margin-top:30px;
                                   color:#b90808;
                             }
                         }
                     }

                      .map-invoice-table{
                         display:inline-block;
                         width:40%;
                         padding-right:20px;
                         float:right;
                      }
                     } 
                }
 
            }

         #content-resizer {
                    width: 103%;
                    position: absolute;
                    height: 4px;
                    bottom: 300px;
                    left: 0;
                    right: 0;
                    background-color: #6A6864;
                    cursor: n-resize;
                    margin-left: -40px;

                    #topIcon {
                        cursor: pointer;
                        margin-top: -19px;
                        width: 38px;
                        margin-left: 49%;
                    }
                }

    }

    
    

    }