|
|
@ -14,10 +14,28 @@
|
|
|
|
<el-input v-model="query.contact" placeholder="请输入" clearable> </el-input>
|
|
|
|
<el-input v-model="query.contact" placeholder="请输入" clearable> </el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-form-item label="银行账户">
|
|
|
|
|
|
|
|
<el-input v-model="query.bankAccount" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<template v-if="showAll">
|
|
|
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
|
|
|
<el-form-item label="身份证">
|
|
|
|
|
|
|
|
<el-input v-model="query.identity" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item>
|
|
|
|
<el-form-item>
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
|
|
|
|
<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
|
|
|
|
<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
|
|
|
|
|
|
|
|
<el-button type="text" icon="el-icon-arrow-down" @click="showAll = true" v-if="!showAll">
|
|
|
|
|
|
|
|
展开
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
<el-button type="text" icon="el-icon-arrow-up" @click="showAll = false" v-else>
|
|
|
|
|
|
|
|
收起
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
@ -25,13 +43,12 @@
|
|
|
|
<div class="JNPF-common-layout-main JNPF-flex-main">
|
|
|
|
<div class="JNPF-common-layout-main JNPF-flex-main">
|
|
|
|
<div class="JNPF-common-head">
|
|
|
|
<div class="JNPF-common-head">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<el-button type="primary" v-has="'btn_add'" icon="el-icon-plus" @click="addOrUpdateHandle()">新增
|
|
|
|
<el-button type="primary" icon="el-icon-plus" v-has="'btn_add'" @click="addOrUpdateHandle()">新增
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
<el-button type="text" icon="el-icon-download" @click="exportData()" v-has="'btn_download'">导出
|
|
|
|
<el-button type="text" icon="el-icon-download" @click="exportData()" v-has="'btn_download'">导出
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
<!-- <el-button type="text" icon="el-icon-download" v-has="'btn_upload'" @click="">导入-->
|
|
|
|
<el-button type="text" icon="el-icon-delete" @click="handleBatchRemoveDel()"
|
|
|
|
<!-- </el-button>-->
|
|
|
|
v-has="'btn_batchRemove'">批量删除
|
|
|
|
<el-button type="text" icon="el-icon-delete" @click="handleBatchRemoveDel()" v-has="'btn_batchRemove'" >批量删除
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="JNPF-common-head-right">
|
|
|
|
<div class="JNPF-common-head-right">
|
|
|
@ -42,29 +59,23 @@
|
|
|
|
<screenfull isContainer />
|
|
|
|
<screenfull isContainer />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange' has-c :hasNO="false"
|
|
|
|
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange' has-c
|
|
|
|
@selection-change="handleSelectionChange" border>
|
|
|
|
@selection-change="handleSelectionChange">
|
|
|
|
<el-table-column type="index" width="50" label="序号" fixed="left" align="center" />
|
|
|
|
<el-table-column prop="name" label="姓名" width="0" align="left" />
|
|
|
|
<el-table-column prop="name" label="姓名" width="300" align="center" fixed="left" sortable
|
|
|
|
<el-table-column prop="adress" label="地址" width="0" align="left" />
|
|
|
|
/>
|
|
|
|
<el-table-column prop="contact" label="手机号" width="0" align="left" />
|
|
|
|
<el-table-column prop="adress" label="地址" width="300" align="center" sortable
|
|
|
|
<el-table-column prop="creatorUserName" label="录入人" width="0" align="left" />
|
|
|
|
/>
|
|
|
|
<el-table-column prop="creatorTime" label="创建时间" width="0" align="left" />
|
|
|
|
<el-table-column prop="contact" label="手机号" width="300" align="center" sortable
|
|
|
|
<el-table-column prop="identity" label="身份证" width="0" align="left" />
|
|
|
|
/>
|
|
|
|
<el-table-column prop="bankAccount" label="银行账户" width="0" align="left" />
|
|
|
|
<el-table-column prop="creatorUserName" label="录入人" width="300" align="center" sortable
|
|
|
|
<el-table-column prop="bank" label="开户行" width="0" align="left" />
|
|
|
|
/>
|
|
|
|
<el-table-column prop="bankNo" label="行号" width="0" align="left" />
|
|
|
|
<el-table-column prop="creatorTime" label="创建时间" width="300" align="center" sortable
|
|
|
|
<el-table-column label="操作" fixed="right" width="100">
|
|
|
|
/>
|
|
|
|
|
|
|
|
<el-table-column label="操作" fixed="right"
|
|
|
|
|
|
|
|
width="150">
|
|
|
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-button type="text" v-has="'btn_edit'"
|
|
|
|
<el-button type="text" @click="addOrUpdateHandle(scope.row.id)" v-has="'btn_edit'">编辑
|
|
|
|
@click="addOrUpdateHandle(scope.row.id)">编辑
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
<el-button type="text" class="JNPF-table-delBtn" @click="handleDel(scope.row.id)" v-has="'btn_remove'">删除
|
|
|
|
<el-button type="text" class="JNPF-table-delBtn" v-has="'btn_remove'"
|
|
|
|
</el-button>
|
|
|
|
@click="handleDel(scope.row.id)">删除
|
|
|
|
<el-button type="text"
|
|
|
|
|
|
|
|
@click="goDetail(scope.row.id)">详情
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
@ -91,10 +102,13 @@
|
|
|
|
components: { JNPFForm, ExportBox, Detail },
|
|
|
|
components: { JNPFForm, ExportBox, Detail },
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
showAll: false,
|
|
|
|
detailVisible: false,
|
|
|
|
detailVisible: false,
|
|
|
|
query: {
|
|
|
|
query: {
|
|
|
|
name: undefined,
|
|
|
|
name: undefined,
|
|
|
|
contact: undefined
|
|
|
|
contact: undefined,
|
|
|
|
|
|
|
|
bankAccount: undefined,
|
|
|
|
|
|
|
|
identity: undefined,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
treeProps: {
|
|
|
|
treeProps: {
|
|
|
|
children: 'children',
|
|
|
|
children: 'children',
|
|
|
@ -107,8 +121,8 @@
|
|
|
|
listQuery: {
|
|
|
|
listQuery: {
|
|
|
|
currentPage: 1,
|
|
|
|
currentPage: 1,
|
|
|
|
pageSize: 20,
|
|
|
|
pageSize: 20,
|
|
|
|
sort: 'desc',
|
|
|
|
sort: "desc",
|
|
|
|
sidx: 'creatorTime'
|
|
|
|
sidx: "creatorTime",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
formVisible: false,
|
|
|
|
formVisible: false,
|
|
|
|
exportBoxVisible: false,
|
|
|
|
exportBoxVisible: false,
|
|
|
@ -117,8 +131,12 @@
|
|
|
|
{ prop: 'adress', label: '地址' },
|
|
|
|
{ prop: 'adress', label: '地址' },
|
|
|
|
{ prop: 'contact', label: '手机号' },
|
|
|
|
{ prop: 'contact', label: '手机号' },
|
|
|
|
{ prop: 'creatorUserName', label: '录入人' },
|
|
|
|
{ prop: 'creatorUserName', label: '录入人' },
|
|
|
|
{ prop: 'creatorTime', label: '创建时间' }
|
|
|
|
{ prop: 'creatorTime', label: '创建时间' },
|
|
|
|
]
|
|
|
|
{ prop: 'identity', label: '身份证' },
|
|
|
|
|
|
|
|
{ prop: 'bankAccount', label: '银行账户' },
|
|
|
|
|
|
|
|
{ prop: 'bank', label: '开户行' },
|
|
|
|
|
|
|
|
{ prop: 'bankNo', label: '行号' },
|
|
|
|
|
|
|
|
],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
computed: {
|
|
|
@ -142,23 +160,24 @@
|
|
|
|
this.initData()
|
|
|
|
this.initData()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
initData() {
|
|
|
|
initData() {
|
|
|
|
this.listLoading = true
|
|
|
|
this.listLoading = true;
|
|
|
|
let _query = {
|
|
|
|
let _query = {
|
|
|
|
...this.listQuery,
|
|
|
|
...this.listQuery,
|
|
|
|
...this.query,
|
|
|
|
...this.query,
|
|
|
|
menuId: this.menuId
|
|
|
|
menuId: this.menuId
|
|
|
|
}
|
|
|
|
};
|
|
|
|
request({
|
|
|
|
request({
|
|
|
|
url: `/api/example/Jg_natural/getList`,
|
|
|
|
url: `/api/example/Jg_natural/getList`,
|
|
|
|
method: 'post',
|
|
|
|
method: 'post',
|
|
|
|
data: _query
|
|
|
|
data: _query
|
|
|
|
}).then(res => {
|
|
|
|
}).then(res => {
|
|
|
|
var _list = []
|
|
|
|
var _list = [];
|
|
|
|
for (let i = 0; i < res.data.list.length; i++) {
|
|
|
|
for (let i = 0; i < res.data.list.length; i++) {
|
|
|
|
let _data = res.data.list[i]
|
|
|
|
let _data = res.data.list[i];
|
|
|
|
_list.push(_data)
|
|
|
|
_list.push(_data)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.list = _list
|
|
|
|
this.list = _list
|
|
|
|
|
|
|
|
console.log(this.list)
|
|
|
|
this.total = res.data.pagination.total
|
|
|
|
this.total = res.data.pagination.total
|
|
|
|
|
|
|
|
|
|
|
|
this.listLoading = false
|
|
|
|
this.listLoading = false
|
|
|
@ -178,10 +197,10 @@
|
|
|
|
onClose: () => {
|
|
|
|
onClose: () => {
|
|
|
|
this.initData()
|
|
|
|
this.initData()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}).catch(() => {
|
|
|
|
}).catch(() => {
|
|
|
|
})
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleSelectionChange(val) {
|
|
|
|
handleSelectionChange(val) {
|
|
|
|
const res = val.map(item => item.id)
|
|
|
|
const res = val.map(item => item.id)
|
|
|
@ -192,7 +211,7 @@
|
|
|
|
this.$message({
|
|
|
|
this.$message({
|
|
|
|
type: 'error',
|
|
|
|
type: 'error',
|
|
|
|
message: '请选择一条数据',
|
|
|
|
message: '请选择一条数据',
|
|
|
|
duration: 1500
|
|
|
|
duration: 1500,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -210,7 +229,7 @@
|
|
|
|
onClose: () => {
|
|
|
|
onClose: () => {
|
|
|
|
this.initData()
|
|
|
|
this.initData()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}).catch(() => {
|
|
|
|
}).catch(() => {
|
|
|
|
})
|
|
|
|
})
|
|
|
@ -244,8 +263,8 @@
|
|
|
|
this.listQuery = {
|
|
|
|
this.listQuery = {
|
|
|
|
currentPage: 1,
|
|
|
|
currentPage: 1,
|
|
|
|
pageSize: 20,
|
|
|
|
pageSize: 20,
|
|
|
|
sort: 'desc',
|
|
|
|
sort: "desc",
|
|
|
|
sidx: 'creatorTime'
|
|
|
|
sidx: "creatorTime",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.initData()
|
|
|
|
this.initData()
|
|
|
|
},
|
|
|
|
},
|
|
|
|