| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | isoline: null, |
| | | isolineFlag: false, |
| | | itemsOne: [ |
| | | { |
| | | id: "1", |
| | | name: "synthesis.contouranalysis", |
| | | class: "d1", |
| | | id: '1', |
| | | name: 'synthesis.contouranalysis', |
| | | class: 'd1', |
| | | }, |
| | | { |
| | | id: "2", |
| | | name: "synthesis.slopeanalysis", |
| | | class: "d2", |
| | | id: '2', |
| | | name: 'synthesis.slopeanalysis', |
| | | class: 'd2', |
| | | }, |
| | | { |
| | | id: "3", |
| | | name: "synthesis.pathanalysis", |
| | | class: "d3", |
| | | id: '3', |
| | | name: 'synthesis.pathanalysis', |
| | | class: 'd3', |
| | | }, |
| | | { |
| | | id: "4", |
| | | name: "synthesis.cuttinganalysis", |
| | | class: "d4", |
| | | id: '4', |
| | | name: 'synthesis.cuttinganalysis', |
| | | class: 'd4', |
| | | }, |
| | | { |
| | | id: "5", |
| | | name: "synthesis.floodanalysis", |
| | | class: "d5", |
| | | id: '5', |
| | | name: 'synthesis.floodanalysis', |
| | | class: 'd5', |
| | | }, |
| | | { |
| | | id: "6", |
| | | name: "synthesis.earthworkcalculation", |
| | | class: "d6", |
| | | id: '6', |
| | | name: 'synthesis.earthworkcalculation', |
| | | class: 'd6', |
| | | }, |
| | | { |
| | | id: "7", |
| | | name: "synthesis.crosssectionanalysis", |
| | | class: "d7", |
| | | id: '7', |
| | | name: 'synthesis.crosssectionanalysis', |
| | | class: 'd7', |
| | | }, |
| | | { |
| | | id: "8", |
| | | name: "synthesis.imagecontrast", |
| | | class: "d8", |
| | | id: '8', |
| | | name: 'synthesis.imagecontrast', |
| | | class: 'd8', |
| | | }, |
| | | ], |
| | | }; |
| | | }, |
| | | mounted() { |
| | | if (this.isoline == null) { |
| | | this.isoline = new SmartEarth.ElevationTool(sgworld); |
| | | } |
| | | }, |
| | | methods: { |
| | | changeAnalsy(res) { |
| | | switch (res.id) { |
| | | case '1': |
| | | this.isolineFlag = !this.isolineFlag; |
| | | this.isoline.tf = this.isolineFlag; |
| | | this.isoline.render(); |
| | | break; |
| | | case '2': |
| | | elevationTool.type = 'slope'; |
| | | elevationTool.render(); |
| | | break; |
| | | } |
| | | }, |
| | | }, |
| | |
| | | margin: 0px; |
| | | } |
| | | .d1 { |
| | | background: url("../../assets/img/synthesis/椭圆 8 拷贝 8.png") no-repeat |
| | | background: url('../../assets/img/synthesis/椭圆 8 拷贝 8.png') no-repeat |
| | | center; |
| | | } |
| | | .d2 { |
| | | background: url("../../assets/img/synthesis/圆角矩形 12 拷贝 5.png") no-repeat |
| | | background: url('../../assets/img/synthesis/圆角矩形 12 拷贝 5.png') no-repeat |
| | | center; |
| | | } |
| | | .d3 { |
| | | background: url("../../assets/img/synthesis/圆角矩形 10 副本 3.png") no-repeat |
| | | background: url('../../assets/img/synthesis/圆角矩形 10 副本 3.png') no-repeat |
| | | center; |
| | | } |
| | | .d4 { |
| | | background: url("../../assets/img/synthesis/图层 74 拷贝 3.png") no-repeat |
| | | background: url('../../assets/img/synthesis/图层 74 拷贝 3.png') no-repeat |
| | | center; |
| | | } |
| | | .d5 { |
| | | background: url("../../assets/img/synthesis/图层 20.png") no-repeat center; |
| | | background: url('../../assets/img/synthesis/图层 20.png') no-repeat center; |
| | | } |
| | | .d6 { |
| | | background: url("../../assets/img/synthesis/图层 14 拷贝 3.png") no-repeat |
| | | background: url('../../assets/img/synthesis/图层 14 拷贝 3.png') no-repeat |
| | | center; |
| | | } |
| | | .d7 { |
| | | background: url("../../assets/img/synthesis/图层 18.png") no-repeat center; |
| | | background: url('../../assets/img/synthesis/图层 18.png') no-repeat center; |
| | | } |
| | | .d8 { |
| | | background: url("../../assets/img/synthesis/圆角矩形 12 拷贝 6.png") no-repeat |
| | | background: url('../../assets/img/synthesis/圆角矩形 12 拷贝 6.png') no-repeat |
| | | center; |
| | | } |
| | | .backimge4 { |