web-admin/src/components/orderParts/parts/act-1.vue

<template>
  <div id="goodsSet-1">
    <el-row>
      <el-col :span="24" class="main">
        <el-col :span="24" v-for="item in list" :key="item._id || item.set_id">
          <el-col :span="24" class="bode" v-if="item.act">
            <el-col :span="24">平台活动优惠</el-col>
            <el-col :span="24" v-for="(item, index) in item.act" :key="index">
              <el-col :span="8">
                {{
                  item.platform_act_type == '0'
                    ? '优惠商品合集'
                    : item.platform_act_type == '1'
                    ? '按单返现'
                    : item.platform_act_type == '2'
                    ? '买赠'
                    : item.platform_act_type == '3'
                    ? '特价'
                    : item.platform_act_type == '4'
                    ? ''
                    : item.platform_act_type == '5'
                    ? '满减'
                    : item.platform_act_type == '6'
                    ? '满减折扣'
                    : '套装促销'
                }}
              </el-col>
              <el-col :span="16" class="other" v-if="item.platform_act_type == '4'">加价购 </el-col>
              <el-col :span="16" class="other" v-if="item.platform_act_type == '3'">
                <p>{{ item.sp_price }} 元</p>
              </el-col>
              <el-col :span="16" class="other" v-if="item.platform_act_type == '5' || item.platform_act_type == '6'">
                <p>-{{ item.discount }} 元</p>
              </el-col>
              <el-col :span="24" class="other" v-if="item.platform_act_type == '2'">
                <el-table :data="item.gift" border style="width: 100%">
                  <el-table-column prop="goods_name" label="商品" width="180"> </el-table-column>
                  <el-table-column prop="spec_name" label="规格" width="180"> </el-table-column>
                  <el-table-column prop="num" label="数量"> </el-table-column>
                  <el-table-column prop="desc" label="备注"> </el-table-column>
                </el-table>
              </el-col>
            </el-col>
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'goodsSet-1',
  props: {
    list: { type: Array },
  },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.goods {
  padding: 10px 0;
  .image {
    padding: 0 10px 0 0;

    height: 100px;
    width: 150px;
  }
  .money {
    text-align: right;
  }
}
.other {
  text-align: right;
  word-break: break-all;
  p {
    color: red;
    font-size: 20px;
  }
  .spanfour {
    color: blue;
  }
}

.el-col {
  margin: 4px 0;
}
.bode {
  border-bottom: 1px solid rgb(238, 237, 237);
}
</style>