Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
f878c561 by 焦泽平
Options

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

2 parents e6510ec8 ca5e8fae
Inline Side-by-side
Showing 22 changed files with 456 additions and 312 deletions
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
48 label="不动产权证号"> 48 label="不动产权证号">
49 </el-table-column> 49 </el-table-column>
50 <el-table-column 50 <el-table-column
51 prop="qlr" 51 prop="qlrmc"
52 label="权利人"> 52 label="权利人">
53 </el-table-column> 53 </el-table-column>
54 <el-table-column 54 <el-table-column
...@@ -72,10 +72,10 @@ ...@@ -72,10 +72,10 @@
72 <el-col :span="7" style="display: inline-block;"> 72 <el-col :span="7" style="display: inline-block;">
73 <el-select v-model="dzhbhData.xzqbsm" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(dzhbhData.xzqbsm)" disabled> 73 <el-select v-model="dzhbhData.xzqbsm" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(dzhbhData.xzqbsm)" disabled>
74 <el-option 74 <el-option
75 v-for="item in xzq" 75 v-for="xzqItem in xzq"
76 :key="item.bsm" 76 :key="xzqItem.bsm"
77 :label="item.mc" 77 :label="xzqItem.mc"
78 :value="item.bsm"> 78 :value="xzqItem.bsm">
79 </el-option> 79 </el-option>
80 </el-select> 80 </el-select>
81 </el-col> 81 </el-col>
...@@ -83,10 +83,10 @@ ...@@ -83,10 +83,10 @@
83 <el-col :span="7"> 83 <el-col :span="7">
84 <el-select v-model="dzhbhData.djqbsm" placeholder="地籍区" @change="changeDjq(dzhbhData.djqbsm)" disabled> 84 <el-select v-model="dzhbhData.djqbsm" placeholder="地籍区" @change="changeDjq(dzhbhData.djqbsm)" disabled>
85 <el-option 85 <el-option
86 v-for="item in djq" 86 v-for="djqItem in djq"
87 :key="item.bsm" 87 :key="djqItem.bsm"
88 :label="item.mc" 88 :label="djqItem.mc"
89 :value="item.bsm"> 89 :value="djqItem.bsm">
90 </el-option> 90 </el-option>
91 </el-select> 91 </el-select>
92 </el-col> 92 </el-col>
...@@ -94,10 +94,10 @@ ...@@ -94,10 +94,10 @@
94 <el-col :span="8"> 94 <el-col :span="8">
95 <el-select v-model="dzhbhData.djzqbsm" placeholder="地籍子区" @change="$forceUpdate()" disabled> 95 <el-select v-model="dzhbhData.djzqbsm" placeholder="地籍子区" @change="$forceUpdate()" disabled>
96 <el-option 96 <el-option
97 v-for="item in djzq" 97 v-for="djzqItem in djzq"
98 :key="item.bsm" 98 :key="djzqItem.bsm"
99 :label="item.mc" 99 :label="djzqItem.mc"
100 :value="item.bsm"> 100 :value="djzqItem.bsm">
101 </el-option> 101 </el-option>
102 </el-select> 102 </el-select>
103 </el-col> 103 </el-col>
......
...@@ -750,6 +750,7 @@ ...@@ -750,6 +750,7 @@
750 background-color: white; 750 background-color: white;
751 padding: 10px 0; 751 padding: 10px 0;
752 margin-bottom: 10px; 752 margin-bottom: 10px;
753 border: 1px solid #E6E6E6;
753 } 754 }
754 .tips{ 755 .tips{
755 color: #9B9B9B; 756 color: #9B9B9B;
......
...@@ -77,7 +77,11 @@ ...@@ -77,7 +77,11 @@
77 ></div> 77 ></div>
78 <div 78 <div
79 v-if="item.children==null" 79 v-if="item.children==null"
80 class="reTree_icon reTree_expand_icon" 80 class="reTree_icon"
81 :class="{
82 reTree_default_icon: item.dm != 'G' && item.dm != 'J' && item.dm != 'Z',
83 reTree_expand_icon: item.dm == 'G' || item.dm == 'J' || item.dm == 'Z',
84 }"
81 :style="{ 85 :style="{
82 height: (size || 16 * 1.2) + 'px', 86 height: (size || 16 * 1.2) + 'px',
83 width: (size || 16 * 1.2) + 'px', 87 width: (size || 16 * 1.2) + 'px',
......
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
73 <li @click="drsx" :class="zdQszt=='0'?'':'noEdit'">导入属性</li> 73 <li @click="drsx" :class="zdQszt=='0'?'':'noEdit'">导入属性</li>
74 <li @click="dcsx">导出属性</li> 74 <li @click="dcsx">导出属性</li>
75 <li v-show="!isZD">导入楼盘</li> 75 <li v-show="!isZD">导入楼盘</li>
76 <li>重叠分析</li> 76 <!-- <li>重叠分析</li> -->
77 <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog('dzw')">添加定着物</li> 77 <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog('dzw')">添加定着物</li>
78 <li v-show="isZD && (zdQszt != '1' && zdQszt != '2')" class="noEdit">添加定着物</li> 78 <li v-show="isZD && (zdQszt != '1' && zdQszt != '2')" class="noEdit">添加定着物</li>
79 <li @click="deleteByBsm()">删除</li> 79 <li @click="deleteByBsm()">删除</li>
...@@ -229,7 +229,12 @@ export default { ...@@ -229,7 +229,12 @@ export default {
229 methods: { 229 methods: {
230 dcsx(){ 230 dcsx(){
231 console.log(this.zdData,'zdData') 231 console.log(this.zdData,'zdData')
232 window.open(`api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}`) 232 // window.open(`api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}`)
233 let url= `api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}`
234 let elemIF = document.createElement("iframe");
235 elemIF.src = url;
236 elemIF.style.display = "none";
237 document.body.appendChild(elemIF)
233 }, 238 },
234 drsx(){ 239 drsx(){
235 if (this.zdQszt!='0') { 240 if (this.zdQszt!='0') {
...@@ -836,8 +841,8 @@ export default { ...@@ -836,8 +841,8 @@ export default {
836 center; 841 center;
837 background-size: contain; 842 background-size: contain;
838 } 843 }
839 /deep/ .importDialog{ 844 /* /deep/ .importDialog{
840 margin-top: 120px!important; 845 margin-top: 120px!important;
841 margin-left: 291px; 846 margin-left: 291px;
842 } 847 } */
843 </style> 848 </style>
......
1 <template> 1 <template>
2 <div > 2 <div >
3 <div v-if="!resultDialog && !txtResultDialog && !dealDialog" class="importDiv"> 3 <ul class="importDiv" v-if="!resultDialog && !txtResultDialog && !dealDialog">
4 <li>
4 <el-upload 5 <el-upload
5 class="upload-demo" 6 class="avatar-uploader"
6 action="#" 7 action="#"
7 accept=".txt" 8 accept=".txt"
8 :auto-upload="false" 9 :auto-upload="false"
...@@ -10,71 +11,56 @@ ...@@ -10,71 +11,56 @@
10 :on-change="txtFileChange" 11 :on-change="txtFileChange"
11 > 12 >
12 <!-- <el-button size="small" type="primary">点击上传</el-button>--> 13 <!-- <el-button size="small" type="primary">点击上传</el-button>-->
13 <div class="fileUpload"> 14 <i class="iconfont iconshangchuan"></i>
14 <div slot="trigger" class="uploadLeft"> 15 <div class="title">TXT文本格式</div>
15 <i class="iconfont icontxt"></i> 16 <div class="templateDowload">
16 </div> 17 <a href="#" @click.stop="downloadFile('./fileTemplate/txttemplet.txt','txttemplet.txt')">TXT模板下载</a>
17 <div solt="tip" class="uploadRight">
18 <div solt="tip" class="title">TXT文本格式</div>
19 <div class="el-upload__tip" slot="tip">支持TXT文本格式，点击查看详情<a class="down" href="#" @click.stop="downloadFile('./fileTemplate/txttemplet.txt','txttemplet.txt')" >文本详情</a></div>
20 </div>
21 </div> 18 </div>
22 </el-upload> 19 </el-upload>
20 </li>
21 <li>
23 <el-upload 22 <el-upload
24 class="upload-demo" 23 class="avatar-uploader"
25 action="/api/tx/shpUtils/readShp" 24 action="/api/tx/shpUtils/readShp"
26 accept=".zip" 25 accept=".zip"
27 :show-file-list="false" 26 :show-file-list="false"
28 :on-success="shpFileSuccess" 27 :on-success="shpFileSuccess"
29 > 28 >
30 <!--<el-button size="small" type="primary">点击上传</el-button>--> 29 <!--<el-button size="small" type="primary">点击上传</el-button>-->
31 <div class="fileUpload"> 30 <i class="iconfont iconshangchuan"></i>
32 <div slot="trigger" class="uploadLeft"> 31 <div class="title">ESRI Shape文件格式</div>
33 <i class="iconfont iconzip"></i>
34 </div>
35 <div solt="tip" class="uploadRight">
36 <div solt="tip" class="title">ESRI Shape文件格式</div>
37 <div slot="tip" class="el-upload__tip">文件包含.shp、.pdf、.shx、.prj等的压缩文件(.zip)</div>
38 </div>
39 </div>
40 </el-upload> 32 </el-upload>
33 </li>
34 <li>
41 <el-upload 35 <el-upload
42 class="upload-demo" 36 class="avatar-uploader"
43 action="https://jsonplaceholder.typicode.com/posts/" 37 action="https://jsonplaceholder.typicode.com/posts/"
44 accept=".dwg,.dxf" 38 accept=".dwg,.dxf"
45 :show-file-list="false" 39 :show-file-list="false"
46 :on-success="cadFileSuccess" 40 :on-success="cadFileSuccess"
47 > 41 >
48 <!-- <el-button size="small" type="primary">点击上传</el-button>--> 42 <!-- <el-button size="small" type="primary">点击上传</el-button>-->
49 <div solt="tip" class="fileUpload"> 43 <i class="iconfont iconshangchuan"></i>
50 <div slot="trigger" class="uploadLeft"> 44 <div class="title">CAD文件</div>
51 <i class="iconfont icondaoruCAD"></i>
52 </div>
53 <div solt="tip" class="uploadRight">
54 <div solt="tip" class="title">CAD文件</div>
55 <div slot="tip" class="el-upload__tip">支持.dwg、.dxf文件格式</div>
56 </div>
57 </div>
58 </el-upload> 45 </el-upload>
46 </li>
47 <li>
59 <el-upload 48 <el-upload
60 class="upload-demo" 49 class="avatar-uploader"
61 action="/api/tx/excelGeo/readExcel" 50 action="/api/tx/excelGeo/readExcel"
62 accept=".xls,.xlsx" 51 accept=".xls,.xlsx"
63 :show-file-list="false" 52 :show-file-list="false"
64 :on-success="excelFileSuccess" 53 :on-success="excelFileSuccess"
65 > 54 >
66 <!--<el-button size="small" type="primary">点击上传</el-button>--> 55 <!--<el-button size="small" type="primary">点击上传</el-button>-->
67 <div solt="tip" class="fileUpload"> 56 <i class="iconfont iconshangchuan"></i>
68 <div slot="trigger" class="uploadLeft"> 57 <div class="title">Excel文件格式</div>
69 <i class="iconfont iconexcel"></i> 58 <div class="templateDowload">
70 </div> 59 <a href="#" @click.stop="downloadFile('./fileTemplate/exceltemplet.xlsx','exceltemplet.xlsx')">Excel模板下载</a>
71 <div solt="tip" class="uploadRight">
72 <div slot="tip" class="title">Excel文件格式</div>
73 <div class="el-upload__tip" slot="tip">.xls、.xlsx版本,点击查看详情<a class="downloadFile" @click.stop="downloadFile('./fileTemplate/exceltemplet.xlsx','exceltemplet.xlsx')" href="#">Excel格式</a></div>
74 </div>
75 </div> 60 </div>
76 </el-upload> 61 </el-upload>
77 </div> 62 </li>
63 </ul>
78 <div v-if="resultDialog"> 64 <div v-if="resultDialog">
79 <el-form :model="zdForm" ref="zdCheckForm" label-width="100px" size="small" @submit.native.prevent class="demo-ruleForm"> 65 <el-form :model="zdForm" ref="zdCheckForm" label-width="100px" size="small" @submit.native.prevent class="demo-ruleForm">
80 <el-form-item 66 <el-form-item
...@@ -668,33 +654,45 @@ export default { ...@@ -668,33 +654,45 @@ export default {
668 } 654 }
669 </script> 655 </script>
670 <style scoped lang="less"> 656 <style scoped lang="less">
671 .upload-demo{ 657 .importDiv{
672 line-height: 34px; 658 display: flex;
673 } 659 justify-content:center;
674 .fileUpload{ 660 align-content:center;
675 height: 100%; 661 li{
676 width: 100%; 662 margin: 5px;
677 .uploadLeft{ 663 width: 50%;
678 float: left;
679 line-height: 61px;
680 .iconfont{
681 font-size: 42px;
682 }
683 }
684 .uploadRight{
685 float: right;
686 margin-left: 5px;
687 .title{ 664 .title{
688 text-align: initial; 665 line-height: 1;
689 font-weight: 600; 666 margin-top: -57px;
667 font-size: 14px;
690 } 668 }
691 .el-upload__tip{ 669 .templateDowload{
692 margin-top: 0px; 670 line-height: 1;
671 margin-top: 7px;
693 a{ 672 a{
694 color: cornflowerblue; 673 color: #409eff;
695 } 674 }
696 } 675 }
697 } 676 }
698 } 677 }
678 /deep/ .avatar-uploader .el-upload {
679 border: 1px dashed #d9d9d9;
680 border-radius: 6px;
681 cursor: pointer;
682 position: relative;
683 overflow: hidden;
684 width: 100%;
685 height: 178px;
686 line-height: 178px;
687 }
688 /deep/ .avatar-uploader .el-upload:hover {
689 border-color: #409EFF;
690 }
691 /deep/ .iconfont {
692 font-size: 20px;
693 color: #8c939d;
694 width:100%;
695 text-align: center;
696 }
699 697
700 </style> 698 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -170,7 +170,7 @@ export default { ...@@ -170,7 +170,7 @@ export default {
170 view.zoom = 15; 170 view.zoom = 15;
171 } 171 }
172 }else { 172 }else {
173 this.$message.warning("暂无图形信息！！！"); 173 this.$message.success("暂无图形信息！！！");
174 } 174 }
175 }, 175 },
176 //导入空间图形是 先判断数据是否跨界 176 //导入空间图形是 先判断数据是否跨界
......
1 <template>
2 <div class="lshs-content">
3 <!-- <div class="slot">-->
4 <!-- <div><span class="tip-title">范围属性变更：</span></div>-->
5 <!-- <div><span class="tip-title">宗地分割：</span></div>-->
6 <!-- <div><span class="tip-title">宗地合并：</span></div>-->
7 <!-- </div>-->
8 <div id="mountNode" ref="containerWidth"></div>
9 <div id="mountNodeRight"></div>
10 </div>
11 </template>
12
13 <script>
14
15 import G6 from '@antv/g6';
16 import insertCss from 'insert-css';
17 import { getLshs } from "@api/fwsxbg";
18
19 export default {
20 name:"",
21 components:{},
22 props:{},
23 data(){
24 insertCss(`
25 .g6-tooltip {
26 border-radius: 6px;
27 font-size: 12px;
28 color: #fff;
29 background-color: #000;
30 padding: 2px 8px;
31 text-align: center;
32 }
33 `);
34 return {
35 data : {}
36 }
37 },
38 created(){
39
40 },
41 mounted(){
42 this.getLshsData();
43 },
44 methods: {
45 initG6() {
46 const data = this.data;
47 const eWidth = this.$refs.containerWidth.clientWidth
48 console.log(eWidth+":width")
49 G6.registerNode(
50 'sql',
51 {
52 drawShape(cfg, group) {
53 const rect = group.addShape('rect', {
54 attrs: {
55 x: -100,
56 y: -25,
57 width: 200,
58 height: 50,
59 radius: 10,
60 stroke: '#5B8FF9',
61 fill: '#C6E5FF',
62 lineWidth: 1,
63 },
64 name: 'rect-shape',
65 });
66 if (cfg.name) {
67 group.addShape('text', {
68 attrs: {
69 text: cfg.name,
70 x: 0,
71 y: 0,
72 fill: '#00287E',
73 fontSize: 14,
74 textAlign: 'center',
75 textBaseline: 'middle',
76 fontWeight: 'bold',
77 },
78 name: 'text-shape',
79 });
80 }
81 return rect;
82 },
83 },
84 'single-node',
85 );
86 G6.registerEdge(
87 'polyline1',
88 {
89 afterDraw(cfg, group) {
90 console.log(cfg.data+":cfg")
91 console.log(group.toString()+"group")
92 },
93 },
94 'polyline',
95 );
96
97 const tooltip = new G6.Tooltip({
98 offsetX: 10,
99 offsetY: 10,
100 itemTypes: ['node', 'edge'],
101 getContent: (e) => {
102 const outDiv = document.createElement('div');
103 outDiv.style.width = 'fit-content';
104 outDiv.innerHTML = `
105 <ul>
106 <li> ${e.item.getModel().conf[0].label}:${e.item.getModel().conf[0].value}</li>
107 <li> ${e.item.getModel().conf[1].label}:${e.item.getModel().conf[1].value}</li>
108 <li> ${e.item.getModel().conf[2].label}:${e.item.getModel().conf[2].value}</li>
109 <li> ${e.item.getModel().conf[3].label}:${e.item.getModel().conf[3].value}</li>
110 <li> ${e.item.getModel().conf[4].label}:${e.item.getModel().conf[4].value}</li>
111 </ul>`
112 ;
113 return outDiv;
114 },
115 });
116
117 const container = document.getElementById('mountNode');
118 console.log(container)
119 const graph = new G6.Graph({
120 container: 'mountNode',
121 width:eWidth,
122 height:1000,
123 layout: {
124 type: 'dagre',
125 nodesepFunc: (d) => {
126 return 100;
127 },
128 ranksep: 30,
129 controlPoints: true,
130 },
131 defaultNode: {
132 type: 'sql',
133 },
134 defaultEdge: {
135 type: 'polyline1',
136 style: {
137 radius: 10,
138 offset: 10,
139 // endArrow: true,
140 lineWidth: 2,
141 stroke: 'rgba(78,142,230,0.45)',
142 },
143 },
144 nodeStateStyles: {
145 selected: {
146 stroke: '#d9d9d9',
147 fill: '#5394ef',
148 },
149 },
150
151 plugins: [tooltip],
152 modes: {
153 default: [
154 'drag-node',
155 'drag-canvas',
156 'zoom-canvas',
157 'click-select',
158 ],
159 },
160
161 fitView: true,
162 });
163
164 graph.data(data);
165 graph.render();
166
167 graph.on('node:mouseenter', e => {
168 graph.setItemState(e.item, 'active', true)
169 });
170 graph.on('node:mouseleave', e => {
171 graph.setItemState(e.item, 'active', false)
172 });
173 graph.on('edge:mouseenter', e => {
174 graph.setItemState(e.item, 'active', true)
175 });
176 graph.on('edge:mouseleave', e => {
177 graph.setItemState(e.item, 'active', false)
178 });
179
180 if (typeof window !== 'undefined')
181 window.onresize = () => {
182 if (!graph || graph.get('destroyed')) return;
183 if (!container || !container.scrollWidth || !container.scrollHeight) return;
184 graph.changeSize(container.scrollWidth, container.scrollHeight);
185 };
186
187 },
188
189 getLshsData(){
190 let _this = this;
191 const data = {
192 "bsm": this.$store.state.zdbsm,
193 "type": "zd"
194 };
195 getLshs(data).then((res)=>{
196 if(res.code===200){
197 _this.data=res.result;
198 this.initG6();
199 }
200 })
201 }
202 },
203 computed: {},
204 watch: {},
205 }
206 </script>
207 <style scoped lang="less">
208
209 .lshs-content{
210 width: 100%;
211 height: 100%;
212 }
213
214 #mountNode{
215 /*height: calc(100% - 68px);*/
216 margin-top: -60px;
217 width: 60%;
218 float: left;
219 }
220
221 #mountNodeRight{
222 width: 38%;
223 float: right;
224 height: 1000px;
225 border: 0 solid #5ebbff;
226 }
227
228 .slot{
229 margin-left: 50px;
230 margin-top: 20px;
231 width: 300px;
232 }
233
234 .tip-title{
235 font-weight: 700;
236 }
237 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="30%" 6 width="30%"
7 :before-close="close"> 7 :before-close="close">
8 <div class="wrap">
8 <div class="main-button"> 9 <div class="main-button">
9 <el-upload 10 <el-upload
10 class="upload-demo" 11 class="upload-demo"
...@@ -14,16 +15,17 @@ ...@@ -14,16 +15,17 @@
14 :show-file-list="false" 15 :show-file-list="false"
15 multiple 16 multiple
16 > 17 >
17 <el-button type="primary">上传</el-button> 18 <el-button type="primary" icon="iconfont iconshangchuan">上传</el-button>
18 <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
19 </el-upload> 19 </el-upload>
20 </div> 20 </div>
21 <el-button type="primary" class="download" @click="downloadTemplate">下载模板</el-button>
22 </div>
21 <ul> 23 <ul>
22 <li v-for="(item,index) in errorData" :key="index">{{item}}</li> 24 <li v-for="(item,index) in errorData" :key="index">{{item}}</li>
23 </ul> 25 </ul>
24 <span slot="footer" class="dialog-footer"> 26 <span slot="footer" class="dialog-footer">
25 <el-button @click="dialogVisible = false">取 消</el-button> 27 <el-button @click="cancel">取 消</el-button>
26 <el-button type="primary" @click="dialogVisible = false">确 定</el-button> 28 <!-- <el-button type="primary" @click="confirm">确 定</el-button> -->
27 </span> 29 </span>
28 </el-dialog> 30 </el-dialog>
29 </div> 31 </div>
...@@ -59,6 +61,12 @@ ...@@ -59,6 +61,12 @@
59 this.$store.state.sxdrType = ''; 61 this.$store.state.sxdrType = '';
60 }, 62 },
61 methods: { 63 methods: {
64 cancel(){
65 this.close()
66 },
67 confirm(){
68 console.log("确定....")
69 },
62 loading() { 70 loading() {
63 this.$store.state.sxdrType = this.dylx; 71 this.$store.state.sxdrType = this.dylx;
64 }, 72 },
...@@ -71,7 +79,11 @@ ...@@ -71,7 +79,11 @@
71 this.reset(); 79 this.reset();
72 }, 80 },
73 downloadTemplate() { 81 downloadTemplate() {
74 window.open(`/api/tx/excelGeo/template?type=` + this.dylx); 82 let url= `/api/tx/excelGeo/template?type=${this.dylx}`
83 let elemIF = document.createElement("iframe");
84 elemIF.src = url;
85 elemIF.style.display = "none";
86 document.body.appendChild(elemIF)
75 }, 87 },
76 uploadSuccess(res, file, fileList) { 88 uploadSuccess(res, file, fileList) {
77 this.errorData = []; 89 this.errorData = [];
...@@ -104,12 +116,26 @@ ...@@ -104,12 +116,26 @@
104 </script> 116 </script>
105 117
106 <style scoped lang="less"> 118 <style scoped lang="less">
119 .wrap{
120 width: 100%;
121 height: 30px;
122 position: relative;
107 .main-button { 123 .main-button {
108 display: -webkit-flex; 124 display: -webkit-flex;
109 display: flex; 125 display: flex;
110 flex-direction: column-reverse; 126 flex-direction: column-reverse;
111 flex-wrap: nowrap; 127 flex-wrap: nowrap;
128 position: absolute;
129 left: 165px;
130 top: 18px;
112 } 131 }
132 .download{
133 position: absolute;
134 left: 300px;
135 top: 18px;
136 }
137 }
138
113 139
114 ul { 140 ul {
115 margin-top: 20px; 141 margin-top: 20px;
......
1 <template>
2 <div class="">登记簿</div>
3 </template>
4
5 <script>
6 export default {
7 name:"",
8 components:{},
9 props:{},
10 data(){
11 return {
12 }
13 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {},
18 watch: {},
19 }
20 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -2,8 +2,10 @@ ...@@ -2,8 +2,10 @@
2 <div class="content_box"> 2 <div class="content_box">
3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" > 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" >
4 <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane> 4 <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane>
5 <el-tab-pane label="附件材料" name="fjcl"> 5 <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane>
6 <fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane> 6 <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
7 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
8
7 </el-tabs> 9 </el-tabs>
8 </div> 10 </div>
9 </template> 11 </template>
...@@ -12,10 +14,12 @@ ...@@ -12,10 +14,12 @@
12 import dzxx from "./dzxx"; 14 import dzxx from "./dzxx";
13 import fjcl from "./../zd/fjcl/fjcl" 15 import fjcl from "./../zd/fjcl/fjcl"
14 import {queryStatus} from "@api/search" 16 import {queryStatus} from "@api/search"
17 import Lshs from '@components/lshs/index';
18 import djb from "./djb";
15 export default { 19 export default {
16 name: "", 20 name: "",
17 components: { 21 components: {
18 dzxx,fjcl 22 dzxx,fjcl,Lshs,djb
19 }, 23 },
20 props: {}, 24 props: {},
21 data() { 25 data() {
......
1 <template>
2 <div class="lshs-content">
3 <Lshs></Lshs>
4 </div>
5 </template>
6
7 <script>
8
9 import Lshs from '@components/lshs/index';
10
11 export default {
12 name:"",
13 components:{Lshs},
14 props:{},
15 data(){
16 return {
17 data : {}
18 }
19 },
20 created(){
21
22 },
23 mounted(){
24 },
25 methods: {
26 },
27 computed: {},
28 watch: {},
29 }
30 </script>
31 <style scoped lang="less">
32
33 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main1">
3 <template v-if="isCxlz"> 3 <template v-if="isCxlz">
4 <!-- <p class="tips">查询条件</p> --> 4 <!-- <p class="tips">查询条件</p> -->
5 <div class="search"> 5 <div class="search">
...@@ -344,7 +344,7 @@ export default { ...@@ -344,7 +344,7 @@ export default {
344 this.$nextTick(() => { 344 this.$nextTick(() => {
345 this.tableHeight = 345 this.tableHeight =
346 (document.documentElement.clientHeight || 346 (document.documentElement.clientHeight ||
347 document.body.clientHeight) - 352; 347 document.body.clientHeight) - 332;
348 this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 220; 348 this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 220;
349 }); 349 });
350 }, 350 },
...@@ -555,10 +555,12 @@ export default { ...@@ -555,10 +555,12 @@ export default {
555 }; 555 };
556 </script> 556 </script>
557 <style scoped lang="less"> 557 <style scoped lang="less">
558 .main { 558 .main1 {
559 width: 100%;
560 height: 100%;
561 -webkit-box-sizing: border-box;
559 box-sizing: border-box; 562 box-sizing: border-box;
560 padding: 18px; 563 padding: 20px;
561 height: auto;
562 } 564 }
563 .search{ 565 .search{
564 566
......
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
192 <li><span class="label">不动产单元号:</span><span class="value">{{dzFgqData.bdcdyh}}</span></li> 192 <li><span class="label">不动产单元号:</span><span class="value">{{dzFgqData.bdcdyh}}</span></li>
193 <li><span class="label">项目名称:</span><span class="value">{{dzFgqData.xmmc}}</span></li> 193 <li><span class="label">项目名称:</span><span class="value">{{dzFgqData.xmmc}}</span></li>
194 <li><span class="label">不动产权证号:</span><span class="value">{{dzFgqData.bdcqzh}}</span></li> 194 <li><span class="label">不动产权证号:</span><span class="value">{{dzFgqData.bdcqzh}}</span></li>
195 <li><span class="label">权利人:</span><span class="value">{{dzFgqData.qlr}}</span></li> 195 <li><span class="label">权利人:</span><span class="value">{{dzFgqData.qlrmc}}</span></li>
196 <li><span class="label">坐落:</span><span class="value">{{dzFgqData.zl}}</span></li> 196 <li><span class="label">坐落:</span><span class="value">{{dzFgqData.zl}}</span></li>
197 </ul> 197 </ul>
198 <div class="zdmap"> 198 <div class="zdmap">
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
54 label="不动产权证号"> 54 label="不动产权证号">
55 </el-table-column> 55 </el-table-column>
56 <el-table-column 56 <el-table-column
57 prop="qlr" 57 prop="qlrmc"
58 label="权利人"> 58 label="权利人">
59 </el-table-column> 59 </el-table-column>
60 <el-table-column 60 <el-table-column
......
...@@ -88,8 +88,7 @@ ...@@ -88,8 +88,7 @@
88 this.queryData.pageNo=this.pageNo; 88 this.queryData.pageNo=this.pageNo;
89 this.getData(this.queryData); 89 this.getData(this.queryData);
90 this.$nextTick(()=>{ 90 this.$nextTick(()=>{
91 console.log(this.$refs.dataGrid.offsetHeight,'this.$refs.dataGrid.offsetHeight'); 91 this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 332;
92 this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
93 }) 92 })
94 }, 93 },
95 methods: { 94 methods: {
......
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
74 </div> 74 </div>
75 <div class="contentItem"> 75 <div class="contentItem">
76 <span class="key">权利人：</span> 76 <span class="key">权利人：</span>
77 <span class="value" :title="item.attributes['权利人']">{{item.attributes['权利人'] == 'Null'?"":item.attributes['权利人']}}</span> 77 <span class="value" :title="item.attributes['QLR']">{{item.attributes['QLR'] == 'Null'?"":item.attributes['QLR']}}</span>
78 </div> 78 </div>
79 <div class="contentItem"> 79 <div class="contentItem">
80 <span class="key">坐落：</span> 80 <span class="key">坐落：</span>
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
137 <el-table-column 137 <el-table-column
138 label="权利人"> 138 label="权利人">
139 <template slot-scope="scope"> 139 <template slot-scope="scope">
140 <span>{{ scope.row.attributes['权利人'] == 'Null'?'':scope.row.attributes['权利人'] }}</span> 140 <span>{{ scope.row.attributes['QLR'] == 'Null'?'':scope.row.attributes['QLR'] }}</span>
141 </template> 141 </template>
142 </el-table-column> 142 </el-table-column>
143 <el-table-column 143 <el-table-column
...@@ -588,7 +588,7 @@ export default { ...@@ -588,7 +588,7 @@ export default {
588 /deep/ .el-tabs__header{ 588 /deep/ .el-tabs__header{
589 margin: 0 0 0px; 589 margin: 0 0 0px;
590 } 590 }
591 /deep/ .el-table td, .el-table th.is-leaf { 591 /deep/ .el-table td, .el-table th{
592 text-align: center; 592 text-align: center;
593 } 593 }
594 /deep/ .el-tabs__nav :first{ 594 /deep/ .el-tabs__nav :first{
......
...@@ -232,6 +232,7 @@ export default { ...@@ -232,6 +232,7 @@ export default {
232 type:"polygon" 232 type:"polygon"
233 } 233 }
234 //self.checkGeo(graphic); 234 //self.checkGeo(graphic);
235 this.addOverLayer(geometry);
235 self.$emit("setGeometry",geometry); 236 self.$emit("setGeometry",geometry);
236 }else{ 237 }else{
237 this.$message.warning(response.message); 238 this.$message.warning(response.message);
...@@ -319,7 +320,7 @@ export default { ...@@ -319,7 +320,7 @@ export default {
319 wkt:wkt 320 wkt:wkt
320 } 321 }
321 this.addOverLayer(graphic.geometry); 322 this.addOverLayer(graphic.geometry);
322 }, 323 }
323 } 324 }
324 } 325 }
325 </script> 326 </script>
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 :on-exceed="handleExceed" 14 :on-exceed="handleExceed"
15 :disabled="isDisabled" 15 :disabled="isDisabled"
16 > 16 >
17 <el-button size="small" type="primary" :disabled="isDisabled" >上传</el-button> 17 <el-button size="small" type="primary" :disabled="isDisabled" icon="iconfont iconshangchuan">上传</el-button>
18 </el-upload> 18 </el-upload>
19 <table border="2"> 19 <table border="2">
20 <tr> 20 <tr>
...@@ -100,7 +100,12 @@ ...@@ -100,7 +100,12 @@
100 }) 100 })
101 }, 101 },
102 downloadFile(url) { 102 downloadFile(url) {
103 window.open(`/api/file/download?url=` + url); 103 // window.open(`/api/file/download?url=` + url);
104 let downloadUrl= `/api/file/download?url=${url}`
105 let elemIF = document.createElement("iframe");
106 elemIF.src = downloadUrl;
107 elemIF.style.display = "none";
108 document.body.appendChild(elemIF)
104 }, 109 },
105 getFileList() { 110 getFileList() {
106 switch (this.$route.name) { 111 switch (this.$route.name) {
......
1 <template> 1 <template>
2 <div class="lshs-content"> 2 <div class="lshs-content">
3 <!-- <div class="slot">--> 3 <Lshs></Lshs>
4 <!-- <div><span class="tip-title">范围属性变更：</span></div>-->
5 <!-- <div><span class="tip-title">宗地分割：</span></div>-->
6 <!-- <div><span class="tip-title">宗地合并：</span></div>-->
7 <!-- </div>-->
8 <div id="mountNode" ref="containerWidth"></div>
9 <div id="mountNodeRight"></div>
10 </div> 4 </div>
11 </template> 5 </template>
12 6
13 <script> 7 <script>
14 8
15 import G6 from '@antv/g6'; 9 import Lshs from '@components/lshs/index';
16 import insertCss from 'insert-css';
17 import { getLshs } from "@api/fwsxbg";
18 10
19 export default { 11 export default {
20 name:"", 12 name:"",
21 components:{}, 13 components:{Lshs},
22 props:{}, 14 props:{},
23 data(){ 15 data(){
24 insertCss(`
25 .g6-tooltip {
26 border-radius: 6px;
27 font-size: 12px;
28 color: #fff;
29 background-color: #000;
30 padding: 2px 8px;
31 text-align: center;
32 }
33 `);
34 return { 16 return {
35 data : {} 17 data : {}
36 } 18 }
...@@ -39,166 +21,8 @@ export default { ...@@ -39,166 +21,8 @@ export default {
39 21
40 }, 22 },
41 mounted(){ 23 mounted(){
42 this.getLshsData();
43 }, 24 },
44 methods: { 25 methods: {
45 initG6() {
46 const data = this.data;
47 const eWidth = this.$refs.containerWidth.clientWidth
48 console.log(eWidth+":width")
49 G6.registerNode(
50 'sql',
51 {
52 drawShape(cfg, group) {
53 const rect = group.addShape('rect', {
54 attrs: {
55 x: -100,
56 y: -25,
57 width: 200,
58 height: 50,
59 radius: 10,
60 stroke: '#5B8FF9',
61 fill: '#C6E5FF',
62 lineWidth: 1,
63 },
64 name: 'rect-shape',
65 });
66 if (cfg.name) {
67 group.addShape('text', {
68 attrs: {
69 text: cfg.name,
70 x: 0,
71 y: 0,
72 fill: '#00287E',
73 fontSize: 14,
74 textAlign: 'center',
75 textBaseline: 'middle',
76 fontWeight: 'bold',
77 },
78 name: 'text-shape',
79 });
80 }
81 return rect;
82 },
83 },
84 'single-node',
85 );
86 G6.registerEdge(
87 'polyline1',
88 {
89 afterDraw(cfg, group) {
90 console.log(cfg.data+":cfg")
91 console.log(group.toString()+"group")
92 },
93 },
94 'polyline',
95 );
96
97 const tooltip = new G6.Tooltip({
98 offsetX: 10,
99 offsetY: 10,
100 itemTypes: ['node', 'edge'],
101 getContent: (e) => {
102 const outDiv = document.createElement('div');
103 outDiv.style.width = 'fit-content';
104 outDiv.innerHTML = `
105 <ul>
106 <li> ${e.item.getModel().conf[0].label}:${e.item.getModel().conf[0].value}</li>
107 <li> ${e.item.getModel().conf[1].label}:${e.item.getModel().conf[1].value}</li>
108 <li> ${e.item.getModel().conf[2].label}:${e.item.getModel().conf[2].value}</li>
109 <li> ${e.item.getModel().conf[3].label}:${e.item.getModel().conf[3].value}</li>
110 <li> ${e.item.getModel().conf[4].label}:${e.item.getModel().conf[4].value}</li>
111 </ul>`
112 ;
113 return outDiv;
114 },
115 });
116
117 const container = document.getElementById('mountNode');
118 console.log(container)
119 const graph = new G6.Graph({
120 container: 'mountNode',
121 width:eWidth,
122 height:1000,
123 layout: {
124 type: 'dagre',
125 nodesepFunc: (d) => {
126 return 100;
127 },
128 ranksep: 30,
129 controlPoints: true,
130 },
131 defaultNode: {
132 type: 'sql',
133 },
134 defaultEdge: {
135 type: 'polyline1',
136 style: {
137 radius: 10,
138 offset: 10,
139 // endArrow: true,
140 lineWidth: 2,
141 stroke: 'rgba(78,142,230,0.45)',
142 },
143 },
144 nodeStateStyles: {
145 selected: {
146 stroke: '#d9d9d9',
147 fill: '#5394ef',
148 },
149 },
150
151 plugins: [tooltip],
152 modes: {
153 default: [
154 'drag-node',
155 'drag-canvas',
156 'zoom-canvas',
157 'click-select',
158 ],
159 },
160
161 fitView: true,
162 });
163
164 graph.data(data);
165 graph.render();
166
167 graph.on('node:mouseenter', e => {
168 graph.setItemState(e.item, 'active', true)
169 });
170 graph.on('node:mouseleave', e => {
171 graph.setItemState(e.item, 'active', false)
172 });
173 graph.on('edge:mouseenter', e => {
174 graph.setItemState(e.item, 'active', true)
175 });
176 graph.on('edge:mouseleave', e => {
177 graph.setItemState(e.item, 'active', false)
178 });
179
180 if (typeof window !== 'undefined')
181 window.onresize = () => {
182 if (!graph || graph.get('destroyed')) return;
183 if (!container || !container.scrollWidth || !container.scrollHeight) return;
184 graph.changeSize(container.scrollWidth, container.scrollHeight);
185 };
186
187 },
188
189 getLshsData(){
190 let _this = this;
191 const data = {
192 "bsm": this.$store.state.zdbsm,
193 "type": "zd"
194 };
195 getLshs(data).then((res)=>{
196 if(res.code===200){
197 _this.data=res.result;
198 this.initG6();
199 }
200 })
201 }
202 }, 26 },
203 computed: {}, 27 computed: {},
204 watch: {}, 28 watch: {},
...@@ -206,32 +30,4 @@ export default { ...@@ -206,32 +30,4 @@ export default {
206 </script> 30 </script>
207 <style scoped lang="less"> 31 <style scoped lang="less">
208 32
209 .lshs-content{
210 width: 100%;
211 height: 100%;
212 }
213
214 #mountNode{
215 /*height: calc(100% - 68px);*/
216 margin-top: -60px;
217 width: 60%;
218 float: left;
219 }
220
221 #mountNodeRight{
222 width: 38%;
223 float: right;
224 height: 1000px;
225 border: 0 solid #5ebbff;
226 }
227
228 .slot{
229 margin-left: 50px;
230 margin-top: 20px;
231 width: 300px;
232 }
233
234 .tip-title{
235 font-weight: 700;
236 }
237 </style> 33 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -364,7 +364,7 @@ ...@@ -364,7 +364,7 @@
364 </tr> 364 </tr>
365 </table> 365 </table>
366 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 366 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
367 <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled">保存</el-button> 367 <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled" icon="el-icon-search">保存</el-button>
368 <el-button type="primary" @click="submitZDxx" :disabled="disabled">提交</el-button> 368 <el-button type="primary" @click="submitZDxx" :disabled="disabled">提交</el-button>
369 <el-button type="primary" @click="registerCall">登记调用</el-button> 369 <el-button type="primary" @click="registerCall">登记调用</el-button>
370 </div> 370 </div>
...@@ -805,6 +805,17 @@ ...@@ -805,6 +805,17 @@
805 return item.bsm == value; 805 return item.bsm == value;
806 }) 806 })
807 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : ""; 807 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
808 } else if(key == 'QLR'){
809 var qlrTableData = this.$refs.qlrxxModule.tableData;
810 if(qlrTableData.length > 0){
811 for(var i = 0;i < qlrTableData.length;i++){
812 if(i = 0){
813 self.geoAttributes[key] = qlrTableData[i].qlrmc;
814 }else{
815 self.geoAttributes[key] += ','+ qlrTableData[i].qlrmc;
816 }
817 }
818 }
808 } else { 819 } else {
809 var formKay = key.toLowerCase(); 820 var formKay = key.toLowerCase();
810 self.geoAttributes[key] = self.formData[formKay]; 821 self.geoAttributes[key] = self.formData[formKay];
......
...@@ -621,7 +621,7 @@ export default { ...@@ -621,7 +621,7 @@ export default {
621 this.$nextTick(()=>{ 621 this.$nextTick(()=>{
622 this.lpbContentWidth = this.zdyWidth > this.ljzWidth ?this.zdyWidth - 20 : this.ljzWidth-20; 622 this.lpbContentWidth = this.zdyWidth > this.ljzWidth ?this.zdyWidth - 20 : this.ljzWidth-20;
623 if (this.lpbContentWidth == 0) { 623 if (this.lpbContentWidth == 0) {
624 this.lpbContentWidth = this.$refs.lpbContent.offsetWidth 624 //his.lpbContentWidth = this.$refs.lpbContent.offsetWidth
625 } 625 }
626 }) 626 })
627 }, 627 },
......