| App.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| common/global.scss | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| sub_pages/supplier/flower-manage/flower-manage.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
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> 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; } } 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>
