|
@@ -8,13 +8,51 @@
|
|
|
</div>
|
|
</div>
|
|
|
<el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
<el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
<!-- 字段信息：客户名称、、账号余额、授信额度、可用额度、操作 -->
|
|
<!-- 字段信息：客户名称、、账号余额、授信额度、可用额度、操作 -->
|
|
|
- <el-table-column label="创建时间" width="200" align="center" show-overflow-tooltip>
|
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
|
- <span>{{ scope.row.createTime }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
|
+ <el-table-column label="客户名称" width="200" align="center" show-overflow-tooltip>
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <span>{{ scope.row.customerName }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column label="账号余额" width="200" align="center" show-overflow-tooltip>
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <span>{{ scope.row.createTime }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column label="授信额度" width="200" align="center" show-overflow-tooltip>
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <span>{{ scope.row.createTime }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column label="可用额度" width="200" align="center" show-overflow-tooltip>
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <span>{{ scope.row.createTime }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+
|
|
|
|
|
+ <el-table-column label="操作" width="200" align="center" show-overflow-tooltip>
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <span>{{ scope.row.createTime }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
|
|
|
</el-table>
|
|
</el-table>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="pagination">
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ current-page.sync="body.current"
|
|
|
|
|
+ :current-page="body.current"
|
|
|
|
|
+ :page-sizes="[10, 20, 30, 50]"
|
|
|
|
|
+ :page-size="body.size"
|
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
+ background
|
|
|
|
|
+ :total="total"
|
|
|
|
|
+ @size-change="handleSizeChange"
|
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
|
|
+ />
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -26,11 +64,13 @@ export default {
|
|
|
loading:false,
|
|
loading:false,
|
|
|
tableData:[],
|
|
tableData:[],
|
|
|
body:{
|
|
body:{
|
|
|
- current:1
|
|
|
|
|
|
|
+ current:1,
|
|
|
|
|
+ size:10
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ // 更具 this.body 重载数据
|
|
|
reLoad(){
|
|
reLoad(){
|
|
|
this.loading = true
|
|
this.loading = true
|
|
|
api.account.Search(this.body).then((res) => {
|
|
api.account.Search(this.body).then((res) => {
|
|
@@ -39,12 +79,27 @@ export default {
|
|
|
this.total = res.data.data.total
|
|
this.total = res.data.data.total
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
|
|
+ // s搜索call
|
|
|
Search(){
|
|
Search(){
|
|
|
this.body.current = 1
|
|
this.body.current = 1
|
|
|
this.reLoad()
|
|
this.reLoad()
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
|
|
+ // 新增call
|
|
|
handlerAdd(){
|
|
handlerAdd(){
|
|
|
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ // 页码
|
|
|
|
|
+ handleSizeChange(val) {
|
|
|
|
|
+ this.body.size = val
|
|
|
|
|
+ this.reLoad()
|
|
|
|
|
+ },
|
|
|
|
|
+ // 换页
|
|
|
|
|
+ handleCurrentChange(val) {
|
|
|
|
|
+ this.body.current = val
|
|
|
|
|
+ this.reLoad()
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
|
