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 447 additions and 358 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 id="mountNodeRight"> 7 </div>
8 <div><span class="tip-title">基础信息</span></div> 8 <div id="mountNodeRight">
9 <el-divider></el-divider> 9 <el-tabs v-model="activeName" @tab-click="handleClick" >
10 <div style="line-height: 40px"> 10 <el-tab-pane label="基础信息" name="jcxx">
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"
34 </el-row> 45 ><div class="grid-right">{{ result.qlr }}</div></el-col
46 >
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>
69 </div> 98 </el-tab-pane>
70 </div> 99 <el-tab-pane label="登记簿" name="djb" >
100 <div class="djb">
101 暂无数据
102 </div>
103 </el-tab-pane>
104 </el-tabs>
105 </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: "",
89 }, 124 },
90 type: { 125 type: {
91 type: String, 126 type: String,
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;
99 font-size: 12px; 134 font-size: 12px;
...@@ -103,300 +138,354 @@ export default { ...@@ -103,300 +138,354 @@ export default {
103 text-align: center; 138 text-align: center;
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 } 146
112 }, 147 };
113 created(){ 148 },
114 149 created() {},
115 }, 150 mounted() {
116 mounted(){ 151 this.getLshsData();
117 this.getLshsData(); 152 },
118 153 methods: {
119 }, 154 initG6() {
120 methods: { 155 const self = this;
121 initG6() { 156 const data = this.data;
122 const self=this; 157 const eWidth = this.$refs.containerWidth.clientWidth;
123 const data = this.data; 158 const eHeight = this.$refs.containerWidth.clientHeight;
124 const eWidth = this.$refs.containerWidth.clientWidth; 159 const mountNodeRight1 = document.getElementById("mountNodeRight");
125 const eHeight = this.$refs.containerWidth.clientHeight; 160 mountNodeRight1.style.height = eHeight - 20 + "px";
126 const mountNodeRight1=document.getElementById('mountNodeRight'); 161
127 mountNodeRight1.style.height=eHeight-20+'px'; 162 G6.registerNode(
128 163 "sql",
129 G6.registerNode( 164 {
130 'sql', 165 drawShape(cfg, group) {
131 { 166 var dClor = "#ffffff";
132 drawShape(cfg, group) { 167 if (cfg.id == self.bsm) {
133 var dClor='#ffffff'; 168 dClor = "#C6E5FF";
134 if(cfg.id==self.bsm){ 169 }
135 dClor='#C6E5FF'; 170
136 } 171 const rect = group.addShape("rect", {
137 172 attrs: {
138 const rect = group.addShape('rect', { 173 x: -100,
139 attrs: { 174 y: -25,
140 x: -100, 175 width: 200,
141 y: -25, 176 height: 50,
142 width: 200, 177 radius: 10,
143 height: 50, 178 stroke: "#5B8FF9",
144 radius: 10, 179 fill: dClor,
145 stroke: '#5B8FF9', 180 lineWidth: 1,
146 fill: dClor, 181 },
147 lineWidth: 1, 182 name: "rect-shape",
148 }, 183 });
149 name: 'rect-shape', 184 if (cfg.name) {
150 }); 185 group.addShape("text", {
151 if (cfg.name) { 186 attrs: {
152 group.addShape('text', { 187 text: cfg.name,
153 attrs: { 188 x: 0,
154 text: cfg.name, 189 y: 0,
155 x: 0, 190 fill: "#00287E",
156 y: 0, 191 fontSize: 14,
157 fill: '#00287E', 192 textAlign: "center",
158 fontSize: 14, 193 textBaseline: "middle",
159 textAlign: 'center', 194 fontWeight: "bold",
160 textBaseline: 'middle', 195 },
161 fontWeight: 'bold', 196 name: "text-shape",
162 }, 197 });
163 name: 'text-shape', 198 }
164 }); 199 return rect;
165 } 200 },
166 return rect; 201 },
167 }, 202 "single-node"
168 }, 203 );
169 'single-node', 204 G6.registerEdge(
170 ); 205 "polyline1",
171 G6.registerEdge( 206 {
172 'polyline1', 207 afterDraw(cfg, group) {
173 { 208 console.log(cfg.data + ":cfg");
174 afterDraw(cfg, group) { 209 console.log(group.toString() + "group");
175 console.log(cfg.data+":cfg") 210 },
176 console.log(group.toString()+"group") 211 },
177 }, 212 "polyline"
178 }, 213 );
179 'polyline', 214
180 ); 215 //鼠标移动 弹出界面
181 216 const tooltip = new G6.Tooltip({
182 217 offsetX: 10,
183 //鼠标移动 弹出界面 218 offsetY: 10,
184 const tooltip = new G6.Tooltip({ 219 itemTypes: ["node", "edge"],
185 offsetX: 10, 220 getContent: (e) => {
186 offsetY: 10, 221 const outDiv = document.createElement("div");
187 itemTypes: ['node', 'edge'], 222 outDiv.style.width = "fit-content";
188 getContent: (e) => { 223 outDiv.className = "tips";
189 debugger; 224 outDiv.innerHTML = `
190 const outDiv = document.createElement('div'); 225 <p class="tit">基本信息</p>
191 outDiv.style.width = 'fit-content';
192 outDiv.innerHTML = `
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>${
201 return outDiv; 234 e.item.getModel().conf[2].value
202 }, 235 }</span></li>
203 }); 236 <li> <span>${e.item.getModel().conf[3].label}：</span><span>${
204 237 e.item.getModel().conf[3].value
205 238 }</span></li>
206 const container = document.getElementById('mountNode'); 239 <li> <span>${e.item.getModel().conf[4].label}：</span><span>${
207 // console.log(container) 240 e.item.getModel().conf[4].value
208 const graph = new G6.Graph({ 241 }</span></li>
209 container: 'mountNode', 242 </ul>`;
210 width:eWidth, 243 return outDiv;
211 height:eHeight, 244 },
212 layout: { 245 });
213 type: 'dagre', 246
214 nodesepFunc: (d) => { 247 const container = document.getElementById("mountNode");
215 return 100; 248 // console.log(container)
216 }, 249 const graph = new G6.Graph({
217 ranksep: 30, 250 container: "mountNode",
218 controlPoints: true, 251 width: eWidth,
219 }, 252 height: eHeight,
220 defaultNode: { 253 layout: {
221 type: 'sql', 254 type: "dagre",
222 }, 255 nodesepFunc: (d) => {
223 defaultEdge: { 256 return 100;
224 type: 'polyline1', 257 },
225 style: { 258 ranksep: 30,
226 endArrow: true, 259 controlPoints: true,
227 radius: 10, 260 },
228 offset: 10, 261 defaultNode: {
229 // fontSize:14, 262 type: "sql",
230 // endArrow: true, 263 },
231 lineWidth: 2, //箭头宽度 264 defaultEdge: {
232 stroke: 'rgba(78,142,230,0.45)', 265 type: "polyline1",
233 }, 266 style: {
234 }, 267 endArrow: true,
235 nodeStateStyles: { 268 radius: 10,
236 selected: {//选中之后样式 269 offset: 10,
237 stroke: '#d9d9d9', 270 // fontSize:14,
238 fill: '#5394ef', 271 // endArrow: true,
239 }, 272 lineWidth: 2, //箭头宽度
240 }, 273 stroke: "rgba(78,142,230,0.45)",
241 274 },
242 plugins: [tooltip], 275 },
243 modes: { 276 nodeStateStyles: {
244 default: [ 277 selected: {
245 'drag-node', 278 //选中之后样式
246 'drag-canvas', 279 stroke: "#d9d9d9",
247 'zoom-canvas', 280 fill: "#5394ef",
248 'click-select', 281 },
249 ], 282 },
250 }, 283
251 284 plugins: [tooltip],
252 fitView: true, 285 modes: {
253 }); 286 default: ["drag-node", "drag-canvas", "zoom-canvas", "click-select"],
254 287 },
255 graph.data(data); 288
256 graph.render(); 289 fitView: true,
257 290 fitViewPadding: 160,
258 graph.on('node:click', e => { 291 });
259 switch (this.type) { 292
260 case "zrz": 293 graph.data(data);
261 getZrzDetailByBsmBylshs(e.item._cfg.id).then((res)=>{ 294 graph.render();
262 if(res.code === 200){ 295
263 self.result = res.result; 296 graph.on("node:click", (e) => {
264 } 297 switch (this.type) {
265 }) 298 case "zrz":
266 break; 299 getZrzDetailByBsmBylshs(e.item._cfg.id).then((res) => {
267 case "zd": 300 if (res.code === 200) {
268 getQjZdjbxxDetailByIdBylshs(e.item._cfg.id).then((res)=>{ 301 self.result = res.result;
269 if(res.code === 200){ 302 }
270 self.result = res.result; 303 });
271 } 304 break;
272 }) 305 case "zd":
273 break; 306 getQjZdjbxxDetailByIdBylshs(e.item._cfg.id).then((res) => {
274 case "dz": 307 if (res.code === 200) {
275 getDzDetailByBsm(e.item._cfg.id).then((res)=>{ 308 self.result = res.result;
276 if(res.code === 200){ 309 }
277 self.result = res.result; 310 });
278 } 311 break;
279 }) 312 case "dz":
280 break; 313 getDzDetailByBsm(e.item._cfg.id).then((res) => {
281 default: 314 if (res.code === 200) {
282 break; 315 self.result = res.result;
283 } 316 }
284 317 });
285 318 break;
286 }); 319 default:
287 320 break;
288 graph.on('node:mouseenter', e => { 321 }
289 graph.setItemState(e.item, 'active', true) 322 });
290 }); 323
291 graph.on('node:mouseleave', e => { 324 graph.on("node:mouseenter", (e) => {
292 graph.setItemState(e.item, 'active', false) 325 graph.setItemState(e.item, "active", true);
293 }); 326 });
294 graph.on('edge:mouseenter', e => { 327 graph.on("node:mouseleave", (e) => {
295 graph.setItemState(e.item, 'active', true) 328 graph.setItemState(e.item, "active", false);
296 }); 329 });
297 graph.on('edge:mouseleave', e => { 330 graph.on("edge:mouseenter", (e) => {
298 graph.setItemState(e.item, 'active', false) 331 graph.setItemState(e.item, "active", true);
299 }); 332 });
300 333 graph.on("edge:mouseleave", (e) => {
301 if (typeof window !== 'undefined') 334 graph.setItemState(e.item, "active", false);
302 window.onresize = () => { 335 });
303 if (!graph || graph.get('destroyed')) return; 336
304 if (!container || !container.scrollWidth || !container.scrollHeight) return; 337 if (typeof window !== "undefined")
305 graph.changeSize(container.scrollWidth, container.scrollHeight); 338 window.onresize = () => {
306 }; 339 if (!graph || graph.get("destroyed")) return;
307 340 if (!container || !container.scrollWidth || !container.scrollHeight)
308 }, 341 return;
309 342 graph.changeSize(container.scrollWidth, container.scrollHeight);
310 getLshsData(){ 343 };
311 let _this = this; 344 },
312 const data = { 345
313 "bsm": this.bsm, 346 getLshsData() {
314 "type": this.type 347 let _this = this;
315 }; 348 const data = {
316 getLshs(data).then((res)=>{ 349 bsm: this.bsm,
317 if(res.code===200){ 350 type: this.type,
318 _this.data=res.result; 351 };
319 //_this.data.nodes.length;// 判断个数 352 getLshs(data).then((res) => {
320 if(_this.data.nodes.length==0){ 353 if (res.code === 200) {
321 //暂无变更业务，没有历史回溯数据。 354 _this.data = res.result;
322 this.showhide=true; 355 //_this.data.nodes.length;// 判断个数
323 356 if (_this.data.nodes.length == 0) {
324 }else{ 357 //暂无变更业务，没有历史回溯数据。
325 this.initG6(); 358 this.showhide = true;
326 } 359 } else {
327 } 360 _this.data.nodes.forEach(node => {
328 }); 361 node.conf.forEach(i => {
329 switch (this.type) { 362 i.value = i.value == null || i.value == "" ? '暂无数据':i.value
330 case "zrz":
331 getZrzDetailByBsmBylshs(this.bsm).then((res)=>{
332 if(res.code === 200){
333 this.result = res.result;
334 }
335 })
336 break;
337 case "zd":
338 getQjZdjbxxDetailByIdBylshs(this.bsm).then((res)=>{
339 if(res.code === 200){
340 this.result = res.result;
341 }
342 }) 363 })
343 break; 364 });
344 case "dz": 365 this.initG6();
345 getDzDetailByBsm(this.bsm).then((res)=>{ 366 }
346 if(res.code === 200){ 367 }
347 this.result = res.result; 368 });
348 } 369 switch (this.type) {
349 }) 370 case "zrz":
350 break; 371 getZrzDetailByBsmBylshs(this.bsm).then((res) => {
351 default: 372 if (res.code === 200) {
352 break; 373 this.result = res.result;
353 } 374 }
354 } 375 });
355 }, 376 break;
356 computed: {}, 377 case "zd":
357 watch: {}, 378 getQjZdjbxxDetailByIdBylshs(this.bsm).then((res) => {
358 } 379 if (res.code === 200) {
380 this.result = res.result;
381 }
382 });
383 break;
384 case "dz":
385 getDzDetailByBsm(this.bsm).then((res) => {
386 if (res.code === 200) {
387 this.result = res.result;
388 }
389 });
390 break;
391 default:
392 break;
393 }
394 },
395 },
396 computed: {},
397 watch: {},
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; 405 background: white;
366 background: white; 406 position: relative;
407 float: left;
408 /*border: 1px solid red;*/
409 }
367 410
368 position:absolute; 411 #mountNodeRight {
369 float: left; 412 width: calc(40% - 20px);
370 /*border: 1px solid red;*/ 413 float: right;
371 } 414 height: calc(100% - 8px)!important;
415 border: 1px solid #e6e6e6;
416 background: white;
417 box-sizing: border-box;
418 // padding: 20px 20px 0 20px;
419 }
372 420
373 #mountNodeRight{ 421 .slot {
374 width: 36%; 422 margin-left: 50px;
375 float: right; 423 margin-top: 20px;
376 height: calc(100% - 22px); 424 width: 300px;
377 border: 1px solid #E6E6E6; 425 }
378 background: white;
379 padding: 20px 20px 0 20px;
380 }
381 426
382 .slot{ 427 .tip-title {
383 margin-left: 50px; 428 font-weight: 700;
384 margin-top: 20px; 429 }
385 width: 300px;
386 }
387 430
388 .tip-title{ 431 .grid-left {
389 font-weight: 700; 432 text-align: right;
390 } 433 padding-right: 5%;
434 }
391 435
392 .grid-left{ 436 .grid-right {
393 text-align: right; 437 text-align: left;
394 padding-right: 5%; 438 padding-left: 5%;
439 }
440 .el-tabs {
441 /deep/.el-tabs__header{
442 position: unset!important;
443 }
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;
395 } 465 }
396 466 ul{
397 .grid-right{ 467 box-sizing: border-box;
398 text-align: left; 468 padding: 10px 20px 20px 20px;
399 padding-left: 5%; 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 }
400 } 484 }
401
402 </style>
...\ No newline at end of file ...\ No newline at end of file
485 }
486 }
487 .djb{
488 box-sizing: border-box;
489 padding: 20px;
490 }
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',
......