Skip to content

梁建民 / wmsApp

Go to a project
Commit 89dc288f by liangjianmin
Options

css

parent da559e09
Inline Side-by-side
Showing with 1506 additions and 12 deletions
assets/css/arrivalRegister/splitGoodsRecord.scss
.splitGoodsRecord { .splitGoodsRecord {
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;
} }
} }
} }
.search-params { .search-params {
margin-top: 15rpx; margin-top: 15rpx;
.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;
...@@ -61,9 +73,11 @@ ...@@ -61,9 +73,11 @@
} }
} }
} }
.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;
...@@ -73,6 +87,7 @@ ...@@ -73,6 +87,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;
...@@ -83,28 +98,34 @@ ...@@ -83,28 +98,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;
...@@ -112,6 +133,7 @@ ...@@ -112,6 +133,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -122,23 +144,28 @@ ...@@ -122,23 +144,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;
...@@ -147,10 +174,12 @@ ...@@ -147,10 +174,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;
...@@ -162,10 +191,12 @@ ...@@ -162,10 +191,12 @@
} }
} }
} }
.btn-box { .btn-box {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
bottom: 13rpx; bottom: 13rpx;
.btn1 { .btn1 {
width: 75rpx; width: 75rpx;
height: 30rpx; height: 30rpx;
...@@ -176,6 +207,7 @@ ...@@ -176,6 +207,7 @@
border: 1px solid #f00; border: 1px solid #f00;
margin-right: 10rpx; margin-right: 10rpx;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -185,10 +217,12 @@ ...@@ -185,10 +217,12 @@
color: #ffffff; color: #ffffff;
} }
} }
.status-box { .status-box {
position: absolute; position: absolute;
right: 50rpx; right: 50rpx;
top: 5rpx; top: 5rpx;
.staus_type_val { .staus_type_val {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
...@@ -201,23 +235,27 @@ ...@@ -201,23 +235,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;
...@@ -230,6 +268,7 @@ ...@@ -230,6 +268,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -248,13 +287,16 @@ ...@@ -248,13 +287,16 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.tip { .tip {
color: red; color: red;
font-size: 17rpx; font-size: 17rpx;
margin-top: 28rpx; margin-top: 28rpx;
} }
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -262,25 +304,30 @@ ...@@ -262,25 +304,30 @@
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;
} }
} }
.pp { .pp {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
...@@ -288,16 +335,20 @@ ...@@ -288,16 +335,20 @@
margin-bottom: 17rpx; margin-bottom: 17rpx;
margin-top: 35rpx; margin-top: 35rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
&.pt { &.pt {
margin-bottom: 35rpx; margin-bottom: 35rpx;
} }
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;
...@@ -311,17 +362,21 @@ ...@@ -311,17 +362,21 @@
} }
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 16rpx; margin-top: 16rpx;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -331,6 +386,7 @@ ...@@ -331,6 +386,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -342,18 +398,21 @@ ...@@ -342,18 +398,21 @@
} }
} }
} }
.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;
...@@ -362,14 +421,17 @@ ...@@ -362,14 +421,17 @@
font-weight: bold; font-weight: bold;
} }
} }
.input-wrap { .input-wrap {
margin-bottom: 25rpx; margin-bottom: 25rpx;
.label-title { .label-title {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.input-box { .input-box {
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
...@@ -378,6 +440,7 @@ ...@@ -378,6 +440,7 @@
background-size: contain; background-size: contain;
margin-left: 12rpx; margin-left: 12rpx;
} }
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
...@@ -386,6 +449,7 @@ ...@@ -386,6 +449,7 @@
font-size: 17rpx; font-size: 17rpx;
padding-left: 18rpx; padding-left: 18rpx;
} }
.uni-textarea { .uni-textarea {
width: 100%; width: 100%;
height: 110rpx; height: 110rpx;
...@@ -396,19 +460,23 @@ ...@@ -396,19 +460,23 @@
padding: 18rpx; padding: 18rpx;
} }
} }
.select-box { .select-box {
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.wrap { .wrap {
padding-left: 15rpx; padding-left: 15rpx;
padding-right: 25rpx; padding-right: 25rpx;
height: 40rpx; height: 40rpx;
} }
.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;
...@@ -418,52 +486,62 @@ ...@@ -418,52 +486,62 @@
} }
} }
} }
.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;
} }
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -472,10 +550,12 @@ ...@@ -472,10 +550,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;
...@@ -486,8 +566,10 @@ ...@@ -486,8 +566,10 @@
} }
} }
} }
.textarea-box { .textarea-box {
width: 100%; width: 100%;
textarea { textarea {
width: 100%; width: 100%;
height: 85rpx; height: 85rpx;
...@@ -498,19 +580,23 @@ ...@@ -498,19 +580,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
.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;
} }
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
......
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/picking/sort.scss
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
.tab { .tab {
height: 54rpx; height: 54rpx;
background: #ffffff; background: #ffffff;
.box { .box {
flex: 0 0 50%; flex: 0 0 50%;
height: 100%; height: 100%;
...@@ -9,8 +10,10 @@ ...@@ -9,8 +10,10 @@
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
&.curr { &.curr {
color: #1969f9; color: #1969f9;
&::after { &::after {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
...@@ -27,48 +30,59 @@ ...@@ -27,48 +30,59 @@
} }
} }
} }
.picking-sort-wrap { .picking-sort-wrap {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
} }
.search-type { .search-type {
margin-bottom: 15rpx; margin-bottom: 15rpx;
.search-bar { .search-bar {
width: 100%; width: 100%;
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;
font-weight: bold; font-weight: bold;
white-space: nowrap; white-space: nowrap;
} }
.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);
} }
} }
.list { .list {
padding-bottom: 80rpx; padding-bottom: 80rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 20rpx 17rpx; padding: 15px 17rpx 20rpx 17rpx;
...@@ -78,6 +92,7 @@ ...@@ -78,6 +92,7 @@
margin-bottom: 15rpx; margin-bottom: 15rpx;
flex-wrap: wrap; flex-wrap: wrap;
border: 1px solid transparent; border: 1px solid transparent;
.checkStock { .checkStock {
position: absolute; position: absolute;
right: 110rpx; right: 110rpx;
...@@ -88,6 +103,7 @@ ...@@ -88,6 +103,7 @@
width: 75rpx; width: 75rpx;
height: 40rpx; height: 40rpx;
} }
.pick_type_val { .pick_type_val {
position: absolute; position: absolute;
right: 50rpx; right: 50rpx;
...@@ -99,6 +115,7 @@ ...@@ -99,6 +115,7 @@
height: 40rpx; height: 40rpx;
border-radius: 50%; border-radius: 50%;
} }
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -109,28 +126,34 @@ ...@@ -109,28 +126,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;
...@@ -138,10 +161,12 @@ ...@@ -138,10 +161,12 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
.desc { .desc {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -153,6 +178,7 @@ ...@@ -153,6 +178,7 @@
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
} }
.btn { .btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -163,8 +189,10 @@ ...@@ -163,8 +189,10 @@
} }
} }
} }
.list-style { .list-style {
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
width: 345rpx; width: 345rpx;
...@@ -174,20 +202,24 @@ ...@@ -174,20 +202,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;
...@@ -195,11 +227,13 @@ ...@@ -195,11 +227,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;
...@@ -213,12 +247,14 @@ ...@@ -213,12 +247,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;
...@@ -226,6 +262,7 @@ ...@@ -226,6 +262,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -233,24 +270,29 @@ ...@@ -233,24 +270,29 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.print_type { .print_type {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
border-right: 1px solid #ffffff; border-right: 1px solid #ffffff;
.t1 { .t1 {
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
} }
.print-type-box { .print-type-box {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
picker { picker {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.uni-input { .uni-input {
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
...@@ -267,6 +309,7 @@ ...@@ -267,6 +309,7 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.pick_type_val { .pick_type_val {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
...@@ -275,8 +318,10 @@ ...@@ -275,8 +318,10 @@
height: 40rpx; height: 40rpx;
border-radius: 50%; border-radius: 50%;
} }
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -284,22 +329,27 @@ ...@@ -284,22 +329,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;
...@@ -309,6 +359,7 @@ ...@@ -309,6 +359,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -318,6 +369,7 @@ ...@@ -318,6 +369,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.desc { .desc {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -330,16 +382,20 @@ ...@@ -330,16 +382,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;
...@@ -351,6 +407,7 @@ ...@@ -351,6 +407,7 @@
} }
} }
} }
.item-tit { .item-tit {
position: relative; position: relative;
font-size: 20rpx; font-size: 20rpx;
...@@ -358,17 +415,20 @@ ...@@ -358,17 +415,20 @@
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;
.btn0 { .btn0 {
height: 75rpx; height: 75rpx;
background: #ffe0d7; background: #ffe0d7;
...@@ -376,6 +436,7 @@ ...@@ -376,6 +436,7 @@
color: #ff3700; color: #ff3700;
font-weight: bold; font-weight: bold;
} }
.btn1 { .btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
...@@ -385,8 +446,10 @@ ...@@ -385,8 +446,10 @@
font-weight: bold; font-weight: bold;
} }
} }
.list-drawer { .list-drawer {
margin-top: 15rpx; margin-top: 15rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 18rpx 17rpx; padding: 15px 17rpx 18rpx 17rpx;
...@@ -396,15 +459,18 @@ ...@@ -396,15 +459,18 @@
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;
flex: 0 0 50%; flex: 0 0 50%;
.label { .label {
width: 98rpx; width: 98rpx;
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;
...@@ -412,10 +478,12 @@ ...@@ -412,10 +478,12 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
.desc { .desc {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -429,41 +497,49 @@ ...@@ -429,41 +497,49 @@
} }
} }
} }
.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;
} }
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -472,10 +548,12 @@ ...@@ -472,10 +548,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;
...@@ -486,21 +564,26 @@ ...@@ -486,21 +564,26 @@
} }
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
height: 38rpx; height: 38rpx;
.t1 { .t1 {
font-size: 20rpx; font-size: 20rpx;
color: #1969f9; color: #1969f9;
} }
.print-type-box { .print-type-box {
margin-left: 12rpx; margin-left: 12rpx;
picker { picker {
.uni-input { .uni-input {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -511,23 +594,29 @@ ...@@ -511,23 +594,29 @@
} }
} }
} }
.print_type { .print_type {
height: 75rpx; height: 75rpx;
.t1 { .t1 {
font-size: 20rpx; font-size: 20rpx;
color: #1969f9; color: #1969f9;
margin-right: 10rpx; margin-right: 10rpx;
} }
.print-type-box { .print-type-box {
width: 150rpx; width: 150rpx;
height: 75rpx; height: 75rpx;
.wrap-box { .wrap-box {
height: 75rpx; height: 75rpx;
.uni-input { .uni-input {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -546,6 +635,7 @@ ...@@ -546,6 +635,7 @@
border-radius: 10rpx; border-radius: 10rpx;
background: #fff; background: #fff;
padding: 70rpx 0 100rpx 50rpx; padding: 70rpx 0 100rpx 50rpx;
.title { .title {
position: absolute; position: absolute;
left: 12rpx; left: 12rpx;
...@@ -553,6 +643,7 @@ ...@@ -553,6 +643,7 @@
font-size: 26rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
} }
.pick_type_val { .pick_type_val {
position: absolute; position: absolute;
right: 6px; right: 6px;
...@@ -564,19 +655,23 @@ ...@@ -564,19 +655,23 @@
height: 40rpx; height: 40rpx;
border-radius: 50%; border-radius: 50%;
} }
.p1 { .p1 {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }
.text { .text {
margin-bottom: 12rpx; margin-bottom: 12rpx;
.t1 { .t1 {
text-align: right; text-align: right;
font-size: 17rpx; font-size: 17rpx;
color: #292b33; color: #292b33;
white-space: nowrap; white-space: nowrap;
} }
.t2 { .t2 {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
...@@ -584,16 +679,19 @@ ...@@ -584,16 +679,19 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.t3 { .t3 {
font-size: 18rpx; font-size: 18rpx;
color: #f98119; color: #f98119;
} }
} }
.desc { .desc {
font-size: 18rpx; font-size: 18rpx;
color: #f98119; color: #f98119;
margin: 12rpx 0rpx; margin: 12rpx 0rpx;
} }
.button-group { .button-group {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
...@@ -606,6 +704,7 @@ ...@@ -606,6 +704,7 @@
border-top-color: #f5f5f5; border-top-color: #f5f5f5;
border-top-style: solid; border-top-style: solid;
border-top-width: 1px; border-top-width: 1px;
.button-left { .button-left {
display: flex; display: flex;
flex: 1; flex: 1;
...@@ -615,6 +714,7 @@ ...@@ -615,6 +714,7 @@
height: 100%; height: 100%;
font-size: 22rpx; font-size: 22rpx;
} }
.button-right { .button-right {
display: flex; display: flex;
flex: 1; flex: 1;
......
assets/css/preCheck/list.scss
.preCheckList { .preCheckList {
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;
} }
} }
} }
.search-params { .search-params {
margin-top: 15rpx; margin-top: 15rpx;
.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;
...@@ -61,9 +73,11 @@ ...@@ -61,9 +73,11 @@
} }
} }
} }
.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;
...@@ -73,6 +87,7 @@ ...@@ -73,6 +87,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;
...@@ -83,28 +98,34 @@ ...@@ -83,28 +98,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;
...@@ -112,6 +133,7 @@ ...@@ -112,6 +133,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -122,23 +144,28 @@ ...@@ -122,23 +144,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;
...@@ -147,10 +174,12 @@ ...@@ -147,10 +174,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;
...@@ -162,10 +191,12 @@ ...@@ -162,10 +191,12 @@
} }
} }
} }
.btn-box { .btn-box {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
bottom: 13rpx; bottom: 13rpx;
.btn1 { .btn1 {
width: 75rpx; width: 75rpx;
height: 30rpx; height: 30rpx;
...@@ -176,6 +207,7 @@ ...@@ -176,6 +207,7 @@
border: 1px solid #f00; border: 1px solid #f00;
margin-right: 10rpx; margin-right: 10rpx;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -185,10 +217,12 @@ ...@@ -185,10 +217,12 @@
color: #ffffff; color: #ffffff;
} }
} }
.status-box { .status-box {
position: absolute; position: absolute;
right: 50rpx; right: 50rpx;
top: 5rpx; top: 5rpx;
.staus_type_val { .staus_type_val {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
...@@ -201,23 +235,27 @@ ...@@ -201,23 +235,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;
...@@ -230,6 +268,7 @@ ...@@ -230,6 +268,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: 248rpx; width: 248rpx;
height: 75rpx; height: 75rpx;
...@@ -237,6 +276,7 @@ ...@@ -237,6 +276,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ff3700; color: #ff3700;
} }
.btn3 { .btn3 {
width: calc(100% - 248rpx); width: calc(100% - 248rpx);
height: 75rpx; height: 75rpx;
...@@ -255,13 +295,16 @@ ...@@ -255,13 +295,16 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.tip { .tip {
color: red; color: red;
font-size: 17rpx; font-size: 17rpx;
margin-top: 28rpx; margin-top: 28rpx;
} }
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -269,25 +312,30 @@ ...@@ -269,25 +312,30 @@
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;
} }
} }
.pp { .pp {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
...@@ -295,16 +343,20 @@ ...@@ -295,16 +343,20 @@
margin-bottom: 17rpx; margin-bottom: 17rpx;
margin-top: 35rpx; margin-top: 35rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
&.pt { &.pt {
margin-bottom: 35rpx; margin-bottom: 35rpx;
} }
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;
...@@ -318,17 +370,21 @@ ...@@ -318,17 +370,21 @@
} }
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 16rpx; margin-top: 16rpx;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -338,6 +394,7 @@ ...@@ -338,6 +394,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -349,18 +406,21 @@ ...@@ -349,18 +406,21 @@
} }
} }
} }
.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;
...@@ -369,14 +429,17 @@ ...@@ -369,14 +429,17 @@
font-weight: bold; font-weight: bold;
} }
} }
.input-wrap { .input-wrap {
margin-bottom: 25rpx; margin-bottom: 25rpx;
.label-title { .label-title {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.input-box { .input-box {
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
...@@ -385,6 +448,7 @@ ...@@ -385,6 +448,7 @@
background-size: contain; background-size: contain;
margin-left: 12rpx; margin-left: 12rpx;
} }
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
...@@ -393,6 +457,7 @@ ...@@ -393,6 +457,7 @@
font-size: 17rpx; font-size: 17rpx;
padding-left: 18rpx; padding-left: 18rpx;
} }
.uni-textarea { .uni-textarea {
width: 100%; width: 100%;
height: 110rpx; height: 110rpx;
...@@ -403,19 +468,23 @@ ...@@ -403,19 +468,23 @@
padding: 18rpx; padding: 18rpx;
} }
} }
.select-box { .select-box {
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.wrap { .wrap {
padding-left: 15rpx; padding-left: 15rpx;
padding-right: 25rpx; padding-right: 25rpx;
height: 40rpx; height: 40rpx;
} }
.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;
...@@ -425,52 +494,62 @@ ...@@ -425,52 +494,62 @@
} }
} }
} }
.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;
} }
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -479,10 +558,12 @@ ...@@ -479,10 +558,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;
...@@ -493,8 +574,10 @@ ...@@ -493,8 +574,10 @@
} }
} }
} }
.textarea-box { .textarea-box {
width: 100%; width: 100%;
textarea { textarea {
width: 100%; width: 100%;
height: 85rpx; height: 85rpx;
...@@ -505,19 +588,23 @@ ...@@ -505,19 +588,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
.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;
} }
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -525,20 +612,24 @@ ...@@ -525,20 +612,24 @@
} }
} }
} }
.print-list { .print-list {
.print-box { .print-box {
.input-box { .input-box {
margin-right: 20rpx; margin-right: 20rpx;
.title { .title {
position: relative; position: relative;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
&:before { &:before {
content: '*'; content: '*';
color: red; color: red;
} }
} }
.uni-input { .uni-input {
width: 178rpx; width: 178rpx;
height: 40rpx; height: 40rpx;
...@@ -549,6 +640,7 @@ ...@@ -549,6 +640,7 @@
padding-left: 18rpx; padding-left: 18rpx;
} }
} }
.reduce { .reduce {
font-size: 50rpx; font-size: 50rpx;
color: #f00; color: #f00;
...@@ -556,6 +648,7 @@ ...@@ -556,6 +648,7 @@
margin-left: 30rpx; margin-left: 30rpx;
} }
} }
.add { .add {
font-size: 50rpx; font-size: 50rpx;
color: #1969f9; color: #1969f9;
......
assets/css/preCheck/thirdPartyInspectionStatus.scss
.preCheckList { .preCheckList {
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;
} }
} }
} }
.search-params { .search-params {
margin-top: 15rpx; margin-top: 15rpx;
.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;
...@@ -61,9 +73,11 @@ ...@@ -61,9 +73,11 @@
} }
} }
} }
.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;
...@@ -73,6 +87,7 @@ ...@@ -73,6 +87,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;
...@@ -83,28 +98,34 @@ ...@@ -83,28 +98,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;
...@@ -112,6 +133,7 @@ ...@@ -112,6 +133,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -122,23 +144,28 @@ ...@@ -122,23 +144,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;
...@@ -147,10 +174,12 @@ ...@@ -147,10 +174,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;
...@@ -162,10 +191,12 @@ ...@@ -162,10 +191,12 @@
} }
} }
} }
.btn-box { .btn-box {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
bottom: 13rpx; bottom: 13rpx;
.btn1 { .btn1 {
width: 75rpx; width: 75rpx;
height: 30rpx; height: 30rpx;
...@@ -176,6 +207,7 @@ ...@@ -176,6 +207,7 @@
border: 1px solid #f00; border: 1px solid #f00;
margin-right: 10rpx; margin-right: 10rpx;
} }
.btn2 { .btn2 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -185,10 +217,12 @@ ...@@ -185,10 +217,12 @@
color: #ffffff; color: #ffffff;
} }
} }
.status-box { .status-box {
position: absolute; position: absolute;
right: 50rpx; right: 50rpx;
top: 5rpx; top: 5rpx;
.staus_type_val { .staus_type_val {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
...@@ -201,23 +235,27 @@ ...@@ -201,23 +235,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;
...@@ -230,6 +268,7 @@ ...@@ -230,6 +268,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: 300rpx; width: 300rpx;
height: 75rpx; height: 75rpx;
...@@ -237,6 +276,7 @@ ...@@ -237,6 +276,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: calc(100% - 428rpx); width: calc(100% - 428rpx);
height: 75rpx; height: 75rpx;
...@@ -255,13 +295,16 @@ ...@@ -255,13 +295,16 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
.tip { .tip {
color: red; color: red;
font-size: 17rpx; font-size: 17rpx;
margin-top: 28rpx; margin-top: 28rpx;
} }
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -269,25 +312,30 @@ ...@@ -269,25 +312,30 @@
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;
} }
} }
.pp { .pp {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #292b33;
...@@ -295,16 +343,20 @@ ...@@ -295,16 +343,20 @@
margin-bottom: 17rpx; margin-bottom: 17rpx;
margin-top: 35rpx; margin-top: 35rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
&.pt { &.pt {
margin-bottom: 35rpx; margin-bottom: 35rpx;
} }
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;
...@@ -318,17 +370,21 @@ ...@@ -318,17 +370,21 @@
} }
} }
} }
.field-item { .field-item {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 16rpx; margin-top: 16rpx;
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -338,6 +394,7 @@ ...@@ -338,6 +394,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -349,18 +406,21 @@ ...@@ -349,18 +406,21 @@
} }
} }
} }
.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;
...@@ -369,14 +429,17 @@ ...@@ -369,14 +429,17 @@
font-weight: bold; font-weight: bold;
} }
} }
.input-wrap { .input-wrap {
margin-bottom: 25rpx; margin-bottom: 25rpx;
.label-title { .label-title {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.input-box { .input-box {
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
...@@ -385,6 +448,7 @@ ...@@ -385,6 +448,7 @@
background-size: contain; background-size: contain;
margin-left: 12rpx; margin-left: 12rpx;
} }
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
...@@ -393,6 +457,7 @@ ...@@ -393,6 +457,7 @@
font-size: 17rpx; font-size: 17rpx;
padding-left: 18rpx; padding-left: 18rpx;
} }
.uni-textarea { .uni-textarea {
width: 100%; width: 100%;
height: 110rpx; height: 110rpx;
...@@ -403,19 +468,23 @@ ...@@ -403,19 +468,23 @@
padding: 18rpx; padding: 18rpx;
} }
} }
.select-box { .select-box {
background: #ffffff; background: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.wrap { .wrap {
padding-left: 15rpx; padding-left: 15rpx;
padding-right: 25rpx; padding-right: 25rpx;
height: 40rpx; height: 40rpx;
} }
.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;
...@@ -425,52 +494,62 @@ ...@@ -425,52 +494,62 @@
} }
} }
} }
.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;
} }
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -479,10 +558,12 @@ ...@@ -479,10 +558,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;
...@@ -493,8 +574,10 @@ ...@@ -493,8 +574,10 @@
} }
} }
} }
.textarea-box { .textarea-box {
width: 100%; width: 100%;
textarea { textarea {
width: 100%; width: 100%;
height: 85rpx; height: 85rpx;
...@@ -505,19 +588,23 @@ ...@@ -505,19 +588,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
.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;
} }
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -525,20 +612,24 @@ ...@@ -525,20 +612,24 @@
} }
} }
} }
.print-list { .print-list {
.print-box { .print-box {
.input-box { .input-box {
margin-right: 20rpx; margin-right: 20rpx;
.title { .title {
position: relative; position: relative;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
white-space: nowrap; white-space: nowrap;
&:before { &:before {
content: '*'; content: '*';
color: red; color: red;
} }
} }
.uni-input { .uni-input {
width: 178rpx; width: 178rpx;
height: 40rpx; height: 40rpx;
...@@ -549,6 +640,7 @@ ...@@ -549,6 +640,7 @@
padding-left: 18rpx; padding-left: 18rpx;
} }
} }
.reduce { .reduce {
font-size: 50rpx; font-size: 50rpx;
color: #f00; color: #f00;
...@@ -556,6 +648,7 @@ ...@@ -556,6 +648,7 @@
margin-left: 30rpx; margin-left: 30rpx;
} }
} }
.add { .add {
font-size: 50rpx; font-size: 50rpx;
color: #1969f9; color: #1969f9;
......
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/stockRecheck/sort.scss
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
.tab { .tab {
height: 54rpx; height: 54rpx;
background: #ffffff; background: #ffffff;
.box { .box {
flex: 0 0 50%; flex: 0 0 50%;
height: 100%; height: 100%;
...@@ -9,8 +10,10 @@ ...@@ -9,8 +10,10 @@
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
&.curr { &.curr {
color: #1969f9; color: #1969f9;
&::after { &::after {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
...@@ -27,77 +30,93 @@ ...@@ -27,77 +30,93 @@
} }
} }
} }
.picking-sort-wrap { .picking-sort-wrap {
padding: 15rpx 22rpx; padding: 15rpx 22rpx;
} }
.search-type { .search-type {
margin-bottom: 15rpx; margin-bottom: 15rpx;
.search-bar { .search-bar {
width: 100%; width: 100%;
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 {
position: relative; position: relative;
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
z-index: 99; z-index: 99;
} }
.icon-juxing3 { .icon-juxing3 {
font-size: 30rpx; font-size: 30rpx;
color: #c6c7cc; color: #c6c7cc;
} }
} }
.box-info { .box-info {
margin-bottom: 10rpx; margin-bottom: 10rpx;
height: 40rpx; height: 40rpx;
.title { .title {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
white-space: nowrap; white-space: nowrap;
font-weight: bold; font-weight: bold;
} }
.info { .info {
color: #1969f9; color: #1969f9;
font-size: 22rpx; font-size: 22rpx;
margin-right: 16rpx; margin-right: 16rpx;
} }
.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);
} }
} }
} }
.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;
...@@ -110,29 +129,36 @@ ...@@ -110,29 +129,36 @@
color: #484b59; color: #484b59;
} }
} }
.wrap { .wrap {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
.print_type { .print_type {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
.t1 { .t1 {
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
} }
.print-type-box { .print-type-box {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
background: #1969f9; background: #1969f9;
picker { picker {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.uni-input { .uni-input {
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.iconfont { .iconfont {
margin-left: 17rpx; margin-left: 17rpx;
font-size: 18rpx; font-size: 18rpx;
...@@ -140,6 +166,7 @@ ...@@ -140,6 +166,7 @@
} }
} }
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -147,6 +174,7 @@ ...@@ -147,6 +174,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -155,8 +183,10 @@ ...@@ -155,8 +183,10 @@
color: #ffffff; color: #ffffff;
} }
} }
.list { .list {
padding-bottom: 100rpx; padding-bottom: 100rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 20rpx 17rpx; padding: 15px 17rpx 20rpx 17rpx;
...@@ -166,6 +196,7 @@ ...@@ -166,6 +196,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;
...@@ -176,28 +207,34 @@ ...@@ -176,28 +207,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;
...@@ -205,6 +242,7 @@ ...@@ -205,6 +242,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.desc { .desc {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -215,11 +253,13 @@ ...@@ -215,11 +253,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 {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -230,8 +270,10 @@ ...@@ -230,8 +270,10 @@
} }
} }
} }
.list-style { .list-style {
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
position: relative; position: relative;
width: 345rpx; width: 345rpx;
...@@ -241,20 +283,24 @@ ...@@ -241,20 +283,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;
...@@ -262,10 +308,12 @@ ...@@ -262,10 +308,12 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
} }
.desc { .desc {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -277,6 +325,7 @@ ...@@ -277,6 +325,7 @@
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
} }
.btn { .btn {
position: absolute; position: absolute;
right: 17rpx; right: 17rpx;
...@@ -300,8 +349,10 @@ ...@@ -300,8 +349,10 @@
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 100rpx 22rpx; padding: 22rpx 22rpx 100rpx 22rpx;
.title { .title {
position: relative; position: relative;
.iconfont { .iconfont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -309,22 +360,27 @@ ...@@ -309,22 +360,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;
...@@ -334,6 +390,7 @@ ...@@ -334,6 +390,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -345,16 +402,20 @@ ...@@ -345,16 +402,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;
...@@ -366,40 +427,48 @@ ...@@ -366,40 +427,48 @@
} }
} }
} }
.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;
} }
.pack { .pack {
margin-top: 37rpx; margin-top: 37rpx;
.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: 488rpx; width: 488rpx;
...@@ -407,59 +476,72 @@ ...@@ -407,59 +476,72 @@
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;
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
} }
.p-text { .p-text {
margin-top: 38rpx; margin-top: 38rpx;
.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;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
height: 38rpx; height: 38rpx;
.t1 { .t1 {
font-size: 20rpx; font-size: 20rpx;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
} }
.print-type-box { .print-type-box {
margin-left: 12rpx; margin-left: 12rpx;
picker { picker {
.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;
...@@ -470,12 +552,14 @@ ...@@ -470,12 +552,14 @@
} }
} }
} }
.btn { .btn {
position: fixed; position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
.btn0 { .btn0 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -484,6 +568,7 @@ ...@@ -484,6 +568,7 @@
color: #ff3700; color: #ff3700;
font-weight: bold; font-weight: bold;
} }
.btn1 { .btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
...@@ -492,16 +577,19 @@ ...@@ -492,16 +577,19 @@
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
} }
.btn2 { .btn2 {
width: 248rpx; width: 248rpx;
height: 75rpx; height: 75rpx;
background: #fff; background: #fff;
.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;
...@@ -515,41 +603,49 @@ ...@@ -515,41 +603,49 @@
} }
} }
} }
.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;
} }
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -558,10 +654,12 @@ ...@@ -558,10 +654,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;
...@@ -572,8 +670,10 @@ ...@@ -572,8 +670,10 @@
} }
} }
} }
.list-drawer { .list-drawer {
margin-top: 15rpx; margin-top: 15rpx;
.box { .box {
position: relative; position: relative;
padding: 15px 17rpx 18rpx 17rpx; padding: 15px 17rpx 18rpx 17rpx;
...@@ -583,15 +683,18 @@ ...@@ -583,15 +683,18 @@
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;
flex: 0 0 50%; flex: 0 0 50%;
.label { .label {
width: 112rpx; width: 112rpx;
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;
...@@ -599,6 +702,7 @@ ...@@ -599,6 +702,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #1969f9; color: #1969f9;
...@@ -606,17 +710,21 @@ ...@@ -606,17 +710,21 @@
} }
} }
} }
&.box-drawer { &.box-drawer {
.radio-search-box { .radio-search-box {
height: 100rpx; height: 100rpx;
} }
.rePrintTag { .rePrintTag {
.input-box { .input-box {
margin-bottom: 16rpx; margin-bottom: 16rpx;
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
} }
.uni-input { .uni-input {
width: 83%; width: 83%;
height: 43rpx; height: 43rpx;
...@@ -627,6 +735,7 @@ ...@@ -627,6 +735,7 @@
font-size: 16rpx; font-size: 16rpx;
margin-left: 2%; margin-left: 2%;
} }
.desc { .desc {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -634,19 +743,23 @@ ...@@ -634,19 +743,23 @@
} }
} }
} }
.box-list { .box-list {
.box-title { .box-title {
margin-bottom: 18rpx; margin-bottom: 18rpx;
.t1 { .t1 {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-input-show { .uni-input-show {
font-size: 16rpx; font-size: 16rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
} }
.uni-arrow { .uni-arrow {
width: 14rpx; width: 14rpx;
height: 9rpx; height: 9rpx;
...@@ -655,20 +768,25 @@ ...@@ -655,20 +768,25 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.box-row { .box-row {
margin-bottom: 10rpx; margin-bottom: 10rpx;
text { text {
color: #5f5f5f; color: #5f5f5f;
font-size: 16rpx; font-size: 16rpx;
} }
.text { .text {
flex: 0 0 20%; flex: 0 0 20%;
text { text {
color: #484b59; color: #484b59;
font-size: 16rpx; font-size: 16rpx;
} }
} }
} }
.box-wrap { .box-wrap {
padding: 18rpx; padding: 18rpx;
background: #ffffff; background: #ffffff;
...@@ -676,6 +794,7 @@ ...@@ -676,6 +794,7 @@
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
margin-bottom: 15rpx; margin-bottom: 15rpx;
.uni-input { .uni-input {
height: 55rpx; height: 55rpx;
background: #ffffff; background: #ffffff;
......
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/tallyReceive/index.scss
.tallyReceive { .tallyReceive {
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;
.is-watch { .is-watch {
position: absolute; position: absolute;
right: 5rpx; right: 5rpx;
...@@ -144,6 +168,7 @@ ...@@ -144,6 +168,7 @@
border-radius: 50%; border-radius: 50%;
opacity: 0.8; opacity: 0.8;
} }
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -154,33 +179,41 @@ ...@@ -154,33 +179,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;
...@@ -189,6 +222,7 @@ ...@@ -189,6 +222,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;
...@@ -200,6 +234,7 @@ ...@@ -200,6 +234,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;
...@@ -208,10 +243,12 @@ ...@@ -208,10 +243,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;
...@@ -220,6 +257,7 @@ ...@@ -220,6 +257,7 @@
font-size: 15rpx; font-size: 15rpx;
color: #ffffff; color: #ffffff;
} }
.detail-btn { .detail-btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -231,22 +269,26 @@ ...@@ -231,22 +269,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;
...@@ -259,6 +301,7 @@ ...@@ -259,6 +301,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -266,6 +309,7 @@ ...@@ -266,6 +309,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: 180rpx; width: 180rpx;
height: 75rpx; height: 75rpx;
...@@ -281,6 +325,7 @@ ...@@ -281,6 +325,7 @@
::v-deep .uni-drawer__content { ::v-deep .uni-drawer__content {
width: 85% !important; width: 85% !important;
} }
::v-deep .uni-popup { ::v-deep .uni-popup {
z-index: 99999999; z-index: 99999999;
} }
...@@ -289,8 +334,10 @@ ...@@ -289,8 +334,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;
...@@ -298,47 +345,56 @@ ...@@ -298,47 +345,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-box { .search-box {
border: 1px solid transparent; border: 1px solid transparent;
height: 60rpx; height: 60rpx;
...@@ -346,15 +402,18 @@ ...@@ -346,15 +402,18 @@
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.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;
...@@ -363,23 +422,28 @@ ...@@ -363,23 +422,28 @@
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;
} }
} }
.text { .text {
padding-left: 30rpx; padding-left: 30rpx;
width: 164rpx; width: 164rpx;
...@@ -391,6 +455,7 @@ ...@@ -391,6 +455,7 @@
font-weight: bold; font-weight: bold;
} }
} }
.search { .search {
padding-right: 18rpx; padding-right: 18rpx;
width: 398rpx; width: 398rpx;
...@@ -398,21 +463,25 @@ ...@@ -398,21 +463,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;
...@@ -421,30 +490,36 @@ ...@@ -421,30 +490,36 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -453,10 +528,12 @@ ...@@ -453,10 +528,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;
...@@ -467,8 +544,10 @@ ...@@ -467,8 +544,10 @@
} }
} }
} }
.textarea-box { .textarea-box {
width: 100%; width: 100%;
textarea { textarea {
width: 100%; width: 100%;
height: 85rpx; height: 85rpx;
...@@ -479,19 +558,23 @@ ...@@ -479,19 +558,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
.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;
} }
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -499,12 +582,14 @@ ...@@ -499,12 +582,14 @@
} }
} }
} }
.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;
...@@ -513,6 +598,7 @@ ...@@ -513,6 +598,7 @@
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -527,8 +613,10 @@ ...@@ -527,8 +613,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;
...@@ -536,22 +624,27 @@ ...@@ -536,22 +624,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;
...@@ -561,6 +654,7 @@ ...@@ -561,6 +654,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -570,6 +664,7 @@ ...@@ -570,6 +664,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.icon-bianji { .icon-bianji {
font-size: 24rpx; font-size: 24rpx;
color: #1969f9; color: #1969f9;
...@@ -577,20 +672,24 @@ ...@@ -577,20 +672,24 @@
} }
} }
} }
.pic-list { .pic-list {
.pic-title { .pic-title {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.pic-wrap { .pic-wrap {
margin-top: 8rpx; margin-top: 8rpx;
flex-wrap: wrap; flex-wrap: wrap;
.box { .box {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
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;
...@@ -599,18 +698,22 @@ ...@@ -599,18 +698,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;
...@@ -624,17 +727,20 @@ ...@@ -624,17 +727,20 @@
} }
} }
} }
.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/tallyReceive/operate.scss
.tallyReceive { .tallyReceive {
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,33 +26,40 @@ ...@@ -22,33 +26,40 @@
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;
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;
...@@ -60,11 +71,13 @@ ...@@ -60,11 +71,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;
...@@ -75,22 +88,26 @@ ...@@ -75,22 +88,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;
...@@ -98,19 +115,23 @@ ...@@ -98,19 +115,23 @@
background-size: contain; background-size: contain;
margin-left: 12rpx; margin-left: 12rpx;
} }
.wrap { .wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
} }
.section { .section {
margin-top: 15rpx; margin-top: 15rpx;
padding: 18rpx 22rpx 100px 22rpx; padding: 18rpx 22rpx 100px 22rpx;
background-color: #ffffff; background-color: #ffffff;
.field-item { .field-item {
position: relative; position: relative;
flex-wrap: wrap; flex-wrap: wrap;
.is-watch { .is-watch {
position: absolute; position: absolute;
right: 26rpx; right: 26rpx;
...@@ -123,14 +144,17 @@ ...@@ -123,14 +144,17 @@
border-radius: 50%; border-radius: 50%;
opacity: 0.8; opacity: 0.8;
} }
.item { .item {
flex: 0 0 50%; flex: 0 0 50%;
margin-bottom: 8rpx; margin-bottom: 8rpx;
.label { .label {
width: 98rpx; width: 98rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.text { .text {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
...@@ -140,6 +164,7 @@ ...@@ -140,6 +164,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -149,6 +174,7 @@ ...@@ -149,6 +174,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.desc { .desc {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -161,39 +187,47 @@ ...@@ -161,39 +187,47 @@
} }
} }
} }
.bor { .bor {
height: 1px; height: 1px;
background-color: #f0f0f2; background-color: #f0f0f2;
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.form-input { .form-input {
.input-title-p1 { .input-title-p1 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
.input-title-p2 { .input-title-p2 {
font-size: 16rpx; font-size: 16rpx;
color: #f98119; color: #f98119;
font-weight: bold; font-weight: bold;
margin-left: 5rpx; margin-left: 5rpx;
} }
.input-title { .input-title {
margin-bottom: 10rpx; margin-bottom: 10rpx;
.input-title-t1 { .input-title-t1 {
font-size: 16rpx; font-size: 16rpx;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
margin-right: 5rpx; margin-right: 5rpx;
} }
.input-title-t2 { .input-title-t2 {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
font-weight: bold; font-weight: bold;
} }
} }
.input-box-wrap { .input-box-wrap {
margin-bottom: 17rpx; margin-bottom: 17rpx;
.input-box { .input-box {
.uni-input { .uni-input {
width: 278rpx; width: 278rpx;
...@@ -205,8 +239,10 @@ ...@@ -205,8 +239,10 @@
font-size: 16rpx; font-size: 16rpx;
} }
} }
.pick-box { .pick-box {
position: relative; position: relative;
.uni-input { .uni-input {
width: 278rpx; width: 278rpx;
height: 43rpx; height: 43rpx;
...@@ -217,6 +253,7 @@ ...@@ -217,6 +253,7 @@
text-indent: 15rpx; text-indent: 15rpx;
font-size: 16rpx; font-size: 16rpx;
} }
.uni-arrow { .uni-arrow {
position: absolute; position: absolute;
right: 13rpx; right: 13rpx;
...@@ -230,18 +267,22 @@ ...@@ -230,18 +267,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;
...@@ -255,27 +296,32 @@ ...@@ -255,27 +296,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;
...@@ -283,45 +329,54 @@ ...@@ -283,45 +329,54 @@
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;
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -330,10 +385,12 @@ ...@@ -330,10 +385,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;
...@@ -344,8 +401,10 @@ ...@@ -344,8 +401,10 @@
} }
} }
} }
.textarea-box { .textarea-box {
width: 100%; width: 100%;
textarea { textarea {
width: 100%; width: 100%;
height: 85rpx; height: 85rpx;
...@@ -356,19 +415,23 @@ ...@@ -356,19 +415,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
.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;
} }
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -376,22 +439,26 @@ ...@@ -376,22 +439,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: 30%; width: 30%;
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;
...@@ -404,24 +471,29 @@ ...@@ -404,24 +471,29 @@
color: #484b59; color: #484b59;
} }
} }
.print-type-box { .print-type-box {
width: 20%; width: 20%;
height: 75rpx; height: 75rpx;
background-color: #ffffff; background-color: #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/tallyReceive/record.scss
.tallyReceive { .tallyReceive {
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,36 +117,44 @@ ...@@ -100,36 +117,44 @@
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;
} }
} }
.pick-filter{
.pick-filter {
.uni-input { .uni-input {
font-size: 18rpx; font-size: 18rpx;
color: #292b33; color: #292b33;
} }
.iconfont { .iconfont {
font-size: 31rpx; font-size: 31rpx;
} }
} }
.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;
...@@ -141,6 +166,7 @@ ...@@ -141,6 +166,7 @@
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
border: 1px solid transparent; border: 1px solid transparent;
.is-watch { .is-watch {
position: absolute; position: absolute;
right: 5rpx; right: 5rpx;
...@@ -153,6 +179,7 @@ ...@@ -153,6 +179,7 @@
border-radius: 50%; border-radius: 50%;
opacity: 0.8; opacity: 0.8;
} }
.check-box-icon { .check-box-icon {
position: absolute; position: absolute;
right: 18rpx; right: 18rpx;
...@@ -163,33 +190,41 @@ ...@@ -163,33 +190,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;
...@@ -198,6 +233,7 @@ ...@@ -198,6 +233,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;
...@@ -209,6 +245,7 @@ ...@@ -209,6 +245,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;
...@@ -217,10 +254,12 @@ ...@@ -217,10 +254,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;
...@@ -229,6 +268,7 @@ ...@@ -229,6 +268,7 @@
font-size: 15rpx; font-size: 15rpx;
color: #ffffff; color: #ffffff;
} }
.detail-btn { .detail-btn {
width: 68rpx; width: 68rpx;
height: 30rpx; height: 30rpx;
...@@ -240,22 +280,26 @@ ...@@ -240,22 +280,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;
...@@ -268,6 +312,7 @@ ...@@ -268,6 +312,7 @@
color: #484b59; color: #484b59;
} }
} }
.btn2 { .btn2 {
width: calc(100% - 128rpx); width: calc(100% - 128rpx);
height: 75rpx; height: 75rpx;
...@@ -275,6 +320,7 @@ ...@@ -275,6 +320,7 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 { .btn3 {
width: 180rpx; width: 180rpx;
height: 75rpx; height: 75rpx;
...@@ -290,6 +336,7 @@ ...@@ -290,6 +336,7 @@
::v-deep .uni-drawer__content { ::v-deep .uni-drawer__content {
width: 85% !important; width: 85% !important;
} }
::v-deep .uni-popup { ::v-deep .uni-popup {
z-index: 99999999; z-index: 99999999;
} }
...@@ -298,8 +345,10 @@ ...@@ -298,8 +345,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;
...@@ -307,47 +356,56 @@ ...@@ -307,47 +356,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-box { .search-box {
border: 1px solid transparent; border: 1px solid transparent;
height: 60rpx; height: 60rpx;
...@@ -355,15 +413,18 @@ ...@@ -355,15 +413,18 @@
border-radius: 10rpx; border-radius: 10rpx;
padding: 0 18rpx 0 0; padding: 0 18rpx 0 0;
border: 1px solid #1969f9; border: 1px solid #1969f9;
.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;
...@@ -372,23 +433,28 @@ ...@@ -372,23 +433,28 @@
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;
} }
} }
.text { .text {
padding-left: 30rpx; padding-left: 30rpx;
width: 164rpx; width: 164rpx;
...@@ -400,6 +466,7 @@ ...@@ -400,6 +466,7 @@
font-weight: bold; font-weight: bold;
} }
} }
.search { .search {
padding-right: 18rpx; padding-right: 18rpx;
width: 398rpx; width: 398rpx;
...@@ -407,21 +474,25 @@ ...@@ -407,21 +474,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;
...@@ -430,30 +501,36 @@ ...@@ -430,30 +501,36 @@
margin-left: 12rpx; margin-left: 12rpx;
} }
} }
.icon-box { .icon-box {
width: 75rpx; width: 75rpx;
height: 55rpx; height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
color: #56585e; color: #56585e;
} }
} }
.pic-list { .pic-list {
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 18rpx; margin-bottom: 18rpx;
.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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -462,10 +539,12 @@ ...@@ -462,10 +539,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;
...@@ -476,8 +555,10 @@ ...@@ -476,8 +555,10 @@
} }
} }
} }
.textarea-box { .textarea-box {
width: 100%; width: 100%;
textarea { textarea {
width: 100%; width: 100%;
height: 85rpx; height: 85rpx;
...@@ -488,19 +569,23 @@ ...@@ -488,19 +569,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
} }
.print { .print {
margin-bottom: 27rpx; margin-bottom: 27rpx;
.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;
} }
} }
.tt { .tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59; color: #484b59;
...@@ -508,12 +593,14 @@ ...@@ -508,12 +593,14 @@
} }
} }
} }
.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;
...@@ -522,6 +609,7 @@ ...@@ -522,6 +609,7 @@
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
} }
.btn2 { .btn2 {
width: 50%; width: 50%;
height: 75rpx; height: 75rpx;
...@@ -536,8 +624,10 @@ ...@@ -536,8 +624,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;
...@@ -545,22 +635,27 @@ ...@@ -545,22 +635,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;
...@@ -570,6 +665,7 @@ ...@@ -570,6 +665,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt { .tt {
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #484b59;
...@@ -579,6 +675,7 @@ ...@@ -579,6 +675,7 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.icon-bianji { .icon-bianji {
font-size: 24rpx; font-size: 24rpx;
color: #1969f9; color: #1969f9;
...@@ -586,25 +683,30 @@ ...@@ -586,25 +683,30 @@
} }
} }
} }
.pic-list { .pic-list {
.pic-title { .pic-title {
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.pic-wrap { .pic-wrap {
margin-top: 8rpx; margin-top: 8rpx;
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;
} }
} }
.box { .box {
position: relative; position: relative;
width: 120rpx; width: 120rpx;
...@@ -613,10 +715,12 @@ ...@@ -613,10 +715,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;
...@@ -628,18 +732,22 @@ ...@@ -628,18 +732,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;
...@@ -653,17 +761,20 @@ ...@@ -653,17 +761,20 @@
} }
} }
} }
.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/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