Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
5907b297 by 杨威
Options

添加/更正/综合查询增加二级菜单

1 parent d98a8767
Inline Side-by-side
Showing 3 changed files with 205 additions and 162 deletions
<template>
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="120" label="类型">
<template slot-scope="scope">
{{scope.row.dylx | bdcLxFilter}}
</template>
</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="addtime" align="left" width="120" label="转入时间">
<template slot-scope="scope">
{{scope.row.addtime | timeFilter}}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="办理" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit"></i>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next,total" :total="total"
:current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange">
</el-pagination>
<el-tabs v-model="activeName" class="tabs">
<el-tab-pane label="添加" name="tj">
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="120" label="类型">
<template slot-scope="scope">
{{scope.row.dylx | bdcLxFilter}}
</template>
</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="addtime" align="left" width="120" label="转入时间">
<template slot-scope="scope">
{{scope.row.addtime | timeFilter}}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="办理" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit"></i>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next,total" :total="total"
:current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange">
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</template>
<script>
......@@ -63,6 +67,7 @@
props: {},
data() {
return {
activeName:'tj',
type:'add',
total: 0,
pageNo: 1,
......@@ -157,6 +162,15 @@
};
</script>
<style scoped lang="less">
.tabs{
height: calc(100% - 50px);
/deep/.el-tabs__content{
height: 100%;
/deep/.el-tab-pane{
height: 100%;
}
}
.main {
width: 100%;
height: 100%;
......@@ -188,4 +202,5 @@
}
}
}
}
</style>
......
<template>
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="120" label="类型">
<template slot-scope="scope">
{{scope.row.dylx | bdcLxFilter}}
</template>
</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="addtime" align="left" width="120" label="转入时间">
<template slot-scope="scope">
{{scope.row.addtime | timeFilter}}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> -->
<!-- </el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="更正" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit"></i>
</el-tooltip>
</template>
<!-- <template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>更正
</el-button
>
<el-button type="text" size="small">定位</el-button>
</template> -->
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next,total" :total="total" :page-size="pageSize"
:current-page="pageNo" @current-change="handleCurrentChange">
</el-pagination>
<el-tabs v-model="activeName" class="tabs">
<el-tab-pane label="更正" name="gz">
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="120" label="类型">
<template slot-scope="scope">
{{scope.row.dylx | bdcLxFilter}}
</template>
</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="addtime" align="left" width="120" label="转入时间">
<template slot-scope="scope">
{{scope.row.addtime | timeFilter}}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> -->
<!-- </el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="更正" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit"></i>
</el-tooltip>
</template>
<!-- <template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>更正
</el-button
>
<el-button type="text" size="small">定位</el-button>
</template> -->
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next,total" :total="total" :page-size="pageSize"
:current-page="pageNo" @current-change="handleCurrentChange">
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</template>
<script>
......@@ -71,6 +75,7 @@
props: {},
data() {
return {
activeName:'gz',
type:'modify',
qszt: ['1'],
total: 0,
......@@ -226,6 +231,14 @@
};
</script>
<style scoped lang="less">
.tabs{
height: calc(100% - 50px);
/deep/.el-tabs__content{
height: 100%;
/deep/.el-tab-pane{
height: 100%;
}
}
.main {
width: 100%;
height: 100%;
......@@ -257,4 +270,5 @@
}
}
}
}
</style>
......
<template>
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
@row-dblclick="doubleClick"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="100" label="类型">
<template slot-scope="scope">
{{scope.row.dylx | bdcLxFilter}}
</template>
</el-table-column>
<el-table-column prop="qsztValue" align="left" label="权属状态">
</el-table-column>
<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column prop="addtime" align="left" width="120" label="转入时间">
<template slot-scope="scope">
{{scope.row.addtime | timeFilter}}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="查看" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit" @click="postionToMap(scope.row)"></i>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next,total" :total="total"
:current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange">
</el-pagination>
</div>
<el-tabs v-model="activeName" class="tabs">
<el-tab-pane label="综合查询" name="zhcx">
<div class="main">
<p class="tips">查询条件</p>
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<p class="tips">查询列表</p>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
@row-dblclick="doubleClick"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="100" label="类型">
<template slot-scope="scope">
{{scope.row.dylx | bdcLxFilter}}
</template>
</el-table-column>
<el-table-column prop="qsztValue" align="left" label="权属状态">
</el-table-column>
<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column prop="addtime" align="left" width="120" label="转入时间">
<template slot-scope="scope">
{{scope.row.addtime | timeFilter}}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="查看" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit" @click="postionToMap(scope.row)"></i>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next,total" :total="total"
:current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange">
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</template>
<script>
......@@ -67,6 +71,7 @@
props: {},
data() {
return {
activeName:'zhcx',
type:'all',
total: 0,
pageNo: 1,
......@@ -183,11 +188,19 @@
};
</script>
<style scoped lang="less">
.tabs{
height: calc(100% - 50px);
/deep/.el-tabs__content{
height: 100%;
/deep/.el-tab-pane{
height: 100%;
}
}
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 18px;
padding: 0 18px 0 0;
display: flex;
flex-direction: column;
background-color: #EAEDF5;
......@@ -223,4 +236,5 @@
width: 230px;
}
}
}
</style>
......