From 4ba9c0c27c162c1858b11c3d621f52063a420ecd Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期二, 08 十月 2024 16:44:57 +0800
Subject: [PATCH] update
---
common/global.scss | 758 +++++++++++++++---------------
sub_pages/supplier/flower-manage/flower-manage.vue | 218 ++++----
App.vue | 416 -----------------
3 files changed, 492 insertions(+), 900 deletions(-)
diff --git a/App.vue b/App.vue
index 95bb58e..3f13a81 100644
--- a/App.vue
+++ b/App.vue
@@ -1308,419 +1308,3 @@
}
</style>
-<style lang="scss">
-
-.component-tab-container{
- display: flex;
- width: fit-content;
- margin:0 auto;
- .tab-item{
- display: flex;
- text-align: center;
- border-radius: 8rpx;
- border: 2rpx solid var(--topicolor);
- background: #fff;
- color: var(--topicolor);
- width: 212rpx;
- line-height: 64rpx;
- font-weight: 600;
- font-size: 28rpx;
- display: block;
- }
- .tab-item.cur{
- background: var(--topicolor);
- // border-radius: 0rpx 8rpx 8rpx 0rpx;
- color: #fff;
- }
- .tab-item:first-child{
- border-top-right-radius: 0rpx;
- border-bottom-right-radius: 0rpx;
- }
- .tab-item:last-child{
- border-top-left-radius: 0rpx;
- border-bottom-left-radius: 0rpx;
- }
-}
-.component-button-upload{
- width: 96rpx;
- height: 96rpx;
- border-radius: 4rpx;
- border: 2rpx dashed #CECECE;
- position: relative;
- background-image: 100% 100%;
- &::after{
- content: "+";
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- // width: 22rpx;
- // height: 22rpx;
- font-size: 24rpx;
- color: #696969;
- }
-}
-.component-price-old{
- text-decoration: line-through;
- color: #9a9da2 !important;
- font-size: 22rpx !important;
-}
-.component-price-new{
- position: relative;
- .tip{
- font-size: 22rpx;
- display: inline-block;
- margin-right: 10rpx;
- }
- .p{
- font-size: 40rpx;
- font-weight: 600;
- }
- .component-price-old{
- position: absolute;
- // left: 0rpx;
- top: 40rpx;
- right: 0rpx;
- color: #9a9da2 !important;
- }
-}
-.component-line-vert{
- width: 2rpx;
- background-color: #EEEEEE;
-}
-.component-popup_input.white{
- background: #fff;
-
-}
-.component-bg{
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- top: 0;
- width: 100%;
- height: 100;
- height: 100%;
- z-index: -1;
- background-size: 100% 100%;
-}
-.component-popup_input_all{
- margin: 0 auto;
- margin-top: 160rpx;
- height: calc(100vh - 300rpx);
- overflow-y: scroll;
- background-color: #fff;
- border-radius: 40rpx 40rpx 0rpx 0rpx;
- padding: 26rpx;
- position: relative;
- .button-space{
- // border: 2rpx solid #EEEEEE;
- min-height: 160rpx;
- }
- .value-items{
-
-
- .value-item{
- min-width: 152rpx;
- width: fit-content;
- text-align: center;
- height: 58rpx;
- background: #F1F5F2;
- border-radius: 36rpx;
- margin-bottom: 18rpx;
- font-weight: 400;
- font-size: 28rpx;
- line-height: 58rpx;
- padding: 8rpx 24rpx;
- color: #33a868;
- margin-left: 6rpx;
- margin-right: 6rpx;
- border: 2rpx solid #F1F5F2;
- }
- .value-item.cur{
- background: #E1F0E7;
- border-radius: 36rpx;
- border: 2rpx solid #20613D;
- color: #20613D;
-
- }
- }
-
- .button-green{
- border-top: 2rpx solid #EEEEEE;
- position: fixed;
- bottom: 80rpx;
- left: 26rpx;
- right: 26rpx;
- height: 78rpx;
- background: #20613D;
- border-radius: 40rpx;
- font-weight: 600;
- font-size: 32rpx;
- color: #FFFFFF;
- line-height: 78rpx;
- }
- .button-green.button-white{
- background: #F1F5F2;
- font-weight: 400;
- font-size: 32rpx;
- color: #20613D;
- line-height: 78rpx;
- }
-}
-.component-button-contact{
- background: none;
- border: none;
- box-sizing: 0px;
- outline: none;
- border-inline: none;
- // margin-top: 0px;
- display: flex;
- margin-left: 0rpx;
- margin-right: auto;
- font-size: 30rpx;
- flex: 1;
- padding-left: 0rpx;
- padding-right: 0rpx;
- line-height: 40rpx;
-}
-.component-buttons{
- display: flex;
- margin-left: auto;
- width: fit-content;
-
- .button {
- // width: 216rpx;
- padding: 10rpx 20rpx;
- line-height: 34rpx;
- font-size: 24rpx;
- height: 34rpx;
- background: #20613D;
- text-align: center;
- border-radius: 30rpx;
- min-width: 80rpx;
-
- }
-
- .button-1 {
- padding: 10rpx 20rpx;
- line-height: 34rpx;
- font-size: 24rpx;
- height: 34rpx;
- background: #20613D;
- text-align: center;
- border-radius: 30rpx;
- min-width: 80rpx;
- background: #fff;
- color: #333;
- border: 2rpx solid #333;
-
- }
-
- .button-0 {
- padding: 10rpx 20rpx;
- line-height: 34rpx;
- font-size: 24rpx;
- height: 34rpx;
- background: #20613D;
- text-align: center;
- border-radius: 30rpx;
- min-width: 80rpx;
- color: #fff;
- border: 2rpx solid #20613D;
- }
-}
-.component-button-contact::after{
- display: none !important;
-}
-.component-stock-zero::after{
- position: absolute;
- line-height: 100%;
- // font-size: ;
- left: -2rpx;
- right: -2rpx;
- top: -2rpx;
- bottom: -2rpx;
- font-size: 600;
- content: '已售罄';
- color: #fff;
- text-align: center;
- padding-top: calc(50% - 20rpx);
- background-color: #52525275;
-}
-.component-stock-zero{
- position: relative;
-}
-.component-status-zero{
- position: relative;
-
-}
-.component-status-zero::after{
- position: absolute;
- line-height: 100%;
- // font-size: ;
- left: -2rpx;
- right: -2rpx;
- top: -2rpx;
- bottom: -2rpx;
- font-size: 600;
- content: '已下架';
- color: #fff;
- text-align: center;
- padding-top: calc(50% - 20rpx);
- background-color: #52525275;
-}
-.component-status-zero{
- position: relative;
-}
-.component-popup_input{
- margin: 0 auto;
- margin-top: 160rpx;
-
- // margin-left: 78rpx - 26rpx;
- width: 594rpx;
-
- background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
- border-radius: 16rpx;
- padding: 26rpx;
- position: relative;
- .title{
- font-weight: 400;
- font-size: 28rpx;
- color: #333333;
- line-height: 42rpx;
- text-align: center;
- margin-bottom: 32rpx;
- }
- .uni-easyinput{
- width: auto !important;
- }
- .icon{
- z-index: -1;
- position: absolute;
- width: 266rpx;
- height: 146rpx;
- top: -134rpx;
- left: 50%;
- transform: translateX(-50%);
- }
- .close-parent{
- margin-bottom: 34rpx;
- }
- .button-green{
- margin-top: 50rpx;
- }
-}
-
-
-.component-filter-container {
- display: flex;
- .flex1 {
- text-align: center;
- font-weight: 400;
- font-size: 24rpx;
- color: #000000;
- line-height: 34rpx;
- }
-}
-
-.component-shop-item {
- margin-top: 20rpx;
- background: #FFFFFF;
- border-radius: 8rpx;
- padding: 10rpx;
-
- .info-container {
- position: relative;
-
- .other-info {
- margin-top: 6rpx;
- font-size: 24rpx;
- color: #666666;
- line-height: 34rpx;
- text-align: left;
- }
-
- .shop-name {
- margin-top: 14rpx;
- font-size: 24rpx;
- color: #666666;
- line-height: 34rpx;
- }
-
- .bottom-buttons {
- // width: 400rpx;
- position: absolute;
- bottom: 0rpx;
-
- left: 0;
- right: 0;
-
- .icons {
- margin-left: auto;
- margin-right: 0rpx;
- margin-top: -10rpx;
-
- .curnums {
- line-height: 60rpx;
- padding-left: 20rpx;
- padding-right: 20rpx;
- }
- }
- }
-
- .title {
- font-weight: 600;
- font-size: 32rpx;
- color: #000000;
- line-height: 44rpx;
- margin-top: 8rpx;
- position: relative;
-
- .price {
- position: absolute;
- font-weight: 400;
- font-size: 28rpx;
- color: #CF0000;
- line-height: 40rpx;
- top: 0;
- right: 0;
- }
- }
-
- }
-
- .img {
- width: 206rpx;
- height: 206rpx;
- border-radius: 8rpx;
- position: relative;
-
- .level {
- position: absolute;
- width: 66rpx;
- height: 44rpx;
- background: #20613D;
- left: 0;
- top: 0;
- border-top-left-radius: 8rpx;
- border-bottom-right-radius: 8rpx;
- color: #FFFFFF;
- line-height: 44rpx;
- font-size: 24rpx;
- text-align: center;
- }
-
- }
-
-
-}
-
-
-.u-steps-item{
- /deep/ .u-text__value{
- font-size: 28rpx !important;
- }
-}
-
-</style>
\ No newline at end of file
diff --git a/common/global.scss b/common/global.scss
index 27fab8b..4993f83 100644
--- a/common/global.scss
+++ b/common/global.scss
@@ -4,415 +4,415 @@
// @import '@/node_modules/uview-ui/theme.scss';
-// .component-tab-container{
-// display: flex;
-// width: fit-content;
-// margin:0 auto;
-// .tab-item{
-// display: flex;
-// text-align: center;
-// border-radius: 8rpx;
-// border: 2rpx solid var(--topicolor);
-// background: #fff;
-// color: var(--topicolor);
-// width: 212rpx;
-// line-height: 64rpx;
-// font-weight: 600;
-// font-size: 28rpx;
-// display: block;
-// }
-// .tab-item.cur{
-// background: var(--topicolor);
-// // border-radius: 0rpx 8rpx 8rpx 0rpx;
-// color: #fff;
-// }
-// .tab-item:first-child{
-// border-top-right-radius: 0rpx;
-// border-bottom-right-radius: 0rpx;
-// }
-// .tab-item:last-child{
-// border-top-left-radius: 0rpx;
-// border-bottom-left-radius: 0rpx;
-// }
-// }
-// .component-button-upload{
-// width: 96rpx;
-// height: 96rpx;
-// border-radius: 4rpx;
-// border: 2rpx dashed #CECECE;
-// position: relative;
-// background-image: 100% 100%;
-// &::after{
-// content: "+";
-// position: absolute;
-// left: 50%;
-// top: 50%;
-// transform: translate(-50%,-50%);
-// // width: 22rpx;
-// // height: 22rpx;
-// font-size: 24rpx;
-// color: #696969;
-// }
-// }
-// .component-price-old{
-// text-decoration: line-through;
-// color: #9a9da2 !important;
-// font-size: 22rpx !important;
-// }
-// .component-price-new{
-// position: relative;
-// .tip{
-// font-size: 22rpx;
-// display: inline-block;
-// margin-right: 10rpx;
-// }
-// .p{
-// font-size: 40rpx;
-// font-weight: 600;
-// }
-// .component-price-old{
-// position: absolute;
-// // left: 0rpx;
-// top: 40rpx;
-// right: 0rpx;
-// color: #9a9da2 !important;
-// }
-// }
-// .component-line-vert{
-// width: 2rpx;
-// background-color: #EEEEEE;
-// }
-// .component-popup_input.white{
-// background: #fff;
+.component-tab-container{
+ display: flex;
+ width: fit-content;
+ margin:0 auto;
+ .tab-item{
+ display: flex;
+ text-align: center;
+ border-radius: 8rpx;
+ border: 2rpx solid var(--topicolor);
+ background: #fff;
+ color: var(--topicolor);
+ width: 212rpx;
+ line-height: 64rpx;
+ font-weight: 600;
+ font-size: 28rpx;
+ display: block;
+ }
+ .tab-item.cur{
+ background: var(--topicolor);
+ // border-radius: 0rpx 8rpx 8rpx 0rpx;
+ color: #fff;
+ }
+ .tab-item:first-child{
+ border-top-right-radius: 0rpx;
+ border-bottom-right-radius: 0rpx;
+ }
+ .tab-item:last-child{
+ border-top-left-radius: 0rpx;
+ border-bottom-left-radius: 0rpx;
+ }
+}
+.component-button-upload{
+ width: 96rpx;
+ height: 96rpx;
+ border-radius: 4rpx;
+ border: 2rpx dashed #CECECE;
+ position: relative;
+ background-image: 100% 100%;
+ &::after{
+ content: "+";
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%,-50%);
+ // width: 22rpx;
+ // height: 22rpx;
+ font-size: 24rpx;
+ color: #696969;
+ }
+}
+.component-price-old{
+ text-decoration: line-through;
+ color: #9a9da2 !important;
+ font-size: 22rpx !important;
+}
+.component-price-new{
+ position: relative;
+ .tip{
+ font-size: 22rpx;
+ display: inline-block;
+ margin-right: 10rpx;
+ }
+ .p{
+ font-size: 40rpx;
+ font-weight: 600;
+ }
+ .component-price-old{
+ position: absolute;
+ // left: 0rpx;
+ top: 40rpx;
+ right: 0rpx;
+ color: #9a9da2 !important;
+ }
+}
+.component-line-vert{
+ width: 2rpx;
+ background-color: #EEEEEE;
+}
+.component-popup_input.white{
+ background: #fff;
-// }
-// .component-bg{
-// position: absolute;
-// left: 0;
-// right: 0;
-// bottom: 0;
-// top: 0;
-// width: 100%;
-// height: 100;
-// height: 100%;
-// z-index: -1;
-// background-size: 100% 100%;
-// }
-// .component-popup_input_all{
-// margin: 0 auto;
-// margin-top: 160rpx;
-// height: calc(100vh - 300rpx);
-// overflow-y: scroll;
-// background-color: #fff;
-// border-radius: 40rpx 40rpx 0rpx 0rpx;
-// padding: 26rpx;
-// position: relative;
-// .button-space{
-// // border: 2rpx solid #EEEEEE;
-// min-height: 160rpx;
-// }
-// .value-items{
+}
+.component-bg{
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ width: 100%;
+ height: 100;
+ height: 100%;
+ z-index: -1;
+ background-size: 100% 100%;
+}
+.component-popup_input_all{
+ margin: 0 auto;
+ margin-top: 160rpx;
+ height: calc(100vh - 300rpx);
+ overflow-y: scroll;
+ background-color: #fff;
+ border-radius: 40rpx 40rpx 0rpx 0rpx;
+ padding: 26rpx;
+ position: relative;
+ .button-space{
+ // border: 2rpx solid #EEEEEE;
+ min-height: 160rpx;
+ }
+ .value-items{
-// .value-item{
-// min-width: 152rpx;
-// width: fit-content;
-// text-align: center;
-// height: 58rpx;
-// background: #F1F5F2;
-// border-radius: 36rpx;
-// margin-bottom: 18rpx;
-// font-weight: 400;
-// font-size: 28rpx;
-// line-height: 58rpx;
-// padding: 8rpx 24rpx;
-// color: #33a868;
-// margin-left: 6rpx;
-// margin-right: 6rpx;
-// border: 2rpx solid #F1F5F2;
-// }
-// .value-item.cur{
-// background: #E1F0E7;
-// border-radius: 36rpx;
-// border: 2rpx solid #20613D;
-// color: #20613D;
+ .value-item{
+ min-width: 152rpx;
+ width: fit-content;
+ text-align: center;
+ height: 58rpx;
+ background: #F1F5F2;
+ border-radius: 36rpx;
+ margin-bottom: 18rpx;
+ font-weight: 400;
+ font-size: 28rpx;
+ line-height: 58rpx;
+ padding: 8rpx 24rpx;
+ color: #33a868;
+ margin-left: 6rpx;
+ margin-right: 6rpx;
+ border: 2rpx solid #F1F5F2;
+ }
+ .value-item.cur{
+ background: #E1F0E7;
+ border-radius: 36rpx;
+ border: 2rpx solid #20613D;
+ color: #20613D;
-// }
-// }
+ }
+ }
-// .button-green{
-// border-top: 2rpx solid #EEEEEE;
-// position: fixed;
-// bottom: 80rpx;
-// left: 26rpx;
-// right: 26rpx;
-// height: 78rpx;
-// background: #20613D;
-// border-radius: 40rpx;
-// font-weight: 600;
-// font-size: 32rpx;
-// color: #FFFFFF;
-// line-height: 78rpx;
-// }
-// .button-green.button-white{
-// background: #F1F5F2;
-// font-weight: 400;
-// font-size: 32rpx;
-// color: #20613D;
-// line-height: 78rpx;
-// }
-// }
-// .component-button-contact{
-// background: none;
-// border: none;
-// box-sizing: 0px;
-// outline: none;
-// border-inline: none;
-// // margin-top: 0px;
-// display: flex;
-// margin-left: 0rpx;
-// margin-right: auto;
-// font-size: 30rpx;
-// flex: 1;
-// padding-left: 0rpx;
-// padding-right: 0rpx;
-// line-height: 40rpx;
-// }
-// .component-buttons{
-// display: flex;
-// margin-left: auto;
-// width: fit-content;
+ .button-green{
+ border-top: 2rpx solid #EEEEEE;
+ position: fixed;
+ bottom: 80rpx;
+ left: 26rpx;
+ right: 26rpx;
+ height: 78rpx;
+ background: #20613D;
+ border-radius: 40rpx;
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #FFFFFF;
+ line-height: 78rpx;
+ }
+ .button-green.button-white{
+ background: #F1F5F2;
+ font-weight: 400;
+ font-size: 32rpx;
+ color: #20613D;
+ line-height: 78rpx;
+ }
+}
+.component-button-contact{
+ background: none;
+ border: none;
+ box-sizing: 0px;
+ outline: none;
+ border-inline: none;
+ // margin-top: 0px;
+ display: flex;
+ margin-left: 0rpx;
+ margin-right: auto;
+ font-size: 30rpx;
+ flex: 1;
+ padding-left: 0rpx;
+ padding-right: 0rpx;
+ line-height: 40rpx;
+}
+.component-buttons{
+ display: flex;
+ margin-left: auto;
+ width: fit-content;
-// .button {
-// // width: 216rpx;
-// padding: 10rpx 20rpx;
-// line-height: 34rpx;
-// font-size: 24rpx;
-// height: 34rpx;
-// background: #20613D;
-// text-align: center;
-// border-radius: 30rpx;
-// min-width: 80rpx;
+ .button {
+ // width: 216rpx;
+ padding: 10rpx 20rpx;
+ line-height: 34rpx;
+ font-size: 24rpx;
+ height: 34rpx;
+ background: #20613D;
+ text-align: center;
+ border-radius: 30rpx;
+ min-width: 80rpx;
-// }
+ }
-// .button-1 {
-// padding: 10rpx 20rpx;
-// line-height: 34rpx;
-// font-size: 24rpx;
-// height: 34rpx;
-// background: #20613D;
-// text-align: center;
-// border-radius: 30rpx;
-// min-width: 80rpx;
-// background: #fff;
-// color: #333;
-// border: 2rpx solid #333;
+ .button-1 {
+ padding: 10rpx 20rpx;
+ line-height: 34rpx;
+ font-size: 24rpx;
+ height: 34rpx;
+ background: #20613D;
+ text-align: center;
+ border-radius: 30rpx;
+ min-width: 80rpx;
+ background: #fff;
+ color: #333;
+ border: 2rpx solid #333;
-// }
+ }
-// .button-0 {
-// padding: 10rpx 20rpx;
-// line-height: 34rpx;
-// font-size: 24rpx;
-// height: 34rpx;
-// background: #20613D;
-// text-align: center;
-// border-radius: 30rpx;
-// min-width: 80rpx;
-// color: #fff;
-// border: 2rpx solid #20613D;
-// }
-// }
-// .component-button-contact::after{
-// display: none !important;
-// }
-// .component-stock-zero::after{
-// position: absolute;
-// line-height: 100%;
-// // font-size: ;
-// left: -2rpx;
-// right: -2rpx;
-// top: -2rpx;
-// bottom: -2rpx;
-// font-size: 600;
-// content: '已售罄';
-// color: #fff;
-// text-align: center;
-// padding-top: calc(50% - 20rpx);
-// background-color: #52525275;
-// }
-// .component-stock-zero{
-// position: relative;
-// }
-// .component-status-zero{
-// position: relative;
+ .button-0 {
+ padding: 10rpx 20rpx;
+ line-height: 34rpx;
+ font-size: 24rpx;
+ height: 34rpx;
+ background: #20613D;
+ text-align: center;
+ border-radius: 30rpx;
+ min-width: 80rpx;
+ color: #fff;
+ border: 2rpx solid #20613D;
+ }
+}
+.component-button-contact::after{
+ display: none !important;
+}
+.component-stock-zero::after{
+ position: absolute;
+ line-height: 100%;
+ // font-size: ;
+ left: -2rpx;
+ right: -2rpx;
+ top: -2rpx;
+ bottom: -2rpx;
+ font-size: 600;
+ content: '已售罄';
+ color: #fff;
+ text-align: center;
+ padding-top: calc(50% - 20rpx);
+ background-color: #52525275;
+}
+.component-stock-zero{
+ position: relative;
+}
+.component-status-zero{
+ position: relative;
-// }
-// .component-status-zero::after{
-// position: absolute;
-// line-height: 100%;
-// // font-size: ;
-// left: -2rpx;
-// right: -2rpx;
-// top: -2rpx;
-// bottom: -2rpx;
-// font-size: 600;
-// content: '已下架';
-// color: #fff;
-// text-align: center;
-// padding-top: calc(50% - 20rpx);
-// background-color: #52525275;
-// }
-// .component-status-zero{
-// position: relative;
-// }
-// .component-popup_input{
-// margin: 0 auto;
-// margin-top: 160rpx;
+}
+.component-status-zero::after{
+ position: absolute;
+ line-height: 100%;
+ // font-size: ;
+ left: -2rpx;
+ right: -2rpx;
+ top: -2rpx;
+ bottom: -2rpx;
+ font-size: 600;
+ content: '已下架';
+ color: #fff;
+ text-align: center;
+ padding-top: calc(50% - 20rpx);
+ background-color: #52525275;
+}
+.component-status-zero{
+ position: relative;
+}
+.component-popup_input{
+ margin: 0 auto;
+ margin-top: 160rpx;
-// // margin-left: 78rpx - 26rpx;
-// width: 594rpx;
+ // margin-left: 78rpx - 26rpx;
+ width: 594rpx;
-// background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
-// border-radius: 16rpx;
-// padding: 26rpx;
-// position: relative;
-// .title{
-// font-weight: 400;
-// font-size: 28rpx;
-// color: #333333;
-// line-height: 42rpx;
-// text-align: center;
-// margin-bottom: 32rpx;
-// }
-// .uni-easyinput{
-// width: auto !important;
-// }
-// .icon{
-// z-index: -1;
-// position: absolute;
-// width: 266rpx;
-// height: 146rpx;
-// top: -134rpx;
-// left: 50%;
-// transform: translateX(-50%);
-// }
-// .close-parent{
-// margin-bottom: 34rpx;
-// }
-// .button-green{
-// margin-top: 50rpx;
-// }
-// }
+ background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
+ border-radius: 16rpx;
+ padding: 26rpx;
+ position: relative;
+ .title{
+ font-weight: 400;
+ font-size: 28rpx;
+ color: #333333;
+ line-height: 42rpx;
+ text-align: center;
+ margin-bottom: 32rpx;
+ }
+ .uni-easyinput{
+ width: auto !important;
+ }
+ .icon{
+ z-index: -1;
+ position: absolute;
+ width: 266rpx;
+ height: 146rpx;
+ top: -134rpx;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ .close-parent{
+ margin-bottom: 34rpx;
+ }
+ .button-green{
+ margin-top: 50rpx;
+ }
+}
-// .component-filter-container {
-// display: flex;
-// .flex1 {
-// text-align: center;
-// font-weight: 400;
-// font-size: 24rpx;
-// color: #000000;
-// line-height: 34rpx;
-// }
-// }
+.component-filter-container {
+ display: flex;
+ .flex1 {
+ text-align: center;
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #000000;
+ line-height: 34rpx;
+ }
+}
-// .component-shop-item {
-// margin-top: 20rpx;
-// background: #FFFFFF;
-// border-radius: 8rpx;
-// padding: 10rpx;
+.component-shop-item {
+ margin-top: 20rpx;
+ background: #FFFFFF;
+ border-radius: 8rpx;
+ padding: 10rpx;
-// .info-container {
-// position: relative;
+ .info-container {
+ position: relative;
-// .other-info {
-// margin-top: 6rpx;
-// font-size: 24rpx;
-// color: #666666;
-// line-height: 34rpx;
-// text-align: left;
-// }
+ .other-info {
+ margin-top: 6rpx;
+ font-size: 24rpx;
+ color: #666666;
+ line-height: 34rpx;
+ text-align: left;
+ }
-// .shop-name {
-// margin-top: 14rpx;
-// font-size: 24rpx;
-// color: #666666;
-// line-height: 34rpx;
-// }
+ .shop-name {
+ margin-top: 14rpx;
+ font-size: 24rpx;
+ color: #666666;
+ line-height: 34rpx;
+ }
-// .bottom-buttons {
-// // width: 400rpx;
-// position: absolute;
-// bottom: 0rpx;
+ .bottom-buttons {
+ // width: 400rpx;
+ position: absolute;
+ bottom: 0rpx;
-// left: 0;
-// right: 0;
+ left: 0;
+ right: 0;
-// .icons {
-// margin-left: auto;
-// margin-right: 0rpx;
-// margin-top: -10rpx;
+ .icons {
+ margin-left: auto;
+ margin-right: 0rpx;
+ margin-top: -10rpx;
-// .curnums {
-// line-height: 60rpx;
-// padding-left: 20rpx;
-// padding-right: 20rpx;
-// }
-// }
-// }
+ .curnums {
+ line-height: 60rpx;
+ padding-left: 20rpx;
+ padding-right: 20rpx;
+ }
+ }
+ }
-// .title {
-// font-weight: 600;
-// font-size: 32rpx;
-// color: #000000;
-// line-height: 44rpx;
-// margin-top: 8rpx;
-// position: relative;
+ .title {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #000000;
+ line-height: 44rpx;
+ margin-top: 8rpx;
+ position: relative;
-// .price {
-// position: absolute;
-// font-weight: 400;
-// font-size: 28rpx;
-// color: #CF0000;
-// line-height: 40rpx;
-// top: 0;
-// right: 0;
-// }
-// }
+ .price {
+ position: absolute;
+ font-weight: 400;
+ font-size: 28rpx;
+ color: #CF0000;
+ line-height: 40rpx;
+ top: 0;
+ right: 0;
+ }
+ }
-// }
+ }
-// .img {
-// width: 206rpx;
-// height: 206rpx;
-// border-radius: 8rpx;
-// position: relative;
+ .img {
+ width: 206rpx;
+ height: 206rpx;
+ border-radius: 8rpx;
+ position: relative;
-// .level {
-// position: absolute;
-// width: 66rpx;
-// height: 44rpx;
-// background: #20613D;
-// left: 0;
-// top: 0;
-// border-top-left-radius: 8rpx;
-// border-bottom-right-radius: 8rpx;
-// color: #FFFFFF;
-// line-height: 44rpx;
-// font-size: 24rpx;
-// text-align: center;
-// }
+ .level {
+ position: absolute;
+ width: 66rpx;
+ height: 44rpx;
+ background: #20613D;
+ left: 0;
+ top: 0;
+ border-top-left-radius: 8rpx;
+ border-bottom-right-radius: 8rpx;
+ color: #FFFFFF;
+ line-height: 44rpx;
+ font-size: 24rpx;
+ text-align: center;
+ }
-// }
+ }
-// }
+}
-// .u-steps-item{
-// /deep/ .u-text__value{
-// font-size: 28rpx !important;
-// }
-// }
+.u-steps-item{
+ /deep/ .u-text__value{
+ font-size: 28rpx !important;
+ }
+}
diff --git a/sub_pages/supplier/flower-manage/flower-manage.vue b/sub_pages/supplier/flower-manage/flower-manage.vue
index 932828f..6cbbe5e 100644
--- a/sub_pages/supplier/flower-manage/flower-manage.vue
+++ b/sub_pages/supplier/flower-manage/flower-manage.vue
@@ -8,24 +8,26 @@
<view @click.stop="clickButton('delete')" class="button button-search-delete" style="margin-top: -1rpx;">
</view>
</view>
-
- <view class="recycle-button" v-if="type==='delete'">
- <view class="buttons" >
- <view v-if="type === 'delete'" class="button t-red" @click.stop="deleteSelected()">删除</view>
- <view v-if="type === 'delete'" class="button" @click.stop="recoverSelected()">恢复</view>
+
+ <view class="recycle-button" v-if="type==='delete'">
+ <view class="buttons">
+ <view v-if="type === 'delete'" class="button t-red" @click.stop="deleteSelected()">删除</view>
+ <view v-if="type === 'delete'" class="button" @click.stop="recoverSelected()">恢复</view>
+ </view>
</view>
- </view>
-
+
<view class="p15" style="min-height: calc(100vh - 500rpx);">
<no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
-
+
<view v-for="(item,index) in list" :key="index" class="m-b-24 flow-manage-list">
- <!-- <view v-if="type === 'delete'"><checkbox class="checkbox" :value="item.id" v-model="selectedFlowers" /> </view>
+ <!-- <view v-if="type === 'delete'"><checkbox class="checkbox" :value="item.id" v-model="selectedFlowers" /> </view>
-->
- <view class="flow-manage-list-item-radio" v-if="type === 'delete'"><radio :checked="isSelected(item.id)" @click="changeItem(item)"></radio></view>
+ <view class="flow-manage-list-item-radio" v-if="type === 'delete'">
+ <radio :checked="isSelected(item.id)" @click="changeItem(item)"></radio>
+ </view>
<view class="flow-manage-list-item">
<view class="flex m-r-6">
- <view class="img flower-img m-r-6">
+ <view class="img flower-img m-r-6">
<image class="flower-img img100 " :src="item.cover"
:class="[!item.stock?'component-stock-zero':'']" @click="previewImg(item.cover)">
</image>
@@ -37,8 +39,9 @@
<view class="flex1">
<view class=" flex">
<view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>
- <view class="m-l-a m-r-0" ><span class="label">排名</span><span class="value">{{item.typeRank || '-'}}</span></view>
-
+ <view class="m-l-a m-r-0"><span class="label">排名</span><span
+ class="value">{{item.typeRank || '-'}}</span></view>
+
<view class="m-l-a m-r-0">
{{item.categoryStr || '-'}}
</view>
@@ -93,7 +96,8 @@
<view class="button" @click.stop="openValue(item,'stock')">库存</view>
<view class="button" @click.stop="toDetailAdd(item)">复制</view>
- <view v-if="type !== 'delete' && (item.status==='OFF' || item.status==='FORCE_OFF') " class="button t-red" @click.stop="buttonDelete(item)">删除</view>
+ <view v-if="type !== 'delete' && (item.status==='OFF' || item.status==='FORCE_OFF') "
+ class="button t-red" @click.stop="buttonDelete(item)">删除</view>
</view>
</view>
@@ -322,78 +326,78 @@
})
}
},
- // 删除选中的花卉
- async deleteSelected() {
- if (this.selectedFlowers.length === 0) {
- this.$message.showToast('请选择要删除的商品');
- return;
- }
-
- // 确认框
- await this.$message.confirm('确定删除此商品吗')
-
- var dto = {
- ids: this.selectedFlowers,
- }
-
- this.$message.showLoading()
- this.$http.request('post', '/api/supplier/flower/list/delete/batch' , {
- data: dto
- }).then(res => {
- if (res.code == 0) {
- this.$message.showToast('操作成功')
- this.refreshList()
-
+ // 删除选中的花卉
+ async deleteSelected() {
+ if (this.selectedFlowers.length === 0) {
+ this.$message.showToast('请选择要删除的商品');
+ return;
}
- }).finally(() => {
- this.$message.hideLoading()
- })
-
-
- },
- async recoverSelected() {
- if (this.selectedFlowers.length === 0) {
- this.$message.showToast('请选择恢复的商品');
- return;
- }
-
- // 确认框
- await this.$message.confirm('确定恢复此商品吗')
-
- var dto = {
- ids: this.selectedFlowers,
- }
-
- this.$message.showLoading()
- this.$http.request('post', '/api/supplier/flower/list/restore/batch' , {
- data: dto
- }).then(res => {
- if (res.code == 0) {
- this.$message.showToast('操作成功')
- this.refreshList()
+
+ // 确认框
+ await this.$message.confirm('确定删除此商品吗')
+
+ var dto = {
+ ids: this.selectedFlowers,
}
- }).finally(() => {
- this.$message.hideLoading()
- })
-
-
- },
- changeItem(item) {
- const id = item.id;
- // 判断selectedFlowers里面是否有item.id, 如果有则去掉，没有就加入
- if (this.selectedFlowers.includes(id)) {
- // 移除选中的ID
- this.selectedFlowers = this.selectedFlowers.filter(flowerId => flowerId !== id);
- } else {
- // 添加选中的ID
- this.selectedFlowers.push(id);
- }
- },
- isSelected(id) {
- // 检查ID是否在selectedFlowers中
- return this.selectedFlowers.includes(id);
- }
-
+
+ this.$message.showLoading()
+ this.$http.request('post', '/api/supplier/flower/list/delete/batch', {
+ data: dto
+ }).then(res => {
+ if (res.code == 0) {
+ this.$message.showToast('操作成功')
+ this.refreshList()
+
+ }
+ }).finally(() => {
+ this.$message.hideLoading()
+ })
+
+
+ },
+ async recoverSelected() {
+ if (this.selectedFlowers.length === 0) {
+ this.$message.showToast('请选择恢复的商品');
+ return;
+ }
+
+ // 确认框
+ await this.$message.confirm('确定恢复此商品吗')
+
+ var dto = {
+ ids: this.selectedFlowers,
+ }
+
+ this.$message.showLoading()
+ this.$http.request('post', '/api/supplier/flower/list/restore/batch', {
+ data: dto
+ }).then(res => {
+ if (res.code == 0) {
+ this.$message.showToast('操作成功')
+ this.refreshList()
+ }
+ }).finally(() => {
+ this.$message.hideLoading()
+ })
+
+
+ },
+ changeItem(item) {
+ const id = item.id;
+ // 判断selectedFlowers里面是否有item.id, 如果有则去掉，没有就加入
+ if (this.selectedFlowers.includes(id)) {
+ // 移除选中的ID
+ this.selectedFlowers = this.selectedFlowers.filter(flowerId => flowerId !== id);
+ } else {
+ // 添加选中的ID
+ this.selectedFlowers.push(id);
+ }
+ },
+ isSelected(id) {
+ // 检查ID是否在selectedFlowers中
+ return this.selectedFlowers.includes(id);
+ }
+
}
}
</script>
@@ -408,8 +412,8 @@
padding: 22rpx 22rpx 20rpx 22rpx;
background-color: #fff;
display: flex;
-
- .flow-manage-list-item-radio{
+
+ .flow-manage-list-item-radio {
width: 50rpx;
height: 50rpx;
}
@@ -429,8 +433,9 @@
margin-left: 20rpx;
}
}
+
.label {
-
+
font-weight: 400;
font-size: 24rpx;
color: #666666;
@@ -438,11 +443,11 @@
// padding-left: 10rpx;
// padding-right: 10rpx;
}
-
+
.label::after {
content: ": "
}
-
+
.value {
font-weight: 400;
font-size: 24rpx;
@@ -528,7 +533,7 @@
}
}
}
-
+
.top-buttons {
display: flex;
padding: 22rpx 42rpx;
@@ -559,44 +564,47 @@
}
.button-add {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-add-flower.png');
+ // background-image: url('@/static/images/supplier/flower/flower-mange-icon-add-flower.png');
+ background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/9b/9ba0066e01f445f9ade144175745cbb91TtPCakvMtBV191bed22cec1f45c715214822f5ee02e.png');
}
.button-search-in {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-in.png');
+ // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-in.png');
+ background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/f8/f8a79ebd3650409a9b461f692a718962k5etUQLrsYSP071ef78c3de46ccab3874c5a4607ca5b.png');
}
.button-search-unpass {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-unpass.png');
+ // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-unpass.png');
+ background-image: url("https://hmy-flower.oss-cn-shanghai.aliyuncs.com/cc/cc58fb61ae65427295c71f0d9caacc45de44rtPrgqFg844bca8d2930d7f517962bb64061ee43.png");
}
.button-search-inpass {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-inpass.png');
-
+ // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-inpass.png');
+ background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/47/47aec52d2a3d4c91b43bdb94685541afitjRdk4gwb9Qcb007003910ef8afa9377e8e7db26504.pn');
}
.button-search-delete {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-delete.png');
-
+ // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-delete.png');
+ background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/21/21bf915752004adea9fed11caf0aea96re8cK9uGrYOL8bdb6e2bb41c1244509a7183b96ca476.png');
}
}
-
- .recycle-button{
-
-
-
+
+ .recycle-button {
+
+
+
min-height: 50rpx;
background-color: #fff;
-
+
.buttons {
display: flex;
justify-content: flex-end;
background-color: #fff;
padding: 22rpx 42rpx;
-
+
.button {
margin: 0 auto;
width: 98rpx;
@@ -610,6 +618,6 @@
}
}
}
-
+
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3