horzi_rai_wxa/pages-search/components/summaryChart.vue

<template>
  <view :class="['result-data-search-summary', 'content-padding', tabsActiveChild == 2 && 'content-padding-top']">
    <view class="content-ul">
      <view class="report-ul" style="margin-right: 10rpx">
        <block v-for="(item, index) in resultList" :key="index">
          <view v-if="index % 2 == 0">
            <ReportItem v-if="item.Source == 1" :list="item" />
            <ChartItem v-else :list="item" :isMyChartCollection="false" />
          </view>
        </block>
      </view>
      <view class="report-ul">
        <block v-for="(item, index) in resultList" :key="index">
          <view v-if="index % 2 != 0">
            <ReportItem v-if="item.Source == 1" :list="item" />
            <ChartItem v-else :list="item" :isMyChartCollection="false" />
          </view>
        </block>
      </view>
    </view>
  </view>
</template>

<script>
import ChartItem from "@/components/ItemComponent/chartItem.vue";
import ReportItem from "@/components/ItemComponent/reportItem.vue";
export default {
  props: {
    resultList: {
      type: Array,
      default: [],
    },
    tabsActiveChild: {
      type: Number,
    },
  },
  data() {
    return {};
  },
  components: {
    ChartItem,
    ReportItem,
  },

  methods: {},
};
</script>

<style lang="scss">
.result-data-search-summary {
  padding-left: 15rpx;
  display: flex;
  justify-content: space-between;
  background-color: #f5f6fa;
  .report-ul {
    width: 48%;
  }
  .content-ul {
    display: flex;
  }
}
.content-padding {
  padding-top: 90rpx !important;
}
.content-padding-top {
  padding-top: 20rpx !important;
}
</style>