src/page/index/components/salesTable.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <div class="salesTable">
    <el-table
      :data="tableData"
      stripe
      height="424"
      style="width: 100%">
      <el-table-column
        class-name="salesUsername"
        prop="username"
        label="USERNAME"
        width="150"
      >
        <template slot-scope="scope">
            <img class="userImg" :src="userImg" alt="tuxiang"/>
            {{(scope.row.username).substring(0,12)}}
        </template>
      </el-table-column>
      <el-table-column
        class-name="salesPrice"
        prop="price"
        label="PRICE"
        width="80"
      >
        <template slot-scope="scope">
          <span v-if="scope.row.status === 1" class="saleColor">$ {{scope.row.price}}</span>
          <span v-if="scope.row.status === 2" class="taxColor">$ {{scope.row.price}}</span>
          <span v-if="scope.row.status === 3" class="extenedColor">$ {{scope.row.price}}</span>
          <span v-if="scope.row.status0 === 4" class="likeColor">$ {{scope.row.price}}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="date"
        label="DATE"
        width="160"
      >
        <template slot-scope="scope">
           <icon-svg icon-class="icontime" />
           {{scope.row.date}}
        </template>
      </el-table-column>
      <el-table-column
        class-name="salesStatus"
        prop="status"
        label="STATUS"
        >
        <template slot-scope="scope">
          <span v-if="scope.row.status === 1" class="saleBgcolor">SALE</span>
          <span v-if="scope.row.status === 2" class="taxBgcolor">TAX</span>
          <span v-if="scope.row.status === 3" class="extenedBgcolor">EXTENDED</span>
          <span v-if="scope.row.status === 4" class="likeBgcolor">LIKE</span>
        </template>
      </el-table-column>
    
    </el-table>
  </div>
</template>

<script>
  import { getSalesTableList } from "@/api/sales";