Skip to content

梁建民 / wmsApp

Go to a project
Commit 89dc288f by liangjianmin
Options

css

parent da559e09
Expand all
Inline Side-by-side
Showing with 725 additions and 11 deletions
assets/css/container/index.scss
.page-container { .page-container {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
border: 1px solid transparent; border: 1px solid transparent;
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -23,34 +27,41 @@ ...@@ -23,34 +27,41 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
position: relative; position: relative;
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
margin-left: 15rpx; margin-left: 15rpx;
} }
.icon-juxing3 { .icon-juxing3 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.icon-zimu-M { .icon-zimu-M {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
margin-left: 15rpx; margin-left: 15rpx;
} }
} }
.text { .text {
padding-left: 30rpx; padding-left: 30rpx;
width: 164rpx; width: 164rpx;
...@@ -62,11 +73,13 @@ ...@@ -62,11 +73,13 @@
font-weight: bold; font-weight: bold;
} }
} }
.search-type { .search-type {
margin-top: 10rpx; margin-top: 10rpx;
height: 60rpx; height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #ffffff; background-color: #ffffff;
.text { .text {
padding-left: 30rpx; padding-left: 30rpx;
width: 164rpx; width: 164rpx;
...@@ -77,22 +90,26 @@ ...@@ -77,22 +90,26 @@
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.search-width { .search-width {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
padding-right: 22rpx; padding-right: 22rpx;
height: 100%; height: 100%;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
width: 80%; width: 80%;
height: 60rpx; height: 60rpx;
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -100,27 +117,33 @@ ...@@ -100,27 +117,33 @@
background-size: contain; background-size: contain;
margin-left: 12rpx; margin-left: 12rpx;
} }
.wrap { .wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
} }
.radio-wrap { .radio-wrap {
padding: 22rpx 0; padding: 22rpx 0;
label { label {
margin-right: 10rpx; margin-right: 10rpx;
} }
text { text {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
margin-left: 5rpx; margin-left: 5rpx;
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -132,6 +155,7 @@ ...@@ -132,6 +155,7 @@
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -142,33 +166,41 @@ ...@@ -142,33 +166,41 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 13rpx; margin-bottom: 13rpx;
} }
.label { .label {
width: 98rpx; width: 98rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -177,6 +209,7 @@ ...@@ -177,6 +209,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -188,6 +221,7 @@ ...@@ -188,6 +221,7 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.ttt { .ttt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -196,10 +230,12 @@ ...@@ -196,10 +230,12 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
bottom: 13rpx; bottom: 13rpx;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -208,6 +244,7 @@ ...@@ -208,6 +244,7 @@
font-size: 15rpx; font-size: 15rpx;
color: #ffffff; color: #ffffff;
} }
.detail-btn { .detail-btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -219,12 +256,14 @@ ...@@ -219,12 +256,14 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn { .btn {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
...@@ -243,8 +282,10 @@ ...@@ -243,8 +282,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -252,22 +293,27 @@ ...@@ -252,22 +293,27 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -277,6 +323,7 @@ ...@@ -277,6 +323,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -288,16 +335,20 @@ ...@@ -288,16 +335,20 @@
} }
} }
} }
.field-item-input { .field-item-input {
.item { .item {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.input-box { .input-box {
width: calc(100% - 114rpx); width: calc(100% - 114rpx);
.uni-input { .uni-input {
width: 100%; width: 100%;
height: 40rpx; height: 40rpx;
...@@ -310,23 +361,27 @@ ...@@ -310,23 +361,27 @@
} }
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
.btn1 { .btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
......
assets/css/immediatelyStockIn/index.scss
.immediatelyStockIn { .immediatelyStockIn {
padding: 22rpx; padding: 22rpx;
.list-total { .list-total {
margin-bottom: 15rpx; margin-bottom: 15rpx;
.checkbox-box { .checkbox-box {
label { label {
font-size: 23rpx; font-size: 23rpx;
color: #484b59; color: #484b59;
} }
} }
.num { .num {
font-size: 23rpx; font-size: 23rpx;
color: #484b59; color: #484b59;
text { text {
font-size: 23rpx; font-size: 23rpx;
color: #1969f9; color: #1969f9;
...@@ -18,12 +22,14 @@ ...@@ -18,12 +22,14 @@
} }
} }
} }
.form-input { .form-input {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
.text { .text {
padding-left: 17rpx; padding-left: 17rpx;
width: 164rpx; width: 164rpx;
...@@ -34,16 +40,19 @@ ...@@ -34,16 +40,19 @@
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.pick-box { .pick-box {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
padding-left: 17rpx; padding-left: 17rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -52,28 +61,34 @@ ...@@ -52,28 +61,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.input-wrap { .input-wrap {
padding-left: 17rpx; padding-left: 17rpx;
padding-right: 18rpx; padding-right: 18rpx;
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
height: 60rpx; height: 60rpx;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
} }
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
.select-wrap { .select-wrap {
padding-left: 17rpx; padding-left: 17rpx;
padding-right: 18rpx; padding-right: 18rpx;
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
height: 60rpx; height: 60rpx;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -83,6 +98,7 @@ ...@@ -83,6 +98,7 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
...@@ -93,24 +109,29 @@ ...@@ -93,24 +109,29 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.top { .top {
margin-bottom: 15rpx; margin-bottom: 15rpx;
.box { .box {
width: 345rpx; width: 345rpx;
height: 90rpx; height: 90rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
.t1 { .t1 {
font-size: 23rpx; font-size: 23rpx;
color: #1969f9; color: #1969f9;
margin-bottom: 4rpx; margin-bottom: 4rpx;
} }
.t2 { .t2 {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
} }
} }
.list { .list {
.box { .box {
position: relative; position: relative;
...@@ -120,6 +141,7 @@ ...@@ -120,6 +141,7 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -130,29 +152,36 @@ ...@@ -130,29 +152,36 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
.wrap { .wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.bottom { .bottom {
border-top: 1px solid #f0f0f2; border-top: 1px solid #f0f0f2;
padding-top: 9rpx; padding-top: 9rpx;
} }
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
flex: 0 0 50%; flex: 0 0 50%;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -160,6 +189,7 @@ ...@@ -160,6 +189,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
...@@ -167,6 +197,7 @@ ...@@ -167,6 +197,7 @@
} }
} }
} }
.fix-search-btn { .fix-search-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
...@@ -174,16 +205,19 @@ ...@@ -174,16 +205,19 @@
left: 0; left: 0;
background-color: #ffffff; background-color: #ffffff;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 20%; width: 20%;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -196,24 +230,29 @@ ...@@ -196,24 +230,29 @@
color: #484b59; color: #484b59;
} }
} }
.print-type-box { .print-type-box {
width: 30%; width: 30%;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
picker { picker {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.uni-input { .uni-input {
font-size: 23rpx; font-size: 23rpx;
color: #484b59; color: #484b59;
} }
.iconfont { .iconfont {
margin-left: 17rpx; margin-left: 17rpx;
font-size: 18rpx; font-size: 18rpx;
color: #919399; color: #919399;
} }
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
......
assets/css/index/index.scss
...@@ -2,44 +2,53 @@ ...@@ -2,44 +2,53 @@
.head { .head {
padding: 20rpx 22rpx 20rpx 22rpx; padding: 20rpx 22rpx 20rpx 22rpx;
background-color: #ffffff; background-color: #ffffff;
.t1 { .t1 {
font-size: 22rpx; font-size: 22rpx;
font-weight: bold; font-weight: bold;
color: #292b33; color: #292b33;
margin-bottom: 14rpx; margin-bottom: 14rpx;
} }
.iconfont { .iconfont {
font-size: 31rpx; font-size: 31rpx;
color: #919399; color: #919399;
} }
.t2 { .t2 {
font-size: 20rpx; font-size: 20rpx;
color: #919399; color: #919399;
margin-left: 5rpx; margin-left: 5rpx;
} }
} }
.list { .list {
margin-top: 30rpx; margin-top: 30rpx;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 22rpx; padding: 0 22rpx;
.box-li { .box-li {
width: 225rpx; width: 225rpx;
height: 141rpx; height: 141rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 38rpx; margin-bottom: 38rpx;
&:nth-child(3n) { &:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.box { .box {
width: 225rpx; width: 225rpx;
height: 141rpx; height: 141rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
image { image {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
} }
} }
.text { .text {
margin-top: 13rpx; margin-top: 13rpx;
font-size: 20rpx; font-size: 20rpx;
......
assets/css/mine/login.scss
.page-login { .page-login {
height: 100%; height: 100%;
.logo { .logo {
width: 246rpx; width: 246rpx;
height: 75rpx; height: 75rpx;
margin-bottom: 27rpx; margin-bottom: 27rpx;
image { image {
width: 246rpx; width: 246rpx;
height: 75rpx; height: 75rpx;
} }
} }
.company { .company {
margin-bottom: 86rpx; margin-bottom: 86rpx;
.uni-input { .uni-input {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -24,14 +29,17 @@ ...@@ -24,14 +29,17 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.form-input { .form-input {
width: 495rpx; width: 495rpx;
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
&.mb25 { &.mb25 {
margin-bottom: 25rpx; margin-bottom: 25rpx;
} }
.label { .label {
width: 74rpx; width: 74rpx;
height: 35rpx; height: 35rpx;
...@@ -39,11 +47,13 @@ ...@@ -39,11 +47,13 @@
color: #484b59; color: #484b59;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
} }
.uni-input { .uni-input {
margin-left: 17rpx; margin-left: 17rpx;
font-size: 20rpx; font-size: 20rpx;
} }
} }
.btn { .btn {
width: 495rpx; width: 495rpx;
height: 60rpx; height: 60rpx;
...@@ -53,21 +63,26 @@ ...@@ -53,21 +63,26 @@
color: #ffffff; color: #ffffff;
margin-top: 33rpx; margin-top: 33rpx;
} }
.check-update { .check-update {
position: relative; position: relative;
margin-top: 33rpx; margin-top: 33rpx;
width: 495rpx; width: 495rpx;
font-size: 22rpx; font-size: 22rpx;
.tip{
.tip {
color: #1969f9; color: #1969f9;
} }
.version{
.version {
color: #919399; color: #919399;
font-size: 20rpx; font-size: 20rpx;
margin-left: 6rpx; margin-left: 6rpx;
} }
.online_version{
.online_version {
position: relative; position: relative;
&.curr { &.curr {
&::after { &::after {
position: absolute; position: absolute;
...@@ -82,6 +97,7 @@ ...@@ -82,6 +97,7 @@
} }
} }
} }
.copyright { .copyright {
margin-top: 34rpx; margin-top: 34rpx;
font-size: 15rpx; font-size: 15rpx;
......
assets/css/picking/index.scss
.picking { .picking {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,28 +26,34 @@ ...@@ -22,28 +26,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -53,26 +63,32 @@ ...@@ -53,26 +63,32 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 82rpx; width: 82rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -81,8 +97,10 @@ ...@@ -81,8 +97,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
......
assets/css/picking/me.scss
.picking-me { .picking-me {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,28 +26,34 @@ ...@@ -22,28 +26,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -53,26 +63,32 @@ ...@@ -53,26 +63,32 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 82rpx; width: 82rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -81,8 +97,10 @@ ...@@ -81,8 +97,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn1 { .btn1 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -92,6 +110,7 @@ ...@@ -92,6 +110,7 @@
color: #ff3700; color: #ff3700;
margin-right: 10rpx; margin-right: 10rpx;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -100,6 +119,7 @@ ...@@ -100,6 +119,7 @@
font-size: 15rpx; font-size: 15rpx;
color: #1969f9; color: #1969f9;
} }
.btn3 { .btn3 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
......
assets/css/picking/record.scss
.picking-record { .picking-record {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,27 +26,33 @@ ...@@ -22,27 +26,33 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 100rpx; padding-bottom: 100rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 18rpx 17rpx; padding: 15px 17rpx 18rpx 17rpx;
...@@ -52,6 +62,7 @@ ...@@ -52,6 +62,7 @@
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
border: 1px solid transparent; border: 1px solid transparent;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -62,28 +73,34 @@ ...@@ -62,28 +73,34 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
flex: 0 0 50%; flex: 0 0 50%;
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
color: #f0f0f2; color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -91,6 +108,7 @@ ...@@ -91,6 +108,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -101,23 +119,28 @@ ...@@ -101,23 +119,28 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
.pick_img_list { .pick_img_list {
flex-wrap: wrap; flex-wrap: wrap;
.default { .default {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
background: #f5f5f7; background: #f5f5f7;
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
.iconfont { .iconfont {
font-size: 60rpx; font-size: 60rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
.img_list { .img_list {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -126,10 +149,12 @@ ...@@ -126,10 +149,12 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
image { image {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
} }
.iconfont { .iconfont {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -141,6 +166,7 @@ ...@@ -141,6 +166,7 @@
} }
} }
} }
.btn { .btn {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
...@@ -154,23 +180,27 @@ ...@@ -154,23 +180,27 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 128rpx; width: 128rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -183,6 +213,7 @@ ...@@ -183,6 +213,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
......
assets/css/putaway/index.scss
.putaway { .putaway {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.custom-switch { .custom-switch {
width: 74rpx; width: 74rpx;
transform: scale(0.5); transform: scale(0.5);
} }
.android-switch { .android-switch {
transform: scale(0.7); transform: scale(0.7);
} }
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -29,28 +35,34 @@ ...@@ -29,28 +35,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -61,9 +73,11 @@ ...@@ -61,9 +73,11 @@
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
&.box-width { &.box-width {
width: 345rpx; width: 345rpx;
} }
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -74,33 +88,41 @@ ...@@ -74,33 +88,41 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 98rpx; width: 98rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -109,6 +131,7 @@ ...@@ -109,6 +131,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -120,8 +143,10 @@ ...@@ -120,8 +143,10 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -133,22 +158,26 @@ ...@@ -133,22 +158,26 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 150rpx; width: 150rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -161,6 +190,7 @@ ...@@ -161,6 +190,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn3 { .btn3 {
width: 200rpx; width: 200rpx;
height: 75rpx; height: 75rpx;
...@@ -168,6 +198,7 @@ ...@@ -168,6 +198,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
width: calc(100% - 350rpx); width: calc(100% - 350rpx);
height: 75rpx; height: 75rpx;
...@@ -186,8 +217,10 @@ ...@@ -186,8 +217,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -195,47 +228,56 @@ ...@@ -195,47 +228,56 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.p-text { .p-text {
margin-top: 38rpx; margin-top: 38rpx;
margin-bottom: 25rpx; margin-bottom: 25rpx;
.tt { .tt {
font-size: 20rpx; font-size: 20rpx;
color: #484b59; color: #484b59;
} }
.ed { .ed {
font-weight: bold; font-weight: bold;
font-size: 20rpx; font-size: 20rpx;
color: #1969f9; color: #1969f9;
} }
} }
.pack { .pack {
.h2 { .h2 {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
margin-bottom: 10rpx; margin-bottom: 10rpx;
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
font-weight: normal; font-weight: normal;
} }
.num { .num {
.t1 { .t1 {
font-size: 13rpx; font-size: 13rpx;
color: #1969f9; color: #1969f9;
} }
.t2 { .t2 {
font-size: 13rpx; font-size: 13rpx;
color: #919399; color: #919399;
} }
} }
} }
.search { .search {
padding-right: 18rpx; padding-right: 18rpx;
width: 398rpx; width: 398rpx;
...@@ -243,21 +285,25 @@ ...@@ -243,21 +285,25 @@
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.uni-input { .uni-input {
height: 100%; height: 100%;
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -266,29 +312,35 @@ ...@@ -266,29 +312,35 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.tip-box { .tip-box {
margin-top: 18rpx; margin-top: 18rpx;
.iconfont { .iconfont {
font-size: 23rpx; font-size: 23rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
margin-left: 5rpx; margin-left: 5rpx;
} }
.t2 { .t2 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
} }
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
.btn1 { .btn1 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -297,6 +349,7 @@ ...@@ -297,6 +349,7 @@
color: #ff3700; color: #ff3700;
font-weight: bold; font-weight: bold;
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
......
assets/css/putaway/packSingle.scss
.packSingle { .packSingle {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-type { .search-type {
.search-bar { .search-bar {
width: 345rpx; width: 345rpx;
...@@ -8,43 +9,51 @@ ...@@ -8,43 +9,51 @@
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid transparent; border: 1px solid transparent;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
.title { .title {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.tip-box { .tip-box {
.iconfont { .iconfont {
font-size: 23rpx; font-size: 23rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
margin-left: 5rpx; margin-left: 5rpx;
} }
.t2 { .t2 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
} }
} }
.info-box { .info-box {
margin-top: 15rpx; margin-top: 15rpx;
padding: 17rpx; padding: 17rpx;
...@@ -52,17 +61,21 @@ ...@@ -52,17 +61,21 @@
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
flex-wrap: wrap; flex-wrap: wrap;
.text-item { .text-item {
flex: 0 0 33.3%; flex: 0 0 33.3%;
.label { .label {
width: 98rpx; width: 98rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -72,10 +85,12 @@ ...@@ -72,10 +85,12 @@
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 14rpx 17rpx; padding: 15rpx 17rpx 14rpx 17rpx;
...@@ -85,9 +100,11 @@ ...@@ -85,9 +100,11 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
&.box-width { &.box-width {
width: 345rpx; width: 345rpx;
} }
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -98,34 +115,42 @@ ...@@ -98,34 +115,42 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 98rpx; width: 98rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -134,6 +159,7 @@ ...@@ -134,6 +159,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -144,8 +170,10 @@ ...@@ -144,8 +170,10 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -157,12 +185,14 @@ ...@@ -157,12 +185,14 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
...@@ -181,8 +211,10 @@ ...@@ -181,8 +211,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -190,22 +222,27 @@ ...@@ -190,22 +222,27 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -215,6 +252,7 @@ ...@@ -215,6 +252,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -226,16 +264,20 @@ ...@@ -226,16 +264,20 @@
} }
} }
} }
.form-input { .form-input {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
} }
.input-box { .input-box {
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
...@@ -247,23 +289,27 @@ ...@@ -247,23 +289,27 @@
} }
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
.btn1 { .btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
......
assets/css/putaway/record.scss
.putaway-record { .putaway-record {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-params { .search-params {
margin-top: 15rpx; margin-top: 15rpx;
margin-bottom: 24rpx; margin-bottom: 24rpx;
.sn { .sn {
width: 47%; width: 47%;
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,20 +26,24 @@ ...@@ -22,20 +26,24 @@
} }
} }
} }
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -44,47 +52,58 @@ ...@@ -44,47 +52,58 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.radio-wrap { .radio-wrap {
padding: 22rpx 0; padding: 22rpx 0;
label { label {
margin-right: 10rpx; margin-right: 10rpx;
} }
text { text {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
margin-left: 5rpx; margin-left: 5rpx;
} }
.total-text { .total-text {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
.tt { .tt {
padding: 0 5rpx; padding: 0 5rpx;
color: #1969f9; color: #1969f9;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -95,6 +114,7 @@ ...@@ -95,6 +114,7 @@
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -105,33 +125,41 @@ ...@@ -105,33 +125,41 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 98rpx; width: 98rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -140,8 +168,10 @@ ...@@ -140,8 +168,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -153,22 +183,26 @@ ...@@ -153,22 +183,26 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 128rpx; width: 128rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -181,6 +215,7 @@ ...@@ -181,6 +215,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -188,6 +223,7 @@ ...@@ -188,6 +223,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: 180rpx; width: 180rpx;
height: 75rpx; height: 75rpx;
...@@ -208,8 +244,10 @@ ...@@ -208,8 +244,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -217,22 +255,27 @@ ...@@ -217,22 +255,27 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -242,6 +285,7 @@ ...@@ -242,6 +285,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -253,23 +297,27 @@ ...@@ -253,23 +297,27 @@
} }
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
.btn1 { .btn1 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -278,6 +326,7 @@ ...@@ -278,6 +326,7 @@
color: #ff3700; color: #ff3700;
font-weight: bold; font-weight: bold;
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
......
assets/css/putaway/single.scss
.putaway-single { .putaway-single {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,38 +26,47 @@ ...@@ -22,38 +26,47 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.section { .section {
margin-top: 15rpx; margin-top: 15rpx;
padding: 18rpx 22rpx 23rpx 22rpx; padding: 18rpx 22rpx 23rpx 22rpx;
background-color: #ffffff; background-color: #ffffff;
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -63,6 +76,7 @@ ...@@ -63,6 +76,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -74,38 +88,47 @@ ...@@ -74,38 +88,47 @@
} }
} }
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.tip-box { .tip-box {
margin-top: 18rpx; margin-top: 18rpx;
margin-bottom: 17rpx; margin-bottom: 17rpx;
.iconfont { .iconfont {
font-size: 23rpx; font-size: 23rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
margin-left: 5rpx; margin-left: 5rpx;
} }
.t2 { .t2 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
} }
.form-input { .form-input {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
} }
.input-box { .input-box {
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
...@@ -116,6 +139,7 @@ ...@@ -116,6 +139,7 @@
font-size: 16rpx; font-size: 16rpx;
} }
} }
.search { .search {
padding-right: 18rpx; padding-right: 18rpx;
width: 398rpx; width: 398rpx;
...@@ -123,21 +147,25 @@ ...@@ -123,21 +147,25 @@
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.uni-input { .uni-input {
height: 100%; height: 100%;
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -147,18 +175,22 @@ ...@@ -147,18 +175,22 @@
} }
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
margin-bottom: 18rpx; margin-bottom: 18rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
text:first-child { text:first-child {
margin-right: 32rpx; margin-right: 32rpx;
} }
.curr { .curr {
position: relative; position: relative;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
&::after { &::after {
content: ''; content: '';
background-color: #1969f9; background-color: #1969f9;
...@@ -172,27 +204,32 @@ ...@@ -172,27 +204,32 @@
} }
} }
} }
.h2 { .h2 {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
margin-bottom: 10rpx; margin-bottom: 10rpx;
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
font-weight: normal; font-weight: normal;
} }
.num { .num {
.t1 { .t1 {
font-size: 13rpx; font-size: 13rpx;
color: #1969f9; color: #1969f9;
} }
.t2 { .t2 {
font-size: 13rpx; font-size: 13rpx;
color: #919399; color: #919399;
} }
} }
} }
.search { .search {
padding-right: 18rpx; padding-right: 18rpx;
width: 398rpx; width: 398rpx;
...@@ -200,28 +237,33 @@ ...@@ -200,28 +237,33 @@
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 9999999999999; z-index: 9999999999999;
.btn1 { .btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
......
assets/css/repairPrint/index.scss
.repairPrint { .repairPrint {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,14 +26,17 @@ ...@@ -22,14 +26,17 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.select-wrap { .select-wrap {
padding-left: 17rpx; padding-left: 17rpx;
padding-right: 18rpx; padding-right: 18rpx;
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -38,24 +45,29 @@ ...@@ -38,24 +45,29 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
......
assets/css/stockRecheck/index.scss
.stockRecheck { .stockRecheck {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,36 +26,44 @@ ...@@ -22,36 +26,44 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.filter-checkbox { .filter-checkbox {
margin-top: 15rpx; margin-top: 15rpx;
label { label {
margin-right: 10rpx; margin-right: 10rpx;
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 12rpx 17rpx; padding: 15rpx 17rpx 12rpx 17rpx;
...@@ -62,9 +74,11 @@ ...@@ -62,9 +74,11 @@
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -75,30 +89,37 @@ ...@@ -75,30 +89,37 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 82rpx; width: 82rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -107,8 +128,10 @@ ...@@ -107,8 +128,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn1 { .btn1 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -117,6 +140,7 @@ ...@@ -117,6 +140,7 @@
font-size: 15rpx; font-size: 15rpx;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -128,22 +152,26 @@ ...@@ -128,22 +152,26 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 128rpx; width: 128rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -156,6 +184,7 @@ ...@@ -156,6 +184,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -163,6 +192,7 @@ ...@@ -163,6 +192,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: 180rpx; width: 180rpx;
height: 75rpx; height: 75rpx;
......
assets/css/stockRecheck/print.scss
...@@ -80,6 +80,7 @@ ...@@ -80,6 +80,7 @@
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
......
assets/css/stockRecheck/record.scss
.stockRecheck-record { .stockRecheck-record {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,27 +26,33 @@ ...@@ -22,27 +26,33 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 100rpx; padding-bottom: 100rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx; padding: 15px 17rpx;
...@@ -52,6 +62,7 @@ ...@@ -52,6 +62,7 @@
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
border: 1px solid transparent; border: 1px solid transparent;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -62,22 +73,27 @@ ...@@ -62,22 +73,27 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
flex: 0 0 50%; flex: 0 0 50%;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -85,23 +101,28 @@ ...@@ -85,23 +101,28 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
.pick_img_list { .pick_img_list {
flex-wrap: wrap; flex-wrap: wrap;
.default { .default {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
background: #f5f5f7; background: #f5f5f7;
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
.iconfont { .iconfont {
font-size: 60rpx; font-size: 60rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
.img_list { .img_list {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -110,10 +131,12 @@ ...@@ -110,10 +131,12 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
image { image {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
} }
.iconfont { .iconfont {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -127,23 +150,27 @@ ...@@ -127,23 +150,27 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 128rpx; width: 128rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -156,6 +183,7 @@ ...@@ -156,6 +183,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
......
assets/css/stocktake/list.scss
.picking { .picking {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,28 +26,34 @@ ...@@ -22,28 +26,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -53,26 +63,32 @@ ...@@ -53,26 +63,32 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 82rpx; width: 82rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -81,8 +97,10 @@ ...@@ -81,8 +97,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
......
assets/css/stocktake/operate.scss
.stocktake-operate { .stocktake-operate {
position: relative; position: relative;
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -23,28 +27,34 @@ ...@@ -23,28 +27,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 50rpx; padding-bottom: 50rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 17rpx 17rpx; padding: 15rpx 17rpx 17rpx 17rpx;
...@@ -55,6 +65,7 @@ ...@@ -55,6 +65,7 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -65,33 +76,41 @@ ...@@ -65,33 +76,41 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 110rpx; width: 110rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -100,8 +119,10 @@ ...@@ -100,8 +119,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn1 { .btn1 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -111,6 +132,7 @@ ...@@ -111,6 +132,7 @@
color: #ff3700; color: #ff3700;
margin-right: 10rpx; margin-right: 10rpx;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -119,6 +141,7 @@ ...@@ -119,6 +141,7 @@
font-size: 15rpx; font-size: 15rpx;
color: #1969f9; color: #1969f9;
} }
.btn3 { .btn3 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -130,22 +153,26 @@ ...@@ -130,22 +153,26 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 128rpx; width: 128rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -158,6 +185,7 @@ ...@@ -158,6 +185,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -165,6 +193,7 @@ ...@@ -165,6 +193,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: 180rpx; width: 180rpx;
height: 75rpx; height: 75rpx;
...@@ -175,6 +204,7 @@ ...@@ -175,6 +204,7 @@
font-weight: bold; font-weight: bold;
} }
} }
.positionListCountText { .positionListCountText {
position: absolute; position: absolute;
top: 30rpx; top: 30rpx;
...@@ -189,6 +219,7 @@ ...@@ -189,6 +219,7 @@
font-size: 19rpx; font-size: 19rpx;
color: #292b33; color: #292b33;
} }
.t2 { .t2 {
font-size: 19rpx; font-size: 19rpx;
color: #1969f9; color: #1969f9;
...@@ -203,8 +234,10 @@ ...@@ -203,8 +234,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -212,35 +245,43 @@ ...@@ -212,35 +245,43 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.p-text { .p-text {
margin-top: 38rpx; margin-top: 38rpx;
margin-bottom: 25rpx; margin-bottom: 25rpx;
.tt { .tt {
font-size: 20rpx; font-size: 20rpx;
color: #484b59; color: #484b59;
} }
.ed { .ed {
font-weight: bold; font-weight: bold;
font-size: 20rpx; font-size: 20rpx;
color: #1969f9; color: #1969f9;
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -250,6 +291,7 @@ ...@@ -250,6 +291,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -259,6 +301,7 @@ ...@@ -259,6 +301,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.uni-input { .uni-input {
width: 80%; width: 80%;
height: 50rpx; height: 50rpx;
...@@ -270,24 +313,30 @@ ...@@ -270,24 +313,30 @@
} }
} }
} }
.form-input { .form-input {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.mb0 { .mb0 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.input-title-t2 { .input-title-t2 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
} }
.input-box { .input-box {
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
...@@ -297,8 +346,10 @@ ...@@ -297,8 +346,10 @@
text-indent: 15rpx; text-indent: 15rpx;
font-size: 16rpx; font-size: 16rpx;
} }
.uni-list-cell { .uni-list-cell {
margin-right: 24rpx; margin-right: 24rpx;
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -306,21 +357,25 @@ ...@@ -306,21 +357,25 @@
} }
} }
} }
.select-box { .select-box {
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.wrap { .wrap {
padding-left: 15rpx; padding-left: 15rpx;
padding-right: 25rpx; padding-right: 25rpx;
height: 55rpx; height: 55rpx;
} }
.uni-input { .uni-input {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -329,29 +384,34 @@ ...@@ -329,29 +384,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
width: 100%; width: 100%;
.btn1 { .btn1 {
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
height: 75rpx; height: 75rpx;
background: #ffe0d7; background: #ffe0d7;
...@@ -360,6 +420,7 @@ ...@@ -360,6 +420,7 @@
font-weight: bold; font-weight: bold;
} }
} }
.uni-table { .uni-table {
margin-top: 20rpx; margin-top: 20rpx;
width: 100%; width: 100%;
...@@ -368,6 +429,7 @@ ...@@ -368,6 +429,7 @@
border-top: 1px solid #f0f0f2; border-top: 1px solid #f0f0f2;
border-left: 1px solid #f0f0f2; border-left: 1px solid #f0f0f2;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-tr { .uni-tr {
.uni-td { .uni-td {
width: 33.3%; width: 33.3%;
...@@ -376,16 +438,20 @@ ...@@ -376,16 +438,20 @@
color: #292b33; color: #292b33;
border-bottom: 1px solid #f0f0f2; border-bottom: 1px solid #f0f0f2;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
&:last-child { &:last-child {
border-right: none; border-right: none;
} }
.sn { .sn {
margin-left: 6rpx; margin-left: 6rpx;
height: 35rpx; height: 35rpx;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
......
assets/css/stocktake/record.scss
.stocktake-record { .stocktake-record {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,27 +26,33 @@ ...@@ -22,27 +26,33 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 100rpx; padding-bottom: 100rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 37rpx 17rpx; padding: 15px 17rpx 37rpx 17rpx;
...@@ -52,6 +62,7 @@ ...@@ -52,6 +62,7 @@
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
border: 1px solid transparent; border: 1px solid transparent;
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -62,28 +73,34 @@ ...@@ -62,28 +73,34 @@
background-size: contain; background-size: contain;
display: block; display: block;
} }
&.curr { &.curr {
border: 1px solid #1969f9; border: 1px solid #1969f9;
.check-box-icon { .check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
} }
} }
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
flex: 0 0 50%; flex: 0 0 50%;
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
color: #f0f0f2; color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -91,6 +108,7 @@ ...@@ -91,6 +108,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
width: 60%; width: 60%;
font-size: 17rpx; font-size: 17rpx;
...@@ -102,11 +120,13 @@ ...@@ -102,11 +120,13 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
} }
.btn { .btn {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
...@@ -120,22 +140,26 @@ ...@@ -120,22 +140,26 @@
} }
} }
} }
.fix-btn { .fix-btn {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
left: 0; left: 0;
z-index: 999; z-index: 999;
.btn1 { .btn1 {
width: 128rpx; width: 128rpx;
height: 75rpx; height: 75rpx;
background: #ffffff; background: #ffffff;
.check-box-icon { .check-box-icon {
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain; background-size: contain;
display: block; display: block;
&.curr { &.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center; background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain; background-size: contain;
...@@ -148,6 +172,7 @@ ...@@ -148,6 +172,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -155,6 +180,7 @@ ...@@ -155,6 +180,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: 180rpx; width: 180rpx;
height: 75rpx; height: 75rpx;
...@@ -175,8 +201,10 @@ ...@@ -175,8 +201,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -184,35 +212,43 @@ ...@@ -184,35 +212,43 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.p-text { .p-text {
margin-top: 38rpx; margin-top: 38rpx;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.tt { .tt {
font-size: 20rpx; font-size: 20rpx;
color: #484b59; color: #484b59;
} }
.ed { .ed {
font-weight: bold; font-weight: bold;
font-size: 20rpx; font-size: 20rpx;
color: #1969f9; color: #1969f9;
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -222,6 +258,7 @@ ...@@ -222,6 +258,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -231,6 +268,7 @@ ...@@ -231,6 +268,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.uni-input { .uni-input {
width: 80%; width: 80%;
height: 50rpx; height: 50rpx;
...@@ -242,24 +280,30 @@ ...@@ -242,24 +280,30 @@
} }
} }
} }
.form-input { .form-input {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.mb0 { .mb0 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.input-title-t2 { .input-title-t2 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
} }
.input-box { .input-box {
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
...@@ -269,8 +313,10 @@ ...@@ -269,8 +313,10 @@
text-indent: 15rpx; text-indent: 15rpx;
font-size: 16rpx; font-size: 16rpx;
} }
.uni-list-cell { .uni-list-cell {
margin-right: 24rpx; margin-right: 24rpx;
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -278,21 +324,25 @@ ...@@ -278,21 +324,25 @@
} }
} }
} }
.select-box { .select-box {
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.wrap { .wrap {
padding-left: 15rpx; padding-left: 15rpx;
padding-right: 25rpx; padding-right: 25rpx;
height: 55rpx; height: 55rpx;
} }
.uni-input { .uni-input {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -301,29 +351,34 @@ ...@@ -301,29 +351,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
width: 100%; width: 100%;
.btn1 { .btn1 {
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
height: 75rpx; height: 75rpx;
background: #ffe0d7; background: #ffe0d7;
...@@ -332,6 +387,7 @@ ...@@ -332,6 +387,7 @@
font-weight: bold; font-weight: bold;
} }
} }
.uni-table { .uni-table {
margin-top: 20rpx; margin-top: 20rpx;
width: 100%; width: 100%;
...@@ -340,6 +396,7 @@ ...@@ -340,6 +396,7 @@
border-top: 1px solid #f0f0f2; border-top: 1px solid #f0f0f2;
border-left: 1px solid #f0f0f2; border-left: 1px solid #f0f0f2;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-tr { .uni-tr {
.uni-td { .uni-td {
width: 33.3%; width: 33.3%;
...@@ -348,16 +405,20 @@ ...@@ -348,16 +405,20 @@
color: #292b33; color: #292b33;
border-bottom: 1px solid #f0f0f2; border-bottom: 1px solid #f0f0f2;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
&:last-child { &:last-child {
border-right: none; border-right: none;
} }
.sn { .sn {
margin-left: 6rpx; margin-left: 6rpx;
height: 35rpx; height: 35rpx;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
......
assets/css/transfer/index.scss
.transfer { .transfer {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,28 +26,34 @@ ...@@ -22,28 +26,34 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
padding: 15rpx 17rpx 13rpx 17rpx; padding: 15rpx 17rpx 13rpx 17rpx;
...@@ -53,26 +63,32 @@ ...@@ -53,26 +63,32 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
&:nth-of-type(2n) { &:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.text-item { .text-item {
margin-bottom: 11rpx; margin-bottom: 11rpx;
} }
.label { .label {
width: 82rpx; width: 82rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.t1 { .t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
} }
.tt { .tt {
width: calc(100% - 93rpx); width: calc(100% - 93rpx);
font-size: 16rpx; font-size: 16rpx;
...@@ -81,8 +97,10 @@ ...@@ -81,8 +97,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.btn-box { .btn-box {
justify-content: flex-end; justify-content: flex-end;
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
......
assets/css/transfer/quick.scss
.transfer { .transfer {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-box { .search-box {
height: 60rpx; height: 60rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
.sn { .sn {
width: 164rpx; width: 164rpx;
height: 35rpx; height: 35rpx;
border-right: 1px solid #f0f0f2; border-right: 1px solid #f0f0f2;
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -22,48 +26,59 @@ ...@@ -22,48 +26,59 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.search-bar { .search-bar {
width: calc(100% - 164rpx); width: calc(100% - 164rpx);
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.total { .total {
.t1 { .t1 {
font-size: 19rpx; font-size: 19rpx;
color: #1969f9; color: #1969f9;
} }
.t2 { .t2 {
font-size: 19rpx; font-size: 19rpx;
color: #292b33; color: #292b33;
} }
} }
.single-style { .single-style {
background: #fff; background: #fff;
padding: 24rpx 24rpx 50rpx 24rpx; padding: 24rpx 24rpx 50rpx 24rpx;
margin-top: 15rpx; margin-top: 15rpx;
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -73,6 +88,7 @@ ...@@ -73,6 +88,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -84,21 +100,26 @@ ...@@ -84,21 +100,26 @@
} }
} }
} }
.form-input { .form-input {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.arrow { .arrow {
color: #1969f9; color: #1969f9;
font-size: 16rpx; font-size: 16rpx;
font-weight: bold; font-weight: bold;
} }
} }
.input-box { .input-box {
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
...@@ -109,46 +130,55 @@ ...@@ -109,46 +130,55 @@
font-size: 16rpx; font-size: 16rpx;
} }
} }
.input-box-search { .input-box-search {
padding-right: 18rpx; padding-right: 18rpx;
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
&.disabled { &.disabled {
border: 1px solid red; border: 1px solid red;
} }
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
} }
.list { .list {
margin-top: 15rpx; margin-top: 15rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 20rpx 17rpx; padding: 15px 17rpx 20rpx 17rpx;
...@@ -157,21 +187,25 @@ ...@@ -157,21 +187,25 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
color: #f0f0f2; color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
flex: 0 0 50%; flex: 0 0 50%;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -179,11 +213,13 @@ ...@@ -179,11 +213,13 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
} }
.btn { .btn {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
......
assets/css/transfer/task.scss
.transfer-task { .transfer-task {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
.search-type { .search-type {
margin-bottom: 15rpx; margin-bottom: 15rpx;
.search-bar { .search-bar {
width: 345rpx; width: 345rpx;
height: 60rpx; height: 60rpx;
padding-right: 17rpx; padding-right: 17rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
.title { .title {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
...@@ -30,6 +36,7 @@ ...@@ -30,6 +36,7 @@
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
} }
.list { .list {
.box { .box {
position: relative; position: relative;
...@@ -39,21 +46,25 @@ ...@@ -39,21 +46,25 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
color: #f0f0f2; color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
flex: 0 0 50%; flex: 0 0 50%;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -61,11 +72,13 @@ ...@@ -61,11 +72,13 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
} }
.btn { .btn {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
...@@ -79,8 +92,10 @@ ...@@ -79,8 +92,10 @@
} }
} }
} }
.list-style { .list-style {
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
width: 345rpx; width: 345rpx;
...@@ -90,20 +105,24 @@ ...@@ -90,20 +105,24 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
.input-box { .input-box {
margin-bottom: 11rpx; margin-bottom: 11rpx;
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
color: #f0f0f2; color: #f0f0f2;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 17rpx; font-size: 17rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -111,11 +130,13 @@ ...@@ -111,11 +130,13 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
} }
.btn { .btn {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
...@@ -139,8 +160,10 @@ ...@@ -139,8 +160,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -148,22 +171,27 @@ ...@@ -148,22 +171,27 @@
font-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
font-size: 23rpx; font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 114rpx; width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -173,6 +201,7 @@ ...@@ -173,6 +201,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -184,21 +213,26 @@ ...@@ -184,21 +213,26 @@
} }
} }
} }
.form-input { .form-input {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.arrow { .arrow {
color: #1969f9; color: #1969f9;
font-size: 16rpx; font-size: 16rpx;
font-weight: bold; font-weight: bold;
} }
} }
.input-box { .input-box {
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
...@@ -209,45 +243,53 @@ ...@@ -209,45 +243,53 @@
font-size: 16rpx; font-size: 16rpx;
} }
} }
.input-box-search { .input-box-search {
padding-right: 18rpx; padding-right: 18rpx;
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.icon-juxing1 { .icon-juxing1 {
font-size: 30rpx; font-size: 30rpx;
color: #919399; color: #919399;
margin-left: 17rpx; margin-left: 17rpx;
margin-right: 13rpx; margin-right: 13rpx;
} }
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #484b59; color: #484b59;
} }
.icon-a-juxing11 { .icon-a-juxing11 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
} }
.item-tit { .item-tit {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-bottom: 18rpx; margin-bottom: 18rpx;
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
.btn1 { .btn1 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -255,6 +297,7 @@ ...@@ -255,6 +297,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #1969f9; color: #1969f9;
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
......
util/api.js
const API_BASE_USER = 'http://user.liexindev.net'; //用户系统 // 环境配置：'production' 正式环境 | 'development' 测试环境
const API_BASE_PUR = 'http://pur.liexindev.net'; //采购系统 const ENV = 'development';
const API_BASE = 'http://wms.liexindev.net'; //WMS系统
const API_BASE_OSS = 'http://image.liexindev.net'; //oss系统
// const API_BASE_USER = 'https://user.ichunt.net'; //用户系统 // 环境配置映射
// const API_BASE_PUR = 'https://purchase.ichunt.net'; //采购系统 var ENV_CONFIG = {
// const API_BASE = 'https://wms.ichunt.net'; //WMS系统 production: {
// const API_BASE_OSS = 'https://image.ichunt.net'; //oss系统 API_BASE_USER: 'https://user.ichunt.net',
API_BASE_PUR: 'https://purchase.ichunt.net',
API_BASE: 'https://wms.ichunt.net',
API_BASE_OSS: 'https://image.ichunt.net'
},
development: {
API_BASE_USER: 'http://user.liexindev.net',
API_BASE_PUR: 'http://pur.liexindev.net',
API_BASE: 'http://wms.liexindev.net',
API_BASE_OSS: 'http://image.liexindev.net'
}
};
// 当前环境配置
var currentEnv = ENV_CONFIG[ENV];
const API_BASE_USER = currentEnv.API_BASE_USER; //用户系统
const API_BASE_PUR = currentEnv.API_BASE_PUR; //采购系统
const API_BASE = currentEnv.API_BASE; //WMS系统
const API_BASE_OSS = currentEnv.API_BASE_OSS; //oss系统
// 环境日志 - 带颜色突出显示
if (ENV === 'production') {
console.log('%c[环境] 当前运行环境：正式环境', 'color: #fff; background: #f56c6c; padding: 4px 8px; border-radius: 4px; font-weight: bold;');
} else {
console.log('%c[环境] 当前运行环境：测试环境', 'color: #fff; background: #67c23a; padding: 4px 8px; border-radius: 4px; font-weight: bold;');
}
const API = { const API = {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment