update 关注和商铺详情

xuxueyang

2024-07-24 a432d670ff6d6df5b5a8bed2c86dc20ac0e43d8a

update 关注和商铺详情

 sub_pages/customer/self/follow.vue

@@ -40,22 +40,13 @@
        url: '/sub_pages/customer/shop/shop?id=' + (item.id || '')
      })
    },
    clearFollow(item) {
    async clearFollow(item) {
      this.$message.showLoading()
      // var res;
      // if(type){
      //   res = await this.$http.request('post',`/api/follow/add`,{
      //     data:{
      //       supplierId:this.dto.supplierId || this.dto.id
      //     }
      //   })
      // }else{
      //   res = await this.$http.request('get',`/api/follow/add`,{
      //     data:{
      //       supplierId:this.dto.supplierId || this.dto.id
      //     }
      //   })
      // }
      const {code} = await this.$http.request('get', `/api/follow/delete`, {
        params: {
          supplierId: item.id
        }
      })
      this.$message.hideLoading()
      if (code === 0) {
        //删除list里的本元素

 sub_pages/customer/shop/shop.vue

@@ -11,7 +11,7 @@
                    </u-input>

                </view>

            </view>

            <view class="info-brand m-t-12" v-if="shopid">

      <view class="info-brand m-t-12" v-if="id">

                <view class="flex">

                    <image class="store-logo"></image>

                    <view>

@@ -19,8 +19,10 @@
                        <view class="store-address">云南省-昆明市-官渡区</view>

                    </view>

                    <view class="store-sc m-l-a m-r-0">

                        <image src="../../../static/icon-gz-1.png" class="icon" v-if="dto.gz" @click="updateGz(false)"></image>

                        <image src="../../../static/icon-gz-0.png" class="icon" v-if="!dto.gz" @click="updateGz(true)"></image>

            <image src="../../../static/icon-gz-1.png" class="icon" v-if="dto.followed"

                   @click="updateGz(false)"></image>

            <image src="../../../static/icon-gz-0.png" class="icon" v-if="!dto.followed"

                   @click="updateGz(true)"></image>

                        关注

                    </view>

                </view>

@@ -51,13 +53,16 @@
            <view v-if="flg==='0'" class="brand-info-0">

                <view class="component-filter-container" style="padding-top: 12rpx;">

                    <view class="flex1">

                        排序<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>

            排序

            <image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>

                    </view>

                    <view class="flex1">

                        等级<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>

            等级

            <image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>

                    </view>

                    <view class="flex1">

                        参数<image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>

            参数

            <image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>

                    </view>

                </view>

                <view class="top-title">

@@ -134,13 +139,13 @@


<script>

    import trade from '@/sub_pages/customer/trade/trade.vue'



    export default {

        components: {

            trade,

        },

        data() {

            return {

                shopid: 'test',

                search_flow: '',

                flg: '0',

                tabs: [{

@@ -157,30 +162,48 @@
                    },

                ],

                dto: {},

                list: [{}, {}]

      list: [{}, {}],

      id: '',

    }

  },

  onLoad(options) {

    this.id = options.id || ''

    if (this.id) {

      this.getDetail()

            }

        },

        methods: {

    async getDetail() {

      this.$message.showLoading()

      const {

        code,

        data

      } = await this.$http.request('get', `/api/pub/supplier/detail/${this.id}`, {

        params: {}

      })

      if (code === 0) {

        this.dto = {

          ...data,

        }

      }



      this.$message.hideLoading()



    },

      //update 关注

      async updateGz(type){

        this.$message.showLoading()

        // var res;

        // if(type){

        //   res = await this.$http.request('post',`/api/follow/add`,{

        //     data:{

        //       supplierId:this.dto.supplierId || this.dto.id

        //     }

        //   })

        // }else{

        //   res = await this.$http.request('get',`/api/follow/add`,{

        //     data:{

        //       supplierId:this.dto.supplierId || this.dto.id

        //     }

        //   })

        // }

      const {code} = await this.$http.request(type ? 'post' : 'get', `/api/follow/${type ? 'add' : 'delete'}`, {

        data: {

          supplierId: this.dto.supplierId || this.dto.id

        },

        params: {

          supplierId: this.dto.supplierId || this.dto.id

        }

      })

        this.$message.hideLoading()

        if(code===0){

          this.dto.gz = !this.dto.gz

        this.dto.followed = !this.dto.followed

          await this.$store.dispatch('sign_add', 'follow')

        }



@@ -276,15 +299,18 @@
            

            .tj-info{

                display: flex;



                .form-item{

                    flex: 1;

                    text-align: center;



                    .label{

                        font-weight: 400;

                        font-size: 32rpx;

                        color: #FFFFFF;

                        line-height: 44rpx;

                    }



                    .value{

                        font-weight: 600;

                        font-size: 48rpx;

@@ -293,6 +319,7 @@
                    }

                }

            }



            .search-container {

                display: flex;

                margin: 12rpx 0rpx 20rpx 0rpx;