Skip to content

任超 / js.CadastralSystem

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

Merge remote-tracking branch 'origin/master'

2 parents 008c1eac 85e3218b
Inline Side-by-side
Showing 3 changed files with 254 additions and 165 deletions
1 <template > 1 <template>
2 <div class="main"> 2 <div class="main">
3 <div id="mountNode" ref="containerWidth"> 3 <div id="mountNode" ref="containerWidth">
4 <div v-show="showhide" style="margin: 20px 0 0 20px;color:red;">暂无变更业务，没有历史回溯数据</div> 4 <div v-show="showhide" style="margin: 20px 0 0 20px;color:red;">
5 5 暂无变更业务，没有历史回溯数据
6 </div>
6 </div> 7 </div>
7 <div id="mountNodeRight"> 8 <div id="mountNodeRight">
8 <div><span class="tip-title">基础信息</span></div> 9 <el-tabs v-model="activeName" @tab-click="handleClick" >
9 <el-divider></el-divider> 10 <el-tab-pane label="基础信息" name="jcxx">
10 <div style="line-height: 40px"> 11 <div style="line-height: 40px">
11 <el-row> 12 <el-row>
12 <el-col :span="6"><div class="grid-left">项目名称</div></el-col> 13 <el-col :span="6"><div class="grid-left">项目名称</div></el-col>
13 <el-col :span="18"><div class="grid-right">{{result.xmmc}}</div></el-col> 14 <el-col :span="18"
15 ><div class="grid-right">{{ result.xmmc }}</div></el-col
16 >
14 </el-row> 17 </el-row>
15 <el-row> 18 <el-row>
16 <el-col :span="6"><div class="grid-left">宗地代码</div></el-col> 19 <el-col :span="6"><div class="grid-left">宗地代码</div></el-col>
17 <el-col :span="18"><div class="grid-right">{{result.zddm}}</div></el-col> 20 <el-col :span="18"
21 ><div class="grid-right">{{ result.zddm }}</div></el-col
22 >
18 </el-row> 23 </el-row>
19 <el-row> 24 <el-row>
20 <el-col :span="6"><div class="grid-left">不动产单元号</div></el-col> 25 <el-col :span="6"><div class="grid-left">不动产单元号</div></el-col>
21 <el-col :span="18"><div class="grid-right">{{result.bdcdyh}}</div></el-col> 26 <el-col :span="18"
27 ><div class="grid-right">{{ result.bdcdyh }}</div></el-col
28 >
22 </el-row> 29 </el-row>
23 <el-row> 30 <el-row>
24 <el-col :span="6"><div class="grid-left">不动产权证号</div></el-col> 31 <el-col :span="6"><div class="grid-left">不动产权证号</div></el-col>
25 <el-col :span="18"><div class="grid-right">{{result.bdcdyh}}</div></el-col> 32 <el-col :span="18"
33 ><div class="grid-right">{{ result.bdcdyh }}</div></el-col
34 >
26 </el-row> 35 </el-row>
27 <el-row> 36 <el-row>
28 <el-col :span="6"><div class="grid-left">自然幢号</div></el-col> 37 <el-col :span="6"><div class="grid-left">自然幢号</div></el-col>
29 <el-col :span="18"><div class="grid-right">{{result.zrzh}}</div></el-col> 38 <el-col :span="18"
39 ><div class="grid-right">{{ result.zrzh }}</div></el-col
40 >
30 </el-row> 41 </el-row>
31 <el-row> 42 <el-row>
32 <el-col :span="6"><div class="grid-left">权利人</div></el-col> 43 <el-col :span="6"><div class="grid-left">权利人</div></el-col>
33 <el-col :span="18"><div class="grid-right">{{result.qlr}}</div></el-col> 44 <el-col :span="18"
45 ><div class="grid-right">{{ result.qlr }}</div></el-col
46 >
34 </el-row> 47 </el-row>
35 <el-row> 48 <el-row>
36 <el-col :span="6"><div class="grid-left">权利性质</div></el-col> 49 <el-col :span="6"><div class="grid-left">权利性质</div></el-col>
37 <el-col :span="18"><div class="grid-right">{{result.qlxz}}</div></el-col> 50 <el-col :span="18"
51 ><div class="grid-right">{{ result.qlxz }}</div></el-col
52 >
38 </el-row> 53 </el-row>
39 54
40 <el-row> 55 <el-row>
41 <el-col :span="6"><div class="grid-left">土地用途</div></el-col> 56 <el-col :span="6"><div class="grid-left">土地用途</div></el-col>
42 <el-col :span="18"><div class="grid-right">{{result.fwyt}}</div></el-col> 57 <el-col :span="18"
58 ><div class="grid-right">{{ result.fwyt }}</div></el-col
59 >
43 </el-row> 60 </el-row>
44 <el-row> 61 <el-row>
45 <el-col :span="6"><div class="grid-left">坐落</div></el-col> 62 <el-col :span="6"><div class="grid-left">坐落</div></el-col>
46 <el-col :span="18"><div class="grid-right">{{result.zl}}</div></el-col> 63 <el-col :span="18"
64 ><div class="grid-right">{{ result.zl }}</div></el-col
65 >
47 </el-row> 66 </el-row>
48 <el-row> 67 <el-row>
49 <el-col :span="6"><div class="grid-left">宗地面积</div></el-col> 68 <el-col :span="6"><div class="grid-left">宗地面积</div></el-col>
50 <el-col :span="18"><div class="grid-right">{{result.zdmj}}</div></el-col> 69 <el-col :span="18"
70 ><div class="grid-right">{{ result.zdmj }}</div></el-col
71 >
51 </el-row> 72 </el-row>
52 <el-row> 73 <el-row>
53 <el-col :span="6"><div class="grid-left">宗地四至-北至</div></el-col> 74 <el-col :span="6"><div class="grid-left">宗地四至-北至</div></el-col>
54 <el-col :span="18"><div class="grid-right">{{result.zdszb}}</div></el-col> 75 <el-col :span="18"
76 ><div class="grid-right">{{ result.zdszb }}</div></el-col
77 >
55 </el-row> 78 </el-row>
56 <el-row> 79 <el-row>
57 <el-col :span="6"><div class="grid-left">宗地四至-东至</div></el-col> 80 <el-col :span="6"><div class="grid-left">宗地四至-东至</div></el-col>
58 <el-col :span="18"><div class="grid-right">{{result.zdszd}}</div></el-col> 81 <el-col :span="18"
82 ><div class="grid-right">{{ result.zdszd }}</div></el-col
83 >
59 </el-row> 84 </el-row>
60 <el-row> 85 <el-row>
61 <el-col :span="6"><div class="grid-left">宗地四至-南至</div></el-col> 86 <el-col :span="6"><div class="grid-left">宗地四至-南至</div></el-col>
62 <el-col :span="18"><div class="grid-right">{{result.zdszn}}</div></el-col> 87 <el-col :span="18"
88 ><div class="grid-right">{{ result.zdszn }}</div></el-col
89 >
63 </el-row> 90 </el-row>
64 <el-row> 91 <el-row>
65 <el-col :span="6"><div class="grid-left">宗地四至-西至</div></el-col> 92 <el-col :span="6"><div class="grid-left">宗地四至-西至</div></el-col>
66 <el-col :span="18"><div class="grid-right">{{result.zdszx}}</div></el-col> 93 <el-col :span="18"
94 ><div class="grid-right">{{ result.zdszx }}</div></el-col
95 >
67 </el-row> 96 </el-row>
68 </div> 97 </div>
98 </el-tab-pane>
99 <el-tab-pane label="登记簿" name="djb" >
100 <div class="djb">
101 暂无数据
102 </div>
103 </el-tab-pane>
104 </el-tabs>
69 </div> 105 </div>
70 </div> 106 </div>
71 </template> 107 </template>
72 108
73 <script> 109 <script>
74 110 import G6 from "@antv/g6";
75 import G6 from '@antv/g6'; 111 import insertCss from "insert-css";
76 import insertCss from 'insert-css'; 112 import { getLshs } from "@api/fwsxbg";
77 import { getLshs } from "@api/fwsxbg"; 113 import { getQjZdjbxxDetailByIdBylshs } from "@api/zd";
78 import { getQjZdjbxxDetailByIdBylshs } from "@api/zd"; 114 import { getZrzDetailByBsmBylshs } from "@api/zrz";
79 import { getZrzDetailByBsmBylshs } from "@api/zrz"; 115 import { getDzDetailByBsm } from "@api/dz";
80 import { getDzDetailByBsm } from "@api/dz";
81 116
82 export default { 117 export default {
83 name:"", 118 name: "",
84 components:{}, 119 components: {},
85 props:{ 120 props: {
86 bsm: { 121 bsm: {
87 type: String, 122 type: String,
88 default: "", 123 default: "",
...@@ -92,7 +127,7 @@ export default { ...@@ -92,7 +127,7 @@ export default {
92 default: "", 127 default: "",
93 }, 128 },
94 }, 129 },
95 data(){ 130 data() {
96 insertCss(` 131 insertCss(`
97 .g6-tooltip { 132 .g6-tooltip {
98 border-radius: 6px; 133 border-radius: 6px;
...@@ -104,113 +139,119 @@ export default { ...@@ -104,113 +139,119 @@ export default {
104 } 139 }
105 `); 140 `);
106 return { 141 return {
107 showhide:false, 142 showhide: false,
108 data : {}, 143 data: {},
109 activeName: 'first', 144 activeName: "jcxx",
110 result:{}, 145 result: {},
111 }
112 },
113 created(){
114 146
147 };
115 }, 148 },
116 mounted(){ 149 created() {},
150 mounted() {
117 this.getLshsData(); 151 this.getLshsData();
118
119 }, 152 },
120 methods: { 153 methods: {
121 initG6() { 154 initG6() {
122 const self=this; 155 const self = this;
123 const data = this.data; 156 const data = this.data;
124 const eWidth = this.$refs.containerWidth.clientWidth; 157 const eWidth = this.$refs.containerWidth.clientWidth;
125 const eHeight = this.$refs.containerWidth.clientHeight; 158 const eHeight = this.$refs.containerWidth.clientHeight;
126 const mountNodeRight1=document.getElementById('mountNodeRight'); 159 const mountNodeRight1 = document.getElementById("mountNodeRight");
127 mountNodeRight1.style.height=eHeight-20+'px'; 160 mountNodeRight1.style.height = eHeight - 20 + "px";
128 161
129 G6.registerNode( 162 G6.registerNode(
130 'sql', 163 "sql",
131 { 164 {
132 drawShape(cfg, group) { 165 drawShape(cfg, group) {
133 var dClor='#ffffff'; 166 var dClor = "#ffffff";
134 if(cfg.id==self.bsm){ 167 if (cfg.id == self.bsm) {
135 dClor='#C6E5FF'; 168 dClor = "#C6E5FF";
136 } 169 }
137 170
138 const rect = group.addShape('rect', { 171 const rect = group.addShape("rect", {
139 attrs: { 172 attrs: {
140 x: -100, 173 x: -100,
141 y: -25, 174 y: -25,
142 width: 200, 175 width: 200,
143 height: 50, 176 height: 50,
144 radius: 10, 177 radius: 10,
145 stroke: '#5B8FF9', 178 stroke: "#5B8FF9",
146 fill: dClor, 179 fill: dClor,
147 lineWidth: 1, 180 lineWidth: 1,
148 }, 181 },
149 name: 'rect-shape', 182 name: "rect-shape",
150 }); 183 });
151 if (cfg.name) { 184 if (cfg.name) {
152 group.addShape('text', { 185 group.addShape("text", {
153 attrs: { 186 attrs: {
154 text: cfg.name, 187 text: cfg.name,
155 x: 0, 188 x: 0,
156 y: 0, 189 y: 0,
157 fill: '#00287E', 190 fill: "#00287E",
158 fontSize: 14, 191 fontSize: 14,
159 textAlign: 'center', 192 textAlign: "center",
160 textBaseline: 'middle', 193 textBaseline: "middle",
161 fontWeight: 'bold', 194 fontWeight: "bold",
162 }, 195 },
163 name: 'text-shape', 196 name: "text-shape",
164 }); 197 });
165 } 198 }
166 return rect; 199 return rect;
167 }, 200 },
168 }, 201 },
169 'single-node', 202 "single-node"
170 ); 203 );
171 G6.registerEdge( 204 G6.registerEdge(
172 'polyline1', 205 "polyline1",
173 { 206 {
174 afterDraw(cfg, group) { 207 afterDraw(cfg, group) {
175 console.log(cfg.data+":cfg") 208 console.log(cfg.data + ":cfg");
176 console.log(group.toString()+"group") 209 console.log(group.toString() + "group");
177 }, 210 },
178 }, 211 },
179 'polyline', 212 "polyline"
180 ); 213 );
181 214
182
183 //鼠标移动 弹出界面 215 //鼠标移动 弹出界面
184 const tooltip = new G6.Tooltip({ 216 const tooltip = new G6.Tooltip({
185 offsetX: 10, 217 offsetX: 10,
186 offsetY: 10, 218 offsetY: 10,
187 itemTypes: ['node', 'edge'], 219 itemTypes: ["node", "edge"],
188 getContent: (e) => { 220 getContent: (e) => {
189 debugger; 221 const outDiv = document.createElement("div");
190 const outDiv = document.createElement('div'); 222 outDiv.style.width = "fit-content";
191 outDiv.style.width = 'fit-content'; 223 outDiv.className = "tips";
192 outDiv.innerHTML = ` 224 outDiv.innerHTML = `
225 <p class="tit">基本信息</p>
193 <ul> 226 <ul>
194 <li> ${e.item.getModel().conf[0].label}:${e.item.getModel().conf[0].value}</li> 227 <li> <span>${e.item.getModel().conf[0].label}：</span><span>${
195 <li> ${e.item.getModel().conf[1].label}:${e.item.getModel().conf[1].value}</li> 228 e.item.getModel().conf[0].value
196 <li> ${e.item.getModel().conf[2].label}:${e.item.getModel().conf[2].value}</li> 229 }</span></li>
197 <li> ${e.item.getModel().conf[3].label}:${e.item.getModel().conf[3].value}</li> 230 <li> <span>${e.item.getModel().conf[1].label}：</span><span>${
198 <li> ${e.item.getModel().conf[4].label}:${e.item.getModel().conf[4].value}</li> 231 e.item.getModel().conf[1].value
199 </ul>` 232 }</span></li>
200 ; 233 <li> <span>${e.item.getModel().conf[2].label}：</span><span>${
234 e.item.getModel().conf[2].value
235 }</span></li>
236 <li> <span>${e.item.getModel().conf[3].label}：</span><span>${
237 e.item.getModel().conf[3].value
238 }</span></li>
239 <li> <span>${e.item.getModel().conf[4].label}：</span><span>${
240 e.item.getModel().conf[4].value
241 }</span></li>
242 </ul>`;
201 return outDiv; 243 return outDiv;
202 }, 244 },
203 }); 245 });
204 246
205 247 const container = document.getElementById("mountNode");
206 const container = document.getElementById('mountNode');
207 // console.log(container) 248 // console.log(container)
208 const graph = new G6.Graph({ 249 const graph = new G6.Graph({
209 container: 'mountNode', 250 container: "mountNode",
210 width:eWidth, 251 width: eWidth,
211 height:eHeight, 252 height: eHeight,
212 layout: { 253 layout: {
213 type: 'dagre', 254 type: "dagre",
214 nodesepFunc: (d) => { 255 nodesepFunc: (d) => {
215 return 100; 256 return 100;
216 }, 257 },
...@@ -218,10 +259,10 @@ export default { ...@@ -218,10 +259,10 @@ export default {
218 controlPoints: true, 259 controlPoints: true,
219 }, 260 },
220 defaultNode: { 261 defaultNode: {
221 type: 'sql', 262 type: "sql",
222 }, 263 },
223 defaultEdge: { 264 defaultEdge: {
224 type: 'polyline1', 265 type: "polyline1",
225 style: { 266 style: {
226 endArrow: true, 267 endArrow: true,
227 radius: 10, 268 radius: 10,
...@@ -229,174 +270,222 @@ export default { ...@@ -229,174 +270,222 @@ export default {
229 // fontSize:14, 270 // fontSize:14,
230 // endArrow: true, 271 // endArrow: true,
231 lineWidth: 2, //箭头宽度 272 lineWidth: 2, //箭头宽度
232 stroke: 'rgba(78,142,230,0.45)', 273 stroke: "rgba(78,142,230,0.45)",
233 }, 274 },
234 }, 275 },
235 nodeStateStyles: { 276 nodeStateStyles: {
236 selected: {//选中之后样式 277 selected: {
237 stroke: '#d9d9d9', 278 //选中之后样式
238 fill: '#5394ef', 279 stroke: "#d9d9d9",
280 fill: "#5394ef",
239 }, 281 },
240 }, 282 },
241 283
242 plugins: [tooltip], 284 plugins: [tooltip],
243 modes: { 285 modes: {
244 default: [ 286 default: ["drag-node", "drag-canvas", "zoom-canvas", "click-select"],
245 'drag-node',
246 'drag-canvas',
247 'zoom-canvas',
248 'click-select',
249 ],
250 }, 287 },
251 288
252 fitView: true, 289 fitView: true,
290 fitViewPadding: 160,
253 }); 291 });
254 292
255 graph.data(data); 293 graph.data(data);
256 graph.render(); 294 graph.render();
257 295
258 graph.on('node:click', e => { 296 graph.on("node:click", (e) => {
259 switch (this.type) { 297 switch (this.type) {
260 case "zrz": 298 case "zrz":
261 getZrzDetailByBsmBylshs(e.item._cfg.id).then((res)=>{ 299 getZrzDetailByBsmBylshs(e.item._cfg.id).then((res) => {
262 if(res.code === 200){ 300 if (res.code === 200) {
263 self.result = res.result; 301 self.result = res.result;
264 } 302 }
265 }) 303 });
266 break; 304 break;
267 case "zd": 305 case "zd":
268 getQjZdjbxxDetailByIdBylshs(e.item._cfg.id).then((res)=>{ 306 getQjZdjbxxDetailByIdBylshs(e.item._cfg.id).then((res) => {
269 if(res.code === 200){ 307 if (res.code === 200) {
270 self.result = res.result; 308 self.result = res.result;
271 } 309 }
272 }) 310 });
273 break; 311 break;
274 case "dz": 312 case "dz":
275 getDzDetailByBsm(e.item._cfg.id).then((res)=>{ 313 getDzDetailByBsm(e.item._cfg.id).then((res) => {
276 if(res.code === 200){ 314 if (res.code === 200) {
277 self.result = res.result; 315 self.result = res.result;
278 } 316 }
279 }) 317 });
280 break; 318 break;
281 default: 319 default:
282 break; 320 break;
283 } 321 }
284
285
286 }); 322 });
287 323
288 graph.on('node:mouseenter', e => { 324 graph.on("node:mouseenter", (e) => {
289 graph.setItemState(e.item, 'active', true) 325 graph.setItemState(e.item, "active", true);
290 }); 326 });
291 graph.on('node:mouseleave', e => { 327 graph.on("node:mouseleave", (e) => {
292 graph.setItemState(e.item, 'active', false) 328 graph.setItemState(e.item, "active", false);
293 }); 329 });
294 graph.on('edge:mouseenter', e => { 330 graph.on("edge:mouseenter", (e) => {
295 graph.setItemState(e.item, 'active', true) 331 graph.setItemState(e.item, "active", true);
296 }); 332 });
297 graph.on('edge:mouseleave', e => { 333 graph.on("edge:mouseleave", (e) => {
298 graph.setItemState(e.item, 'active', false) 334 graph.setItemState(e.item, "active", false);
299 }); 335 });
300 336
301 if (typeof window !== 'undefined') 337 if (typeof window !== "undefined")
302 window.onresize = () => { 338 window.onresize = () => {
303 if (!graph || graph.get('destroyed')) return; 339 if (!graph || graph.get("destroyed")) return;
304 if (!container || !container.scrollWidth || !container.scrollHeight) return; 340 if (!container || !container.scrollWidth || !container.scrollHeight)
341 return;
305 graph.changeSize(container.scrollWidth, container.scrollHeight); 342 graph.changeSize(container.scrollWidth, container.scrollHeight);
306 }; 343 };
307
308 }, 344 },
309 345
310 getLshsData(){ 346 getLshsData() {
311 let _this = this; 347 let _this = this;
312 const data = { 348 const data = {
313 "bsm": this.bsm, 349 bsm: this.bsm,
314 "type": this.type 350 type: this.type,
315 }; 351 };
316 getLshs(data).then((res)=>{ 352 getLshs(data).then((res) => {
317 if(res.code===200){ 353 if (res.code === 200) {
318 _this.data=res.result; 354 _this.data = res.result;
319 //_this.data.nodes.length;// 判断个数 355 //_this.data.nodes.length;// 判断个数
320 if(_this.data.nodes.length==0){ 356 if (_this.data.nodes.length == 0) {
321 //暂无变更业务，没有历史回溯数据。 357 //暂无变更业务，没有历史回溯数据。
322 this.showhide=true; 358 this.showhide = true;
323 359 } else {
324 }else{ 360 _this.data.nodes.forEach(node => {
361 node.conf.forEach(i => {
362 i.value = i.value == null || i.value == "" ? '暂无数据':i.value
363 })
364 });
325 this.initG6(); 365 this.initG6();
326 } 366 }
327 } 367 }
328 }); 368 });
329 switch (this.type) { 369 switch (this.type) {
330 case "zrz": 370 case "zrz":
331 getZrzDetailByBsmBylshs(this.bsm).then((res)=>{ 371 getZrzDetailByBsmBylshs(this.bsm).then((res) => {
332 if(res.code === 200){ 372 if (res.code === 200) {
333 this.result = res.result; 373 this.result = res.result;
334 } 374 }
335 }) 375 });
336 break; 376 break;
337 case "zd": 377 case "zd":
338 getQjZdjbxxDetailByIdBylshs(this.bsm).then((res)=>{ 378 getQjZdjbxxDetailByIdBylshs(this.bsm).then((res) => {
339 if(res.code === 200){ 379 if (res.code === 200) {
340 this.result = res.result; 380 this.result = res.result;
341 } 381 }
342 }) 382 });
343 break; 383 break;
344 case "dz": 384 case "dz":
345 getDzDetailByBsm(this.bsm).then((res)=>{ 385 getDzDetailByBsm(this.bsm).then((res) => {
346 if(res.code === 200){ 386 if (res.code === 200) {
347 this.result = res.result; 387 this.result = res.result;
348 } 388 }
349 }) 389 });
350 break; 390 break;
351 default: 391 default:
352 break; 392 break;
353 } 393 }
354 } 394 },
355 }, 395 },
356 computed: {}, 396 computed: {},
357 watch: {}, 397 watch: {},
358 } 398 };
359 </script> 399 </script>
360 <style scoped lang="less"> 400 <style scoped lang="less">
361 401 #mountNode {
362 #mountNode{ 402 width: 60%;
363 width: 50%; 403 height: calc(100% - 10px);
364 height: calc(100% - 140px); 404 border: 1px solid #e6e6e6;
365 border: 1px solid #E6E6E6;
366 background: white; 405 background: white;
367 406 position: relative;
368 position:absolute;
369 float: left; 407 float: left;
370 /*border: 1px solid red;*/ 408 /*border: 1px solid red;*/
371 } 409 }
372 410
373 #mountNodeRight{ 411 #mountNodeRight {
374 width: 36%; 412 width: calc(40% - 20px);
375 float: right; 413 float: right;
376 height: calc(100% - 22px); 414 height: calc(100% - 8px)!important;
377 border: 1px solid #E6E6E6; 415 border: 1px solid #e6e6e6;
378 background: white; 416 background: white;
379 padding: 20px 20px 0 20px; 417 box-sizing: border-box;
380 } 418 // padding: 20px 20px 0 20px;
419 }
381 420
382 .slot{ 421 .slot {
383 margin-left: 50px; 422 margin-left: 50px;
384 margin-top: 20px; 423 margin-top: 20px;
385 width: 300px; 424 width: 300px;
386 } 425 }
387 426
388 .tip-title{ 427 .tip-title {
389 font-weight: 700; 428 font-weight: 700;
390 } 429 }
391 430
392 .grid-left{ 431 .grid-left {
393 text-align: right; 432 text-align: right;
394 padding-right: 5%; 433 padding-right: 5%;
395 } 434 }
396 435
397 .grid-right{ 436 .grid-right {
398 text-align: left; 437 text-align: left;
399 padding-left: 5%; 438 padding-left: 5%;
439 }
440 .el-tabs {
441 /deep/.el-tabs__header{
442 position: unset!important;
400 } 443 }
401 444 /deep/.el-tabs__content{
445 box-sizing: border-box;
446 padding-top: 10px!important;
447 background-color:#fff!important;
448 }
449 }
450 /deep/.g6-component-tooltip {
451 padding: 0;
452 font-size: 16px;
453 .tips {
454 border-radius: 5px;
455 border: 1px solid #EAEAEA;
456 box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.12);
457 .tit {
458 height: 40px;
459 line-height: 40px;
460 color: #9B9B9B;
461 background-color: #fafafa;
462 box-sizing: border-box;
463 padding: 0 20px;
464 border-bottom: 1px solid #E6E6E6;
465 }
466 ul{
467 box-sizing: border-box;
468 padding: 10px 20px 20px 20px;
469 li{
470 span{
471 display: inline-block;
472 height: 30px;
473 line-height: 30px;
474 }
475 span:first-child{
476 width: 120px;
477 text-align: right;
478 color: #4A4A4A;
479 }
480 span:last-child{
481 color: #6D7278;
482 }
483 }
484 }
485 }
486 }
487 .djb{
488 box-sizing: border-box;
489 padding: 20px;
490 }
402 </style> 491 </style>
......
...@@ -84,14 +84,14 @@ ...@@ -84,14 +84,14 @@
84 </el-form-item> 84 </el-form-item>
85 </el-form> 85 </el-form>
86 <div class="handleBtn"> 86 <div class="handleBtn">
87 <el-button type="primary" class="w98 import">导入图形</el-button> 87 <!-- <el-button type="primary" class="w98 import">导入图形</el-button> -->
88 <el-button type="primary" class="w98 creat" @click="newZd">创建</el-button> 88 <el-button type="primary" class="w98 creat" @click="newZd">创建</el-button>
89 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 89 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
90 </div> 90 </div>
91 </el-tab-pane> 91 </el-tab-pane>
92 <el-tab-pane class="eltabspane" v-if="!auth" label="宗海" name="zh"> 92 <el-tab-pane class="eltabspane" v-if="!auth" label="宗海" name="zh">
93 <div class="handleBtn"> 93 <div class="handleBtn">
94 <el-button type="primary" class="w98 import">导入图形</el-button> 94 <!-- <el-button type="primary" class="w98 import">导入图形</el-button> -->
95 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button> 95 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
96 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 96 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
97 </div> 97 </div>
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
106 </el-form-item> 106 </el-form-item>
107 </el-form> 107 </el-form>
108 <div class="handleBtn"> 108 <div class="handleBtn">
109 <el-button type="primary" class="w98 import">导入图形</el-button> 109 <!-- <el-button type="primary" class="w98 import">导入图形</el-button> -->
110 <el-button type="primary" class="w98 creat" @click="newZrz">创建</el-button> 110 <el-button type="primary" class="w98 creat" @click="newZrz">创建</el-button>
111 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 111 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
112 </div> 112 </div>
...@@ -121,14 +121,14 @@ ...@@ -121,14 +121,14 @@
121 </el-form-item> 121 </el-form-item>
122 </el-form> 122 </el-form>
123 <div class="handleBtn"> 123 <div class="handleBtn">
124 <el-button type="primary" class="w98 import">导入图形</el-button> 124 <!-- <el-button type="primary" class="w98 import">导入图形</el-button> -->
125 <el-button type="primary" class="w98 creat" @click="newDz">创建</el-button> 125 <el-button type="primary" class="w98 creat" @click="newDz">创建</el-button>
126 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 126 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
127 </div> 127 </div>
128 </el-tab-pane> 128 </el-tab-pane>
129 <el-tab-pane class="eltabspane" v-if="!createZrz" label="林权" name="lq"> 129 <el-tab-pane class="eltabspane" v-if="!createZrz" label="林权" name="lq">
130 <div class="handleBtn"> 130 <div class="handleBtn">
131 <el-button type="primary" class="w98 import">导入图形</el-button> 131 <!-- <el-button type="primary" class="w98 import">导入图形</el-button> -->
132 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button> 132 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
133 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 133 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
134 </div> 134 </div>
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
143 </el-form-item> 143 </el-form-item>
144 </el-form> 144 </el-form>
145 <div class="handleBtn"> 145 <div class="handleBtn">
146 <el-button type="primary" class="w98 import">导入图形</el-button> 146 <!-- <el-button type="primary" class="w98 import">导入图形</el-button> -->
147 <el-button type="primary" class="w98 creat" @click="newGzw">创建</el-button> 147 <el-button type="primary" class="w98 creat" @click="newGzw">创建</el-button>
148 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> 148 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
149 </div> 149 </div>
...@@ -673,7 +673,7 @@ export default { ...@@ -673,7 +673,7 @@ export default {
673 position: absolute; 673 position: absolute;
674 bottom: 0; 674 bottom: 0;
675 left: 50%; 675 left: 50%;
676 margin-left: -250px; 676 // margin-left: -250px;
677 .w98{ 677 .w98{
678 width: 98px; 678 width: 98px;
679 } 679 }
......
...@@ -584,7 +584,7 @@ export default { ...@@ -584,7 +584,7 @@ export default {
584 // 绘制指标数字 584 // 绘制指标数字
585 chart.annotation().text({ 585 chart.annotation().text({
586 position: ['80%', '55%'], 586 position: ['80%', '55%'],
587 content: '合格率', 587 content: '及时率',
588 style: { 588 style: {
589 fontSize: 20, 589 fontSize: 20,
590 fill: '#545454', 590 fill: '#545454',
......