upload 花农小程序（todo商品管理）

xuxy

2024-06-24 a3ad988e9f74049a6b17efd4f3db8389ae6fe7ed

 pages/farmer/order-sale/order-sale.vue

@@ -1,6 +1,52 @@
<template>
   <view>
		
   <view class="list-container order-sale farmer">
      <view class="component-tab-container">
         <view class="tab-item" :class="[tabIndex==0?'cur':'']" @click="changeIndex(0)">本月</view>
         <view class="tab-item" :class="[tabIndex==1?'cur':'']" @click="changeIndex(1)">全部</view>
      </view>
      <view class="p15" style="min-height: calc(100vh - 160rpx);">
         <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 order-sale-list list-container">
            <view class="order-sale-item list-item">
               <view class="title">{{item.title}}<span>A级</span></view>
               <view class="line"></view>
               <view class="form">
                  <view class="form-item">
                     <view class="label">理赔数量</view>
                     <view class="value">1</view>
                  </view>
                  <view class="form-item">
                     <view class="label">买家ID</view>
                     <view class="value">1</view>
                  </view>
                  <view class="form-item">
                     <view class="label">平台支付</view>
                     <view class="value red">1</view>
                  </view>
                  <view class="form-item">
                     <view class="label">商家赔付</view>
                     <view class="value red">1</view>
                  </view>
                  <view class="form-item">
                     <view class="label">下单时间</view>
                     <view class="value">1</view>
                  </view>
                  <view class="form-item">
                     <view class="label">申请时间</view>
                     <view class="value">1</view>
                  </view>
                  <view class="form-item width100">
                     <view class="label">申请原因</view>
                     <view class="value">1</view>
                  </view>
               </view>
            </view>
         </view>
      </view>

      <!-- 判断是否到底了，自动吧 -->
      <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>

   </view>
</template>

@@ -8,15 +54,97 @@
   export default {
      data() {
         return {
				
            tabIndex: 0,
         }
      },
      onLoad() {
         this.listApi = '/api/ua/announcement/list'
         this.getList()

      },
      onReachBottom() {
         this.page.current += 1
         this.getMore()
      },
      async onPullDownRefresh() {
         this.page.current = 1
         await this.getList()
         uni.stopPullDownRefresh()
      },
      methods: {
			
         changeIndex(index) {
            if (this.tabIndex !== index) {
               this.changeIndex = index
               // 刷新 query
            }
         },
         toDetail(item) {
            // uni.navigateTo({
            //    url: `/pages/notice/notice?id=${item.id}`
            // })
         }
      }
   }
</script>

<style>
<style lang="scss" scope>
   .order-sale-list {
      .order-sale-item {
         margin-bottom: 20rpx;
         padding: 28rpx;

</style>
         .title {
            font-weight: 600;
            font-size: 28rpx;
            color: #000000;
            line-height: 40rpx;
         }

         .line {
            height: 2rpx solid #EEEEEE;
            margin-top: 16rpx;
            margin-bottom: 16rpx;
         }

         .form {
            display: flex;

            .form-item {
               flex: 1;
               min-width: 40%;
               max-width: 50%;

               .label {
                  font-weight: 400;
                  font-size: 24rpx;
                  color: #666666;
                  line-height: 34rpx;
               }

               .label::after {
                  content: ":";
                  font-weight: 400;
                  font-size: 24rpx;
                  color: #666666;
                  line-height: 34rpx;
               }

               .value {
                  font-weight: 400;
                  font-size: 24rpx;
                  color: #000000;
                  line-height: 34rpx;
               }

               .value.red {
                  color: #CF0000;
               }
            }

            .form-item.width100 {
               max-width: unset;
            }
         }
      }
   }
</style>