5d4767af by weimo934

feat(add,modify):对接查询接口

1 parent 9e9b2354
<template>
<div class="main">
<SearchHead @getSearchCondition="getData"></SearchHead>
<SearchHead @getSearchCondition="geQuerytData"></SearchHead>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
......@@ -12,7 +12,8 @@
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>办理</el-button
>办理
</el-button
>
<el-button type="text" size="small">定位</el-button>
</template>
......@@ -27,7 +28,7 @@
</el-table-column>
<el-table-column prop="qlr" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"> </el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column prop="zrsj" align="left" width="120" label="转入时间">
</el-table-column>
<el-table-column prop="cjr" align="left" width="120" label="创建人">
......@@ -42,65 +43,65 @@
</template>
<script>
import SearchHead from "../../../components/searchHead/searchHead";
export default {
import SearchHead from "../../../components/searchHead/searchHead";
import {getSearchList} from "../../../api/search";
export default {
name: "",
components: { SearchHead },
components: {SearchHead},
props: {},
data() {
return {
total: 0,
pageNo: 1,
pageSize: 10,
queryData: {},
formData: {
user: "",
region: "",
type: [],
},
tableData: [
{
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕(2017)西安市不动产权第00000",
lx: "宗地",
qlr: "李子新",
zl: "灞桥-田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
},
],
tableData: [],
tableHeight: "",
};
},
created() {},
created() {
},
mounted() {
for (let i = 0; i < 11; i++) {
let obj = {
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕(2017)西安市不动产权第00000",
lx: "自然幢",
qlr: "李子新",
zl: "灞桥-田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
};
this.tableData.push(obj);
}
this.getData({})
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.pageNo = val;
this.queryData.pageNo = val;
this.getData(this.queryData);
},
getData(data) {
getSearchList(data).then(res => {
this.tableData = res.result.records
this.total = res.result.total
})
},
//获取子组件点击查询触发的事件
geQuerytData(obj) {
this.queryData = obj
//将obj作为参数调用接口查询表格数据
this.queryData['pageSize'] = this.pageSize
this.pageNo = 1
this.queryData['pageNo'] = 1
this.getData(this.queryData)
},
onSubmit() {
},
tableRowClassName({row, rowIndex}) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
//将obj作为参数调用接口查询表格数据
},
//点击办理
handleClick(row) {
let path = "";
......@@ -119,10 +120,10 @@ export default {
},
computed: {},
watch: {},
};
};
</script>
<style scoped lang="less">
.main {
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
......@@ -147,5 +148,5 @@ export default {
padding: 18px 0;
}
}
}
}
</style>
......
<template>
<div class="main">
<SearchHead @getSearchCondition="getData"></SearchHead>
<SearchHead @getSearchCondition="geQuerytData"></SearchHead>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
......@@ -35,7 +35,8 @@
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next" :total="1000">
<el-pagination background layout="prev, pager, next" :total="total"
:current-page="pageNo" @current-change="handleCurrentChange">
</el-pagination>
</div>
</div>
......@@ -44,6 +45,7 @@
<script>
import SearchHead from "../../../components/searchHead/searchHead";
import {getSearchList} from "../../../api/search";
export default {
name: "",
......@@ -51,45 +53,47 @@
props: {},
data() {
return {
total: 0,
pageNo: 1,
pageSize: 10,
formData: {
user: "",
region: "",
type: [],
},
tableData: [
{
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕(2017)西安市不动产权第00000",
lx: "宗地",
qlr: "李子新",
zl: "灞桥-田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
},
],
queryData: {},
tableData: [],
tableHeight: "",
};
},
created() {
},
mounted() {
for (let i = 0; i < 11; i++) {
let obj = {
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕(2017)西安市不动产权第00000",
lx: "自然幢",
qlr: "李子新",
zl: "灞桥-田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
};
this.tableData.push(obj);
}
this.getData({})
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.pageNo = val;
this.queryData.pageNo = val;
this.getData(this.queryData);
},
getData(data) {
getSearchList(data).then(res => {
this.tableData = res.result.records
this.total = res.result.total
})
},
//获取子组件点击查询触发的事件
geQuerytData(obj) {
this.queryData = obj
//将obj作为参数调用接口查询表格数据
this.queryData['pageSize'] = this.pageSize
this.pageNo = 1
this.queryData['pageNo'] = 1
this.getData(this.queryData)
},
onSubmit() {
},
tableRowClassName({row, rowIndex}) {
......@@ -99,11 +103,6 @@
return "";
}
},
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
},
//点击办理
handleClick(row) {
let path = "";
......
......@@ -386,7 +386,7 @@ export default {
bhqkbsm: "",
blc: "",
bz: "",
dcrq: "2020-10-22T09:07:38.644Z",
dcrq: "",
dcy: "",
dcyj: "",
djh: "",
......