|
@@ -1,9 +1,9 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
<div class="sty">
|
|
<div class="sty">
|
|
- <el-page-header @back="goBack" content="信用额度变更记录"> </el-page-header>
|
|
|
|
|
|
+ <el-page-header content="信用额度变更记录" @back="goBack" />
|
|
</div>
|
|
</div>
|
|
- <el-divider></el-divider>
|
|
|
|
|
|
+ <el-divider />
|
|
<!-- 表头 -->
|
|
<!-- 表头 -->
|
|
<div>
|
|
<div>
|
|
<el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
|
|
<el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
|
|
@@ -11,27 +11,25 @@
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="开始时间" prop="startTime">
|
|
<el-form-item label="开始时间" prop="startTime">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
- class="selectStyle"
|
|
|
|
v-model="searchForm.startTime"
|
|
v-model="searchForm.startTime"
|
|
|
|
+ class="selectStyle"
|
|
type="datetime"
|
|
type="datetime"
|
|
placeholder="选择日期时间"
|
|
placeholder="选择日期时间"
|
|
default-time="00:00:00"
|
|
default-time="00:00:00"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
- >
|
|
|
|
- </el-date-picker>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="结束时间" prop="endTime">
|
|
<el-form-item label="结束时间" prop="endTime">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
- class="selectStyle"
|
|
|
|
v-model="searchForm.endTime"
|
|
v-model="searchForm.endTime"
|
|
|
|
+ class="selectStyle"
|
|
type="datetime"
|
|
type="datetime"
|
|
placeholder="选择日期时间"
|
|
placeholder="选择日期时间"
|
|
default-time="00:00:00"
|
|
default-time="00:00:00"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
- >
|
|
|
|
- </el-date-picker>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
@@ -62,16 +60,16 @@
|
|
highlight-current-row
|
|
highlight-current-row
|
|
stripe
|
|
stripe
|
|
>
|
|
>
|
|
- <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
|
|
|
|
|
|
+ <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip />
|
|
<el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
|
|
<el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <CopyButton :copyText="scope.row.customerNumber" />
|
|
|
|
|
|
+ <CopyButton :copy-text="scope.row.customerNumber" />
|
|
<span>{{ scope.row.customerNumber }}</span>
|
|
<span>{{ scope.row.customerNumber }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column align="left" label="经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
|
|
<el-table-column align="left" label="经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <CopyButton :copyText="scope.row.customerName" />
|
|
|
|
|
|
+ <CopyButton :copy-text="scope.row.customerName" />
|
|
<span>{{ scope.row.customerName }}</span>
|
|
<span>{{ scope.row.customerName }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -81,63 +79,62 @@
|
|
prop="customerWalletName"
|
|
prop="customerWalletName"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="right"
|
|
align="right"
|
|
label="变更金额"
|
|
label="变更金额"
|
|
prop="amount"
|
|
prop="amount"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="right"
|
|
align="right"
|
|
label="使用金额"
|
|
label="使用金额"
|
|
prop="useAmount"
|
|
prop="useAmount"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="开始日期"
|
|
label="开始日期"
|
|
prop="startTime"
|
|
prop="startTime"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="结束日期"
|
|
label="结束日期"
|
|
prop="endTime"
|
|
prop="endTime"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="变更时间"
|
|
label="变更时间"
|
|
prop="updateTime"
|
|
prop="updateTime"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="变更人"
|
|
label="变更人"
|
|
prop="updateBy"
|
|
prop="updateBy"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
<div class="fr">
|
|
<div class="fr">
|
|
<el-pagination
|
|
<el-pagination
|
|
- @size-change="handleSizeChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
:current-page="currentPage"
|
|
:current-page="currentPage"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="10"
|
|
:page-size="10"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="listTotal"
|
|
:total="listTotal"
|
|
- >
|
|
|
|
- </el-pagination>
|
|
|
|
|
|
+ @size-change="handleSizeChange"
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -162,7 +159,7 @@ export default {
|
|
searchForm: {
|
|
searchForm: {
|
|
startTime: '',
|
|
startTime: '',
|
|
endTime: ''
|
|
endTime: ''
|
|
- }, //搜索表单
|
|
|
|
|
|
+ }, // 搜索表单
|
|
listLoading: false // 列表加载loading
|
|
listLoading: false // 列表加载loading
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -178,27 +175,27 @@ export default {
|
|
handleSizeChange(val) {
|
|
handleSizeChange(val) {
|
|
this.pageSize = val
|
|
this.pageSize = val
|
|
this.currentPage = 1
|
|
this.currentPage = 1
|
|
- this.getDataList({ pageNum: 1, pageSize: this.pageSize })
|
|
|
|
|
|
+ this.getDataList({ customerWalletId: this.recordsListId, pageNum: 1, pageSize: this.pageSize })
|
|
},
|
|
},
|
|
// 更改当前页
|
|
// 更改当前页
|
|
handleCurrentChange(val) {
|
|
handleCurrentChange(val) {
|
|
this.currentPage = val
|
|
this.currentPage = val
|
|
- this.getDataList({ pageNum: val, pageSize: 10 })
|
|
|
|
|
|
+ this.getDataList({ customerWalletId: this.recordsListId, pageNum: val, pageSize: 10 })
|
|
},
|
|
},
|
|
- //导出
|
|
|
|
|
|
+ // 导出
|
|
exportList() {
|
|
exportList() {
|
|
- let screenData = {
|
|
|
|
|
|
+ const screenData = {
|
|
customerWalletCreditId: this.recordsListId,
|
|
customerWalletCreditId: this.recordsListId,
|
|
startTime: this.searchForm.startTime,
|
|
startTime: this.searchForm.startTime,
|
|
endTime: this.searchForm.endTime
|
|
endTime: this.searchForm.endTime
|
|
}
|
|
}
|
|
downloadFiles('credit/record/export', screenData)
|
|
downloadFiles('credit/record/export', screenData)
|
|
},
|
|
},
|
|
- //清除
|
|
|
|
|
|
+ // 清除
|
|
clearFn() {
|
|
clearFn() {
|
|
this.$refs.searchForm.resetFields()
|
|
this.$refs.searchForm.resetFields()
|
|
},
|
|
},
|
|
- //搜索
|
|
|
|
|
|
+ // 搜索
|
|
searchFn() {
|
|
searchFn() {
|
|
console.log(this.searchForm)
|
|
console.log(this.searchForm)
|
|
this.getDataList({
|
|
this.getDataList({
|
|
@@ -208,7 +205,7 @@ export default {
|
|
...this.searchForm
|
|
...this.searchForm
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- //获取信用额度变更记录数据
|
|
|
|
|
|
+ // 获取信用额度变更记录数据
|
|
async getDataList(data) {
|
|
async getDataList(data) {
|
|
const res = await getCreditRecordList(data)
|
|
const res = await getCreditRecordList(data)
|
|
this.dataList = res.data.records
|
|
this.dataList = res.data.records
|