YXGJ/cloud/serviceAdmin/redskinsServiceAdmin.vue

<template>
    <view>
      <My_listbox ref="listRef" @getlist="getList" bottomHeight="30px">
        <view class="border-style" v-for="item in list" :key="item.rowindex">
          <view style="padding: 10px">
            <view class="content-style">
              <u--image :src="item.attinfos[0].url" :width="tovw(355)" :height="tovw(180)"   :lazy-load="true">
                <template v-slot:loading>
                  <u-loading-icon color="red"></u-loading-icon>
                </template>
              </u--image>
            </view>
          </view>
          <view class="button-style">
            <view>
              <span style="color: #666666;font-size: 14px">状态：</span>
              <span :style="{color: item.isonsale=='1'?'#E3041F':'#999999',fontSize: '14px'}">{{item.isonsale == '1'?'上架':'下架'}}</span>
            </view>
            <view style="width: 100px;height: 40px;line-height: 40px;margin-top:5px;vertical-align: middle">
              <u-button :text="item.isonsale == '0'?'上架':'下架'" :color="item.isonsale == '0'?'#C30D23':'#999999'" @click="clickSale(item)" :loading="loading"></u-button>
            </view>
          </view>
        </view>
      </My_listbox>
    </view>
</template>

<script>
export default {
  data(){
    return {
      list:[],
      loading:false,
      current: 0,
      "content": {
        "title":''
      },
    }
  },
  onLoad(options){
    this.getList(true)
    if (options.title){
      this.title = options.title
    }
    uni.setNavigationBarTitle({
      title:'6C红人服务管理'
    })
  },
  methods:{
    getList(init = false){
      this.content.title = this.title?this.title:"6C红人服务"
      if (this.paging(this.content, init)) return;
      this.$Http.basic({
        "id": 20240511110302,
        "content": this.content
      }).then(res =>{
        this.$refs.listRef.RefreshToComplete()
        if (this.cutoff(res.msg)) return
        this.list = res.pageNumber == 1? res.data:this.list.concat(res.data)
        this.content = this.$refs.listRef.paging(this.content, res)
      })
    },
    clickSale(item){
      this.loading = true
      this.$Http.basic({
        "id": 20240511133302,
        "content": {
          "linksids": [item.linksid],
          "isonsale":item.isonsale == '1'?0:1
        },
      }).then(res =>{
        if (this.cutoff(res.msg)) return
        this.loading = false
        this.getList(true)
      })
    }
  }
}
</script>

<style lang="scss">
  .border-style{
    height: 255px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 10px;
    .content-style {
      height: 180px;
      border: 0px solid #707070;
    }
    .button-style {
      padding: 0 10px 10px 10px ;
      height: 45px;
      line-height: 45px;
      vertical-align: center;
      display: flex;
      justify-content: space-between;
    }
  }
</style>