fix: 表格样式统一修改。
This commit is contained in:
tianyongbao
@@ -29,54 +29,52 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-con" v-loading="loading">
|
||||
<el-scrollbar>
|
||||
<el-table v-loading="loading" :data="installmentHistoryList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="网贷机构" align="center" width="150" prop="bankNameCode" />
|
||||
<el-table-column label="借款金额" align="center" prop="installmentAmount" />
|
||||
<el-table-column label="借款日期" align="center" prop="installmentDate" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.installmentDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="借款期数" align="center" prop="period" />
|
||||
<el-table-column label="已还期数" align="center" prop="repaidPeriod" />
|
||||
<el-table-column label="总利息" align="center" prop="totalInterest" />
|
||||
<el-table-column label="利率" align="center" prop="interestRate" />
|
||||
<el-table-column label="余额" align="center" prop="balance" />
|
||||
<el-table-column label="到期日期" align="center" prop="dueDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最近还款日" align="center" prop="repaymentDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.repaymentDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="关闭日期" align="center" prop="closeDate" width="180">
|
||||
<el-table v-loading="loading" :data="installmentHistoryList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="网贷机构" align="center" width="150" prop="bankNameCode" />
|
||||
<el-table-column label="借款金额" align="center" prop="installmentAmount" />
|
||||
<el-table-column label="借款日期" align="center" prop="installmentDate" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.installmentDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="借款期数" align="center" prop="period" />
|
||||
<el-table-column label="已还期数" align="center" prop="repaidPeriod" />
|
||||
<el-table-column label="总利息" align="center" prop="totalInterest" />
|
||||
<el-table-column label="利率" align="center" prop="interestRate" />
|
||||
<el-table-column label="余额" align="center" prop="balance" />
|
||||
<el-table-column label="到期日期" align="center" prop="dueDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最近还款日" align="center" prop="repaymentDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.repaymentDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="关闭日期" align="center" prop="closeDate" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.closeDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="账户状态" align="center" width="100" prop="state">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="settle_state" :value="scope.row.state" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<div class="ctrl-btn d-flex">
|
||||
<el-tooltip v-for="item in operateList" :key="item.id" class="item" effect="dark" :content="item.title" placement="top">
|
||||
<el-button :icon="item.icon" :v-hasPermi="item.hasPermi" circle @click="handleOperate(item.id, scope.row)"></el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
||||
</el-scrollbar>
|
||||
<el-table-column label="账户状态" align="center" width="100" prop="state">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="settle_state" :value="scope.row.state" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<div class="ctrl-btn d-flex">
|
||||
<el-tooltip v-for="item in operateList" :key="item.id" class="item" effect="dark" :content="item.title" placement="top">
|
||||
<el-button :icon="item.icon" :v-hasPermi="item.hasPermi" circle @click="handleOperate(item.id, scope.row)"></el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 添加或修改网络贷款对话框 -->
|
||||
|
||||
Reference in New Issue
Block a user