jufubao-base 1.0.182-beta1 → 1.0.184-beta1

package/src/components/JfbBaseOrderList/XdTfkOrderItem.vue

@@ -1,246 +0,0 @@
-<template>
-  <view class="xd-tfk-order-item">
-    <view class="o_header">
-      <view class="h_l">
-        <xd-font-icon
-          v-if="item.biz_code_icon"
-          :icon="item.biz_code_icon"
-          :size="item['biz_code_icon_size']"
-        ></xd-font-icon>
-        <view :class="{ marginLeft: item.biz_code_icon }" style="margin-left: 20rpx;">{{item.biz_code_name }}</view>
-      </view>
-      <view v-if="isShowOrderNo==='N'" class="o_status" :style="{
-        color:item.status.status_type !== 'error' ? mainColor : '#999999',
-      }">{{ item.status.status_name }}</view>
-    </view>
-    <view class="o_title" v-if="isShowOrderNo==='Y'">
-      <view class="o_number">订单编号:{{ item.main_order_id }}</view>
-      <view class="o_status" :style="{
-        color:item.status.status_type !== 'error' ? mainColor : '#999999',
-      }">{{ item.status.status_name }}</view>
-    </view>
-    <view class="prod_list">
-      <!-- 单个商品展示商品信息 -->
-      <template v-if="item.products.length == 1">
-        <view class="one_prod" v-for="Sitem in item.products" :key="Sitem.key">
-          <view class="prod_img">
-            <image :src="Sitem.product_thumb" style="background: #ffffff" mode="aspectFill"></image>
-          </view>
-          <view class="prod_info">
-            <view class="prod_name">{{ Sitem.product_name }}</view>
-            <view v-if="Sitem.brand_name" class="prod_brand" :style="{color: brandTextColor}">{{ Sitem.brand_name }}</view>
-            <view v-if="Sitem.product_sku_name" class="prod_sku">规格：{{ Sitem.product_sku_name }}</view>
-            <view class="prod_price">
-              <view>￥448</view>
-              <view class="info-price">
-                <text>x</text>
-                <text>{{ Sitem.product_num }}</text>
-              </view>
-            </view>
-          </view>
-        </view>
-      </template>
-
-      <!-- 多个商品展示更多商品信息 -->
-      <view v-if="item.products.length > 1" class="more_prod">
-        <view class="img_list">
-          <view class="prod_img" v-for="prod in item.products" :key="prod.key">
-            <image :src="prod.product_thumb" style="background: #ffffff" mode="aspectFit"></image>
-          </view>
-        </view>
-        <view class="right_arrow">
-          <xd-font-icon icon='iconxiangyou_xian' :size="26" color="#bdc0c5"></xd-font-icon>
-        </view>
-      </view>
-    </view>
-    <view class="prod_total">
-      <view></view>
-      <view style="display: flex;align-items: center;">
-        共{{item.products.length}}件商品 实付
-        <xd-unit
-          :isOld="false"
-          :price="item.total_amount"
-          :color="mainColor"
-          :fontSize="28"></xd-unit>
-      </view>
-    </view>
-    <view v-if="item.buttons.length" class="prod_footer">
-      <view style="flex: 1;"></view>
-      <view class="btn" 
-        v-for="(btn,index) in item.buttons" :key="btn.key"
-        @click="handleBtnEvent(btn.action, item)"
-      >{{btn.text}}</view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon"
-  import XdUnit from "@/components/XdUnit/XdUnit"
-  export default{
-    name:"XdTfkOrderItem",
-    components: {
-      XdFontIcon,
-      XdUnit,
-    },
-    props:{
-      item: Object,
-      mainColor: String,
-      isShowOrderNo: {
-        type: String,
-      },
-      brandTextColor: String
-    },
-    data(){
-      return{
-      }
-    },
-    methods:{
-      handleBtnEvent(action){
-        this.$emit('handleBtnEvent', action)
-      },
-    }
-  }
-</script>
-
-<style lang="less" scoped>
-  .xd-tfk-order-item{
-    padding-left: 30rpx;
-    overflow: hidden;
-    .o_header{
-      height: 90rpx;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid #EDEDED;
-      padding-right: 30rpx;
-      color: #333333;
-      font-size: 28rpx;
-
-      .h_l{
-        display: flex;
-        align-items: center;
-      }
-    }
-    .o_title{
-      height: 80rpx;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-right: 30rpx;
-      color: #333333;
-      font-size: 24rpx;
-      border-bottom: 1px solid #EDEDED;
-    }
-    .one_prod{
-      display: flex;
-      align-items: center;
-      width: 100%;
-      padding: 30rpx 30rpx 30rpx 0;
-      box-sizing: border-box;
-      .prod_img{
-        width: 140rpx;
-        height: 140rpx;
-        background-color: #f5f5f9;
-        image{
-          width: 100%;
-          height: 100%;
-        }
-      }
-      .prod_info{
-        flex: 1;
-        padding-left: 30rpx;
-        .prod_name{
-          color: #2e2f30;
-          font-size: 30rpx;
-        }
-        .prod_brand{
-          font-size: 24rpx;
-          margin-top: 8rpx;
-        }
-        .prod_sku{
-          color: #797d82;
-          font-size: 24rpx;
-          margin-top: 8rpx;
-        }
-      }
-      .prod_price{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        color: rgb(46, 47, 48);
-        font-size: 30rpx;
-        margin-top: 12rpx;
-        .info-price{
-          display: flex;
-          color: #bdc0c5;
-          font-size: 26rpx;
-        }
-      }
-    }
-    .prod_list{
-      position: relative;
-      .right_arrow{
-        position: absolute;
-        right: 0px;
-        height: 100%;
-        width: 60rpx;
-        top: 0;
-        background: #FFF;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-    .more_prod{
-      display: flex;
-      flex-wrap: nowrap;
-      overflow: auto;
-      padding: 30rpx 30rpx 30rpx 0;
-      width: 100%;
-      .img_list{
-        display: flex;
-        flex-wrap: nowrap;
-        padding-right: 60rpx;
-      }
-      .prod_img{
-        width: 140rpx;
-        height: 140rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        image{
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-    .prod_total{
-      height: 80rpx;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-right: 30rpx;
-      border-top: 1px solid #EDEDED;
-      color: #2e2f30;
-      font-size: 26rpx;
-    }
-    .prod_footer{
-      padding: 16rpx 30rpx 16rpx 0;
-      display: flex;
-      align-items: center;
-      border-top: 1px solid #EDEDED;
-      .btn{
-        width: 170rpx;
-        height: 66rpx;
-        border: 1px solid #EDEDED;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 20rpx;
-        color: #2e2f30;
-        font-size: 24rpx;
-      }
-    }
-  }
-</style>