Skip to content

梁建民 / wmsMin

Go to a project
Commit f39652a4 by liangjianmin
Options

新增全局样式和按钮组件，优化图片上传功能，调整API上传路径以对齐sc_wms_app

parent a95c16ce
Inline Side-by-side
Showing with 467 additions and 2 deletions
pages/stockOut/stockOutReceiptUpload.vue
...@@ -298,9 +298,9 @@ ...@@ -298,9 +298,9 @@
// 获取压缩后的图片路径 // 获取压缩后的图片路径
const compressedImagePath = compressedRes.tempFilePath; const compressedImagePath = compressedRes.tempFilePath;
// 在这里处理压缩后的图片，上传到服务器 // 在这里处理压缩后的图片，上传到服务器（对齐 sc_wms_app，走 OSS uploadImage）
uni.uploadFile({ uni.uploadFile({
url: API.upload + '?sys_type=4', url: API.uploadImage + '?sys_type=4',
filePath: compressedImagePath, filePath: compressedImagePath,
name: 'file', name: 'file',
timeout: 10000, timeout: 10000,
......
uni.scss
...@@ -157,3 +157,468 @@ image { ...@@ -157,3 +157,468 @@ image {
color: #6e767a; color: #6e767a;
} }
} }
/* ==================== sc_wms_app 迁移的全局样式（卡片/按钮/上传等） ==================== */
.pick_img_list {
flex-wrap: wrap;
.default {
width: 120rpx;
height: 120rpx;
background: #f5f5f7;
border-radius: 10rpx;
margin-right: 15rpx;
.iconfont {
font-size: 45rpx;
color: #c6c7cc;
}
}
.img_list {
position: relative;
width: 120rpx;
height: 120rpx;
background: #f5f5f7;
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
image {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
}
.iconfont {
position: absolute;
right: 0;
top: 0;
font-size: 30rpx;
color: #ff3700;
z-index: 9;
}
.delete-btn {
position: absolute;
top: -8rpx;
right: -8rpx;
width: 32rpx;
height: 32rpx;
background: #ff4d4f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
.iconfont {
position: static;
font-size: 18rpx;
color: #fff;
line-height: 1;
}
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.normal {
width: calc(100% - 128rpx);
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
.btn3 {
width: 180rpx;
height: 75rpx;
background: #ffffff;
font-size: 23rpx;
color: #ff3700;
border-left: 1px solid #f0f0f2;
font-weight: bold;
}
}
.tag-badge {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20rpx;
padding: 4rpx 12rpx;
border-radius: 20rpx;
margin: 0 8rpx;
border: 1px solid #ff4d4f;
color: #ff4d4f;
background: #fff1f0;
line-height: 1;
}
$sc-btn-primary: $uni-color-primary;
$sc-btn-primary-active: darken($uni-color-primary, 10%);
$sc-btn-success: $uni-color-success;
$sc-btn-success-active: darken($uni-color-success, 10%);
$sc-btn-danger: $uni-color-error;
$sc-btn-danger-active: darken($uni-color-error, 10%);
$sc-btn-warning: $uni-color-warning;
$sc-btn-warning-active: darken($uni-color-warning, 10%);
.sc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 56rpx;
padding: 0 24rpx;
margin-right: 12rpx;
font-size: 24rpx;
font-weight: 400;
border-radius: $uni-border-radius-lg;
border: none;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease, opacity 0.2s ease;
white-space: nowrap;
user-select: none;
-webkit-tap-highlight-color: transparent;
&:last-child {
margin-right: 0;
}
&:active {
transform: scale(0.97);
opacity: 0.9;
}
&.sc-btn-sm {
height: 48rpx;
padding: 0 16rpx;
font-size: 22rpx;
}
&.sc-btn-lg {
height: 72rpx;
padding: 0 32rpx;
font-size: 28rpx;
}
&.sc-btn-default {
background: $uni-bg-color;
color: $uni-text-color;
border: 1px solid $uni-border-color;
&:active {
background: $uni-bg-color-hover;
}
}
&.sc-btn-primary {
background: $sc-btn-primary;
color: $uni-text-color-inverse;
&:active {
background: $sc-btn-primary-active;
}
}
&.sc-btn-success {
background: $sc-btn-success;
color: $uni-text-color-inverse;
&:active {
background: $sc-btn-success-active;
}
}
&.sc-btn-danger {
background: $sc-btn-danger;
color: $uni-text-color-inverse;
&:active {
background: $sc-btn-danger-active;
}
}
&.sc-btn-warning {
background: $sc-btn-warning;
color: $uni-text-color-inverse;
&:active {
background: $sc-btn-warning-active;
}
}
&.sc-btn-ghost {
background: transparent;
border: 1px solid $sc-btn-primary;
color: $sc-btn-primary;
&:active {
background: rgba($sc-btn-primary, 0.1);
}
&.sc-btn-danger {
background: transparent;
border-color: $sc-btn-danger;
color: $sc-btn-danger;
&:active {
background: rgba($sc-btn-danger, 0.1);
}
}
&.sc-btn-success {
background: transparent;
border-color: $sc-btn-success;
color: $sc-btn-success;
&:active {
background: rgba($sc-btn-success, 0.1);
}
}
}
&.sc-btn-text {
background: transparent;
color: $sc-btn-primary;
padding: 0 12rpx;
&:active {
opacity: 0.7;
transform: none;
}
&.sc-btn-danger {
background: transparent;
color: $sc-btn-danger;
}
}
&.sc-btn-block {
display: flex;
width: 100%;
margin-right: 0;
}
&.sc-btn-disabled {
opacity: $uni-opacity-disabled;
cursor: not-allowed;
pointer-events: none;
}
&.sc-btn-link {
height: auto;
padding: 10rpx 28rpx;
font-size: 24rpx;
color: #606266;
background: #f5f7fa;
border: none;
border-radius: 6rpx;
&:active {
background: #e8eaed;
transform: none;
}
}
}
.sc-card-list {
padding-bottom: 30rpx;
.sc-card {
position: relative;
padding: 24rpx 24rpx 20rpx;
background: #ffffff;
box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.06);
border-radius: 12rpx;
margin-bottom: 20rpx;
flex-wrap: wrap;
border: 2rpx solid #f0f1f5;
transition: border-color 0.2s, box-shadow 0.2s;
&.curr {
border-color: #1969f9;
box-shadow: 0 4rpx 16rpx 0 rgba(25, 105, 249, 0.15);
}
.sc-card-item {
margin-bottom: 14rpx;
flex: 0 0 50%;
&.full {
flex: 0 0 100%;
}
.label {
width: 140rpx;
font-size: 24rpx;
color: #8c8f97;
white-space: nowrap;
flex-shrink: 0;
}
.text {
font-size: 24rpx;
color: #303133;
flex: 1;
word-break: break-all;
}
.blue {
font-size: 24rpx;
color: #1969f9;
font-weight: 500;
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.error {
font-size: 24rpx;
color: #f56c6c;
}
.desc {
font-size: 24rpx;
color: #303133;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.require-list {
flex: 1;
flex-wrap: wrap;
.require-item {
margin-right: 16rpx;
margin-bottom: 8rpx;
.iconfont {
font-size: 26rpx;
color: #f56c6c;
}
.require-text {
font-size: 24rpx;
color: #f56c6c;
margin-left: 4rpx;
}
}
}
}
.sc-card-badge {
position: absolute;
right: 0;
top: 0;
font-size: 20rpx;
color: #ffffff;
background: linear-gradient(135deg, #1969f9 0%, #4a90ff 100%);
padding: 6rpx 16rpx 6rpx 20rpx;
border-radius: 0 10rpx 0 16rpx;
font-weight: 500;
letter-spacing: 1rpx;
&.pending {
background: #fff7e6;
color: #fa8c16;
}
&.shipped {
background: #e6f7ff;
color: #1890ff;
}
&.normal {
background: #e6f4ff;
color: #1969f9;
}
&.success {
background: #f6ffed;
color: #52c41a;
}
&.error {
background: #fff1f0;
color: #ff4d4f;
}
}
.sc-card-footer {
width: 100%;
justify-content: flex-end;
margin-top: 8rpx;
padding-top: 16rpx;
border-top: 1rpx solid #f0f1f5;
}
&.sc-card-lg {
.sc-card-item {
.label {
font-size: 26rpx;
}
.text,
.blue,
.error,
.desc {
font-size: 26rpx;
}
}
}
&.sc-card-label-lg {
.sc-card-item {
.label {
width: 160rpx;
}
}
}
}
}
.sc-popup-btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1;
height: 88rpx;
font-size: 26rpx;
font-weight: 400;
background: transparent;
border: none;
border-top: 1px solid #f0f0f0;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
user-select: none;
-webkit-tap-highlight-color: transparent;
&:active {
background: #f5f5f5;
}
&.sc-popup-btn-cancel {
color: #666666;
border-right: 1px solid #f0f0f0;
}
&.sc-popup-btn-confirm {
color: #1677ff;
}
}
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