update ui等

xuxueyang

2024-08-17 4b2b359a019bc73405b63db16ee3fe6f8dc1cedc

 sub_pages/partner/delivery/station-delivery.vue

@@ -6,30 +6,47 @@
               stationId: '',
               stationName: '',
            },


            list: []
         }
      },
      onLoad(options) {
         this.listApi = '/api/delivery/list/today'
         this.getList()
         // this.list = [{}, {}]
      },

      },
      onReachBottom() {
         this.getMore()
      },
      async onPullDownRefresh() {
         this.page.current = 1
         await this.getList()
         uni.stopPullDownRefresh()
      },
      methods: {
         async getList() {
            this.$message.showLoading()
            const {
               code,
               data
            } = await this.$http.request('get', '/api/delivery/station/list', {
               params: {
                  name: this.query.stationName
               }
            })

            this.$message.hideLoading()
            if (code == 0) {
               this.list = data || []
            }
         },

         toDetail(item) {
            uni.navigateTo({
               url: `/sub_pages/partner/delivery/delivery-detail?stationId=${item.id}&stationName=${item.name}`
               url: `/sub_pages/partner/delivery/delivery?stationId=${item.stationId}&stationName=${item.name}`
            })
         },
         showAll(){
            uni.navigateTo({
               url: `/sub_pages/partner/delivery/delivery`
            })
         }
      }
   }
</script>
@@ -41,34 +58,39 @@
            <view class="flex1 input">
               <u-input placeholder="请输入集货站名称" v-model="query.stationName">
                  <template slot="suffix">
                     <uni-icons color="#20613D" type="search" size="24" @click="refreshList"></uni-icons>
                     <uni-icons color="#20613D" type="search" size="24" @click="getList"></uni-icons>
                  </template>
               </u-input>
            </view>
         </view>
         <view class="search-container m-t-12 flex">
            <view class="m-l-a m-r-0 w-fit" @click="showAll" >查看全部>></view>
         </view>




         <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">
            <view class="delivery-item bg-white br-4 p10 flex">
               <view>
               <view class="m-r-10">
                  <image src="/static/common/icon-station.png" class="icon-station m-r-10 img100 icon"></image>
               </view>
               <view>
               <view class="flex1">
                  <view class="title">
                     {{ item.name }}
                  </view>

                  <view class="flex">
                     <view class="form-item flex1">
                        <view class="form-item-label">供货数</view>
                        <view class="form-item-value t-red">{{ item.stationName || '-' }}</view>
                        <view class="form-item-label">类型</view>
                        <view class="form-item-value">{{ item.typeStr || '-' }}</view>
                     </view>
                     <view class="form-item flex1">
                        <view class="form-item-label">供货数</view>
                        <view class="form-item-value t-red">{{ item.stationName || '-' }}</view>
                        <view class="form-item-value t-red">{{ item.totalNum || '0' }}</view>
                     </view>

                  </view>


@@ -94,6 +116,7 @@
            width: 72rpx;
            height: 72rpx;
         }

         .title {
            font-weight: 600;
            font-size: 32rpx;