xuxueyang
2024-08-12 f837b731f571bb53cee99f9bc22a6f74855f3e6c
sub_pages/supplier/flower-manage/flower-manage.vue
@@ -9,14 +9,21 @@
         </view>
      </view>
      <view class="p15" style="min-height: calc(100vh - 160rpx);">
      <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 class="flow-manage-list-item">
               <view class="flex">
                  <image class="flower-img img100 m-r-6" :src="item.cover" @click="previewImg(item.cover)">
                  </image>
               <view class="flex 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>
                     <view class="status" :class="[!item.stock?'zero':'']" v-if="item.statusStr">
                        {{ item.statusStr}}
                     </view>
                  </view>
                  <view class="flex1">
                     <view class=" flex">
                        <view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>
@@ -137,6 +144,7 @@
      async onLoad(options) {
         this.type = options.type || 'all'
         var title = ''
         this.page.size = 5
         //todo 根据type切换查询条件
         if (this.type === 'delete') {
            this.listApi = '/api/supplier/flower/list/rc'
@@ -171,7 +179,7 @@
         this.getList()
      },
      onReachBottom() {
         this.page.current += 1
         console.log('onReachBottom')
         this.getMore()
      },
      async onPullDownRefresh() {
@@ -241,21 +249,22 @@
            })
         },
         async buttonStatus(item, status) {
            await this.$message.confirm(`确定${status==='off'?'下降':'上架'}此商品吗`)
            await this.$message.confirm(`确定${status==='off'?'下架':'上架'}此商品吗`)
            this.$message.showLoading()
            this.$http.request('get', '/api/supplier/flower/list/' + status, {
               params: {
                  id: item.id
               }
            }).then(res => {
               this.$message.hideLoading()
               if (res.code == 0) {
                  this.$message.showToast('操作成功')
                  item.status = status
                  item.status = (status == 'off' ? 'OFF' : 'UP')
                  item.statusStr = (status == 'off' ? '下架' : '上架')
               }
            }).finally(() => {
            }).catch(e => {
               this.$message.hideLoading()
            })
            }).finally(() => {})
         },
         async buttonDelete(item) {
            await this.$message.confirm('确定删除此商品吗')
@@ -301,15 +310,15 @@
<style lang="scss" scoped>
   .flow-manage {
      overflow-y: scroll;
      // min-height: ;
      .flow-manage-list {
         // padding: 20rpx 30rpx;
         padding: 22rpx 22rpx 20rpx 22rpx;
         background-color: #fff;
         .flow-manage-list-item {
            // margin-bottom: 20rpx;
            .title {
               font-weight: 600;
               font-size: 28rpx;
@@ -346,6 +355,28 @@
               height: 118rpx;
               min-width: 128rpx;
               min-height: 118rpx;
               position: relative;
               .status {
                  position: absolute;
                  min-width: 66rpx;
                  height: 34rpx;
                  background: #20613D;
                  left: 0;
                  top: 0;
                  border-top-left-radius: 8rpx;
                  border-bottom-right-radius: 8rpx;
                  color: #FFFFFF;
                  line-height: 34rpx;
                  font-size: 22rpx;
                  text-align: center;
               }
               .status.zero {
                  // background: unset;
                  // font-size: 24rpx;
               }
            }
            .each-list {