|  |  | 
 |  |  |                 <span>确认出库</span> | 
 |  |  |             </button> | 
 |  |  |         </div> | 
 |  |  |         <Access :show="show" :transferId="(route.query.id as string)" :warehouseId="warehouseId" @close="closeBox" @value="getValue" /> | 
 |  |  |     <Access :show="show" :transferId="(route.query.id as string)" :warehouseId="warehouseId" @close="closeBox" | 
 |  |  |       @value="getValue" /> | 
 |  |  |     </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  |         height: 100%; | 
 |  |  |         position: absolute; | 
 |  |  |         background: #F7F7F7; | 
 |  |  |  | 
 |  |  |         .page_info { | 
 |  |  |             padding: 30px; | 
 |  |  |             background: #ffffff; | 
 |  |  |  | 
 |  |  |             .page_info_title { | 
 |  |  |                 font-size: 32px; | 
 |  |  |                 font-weight: 500; | 
 |  |  |                 color: #4275FC; | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .page_info_list { | 
 |  |  |                 display: flex; | 
 |  |  |                 flex-wrap: wrap; | 
 |  |  |                 margin: 30px 0 0 0; | 
 |  |  |  | 
 |  |  |                 .page_info_list_item { | 
 |  |  |                     width: 100%; | 
 |  |  |                     display: flex; | 
 |  |  |                     margin-top: 24px; | 
 |  |  |  | 
 |  |  |                     &:nth-child(1) { | 
 |  |  |                         margin-top: 0; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     /*&:nth-child(2) {*/ | 
 |  |  |                     /*    margin-top: 0;*/ | 
 |  |  |                     /*}*/ | 
 |  |  | 
 |  |  |                         font-weight: 400; | 
 |  |  |                         color: #666666; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .page_info_list_item_nr { | 
 |  |  |                         flex: 1; | 
 |  |  |                         font-size: 26px; | 
 |  |  | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .page_info_bz { | 
 |  |  |                 padding: 24px; | 
 |  |  |                 background: #F7F7F7; | 
 |  |  |                 margin-top: 30px; | 
 |  |  |  | 
 |  |  |                 .page_info_bz_title { | 
 |  |  |                     font-size: 26px; | 
 |  |  |                     font-weight: 500; | 
 |  |  |                     color: #222222; | 
 |  |  |                     margin-bottom: 20px; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .page_info_bz_nr { | 
 |  |  |                     font-size: 24px; | 
 |  |  |                     font-weight: 400; | 
 |  |  | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .switch { | 
 |  |  |             padding: 0 30px; | 
 |  |  |  | 
 |  |  |             button { | 
 |  |  |                 width: 100%; | 
 |  |  |                 border: none; | 
 |  |  | 
 |  |  |                 display: flex; | 
 |  |  |                 align-items: center; | 
 |  |  |                 justify-content: center; | 
 |  |  |  | 
 |  |  |                 img { | 
 |  |  |                     width: 28px; | 
 |  |  |                     height: 28px; | 
 |  |  | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_h { | 
 |  |  |             height: 20px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_sfq { | 
 |  |  |             font-size: 32px; | 
 |  |  |             font-weight: 500; | 
 |  |  |             color: #222222; | 
 |  |  |             display: flex; | 
 |  |  |             align-items: center; | 
 |  |  |  | 
 |  |  |             img { | 
 |  |  |                 width: 36px; | 
 |  |  |                 height: 36px; | 
 |  |  |                 margin-right: 16px; | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_dck { | 
 |  |  |             .page_dck_title { | 
 |  |  |                 display: flex; | 
 |  |  |                 align-items: center; | 
 |  |  |  | 
 |  |  |                 .page_dck_title_x { | 
 |  |  |                     width: 8px; | 
 |  |  |                     height: 30px; | 
 |  |  | 
 |  |  |                     border-radius: 2px; | 
 |  |  |                     margin-right: 16px; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 span { | 
 |  |  |                     font-size: 32px; | 
 |  |  |                     font-weight: 500; | 
 |  |  | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_content { | 
 |  |  |             margin-top: 28px; | 
 |  |  |  | 
 |  |  |             .page_content_title { | 
 |  |  |                 display: flex; | 
 |  |  |                 flex-direction: column; | 
 |  |  |  | 
 |  |  |                 .page_content_title_top { | 
 |  |  |                     display: flex; | 
 |  |  |                     align-items: center; | 
 |  |  |                     justify-content: space-between; | 
 |  |  |  | 
 |  |  |                     span { | 
 |  |  |                         &:nth-child(1) { | 
 |  |  |                             font-size: 30px; | 
 |  |  |                             font-weight: 500; | 
 |  |  |                             color: #222222; | 
 |  |  |                         } | 
 |  |  |  | 
 |  |  |                         &:nth-child(2) { | 
 |  |  |                             flex-shrink: 0; | 
 |  |  |                             font-size: 24px; | 
 |  |  |                             font-weight: 400; | 
 |  |  |                             color: #333333; | 
 |  |  |  | 
 |  |  |                             span { | 
 |  |  |                                 font-size: 24px; | 
 |  |  |                                 color: $nav-color; | 
 |  |  | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .page_content_title_bottom { | 
 |  |  |                     .green { | 
 |  |  |                         color: $nav-stateColor7 !important; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .warning { | 
 |  |  |                         color: $nav-stateColor5 !important; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .error { | 
 |  |  |                         color: $nav-stateColor4 !important; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     span { | 
 |  |  |                         font-size: 24px; | 
 |  |  |                         font-weight: 400; | 
 |  |  | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .page_content_list { | 
 |  |  |                 width: 100%; | 
 |  |  |                 display: flex; | 
 |  |  | 
 |  |  |                 padding-bottom: 30px; | 
 |  |  |                 margin-top: 28px; | 
 |  |  |                 border-bottom: 1px solid #E5E5E5; | 
 |  |  |  | 
 |  |  |                 &:first-child { | 
 |  |  |                     margin: 0; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 &:last-child { | 
 |  |  |                     border: none; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .page_content_list_items { | 
 |  |  |                     width: 30%; | 
 |  |  |                     display: flex; | 
 |  |  |                     margin-top: 24px; | 
 |  |  |  | 
 |  |  |                     .page_content_list_item_label { | 
 |  |  |                         font-size: 26px; | 
 |  |  |                         font-weight: 400; | 
 |  |  |                         color: #666666; | 
 |  |  |                         flex-shrink: 0; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .page_content_list_item_nr { | 
 |  |  |                         font-size: 26px; | 
 |  |  |                         font-weight: 400; | 
 |  |  |                         color: #222222; | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .page_content_list_item { | 
 |  |  |                     width: 70%; | 
 |  |  |                     display: flex; | 
 |  |  |  | 
 |  |  |                     .page_content_list_item_label { | 
 |  |  |                         font-size: 26px; | 
 |  |  |                         font-weight: 400; | 
 |  |  |                         color: #666666; | 
 |  |  |                         flex-shrink: 0; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .page_content_list_item_nr { | 
 |  |  |                         font-size: 26px; | 
 |  |  |                         font-weight: 400; | 
 |  |  | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_yxwl { | 
 |  |  |             padding: 30px; | 
 |  |  |             background: #ffffff; | 
 |  |  |  | 
 |  |  |             .page_yxwl_title { | 
 |  |  |                 display: flex; | 
 |  |  |                 align-items: center; | 
 |  |  |                 justify-content: space-between; | 
 |  |  |  | 
 |  |  |                 .page_yxwl_title_x { | 
 |  |  |                     width: 8px; | 
 |  |  |                     height: 30px; | 
 |  |  | 
 |  |  |                     border-radius: 2px; | 
 |  |  |                     margin-right: 16px; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 span { | 
 |  |  |                     font-size: 32px; | 
 |  |  |                     font-weight: 500; | 
 |  |  |                     color: #222222; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .left { | 
 |  |  |                     display: flex; | 
 |  |  |                     align-items: center; | 
 |  |  |  | 
 |  |  |                     .page_yxwl_title_x { | 
 |  |  |                         width: 8px; | 
 |  |  |                         height: 30px; | 
 |  |  | 
 |  |  |                         border-radius: 2px; | 
 |  |  |                         margin-right: 16px; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     span { | 
 |  |  |                         font-size: 32px; | 
 |  |  |                         font-weight: 500; | 
 |  |  |                         color: #222222; | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .right { | 
 |  |  |                     display: flex; | 
 |  |  |                     align-items: center; | 
 |  |  |  | 
 |  |  |                     img { | 
 |  |  |                         width: 28px; | 
 |  |  |                         height: 28px; | 
 |  |  |                         margin-right: 14px; | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     span { | 
 |  |  |                         font-size: 26px; | 
 |  |  |                         font-weight: 400; | 
 |  |  | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .page_yxwl_kong { | 
 |  |  |                 padding: 50px 0; | 
 |  |  |                 display: flex; | 
 |  |  |                 align-items: center; | 
 |  |  |                 justify-content: center; | 
 |  |  |  | 
 |  |  |                 span { | 
 |  |  |                     font-size: 25px; | 
 |  |  |                     color: black; | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .page_yxwl_list { | 
 |  |  |                 display: flex; | 
 |  |  |                 flex-direction: column; | 
 |  |  |                 padding-bottom: 30px; | 
 |  |  |                 border-bottom: 1px solid #ececec; | 
 |  |  |  | 
 |  |  |                 &:last-child { | 
 |  |  |                     margin-bottom: 0; | 
 |  |  |                     border: none; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 .page_yxwl_list_item { | 
 |  |  |                     margin-top: 28px; | 
 |  |  |  | 
 |  |  |                     .page_yxwl_list_item_sx { | 
 |  |  |                         margin-top: 10px; | 
 |  |  |  | 
 |  |  |                         span { | 
 |  |  |                             color: black; | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .page_yxwl_list_item_top { | 
 |  |  |                         display: flex; | 
 |  |  |                         align-items: center; | 
 |  |  |                         justify-content: space-between; | 
 |  |  |  | 
 |  |  |                         .page_yxwl_list_item_top_left { | 
 |  |  |                             font-size: 30px; | 
 |  |  |                             font-weight: 500; | 
 |  |  |                             color: #222222; | 
 |  |  |                         } | 
 |  |  |  | 
 |  |  |                         .page_yxwl_list_item_top_right { | 
 |  |  |                             span { | 
 |  |  |                                 font-size: 24px; | 
 |  |  |                                 font-weight: 400; | 
 |  |  |                                 color: #333333; | 
 |  |  |  | 
 |  |  |                                 span { | 
 |  |  |                                     font-size: 24px; | 
 |  |  |                                     font-weight: 400; | 
 |  |  | 
 |  |  |                             } | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |  | 
 |  |  |                     .page_yxwl_list_item_num { | 
 |  |  |                         display: flex; | 
 |  |  |                         position: relative; | 
 |  |  |                         margin-top: 36px; | 
 |  |  |  | 
 |  |  |                         &:first-child { | 
 |  |  |                             margin-top: 0; | 
 |  |  |                         } | 
 |  |  |  | 
 |  |  |                         .dele { | 
 |  |  |                             position: absolute; | 
 |  |  |                             right: -30px; | 
 |  |  |                             width: 48px; | 
 |  |  |                             height: 48px; | 
 |  |  |  | 
 |  |  |                             img { | 
 |  |  |                                 width: 100%; | 
 |  |  |                                 height: 100%; | 
 |  |  |                             } | 
 |  |  |                         } | 
 |  |  |  | 
 |  |  |                         .item { | 
 |  |  |                             width: 50%; | 
 |  |  |                             display: flex; | 
 |  |  |                             align-items: center; | 
 |  |  |  | 
 |  |  |                             .label { | 
 |  |  |                                 flex-shrink: 0; | 
 |  |  |                                 font-size: 26px; | 
 |  |  | 
 |  |  |                                 color: #666666; | 
 |  |  |                                 flex-shrink: 0; | 
 |  |  |                             } | 
 |  |  |  | 
 |  |  |                             .nr { | 
 |  |  |                                 flex: 1; | 
 |  |  |                                 display: flex; | 
 |  |  |                                 align-items: center; | 
 |  |  |  | 
 |  |  |                                 input { | 
 |  |  |                                     width: 130px; | 
 |  |  |                                     height: 40px; | 
 |  |  | 
 |  |  |                                     border: 1PX solid #E5E5E5; | 
 |  |  |                                     margin-right: 10px; | 
 |  |  |                                 } | 
 |  |  |  | 
 |  |  |                                 span { | 
 |  |  |                                     font-size: 26px; | 
 |  |  |                                     font-weight: 400; | 
 |  |  | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_zw { | 
 |  |  |             height: 160px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .page_footer { | 
 |  |  |             position: fixed; | 
 |  |  |             bottom: 0; | 
 |  |  | 
 |  |  |             display: flex; | 
 |  |  |             align-items: center; | 
 |  |  |             justify-content: space-between; | 
 |  |  |  | 
 |  |  |             .page_footer_smck { | 
 |  |  |                 width: 334px; | 
 |  |  |                 height: 88px; | 
 |  |  | 
 |  |  |                 display: flex; | 
 |  |  |                 align-items: center; | 
 |  |  |                 justify-content: center; | 
 |  |  |  | 
 |  |  |                 img { | 
 |  |  |                     width: 30px; | 
 |  |  |                     height: 30px; | 
 |  |  |                     margin-right: 10px; | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .page_footer_qrck { | 
 |  |  |                 // width: 334px; | 
 |  |  |                 flex: 1; | 
 |  |  | 
 |  |  |                 justify-content: center; | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  | </style> | 
 |  |  | }</style> |