| | |
| | | <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> |