Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
11d1466c by weimo934
Options

feat(综合查询):对接接口,修改分页重置功能

1 parent 84eab6b2
Inline Side-by-side
Showing 3 changed files with 104 additions and 101 deletions
......@@ -3,60 +3,60 @@
<el-col :span="18">
<el-row>
<el-col :span="22">
<el-form :inline="true" :model="formData" class="demo-form-inline">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="宗地编码:">
<el-input v-model="formData.zdbm" placeholder="输入宗地编码"></el-input>
<el-input v-model="queryData.zddm" placeholder="输入宗地编码"></el-input>
</el-form-item>
<el-form-item label="坐落:">
<el-input v-model="formData.zl" placeholder="输入坐落地址"></el-input>
<el-input v-model="queryData.zl" placeholder="输入坐落地址"></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2">
<el-button type="primary" @click="onSubmit">查询</el-button>
<el-button type="primary" @click="query">查询</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="22">
<el-form :inline="true" :model="formData" class="demo-form-inline">
<el-form :inline="true" :model="queryData" class="demo-form-inline">
<el-form-item label="不动产单元号:">
<el-input
v-model="formData.bdcdyh"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
></el-input>
</el-form-item>
<el-form-item class="demo-form-inline" label="单元类型:">
<el-checkbox-group v-model="formData.type">
<el-checkbox label="宗地" name="type"></el-checkbox>
<el-checkbox label="自然幢" name="type"></el-checkbox>
<el-checkbox label="户" name="type"></el-checkbox>
<el-checkbox label="构筑物" name="type"></el-checkbox>
<el-checkbox label="林权" name="type"></el-checkbox>
<el-checkbox label="宗海" name="type"></el-checkbox>
<el-checkbox-group v-model="queryData.dylxs">
<el-checkbox label="zd" name="type">宗地</el-checkbox>
<el-checkbox label="zrz" name="type">自然幢</el-checkbox>
<el-checkbox label="h" name="type">户</el-checkbox>
<el-checkbox label="gzw" name="type">构筑物</el-checkbox>
<el-checkbox label="lq" name="type">林权</el-checkbox>
<el-checkbox label="zh" name="type">宗海</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2">
<el-button type="warning" @click="onSubmit">重置</el-button>
<el-button type="warning" @click="reset">重置</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="22" v-show="ismore">
<el-form :inline="true" :model="formData" class="demo-form-inline">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="权利人名称:">
<el-input placeholder="输入权利人名称"></el-input>
<el-input placeholder="输入权利人名称" v-model="queryData.qlrmc"></el-input>
</el-form-item>
<el-form-item label="项目名称:">
<el-input placeholder="输入项目名称"></el-input>
<el-input placeholder="输入项目名称" v-model="queryData.xmmc"></el-input>
</el-form-item>
<el-form-item label="不动产权证号:">
<el-input placeholder="输入不动产权证号"></el-input>
<el-input placeholder="输入不动产权证号" v-model="queryData.bdcqzh"></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2" :offset="offset">
<el-button type="primary" class="moreSearchBtn" @click="more">更多查询
<el-button type="primary" class="moreSearchBtn" @click="ismore=!ismore">更多查询
</el-button>
</el-col>
</el-row>
......@@ -74,12 +74,16 @@
return {
offset: 22,
ismore: false,
formData: {
zdbm: "",
zl: "",
queryData: {
bdcdyh: "",
type: [],
},
bdcqzh: "",
dylxs: [],
qlrmc: "",
qszt: "",
xmmc: "",
zddm: "",
zl: ""
}
};
},
created() {
......@@ -96,21 +100,37 @@
mounted() {
},
methods: {
more() {
this.ismore = !this.ismore
if (this.ismore){
this.offset=0
} else {
this.offset=22
}
reset() {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
dylxs: [],
qlrmc: "",
qszt: "",
xmmc: "",
zddm: "",
zl: ""
};
this.query()
},
onSubmit() {
query() {
//子组件点击查询时将表单数据发送给父组件
this.$emit("getSearchCondition", this.formData);
this.$emit("getSearchCondition", this.queryData);
},
},
computed: {},
watch: {},
watch: {
"ismore": function (val) {
if (val) {
this.offset = 0
} else {
this.offset = 22
this.queryData.qlrmc = "";
this.queryData.xmmc = "";
this.queryData.bdcqzh = "";
}
}
},
};
</script>
<style scoped lang="less">
......
......@@ -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,10 +43,11 @@
</template>
<script>
import SearchHead from "../../../components/searchHead/searchHead";
export default {
import SearchHead from "../../../components/searchHead/searchHead";
export default {
name: "",
components: { SearchHead },
components: {SearchHead},
props: {},
data() {
return {
......@@ -69,7 +71,8 @@ export default {
tableHeight: "",
};
},
created() {},
created() {
},
mounted() {
for (let i = 0; i < 11; i++) {
let obj = {
......@@ -87,8 +90,9 @@ export default {
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
onSubmit() {
},
tableRowClassName({row, rowIndex}) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
......@@ -99,7 +103,6 @@ export default {
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
//将obj作为参数调用接口查询表格数据
},
//点击办理
handleClick(row) {
......@@ -119,10 +122,10 @@ export default {
},
computed: {},
watch: {},
};
};
</script>
<style scoped lang="less">
.main {
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
......@@ -143,9 +146,10 @@ export default {
}
.dataGrid {
flex: 1;
margin-top: 20px;
.pagination {
padding: 18px 0;
}
}
}
}
</style>
......
......@@ -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,14 +28,14 @@
</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="创建人">
</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-change="handleCurrentChange"
:current-page.sync="currentPage">
</el-pagination>
......@@ -44,55 +45,53 @@
</template>
<script>
import SearchHead from "../../../components/searchHead/searchHead";
import {getSearchList} from "../../../api/search";
export default {
import SearchHead from "../../../components/searchHead/searchHead";
import {getSearchList} from "../../../api/search";
export default {
name: "",
components: { SearchHead },
components: {SearchHead},
props: {},
data() {
return {
pageNo:1,
pageSize:10,
zddm:'',
zl:'',
bdcdyh:'',
dylx:'',
qlrmc:'',
xmmc:'',
bdcqzh:'',
formData: {
user: "",
region: "",
type: [],
},
total:0,
pageNo: 1,
pageSize: 10,
tableData: [],
tableHeight: "",
};
},
created() {},
created() {
},
mounted() {
this.loadList();
this.getData({})
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
onSubmit() {
},
tableRowClassName({row, rowIndex}) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
handleCurrentChange(val){
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.pageNo=val;
this.loadList();
this.pageNo = val;
this.getData({});
},
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
//将obj作为参数调用接口查询表格数据
obj['pageNo'] = this.pageNo
obj['pageSize'] = this.pageSize
getSearchList(obj).then(res => {
this.tableData = res.result.records
this.total=res.result.total
})
},
//点击办理
handleClick(row) {
......@@ -108,40 +107,20 @@ export default {
break;
}
this.$router.push({
path:path,
query:{
bsm:row.glbsm,
source:2
path: path,
query: {
bsm: row.glbsm,
source: 2
}
});
},
loadList(){
let params={
zddm:this.zddm,
zl:this.zl,
bdcdyh:this.bdcdyh,
dylx:this.dylx,
qlrmc:this.qlrmc,
xmmc:this.xmmc,
bdcqzh:this.bdcqzh,
pageNo:this.pageNo,
pageSize:this.pageSize,
}
getSearchList(params).then((res)=>{
console.log(res)
if(res.code===200){
this.tableData=res.result.records;
console.log(this.tableData)
}
})
}
},
computed: {},
watch: {},
};
};
</script>
<style scoped lang="less">
.main {
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
......@@ -166,5 +145,5 @@ export default {
padding: 18px 0;
}
}
}
}
</style>
......