.printerlist { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; .printerlist-box { width: 100%; height: 100%; background: #ffffff; display: flex; .printerlist-left { width: 5rem; height: 100%; border-right: 0.01rem solid #e6e6e6; box-sizing: border-box; display: flex; flex-direction: column; .notYet { color: #e6e6e6; font-size: 0.4rem; margin-top: 3rem; text-align: center; } .add-printer { padding: .15rem; border-top: 0.01rem solid #e6e6e6; background: #fff; button { height: .4rem; line-height: .4rem; } } .printer-title { text-align: center; line-height: 0.6rem; font-size: 0.18rem; font-weight: 500; height: 0.6rem; border-bottom: 0.01rem solid #e6e6e6; box-sizing: border-box; position: relative; .icongengduo1 { position: absolute; top: 50%; right: 0.2rem; transform: translateY(-50%); font-size: 0.3rem; color: $primary-color; } } .printer-search { width: 100%; height: 0.6rem; border-bottom: 0.01rem solid #e6e6e6; display: flex; align-items: center; justify-content: center; padding: 0 0.2rem; box-sizing: border-box; .search { width: 5.6rem; height: 0.4rem; border-radius: 0.04rem; background: #f5f5f5; display: flex; align-items: center; padding: 0 0.2rem; box-sizing: border-box; .iconfont { font-size: 0.16rem; color: #909399; margin-right: 0.11rem; } input { width: 80%; height: 60%; border: none; font-size: 0.14rem; } } } .printer-list-wrap { flex: 1; height: 0; } .printer-list-scroll { width: 100%; height: 100%; .itemhover { background: #f3eeff; } .item { width: 100%; display: flex; align-items: center; padding: 0.2rem; box-sizing: border-box; border-bottom: 0.01rem solid #e6e6e6; image { width: 0.7rem; height: 0.7rem; margin-right: 0.1rem; } .item-right { display: flex; flex-direction: column; justify-content: space-between; height: 0.6rem; .printer-name { font-size: 0.16rem; } .printer-money { font-size: 0.14rem; } } } } } .printerlist-right { width: 0; flex: 1; height: 100%; border-right: 0.01rem solid #e6e6e6; box-sizing: border-box; .printer-title { text-align: center; line-height: 0.6rem; font-size: 0.18rem; font-weight: 500; height: 0.6rem; border-bottom: 0.01rem solid #e6e6e6; box-sizing: border-box; position: relative; .icongengduo1,.iconguanbi1 { position: absolute; top: 50%; right: 0.2rem; transform: translateY(-50%); font-size: 0.3rem; color: $primary-color; cursor: pointer; } } .printer-information { width: 100%; padding: 0.2rem 0.2rem 0.2rem 0.2rem; box-sizing: border-box; height: calc(100% - 0.6rem); overflow: scroll; position: relative; .title { font-size: 0.18rem; margin-bottom: 0.32rem; } .title2 { margin-bottom: 0.35rem; } .information-box { display: flex; justify-content: space-between; .box-left { width: 5rem; .information { width: 100%; padding-left: 0.1rem; box-sizing: border-box; display: flex; align-items: center; margin-bottom: 0.15rem; view { color: #303133; font-size: 0.14rem; } view:nth-child(1) { width: 1.3rem; margin-right: 0.16rem; text-align: right; } view:nth-child(2) { width: 74%; margin-right: 0.23rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .information:last-child { margin-bottom: 0.35rem; } } .printer-img { width: 1.5rem; height: 1.5rem; } } .table { width: 100%; height: 2.6rem; box-sizing: border-box; .single-specification { width: 100%; max-height: 100%; padding-left: 0.1rem; box-sizing: border-box; .item { width: 100%; margin-bottom: 0.3rem; display: flex; align-items: center; image { width: 0.5rem; } .name { display: flex; align-items: center; margin-right: 0.16rem; width: 0.7rem; text-align: right; } .message { width: 74%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } } .table-all { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 0.38rem; box-sizing: border-box; .table-td { font-size: 0.14rem; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .table-th { height: 0.56rem; background: #f7f8fa; } .table-tb { width: 100%; height: calc(100% - 0.56rem); .table-tr { height: 0.7rem; border-bottom: 0.01rem solid #e6e6e6; box-sizing: border-box; .table-td { image { width: 0.5rem; height: 0.5rem; } text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } } } } } } } } .no-center { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.3rem; color: #909399; } view { color: #303133; } /deep/ .uni-scroll-view::-webkit-scrollbar { width: 0.05rem; height: 0.3rem; } /deep/ .uni-scroll-view::-webkit-scrollbar-thumb { border-radius: 0.1rem; box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); background: rgba(193, 193, 193, 1); } .printer-information::-webkit-scrollbar { width: 0.05rem; height: 0.3rem; } .printer-information::-webkit-scrollbar-thumb { border-radius: 0.1rem; box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); background: rgba(193, 193, 193, 1); } .button-box { position: fixed; width: calc(100vw - 5.8rem); right: 0; bottom: 0; background-color: #fff; display: flex; align-items: center; justify-content: space-around; height: .6rem; padding-bottom: .05rem; .button { flex: 1; width: 1rem; height: 0.4rem; color: $primary-color; text-align: center; line-height: 0.4rem; float: right; font-size: 0.16rem; margin: 0.15rem; border: 0.01rem solid $primary-color; } .buttonhvoer { color: #ffffff; background: $primary-color; } } .button-box:after { overflow: hidden; content: ''; height: 0; display: block; clear: both; } .cart-empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.1rem; height: 1.55; } .exwarehouse-body { width: 6rem; min-height: 5rem; border-radius: 0.04rem !important; } view { color: #333; } .record-body { width: 10rem; min-height: 7rem; } .form-content { margin-top: 0.2rem; .form-item { margin-bottom: 0.1rem; display: flex; .form-label { width: 1.3rem; text-align: right; padding-right: 0.1rem; box-sizing: border-box; height: 0.32rem; line-height: 0.32rem; .required { color: red; margin-right: 0.03rem; } } .form-inline { width: 2.4rem; line-height: 0.32rem; margin-right: 0.1rem; box-sizing: border-box; .form-input { border-width: 0.01rem; border-style: solid; background-color: #fff; color: rgba(0, 0, 0, 0.85); border-radius: 0.02rem; padding-left: 0.1rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.14rem; border-color: #e6e6e6; border-radius: 0.02rem; } .form-textarea { border-width: 0.01rem; border-style: solid; background-color: #fff; color: rgba(0, 0, 0, 0.85); border-radius: 0.02rem; padding-left: 0.1rem; line-height: 0.32rem; font-size: 0.14rem; border-color: #e6e6e6; height: 1rem; } button { width: calc(50% - 0.05rem); display: inline-block; margin-right: 0.1rem; &:nth-child(2) { margin-right: 0; } } .upload-box { width: 0.7rem; height: 0.7rem; cursor: pointer; .upload-img { width: 100%; height: 100%; border: 0.01rem solid #e6e6e6; image { width: 100%; height: 100%; } } .upload-icon { width: 100%; height: 100%; border: 0.01rem solid #e6e6e6; align-items: center; text-align: center; line-height: 1.2; display: flex; flex-direction: column; justify-content: center; color: #999; .iconfont { font-size: 0.3rem; } view { font-size: 0.12rem; } } } } .search-wrap { position: relative; i { position: absolute; top: 50%; right: 0.1rem; transform: translateY(-50%); border-left: 0.01rem solid #e6e6e6; line-height: 0.3rem; padding-left: 0.1rem; cursor: pointer; } } .label-list { width: calc(100% - 1.35rem); display: flex; align-items: center; flex-wrap: wrap; .label-item { border: 0.01rem solid #e6e6e6; padding: 0.07rem 0.1rem; line-height: 1; margin-right: 0.1rem; border-radius: 0.03rem; cursor: pointer; position: relative; margin-bottom: 0.1rem; i { position: absolute; right: -0.01rem; bottom: -0.01rem; color: $primary-color; display: none; } &.active { border-color: $primary-color; i { display: block; } } } } } } .order-type{ margin-right: 0.1rem; }