| | |
| | | .stock-container { |
| | | .ml-20 { |
| | | margin-left: 20px; |
| | | } |
| | | .card,.list-item { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin: 0px !important; |
| | | .ml-20 { |
| | | margin-left: 20px; |
| | | } |
| | | .card, |
| | | .list-item { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin: 0px !important; |
| | | width: 100%; |
| | | min-height: 100%; |
| | | .cm-item { |
| | | width: 100%; |
| | | min-height: 100%; |
| | | .cm-item { |
| | | width: 100%; |
| | | } |
| | | .cm-item .el-card__body { |
| | | padding-bottom: 5px; |
| | | } |
| | | } |
| | | .card-data { |
| | | width: 100%; |
| | | position: relative; |
| | | margin-top: 8px; |
| | | .card-container { |
| | | .card-header { |
| | | height: 48px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | background: #f3f9fe; |
| | | padding: 0 32px 0 15px; |
| | | box-sizing: border-box; |
| | | .cm-item .el-card__body { |
| | | padding-bottom: 5px; |
| | | } |
| | | } |
| | | .card-data { |
| | | width: 100%; |
| | | position: relative; |
| | | margin-top: 8px; |
| | | .card-container { |
| | | .card-header { |
| | | height: 48px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | background: #f3f9fe; |
| | | padding: 0 32px 0 15px; |
| | | box-sizing: border-box; |
| | | } |
| | | .card-header-left { |
| | | display: flex; |
| | | align-items: center; |
| | | color: #999999; |
| | | font-family: 'Microsoft YaHei UI'; |
| | | font-size: 18px; |
| | | font-weight: 700; |
| | | .value { |
| | | color: #3d3d3d; |
| | | } |
| | | .card-header-left { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .states { |
| | | width: 54px; |
| | | height: 22px; |
| | | line-height: 22px; |
| | | text-align: center; |
| | | border-radius: 4px; |
| | | border: 1px solid #f9675b99; |
| | | background: rgba($color: #f9675b99, $alpha: 0.1); |
| | | font-family: 'Microsoft YaHei'; |
| | | color: #f9675b; |
| | | font-size: 13px; |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | margin-left: 8px; |
| | | } |
| | | .states-success { |
| | | border: 1px solid #39ad6199; |
| | | background: rgba($color: #39ad6199, $alpha: 0.1); |
| | | color: #39ad61; |
| | | } |
| | | .states-info { |
| | | border: 1px solid #999999; |
| | | background: rgba($color: #999999, $alpha: 0.1); |
| | | color: #999999; |
| | | font-family: 'Microsoft YaHei UI'; |
| | | font-size: 18px; |
| | | font-weight: 700; |
| | | .value { |
| | | color: #3d3d3d; |
| | | } |
| | | .states-warning { |
| | | border: 1px solid #e6a23c; |
| | | background: rgba($color: #e6a23c, $alpha: 0.1); |
| | | color: #e6a23c; |
| | | } |
| | | } |
| | | .one-hed { |
| | | margin-top: 15px; |
| | | padding: 0 32px 0 15px; |
| | | box-sizing: border-box; |
| | | .box { |
| | | display: inline-block; |
| | | margin-right: 20px; |
| | | } |
| | | .span-two { |
| | | color: #83919e; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | .card-end { |
| | | font-size: 14px; |
| | | color: #3d3d3d; |
| | | margin-top: 15px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | font-family: 'Microsoft YaHei UI'; |
| | | padding: 0 16px; |
| | | box-sizing: border-box; |
| | | .item { |
| | | width: 379px; |
| | | height: 60px; |
| | | padding: 8px 12px 9px 12px; |
| | | box-sizing: border-box; |
| | | align-items: center; |
| | | gap: 8px; |
| | | flex-shrink: 0; |
| | | background: #f9f9f9; |
| | | margin-right: 15px; |
| | | margin-bottom: 15px; |
| | | &:last-child { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | .states { |
| | | width: 54px; |
| | | .name { |
| | | height: 22px; |
| | | line-height: 22px; |
| | | text-align: center; |
| | | border-radius: 4px; |
| | | border: 1px solid #f9675b99; |
| | | background: rgba($color:#f9675b99,$alpha:0.1); |
| | | font-family: 'Microsoft YaHei'; |
| | | color: #f9675b; |
| | | font-size: 13px; |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | margin-left: 8px; |
| | | } |
| | | .states-success { |
| | | border: 1px solid #39ad6199; |
| | | background: rgba($color:#39ad6199,$alpha:0.1); |
| | | color: #39ad61; |
| | | } |
| | | .states-info { |
| | | border: 1px solid #999999; |
| | | background: rgba($color:#999999,$alpha:0.1); |
| | | color: #999999; |
| | | } |
| | | .states-warning { |
| | | border: 1px solid #e6a23c; |
| | | background: rgba($color:#e6a23c,$alpha:0.1); |
| | | color: #e6a23c; |
| | | } |
| | | } |
| | | .one-hed { |
| | | margin-top: 15px; |
| | | padding: 0 32px 0 15px; |
| | | box-sizing: border-box; |
| | | .box { |
| | | display: inline-block; |
| | | margin-right: 20px; |
| | | } |
| | | .span-two { |
| | | color: #83919e; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | .card-end { |
| | | font-size: 14px; |
| | | color: #3d3d3d; |
| | | margin-top: 15px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | font-family: 'Microsoft YaHei UI'; |
| | | padding: 0 16px; |
| | | box-sizing: border-box; |
| | | .item { |
| | | width: 379px; |
| | | height: 60px; |
| | | padding: 8px 12px 9px 12px; |
| | | box-sizing: border-box; |
| | | align-items: center; |
| | | gap: 8px; |
| | | flex-shrink: 0; |
| | | background: #f9f9f9; |
| | | margin-right: 15px; |
| | | margin-bottom: 15px; |
| | | &:last-child { |
| | | margin-right: 0; |
| | | } |
| | | .name { |
| | | height: 22px; |
| | | line-height: 22px; |
| | | } |
| | | .value-box { |
| | | display: flex; |
| | | .value-box-item { |
| | | margin-right: 20px; |
| | | .label { |
| | | color: #99999999; |
| | | line-height: 22px; |
| | | } |
| | | .value { |
| | | color: #ff3131; |
| | | } |
| | | .value-box { |
| | | display: flex; |
| | | .value-box-item { |
| | | margin-right: 20px; |
| | | .label { |
| | | color: #99999999; |
| | | line-height: 22px; |
| | | } |
| | | .value { |
| | | color: #ff3131; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | .no-data{ |
| | | margin-top: 100px; |
| | | text-align: center; |
| | | color: #909399; |
| | | .el-pagination { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | } |
| | | |
| | | /*编辑*/ |
| | | .stock-edit{ |
| | | .main-w { |
| | | width: 88%; |
| | | } |
| | | .no-data { |
| | | margin-top: 100px; |
| | | text-align: center; |
| | | color: #909399; |
| | | } |
| | | |
| | | /*编辑*/ |
| | | .stock-edit { |
| | | .main-w { |
| | | width: 88%; |
| | | } |
| | | .goods-card { |
| | | position: relative; |
| | | background: #f6f6f6; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | border-radius: 4px; |
| | | background-color: #f9f9f9; |
| | | margin-top: 20px; |
| | | &:nth-of-type(1) { |
| | | margin-top: 0; |
| | | } |
| | | .goods-card { |
| | | position: relative; |
| | | background: #f6f6f6; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | border-radius: 4px; |
| | | background-color: #f9f9f9; |
| | | margin-top: 20px; |
| | | &:nth-of-type(1) { |
| | | margin-top: 0; |
| | | } |
| | | } |
| | | .btn-group { |
| | | width: 80px; |
| | | position: absolute; |
| | | right: -94px; |
| | | bottom: 0px; |
| | | .el-button { |
| | | margin-bottom: 10px; |
| | | margin-left: 0; |
| | | display: block; |
| | | &:last-child { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | .btn-group { |
| | | width: 80px; |
| | | position: absolute; |
| | | right: -94px; |
| | | bottom: 0px; |
| | | .el-button { |
| | | margin-bottom: 10px; |
| | | margin-left: 0; |
| | | display: block; |
| | | &:last-child { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | /*详情*/ |
| | | .stock-detail{ |
| | | .img-row { |
| | | display: flex; |
| | | align-content: center; |
| | | } |
| | | |
| | | /*详情*/ |
| | | .stock-detail { |
| | | .img-row { |
| | | display: flex; |
| | | align-content: center; |
| | | } |
| | | .img-box { |
| | | display: inline-block; |
| | | width: 80px; |
| | | height: 80px; |
| | | background: #f9f9f9; |
| | | margin-right: 20px; |
| | | cursor: pointer; |
| | | .img { |
| | | width: 100%; |
| | | } |
| | | .img-box { |
| | | display: inline-block; |
| | | width: 80px; |
| | | height: 80px; |
| | | background: #f9f9f9; |
| | | margin-right: 20px; |
| | | cursor: pointer; |
| | | .img { |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | | .goods-card { |
| | | position: relative; |
| | | background: #f6f6f6; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | border-radius: 4px; |
| | | background-color: #f9f9f9; |
| | | margin-top: 20px; |
| | | &:nth-of-type(1) { |
| | | margin-top: 0; |
| | | } |
| | | |
| | | .goods-card { |
| | | position: relative; |
| | | background: #f6f6f6; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | border-radius: 4px; |
| | | background-color: #f9f9f9; |
| | | margin-top: 20px; |
| | | &:nth-of-type(1) { |
| | | margin-top: 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |