Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
000e2cd7 by zhaoqian
Options

Merge remote-tracking branch 'origin/master' 

# Conflicts:
#	src/App.vue
#	src/components/formMenu/qlr.vue
2 parents debb055d 960a2a53
Inline Side-by-side
Showing 9 changed files with 877 additions and 822 deletions
...@@ -5,31 +5,14 @@ ...@@ -5,31 +5,14 @@
5 </template> 5 </template>
6 6
7 <script> 7 <script>
8 import { getDdicByMC } from "../src/api/common";
9 export default { 8 export default {
10 mounted() { 9 mounted() {
11 window.addEventListener("unload", this.saveState); 10 window.addEventListener("unload", this.saveState);
12 this.getDic();
13 }, 11 },
14 methods: { 12 methods: {
15 saveState() { 13 saveState() {
16 sessionStorage.setItem("state", JSON.stringify(this.$store.state)); 14 sessionStorage.setItem("state", JSON.stringify(this.$store.state));
17 }, 15 },
18 //请求字典数据
19 getDic() {
20 let s = this.$store.state;
21 s.zjzlList = s.zjzlList.length == 0 ? this.getDicData("证件种类") : s.zjzlList;
22 s.gjList = s.gjList.length == 0 ? this.getDicData("国家和地区") : s.gjList;
23 s.ssList = s.ssList.length == 0 ? this.getDicData("省市") : s.ssList;
24 s.qlrlxList = s.qlrlxList.length == 0 ? this.getDicData("权利人类型") : s.qlrlxList;
25 s.xbList = s.xbList.length == 0 ? this.getDicData("性别") : s.xbList;
26 s.sshyList = s.sshyList.length == 0 ? this.getDicData("国民经济行业分类代码") : s.sshyList;
27 },
28 getDicData(name) {
29 getDdicByMC(name).then((res) => {
30 return res.result;
31 });
32 },
33 }, 16 },
34 }; 17 };
35 </script> 18 </script>
......
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
61 <td colspan="3"> 61 <td colspan="3">
62 <el-select class="formSelect" v-model="formData.qlrlxbsm"> 62 <el-select class="formSelect" v-model="formData.qlrlxbsm">
63 <el-option 63 <el-option
64 v-for="item in qllxList" 64 v-for="item in $store.state.qlrlxList"
65 :key="item.bsm" 65 :key="item.bsm"
66 :label="item.mc" 66 :label="item.mc"
67 :value="item.bsm" 67 :value="item.bsm"
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
75 <td colspan="3"> 75 <td colspan="3">
76 <el-select class="formSelect" v-model="formData.zjzlbsm"> 76 <el-select class="formSelect" v-model="formData.zjzlbsm">
77 <el-option 77 <el-option
78 v-for="item in zjlxList" 78 v-for="item in $store.state.zjzlList"
79 :key="item.bsm" 79 :key="item.bsm"
80 :label="item.mc" 80 :label="item.mc"
81 :value="item.bsm" 81 :value="item.bsm"
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
103 <td colspan="3"> 103 <td colspan="3">
104 <el-select class="formSelect" v-model="formData.gjbsm"> 104 <el-select class="formSelect" v-model="formData.gjbsm">
105 <el-option 105 <el-option
106 v-for="item in gjList" 106 v-for="item in $store.state.gjList"
107 :key="item.bsm" 107 :key="item.bsm"
108 :label="item.mc" 108 :label="item.mc"
109 :value="item.bsm" 109 :value="item.bsm"
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
115 <td colspan="3"> 115 <td colspan="3">
116 <el-select class="formSelect" v-model="formData.hjszssbsm"> 116 <el-select class="formSelect" v-model="formData.hjszssbsm">
117 <el-option 117 <el-option
118 v-for="item in ssList" 118 v-for="item in $store.state.ssList"
119 :key="item.bsm" 119 :key="item.bsm"
120 :label="item.mc" 120 :label="item.mc"
121 :value="item.bsm" 121 :value="item.bsm"
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
129 <td colspan="3"> 129 <td colspan="3">
130 <el-select class="formSelect" v-model="formData.xbbsm"> 130 <el-select class="formSelect" v-model="formData.xbbsm">
131 <el-option 131 <el-option
132 v-for="item in xbList" 132 v-for="item in $store.state.xbList"
133 :key="item.bsm" 133 :key="item.bsm"
134 :label="item.mc" 134 :label="item.mc"
135 :value="item.bsm" 135 :value="item.bsm"
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
147 <td colspan="3"> 147 <td colspan="3">
148 <el-select class="formSelect" v-model="formData.sshy"> 148 <el-select class="formSelect" v-model="formData.sshy">
149 <el-option 149 <el-option
150 v-for="item in sshyList" 150 v-for="item in $store.state.sshyList"
151 :key="item.bsm" 151 :key="item.bsm"
152 :label="item.mc" 152 :label="item.mc"
153 :value="item.bsm" 153 :value="item.bsm"
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
176 <td colspan="3"> 176 <td colspan="3">
177 <el-select class="formSelect" v-model="formData.fr.zjzlbsm"> 177 <el-select class="formSelect" v-model="formData.fr.zjzlbsm">
178 <el-option 178 <el-option
179 v-for="item in zjlxList" 179 v-for="item in $store.state.zjzlList"
180 :key="item.bsm" 180 :key="item.bsm"
181 :label="item.mc" 181 :label="item.mc"
182 :value="item.bsm" 182 :value="item.bsm"
...@@ -222,7 +222,7 @@ ...@@ -222,7 +222,7 @@
222 <td colspan="3"> 222 <td colspan="3">
223 <el-select class="formSelect" v-model="item.zjzlbsm"> 223 <el-select class="formSelect" v-model="item.zjzlbsm">
224 <el-option 224 <el-option
225 v-for="item in zjlxList" 225 v-for="item in $store.state.zjlxList"
226 :key="item.bsm" 226 :key="item.bsm"
227 :label="item.mc" 227 :label="item.mc"
228 :value="item.bsm" 228 :value="item.bsm"
...@@ -252,7 +252,7 @@ ...@@ -252,7 +252,7 @@
252 <td colspan="3"> 252 <td colspan="3">
253 <el-select class="formSelect" v-model="formData.gyfsbsm"> 253 <el-select class="formSelect" v-model="formData.gyfsbsm">
254 <el-option 254 <el-option
255 v-for="item in gyfsList" 255 v-for="item in $store.state.gyfsList"
256 :key="item.bsm" 256 :key="item.bsm"
257 :label="item.mc" 257 :label="item.mc"
258 :value="item.bsm" 258 :value="item.bsm"
......
...@@ -211,14 +211,12 @@ export default { ...@@ -211,14 +211,12 @@ export default {
211 getDicData(){ 211 getDicData(){
212 getDdicByMC("土地用途") 212 getDdicByMC("土地用途")
213 .then((res) => { 213 .then((res) => {
214 console.log(res.result);
215 this.pzytList = res.result; 214 this.pzytList = res.result;
216 this.sjytList = res.result; 215 this.sjytList = res.result;
217 }) 216 })
218 .catch((error) => {}); 217 .catch((error) => {});
219 getDdicByMC("土地等级") 218 getDdicByMC("土地等级")
220 .then((res) => { 219 .then((res) => {
221 console.log(res.result);
222 this.djList = res.result; 220 this.djList = res.result;
223 }) 221 })
224 .catch((error) => {}); 222 .catch((error) => {});
......
1 <template> 1 <template>
2 <el-form :inline="true" :model="formData" class="demo-form-inline"> 2 <el-row>
3 <el-form-item label="宗地编码"> 3 <el-col :span="18">
4 <el-input v-model="formData.zdbm" placeholder="输入宗地编码"></el-input> 4 <el-row>
5 </el-form-item> 5 <el-col :span="22">
6 <el-form-item label="坐落"> 6 <el-form :inline="true" class="demo-form-inline">
7 <el-input v-model="formData.zl" placeholder="输入坐落地址"></el-input> 7 <el-form-item label="宗地编码:">
8 </el-form-item> 8 <el-input v-model="queryData.zddm" placeholder="输入宗地编码" @change="query"></el-input>
9 <el-form-item label="不动产单元号"> 9 </el-form-item>
10 <el-input 10 <el-form-item label="坐落:">
11 v-model="formData.bdcdyh" 11 <el-input v-model="queryData.zl" placeholder="输入坐落地址" @change="query"></el-input>
12 placeholder="输入不动产单元号" 12 </el-form-item>
13 ></el-input> 13 </el-form>
14 </el-form-item> 14 </el-col>
15 <el-form-item> 15 <el-col :span="2">
16 <el-button type="primary" @click="onSubmit">查询</el-button> 16 <el-button type="primary" @click="query">查询</el-button>
17 <el-button type="warning" @click="onSubmit">重置</el-button> 17 </el-col>
18 <el-button type="primary" class="moreSearchBtn" @click="onSubmit" 18 </el-row>
19 >更多查询</el-button 19 <el-row>
20 > 20 <el-col :span="22">
21 </el-form-item> 21 <el-form :inline="true" :model="queryData" class="demo-form-inline">
22 <el-form-item class="db" label="查询范围"> 22 <el-form-item label="不动产单元号:">
23 <el-checkbox-group v-model="formData.type"> 23 <el-input
24 <el-checkbox label="宗地" name="type"></el-checkbox> 24 v-model="queryData.bdcdyh"
25 <el-checkbox label="自然幢" name="type"></el-checkbox> 25 placeholder="输入不动产单元号"
26 <el-checkbox label="户" name="type"></el-checkbox> 26 @change="query"
27 <el-checkbox label="构筑物" name="type"></el-checkbox> 27 ></el-input>
28 <el-checkbox label="林权" name="type"></el-checkbox> 28 </el-form-item>
29 <el-checkbox label="宗海" name="type"></el-checkbox> 29 <el-form-item class="demo-form-inline" label="单元类型:">
30 </el-checkbox-group> 30 <el-checkbox-group v-model="queryData.dylxs" @change="query">
31 </el-form-item> 31 <el-checkbox label="zd" name="type">宗地</el-checkbox>
32 </el-form> 32 <el-checkbox label="zrz" name="type">自然幢</el-checkbox>
33 <el-checkbox label="h" name="type">户</el-checkbox>
34 <el-checkbox label="gzw" name="type">构筑物</el-checkbox>
35 <el-checkbox label="lq" name="type">林权</el-checkbox>
36 <el-checkbox label="zh" name="type">宗海</el-checkbox>
37 </el-checkbox-group>
38 </el-form-item>
39 </el-form>
40 </el-col>
41 <el-col :span="2">
42 <el-button type="warning" @click="reset">重置</el-button>
43 </el-col>
44 </el-row>
45 <el-row class="row3">
46 <el-col :span="22" v-show="ismore">
47 <el-form :inline="true" class="demo-form-inline">
48 <el-form-item label="权利人名称:">
49 <el-input placeholder="输入权利人名称" v-model="queryData.qlrmc" @change="query"></el-input>
50 </el-form-item>
51 <el-form-item label="项目名称:">
52 <el-input placeholder="输入项目名称" v-model="queryData.xmmc" @change="query"></el-input>
53 </el-form-item>
54 <el-form-item label="不动产权证号:">
55 <el-input placeholder="输入不动产权证号" v-model="queryData.bdcqzh" @change="query"></el-input>
56 </el-form-item>
57 </el-form>
58 </el-col>
59 <el-col :span="2" :offset="offset">
60 <el-button type="primary" class="moreSearchBtn" @click="ismore=!ismore">更多查询
61 </el-button>
62 </el-col>
63 </el-row>
64 </el-col>
65 </el-row>
66
33 </template> 67 </template>
34 68
35 <script> 69 <script>
36 export default { 70 export default {
37 name: "", 71 name: "",
38 components: {}, 72 components: {},
39 props: {}, 73 props: {},
40 data() { 74 data() {
41 return { 75 return {
42 formData: { 76 offset: 22,
43 zdbm: "", 77 ismore: false,
44 zl: "", 78 queryData: {
45 bdcdyh: "", 79 bdcdyh: "",
46 type: [], 80 bdcqzh: "",
47 }, 81 dylxs: [],
48 }; 82 qlrmc: "",
49 }, 83 qszt: "",
50 created() { 84 xmmc: "",
51 let self = this; 85 zddm: "",
52 document.onkeydown = function(e) { 86 zl: ""
53 //按下回车提交 87 }
54 let key = window.event.keyCode; 88 };
55 //事件中keycode=13为回车事件 89 },
56 if (key == 13) { 90 created() {
57 self.onSubmit(); 91 let self = this;
58 } 92 document.onkeydown = function (e) {
59 }; 93 //按下回车提交
60 }, 94 let key = window.event.keyCode;
61 mounted() {}, 95 //事件中keycode=13为回车事件
62 methods: { 96 if (key == 13) {
63 onSubmit() { 97 self.onSubmit();
64 //子组件点击查询时将表单数据发送给父组件 98 }
65 this.$emit("getSearchCondition", this.formData); 99 };
66 }, 100 },
67 }, 101 mounted() {
68 computed: {}, 102 },
69 watch: {}, 103 methods: {
70 }; 104 reset() {
105 this.queryData = {
106 bdcdyh: "",
107 bdcqzh: "",
108 dylxs: [],
109 qlrmc: "",
110 qszt: "",
111 xmmc: "",
112 zddm: "",
113 zl: ""
114 };
115 this.query()
116 },
117 query() {
118 //子组件点击查询时将表单数据发送给父组件
119 this.$emit("getSearchCondition", this.queryData);
120 },
121 },
122 computed: {},
123 watch: {
124 "ismore": function (val) {
125 if (val) {
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 },
135 };
71 </script> 136 </script>
72 <style scoped lang="less"></style> 137 <style scoped lang="less">
138 .el-button {
139 width: 100px;
140 }
141 .row3{
142 height: 55px;
143 }
144 </style>
......
...@@ -10,15 +10,15 @@ Vue.use(Vuex) ...@@ -10,15 +10,15 @@ Vue.use(Vuex)
10 const store = new Vuex.Store({ 10 const store = new Vuex.Store({
11 state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : { 11 state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : {
12 zdbsm: '', 12 zdbsm: '',
13 xzqList: [],
14 djqList: [],
15 djzqList: [],
16 zjzlList:[], 13 zjzlList:[],
17 gjList:[], 14 gjList:[],
18 ssList:[], 15 ssList:[],
19 qlrlxList:[], 16 qlrlxList:[],
20 xbList:[], 17 xbList:[],
21 sshyList:[], 18 sshyList:[],
19 xzqList: [],
20 djqList: [],
21 djzqList: [],
22 //创建自然幢时需要用到的临时存储信息 22 //创建自然幢时需要用到的临时存储信息
23 zrzbsm: '', 23 zrzbsm: '',
24 xmmc: '', 24 xmmc: '',
......
1 <template> 1 <template>
2 <div class="home-box"> 2 <div class="home-box">
3 <el-container> 3 <el-container>
4 <el-aside :class="{ 'aside-show': isActive }"> 4 <el-aside :class="{ 'aside-show': isActive }">
5 <div class="logo-box" :class="{ 'logo-box-show': isActive }"> 5 <div class="logo-box" :class="{ 'logo-box-show': isActive }">
6 <img 6 <img
7 class="logo-img" 7 class="logo-img"
8 src="@/assets/images/logo-realestate.png" 8 src="@/assets/images/logo-realestate.png"
9 alt="" 9 alt=""
10 /> 10 />
11 <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span> 11 <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span>
12 </div> 12 </div>
13 <div class="treeModule"> 13 <div class="treeModule">
14 <LineTree :pd="pd" @itemClick="itemClick"></LineTree> 14 <LineTree :pd="pd" @itemClick="itemClick"></LineTree>
15 </div> 15 </div>
16 </el-aside> 16 </el-aside>
17 <el-container> 17 <el-container>
18 <el-header height="100px"> 18 <el-header height="100px">
19 <div class="header-top"> 19 <div class="header-top">
20 <div class="top-items" @click="toggleClick"> 20 <div class="top-items" @click="toggleClick">
21 <i class="fa fa-outdent hamburger" v-show="!isActive"></i> 21 <i class="fa fa-outdent hamburger" v-show="!isActive"></i>
22 <i class="fa fa-indent hamburger" v-show="isActive"></i> 22 <i class="fa fa-indent hamburger" v-show="isActive"></i>
23 </div> 23 </div>
24 <div 24 <div
25 class="top-items" 25 class="top-items"
26 v-for="(item, index) in headTop" 26 v-for="(item, index) in headTop"
27 :key="index + '1'" 27 :key="index + '1'"
28 :class="{ 'is-active': item.select }" 28 :class="{ 'is-active': item.select }"
29 @click="selectTopItems(index)" 29 @click="selectTopItems(index)"
30 > 30 >
31 <i :class="item.icon"></i> 31 <i :class="item.icon"></i>
32 <span>{{ item.name }}</span> 32 <span>{{ item.name }}</span>
33 </div> 33 </div>
34 </div> 34 </div>
35 <div class="header-bottom"> 35 <div class="header-bottom">
36 <Navigation ref="navigation"></Navigation> 36 <Navigation ref="navigation"></Navigation>
37 </div> 37 </div>
38 <el-dialog 38 <el-dialog title="新建" :visible.sync="dialogVisible" width="40%">
39 title="新建" 39 <Create @closeDialog="closeDialog"></Create>
40 :visible.sync="dialogVisible" 40 </el-dialog>
41 width="40%" 41 </el-header>
42 > 42 <el-main>
43 <Create @closeDialog="closeDialog"></Create> 43 <router-view />
44 </el-dialog> 44 </el-main>
45 </el-header> 45 </el-container>
46 <el-main> 46 </el-container>
47 <router-view/> 47 </div>
48 </el-main>
49 </el-container>
50 </el-container>
51 </div>
52 </template> 48 </template>
53 <script> 49 <script>
54 import util from "@/libs/util.js"; 50 import util from "@/libs/util.js";
55 import Navigation from "../components/IvyElement/navigation"; 51 import Navigation from "../components/IvyElement/navigation";
56 import Create from "./panel/create/index"; 52 import Create from "./panel/create/index";
57 import LineTree from "../components/lineTree/lineTree"; 53 import LineTree from "../components/lineTree/lineTree";
58 import {setTimeout} from "timers"; 54 import { setTimeout } from "timers";
59 import {getTree} from "../api/common" 55 import { getTree,getDdicByMC } from "../api/common";
60 56
61 export default { 57 export default {
62 components: { 58 components: {
63 Navigation, 59 Navigation,
64 LineTree, 60 LineTree,
65 Create, 61 Create,
62 },
63 data() {
64 return {
65 navigationList: [],
66 isActive: false,
67 textLogo: false,
68 activePath: "",
69 defaultActive: "",
70 headTop: [
71 {
72 path: "/create",
73 select: false,
74 },
75 {
76 path: "/add",
77 select: false,
78 },
79 {
80 path: "/modify",
81 select: false,
82 },
83 {
84 path: "/change",
85 select: false,
86 },
87 {
88 path: "/search",
89 select: false,
90 },
91 ],
92 tempTab: [
93 {
94 path: "/zrz",
95 name: "自然幢",
96 },
97 {
98 path: "/dz",
99 name: "多幢",
100 },
101 {
102 path: "/h",
103 name: "户",
104 },
105 {
106 path: "/zd",
107 name: "宗地",
108 },
109 ],
110 // 上导航选中id
111 indId: undefined,
112 menuList: [],
113 pathAndCodeObj: {
114 "/article-draft": "PSH004",
115 "/article-publish": "PSH005",
116 "/article-recycle": "PSH006",
117 "/notice-draft": "PSH007",
118 "/notice-publish": "PSH008",
119 "/notice-recycle": "PSH009",
120 "/column_management": "PSH018",
121 "/announcement_template": "PSH019",
122 "/business_management": "PSH020",
123 },
124 pd: [
125 {
126 mc: "行政区(1)",
127 children: [],
128 },
129 {
130 mc: "行政区(2)",
131 children: [
132 {
133 mc: "地籍区1",
134 children: [],
135 },
136 {
137 mc: "地籍区2",
138 children: [
139 {
140 mc: "国有",
141 children: [
142 {
143 mc: "宗地代码1933",
144 isZD: true,
145 },
146 {
147 mc: "自然幢2100",
148 isZD: false,
149 },
150 ],
151 },
152 ],
153 },
154 {
155 label: "地籍区3",
156 children: [],
157 },
158 {
159 label: "地籍区4",
160 children: [],
161 },
162 ],
163 },
164 {
165 mc: "行政区(3)",
166 children: [],
167 },
168 {
169 mc: "行政区(4)",
170 children: [],
171 },
172 {
173 mc: "行政区(5)",
174 children: [],
175 },
176 ],
177 dialogVisible: false,
178 };
179 },
180 computed: {
181 permission_routes() {
182 return this.$store.state.permission_routes.navigation;
183 },
184 },
185 watch: {
186 "$route.path": function(newPath) {
187 //监测路由变化，高亮顶部导航
188 this.headTop.forEach((item, index) => {
189 item.select = false;
190 if (item.path == newPath) {
191 item.select = true;
192 }
193 });
194 if (newPath == "/zd") {
195 this.getRightTree(this.$store.state.zdbsm);
196 }
197 },
198 "$store.state.zdbsm": function(bsm) {
199 this.getRightTree(bsm);
200 },
201 },
202 created() {
203 if (this.$route.meta) {
204 this.defaultActive = this.$route.meta.code;
205 }
206 if (this.permission_routes.length !== 0) {
207 this.navigationList = this.permission_routes;
208 } else {
209 // let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation')))
210 //mock数据
211 let list = [
212 {
213 name: "新建",
214 icon: "fa fa-address-card-o",
215 path: "/create",
216 },
217 {
218 name: "添加",
219 icon: "fa fa-address-card-o",
220 path: "/add",
221 },
222 { name: "更正", icon: "fa fa-address-card-o", path: "/modify" },
223 {
224 name: "变更",
225 icon: "fa fa-address-card-o",
226 path: "/change",
227 },
228 {
229 name: "综合查询",
230 icon: "fa fa-address-card-o",
231 path: "/search",
232 },
233 ];
234 this.navigationList = list;
235 }
236 this.sortNavigation(this.navigationList, 0);
237 // if (util.cookies.get("indId")) {
238 // let indId = util.cookies.get("indId") - 0;
239 // this.navSelect(indId);
240 // this.sortNavigation(this.navigationList, indId);
241 // }
242 this.getDic();
243 },
244 methods: {
245 //请求字典数据
246 async getDic() {
247 let s = this.$store.state;
248 s.zjzlList = s.zjzlList.length == 0 ?await this.getDicData("证件种类") : s.zjzlList;
249 s.gjList = s.gjList.length == 0 ?await this.getDicData("国家和地区") : s.gjList;
250 s.ssList = s.ssList.length == 0 ?await this.getDicData("省市") : s.ssList;
251 s.qlrlxList = s.qlrlxList.length == 0 ?await this.getDicData("权利人类型") : s.qlrlxList;
252 s.xbList = s.xbList.length == 0 ? await this.getDicData("性别") : s.xbList;
253 s.sshyList = s.sshyList.length == 0 ?await this.getDicData("国民经济行业分类代码") : s.sshyList;
254 },
255 async getDicData(name) {
256 return await getDdicByMC(name).then((res)=> {
257 return res.result
258 });
66 }, 259 },
67 data() { 260 getRightTree(bsm) {
68 return { 261 getTree(bsm).then((res) => {
69 navigationList: [], 262 if (res.success) {
70 isActive: false, 263 this.pd = res.result;
71 textLogo: false, 264 }
72 activePath: "", 265 });
73 defaultActive: "", 266 },
74 headTop: [ 267 sortNavigation(data, selectId) {
75 { 268 let headTop = this.headTop;
76 path: "/create", 269 data.forEach((item, index) => {
77 select: false, 270 headTop[index].name = item.name;
78 }, 271 headTop[index].icon = item.icon;
79 { 272 });
80 path: "/add", 273 },
81 select: false, 274 // menuSelect(data, selectId) {
82 }, 275 // this.menuList = data[selectId].children;
83 { 276 // },
84 path: "/modify", 277 handleOpen(key, keyPath) {
85 select: false, 278 console.log(key, keyPath);
86 }, 279 },
87 { 280 handleClose(key, keyPath) {
88 path: "/change", 281 console.log(key, keyPath);
89 select: false, 282 },
90 }, 283 toggleClick() {
91 { 284 this.isActive = !this.isActive;
92 path: "/search", 285 if (!this.isActive) {
93 select: false, 286 setTimeout(() => {
94 }, 287 this.textLogo = this.isActive;
95 ], 288 }, 200);
96 tempTab: [ 289 } else {
97 { 290 this.textLogo = this.isActive;
98 path: "/zrz", 291 }
99 name: "自然幢", 292 },
100 }, 293 selectTopItems(ind) {
101 { 294 if (ind == 0) {
102 path: "/dz", 295 //点击新建，弹框
103 name: "多幢", 296 this.dialogVisible = true;
104 }, 297 } else {
105 { 298 this.dialogVisible = false;
106 path: "/h", 299 this.indId = ind;
107 name: "户", 300 // this.menuSelect(this.navigationList, ind);
108 }, 301 // this.$store.dispatch("setTabs/init_tabs");
109 { 302 // this.$store.dispatch("setTabs/set_active_index", "/panel");
110 path: "/zd", 303 this.$router.push(this.headTop[ind].path);
111 name: "宗地", 304 this.navSelect(ind);
112 }, 305 // util.cookies.set("indId", ind);
113 ], 306 }
114 // 上导航选中id 307 },
115 indId: undefined, 308 // 上导航选中id
116 menuList: [], 309 navSelect(id) {
117 pathAndCodeObj: { 310 this.headTop.forEach((item, index) => {
118 "/article-draft": "PSH004", 311 item.select = false;
119 "/article-publish": "PSH005", 312 if (index == id) {
120 "/article-recycle": "PSH006", 313 item.select = true;
121 "/notice-draft": "PSH007", 314 }
122 "/notice-publish": "PSH008", 315 });
123 "/notice-recycle": "PSH009", 316 },
124 "/column_management": "PSH018", 317 //树控件点击事件
125 "/announcement_template": "PSH019", 318 itemClick(data) {
126 "/business_management": "PSH020", 319 console.log(data);
127 }, 320 },
128 pd: [ 321 //关闭新建子组件弹框
129 { 322 closeDialog() {
130 mc: "行政区(1)", 323 this.dialogVisible = false;
131 children: [], 324 },
132 }, 325 },
133 { 326 };
134 mc: "行政区(2)",
135 children: [
136 {
137 mc: "地籍区1",
138 children: [],
139 },
140 {
141 mc: "地籍区2",
142 children: [
143 {
144 mc: "国有",
145 children: [
146 {
147 mc: "宗地代码1933",
148 isZD: true,
149 },
150 {
151 mc: "自然幢2100",
152 isZD: false,
153 },
154 ],
155 },
156 ],
157 },
158 {
159 label: "地籍区3",
160 children: [],
161 },
162 {
163 label: "地籍区4",
164 children: [],
165 },
166 ],
167 },
168 {
169 mc: "行政区(3)",
170 children: [],
171 },
172 {
173 mc: "行政区(4)",
174 children: [],
175 },
176 {
177 mc: "行政区(5)",
178 children: [],
179 },
180 ],
181 dialogVisible: false,
182 };
183 },
184 computed: {
185 permission_routes() {
186 return this.$store.state.permission_routes.navigation;
187 },
188 },
189 watch: {
190 "$route.path": function (newPath) {
191 //监测路由变化，高亮顶部导航
192 this.headTop.forEach((item, index) => {
193 item.select = false;
194 if (item.path == newPath) {
195 item.select = true;
196 }
197 });
198 if(newPath == '/zd'){
199 this.getRightTree(this.$store.state.zdbsm)
200 }
201 },
202 "$store.state.zdbsm": function (bsm) {
203 this.getRightTree(bsm)
204 }
205 },
206 created() {
207 if (this.$route.meta) {
208 this.defaultActive = this.$route.meta.code;
209 }
210 if (this.permission_routes.length !== 0) {
211 this.navigationList = this.permission_routes;
212 } else {
213 // let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation')))
214 //mock数据
215 let list = [
216 {
217 name: "新建",
218 icon: "fa fa-address-card-o",
219 path: "/create",
220 },
221 {
222 name: "添加",
223 icon: "fa fa-address-card-o",
224 path: "/add",
225 },
226 {name: "更正", icon: "fa fa-address-card-o", path: "/modify"},
227 {
228 name: "变更",
229 icon: "fa fa-address-card-o",
230 path: "/change",
231 },
232 {
233 name: "综合查询",
234 icon: "fa fa-address-card-o",
235 path: "/search",
236 },
237 ];
238 this.navigationList = list;
239 }
240 this.sortNavigation(this.navigationList, 0);
241 // if (util.cookies.get("indId")) {
242 // let indId = util.cookies.get("indId") - 0;
243 // this.navSelect(indId);
244 // this.sortNavigation(this.navigationList, indId);
245 // }
246 },
247 methods: {
248 getRightTree(bsm) {
249 getTree(bsm).then(res => {
250 if (res.success) {
251 this.pd=res.result
252 }
253 })
254 },
255 sortNavigation(data, selectId) {
256 let headTop = this.headTop;
257 data.forEach((item, index) => {
258 headTop[index].name = item.name;
259 headTop[index].icon = item.icon;
260 });
261 },
262 // menuSelect(data, selectId) {
263 // this.menuList = data[selectId].children;
264 // },
265 handleOpen(key, keyPath) {
266 console.log(key, keyPath);
267 },
268 handleClose(key, keyPath) {
269 console.log(key, keyPath);
270 },
271 toggleClick() {
272 this.isActive = !this.isActive;
273 if (!this.isActive) {
274 setTimeout(() => {
275 this.textLogo = this.isActive;
276 }, 200);
277 } else {
278 this.textLogo = this.isActive;
279 }
280 },
281 selectTopItems(ind) {
282 if (ind == 0) {
283 //点击新建，弹框
284 this.dialogVisible = true;
285 } else {
286 this.dialogVisible = false;
287 this.indId = ind;
288 // this.menuSelect(this.navigationList, ind);
289 // this.$store.dispatch("setTabs/init_tabs");
290 // this.$store.dispatch("setTabs/set_active_index", "/panel");
291 this.$router.push(this.headTop[ind].path);
292 this.navSelect(ind);
293 // util.cookies.set("indId", ind);
294 }
295 },
296 // 上导航选中id
297 navSelect(id) {
298 this.headTop.forEach((item, index) => {
299 item.select = false;
300 if (index == id) {
301 item.select = true;
302 }
303 });
304 },
305 //树控件点击事件
306 itemClick(data) {
307 console.log(data);
308 },
309 //关闭新建子组件弹框
310 closeDialog() {
311 this.dialogVisible = false;
312 }
313 },
314 };
315 </script> 327 </script>
316 <style lang="less" scoped> 328 <style lang="less" scoped>
317 .home-box { 329 .home-box {
318 width: 100%; 330 width: 100%;
319 height: 100vh; 331 height: 100vh;
320 .el-container { 332 .el-container {
321 height: 100%; 333 height: 100%;
322 } 334 }
323 .el-header { 335 .el-header {
324 background-color: #fff; 336 background-color: #fff;
325 padding: 0 !important; 337 padding: 0 !important;
326 .header-top { 338 .header-top {
327 height: 60px; 339 height: 60px;
328 border-bottom: 1px solid rgba(242, 242, 242, 1); 340 border-bottom: 1px solid rgba(242, 242, 242, 1);
329 box-sizing: border-box; 341 box-sizing: border-box;
330 .top-items { 342 .top-items {
331 cursor: pointer; 343 cursor: pointer;
332 height: 60px; 344 height: 60px;
333 padding: 0 30px; 345 padding: 0 30px;
334 font-size: 16px; 346 font-size: 16px;
335 line-height: 60px; 347 line-height: 60px;
336 float: left; 348 float: left;
337 position: relative; 349 position: relative;
338 color: #4a4a4a; 350 color: #4a4a4a;
339 i { 351 i {
340 margin-right: 6px; 352 margin-right: 6px;
341 } 353 }
342 .hamburger { 354 .hamburger {
343 font-size: 16px; 355 font-size: 16px;
344 line-height: 60px; 356 line-height: 60px;
345 color: #000; 357 color: #000;
346 } 358 }
347 } 359 }
348 .top-items:not(:last-child)::after { 360 .top-items:not(:last-child)::after {
349 content: ""; 361 content: "";
350 width: 1px; 362 width: 1px;
351 height: 14px; 363 height: 14px;
352 background: #eaeaea; 364 background: #eaeaea;
353 position: absolute; 365 position: absolute;
354 right: -1px; 366 right: -1px;
355 top: 24px; 367 top: 24px;
356 } 368 }
357 .top-items.is-active { 369 .top-items.is-active {
358 color: #006cff; 370 color: #006cff;
359 } 371 }
360 } 372 }
361 .header-bottom { 373 .header-bottom {
362 height: 50px; 374 height: 50px;
363 box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7); 375 box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7);
364 border-bottom: 1px solid rgba(234, 234, 234, 1); 376 border-bottom: 1px solid rgba(234, 234, 234, 1);
365 box-sizing: border-box; 377 box-sizing: border-box;
366 } 378 }
367 } 379 }
368 .el-aside { 380 .el-aside {
369 width: 290px !important; 381 width: 290px !important;
370 background-color: #1d50dd; 382 background-color: #1d50dd;
371 color: #333; 383 color: #333;
372 // text-align: center; 384 // text-align: center;
373 overflow: hidden; 385 overflow: hidden;
374 transition: width 0.3s; 386 transition: width 0.3s;
375 .logo-box { 387 .logo-box {
376 width: 100%; 388 width: 100%;
377 height: 120px; 389 height: 120px;
378 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 390 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
379 padding: 30px 0 28px 0; 391 padding: 30px 0 28px 0;
380 box-sizing: border-box; 392 box-sizing: border-box;
381 display: flex; 393 display: flex;
382 flex-direction: column; 394 flex-direction: column;
383 justify-content: space-between; 395 justify-content: space-between;
384 align-items: center; 396 align-items: center;
385 transition: width 0.3s; 397 transition: width 0.3s;
386 .logo-img { 398 .logo-img {
387 width: 38px; 399 width: 38px;
388 height: 38px; 400 height: 38px;
389 } 401 }
390 .logo-text { 402 .logo-text {
391 font-size: 14px; 403 font-size: 14px;
392 color: rgba(255, 255, 255, 1); 404 color: rgba(255, 255, 255, 1);
393 line-height: 14px; 405 line-height: 14px;
394 } 406 }
395 } 407 }
396 .treeModule { 408 .treeModule {
397 box-sizing: border-box; 409 box-sizing: border-box;
398 padding: 20px 20px; 410 padding: 20px 20px;
399 } 411 }
400 .logo-box-show { 412 .logo-box-show {
401 width: 64px; 413 width: 64px;
402 } 414 }
403 .el-menu { 415 .el-menu {
404 border-right: 0; 416 border-right: 0;
405 } 417 }
406 .el-submenu .el-menu-item { 418 .el-submenu .el-menu-item {
407 text-align: left; 419 text-align: left;
408 text-indent: 15px; 420 text-indent: 15px;
409 } 421 }
410 } 422 }
411 .aside-show { 423 .aside-show {
412 width: 64px !important; 424 width: 64px !important;
413 } 425 }
414 426
415 .el-main { 427 .el-main {
416 background-color: #f1f4fc; 428 background-color: #f1f4fc;
417 color: #333; 429 color: #333;
418 // text-align: center; 430 // text-align: center;
419 // line-height: 160px; 431 // line-height: 160px;
420 padding: 0; 432 padding: 0;
421 } 433 }
422 } 434 }
423 </style> 435 </style>
......
...@@ -83,8 +83,9 @@ ...@@ -83,8 +83,9 @@
83 </el-form-item> 83 </el-form-item>
84 <el-form-item label="特征码"> 84 <el-form-item label="特征码">
85 <el-select 85 <el-select
86 v-model="tzmCode" 86 v-model="zdtzm.value"
87 placeholder="地籍子区" 87 placeholder="宗地特征码"
88 @change="changeZdtzm(zdtzm.value)"
88 style="width:200px;" 89 style="width:200px;"
89 > 90 >
90 <el-option 91 <el-option
...@@ -203,8 +204,8 @@ export default { ...@@ -203,8 +204,8 @@ export default {
203 djzqbsm: this.djzqValue, 204 djzqbsm: this.djzqValue,
204 syqlxbsm: this.syqlxCode, 205 syqlxbsm: this.syqlxCode,
205 xmmc: this.zdProjectName, 206 xmmc: this.zdProjectName,
206 // zdtzmbsm: this.tzmCode, 207 zdtzmbsm: this.tzmCode,
207 zdtzmbsm: "PSHGSBDCQJDC000000000000DC440010", 208 //zdtzmbsm: "PSHGSBDCQJDC000000000000DC440010",
208 }; 209 };
209 insertQjZdjbxx(data) 210 insertQjZdjbxx(data)
210 .then((res) => { 211 .then((res) => {
...@@ -310,6 +311,12 @@ export default { ...@@ -310,6 +311,12 @@ export default {
310 this.syqlxCode = id; 311 this.syqlxCode = id;
311 console.log(this.syqlxCode); 312 console.log(this.syqlxCode);
312 }, 313 },
314 changeZdtzm(id){
315
316 this.tzmCode=id;
317 console.log(this.tzmCode);
318
319 },
313 close() { 320 close() {
314 this.$emit("closeDialog"); 321 this.$emit("closeDialog");
315 }, 322 },
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <SearchHead @getSearchCondition="getData"></SearchHead> 3 <SearchHead @getSearchCondition="getData"></SearchHead>
4 <div class="dataGrid" ref="dataGrid"> 4 <div class="dataGrid" ref="dataGrid">
5 <el-table 5 <el-table
6 :data="tableData" 6 :data="tableData"
7 :height="tableHeight" 7 :height="tableHeight"
8 :row-class-name="tableRowClassName" 8 :row-class-name="tableRowClassName"
9 > 9 >
10 <el-table-column type="index" width="80" align="center" label="序号"> 10 <el-table-column type="index" width="80" align="center" label="序号">
11 </el-table-column> 11 </el-table-column>
12 <el-table-column label="操作" width="100"> 12 <el-table-column label="操作" width="100">
13 <template slot-scope="scope"> 13 <template slot-scope="scope">
14 <el-button @click="handleClick(scope.row)" type="text" size="small" 14 <el-button @click="handleClick(scope.row)" type="text" size="small"
15 >办理</el-button 15 >办理
16 > 16 </el-button
17 <el-button type="text" size="small">定位</el-button> 17 >
18 </template> 18 <el-button type="text" size="small">定位</el-button>
19 </el-table-column> 19 </template>
20 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 20 </el-table-column>
21 </el-table-column> 21 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
22 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 22 </el-table-column>
23 </el-table-column> 23 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
24 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 24 </el-table-column>
25 </el-table-column> 25 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
26 <el-table-column prop="lx" align="left" width="120" label="类型"> 26 </el-table-column>
27 </el-table-column> 27 <el-table-column prop="lx" align="left" width="120" label="类型">
28 <el-table-column prop="qlr" align="left" width="120" label="权利人"> 28 </el-table-column>
29 </el-table-column> 29 <el-table-column prop="qlr" align="left" width="120" label="权利人">
30 <el-table-column prop="zl" align="left" label="坐落"> </el-table-column> 30 </el-table-column>
31 <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> 31 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
32 </el-table-column> 32 <el-table-column prop="zrsj" align="left" width="120" label="转入时间">
33 <el-table-column prop="cjr" align="left" width="120" label="创建人"> 33 </el-table-column>
34 </el-table-column> 34 <el-table-column prop="cjr" align="left" width="120" label="创建人">
35 </el-table> 35 </el-table-column>
36 <div class="pagination"> 36 </el-table>
37 <el-pagination background layout="prev, pager, next" :total="1000"> 37 <div class="pagination">
38 </el-pagination> 38 <el-pagination background layout="prev, pager, next" :total="1000">
39 </div> 39 </el-pagination>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div>
42 </template> 43 </template>
43 44
44 <script> 45 <script>
45 import SearchHead from "../../../components/searchHead/searchHead"; 46 import SearchHead from "../../../components/searchHead/searchHead";
46 export default {
47 name: "",
48 components: { SearchHead },
49 props: {},
50 data() {
51 return {
52 formData: {
53 user: "",
54 region: "",
55 type: [],
56 },
57 tableData: [
58 {
59 bdcdyh: "610101001001GB00001W",
60 xmmc: "万科集团万科城",
61 bdcqzh: "陕（2017）西安市不动产权第00000",
62 lx: "宗地",
63 qlr: "李子新",
64 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
65 zrsj: "2020.09.07 ",
66 cjr: "李子新",
67 },
68 ],
69 tableHeight: "",
70 };
71 },
72 created() {},
73 mounted() {
74 for (let i = 0; i < 11; i++) {
75 let obj = {
76 bdcdyh: "610101001001GB00001W",
77 xmmc: "万科集团万科城",
78 bdcqzh: "陕（2017）西安市不动产权第00000",
79 lx: "自然幢",
80 qlr: "李子新",
81 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
82 zrsj: "2020.09.07 ",
83 cjr: "李子新",
84 };
85 this.tableData.push(obj);
86 }
87 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
88 },
89 methods: {
90 onSubmit() {},
91 tableRowClassName({ row, rowIndex }) {
92 if (rowIndex % 2 !== 0) {
93 return "even-row";
94 } else {
95 return "";
96 }
97 },
98 47
99 //获取子组件点击查询触发的事件 48 export default {
100 getData(obj) { 49 name: "",
101 console.log(obj); 50 components: {SearchHead},
102 //将obj作为参数调用接口查询表格数据 51 props: {},
103 }, 52 data() {
104 //点击办理 53 return {
105 handleClick(row) { 54 formData: {
106 let path = ""; 55 user: "",
107 switch (row.lx) { 56 region: "",
108 case "自然幢": 57 type: [],
109 path = "/zrz"; 58 },
110 break; 59 tableData: [
111 case "宗地": 60 {
112 path = "/zd"; 61 bdcdyh: "610101001001GB00001W",
113 break; 62 xmmc: "万科集团万科城",
114 default: 63 bdcqzh: "陕（2017）西安市不动产权第00000",
115 break; 64 lx: "宗地",
116 } 65 qlr: "李子新",
117 this.$router.push(path); 66 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
118 }, 67 zrsj: "2020.09.07 ",
119 }, 68 cjr: "李子新",
120 computed: {}, 69 },
121 watch: {}, 70 ],
122 }; 71 tableHeight: "",
72 };
73 },
74 created() {
75 },
76 mounted() {
77 for (let i = 0; i < 11; i++) {
78 let obj = {
79 bdcdyh: "610101001001GB00001W",
80 xmmc: "万科集团万科城",
81 bdcqzh: "陕（2017）西安市不动产权第00000",
82 lx: "自然幢",
83 qlr: "李子新",
84 zl: "灞桥－田家湾-咸宁东路,近浐河西路",
85 zrsj: "2020.09.07 ",
86 cjr: "李子新",
87 };
88 this.tableData.push(obj);
89 }
90 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
91 },
92 methods: {
93 onSubmit() {
94 },
95 tableRowClassName({row, rowIndex}) {
96 if (rowIndex % 2 !== 0) {
97 return "even-row";
98 } else {
99 return "";
100 }
101 },
102
103 //获取子组件点击查询触发的事件
104 getData(obj) {
105 console.log(obj);
106 },
107 //点击办理
108 handleClick(row) {
109 let path = "";
110 switch (row.lx) {
111 case "自然幢":
112 path = "/zrz";
113 break;
114 case "宗地":
115 path = "/zd";
116 break;
117 default:
118 break;
119 }
120 this.$router.push(path);
121 },
122 },
123 computed: {},
124 watch: {},
125 };
123 </script> 126 </script>
124 <style scoped lang="less"> 127 <style scoped lang="less">
125 .main { 128 .main {
126 width: 100%; 129 width: 100%;
127 height: 100%; 130 height: 100%;
128 box-sizing: border-box; 131 box-sizing: border-box;
129 padding: 0 18px; 132 padding: 0 18px;
130 display: flex; 133 display: flex;
131 flex-direction: column; 134 flex-direction: column;
132 background-color: #fcfdff; 135 background-color: #fcfdff;
133 .demo-form-inline { 136 .demo-form-inline {
134 margin-top: 18px; 137 margin-top: 18px;
135 .moreSearchBtn { 138 .moreSearchBtn {
136 background-color: #1ad6e1; 139 background-color: #1ad6e1;
137 border-color: #1ad6e1; 140 border-color: #1ad6e1;
138 } 141 }
139 .moreSearchBtn:focus, 142 .moreSearchBtn:focus,
140 .moreSearchBtn:hover { 143 .moreSearchBtn:hover {
141 background-color: rgba(28, 200, 229, 0.6); 144 background-color: rgba(28, 200, 229, 0.6);
142 } 145 }
143 } 146 }
144 .dataGrid { 147 .dataGrid {
145 flex: 1; 148 flex: 1;
146 .pagination { 149 margin-top: 20px;
147 padding: 18px 0; 150 .pagination {
148 } 151 padding: 18px 0;
149 } 152 }
150 } 153 }
154 }
151 </style> 155 </style>
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <SearchHead @getSearchCondition="getData"></SearchHead> 3 <SearchHead @getSearchCondition="getData"></SearchHead>
4 <div class="dataGrid" ref="dataGrid"> 4 <div class="dataGrid" ref="dataGrid">
5 <el-table 5 <el-table
6 :data="tableData" 6 :data="tableData"
7 :height="tableHeight" 7 :height="tableHeight"
8 :row-class-name="tableRowClassName" 8 :row-class-name="tableRowClassName"
9 > 9 >
10 <el-table-column type="index" width="80" align="center" label="序号"> 10 <el-table-column type="index" width="80" align="center" label="序号">
11 </el-table-column> 11 </el-table-column>
12 <el-table-column label="操作" width="100"> 12 <el-table-column label="操作" width="100">
13 <template slot-scope="scope"> 13 <template slot-scope="scope">
14 <el-button @click="handleClick(scope.row)" type="text" size="small" 14 <el-button @click="handleClick(scope.row)" type="text" size="small"
15 >办理</el-button 15 >办理
16 > 16 </el-button
17 <el-button type="text" size="small">定位</el-button> 17 >
18 </template> 18 <el-button type="text" size="small">定位</el-button>
19 </el-table-column> 19 </template>
20 <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> 20 </el-table-column>
21 </el-table-column> 21 <el-table-column prop="bdcdyh" align="left" label="不动产单元号">
22 <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> 22 </el-table-column>
23 </el-table-column> 23 <el-table-column prop="xmmc" align="left" width="150" label="项目名称">
24 <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> 24 </el-table-column>
25 </el-table-column> 25 <el-table-column prop="bdcqzh" align="left" label="不动产权证号">
26 <el-table-column prop="lx" align="left" width="120" label="类型"> 26 </el-table-column>
27 </el-table-column> 27 <el-table-column prop="lx" align="left" width="120" label="类型">
28 <el-table-column prop="qlr" align="left" width="120" label="权利人"> 28 </el-table-column>
29 </el-table-column> 29 <el-table-column prop="qlr" align="left" width="120" label="权利人">
30 <el-table-column prop="zl" align="left" label="坐落"> </el-table-column> 30 </el-table-column>
31 <el-table-column prop="zrsj" align="left" width="120" label="转入时间"> 31 <el-table-column prop="zl" align="left" label="坐落"></el-table-column>
32 </el-table-column> 32 <el-table-column prop="zrsj" align="left" width="120" label="转入时间">
33 <el-table-column prop="cjr" align="left" width="120" label="创建人"> 33 </el-table-column>
34 </el-table-column> 34 <el-table-column prop="cjr" align="left" width="120" label="创建人">
35 </el-table> 35 </el-table-column>
36 <div class="pagination"> 36 </el-table>
37 <el-pagination background layout="prev, pager, next" :total="1000" 37 <div class="pagination">
38 @current-change="handleCurrentChange" 38 <el-pagination background layout="prev, pager, next" :total="total"
39 :current-page.sync="currentPage"> 39 @current-change="handleCurrentChange"
40 </el-pagination> 40 :current-page.sync="currentPage">
41 </div> 41 </el-pagination>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div>
44 </template> 45 </template>
45 46
46 <script> 47 <script>
47 import SearchHead from "../../../components/searchHead/searchHead"; 48 import SearchHead from "../../../components/searchHead/searchHead";
48 import {getSearchList} from "../../../api/search"; 49 import {getSearchList} from "../../../api/search";
49 export default { 50
50 name: "", 51 export default {
51 components: { SearchHead }, 52 name: "",
52 props: {}, 53 components: {SearchHead},
53 data() { 54 props: {},
54 return { 55 data() {
55 pageNo:1, 56 return {
56 pageSize:10, 57 total:0,
57 zddm:'', 58 pageNo: 1,
58 zl:'', 59 pageSize: 10,
59 bdcdyh:'', 60 tableData: [],
60 dylx:'', 61 tableHeight: "",
61 qlrmc:'', 62 };
62 xmmc:'', 63 },
63 bdcqzh:'', 64 created() {
64 formData: { 65 },
65 user: "", 66 mounted() {
66 region: "", 67 this.getData({})
67 type: [], 68 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
68 }, 69 },
69 tableData: [], 70 methods: {
70 tableHeight: "", 71 onSubmit() {
71 }; 72 },
72 }, 73 tableRowClassName({row, rowIndex}) {
73 created() {}, 74 if (rowIndex % 2 !== 0) {
74 mounted() { 75 return "even-row";
75 this.loadList(); 76 } else {
76 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; 77 return "";
77 }, 78 }
78 methods: { 79 },
79 onSubmit() {}, 80 handleCurrentChange(val) {
80 tableRowClassName({ row, rowIndex }) { 81 console.log(`当前页: ${val}`);
81 if (rowIndex % 2 !== 0) { 82 this.pageNo = val;
82 return "even-row"; 83 this.getData({});
83 } else { 84 },
84 return ""; 85 //获取子组件点击查询触发的事件
85 } 86 getData(obj) {
86 }, 87 console.log(obj);
87 handleCurrentChange(val){ 88 //将obj作为参数调用接口查询表格数据
88 console.log(`当前页: ${val}`); 89 obj['pageNo'] = this.pageNo
89 this.pageNo=val; 90 obj['pageSize'] = this.pageSize
90 this.loadList(); 91 getSearchList(obj).then(res => {
91 }, 92 this.tableData = res.result.records
92 //获取子组件点击查询触发的事件 93 this.total=res.result.total
93 getData(obj) { 94 })
94 console.log(obj); 95 },
95 //将obj作为参数调用接口查询表格数据 96 //点击办理
96 }, 97 handleClick(row) {
97 //点击办理 98 let path = "";
98 handleClick(row) { 99 switch (row.dylx) {
99 let path = ""; 100 case "zrz":
100 switch (row.dylx) { 101 path = "/zrz";
101 case "zrz": 102 break;
102 path = "/zrz"; 103 case "zd":
103 break; 104 path = "/zd";
104 case "zd": 105 break;
105 path = "/zd"; 106 default:
106 break; 107 break;
107 default: 108 }
108 break; 109 this.$router.push({
109 } 110 path: path,
110 this.$router.push({ 111 query: {
111 path:path, 112 bsm: row.glbsm,
112 query:{ 113 source: 2
113 bsm:row.glbsm, 114 }
114 source:2 115 });
115 } 116 },
116 }); 117 },
117 }, 118 computed: {},
118 loadList(){ 119 watch: {},
119 let params={ 120 };
120 zddm:this.zddm,
121 zl:this.zl,
122 bdcdyh:this.bdcdyh,
123 dylx:this.dylx,
124 qlrmc:this.qlrmc,
125 xmmc:this.xmmc,
126 bdcqzh:this.bdcqzh,
127 pageNo:this.pageNo,
128 pageSize:this.pageSize,
129 }
130 getSearchList(params).then((res)=>{
131 console.log(res)
132 if(res.code===200){
133 this.tableData=res.result.records;
134 console.log(this.tableData)
135 }
136 })
137 }
138 },
139 computed: {},
140 watch: {},
141 };
142 </script> 121 </script>
143 <style scoped lang="less"> 122 <style scoped lang="less">
144 .main { 123 .main {
145 width: 100%; 124 width: 100%;
146 height: 100%; 125 height: 100%;
147 box-sizing: border-box; 126 box-sizing: border-box;
148 padding: 0 18px; 127 padding: 0 18px;
149 display: flex; 128 display: flex;
150 flex-direction: column; 129 flex-direction: column;
151 background-color: #fcfdff; 130 background-color: #fcfdff;
152 .demo-form-inline { 131 .demo-form-inline {
153 margin-top: 18px; 132 margin-top: 18px;
154 .moreSearchBtn { 133 .moreSearchBtn {
155 background-color: #1ad6e1; 134 background-color: #1ad6e1;
156 border-color: #1ad6e1; 135 border-color: #1ad6e1;
157 } 136 }
158 .moreSearchBtn:focus, 137 .moreSearchBtn:focus,
159 .moreSearchBtn:hover { 138 .moreSearchBtn:hover {
160 background-color: rgba(28, 200, 229, 0.6); 139 background-color: rgba(28, 200, 229, 0.6);
161 } 140 }
162 } 141 }
163 .dataGrid { 142 .dataGrid {
164 flex: 1; 143 flex: 1;
165 .pagination { 144 .pagination {
166 padding: 18px 0; 145 padding: 18px 0;
167 } 146 }
168 } 147 }
169 } 148 }
170 </style> 149 </style>
......