|
@@ -0,0 +1,112 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-dialog :visible.sync="visible" append-to-body width="50%">
|
|
|
+ <div class="flex-align-center flex-between mt-10">
|
|
|
+ <el-input
|
|
|
+ style="width:200px" size="small" suffix-icon="el-icon-search" v-model="param.content.where.condition" placeholder="搜索" @keyup.enter.native="listData(param.content.pageNumber = 1)" @clear="listData(param.content.pageNumber = 1)" clearable></el-input>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%"
|
|
|
+ size="mini"
|
|
|
+ height="50vh"
|
|
|
+ border>
|
|
|
+ <el-table-column
|
|
|
+ prop="enterprisename"
|
|
|
+ :label="qiyi ? '企业名称' : '经销商名称'"
|
|
|
+ width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="agentnum"
|
|
|
+ :label="qiyi ? '编号' : '经销商编号'"
|
|
|
+ width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="contact"
|
|
|
+ label="联系人">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="地址">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.province}}{{scope.row.city}}{{scope.row.county}}{{scope.row.address}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="selectRow(scope.row)">选 择</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="margin-top:16px;text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ small
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-size="param.content.pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <slot name="input"></slot>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ props:['customParam','qiyi'],
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ visible:false,
|
|
|
+ param:{
|
|
|
+ "id":20221216145803,
|
|
|
+ "content": {
|
|
|
+ "pageNumber":1,
|
|
|
+ "pageSize":20,
|
|
|
+ where: {
|
|
|
+ condition:''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ total:0,
|
|
|
+ currentPage:0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ async listData () {
|
|
|
+ const res = await this.$api.requested(this.customParam ? this.customParam : this.param)
|
|
|
+ this.tableData = res.data
|
|
|
+ this.total = res.total
|
|
|
+ this.currentPage = res.pageNumber
|
|
|
+ console.log(this.tableData);
|
|
|
+
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.param.content.pageSize = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.param.content.pageNumber = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ selectRow (row) {
|
|
|
+ this.$emit('selectRow',row)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+}
|
|
|
+
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+</style>
|