Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
b0431b8a by zhaoqian
Options

Merge remote-tracking branch 'origin/master'

2 parents 1020f21b 5b9dcc6e
Inline Side-by-side
Showing 10 changed files with 261 additions and 167 deletions
...@@ -70,4 +70,38 @@ ol, ul { list-style:none; } ...@@ -70,4 +70,38 @@ ol, ul { list-style:none; }
70 } 70 }
71 ::-webkit-scrollbar-track { 71 ::-webkit-scrollbar-track {
72 border-radius: 0; 72 border-radius: 0;
73 }
74 //二级菜单样式
75 .tabs{
76 >.is-top>.is-top>.el-tabs__nav-scroll{
77 height: 50px;
78 background-color: #ffffff;
79 box-sizing: border-box;
80 padding-left: 20px;
81 .el-tabs__active-bar{
82 display: none;
83 }
84 >.el-tabs__nav{
85 >.el-tabs__item{
86 border: 1px solid #DEDEDE;
87 height: 30px;
88 line-height: 30px;
89 padding: 0 20px;
90 margin: 9px 10px 9px 0;
91 }
92 .is-active{
93 color: #006CFF;
94 background-color: #ffffff;
95 }
96 }
97 }
98 }
99 //弹框遮罩层样式
100 .v-modal{
101 opacity: .2;
102 background: #fff;
103 }
104 .el-dialog{
105 -webkit-box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4);
106 box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4);
73 } 107 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="">
3 <el-dialog 3 <el-dialog
4 title="批量室号" 4 title="批量室号"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
......
...@@ -208,6 +208,7 @@ ...@@ -208,6 +208,7 @@
208 }, 208 },
209 cancel: function () { 209 cancel: function () {
210 console.log("cancel......") 210 console.log("cancel......")
211 this.close();
211 }, 212 },
212 close: function () { 213 close: function () {
213 this.$emit("close") 214 this.$emit("close")
...@@ -216,6 +217,16 @@ ...@@ -216,6 +217,16 @@
216 }, 217 },
217 result: function () { 218 result: function () {
218 console.log("重置") 219 console.log("重置")
220 this.plzlData = {
221 qz: '',
222 zd: '',
223 zrz: '',
224 ljz: '',
225 zdy: '',
226 c: '',
227 h: '',
228 hz: ''
229 }
219 } 230 }
220 }, 231 },
221 computed: { 232 computed: {
......
1 <template> 1 <template>
2 <el-row> 2 <el-row>
3 <el-col :span="18"> 3 <el-col :span="24">
4 <el-row> 4 <el-row>
5 <el-col :span="22"> 5 <el-col :span="24">
6 <el-form :inline="true" class="demo-form-inline"> 6 <el-form :inline="true" class="demo-form-inline">
7 <el-form-item label="宗地编码:"> 7 <el-form-item label="宗地编码">
8 <el-input v-model="queryData.zddm" placeholder="输入宗地编码" @change="query"></el-input> 8 <el-input
9 </el-form-item> 9 v-model="queryData.zddm"
10 <el-form-item label="坐落:"> 10 placeholder="输入宗地编码"
11 <el-input v-model="queryData.zl" placeholder="输入坐落地址" @change="query"></el-input> 11 @change="query"
12 </el-form-item> 12 ></el-input>
13 </el-form> 13 </el-form-item>
14 </el-col> 14 <el-form-item label="坐落">
15 <el-col :span="2"> 15 <el-input
16 <el-button type="primary" @click="query">查询</el-button> 16 v-model="queryData.zl"
17 </el-col> 17 placeholder="输入坐落地址"
18 </el-row> 18 @change="query"
19 <el-row> 19 ></el-input>
20 <el-col :span="22"> 20 </el-form-item>
21 <el-form :inline="true" :model="queryData" class="demo-form-inline"> 21 <el-form-item label="不动产单元号">
22 <el-form-item label="不动产单元号:"> 22 <el-input
23 <el-input 23 v-model="queryData.bdcdyh"
24 v-model="queryData.bdcdyh" 24 placeholder="输入不动产单元号"
25 placeholder="输入不动产单元号" 25 @change="query"
26 @change="query" 26 ></el-input>
27 ></el-input> 27 </el-form-item>
28 </el-form-item> 28 <el-button type="primary" @click="query">查询</el-button>
29 <el-form-item class="demo-form-inline" label="单元类型:"> 29 <el-button type="warning" @click="reset">重置</el-button>
30 <el-checkbox-group v-model="queryData.dylxs" @change="query"> 30 <el-button
31 <el-checkbox label="zd" name="type">宗地</el-checkbox> 31 type="primary"
32 <el-checkbox label="zrz" name="type">自然幢</el-checkbox> 32 class="moreSearchBtn"
33 <el-checkbox label="h" name="type">户</el-checkbox> 33 @click="moreSearch"
34 <el-checkbox label="gzw" name="type">构筑物</el-checkbox> 34 >高级查询
35 <el-checkbox label="lq" name="type">林权</el-checkbox> 35 </el-button>
36 <el-checkbox label="zh" name="type">宗海</el-checkbox> 36 <!-- @click="ismore = !ismore" -->
37 </el-checkbox-group> 37 </el-form>
38 </el-form-item> 38 </el-col>
39 </el-form> 39 </el-row>
40 </el-col> 40 <el-row>
41 <el-col :span="2"> 41 <el-col :span="24">
42 <el-button type="warning" @click="reset">重置</el-button> 42 <el-form :inline="true" :model="queryData" class="demo-form-inline">
43 </el-col> 43 <el-form-item class="demo-form-inline" label="查询范围">
44 </el-row> 44 <el-checkbox-group v-model="queryData.dylxs" @change="query">
45 <el-row class="row3"> 45 <el-checkbox label="zd" name="type">宗地</el-checkbox>
46 <el-col :span="22" v-show="ismore"> 46 <el-checkbox label="zrz" name="type">自然幢</el-checkbox>
47 <el-form :inline="true" class="demo-form-inline"> 47 <el-checkbox label="h" name="type">户</el-checkbox>
48 <el-form-item label="权利人名称:"> 48 <el-checkbox label="gzw" name="type">构筑物</el-checkbox>
49 <el-input placeholder="输入权利人名称" v-model="queryData.qlrmc" @change="query"></el-input> 49 <el-checkbox label="lq" name="type">林权</el-checkbox>
50 </el-form-item> 50 <el-checkbox label="zh" name="type">宗海</el-checkbox>
51 <el-form-item label="项目名称:"> 51 </el-checkbox-group>
52 <el-input placeholder="输入项目名称" v-model="queryData.xmmc" @change="query"></el-input> 52 </el-form-item>
53 </el-form-item> 53 </el-form>
54 <el-form-item label="不动产权证号:"> 54 </el-col>
55 <el-input placeholder="输入不动产权证号" v-model="queryData.bdcqzh" @change="query"></el-input> 55 <el-col :span="2">
56 </el-form-item> 56 </el-col>
57 </el-form> 57 </el-row>
58 </el-col> 58 <el-row class="row3" v-if="ismore">
59 <el-col :span="2" :offset="offset"> 59 <el-col :span="22">
60 <el-button type="primary" class="moreSearchBtn" @click="ismore=!ismore">更多查询 60 <el-form :inline="true" class="demo-form-inline">
61 </el-button> 61 <el-form-item label="权利人名称:">
62 </el-col> 62 <el-input
63 </el-row> 63 placeholder="输入权利人名称"
64 </el-col> 64 v-model="queryData.qlrmc"
65 </el-row> 65 @change="query"
66 66 ></el-input>
67 </el-form-item>
68 <el-form-item label="项目名称:">
69 <el-input
70 placeholder="输入项目名称"
71 v-model="queryData.xmmc"
72 @change="query"
73 ></el-input>
74 </el-form-item>
75 <el-form-item label="不动产权证号:">
76 <el-input
77 placeholder="输入不动产权证号"
78 v-model="queryData.bdcqzh"
79 @change="query"
80 ></el-input>
81 </el-form-item>
82 </el-form>
83 </el-col>
84 <el-col :span="2" :offset="offset">
85 </el-col>
86 </el-row>
87 </el-col>
88 </el-row>
67 </template> 89 </template>
68 90
69 <script> 91 <script>
70 export default { 92 export default {
71 name: "", 93 name: "",
72 components: {}, 94 components: {},
73 props: {}, 95 props: {},
74 data() { 96 data() {
75 return { 97 return {
76 offset: 22, 98 offset: 22,
77 ismore: false, 99 ismore: false,
78 queryData: { 100 queryData: {
79 bdcdyh: "", 101 bdcdyh: "",
80 bdcqzh: "", 102 bdcqzh: "",
81 dylxs: [], 103 dylxs: [],
82 qlrmc: "", 104 qlrmc: "",
83 qszt: "", 105 qszt: "",
84 xmmc: "", 106 xmmc: "",
85 zddm: "", 107 zddm: "",
86 zl: "" 108 zl: "",
87 } 109 },
88 }; 110 };
89 }, 111 },
90 created() { 112 created() {
91 let self = this; 113 let self = this;
92 document.onkeydown = function (e) { 114 document.onkeydown = function(e) {
93 //按下回车提交 115 //按下回车提交
94 let key = window.event.keyCode; 116 let key = window.event.keyCode;
95 //事件中keycode=13为回车事件 117 //事件中keycode=13为回车事件
96 if (key == 13) { 118 if (key == 13) {
97 self.onSubmit(); 119 self.onSubmit();
98 } 120 }
99 }; 121 };
100 }, 122 },
101 mounted() { 123 mounted() {},
102 }, 124 methods: {
103 methods: { 125 //重置
104 reset() { 126 reset() {
105 this.queryData = { 127 this.queryData = {
106 bdcdyh: "", 128 bdcdyh: "",
107 bdcqzh: "", 129 bdcqzh: "",
108 dylxs: [], 130 dylxs: [],
109 qlrmc: "", 131 qlrmc: "",
110 qszt: "", 132 qszt: "",
111 xmmc: "", 133 xmmc: "",
112 zddm: "", 134 zddm: "",
113 zl: "" 135 zl: "",
114 }; 136 };
115 this.query() 137 this.query();
116 },
117 query() {
118 //子组件点击查询时将表单数据发送给父组件
119 this.$emit("getSearchCondition", this.queryData);
120 },
121 }, 138 },
122 computed: {}, 139 //查询
123 watch: { 140 query() {
124 "ismore": function (val) { 141 //子组件点击查询时将表单数据发送给父组件
125 if (val) { 142 this.$emit("getSearchCondition", this.queryData);
126 this.offset = 0
127 } else {
128 this.offset = 22
129 this.queryData.qlrmc = "";
130 this.queryData.xmmc = "";
131 this.queryData.bdcqzh = "";
132 }
133 }
134 }, 143 },
135 }; 144 // 高级查询
145 moreSearch(){
146 this.$message('待开发');
147 }
148 },
149 computed: {},
150 watch: {
151 ismore: function(val) {
152 if (val) {
153 this.offset = 0;
154 } else {
155 this.offset = 22;
156 this.queryData.qlrmc = "";
157 this.queryData.xmmc = "";
158 this.queryData.bdcqzh = "";
159 }
160 },
161 },
162 };
136 </script> 163 </script>
137 <style scoped lang="less"> 164 <style scoped lang="less">
138 .el-button { 165 .el-row{
139 width: 100px; 166 background-color: #EAEDF5;
140 } 167 }
141 .row3{ 168 .el-button {
142 height: 55px; 169 width: 100px;
143 } 170 }
171 .row3 {
172 height: 55px;
173 }
174 .moreSearchBtn{
175 background-color: #1AD6E1;
176 border-color: #1AD6E1;
177 }
144 </style> 178 </style>
......
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
61 return { 61 return {
62 total: 0, 62 total: 0,
63 pageNo: 1, 63 pageNo: 1,
64 pageSize: 10, 64 pageSize: 15,
65 tableData: [], 65 tableData: [],
66 tableHeight: "", 66 tableHeight: "",
67 queryData: {} 67 queryData: {}
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
70 created() { 70 created() {
71 }, 71 },
72 mounted() { 72 mounted() {
73 this.getData({}) 73 this.getData({pageSize:15})
74 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; 74 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
75 }, 75 },
76 methods: { 76 methods: {
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
140 padding: 0 18px; 140 padding: 0 18px;
141 display: flex; 141 display: flex;
142 flex-direction: column; 142 flex-direction: column;
143 background-color: #fcfdff; 143 background-color: #EAEDF5;
144 .demo-form-inline { 144 .demo-form-inline {
145 margin-top: 18px; 145 margin-top: 18px;
146 .moreSearchBtn { 146 .moreSearchBtn {
......
1 <template> 1 <template>
2 <div class="content_box"> 2 <div class="content_box">
3 <el-tabs v-model="activeName" @tab-click="handleClick"> 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
4 <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane> 4 <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
5 <el-tab-pane label="面积分摊表" name="mjftb"><mjftb></mjftb></el-tab-pane> 5 <el-tab-pane label="面积分摊表" name="mjftb"><mjftb></mjftb></el-tab-pane>
6 <el-tab-pane label="界址点" name="jzd"><jzd></jzd></el-tab-pane> 6 <el-tab-pane label="界址点" name="jzd"><jzd></jzd></el-tab-pane>
......
1 <template> 1 <template>
2 <div ref="lpb" class="content_box"> 2 <div ref="lpb" class="content_box">
3 <el-tabs v-model="activeName" @tab-click="handleClick"> 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
4 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane> 4 <el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane>
5 <el-tab-pane label="业主共有" name="yzgy"><yzgy></yzgy></el-tab-pane> 5 <el-tab-pane label="业主共有" name="yzgy"><yzgy></yzgy></el-tab-pane>
6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> 6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
...@@ -44,24 +44,24 @@ export default { ...@@ -44,24 +44,24 @@ export default {
44 }; 44 };
45 </script> 45 </script>
46 <style scoped lang="less"> 46 <style scoped lang="less">
47 .content_box{ 47 // .content_box{
48 box-sizing: border-box; 48 // box-sizing: border-box;
49 padding: 0 20px; 49 // padding: 0 20px;
50 .el-tabs{ 50 // .el-tabs{
51 width: 100%; 51 // width: 100%;
52 height: 100%; 52 // height: 100%;
53 display: flex; 53 // display: flex;
54 flex-direction: column; 54 // flex-direction: column;
55 } 55 // }
56 /deep/.el-tabs__content{ 56 // /deep/.el-tabs__content{
57 width: 100%; 57 // width: 100%;
58 height: 100%; 58 // height: 100%;
59 flex:1; 59 // flex:1;
60 position: unset; 60 // position: unset;
61 } 61 // }
62 .el-tab-pane{ 62 // .el-tab-pane{
63 width: 100%; 63 // width: 100%;
64 height: 100%; 64 // height: 100%;
65 } 65 // }
66 } 66 // }
67 </style> 67 </style>
......
...@@ -256,7 +256,7 @@ export default { ...@@ -256,7 +256,7 @@ export default {
256 }, 256 },
257 //获取高度计算lpb内容区高度 257 //获取高度计算lpb内容区高度
258 getHeight() { 258 getHeight() {
259 this.lpbContentHight = window.innerHeight - 276; 259 this.lpbContentHight = window.innerHeight - 285;
260 }, 260 },
261 //创建楼盘 261 //创建楼盘
262 create() { 262 create() {
...@@ -388,7 +388,7 @@ export default { ...@@ -388,7 +388,7 @@ export default {
388 box-sizing: border-box; 388 box-sizing: border-box;
389 padding: 20px 0; 389 padding: 20px 0;
390 background-color: #ffffff; 390 background-color: #ffffff;
391 margin-bottom: 20px; 391 margin-bottom: 15px;
392 .searchContent { 392 .searchContent {
393 box-sizing: border-box; 393 box-sizing: border-box;
394 padding: 0 20px; 394 padding: 0 20px;
......
...@@ -42,10 +42,27 @@ export default { ...@@ -42,10 +42,27 @@ export default {
42 .lpb{ 42 .lpb{
43 width: 100%; 43 width: 100%;
44 height: 100%; 44 height: 100%;
45 background-color: #fff; 45 box-sizing: border-box;
46 padding: 0 18px !important;
47 -webkit-user-select:none;
48 -moz-user-select:none;
49 -ms-user-select:none;
50 user-select:none;
46 /deep/.el-tabs__header{ 51 /deep/.el-tabs__header{
47 margin-bottom: 0; 52 margin-bottom: 0;
48 } 53 }
54 /deep/.el-tabs--card>.el-tabs__header{
55 background-color: #FAFAFA;
56 border-top: 1px solid #E4E7ED;
57 }
58 /deep/.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
59 background-color: #fff;
60 border-top: 2px solid #006CFF;
61 height: 42px;
62 }
63 /deep/ .el-tabs__item{
64 border-top: 0;
65 }
49 .el-tabs{ 66 .el-tabs{
50 height: 100%; 67 height: 100%;
51 display: flex; 68 display: flex;
......
1 <template> 1 <template>
2 <div class="zrz content-form" v-loading="loading"> 2 <div class="zrz content-form main" v-loading="loading">
3 <el-form ref="form" :model="form" label-width="160px"> 3 <el-form ref="form" :model="form" label-width="160px">
4 <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr>
5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable">
...@@ -528,8 +528,6 @@ ...@@ -528,8 +528,6 @@
528 .zrz { 528 .zrz {
529 min-height: 200px; 529 min-height: 200px;
530 width: 100%; 530 width: 100%;
531 margin-top: 10px;
532 float: left;
533 531
534 /deep/.el-input__inner{ 532 /deep/.el-input__inner{
535 width: 100%; 533 width: 100%;
......