Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
c59d4cf1 by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 2d24799b 4a16a083
Inline Side-by-side
Showing 12 changed files with 1518 additions and 1132 deletions
...@@ -208,3 +208,4 @@ export function registerCall(data) { ...@@ -208,3 +208,4 @@ export function registerCall(data) {
208 data:data 208 data:data
209 }) 209 })
210 } 210 }
211
......
...@@ -10,6 +10,10 @@ export function getSearchList(data) { ...@@ -10,6 +10,10 @@ export function getSearchList(data) {
10 }) 10 })
11 } 11 }
12 12
13 /**
14 * 宗地分割选择宗地列表
15 * @param data
16 */
13 export function zdlist(data) { 17 export function zdlist(data) {
14 return request({ 18 return request({
15 url: '/zd/qjZdjbxx/zdlist', 19 url: '/zd/qjZdjbxx/zdlist',
...@@ -17,3 +21,15 @@ export function zdlist(data) { ...@@ -17,3 +21,15 @@ export function zdlist(data) {
17 data:data 21 data:data
18 }) 22 })
19 } 23 }
24
25 /**
26 * 多幢分割选择多幢列表
27 * @param data
28 */
29 export function dzList(data) {
30 return request({
31 url:'/fw/qjDz/dzlist',
32 method:'post',
33 data:data
34 })
35 }
......
1 <template>
2 <div>
3 <el-dialog
4 title="新增"
5 :visible.sync="isVisible"
6 width="70%"
7 @close="close"
8 :modal-append-to-body="false"
9 center>
10 <div class="search">
11 <el-row>
12 <el-col :span="24">
13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码">
15 <el-input
16 v-model="queryData.zddm"
17 placeholder="输入宗地编码"
18 ></el-input>
19 </el-form-item>
20 <el-form-item label="不动产权证号">
21 <el-input
22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号"
24 ></el-input>
25 </el-form-item>
26 <el-form-item label="不动产单元号">
27 <el-input
28 maxlength="28"
29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号"
31 ></el-input>
32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form>
36 </el-col>
37 </el-row>
38 <el-row>
39 <el-col :span="24">
40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人">
42 <el-input
43 v-model="queryData.qlrmc"
44 placeholder="输入权利人"
45 ></el-input>
46 </el-form-item>
47 <el-form-item label="坐落">
48 <el-input
49 v-model="queryData.zl"
50 placeholder="输入坐落"
51 ></el-input>
52 </el-form-item>
53 </el-form>
54 </el-col>
55 </el-row>
56 <div class="table-bode">
57 <table border="1">
58 <tr>
59 <td>序号</td>
60 <td>操作</td>
61 <td>宗地代码</td>
62 <td>不动产单元号</td>
63 <td>项目名称</td>
64 <td>不动产权证号</td>
65 <td>权利人</td>
66 <td>坐落</td>
67 </tr>
68 <tr v-if="Data.length==0">
69 <td colspan="8">
70 <span class="noData">暂无数据</span>
71 </td>
72 </tr>
73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td>{{index+1}}</td>
75 <td @click="addData(item)" class="xz">
76 <span>选择</span>
77 </td>
78 <td>{{item.zddm}}</td>
79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.xmmc}}</td>
81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.qlr}}</td>
83 <td>{{item.zl}}</td>
84 </tr>
85 </table>
86 </div>
87 </div>
88 <div class="page">
89 <el-pagination
90 background
91 layout="prev, pager, next,total"
92 :page-size="queryData.pageSize"
93 :total="total"
94 @current-change="currentChange"
95 >
96 </el-pagination>
97 </div>
98 </el-dialog>
99
100 </div>
101 </template>
102
103 <script>
104 import {dzList} from './../../api/search'
105
106 export default {
107 name: "zdQueryData",
108 data() {
109 return {
110 total: 1,
111 queryData: {
112 bdcdyh: "",
113 bdcqzh: "",
114 qlrmc: "",
115 xmmc: "",
116 zddm: "",
117 zl: "",
118 pageNo: 1,
119 pageSize: 10,
120 },
121 Data: [],
122 isVisible: false
123 }
124 },
125 props: {
126 centerDialogVisible: {
127 type: Boolean,
128 default: function () {
129 return false
130 }
131 },
132 isClose: {
133 type: Boolean,
134 default: false
135 }
136 },
137 mounted() {
138 this.getData(this.queryData)
139 },
140 created() {
141 },
142 methods: {
143 currentChange: function (val) {
144 this.queryData.pageNo = val;
145 this.getData(this.queryData);
146 },
147 reset: function () {
148 this.queryData = {
149 bdcdyh: "",
150 bdcqzh: "",
151 qlrmc: "",
152 xmmc: "",
153 zddm: "",
154 zl: "",
155 pageNo: 1,
156 pageSize: 10
157 };
158 this.getData(this.queryData)
159 },
160 getData: function (data) {
161 dzList(data).then(res => {
162 this.Data = res.result.records
163 this.total = res.result.total;
164 })
165 },
166 search: function () {
167 this.getData(this.queryData)
168 },
169 addData: function (val) {
170 this.$emit("getData", val)
171 if (this.isClose) {
172 this.close();
173 }
174 },
175 close: function () {
176 this.$emit('close')
177 this.reset();
178 }
179 },
180 watch: {
181 centerDialogVisible(val) {
182 this.isVisible = val
183 }
184 }
185 }
186 </script>
187
188 <style scoped lang="less">
189
190 .main {
191 box-sizing: border-box;
192 padding: 18px;
193 height: auto;
194 width: 80%;
195 }
196
197 /deep/ .el-form-item__label {
198 width: 96px;
199 text-align: right;
200 }
201
202 table {
203 margin-top: 10px;
204 background-color: #fff;
205 font-size: 14px;
206 width: 100%;
207 tr:hover {
208 background-color: #F5F7FA;
209 }
210 }
211
212 td {
213 text-align: center;
214 height: 36px;
215 min-width: 50px;
216 }
217
218 table:hover {
219 cursor: pointer;
220 }
221
222 .inputtitle {
223 line-height: 40px;
224 }
225
226 .shop {
227 margin-top: 20px;
228 }
229
230 .xz {
231 color: blue;
232 }
233
234 .noData {
235 color: #b2b2b2;
236 }
237 .table-bode{
238 height: 450px;
239 }
240 .page {
241 margin-top: 20px;
242 }
243
244 </style>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 <li @click="exportToShp">ESRI Shape</li> 67 <li @click="exportToShp">ESRI Shape</li>
68 </ul> 68 </ul>
69 </li> 69 </li>
70 <li v-show="isZD">导入属性</li> 70 <li v-show="isZD" @click="drsx">导入属性</li>
71 <li v-show="!isZD">导入楼盘</li> 71 <li v-show="!isZD">导入楼盘</li>
72 <li>重叠分析</li> 72 <li>重叠分析</li>
73 <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> 73 <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li>
...@@ -109,6 +109,7 @@ ...@@ -109,6 +109,7 @@
109 <el-dialog title="新建" :visible.sync="dialogVisible" width="48%"> 109 <el-dialog title="新建" :visible.sync="dialogVisible" width="48%">
110 <Create @closeDialog="closeDialog" :auth="true"></Create> 110 <Create @closeDialog="closeDialog" :auth="true"></Create>
111 </el-dialog> 111 </el-dialog>
112 <sxdr :sxdr-visible="sxdrVisible" @close="sxdrClose" :dylx="zdData.type" :bsm="zdData.bsm"></sxdr>
112 </div> 113 </div>
113 </template> 114 </template>
114 <script> 115 <script>
...@@ -120,6 +121,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils"; ...@@ -120,6 +121,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils";
120 import featureUpdate from "@libs/map/featureUpdate"; 121 import featureUpdate from "@libs/map/featureUpdate";
121 import {deleteLjz,deleteZdy} from "./../../api/lpb" 122 import {deleteLjz,deleteZdy} from "./../../api/lpb"
122 import exportTemJson from '@/assets/json/exportTemplate.json' 123 import exportTemJson from '@/assets/json/exportTemplate.json'
124 import sxdr from './../../components/sxdr/sxdr'
123 export default { 125 export default {
124 inheritAttrs: false, 126 inheritAttrs: false,
125 props: { 127 props: {
...@@ -133,10 +135,11 @@ export default { ...@@ -133,10 +135,11 @@ export default {
133 default: false, 135 default: false,
134 } 136 }
135 }, 137 },
136 components: { lineItem,Create,ImportGeo }, 138 components: { lineItem,Create,ImportGeo,sxdr },
137 mixins:[geoUtils,featureUpdate], 139 mixins:[geoUtils,featureUpdate],
138 data() { 140 data() {
139 return { 141 return {
142 sxdrVisible:false,
140 selectedDetail: {}, 143 selectedDetail: {},
141 timer: {}, 144 timer: {},
142 formatData: [], 145 formatData: [],
...@@ -196,6 +199,12 @@ export default { ...@@ -196,6 +199,12 @@ export default {
196 }, 199 },
197 200
198 methods: { 201 methods: {
202 drsx(){
203 this.sxdrVisible=true;
204 },
205 sxdrClose(){
206 this.sxdrVisible=false;
207 },
199 loading(){ 208 loading(){
200 this.$emit("loading") 209 this.$emit("loading")
201 }, 210 },
......
...@@ -37,8 +37,9 @@ ...@@ -37,8 +37,9 @@
37 MapView, 37 MapView,
38 esriMap 38 esriMap
39 ]) => { 39 ]) => {
40 // 40 var map = new esriMap({
41 var map = new esriMap(); 41 basemap:"osm"
42 });
42 //108.95 34.27 43 //108.95 34.27
43 var view = new MapView({ 44 var view = new MapView({
44 container: self.viewId, 45 container: self.viewId,
......
...@@ -10,32 +10,32 @@ ...@@ -10,32 +10,32 @@
10 <div class="search"> 10 <div class="search">
11 <!-- <el-button type="primary" @click="search">查询</el-button> 11 <!-- <el-button type="primary" @click="search">查询</el-button>
12 <el-button type="primary" @click="result">重置</el-button> --> 12 <el-button type="primary" @click="result">重置</el-button> -->
13 13
14 <el-row> 14 <el-row>
15 <el-col :span="24"> 15 <el-col :span="24">
16 <el-form :inline="true" class="demo-form-inline"> 16 <el-form :inline="true" class="demo-form-inline">
17 <el-form-item label="宗地编码"> 17 <el-form-item label="宗地编码">
18 <el-input 18 <el-input
19 v-model="queryData.zddm" 19 v-model="queryData.zddm"
20 placeholder="输入宗地编码" 20 placeholder="输入宗地编码"
21 ></el-input> 21 ></el-input>
22 </el-form-item> 22 </el-form-item>
23 <el-form-item label="不动产权证号"> 23 <el-form-item label="不动产权证号">
24 <el-input 24 <el-input
25 v-model="queryData.bdcqzh" 25 v-model="queryData.bdcqzh"
26 placeholder="输入不动产权证号" 26 placeholder="输入不动产权证号"
27 ></el-input> 27 ></el-input>
28 </el-form-item> 28 </el-form-item>
29 <el-form-item label="不动产单元号"> 29 <el-form-item label="不动产单元号">
30 <el-input 30 <el-input
31 maxlength="28" 31 maxlength="28"
32 v-model="queryData.bdcdyh" 32 v-model="queryData.bdcdyh"
33 placeholder="输入不动产单元号" 33 placeholder="输入不动产单元号"
34 ></el-input> 34 ></el-input>
35 </el-form-item> 35 </el-form-item>
36 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> 36 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
37 <el-button type="warning" @click="reset">重置</el-button> 37 <el-button type="warning" @click="reset">重置</el-button>
38 </el-form> 38 </el-form>
39 </el-col> 39 </el-col>
40 </el-row> 40 </el-row>
41 <el-row> 41 <el-row>
...@@ -43,85 +43,50 @@ ...@@ -43,85 +43,50 @@
43 <el-form :inline="true" class="demo-form-inline"> 43 <el-form :inline="true" class="demo-form-inline">
44 <el-form-item label="权利人"> 44 <el-form-item label="权利人">
45 <el-input 45 <el-input
46 v-model="queryData.qlrmc" 46 v-model="queryData.qlrmc"
47 placeholder="输入权利人" 47 placeholder="输入权利人"
48 ></el-input> 48 ></el-input>
49 </el-form-item> 49 </el-form-item>
50 <el-form-item label="坐落"> 50 <el-form-item label="坐落">
51 <el-input 51 <el-input
52 v-model="queryData.zl" 52 v-model="queryData.zl"
53 placeholder="输入坐落" 53 placeholder="输入坐落"
54 ></el-input> 54 ></el-input>
55 </el-form-item> 55 </el-form-item>
56 </el-form> 56 </el-form>
57 </el-col>
58 </el-row>
59 <!-- <el-row :gutter="10" class="shop">
60 <el-col :span="4" class="inputtitle">
61 宗地编码:
62 </el-col>
63 <el-col :span="8" class="">
64 <el-input v-model="queryData.zddm"></el-input>
65 </el-col>
66 <el-col :span="4" class="inputtitle">
67 不动产权证号:
68 </el-col>
69 <el-col :span="8" class="">
70 <el-input v-model="queryData.bdcqzh"></el-input>
71 </el-col>
72 </el-row> -->
73 <!-- <el-row :gutter="10">
74 <el-col :span="4" class="inputtitle">
75 不动产单元号:
76 </el-col>
77 <el-col :span="8">
78 <el-input v-model="queryData.bdcdyh"></el-input>
79 </el-col>
80 <el-col :span="4" class="inputtitle">
81 权利人:
82 </el-col>
83 <el-col :span="8">
84 <el-input v-model="queryData.qlrmc"></el-input>
85 </el-col> 57 </el-col>
86 </el-row> 58 </el-row>
87 <el-row :gutter="10"> 59 <div class="table-data">
88 <el-col :span="4" class="inputtitle"> 60 <table border="1">
89 坐落: 61 <tr>
90 </el-col> 62 <td>序号</td>
91 <el-col :span="8"> 63 <td>操作</td>
92 <el-input v-model="queryData.zl"></el-input> 64 <td>宗地代码</td>
93 </el-col> 65 <td>不动产单元号</td>
94 </el-row> --> 66 <td>项目名称</td>
95 <table border="1"> 67 <td>不动产权证号</td>
96 <tr> 68 <td>权利人</td>
97 <td>序号</td> 69 <td>坐落</td>
98 <td>操作</td> 70 </tr>
99 <td>宗地代码</td> 71 <tr v-if="Data.length==0">
100 <td>不动产单元号</td> 72 <td colspan="8">
101 <td>项目名称</td> 73 <span class="noData">暂无数据</span>
102 <td>不动产权证号</td> 74 </td>
103 <td>权利人</td> 75 </tr>
104 <td>坐落</td> 76 <tr v-else v-for="(item,index) in Data" :key="index">
105 </tr> 77 <td>{{index+1}}</td>
106 <tr v-if="Data.length==0"> 78 <td @click="addData(item)" class="xz">
107 <td colspan="8"> 79 <span>选择</span>
108 <span class="noData">暂无数据</span> 80 </td>
109 </td> 81 <td>{{item.zddm}}</td>
110 </tr> 82 <td>{{item.bdcdyh}}</td>
111 <tr v-else v-for="(item,index) in Data" :key="index"> 83 <td>{{item.xmmc}}</td>
112 <td>{{index+1}}</td> 84 <td>{{item.bdcqzh}}</td>
113 <td @click="addData(item)" class="xz"> 85 <td>{{item.qlr}}</td>
114 <span>选择</span> 86 <td>{{item.zl}}</td>
115 </td> 87 </tr>
116 <td>{{item.zddm}}</td> 88 </table>
117 <td>{{item.bdcdyh}}</td> 89 </div>
118 <td>{{item.xmmc}}</td>
119 <td>{{item.bdcqzh}}</td>
120 <td>{{item.qlr}}</td>
121 <td>{{item.zl}}</td>
122 </tr>
123
124 </table>
125 </div> 90 </div>
126 <div class="page"> 91 <div class="page">
127 <el-pagination 92 <el-pagination
...@@ -145,7 +110,7 @@ ...@@ -145,7 +110,7 @@
145 name: "queryData", 110 name: "queryData",
146 data() { 111 data() {
147 return { 112 return {
148 total:1, 113 total: 1,
149 queryData: { 114 queryData: {
150 bdcdyh: "", 115 bdcdyh: "",
151 bdcqzh: "", 116 bdcqzh: "",
...@@ -175,9 +140,9 @@ ...@@ -175,9 +140,9 @@
175 return ['zd'] 140 return ['zd']
176 } 141 }
177 }, 142 },
178 isZdClose:{ 143 isZdClose: {
179 type:Boolean, 144 type: Boolean,
180 default:false 145 default: false
181 } 146 }
182 }, 147 },
183 mounted() { 148 mounted() {
...@@ -190,7 +155,7 @@ ...@@ -190,7 +155,7 @@
190 this.queryData.pageNo = val; 155 this.queryData.pageNo = val;
191 this.getData(this.queryData); 156 this.getData(this.queryData);
192 }, 157 },
193 reset(){ 158 reset() {
194 this.queryData = { 159 this.queryData = {
195 bdcdyh: "", 160 bdcdyh: "",
196 bdcqzh: "", 161 bdcqzh: "",
...@@ -204,23 +169,23 @@ ...@@ -204,23 +169,23 @@
204 }; 169 };
205 this.getData(this.queryData) 170 this.getData(this.queryData)
206 }, 171 },
207 getData(data){ 172 getData(data) {
208 data['dylxs'] = this.dylxs; 173 data['dylxs'] = this.dylxs;
209 getSearchList(data).then(res => { 174 getSearchList(data).then(res => {
210 this.Data = res.result.records 175 this.Data = res.result.records
211 this.total = res.result.total; 176 this.total = res.result.total;
212 }) 177 })
213 }, 178 },
214 search(){ 179 search() {
215 this.getData(this.queryData) 180 this.getData(this.queryData)
216 }, 181 },
217 addData(val){ 182 addData(val) {
218 this.$emit("getData", val) 183 this.$emit("getData", val)
219 if (this.isZdClose) { 184 if (this.isZdClose) {
220 this.close(); 185 this.close();
221 } 186 }
222 }, 187 },
223 close(){ 188 close() {
224 this.$emit('close') 189 this.$emit('close')
225 this.reset(); 190 this.reset();
226 } 191 }
...@@ -241,7 +206,8 @@ ...@@ -241,7 +206,8 @@
241 height: auto; 206 height: auto;
242 width: 80%; 207 width: 80%;
243 } 208 }
244 /deep/ .el-form-item__label{ 209
210 /deep/ .el-form-item__label {
245 width: 96px; 211 width: 96px;
246 text-align: right; 212 text-align: right;
247 } 213 }
...@@ -251,7 +217,7 @@ ...@@ -251,7 +217,7 @@
251 background-color: #fff; 217 background-color: #fff;
252 font-size: 14px; 218 font-size: 14px;
253 width: 100%; 219 width: 100%;
254 tr:hover{ 220 tr:hover {
255 background-color: #F5F7FA; 221 background-color: #F5F7FA;
256 } 222 }
257 } 223 }
...@@ -281,7 +247,10 @@ ...@@ -281,7 +247,10 @@
281 .noData { 247 .noData {
282 color: #b2b2b2; 248 color: #b2b2b2;
283 } 249 }
284 .page{ 250 .table-data{
251 height: 450px;
252 }
253 .page {
285 margin-top: 20px; 254 margin-top: 20px;
286 } 255 }
287 256
......
1 <template>
2 <div>
3 <el-dialog
4 title="属性导入"
5 :visible.sync="isVisible"
6 width="30%"
7 :before-close="close">
8 <div class="main-button">
9 <el-upload
10 class="upload-demo"
11 :action="uploadUrl"
12 :data="sxdrData"
13 :on-success="uploadSuccess"
14 :show-file-list="false"
15 multiple
16 >
17 <el-button type="primary">上传</el-button>
18 <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
19 </el-upload>
20 </div>
21 <ul>
22 <li v-for="(item,index) in errorData" :key="index">{{item}}</li>
23 </ul>
24 <span slot="footer" class="dialog-footer">
25 <el-button @click="dialogVisible = false">取 消</el-button>
26 <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
27 </span>
28 </el-dialog>
29 </div>
30 </template>
31
32 <script>
33
34 export default {
35 name: "sxdr",
36 props: {
37 sxdrVisible: {
38 type: Boolean,
39 default: false
40 },
41 dylx: {
42 type: String,
43 },
44 bsm: {
45 type: String
46 }
47 },
48 data() {
49 return {
50 uploadUrl: '',
51 isVisible: false,
52 sxdrData: {
53 bsm: ''
54 },
55 errorData: []
56 }
57 },
58 mounted() {
59 this.$store.state.sxdrType = '';
60 },
61 methods: {
62 loading() {
63 this.$store.state.sxdrType = this.dylx;
64 },
65 reset() {
66 this.errorData = [];
67 this.uploadUrl = '';
68 this.sxdrData = {bsm: ''};
69 },
70 close() {
71 this.$emit('close')
72 this.reset();
73 },
74 downloadTemplate() {
75 window.open(`/api/tx/excelGeo/zdTemplate?type=` + this.dylx);
76 },
77 uploadSuccess(res, file, fileList) {
78 if (res.success) {
79 this.$message.success("上传成功")
80 debugger
81 this.loading();
82 this.close()
83 } else {
84 this.$message.error("上传失败")
85 this.errorData = res.result
86 }
87 }
88 },
89 watch: {
90 sxdrVisible(val) {
91 this.isVisible = val;
92 },
93 dylx(val) {
94 switch (val) {
95 case "zd":
96 this.uploadUrl = "/api/tx/excelGeo/Zdimport";
97 break;
98 default:
99 break;
100 }
101 },
102 bsm(val) {
103 this.sxdrData.bsm = val;
104 }
105 }
106 }
107 </script>
108
109 <style scoped lang="less">
110 .main-button {
111 display: -webkit-flex;
112 display: flex;
113 flex-direction: column-reverse;
114 flex-wrap: nowrap;
115 }
116
117 ul {
118 margin-top: 20px;
119 li {
120 line-height: 15px;
121 color: red;
122 }
123 }
124 </style>
...@@ -13,26 +13,26 @@ ...@@ -13,26 +13,26 @@
13 <el-form :inline="true" class="demo-form-inline"> 13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码"> 14 <el-form-item label="宗地编码">
15 <el-input 15 <el-input
16 v-model="queryData.zddm" 16 v-model="queryData.zddm"
17 placeholder="输入宗地编码" 17 placeholder="输入宗地编码"
18 ></el-input> 18 ></el-input>
19 </el-form-item> 19 </el-form-item>
20 <el-form-item label="不动产权证号"> 20 <el-form-item label="不动产权证号">
21 <el-input 21 <el-input
22 v-model="queryData.bdcqzh" 22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号" 23 placeholder="输入不动产权证号"
24 ></el-input> 24 ></el-input>
25 </el-form-item> 25 </el-form-item>
26 <el-form-item label="不动产单元号"> 26 <el-form-item label="不动产单元号">
27 <el-input 27 <el-input
28 maxlength="28" 28 maxlength="28"
29 v-model="queryData.bdcdyh" 29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号" 30 placeholder="输入不动产单元号"
31 ></el-input> 31 ></el-input>
32 </el-form-item> 32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> 33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button> 34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form> 35 </el-form>
36 </el-col> 36 </el-col>
37 </el-row> 37 </el-row>
38 <el-row> 38 <el-row>
...@@ -40,49 +40,50 @@ ...@@ -40,49 +40,50 @@
40 <el-form :inline="true" class="demo-form-inline"> 40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人"> 41 <el-form-item label="权利人">
42 <el-input 42 <el-input
43 v-model="queryData.qlrmc" 43 v-model="queryData.qlrmc"
44 placeholder="输入权利人" 44 placeholder="输入权利人"
45 ></el-input> 45 ></el-input>
46 </el-form-item> 46 </el-form-item>
47 <el-form-item label="坐落"> 47 <el-form-item label="坐落">
48 <el-input 48 <el-input
49 v-model="queryData.zl" 49 v-model="queryData.zl"
50 placeholder="输入坐落" 50 placeholder="输入坐落"
51 ></el-input> 51 ></el-input>
52 </el-form-item> 52 </el-form-item>
53 </el-form> 53 </el-form>
54 </el-col> 54 </el-col>
55 </el-row> 55 </el-row>
56 <table border="1"> 56 <div class="table-bode">
57 <tr> 57 <table border="1">
58 <td>序号</td> 58 <tr>
59 <td>操作</td> 59 <td>序号</td>
60 <td>宗地代码</td> 60 <td>操作</td>
61 <td>不动产单元号</td> 61 <td>宗地代码</td>
62 <td>项目名称</td> 62 <td>不动产单元号</td>
63 <td>不动产权证号</td> 63 <td>项目名称</td>
64 <td>权利人</td> 64 <td>不动产权证号</td>
65 <td>坐落</td> 65 <td>权利人</td>
66 </tr> 66 <td>坐落</td>
67 <tr v-if="Data.length==0"> 67 </tr>
68 <td colspan="8"> 68 <tr v-if="Data.length==0">
69 <span class="noData">暂无数据</span> 69 <td colspan="8">
70 </td> 70 <span class="noData">暂无数据</span>
71 </tr> 71 </td>
72 <tr v-else v-for="(item,index) in Data" :key="index"> 72 </tr>
73 <td>{{index+1}}</td> 73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td @click="addData(item)" class="xz"> 74 <td>{{index+1}}</td>
75 <span>选择</span> 75 <td @click="addData(item)" class="xz">
76 </td> 76 <span>选择</span>
77 <td>{{item.zddm}}</td> 77 </td>
78 <td>{{item.bdcdyh}}</td> 78 <td>{{item.zddm}}</td>
79 <td>{{item.xmmc}}</td> 79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.bdcqzh}}</td> 80 <td>{{item.xmmc}}</td>
81 <td>{{item.qlr}}</td> 81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.zl}}</td> 82 <td>{{item.qlr}}</td>
83 </tr> 83 <td>{{item.zl}}</td>
84 84 </tr>
85 </table> 85 </table>
86 </div>
86 </div> 87 </div>
87 <div class="page"> 88 <div class="page">
88 <el-pagination 89 <el-pagination
...@@ -106,13 +107,11 @@ ...@@ -106,13 +107,11 @@
106 name: "zdQueryData", 107 name: "zdQueryData",
107 data() { 108 data() {
108 return { 109 return {
109 total:1, 110 total: 1,
110 queryData: { 111 queryData: {
111 bdcdyh: "", 112 bdcdyh: "",
112 bdcqzh: "", 113 bdcqzh: "",
113 dylxs: ['zd'],
114 qlrmc: "", 114 qlrmc: "",
115 qszt: ["2"],
116 xmmc: "", 115 xmmc: "",
117 zddm: "", 116 zddm: "",
118 zl: "", 117 zl: "",
...@@ -130,15 +129,9 @@ ...@@ -130,15 +129,9 @@
130 return false 129 return false
131 } 130 }
132 }, 131 },
133 qszt:{ 132 isZdClose: {
134 type:Array, 133 type: Boolean,
135 default:function () { 134 default: false
136 return ['2']
137 }
138 },
139 isZdClose:{
140 type:Boolean,
141 default:false
142 } 135 }
143 }, 136 },
144 mounted() { 137 mounted() {
...@@ -156,7 +149,6 @@ ...@@ -156,7 +149,6 @@
156 bdcdyh: "", 149 bdcdyh: "",
157 bdcqzh: "", 150 bdcqzh: "",
158 qlrmc: "", 151 qlrmc: "",
159 qszt: ["2"],
160 xmmc: "", 152 xmmc: "",
161 zddm: "", 153 zddm: "",
162 zl: "", 154 zl: "",
...@@ -166,7 +158,6 @@ ...@@ -166,7 +158,6 @@
166 this.getData(this.queryData) 158 this.getData(this.queryData)
167 }, 159 },
168 getData: function (data) { 160 getData: function (data) {
169 data['dylxs'] = this.dylxs;
170 zdlist(data).then(res => { 161 zdlist(data).then(res => {
171 this.Data = res.result.records 162 this.Data = res.result.records
172 this.total = res.result.total; 163 this.total = res.result.total;
...@@ -202,18 +193,18 @@ ...@@ -202,18 +193,18 @@
202 height: auto; 193 height: auto;
203 width: 80%; 194 width: 80%;
204 } 195 }
205 /deep/ .el-form-item__label{ 196
197 /deep/ .el-form-item__label {
206 width: 96px; 198 width: 96px;
207 text-align: right; 199 text-align: right;
208 } 200 }
209 201
210
211 table { 202 table {
212 margin-top: 10px; 203 margin-top: 10px;
213 background-color: #fff; 204 background-color: #fff;
214 font-size: 14px; 205 font-size: 14px;
215 width: 100%; 206 width: 100%;
216 tr:hover{ 207 tr:hover {
217 background-color: #F5F7FA; 208 background-color: #F5F7FA;
218 } 209 }
219 } 210 }
...@@ -243,7 +234,10 @@ ...@@ -243,7 +234,10 @@
243 .noData { 234 .noData {
244 color: #b2b2b2; 235 color: #b2b2b2;
245 } 236 }
246 .page{ 237 .table-bode{
238 height: 450px;
239 }
240 .page {
247 margin-top: 20px; 241 margin-top: 20px;
248 } 242 }
249 243
......
...@@ -15,6 +15,7 @@ const store = new Vuex.Store({ ...@@ -15,6 +15,7 @@ const store = new Vuex.Store({
15 zdmj: '', // 宗地面积 15 zdmj: '', // 宗地面积
16 zdzl: '', // 宗地坐落 16 zdzl: '', // 宗地坐落
17 rightClickZdbsm:'', //右键菜单传入的zdbsm 17 rightClickZdbsm:'', //右键菜单传入的zdbsm
18 sxdrType:'', // zd/zrz/dz/h 导入属性刷新数据
18 tdytList:[], 19 tdytList:[],
19 tddjList:[], 20 tddjList:[],
20 qlxzList:[], 21 qlxzList:[],
......
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
162 </el-tab-pane> 162 </el-tab-pane>
163 <el-tab-pane label="自然幢" name="zrz"> 163 <el-tab-pane label="自然幢" name="zrz">
164 <ul> 164 <ul>
165 <li :class="[zdFghData.newZdlist[index].zrz.indexOf(childItem) > -1 ? 'choosed':'',(childItem.hasChoosed === index || childItem.hasChoosed === '' )? '':'cantClick']" 165 <li :class="[zdFghData.newZdlist[index].zrz.indexOf(childItem) > -1 ? 'choosed':'',(childItem.hasChoosed === index || childItem.hasChoosed === '' )? '':'cantClick']"
166 @click="zrzHandleCommand(childItem,childItem.bsm,index,childIndex)" v-for="(childItem,childIndex) in zdZrzList" :key="childIndex*Math.random()"> 166 @click="zrzHandleCommand(childItem,childItem.bsm,index,childIndex)" v-for="(childItem,childIndex) in zdZrzList" :key="childIndex*Math.random()">
167 {{childItem.xmmc}} <i class="fa fa-check" style="color:'#4EB2FF'"></i> 167 {{childItem.xmmc}} <i class="fa fa-check" style="color:'#4EB2FF'"></i>
168 </li> 168 </li>
...@@ -293,9 +293,10 @@ ...@@ -293,9 +293,10 @@
293 </tr> 293 </tr>
294 </table> 294 </table>
295 </div> 295 </div>
296 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 296 <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
297 :isZdClose="true" 297 :isClose="true"
298 @close="close"></query-data> 298 @close="close">
299 </dz-query-data>
299 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 300 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
300 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 301 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
301 </div> 302 </div>
...@@ -310,7 +311,7 @@ ...@@ -310,7 +311,7 @@
310 <ul> 311 <ul>
311 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li> 312 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li>
312 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li> 313 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li>
313 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>s's's's's's's's's's's's's's's's's's's 314 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>
314 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li> 315 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li>
315 <li><span>权利人:</span>{{hFgqData.qlr}}</li> 316 <li><span>权利人:</span>{{hFgqData.qlr}}</li>
316 <li><span>坐落:</span>{{hFgqData.zl}}</li> 317 <li><span>坐落:</span>{{hFgqData.zl}}</li>
...@@ -331,7 +332,7 @@ ...@@ -331,7 +332,7 @@
331 </div> 332 </div>
332 <ul> 333 <ul>
333 <li v-for="(item,index) in zdZxx.dzList" :key="index" 334 <li v-for="(item,index) in zdZxx.dzList" :key="index"
334 :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} 335 :class="(index+1)%2===0?'':'oddborder'">{{item.xmmc}}
335 </li> 336 </li>
336 </ul> 337 </ul>
337 </div> 338 </div>
...@@ -455,11 +456,12 @@ ...@@ -455,11 +456,12 @@
455 import {getHZdxx} from './../../../../api/h' 456 import {getHZdxx} from './../../../../api/h'
456 import QueryData from './../../../../components/queryData/queryData' 457 import QueryData from './../../../../components/queryData/queryData'
457 import zdQueryData from './../../../../components/zdQueryData/zdQueryData' 458 import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
459 import dzQueryData from './../../../../components/dzQueryData/dzQueryData'
458 import {Message} from 'element-ui' 460 import {Message} from 'element-ui'
459 461
460 export default { 462 export default {
461 name: "", 463 name: "",
462 components: {QueryData, zdQueryData}, 464 components: {QueryData, zdQueryData,dzQueryData},
463 props: {}, 465 props: {},
464 data() { 466 data() {
465 return { 467 return {
...@@ -557,7 +559,7 @@ ...@@ -557,7 +559,7 @@
557 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1); 559 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1);
558 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm); 560 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm);
559 this.dzFgqZrzData.forEach(i=>{ 561 this.dzFgqZrzData.forEach(i=>{
560 if (i.bsm == bsm) { 562 if (i.bsm === bsm) {
561 i.hasChoosed = "" 563 i.hasChoosed = ""
562 } 564 }
563 }) 565 })
...@@ -621,7 +623,7 @@ ...@@ -621,7 +623,7 @@
621 ztype: 'zrz' 623 ztype: 'zrz'
622 }) 624 })
623 }, 625 },
624 626
625 dzHandleCommand(obj,bsm, index,childIndex) { 627 dzHandleCommand(obj,bsm, index,childIndex) {
626 //判断选中状态 628 //判断选中状态
627 if(this.zdDzList[childIndex].hasChoosed === '' || this.zdDzList[childIndex].hasChoosed === index){ 629 if(this.zdDzList[childIndex].hasChoosed === '' || this.zdDzList[childIndex].hasChoosed === index){
...@@ -667,7 +669,7 @@ ...@@ -667,7 +669,7 @@
667 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){ 669 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){
668 // this.zdZrzList[childIndex].hasChoosed = index; 670 // this.zdZrzList[childIndex].hasChoosed = index;
669 if(fwlist.zrzlist.indexOf(bsm) < 0){ 671 if(fwlist.zrzlist.indexOf(bsm) < 0){
670 if(fwlist.ztype == 'zrz' && fwlist.zrzlist.length>0){ 672 if(fwlist.ztype === 'zrz' && fwlist.zrzlist.length>0){
671 Message.warning("当前幢类型只能选择一个自然幢") 673 Message.warning("当前幢类型只能选择一个自然幢")
672 }else{ 674 }else{
673 //存入当前选择幢信息的bsm 675 //存入当前选择幢信息的bsm
...@@ -686,7 +688,7 @@ ...@@ -686,7 +688,7 @@
686 return 688 return
687 } 689 }
688 break; 690 break;
689 691
690 default: 692 default:
691 break; 693 break;
692 } 694 }
...@@ -744,7 +746,7 @@ ...@@ -744,7 +746,7 @@
744 } 746 }
745 }, 747 },
746 saveZd() { 748 saveZd() {
747 if(this.tempBsmList.length == (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ 749 if(this.tempBsmList.length === (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){
748 zdfg(this.zdFghData).then(res => { 750 zdfg(this.zdFghData).then(res => {
749 if (res.success) { 751 if (res.success) {
750 this.$store.state.zdbsms = res.result; 752 this.$store.state.zdbsms = res.result;
...@@ -760,7 +762,7 @@ ...@@ -760,7 +762,7 @@
760 } 762 }
761 }) 763 })
762 }else{ 764 }else{
763 this.$message.warning("幢信息未选择完成，无法保存") 765 this.$message.warning("幢信息未选择完成，无法保存")
764 } 766 }
765 }, 767 },
766 saveDz() { 768 saveDz() {
...@@ -973,9 +975,9 @@ ...@@ -973,9 +975,9 @@
973 }, 975 },
974 dzFgqData: { 976 dzFgqData: {
975 handler: function (item) { 977 handler: function (item) {
976 this.dzFgqData.oldZdbsm = item.glbsm; 978 this.dzFgqData.oldZdbsm = item.bsm;
977 this.getDzZdjbxx(item.glbsm); 979 this.getDzZdjbxx(item.bsm);
978 this.dzfgGetZrzxx(item.glbsm) 980 this.dzfgGetZrzxx(item.bsm)
979 }, 981 },
980 deep: true 982 deep: true
981 }, 983 },
...@@ -1001,7 +1003,7 @@ ...@@ -1001,7 +1003,7 @@
1001 </script> 1003 </script>
1002 <style scoped lang="less"> 1004 <style scoped lang="less">
1003 .fg { 1005 .fg {
1004 1006
1005 .menu { 1007 .menu {
1006 /deep/ .el-tabs__content { 1008 /deep/ .el-tabs__content {
1007 position: unset; 1009 position: unset;
...@@ -1041,7 +1043,7 @@ ...@@ -1041,7 +1043,7 @@
1041 } 1043 }
1042 } 1044 }
1043 } 1045 }
1044 1046
1045 /deep/ .el-card__header{ 1047 /deep/ .el-card__header{
1046 padding: 16px 20px; 1048 padding: 16px 20px;
1047 background-color: #FAFAFA; 1049 background-color: #FAFAFA;
...@@ -1143,7 +1145,7 @@ ...@@ -1143,7 +1145,7 @@
1143 width: 96% !important; 1145 width: 96% !important;
1144 } 1146 }
1145 } 1147 }
1146 1148
1147 } 1149 }
1148 .zrz { 1150 .zrz {
1149 width: 100%; 1151 width: 100%;
...@@ -1215,7 +1217,7 @@ ...@@ -1215,7 +1217,7 @@
1215 background: #FAFAFA; 1217 background: #FAFAFA;
1216 } 1218 }
1217 } 1219 }
1218 1220
1219 tr:hover { 1221 tr:hover {
1220 background-color: #F5F7FA; 1222 background-color: #F5F7FA;
1221 } 1223 }
...@@ -1271,7 +1273,7 @@ ...@@ -1271,7 +1273,7 @@
1271 display: inline-block; 1273 display: inline-block;
1272 } 1274 }
1273 } 1275 }
1274 } 1276 }
1275 .choose{ 1277 .choose{
1276 width: 88px; 1278 width: 88px;
1277 color: #30A4FD; 1279 color: #30A4FD;
......
...@@ -98,11 +98,9 @@ export default { ...@@ -98,11 +98,9 @@ export default {
98 var view = maps[this.viewId]; 98 var view = maps[this.viewId];
99 view.ui.remove('zoom'); 99 view.ui.remove('zoom');
100 loadModules([ 100 loadModules([
101 "esri/layers/MapImageLayer", 101 "esri/layers/MapImageLayer"
102 "esri/geometry/Extent"
103 ]).then(([ 102 ]).then(([
104 MapImageLayer, 103 MapImageLayer
105 Extent
106 ])=>{ 104 ])=>{
107 var mapImageLayer = new MapImageLayer({ 105 var mapImageLayer = new MapImageLayer({
108 url:self.layerUrl, 106 url:self.layerUrl,
...@@ -122,13 +120,6 @@ export default { ...@@ -122,13 +120,6 @@ export default {
122 }] 120 }]
123 }); 121 });
124 view.map.add(mapImageLayer,1); 122 view.map.add(mapImageLayer,1);
125 mapImageLayer.when(function () {
126 var extent = new Extent(JSON.parse(JSON.stringify(mapImageLayer.fullExtent)))
127 extent.spatialReference = view.spatialReference;
128 view.center = extent.center;
129 view.zoom = 15;
130 // view.extent = mapImageLayer.fullExtent;
131 });
132 var query = self.$route.query; 123 var query = self.$route.query;
133 if(query && JSON.stringify(query) != "{}"){ 124 if(query && JSON.stringify(query) != "{}"){
134 self.addGeoByBsm(query.bsm,query.type,self.viewId); 125 self.addGeoByBsm(query.bsm,query.type,self.viewId);
......
1 <template> 1 <template>
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr>
5 <!-- <el-button 5 <!-- <el-button
6 type="primary" 6 type="primary"
7 class="changeBtn" 7 class="changeBtn"
8 @click="getQlrxxData" 8 @click="getQlrxxData"
...@@ -14,969 +14,1003 @@ ...@@ -14,969 +14,1003 @@
14 @click="getQlxzData" 14 @click="getQlxzData"
15 >获取权利性质组件数据</el-button 15 >获取权利性质组件数据</el-button
16 > --> 16 > -->
17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
18 <tr> 18 <tr>
19 <th colspan="12">宗地基本信息</th> 19 <th colspan="12">宗地基本信息</th>
20 </tr> 20 </tr>
21 <tr> 21 <tr>
22 <td colspan="2">行政区</td> 22 <td colspan="2">行政区</td>
23 <td colspan="2"> 23 <td colspan="2">
24 <el-select 24 <el-select
25 :disabled="formData.qszt!='0'" 25 :disabled="formData.qszt!='0'"
26 class="formSelect" 26 class="formSelect"
27 v-model="formData.xzqbsm" 27 v-model="formData.xzqbsm"
28 @change="changeXzq(formData.xzqbsm)" 28 @change="changeXzq(formData.xzqbsm)"
29 > 29 >
30 <el-option 30 <el-option
31 v-for="item in $store.state.xzqList" 31 v-for="item in $store.state.xzqList"
32 :key="item.bsm" 32 :key="item.bsm"
33 :label="item.mc" 33 :label="item.mc"
34 :value="item.bsm" 34 :value="item.bsm"
35 > 35 >
36 </el-option> 36 </el-option>
37 </el-select> 37 </el-select>
38 </td> 38 </td>
39 <td colspan="2">地籍区</td> 39 <td colspan="2">地籍区</td>
40 <td colspan="2"> 40 <td colspan="2">
41 <el-select 41 <el-select
42 class="formSelect" 42 class="formSelect"
43 :disabled="formData.qszt!='0'" 43 :disabled="formData.qszt!='0'"
44 v-model="formData.djqbsm" 44 v-model="formData.djqbsm"
45 @change="changeDjq(formData.djqbsm)" 45 @change="changeDjq(formData.djqbsm)"
46 > 46 >
47 <el-option 47 <el-option
48 v-for="item in $store.state.djqList" 48 v-for="item in $store.state.djqList"
49 :key="item.bsm" 49 :key="item.bsm"
50 :label="item.mc" 50 :label="item.mc"
51 :value="item.bsm" 51 :value="item.bsm"
52 > 52 >
53 </el-option> 53 </el-option>
54 </el-select> 54 </el-select>
55 </td> 55 </td>
56 <td colspan="2">地籍子区</td> 56 <td colspan="2">地籍子区</td>
57 <td colspan="2"> 57 <td colspan="2">
58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm"> 58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm">
59 <el-option 59 <el-option
60 v-for="item in $store.state.djzqList" 60 v-for="item in $store.state.djzqList"
61 :key="item.bsm" 61 :key="item.bsm"
62 :label="item.mc" 62 :label="item.mc"
63 :value="item.bsm" 63 :value="item.bsm"
64 > 64 >
65 </el-option> 65 </el-option>
66 </el-select> 66 </el-select>
67 </td> 67 </td>
68 </tr> 68 </tr>
69 <tr> 69 <tr>
70 <td colspan="2">权利类型</td> 70 <td colspan="2">权利类型</td>
71 <td colspan="4"> 71 <td colspan="4">
72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm"> 72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm">
73 <el-option 73 <el-option
74 v-for="item in $store.state.qllxList" 74 v-for="item in $store.state.qllxList"
75 :key="item.bsm" 75 :key="item.bsm"
76 :label="item.mc" 76 :label="item.mc"
77 :value="item.bsm" 77 :value="item.bsm"
78 > 78 >
79 </el-option> 79 </el-option>
80 </el-select> 80 </el-select>
81 </td> 81 </td>
82 <td colspan="2">宗地特征码<i class="requisite">*</i></td> 82 <td colspan="2">宗地特征码<i class="requisite">*</i></td>
83 <td colspan="4"> 83 <td colspan="4">
84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" v-model="formData.zdtzmbsm"> 84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'"
85 <el-option 85 v-model="formData.zdtzmbsm">
86 v-for="item in $store.state.zdtzmList" 86 <el-option
87 :key="item.bsm" 87 v-for="item in $store.state.zdtzmList"
88 :label="item.mc" 88 :key="item.bsm"
89 :value="item.bsm" 89 :label="item.mc"
90 > 90 :value="item.bsm"
91 </el-option> 91 >
92 </el-select> 92 </el-option>
93 </td> 93 </el-select>
94 </tr> 94 </td>
95 <tr> 95 </tr>
96 <td colspan="2">权利设定方式</td> 96 <tr>
97 <td colspan="4"> 97 <td colspan="2">权利设定方式</td>
98 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs"> 98 <td colspan="4">
99 <el-option 99 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs">
100 v-for="item in $store.state.qlsdfsList" 100 <el-option
101 :key="item.bsm" 101 v-for="item in $store.state.qlsdfsList"
102 :label="item.mc" 102 :key="item.bsm"
103 :value="item.bsm" 103 :label="item.mc"
104 > 104 :value="item.bsm"
105 </el-option> 105 >
106 </el-select> 106 </el-option>
107 </td> 107 </el-select>
108 <td colspan="2">宗地代码<i class="requisite">*</i></td> 108 </td>
109 <td colspan="4" class="psr"> 109 <td colspan="2">宗地代码<i class="requisite">*</i></td>
110 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19" 110 <td colspan="4" class="psr">
111 type="text" 111 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
112 class="formInput percent80" 112 type="text"
113 v-model="formData.zddm" 113 class="formInput percent80"
114 /> 114 v-model="formData.zddm"
115 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" @click="generatorCode" 115 />
116 >生成 116 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn"
117 </el-button> 117 @click="generatorCode"
118 </td> 118 >生成
119 </tr> 119 </el-button>
120 <tr> 120 </td>
121 <td colspan="2">地籍号</td> 121 </tr>
122 <td colspan="4"> 122 <tr>
123 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh" /> 123 <td colspan="2">地籍号</td>
124 </td> 124 <td colspan="4">
125 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/>
126 </td>
125 127
126 <td colspan="2">不动产单元号<i class="requisite">*</i></td> 128 <td colspan="2">不动产单元号<i class="requisite">*</i></td>
127 <td colspan="4" class="psr"> 129 <td colspan="4" class="psr">
128 <input 130 <input
129 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" maxlength="28" 131 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh"
130 class="formInput" 132 maxlength="28"
131 v-model="formData.bdcdyh" 133 class="formInput"
132 /> 134 v-model="formData.bdcdyh"
133 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> --> 135 />
134 </td> 136 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> -->
135 </tr> 137 </td>
136 <tr> 138 </tr>
137 <td colspan="2">坐落<i class="requisite">*</i></td> 139 <tr>
138 <td colspan="4"> 140 <td colspan="2">坐落<i class="requisite">*</i></td>
139 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" class="formInput" v-model="formData.zl" /> 141 <td colspan="4">
140 </td> 142 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"
141 <td colspan="2">项目名称</td> 143 class="formInput" v-model="formData.zl"/>
142 <td colspan="4" class="psr"> 144 </td>
143 <input :disabled="formData.qszt!='0'" 145 <td colspan="2">项目名称</td>
144 type="text" 146 <td colspan="4" class="psr">
145 class="formInput " 147 <input :disabled="formData.qszt!='0'"
146 v-model="formData.xmmc" 148 type="text"
147 /> 149 class="formInput "
148 </td> 150 v-model="formData.xmmc"
149 </tr> 151 />
150 <tr> 152 </td>
151 <td colspan="2">国民经济行业分类</td> 153 </tr>
152 <td colspan="4"> 154 <tr>
153 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm"> 155 <td colspan="2">国民经济行业分类</td>
154 <el-option 156 <td colspan="4">
155 v-for="item in $store.state.gmjjhyflbsmList" 157 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">
156 :key="item.bsm" 158 <el-option
157 :label="item.mc" 159 v-for="item in $store.state.gmjjhyflbsmList"
158 :value="item.bsm" 160 :key="item.bsm"
159 > 161 :label="item.mc"
160 </el-option> 162 :value="item.bsm"
161 </el-select> 163 >
162 </td> 164 </el-option>
163 <td colspan="2">价格(元)</td> 165 </el-select>
164 <td colspan="4" class="psr"> 166 </td>
165 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg" /> 167 <td colspan="2">价格(元)</td>
166 </td> 168 <td colspan="4" class="psr">
167 </tr> 169 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg"/>
168 <tr> 170 </td>
169 <td colspan="2" rowspan="2">所在图幅号</td> 171 </tr>
170 <td colspan="2">比例尺</td> 172 <tr>
171 <td colspan="8" class="psr"> 173 <td colspan="2" rowspan="2">所在图幅号</td>
172 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc" /> 174 <td colspan="2">比例尺</td>
173 </td> 175 <td colspan="8" class="psr">
174 </tr> 176 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/>
175 <tr> 177 </td>
176 <td colspan="2">图幅号</td> 178 </tr>
177 <td colspan="8" class="psr"> 179 <tr>
178 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh" /> 180 <td colspan="2">图幅号</td>
179 </td> 181 <td colspan="8" class="psr">
180 </tr> 182 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/>
181 <tr> 183 </td>
182 <td colspan="2">容积率</td> 184 </tr>
183 <td colspan="2"> 185 <tr>
184 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl"> 186 <td colspan="2">容积率</td>
185 <el-option 187 <td colspan="2">
186 v-for="item in compareList" 188 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl">
187 :key="item.value" 189 <el-option
188 :label="item.label" 190 v-for="item in compareList"
189 :value="item.value" 191 :key="item.value"
190 > 192 :label="item.label"
191 </el-option> 193 :value="item.value"
192 </el-select> 194 >
193 </td> 195 </el-option>
194 <td colspan="2"> 196 </el-select>
195 <input 197 </td>
196 type="text" :disabled="formData.qszt!='0'" 198 <td colspan="2">
197 v-model="rjl" 199 <input
198 v-show="isInterval(formData.jyrjl)" 200 type="text" :disabled="formData.qszt!='0'"
199 class="formInput percent47" 201 v-model="rjl"
200 /> 202 v-show="isInterval(formData.jyrjl)"
201 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> 203 class="formInput percent47"
202 <input 204 />
203 type="text" :disabled="formData.qszt!='0'" 205 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
204 v-model="formData.rjl" 206 <input
205 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" 207 type="text" :disabled="formData.qszt!='0'"
206 /> 208 v-model="formData.rjl"
207 </td> 209 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
208 <td colspan="2">容积说明</td> 210 />
209 <td colspan="4" class="psr"> 211 </td>
210 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm" /> 212 <td colspan="2">容积说明</td>
211 </td> 213 <td colspan="4" class="psr">
212 </tr> 214 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/>
213 <tr> 215 </td>
214 <td colspan="2">建筑密度</td> 216 </tr>
215 <td colspan="2"> 217 <tr>
216 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd"> 218 <td colspan="2">建筑密度</td>
217 <el-option 219 <td colspan="2">
218 v-for="item in compareList" 220 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd">
219 :key="item.value" 221 <el-option
220 :label="item.label" 222 v-for="item in compareList"
221 :value="item.value" 223 :key="item.value"
222 > 224 :label="item.label"
223 </el-option> 225 :value="item.value"
224 </el-select> 226 >
225 </td> 227 </el-option>
226 <td colspan="2"> 228 </el-select>
227 <input 229 </td>
228 type="text" 230 <td colspan="2">
229 v-model="jzmd" :disabled="formData.qszt!='0'" 231 <input
230 v-show="isInterval(formData.jyjzmd)" 232 type="text"
231 class="formInput percent47" 233 v-model="jzmd" :disabled="formData.qszt!='0'"
232 /> 234 v-show="isInterval(formData.jyjzmd)"
233 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> 235 class="formInput percent47"
234 <input 236 />
235 type="text" 237 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
236 v-model="formData.jzmd" :disabled="formData.qszt!='0'" 238 <input
237 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" 239 type="text"
238 /> 240 v-model="formData.jzmd" :disabled="formData.qszt!='0'"
239 </td> 241 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
240 <td colspan="2">建筑密度说明</td> 242 />
241 <td colspan="4" class="psr"> 243 </td>
242 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm" /> 244 <td colspan="2">建筑密度说明</td>
243 </td> 245 <td colspan="4" class="psr">
244 </tr> 246 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/>
245 <tr> 247 </td>
246 <td colspan="2">建筑限高</td> 248 </tr>
247 <td colspan="2"> 249 <tr>
248 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg"> 250 <td colspan="2">建筑限高</td>
249 <el-option 251 <td colspan="2">
250 v-for="item in compareList" 252 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg">
251 :key="item.value" 253 <el-option
252 :label="item.label" 254 v-for="item in compareList"
253 :value="item.value" 255 :key="item.value"
254 > 256 :label="item.label"
255 </el-option> 257 :value="item.value"
256 </el-select> 258 >
257 </td> 259 </el-option>
258 <td colspan="2"> 260 </el-select>
259 <input 261 </td>
260 type="text" :disabled="formData.qszt!='0'" 262 <td colspan="2">
261 v-model="jzxg" 263 <input
262 v-show="isInterval(formData.jyjzxg)" 264 type="text" :disabled="formData.qszt!='0'"
263 class="formInput percent47" 265 v-model="jzxg"
264 /> 266 v-show="isInterval(formData.jyjzxg)"
265 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> 267 class="formInput percent47"
266 <input 268 />
267 type="text" :disabled="formData.qszt!='0'" 269 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
268 v-model="formData.jzxg" 270 <input
269 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" 271 type="text" :disabled="formData.qszt!='0'"
270 /> 272 v-model="formData.jzxg"
271 </td> 273 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
272 <td colspan="2">建筑限高说明</td> 274 />
273 <td colspan="4" class="psr"> 275 </td>
274 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm" /> 276 <td colspan="2">建筑限高说明</td>
275 </td> 277 <td colspan="4" class="psr">
276 </tr> 278 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/>
277 <tr> 279 </td>
278 <td colspan="2" rowspan="4">宗地四至</td> 280 </tr>
279 <td colspan="2">北至<i class="requisite">*</i></td> 281 <tr>
280 <td colspan="8" class="psr"> 282 <td colspan="2" rowspan="4">宗地四至</td>
281 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszb" /> 283 <td colspan="2">北至<i class="requisite">*</i></td>
282 </td> 284 <td colspan="8" class="psr">
283 </tr> 285 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'"
284 <tr> 286 class="formInput" v-model="formData.zdszb"/>
285 <td colspan="2">东至<i class="requisite">*</i></td> 287 </td>
286 <td colspan="8" class="psr"> 288 </tr>
287 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszd" /> 289 <tr>
288 </td> 290 <td colspan="2">东至<i class="requisite">*</i></td>
289 </tr> 291 <td colspan="8" class="psr">
290 <tr> 292 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'"
291 <td colspan="2">南至<i class="requisite">*</i></td> 293 class="formInput" v-model="formData.zdszd"/>
292 <td colspan="8" class="psr"> 294 </td>
293 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszn" /> 295 </tr>
294 </td> 296 <tr>
295 </tr> 297 <td colspan="2">南至<i class="requisite">*</i></td>
296 <tr> 298 <td colspan="8" class="psr">
297 <td colspan="2">西至<i class="requisite">*</i></td> 299 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'"
298 <td colspan="8" class="psr"> 300 class="formInput" v-model="formData.zdszn"/>
299 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszx" /> 301 </td>
300 </td> 302 </tr>
301 </tr> 303 <tr>
302 <tr> 304 <td colspan="2">西至<i class="requisite">*</i></td>
303 <td colspan="12"> 305 <td colspan="8" class="psr">
304 <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz> 306 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'"
305 </td> 307 class="formInput" v-model="formData.zdszx"/>
306 </tr> 308 </td>
307 <tr> 309 </tr>
308 <td colspan="2" rowspan="2">批准面积(㎡)</td> 310 <tr>
309 <td colspan="2" rowspan="2"> 311 <td colspan="12">
310 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.pzmj" /> 312 <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz>
311 </td> 313 </td>
312 <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td> 314 </tr>
313 <td colspan="2" rowspan="2"> 315 <tr>
314 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj" /> 316 <td colspan="2" rowspan="2">批准面积(㎡)</td>
315 </td> 317 <td colspan="2" rowspan="2">
316 <td colspan="2">建筑占地总面积</td> 318 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
317 <td colspan="2"> 319 class="formInput" v-model="formData.pzmj"/>
318 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzdzmj" /> 320 </td>
319 </td> 321 <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td>
320 </tr> 322 <td colspan="2" rowspan="2">
321 <tr> 323 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj"
322 <td colspan="2">建筑面积(㎡)</td> 324 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
323 <td colspan="2"> 325 </td>
324 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzmj" /> 326 <td colspan="2">建筑占地总面积</td>
325 </td> 327 <td colspan="2">
326 </tr> 328 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
327 <tr> 329 class="formInput" v-model="formData.jzzdzmj"/>
328 <td colspan="2">共有/共用权利人情况</td> 330 </td>
329 <td colspan="10"> 331 </tr>
330 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.gygyqlrqk" /> 332 <tr>
331 </td> 333 <td colspan="2">建筑面积(㎡)</td>
332 </tr> 334 <td colspan="2">
333 <tr> 335 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
334 <td colspan="2" rowspan="2">说明</td> 336 class="formInput" v-model="formData.jzzmj"/>
335 <td colspan="10" rowspan="2"> 337 </td>
336 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm" /> 338 </tr>
337 </td> 339 <tr>
338 </tr> 340 <td colspan="2">共有/共用权利人情况</td>
339 </table> 341 <td colspan="10">
342 <input type="text" :disabled="formData.qszt!='0'" class="formInput"
343 v-model="formData.gygyqlrqk"/>
344 </td>
345 </tr>
346 <tr>
347 <td colspan="2" rowspan="2">说明</td>
348 <td colspan="10" rowspan="2">
349 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/>
350 </td>
351 </tr>
352 </table>
340 353
341 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px"> 354 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
342 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button> 355 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
343 <el-button type="primary" @click="submitZDxx">提交</el-button> 356 <el-button type="primary" @click="submitZDxx">提交</el-button>
344 <el-button type="primary" @click="registerCall">登记调用</el-button> 357 <el-button type="primary" @click="registerCall">登记调用</el-button>
345 </div> --> 358 </div> -->
346 359
347 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 360 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
348 361
349 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button> 362 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button>
350 <el-button type="primary" @click="submitZDxx">提交</el-button> 363 <el-button type="primary" @click="submitZDxx">提交</el-button>
351 <el-button type="primary" @click="registerCall">登记调用</el-button> 364 <el-button type="primary" @click="registerCall">登记调用</el-button>
352 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> 365 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
353 </div> 366 </div>
354 </div> 367 </div>
355 </div> 368 </div>
356 </template> 369 </template>
357 370
358 <script> 371 <script>
359 import Qlr from "../../../components/formMenu/qlr"; 372 import Qlr from "../../../components/formMenu/qlr";
360 import Qlxz from "../../../components/formMenu/qlxz"; 373 import Qlxz from "../../../components/formMenu/qlxz";
361 import geoUtils from "@components/lineTree/tx/js/geoUtils"; 374 import geoUtils from "@components/lineTree/tx/js/geoUtils";
362 import { 375 import {
363 getAllList, 376 getAllList,
364 getDdicByMC, 377 getDdicByMC,
365 getListByXzqbsm, 378 getListByXzqbsm,
366 getListByPbsm, 379 getListByPbsm,
367 submit, 380 submit,
368 getTree, 381 getTree,
369 registerCall 382 registerCall
370 } from "../../../api/common"; 383 } from "../../../api/common";
371 import { 384 import {
372 getBdcdyh, 385 getBdcdyh,
373 getQjZdjbxxDetailById, 386 getQjZdjbxxDetailById,
374 updateQjZdjbxx, 387 updateQjZdjbxx,
375 } from "../../../api/zd"; 388 } from "../../../api/zd";
376 389
377 export default { 390 export default {
378 inject:['getRightTree'], 391 inject: ['getRightTree'],
379 name: "", 392 name: "",
380 components: { 393 components: {
381 Qlr, 394 Qlr,
382 Qlxz, 395 Qlxz,
383 }, 396 },
384 props: {}, 397 props: {},
385 data() { 398 data() {
386 return { 399 return {
387 rules: [], 400 rules: [],
388 rjl:'', 401 rjl: '',
389 jzmd:'', 402 jzmd: '',
390 jzxg:'', 403 jzxg: '',
391 compareList: [ 404 compareList: [
392 { label: "<", value: "<" }, 405 {label: "<", value: "<"},
393 { label: ">", value: ">" }, 406 {label: ">", value: ">"},
394 { label: "=", value: "=" }, 407 {label: "=", value: "="},
395 { label: "<=", value: "<=" }, 408 {label: "<=", value: "<="},
396 { label: ">=", value: ">=" }, 409 {label: ">=", value: ">="},
397 { label: "-", value: "-" }, 410 {label: "-", value: "-"},
398 ], 411 ],
399 formData: {}, 412 formData: {},
400 dpdm:'', //宗地底盘代码 413 dpdm: '', //宗地底盘代码
401 curZdbsm:'', 414 curZdbsm: '',
402 mainBoxWidth:0, 415 mainBoxWidth: 0,
403 geoAttributes:{ 416 geoAttributes: {
404 OBJECTID:"", 417 OBJECTID: "",
405 BSM:"", 418 BSM: "",
406 YSDM:"", 419 YSDM: "",
407 ZDDM:"", 420 ZDDM: "",
408 BDCDYH:"", 421 BDCDYH: "",
409 ZDTZM :"", 422 ZDTZM: "",
410 ZL:"", 423 ZL: "",
411 ZDMJ:0, 424 ZDMJ: 0,
412 MJDW:"", 425 MJDW: "",
413 YT:"", 426 YT: "",
414 DJ:"", 427 DJ: "",
415 JG:0, 428 JG: 0,
416 QLLX:"", 429 QLLX: "",
417 QLXZ:"", 430 QLXZ: "",
418 QLSDFS:"", 431 QLSDFS: "",
419 RJL:0, 432 RJL: 0,
420 JZMD:0, 433 JZMD: 0,
421 JZXG:0, 434 JZXG: 0,
422 ZDSZD:"", 435 ZDSZD: "",
423 ZDSZN :"", 436 ZDSZN: "",
424 ZDSZX :"", 437 ZDSZX: "",
425 ZDSZB :"", 438 ZDSZB: "",
426 TFH:"", 439 TFH: "",
427 DJH:"", 440 DJH: "",
428 DAH:"", 441 DAH: "",
429 BZ :"", 442 BZ: "",
430 ZT:"", 443 ZT: "",
431 YWZT:"", 444 YWZT: "",
432 BLID:"", 445 BLID: "",
433 XMMC:"", 446 XMMC: "",
434 XMID:"", 447 XMID: "",
435 BGRQ:"", 448 BGRQ: "",
436 BGID:"", 449 BGID: "",
437 BGZT:"", 450 BGZT: "",
438 TDZH:"", 451 TDZH: "",
439 QSZT:0, 452 QSZT: 0,
440 BBLX:0, 453 BBLX: 0,
441 SFDB:0, 454 SFDB: 0,
442 QLR :"", 455 QLR: "",
443 CUTID:"", 456 CUTID: "",
444 BHQKID:"", 457 BHQKID: "",
445 DJZQDM :"", 458 DJZQDM: "",
446 SYQLXID:"", 459 SYQLXID: "",
447 }
448 };
449 },
450 mixins:[geoUtils],
451 created() {
452 this.curZdbsm = this.$route.query.bsm;
453 },
454 mounted() {
455 this.getZdjbxxData(this.$store.state.zdbsm);
456 this.$nextTick(() => {
457 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
458 })
459 },
460 methods: {
461 registerCall(){
462 let data={
463 type:'zd',
464 bsm:this.$store.state.zdbsm
465 }
466 registerCall(data).then(res=>{
467 if (res.success) {
468 this.$message.success("登记成功")
469 this.getRightTree(this.$store.state.zdbsm)
470 } 460 }
461 };
462 },
463 mixins: [geoUtils],
464 created() {
465 this.curZdbsm = this.$route.query.bsm;
466 },
467 mounted() {
468 this.getZdjbxxData(this.$store.state.zdbsm);
469 this.$nextTick(() => {
470 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
471 }) 471 })
472 }, 472 },
473 //根据zdbsm查询基本信息 473 methods: {
474 getZdjbxxData(bsm) { 474 registerCall() {
475 getQjZdjbxxDetailById(bsm) 475 let data = {
476 .then((res) => { 476 type: 'zd',
477 if (res.result) { 477 bsm: this.$store.state.zdbsm
478 this.formData = res.result; 478 }
479 console.log(res.result,'res.result'); 479 registerCall(data).then(res => {
480 this.getXzqData(res.result.xzqbsm,res.result.djqbsm); 480 if (res.success) {
481 //如果没有宗地代码，自动生成 481 this.$message.success("登记成功")
482 // if(res.result.zddm == null){ 482 this.getRightTree(this.$store.state.zdbsm)
483 // this.generatorCode() 483 }
484 // } 484 })
485 //判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值 485 },
486 this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : ''; 486 //根据zdbsm查询基本信息
487 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl; 487 getZdjbxxData(bsm) {
488 this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : ''; 488 getQjZdjbxxDetailById(bsm)
489 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd; 489 .then((res) => {
490 this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : ''; 490 if (res.result) {
491 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg; 491 this.formData = res.result;
492 if(res.result.list.length>0){ 492 console.log(res.result, 'res.result');
493 if(res.result.list[0].list.length<1){ 493 this.getXzqData(res.result.xzqbsm, res.result.djqbsm);
494 res.result.list[0].list.push({ 494 //如果没有宗地代码，自动生成
495 "pzdjbsm": "", 495 // if(res.result.zddm == null){
496 "pzdjmc": "", 496 // this.generatorCode()
497 "pzytdm": "", 497 // }
498 "pzytmc": "", 498 //判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值
499 "pzytmj": 0, 499 this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : '';
500 "qlxzbsm": "", 500 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl;
501 "sjdjbsm": "", 501 this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : '';
502 "sjdjmc": "", 502 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd;
503 "sjytdm": "", 503 this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : '';
504 "sjytmc": "", 504 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg;
505 "sjytmj": 0, 505 if (res.result.list.length > 0) {
506 "syqx": "", 506 if (res.result.list[0].list.length < 1) {
507 "tdsyjssj": "", 507 res.result.list[0].list.push({
508 "tdsyqssj": "", 508 "pzdjbsm": "",
509 "tdzh": "" 509 "pzdjmc": "",
510 }) 510 "pzytdm": "",
511 } 511 "pzytmc": "",
512 this.$nextTick(()=>{ 512 "pzytmj": 0,
513 //权利性质数据传给子组件 513 "qlxzbsm": "",
514 this.$refs.qlxzModule.countList = res.result.list; 514 "sjdjbsm": "",
515 }) 515 "sjdjmc": "",
516 }else{ 516 "sjytdm": "",
517 this.$nextTick(()=>{ 517 "sjytmc": "",
518 //权利性质数据传给子组件 518 "sjytmj": 0,
519 this.$refs.qlxzModule.countList = [ 519 "syqx": "",
520 { 520 "tdsyjssj": "",
521 id: Math.random(), 521 "tdsyqssj": "",
522 isInside: false, 522 "tdzh": ""
523 hasNotBorder: false, 523 })
524 bsm: "", //权利性质标识码 524 }
525 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM 525 this.$nextTick(() => {
526 qlxzdm: "", 526 //权利性质数据传给子组件
527 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质 527 this.$refs.qlxzModule.countList = res.result.list;
528 list: [ 528 })
529 { 529 } else {
530 pzdjbsm: "", 530 this.$nextTick(() => {
531 pzdjmc: "", 531 //权利性质数据传给子组件
532 pzytdm: "", 532 this.$refs.qlxzModule.countList = [
533 pzytmc: "", 533 {
534 pzytmj: 0, 534 id: Math.random(),
535 qlxzbsm: "", 535 isInside: false,
536 sjdjbsm: "", 536 hasNotBorder: false,
537 sjdjmc: "", 537 bsm: "", //权利性质标识码
538 sjytdm: "", 538 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
539 sjytmc: "", 539 qlxzdm: "",
540 sjytmj: 0, 540 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
541 syqx: "", 541 list: [
542 tdsyjssj: "", 542 {
543 tdsyqssj: "", 543 pzdjbsm: "",
544 tdzh: "", 544 pzdjmc: "",
545 }, 545 pzytdm: "",
546 ], 546 pzytmc: "",
547 }, 547 pzytmj: 0,
548 ]; 548 qlxzbsm: "",
549 }) 549 sjdjbsm: "",
550 } 550 sjdjmc: "",
551 } 551 sjytdm: "",
552 }) 552 sjytmc: "",
553 .catch((error) => {}); 553 sjytmj: 0,
554 }, 554 syqx: "",
555 tdsyjssj: "",
556 tdsyqssj: "",
557 tdzh: "",
558 },
559 ],
560 },
561 ];
562 })
563 }
564 }
565 })
566 .catch((error) => {
567 });
568 },
569
570 //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB
571 generatorDpdm() {
572 this.$store.state.xzqList.forEach((item) => {
573 if (item.bsm === this.formData.xzqbsm) {
574 this.dpdm = item.dm;
575 }
576 });
577 this.$store.state.djqList.forEach((item) => {
578 if (item.bsm === this.formData.djqbsm) {
579 this.dpdm = this.dpdm + item.dm;
580 }
581 });
582 this.$store.state.djzqList.forEach((item) => {
583 if (item.bsm === this.formData.djzqbsm) {
584 this.dpdm = this.dpdm + item.dm;
585 }
586 });
587
588 this.dpdm = this.dpdm + this.formData.syqlxbsm;
589 this.$store.state.zdtzmList.forEach((item) => {
590 if (item.bsm === this.formData.zdtzmbsm) {
591 this.dpdm = this.dpdm + item.dm;
592 }
593 });
594 },
555 595
556 //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB 596 //不动产单元号再次生成提示框
557 generatorDpdm() { 597 open() {
558 this.$store.state.xzqList.forEach((item)=>{ 598 this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
559 if(item.bsm === this.formData.xzqbsm){ 599 confirmButtonText: '确定',
560 this.dpdm = item.dm; 600 cancelButtonText: '取消',
561 } 601 type: 'warning'
562 }); 602 }).then(() => {
563 this.$store.state.djqList.forEach((item)=>{ 603 this.generatorDpdm();
564 if(item.bsm === this.formData.djqbsm){ 604 getBdcdyh(this.dpdm, "zd")
565 this.dpdm = this.dpdm + item.dm; 605 .then((res) => {
566 } 606 console.log(res);
567 }); 607 this.formData.zddm = res.result.substring(0, 19);
568 this.$store.state.djzqList.forEach((item)=>{ 608 this.formData.bdcdyh = res.result;
569 if(item.bsm === this.formData.djzqbsm){ 609 })
570 this.dpdm = this.dpdm + item.dm; 610 .catch((error) => {
571 } 611 });
572 }); 612 this.$message({
613 type: 'success',
614 message: '生成成功!'
615 });
616 }).catch(() => {
617 this.$message({
618 type: 'info',
619 message: '已取消'
620 });
621 });
622 },
623
624 //生成宗地代码
625 generatorCode() {
573 626
574 this.dpdm = this.dpdm + this.formData.syqlxbsm; 627 if ((this.formData.zddm != null && this.formData.zddm !== '') || (this.formData.bdcdyh != null && this.formData.bdcdyh !== '')) {
575 this.$store.state.zdtzmList.forEach((item)=>{ 628 this.open();
576 if(item.bsm === this.formData.zdtzmbsm){ 629 return;
577 this.dpdm = this.dpdm + item.dm; 630 }
578 } 631 this.generatorDpdm();
579 });
580 },
581 632
582 //不动产单元号再次生成提示框
583 open() {
584 this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
585 confirmButtonText: '确定',
586 cancelButtonText: '取消',
587 type: 'warning'
588 }).then(() => {
589 this.generatorDpdm();
590 getBdcdyh(this.dpdm, "zd") 633 getBdcdyh(this.dpdm, "zd")
591 .then((res) => { 634 .then((res) => {
592 console.log(res); 635 console.log(res);
593 this.formData.zddm = res.result.substring(0, 19); 636 this.formData.zddm = res.result.substring(0, 19);
594 this.formData.bdcdyh = res.result; 637 this.formData.bdcdyh = res.result;
595 }) 638 })
596 .catch((error) => {}); 639 .catch((error) => {
597 this.$message({ 640 });
598 type: 'success', 641 },
599 message: '生成成功!' 642 //修改宗地基本信息
600 }); 643 updateZDxx(formData) {
601 }).catch(() => { 644 //获取权利性质数据
602 this.$message({ 645 this.formData.list = this.$refs.qlxzModule.getQlxzDataList();
603 type: 'info', 646 console.log(this.$refs.qlxzModule.getRulesResult(), 'this.$refs.qlxzModule.getRules()');
604 message: '已取消' 647 //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予
605 }); 648 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl;
606 }); 649 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd;
607 }, 650 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg;
651 this.rules = [
652 {
653 data: this.formData.zdtzmbsm,
654 name: '宗地特征码',
655 dom: this.$refs.zdtzm,
656 rule: /^\s*$/g, //非空
657 },
658 {
659 data: this.formData.zddm,
660 name: '宗地代码',
661 dom: this.$refs.zddm,
662 rule: /^\s*$/g, //非空
663 },
664 {
665 data: this.formData.bdcdyh,
666 name: '不动产单元号',
667 dom: this.$refs.bdcdyh,
668 rule: /^\s*$/g, //非空
669 },
670 {
671 data: this.formData.zl,
672 name: '坐落',
673 dom: this.$refs.zl,
674 rule: /^\s*$/g, //非空
675 },
676 {
677 data: this.formData.zdszd,
678 name: '宗地东至',
679 dom: this.$refs.zdszd,
680 rule: /^\s*$/g, //非空
681 },
682 {
683 data: this.formData.zdszb,
684 name: '宗地北至',
685 dom: this.$refs.zdszb,
686 rule: /^\s*$/g, //非空
687 },
688 {
689 data: this.formData.zdszx,
690 name: '宗地西至',
691 dom: this.$refs.zdszx,
692 rule: /^\s*$/g, //非空
693 },
694 {
695 data: this.formData.zdszn,
696 name: '宗地南至',
697 dom: this.$refs.zdszn,
698 rule: /^\s*$/g, //非空
699 },
700 {
701 data: this.formData.zdmj,
702 name: '宗地面积',
703 dom: this.$refs.zdmj,
704 rule: /^\s*$/g, //非空
705 },
706 ]
707 // console.log(this.rules,'rules');
708 this.$refs.qlxzModule.getRules();
709 let flag = true;
710 this.rules.forEach(item => {
711 if (item.rule.test(item.data) || item.data == null) {
712 if (item.dom.$el) {
713 item.dom.$el.style.border = '1px solid red';
714 item.dom.$el.style.boxSizing = 'border-box';
715 } else {
716 item.dom.style.border = '1px solid red';
717 item.dom.style.boxSizing = 'border-box';
718 }
719 // this.$message({
720 // // message: item.name+'不能为空',
721 // message: '不能为空',
722 // type: "warning",
723 // });
724 flag = false;
725 return false
726 }
727 })
728 this.$nextTick(() => {
729 if (flag && this.$refs.qlxzModule.getRulesResult()) {
730 //宗地面积处理
731 // console.log(this.formData.zdmj,'this.formData.zdmj');
732 // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
733 //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
734 if (this.formData.zddm.substring(0, 14) != this.dpdm || this.formData.bdcdyh.substring(0, 14) != this.dpdm) {
735 this.$message({
736 message: '宗地代码或不动产单元号有误，请核对后再试一次',
737 type: "warning",
738 });
739 } else {
740 updateQjZdjbxx(this.formData)
741 .then((res) => {
742 if (res.code == 200) {
743 console.log(res);
744 this.$message({
745 message: '保存成功',
746 type: "success",
747 });
748 // 保存成功再次查询
749 this.getZdjbxxData(this.$store.state.zdbsm);
750 } else {
751 this.$message({
752 message: res.message,
753 type: "warning",
754 });
755 }
756 })
757 .catch((error) => {
758 });
759 //保存到空间库里面
760 var self = this;
761 for (var key in this.geoAttributes) {
762 if (key == "BSM") {
763 self.geoAttributes[key] = this.$store.state.zdbsm
764 } else if (key == 'QLSDFS') {
765 var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
766 var qlsdfs = qlsdfsList.filter(item => {
767 return item.bsm == value;
768 })
769 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
770 } else {
771 var formKay = key.toLowerCase();
772 self.geoAttributes[key] = self.formData[formKay];
773 }
774 }
775 self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
776 console.log("属性保存完成!!");
777 });
778 }
779 } else {
780 this.$message({
781 // message: item.name+'不能为空',
782 message: '请完善表单后再继续操作',
783 type: "warning",
784 });
785 }
786 })
608 787
609 //生成宗地代码 788 },
610 generatorCode() { 789 inputBlur(e) {
790 if (e.target.value != '') {
791 e.target.style.border = ""
792 } else {
793 e.target.style.border = "1px solid red";
794 e.target.style.boxSizing = 'border-box';
795 }
796 },
797 //提交宗地基本信息
798 submitZDxx() {
799 let data = {
800 glbsm: this.$store.state.zdbsm,
801 status: 1,
802 type: "zd"
803 }
804 submit(data).then((res) => {
805 if (res.code === 200) {
806 this.$message.success("提交成功！")
807 this.getZdjbxxData(this.curZdbsm);
808 getTree(this.curZdbsm).then((res) => {
809 if (res.success) {
810 // console.log('successsuccesssuccesssuccess');
811 this.$store.state.treeData = res.result;
812 }
813 });
814 }
815 })
816 },
817 getQlrxxData() {
818 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
819 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
820 },
821 getQlxzData() {
822 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
823 },
824 //行政区划选择
825 changeXzq(id) {
826 getListByXzqbsm(id)
827 .then((res) => {
828 this.formData.djqbsm = "";
829 this.formData.djzqbsm = "";
830 this.djqList = res.result;
831 this.$store.state.djqList = res.result;
832 })
833 .catch((error) => {
834 });
835 },
836 changeDjq(item) {
837 getListByPbsm(item)
838 .then((res) => {
839 this.formData.djzqbsm = "";
840 this.djzqList = res.result;
841 this.$store.state.djzqList = res.result;
842 })
843 .catch((error) => {
844 });
845 },
846 //判断容密高是否为区间
847 isInterval(val) {
848 if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) {
849 return false
850 } else {
851 return true;
852 }
853 },
854 //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
855 getXzqData(xzqdm, djqdm) {
856 getAllList()
857 .then((res) => {
858 this.$store.state.xzqList = res.result;
859 })
860 .catch((error) => {
861 });
611 862
612 if((this.formData.zddm!=null&&this.formData.zddm!=='')||(this.formData.bdcdyh!=null&&this.formData.bdcdyh!=='')){ 863 getListByPbsm(djqdm)
613 this.open(); 864 .then((res) => {
614 return; 865 this.$store.state.djzqList = res.result;
866 getListByXzqbsm(xzqdm)
867 .then((res) => {
868 this.$store.state.djqList = res.result;
869 //生成底盘代码
870 this.generatorDpdm();
871 })
872 .catch((error) => {
873 });
874 })
875 .catch((error) => {
876 });
615 } 877 }
616 this.generatorDpdm(); 878 },
617 879 computed: {
618 getBdcdyh(this.dpdm, "zd") 880 zl() {
619 .then((res) => { 881 return this.formData.zl;
620 console.log(res); 882 },
621 this.formData.zddm = res.result.substring(0, 19); 883 mj() {
622 this.formData.bdcdyh = res.result; 884 return this.formData.zdmj;
623 }) 885 },
624 .catch((error) => {}); 886 zddm() {
625 }, 887 return this.formData.zddm;
626 //修改宗地基本信息 888 },
627 updateZDxx(formData) { 889 zdbsm() {
628 //获取权利性质数据 890 return this.$route.query.bsm;
629 this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); 891 },
630 console.log(this.$refs.qlxzModule.getRulesResult(),'this.$refs.qlxzModule.getRules()'); 892 },
631 //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予 893 watch: {
632 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; 894 zl: function (val) {
633 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; 895 this.$store.state.zdzl = val;
634 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; 896 },
635 this.rules= [ 897 mj: function (val) {
636 { 898 this.$store.state.zdmj = val;
637 data:this.formData.zdtzmbsm, 899 },
638 name:'宗地特征码', 900 zddm: function (val) {
639 dom:this.$refs.zdtzm, 901 this.$store.state.zddm = val;
640 rule: /^\s*$/g, //非空 902 },
641 }, 903 zdbsm: function (val) {
642 { 904 this.getZdjbxxData(val)
643 data:this.formData.zddm, 905 this.curZdbsm = val;
644 name:'宗地代码', 906 },
645 dom:this.$refs.zddm, 907 "formData.bdcdyh": function (val) {
646 rule: /^\s*$/g, //非空 908 if (val != '') {
647 }, 909 this.$refs.bdcdyh.style.border = '';
648 { 910 }
649 data:this.formData.bdcdyh, 911 },
650 name:'不动产单元号', 912 "formData.zddm": function (val) {
651 dom:this.$refs.bdcdyh, 913 if (val != '') {
652 rule: /^\s*$/g, //非空 914 this.$refs.zddm.style.border = '';
653 }, 915 }
654 { 916 }
655 data:this.formData.zl, 917 },
656 name:'坐落', 918 "$store.state.sxdrType": {
657 dom:this.$refs.zl, 919 handler(n) {
658 rule: /^\s*$/g, //非空 920 this.$message.success(n)
659 }, 921 this.$nextTick(()=>{
660 { 922 if (n === 'zd') {
661 data:this.formData.zdszd, 923 this.getZdjbxxData(this.$store.state.zdbsm)
662 name:'宗地东至', 924 }
663 dom:this.$refs.zdszd, 925 })
664 rule: /^\s*$/g, //非空 926 },
665 }, 927 immediate: true,
666 { 928 deep: true,
667 data:this.formData.zdszb, 929 }
668 name:'宗地北至', 930 };
669 dom:this.$refs.zdszb,
670 rule: /^\s*$/g, //非空
671 },
672 {
673 data:this.formData.zdszx,
674 name:'宗地西至',
675 dom:this.$refs.zdszx,
676 rule: /^\s*$/g, //非空
677 },
678 {
679 data:this.formData.zdszn,
680 name:'宗地南至',
681 dom:this.$refs.zdszn,
682 rule: /^\s*$/g, //非空
683 },
684 {
685 data:this.formData.zdmj,
686 name:'宗地面积',
687 dom:this.$refs.zdmj,
688 rule: /^\s*$/g, //非空
689 },
690 ]
691 // console.log(this.rules,'rules');
692 this.$refs.qlxzModule.getRules();
693 let flag = true;
694 this.rules.forEach(item=>{
695 if(item.rule.test(item.data) || item.data == null){
696 if(item.dom.$el){
697 item.dom.$el.style.border = '1px solid red';
698 item.dom.$el.style.boxSizing = 'border-box';
699 }else{
700 item.dom.style.border = '1px solid red';
701 item.dom.style.boxSizing = 'border-box';
702 }
703 // this.$message({
704 // // message: item.name+'不能为空',
705 // message: '不能为空',
706 // type: "warning",
707 // });
708 flag = false;
709 return false
710 }
711 })
712 this.$nextTick(()=>{
713 if(flag && this.$refs.qlxzModule.getRulesResult()){
714 //宗地面积处理
715 // console.log(this.formData.zdmj,'this.formData.zdmj');
716 // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
717 //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
718 if(this.formData.zddm.substring(0,14) != this.dpdm || this.formData.bdcdyh.substring(0,14) != this.dpdm){
719 this.$message({
720 message: '宗地代码或不动产单元号有误，请核对后再试一次',
721 type: "warning",
722 });
723 }else{
724 updateQjZdjbxx(this.formData)
725 .then((res) => {
726 if (res.code == 200) {
727 console.log(res);
728 this.$message({
729 message: '保存成功',
730 type: "success",
731 });
732 // 保存成功再次查询
733 this.getZdjbxxData(this.$store.state.zdbsm);
734 } else {
735 this.$message({
736 message: res.message,
737 type: "warning",
738 });
739 }
740 })
741 .catch((error) => {});
742 //保存到空间库里面
743 var self = this;
744 for(var key in this.geoAttributes){
745 if(key == "BSM"){
746 self.geoAttributes[key] = this.$store.state.zdbsm
747 }else if(key == 'QLSDFS'){
748 var qlsdfsList = self.$store.state.qlsdfsList,value = self.formData.qlsdfs;
749 var qlsdfs = qlsdfsList.filter(item => {
750 return item.bsm == value;
751 })
752 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc:"";
753 }else {
754 var formKay = key.toLowerCase();
755 self.geoAttributes[key] = self.formData[formKay];
756 }
757 }
758 self.updAttributes(this.$store.state.zdbsm,'zd',this.geoAttributes,function (res) {
759 console.log("属性保存完成!!");
760 });
761 }
762 }else{
763 this.$message({
764 // message: item.name+'不能为空',
765 message: '请完善表单后再继续操作',
766 type: "warning",
767 });
768 }
769 })
770
771 },
772 inputBlur(e){
773 if(e.target.value!=''){
774 e.target.style.border=""
775 }else{
776 e.target.style.border="1px solid red";
777 e.target.style.boxSizing = 'border-box';
778 }
779 },
780 //提交宗地基本信息
781 submitZDxx(){
782 let data={
783 glbsm:this.$store.state.zdbsm,
784 status:1,
785 type:"zd"
786 }
787 submit(data).then((res)=>{
788 if(res.code===200){
789 this.$message.success("提交成功！")
790 this.getZdjbxxData(this.curZdbsm);
791 getTree(this.curZdbsm).then((res) => {
792 if (res.success) {
793 // console.log('successsuccesssuccesssuccess');
794 this.$store.state.treeData = res.result;
795 }
796 });
797 }
798 })
799 },
800 getQlrxxData() {
801 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
802 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
803 },
804 getQlxzData() {
805 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
806 },
807 //行政区划选择
808 changeXzq(id) {
809 getListByXzqbsm(id)
810 .then((res) => {
811 this.formData.djqbsm = "";
812 this.formData.djzqbsm = "";
813 this.djqList = res.result;
814 this.$store.state.djqList = res.result;
815 })
816 .catch((error) => {});
817 },
818 changeDjq(item) {
819 getListByPbsm(item)
820 .then((res) => {
821 this.formData.djzqbsm = "";
822 this.djzqList = res.result;
823 this.$store.state.djzqList = res.result;
824 })
825 .catch((error) => {});
826 },
827 //判断容密高是否为区间
828 isInterval(val){
829 if(val == '>' || val == '<' || val == '=' || val == '>=' || val == '<='|| val == null){
830 return false
831 }else{
832 return true;
833 }
834 },
835 //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
836 getXzqData(xzqdm,djqdm){
837 getAllList()
838 .then((res) => {
839 this.$store.state.xzqList = res.result;
840 })
841 .catch((error) => {});
842
843 getListByPbsm(djqdm)
844 .then((res) => {
845 this.$store.state.djzqList = res.result;
846 getListByXzqbsm(xzqdm)
847 .then((res) => {
848 this.$store.state.djqList = res.result;
849 //生成底盘代码
850 this.generatorDpdm();
851 })
852 .catch((error) => {});
853 })
854 .catch((error) => {});
855 }
856 },
857 computed: {
858 zl() {
859 return this.formData.zl;
860 },
861 mj() {
862 return this.formData.zdmj;
863 },
864 zddm() {
865 return this.formData.zddm;
866 },
867 zdbsm() {
868 return this.$route.query.bsm;
869 },
870 },
871 watch: {
872 zl: function(val) {
873 this.$store.state.zdzl = val;
874 },
875 mj: function(val) {
876 this.$store.state.zdmj = val;
877 },
878 zddm: function(val) {
879 this.$store.state.zddm = val;
880 },
881 zdbsm:function (val) {
882 this.getZdjbxxData(val)
883 this.curZdbsm = val;
884 },
885 "formData.bdcdyh":function (val) {
886 if (val != '') {
887 this.$refs.bdcdyh.style.border = '';
888 }
889 },
890 "formData.zddm":function (val) {
891 if (val != '') {
892 this.$refs.zddm.style.border = '';
893 }
894 }
895 },
896 };
897 </script> 931 </script>
898 <style lang="less" scoped> 932 <style lang="less" scoped>
899 .main { 933 .main {
900 box-sizing: border-box; 934 box-sizing: border-box;
901 padding: 18px; 935 padding: 18px;
902 height: auto; 936 height: auto;
903 .formMenu { 937 .formMenu {
904 width: 100%; 938 width: 100%;
905 margin: 0 auto; 939 margin: 0 auto;
906 margin-bottom: 50px; 940 margin-bottom: 50px;
907 } 941 }
908 .zdjbxxTable { 942 .zdjbxxTable {
909 margin: 10px 0; 943 margin: 10px 0;
910 background-color: #fff; 944 background-color: #fff;
911 font-size: 14px; 945 font-size: 14px;
912 width: 100%; 946 width: 100%;
913 table-layout: fixed; 947 table-layout: fixed;
914 th { 948 th {
915 height: 36px; 949 height: 36px;
916 line-height: 36px; 950 line-height: 36px;
917 font-size: 16px; 951 font-size: 16px;
918 } 952 }
919 td { 953 td {
920 text-align: center; 954 text-align: center;
921 height: 36px; 955 height: 36px;
922 border-color: #E6E6E6; 956 border-color: #E6E6E6;
923 } 957 }
924 /deep/ .el-input__inner { 958 /deep/ .el-input__inner {
925 margin: 0; 959 margin: 0;
926 height: 36px; 960 height: 36px;
927 outline: none; 961 outline: none;
928 border: none; 962 border: none;
929 color: #606764; 963 color: #606764;
930 overflow: visible; 964 overflow: visible;
931 text-align: center; 965 text-align: center;
932 } 966 }
933 .percent68 { 967 .percent68 {
934 width: 68% !important; 968 width: 68% !important;
935 float: left; 969 float: left;
936 position: relative; 970 position: relative;
937 top: 7px; 971 top: 7px;
938 } 972 }
939 .percent47 { 973 .percent47 {
940 width: 45% !important; 974 width: 45% !important;
941 float: left; 975 float: left;
942 } 976 }
943 .percent4 { 977 .percent4 {
944 height: 20px; 978 height: 20px;
945 line-height: 20px; 979 line-height: 20px;
946 width: 4% !important; 980 width: 4% !important;
947 float: left; 981 float: left;
948 } 982 }
949 .percent30 { 983 .percent30 {
950 width: 30% !important; 984 width: 30% !important;
951 float: left; 985 float: left;
952 } 986 }
953 .el-input__icon { 987 .el-input__icon {
954 line-height: 37px; 988 line-height: 37px;
955 } 989 }
956 .el-select { 990 .el-select {
957 width: 100%; 991 width: 100%;
958 } 992 }
959 } 993 }
960 994
961 .header-button { 995 .header-button {
962 height: 50px; 996 height: 50px;
963 position: fixed; 997 position: fixed;
964 bottom: 0; 998 bottom: 0;
965 right: 6px; 999 right: 6px;
966 text-align: center; 1000 text-align: center;
967 background-color: #ffffff; 1001 background-color: #ffffff;
968 .el-button{ 1002 .el-button {
969 padding: 10px 30px; 1003 padding: 10px 30px;
970 margin-top: 8px; 1004 margin-top: 8px;
971 } 1005 }
972 .saveBtn { 1006 .saveBtn {
973 background-color: #00CACD; 1007 background-color: #00CACD;
974 border-color: #00CACD; 1008 border-color: #00CACD;
975 } 1009 }
976 .saveBtn:hover { 1010 .saveBtn:hover {
977 background-color: rgba(0, 202, 205, .8); 1011 background-color: rgba(0, 202, 205, .8);
978 border-color: rgba(0, 202, 205, .8); 1012 border-color: rgba(0, 202, 205, .8);
979 } 1013 }
980 } 1014 }
981 } 1015 }
982 </style> 1016 </style>
......