table无数据优化

xiangpei

2024-09-04 8aa46bf6dcbf27cb618736abc9b2c36583ff80f8

 src/views/system/contract/report/index.vue

@@ -13,23 +13,25 @@
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row> -->

    <el-card class="box-card" v-for="item in checkResultList" :key="item.id">
      <div slot="header" class="clearfix">
        <span>{{ item.unitName }}</span>
        <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">核算</el-button>
      </div>
      <div class="text item">合同<span class="time">{{ item.contractName }}</span></div>
      <div class="text item">最近扣减金额<span class="time">{{ item.latestDeductMoney }}</span></div>
      <div class="text item">累计扣减金额<span class="time">{{ item.deductMoney }}</span></div>
      <div class="text item">最近核算月份
        <span v-if="item.latestTime" class="time">{{ new Date(item.latestTime).getFullYear() }}年{{ new Date(item.latestTime).getMonth() }}月</span>
        <span v-else class="time">暂无</span>
      </div>
      <el-button size="small" type="primary" round style="float: right;margin-left: 18px;" @click="handleExport(item)" v-hasPermi="['system:calculate:report:export']">导出</el-button>
      <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-if="item.status === 'not_publish'" :disabled="!item.canPublish" v-hasPermi="['system:calculate:report:status']">确认发布</el-button>
      <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-if="item.status === 'published'" v-hasPermi="['system:calculate:report:status']">取消发布</el-button>
    </el-card>
    <div v-if="checkResultList && checkResultList.length > 0">
      <el-card class="box-card" v-for="item in checkResultList" :key="item.id">
        <div slot="header" class="clearfix">
          <span>{{ item.unitName }}</span>
          <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">核算</el-button>
        </div>
        <div class="text item">合同<span class="time">{{ item.contractName }}</span></div>
        <div class="text item">最近扣减金额<span class="time">{{ item.latestDeductMoney }}</span></div>
        <div class="text item">累计扣减金额<span class="time">{{ item.deductMoney }}</span></div>
        <div class="text item">最近核算月份
          <span v-if="item.latestTime" class="time">{{ new Date(item.latestTime).getFullYear() }}年{{ new Date(item.latestTime).getMonth() }}月</span>
          <span v-else class="time">暂无</span>
        </div>
        <el-button size="small" type="primary" round style="float: right;margin-left: 18px;" @click="handleExport(item)" v-hasPermi="['system:calculate:report:export']">导出</el-button>
        <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-if="item.status === 'not_publish'" :disabled="!item.canPublish" v-hasPermi="['system:calculate:report:status']">确认发布</el-button>
        <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-if="item.status === 'published'" v-hasPermi="['system:calculate:report:status']">取消发布</el-button>
      </el-card>
    </div>
    <el-empty v-else description="暂无数据"></el-empty>

    <pagination
      v-show="total>0"