| | |
| | | <template> |
| | | <div class="menu_Box box_div"> |
| | | <div |
| | | class="leftMen_div" |
| | | @click="setChangeTwoMenu(item)" |
| | | v-for="(item, index) in setListTwoMenu" |
| | | :class="{ lefMenuDivActive: showTwoMenuFlag == item.id }" |
| | | > |
| | | <div |
| | | class="menuTwoImage" |
| | | :class="item.css" |
| | | ></div> |
| | | <div class="leftMen_div" |
| | | @click="setChangeTwoMenu(item)" |
| | | v-for="(item, index) in setListTwoMenu" |
| | | :class="{ lefMenuDivActive: showTwoMenuFlag == item.id }"> |
| | | <div class="menuTwoImage" |
| | | :class="item.css"></div> |
| | | <div>{{ $t(item.label) }}</div> |
| | | </div> |
| | | <mapinfo ref="mapinfo" /> |
| | | <maplayer ref="maplayer" /> |
| | | <queryinfo ref="queryinfo" /> |
| | | <input |
| | | type="file" |
| | | accept=".kml" |
| | | class="file" |
| | | style="display: none" |
| | | /> |
| | | <input |
| | | :accept="'.shp, .shx, .dbf, .prj'" |
| | | style="display: none" |
| | | ref="pathClear" |
| | | type="file" |
| | | name="file" |
| | | id="shpFile" |
| | | multiple="multiple" |
| | | @change="handleOpenShp()" |
| | | /> |
| | | <terrainDig ref="terrainDig" /> |
| | | <modelAttach ref="modelAttach" /> |
| | | <undergroundModel ref="undergroundModel" /> |
| | | <setPellucidity ref="setPellucidity" /> |
| | | <input type="file" |
| | | accept=".kml" |
| | | class="file" |
| | | style="display: none" /> |
| | | <input :accept="'.shp, .shx, .dbf, .prj'" |
| | | style="display: none" |
| | | ref="pathClear" |
| | | type="file" |
| | | name="file" |
| | | id="shpFile" |
| | | multiple="multiple" |
| | | @change="handleOpenShp()" /> |
| | | |
| | | <el-dialog :title="formInline.title" |
| | | :visible.sync="dialogVisible" |
| | | :modal="false" |
| | | :modal-append-to-body="false" |
| | | :close-on-click-modal="false" |
| | | :before-close="handleClose" |
| | | width="30%"> |
| | | <el-dialog title="预览" |
| | | :append-to-body="false" |
| | | :visible.sync="dialog.dialogVisible" |
| | | width="70%" |
| | | :modal="false" |
| | | :close-on-click-modal="false"> |
| | | <div v-if="dialog.isPdf" |
| | | class="pdfClass"> |
| | | <iframe :src="dialog.src" |
| | | type="application/x-google-chrome-pdf" |
| | | width="100%" |
| | | height="100%"> |
| | | </iframe> |
| | | </div> |
| | | <div v-if="dialog.isJpg" |
| | | class="pdfClass"> |
| | | |
| | | <el-image style="width:100%; height:100%" |
| | | :src="dialog.src" |
| | | :preview-src-list="[dialog.src]"> |
| | | </el-image> |
| | | |
| | | </div> |
| | | </el-dialog> |
| | | <div style="height:63vh"> |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="属性" |
| | | name="first"> |
| | | <el-form ref="form" |
| | | :model="formInline" |
| | | label-width="80px"> |
| | | |
| | | <el-form-item :label="$t('common.name')"> |
| | | <!-- <el-input v-model="formInline.name"></el-input> --> |
| | | {{formInline.name}} |
| | | </el-form-item> |
| | | <el-form-item :label="$t('common.type')"> |
| | | <!-- <el-select |
| | | v-model="formInline.type" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> --> |
| | | {{formInline.type}} |
| | | </el-form-item> |
| | | |
| | | <el-form-item :label="$t('common.bak')"> |
| | | <!-- <el-input v-model="formInline.bak"></el-input> --> |
| | | {{formInline.bak}} |
| | | </el-form-item> |
| | | <!-- <el-form-item> |
| | | <el-button |
| | | v-show="isShowModel" |
| | | type="success" |
| | | plain |
| | | size="small" |
| | | @click="InsertData" |
| | | >{{$t('common.increase')}}</el-button> |
| | | <el-button |
| | | v-show=" isShowModel" |
| | | type="info" |
| | | plain |
| | | size="small" |
| | | @click="EditData" |
| | | >{{$t('common.update')}}</el-button> |
| | | </el-form-item> --> |
| | | |
| | | </el-form> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="附件" |
| | | name="second"> |
| | | |
| | | <el-table :data="tableData" |
| | | ref="filterTable" |
| | | height="calc(100% - 130px)" |
| | | border |
| | | style="width: 100%" |
| | | @selection-change="handleAttatchChange"> |
| | | <el-table-column type="selection" |
| | | width="70" /> |
| | | <el-table-column width="60" |
| | | type="index" |
| | | :label="$t('common.index')" /> |
| | | <el-table-column prop="name" |
| | | :label="$t('common.name')" /> |
| | | |
| | | <el-table-column prop="sizes" |
| | | :label="$t('common.size')" |
| | | :formatter="statSizeChange" /> |
| | | <el-table-column align="center" |
| | | :label="$t('common.operate')" |
| | | min-width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-link v-if="matchState(scope, /[]/)" |
| | | @click="setAttatchDetail(scope.$index, scope.row)" |
| | | class="elLink">{{ $t('common.see') }}</el-link> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="数据申请" |
| | | :visible.sync="dialogInsertVisible" |
| | | width="30%" |
| | | top="35vh" |
| | | :modal="false" |
| | | :before-close="handleInsertClose"> |
| | | <div style="width: 100%; max-height: 450px; overflow-y: auto"> |
| | | <el-form ref="form" |
| | | :model="ruleForm" |
| | | label-width="100px"> |
| | | <el-form-item label="审核单位"> |
| | | <div> |
| | | <ul> |
| | | <li v-for="item in ruleForm.depid"> |
| | | {{ item.name }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="表名"> |
| | | <div> |
| | | <ul> |
| | | <li v-for="item in ruleForm.tabs"> |
| | | {{ item.tabDesc }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="条件"> |
| | | <el-input :title="ruleForm.wkt" |
| | | v-model="ruleForm.wkt" |
| | | disabled></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="描述"> |
| | | <el-input type="textarea" |
| | | placeholder="请输入内容" |
| | | v-model="ruleForm.descr" |
| | | maxlength="50" |
| | | show-word-limit> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button class="primary" |
| | | size="small" |
| | | @click="getInsertDownz()">{{ |
| | | $t("common.confirm") |
| | | }}</el-button> |
| | | <el-button type="info" |
| | | size="small" |
| | | @click="closeInsertDown">{{ |
| | | $t("common.cancel") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog :title="$t('common.passworld')" |
| | | :visible.sync="dialogVisible1" |
| | | width="30%" |
| | | top="35vh" |
| | | :modal="false" |
| | | :before-close="handleCloseDown1"> |
| | | <el-form :model="codeForm" |
| | | :rules="rules" |
| | | ref="codeForm" |
| | | label-width="100px" |
| | | class="codeForm"> |
| | | <el-form-item :label="$t('common.passworld')" |
| | | prop="password"> |
| | | <el-input type="password" |
| | | v-model="codeForm.password" |
| | | show-password></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('common.SPassword')" |
| | | prop="repassword"> |
| | | <el-input type="password" |
| | | v-model="codeForm.repassword" |
| | | show-password></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button class="primary" |
| | | size="small" |
| | | @click="downloadx('codeForm')">{{ $t("common.confirm") }}</el-button> |
| | | <el-button type="info" |
| | | size="small" |
| | | @click="closeDownx('codeForm')">{{ |
| | | $t("common.cancel") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-dialog> |
| | | <el-dialog title="范围" |
| | | :visible.sync="dialogExtentVisible" |
| | | width="30%" |
| | | :before-close="handleExtentClose" |
| | | :modal="false" |
| | | :lock-scroll="false" |
| | | :close-on-click-modal="false"> |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="16"> |
| | | <el-input v-model="setExtent"></el-input> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <div> |
| | | 单位:(m) |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <span slot="footer" |
| | | class="dialog-footer"> |
| | | <el-button @click="handleExtentClose">取 消</el-button> |
| | | <el-button @click="handleExtentinsert" |
| | | type="primary">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import { transform } from 'ol/proj'; |
| | | import mapinfo from '../Tools/mapinfo.vue'; |
| | | import maplayer from '../Tools/maplayer.vue'; |
| | | import queryinfo from '../Tools/queryinfo.vue'; |
| | | import $ from 'jquery' |
| | | import { getToken } from '@/utils/auth'; |
| | | import { transform } from "ol/proj"; |
| | | import mapinfo from "../Tools/mapinfo.vue"; |
| | | import maplayer from "../Tools/maplayer.vue"; |
| | | import queryinfo from "../Tools/queryinfo.vue"; |
| | | import terrainDig from "../Tools/terrainDig.vue"; |
| | | import modelAttach from "../Tools/ModelAttach.vue"; |
| | | import undergroundModel from "../Tools/undergroundModel.vue"; |
| | | import setPellucidity from "../Tools/setPellucidity.vue"; |
| | | import $ from "jquery"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import ImageWMS from "ol/source/ImageWMS"; |
| | | import Image from "ol/layer/Image"; |
| | | import GeoJSON from "ol/format/GeoJSON.js"; |
| | | import { Vector as VectorSource } from "ol/source"; |
| | | import { Vector as VectorLayer } from "ol/layer"; |
| | | import { |
| | | perms_selectLayers, |
| | | comprehensive_selectModelByGuid, |
| | | comprehensive_selectFiles, |
| | | comprehensive_deletes, |
| | | comprehensive_selectModelByPageAndCount, |
| | | comprehensive_insertModel, |
| | | comprehensive_updateModel, selectByBuffer, |
| | | dataQuery_selectTabByEntity, |
| | | inquiry_selectDomains, |
| | | inquiry_selectFields, |
| | | dataQuery_selectByGid, |
| | | } from '../../api/api.js' |
| | | import { |
| | | OverviewMap, |
| | | defaults as defaultControls, |
| | | FullScreen, |
| | | ScaleLine, |
| | | Rotate, |
| | | |
| | | } from "ol/control.js" |
| | | import * as turf from '@turf/turf'; |
| | | import { geometry } from '@turf/turf'; |
| | | } from "ol/control.js"; |
| | | import * as turf from "@turf/turf"; |
| | | import { geometry } from "@turf/turf"; |
| | | |
| | | export default { |
| | | components: { mapinfo, maplayer, queryinfo }, |
| | | data() { |
| | | components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach, undergroundModel, setPellucidity }, |
| | | data () { |
| | | var repasswordValidator = (rule, value, callback) => { |
| | | if (value === '') { |
| | | callback(new Error('请再次输入密码')); |
| | | } else if (value !== this.codeForm.password) { |
| | | callback(new Error('两次输入密码不一致!')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }; |
| | | var passwordValidator = (rule, value, callback) => { |
| | | var passwordreg = |
| | | /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/; |
| | | if (!passwordreg.test(value)) { |
| | | callback( |
| | | new Error('密码必须由数字、字母、特殊字符组合,请输入13-20位') |
| | | ); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }; |
| | | return { |
| | | rules: { |
| | | password: [{ required: true, message: '请输入密码', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }], |
| | | repassword: [ |
| | | { required: true, message: '请输入确认密码', trigger: 'blur' }, |
| | | { validator: repasswordValidator, trigger: 'blur' }, |
| | | ], |
| | | }, |
| | | codeForm: { |
| | | password: '', |
| | | repassword: '', |
| | | }, |
| | | showTwoMenuFlag: false, |
| | | setListTwoMenu: [], |
| | | setListTwoMenuAll: [ |
| | | [ |
| | | { |
| | | id: 'a1', |
| | | label: 'synthesis.layer', |
| | | name: '图层管理', |
| | | css: 'twoMenu_imge11', |
| | | id: "a1", |
| | | label: "synthesis.layer", |
| | | name: "图层管理", |
| | | css: "twoMenu_imge11", |
| | | }, |
| | | |
| | | { |
| | | id: "b1", |
| | | label: "synthesis.split", |
| | | name: "分屏", |
| | | css: "twoMenu_imge21", |
| | | }, |
| | | { |
| | | id: "b9", |
| | | label: "synthesis.undergroundMode", |
| | | name: "地下模式", |
| | | css: "twoMenu_imge29", |
| | | }, |
| | | // { |
| | | // id: "b10", |
| | | // label: "synthesis.undergroundMode", |
| | | // name: "瓦片下载", |
| | | // css: "twoMenu_imge29", |
| | | // }, |
| | | ], |
| | | [ |
| | | { |
| | | id: 'b1', |
| | | label: 'synthesis.split', |
| | | name: '分屏', |
| | | css: 'twoMenu_imge21', |
| | | id: "b1", |
| | | label: "synthesis.split", |
| | | name: "分屏", |
| | | css: "twoMenu_imge21", |
| | | }, |
| | | { |
| | | id: 'b2', |
| | | label: 'synthesis.twod', |
| | | name: '二维', |
| | | css: 'twoMenu_imge22', |
| | | id: "b2", |
| | | label: "synthesis.twod", |
| | | name: "二维", |
| | | css: "twoMenu_imge22", |
| | | }, |
| | | { |
| | | id: 'b3', |
| | | label: 'synthesis.threed', |
| | | name: '三维', |
| | | css: 'twoMenu_imge23', |
| | | id: "b3", |
| | | label: "synthesis.threed", |
| | | name: "三维", |
| | | css: "twoMenu_imge23", |
| | | }, |
| | | { |
| | | id: 'b4', |
| | | label: 'synthesis.full', |
| | | name: '全图', |
| | | css: 'twoMenu_imge24', |
| | | id: "b4", |
| | | label: "synthesis.full", |
| | | name: "全图", |
| | | css: "twoMenu_imge24", |
| | | }, |
| | | { |
| | | id: 'b5', |
| | | label: 'synthesis.zommin', |
| | | name: '放大', |
| | | css: 'twoMenu_imge25', |
| | | id: "b5", |
| | | label: "synthesis.zommin", |
| | | name: "放大", |
| | | css: "twoMenu_imge25", |
| | | }, |
| | | { |
| | | id: 'b6', |
| | | label: 'synthesis.zoomout', |
| | | name: '缩小', |
| | | css: 'twoMenu_imge26', |
| | | id: "b6", |
| | | label: "synthesis.zoomout", |
| | | name: "缩小", |
| | | css: "twoMenu_imge26", |
| | | }, |
| | | { |
| | | id: 'b7', |
| | | label: 'synthesis.rule', |
| | | name: '比例尺', |
| | | css: 'twoMenu_imge27', |
| | | id: "b7", |
| | | label: "synthesis.rule", |
| | | name: "比例尺", |
| | | css: "twoMenu_imge27", |
| | | }, |
| | | { |
| | | id: 'b8', |
| | | label: 'synthesis.compass', |
| | | name: '指北针', |
| | | css: 'twoMenu_imge28', |
| | | id: "b8", |
| | | label: "synthesis.compass", |
| | | name: "指北针", |
| | | css: "twoMenu_imge28", |
| | | }, |
| | | { |
| | | id: 'b9', |
| | | label: 'synthesis.undergroundMode', |
| | | name: '地下模式', |
| | | css: 'twoMenu_imge29', |
| | | id: "b9", |
| | | label: "synthesis.undergroundMode", |
| | | name: "地下模式", |
| | | css: "twoMenu_imge29", |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | id: 'c1', |
| | | label: 'synthesis.someroaming', |
| | | name: '点漫游', |
| | | css: 'twoMenu_imge31', |
| | | id: "c1", |
| | | label: "synthesis.someroaming", |
| | | name: "点漫游", |
| | | css: "twoMenu_imge31", |
| | | }, |
| | | { |
| | | id: 'c2', |
| | | label: 'synthesis.lineroaming', |
| | | name: '线路漫游', |
| | | css: 'twoMenu_imge32', |
| | | id: "c2", |
| | | label: "synthesis.lineroaming", |
| | | name: "线路漫游", |
| | | css: "twoMenu_imge32", |
| | | }, |
| | | { |
| | | id: 'c3', |
| | | label: 'synthesis.mouseroaming', |
| | | name: '鼠标漫游', |
| | | css: 'twoMenu_imge33', |
| | | id: "c3", |
| | | label: "synthesis.mouseroaming", |
| | | name: "鼠标漫游", |
| | | css: "twoMenu_imge33", |
| | | }, |
| | | { |
| | | id: 'c4', |
| | | label: 'synthesis.snapshot', |
| | | name: '地图快照', |
| | | css: 'twoMenu_imge34', |
| | | id: "c4", |
| | | label: "synthesis.snapshot", |
| | | name: "地图快照", |
| | | css: "twoMenu_imge34", |
| | | }, |
| | | |
| | | ], |
| | | [ |
| | | { |
| | | id: 'd1', |
| | | label: 'synthesis.contouranalysis', |
| | | name: '等高线', |
| | | css: 'twoMenu_imge41', |
| | | id: "d1", |
| | | label: "synthesis.contouranalysis", |
| | | name: "等高线", |
| | | css: "twoMenu_imge41", |
| | | }, |
| | | { |
| | | id: 'd2', |
| | | label: 'synthesis.slopeanalysis', |
| | | name: '坡度分析', |
| | | css: 'twoMenu_imge42', |
| | | id: "d2", |
| | | label: "synthesis.slopeanalysis", |
| | | name: "坡度分析", |
| | | css: "twoMenu_imge42", |
| | | }, |
| | | { |
| | | id: 'd3', |
| | | label: 'synthesis.pathanalysis', |
| | | name: '路径分析', |
| | | css: 'twoMenu_imge43', |
| | | id: "d3", |
| | | label: "synthesis.pathanalysis", |
| | | name: "路径分析", |
| | | css: "twoMenu_imge43", |
| | | }, |
| | | { |
| | | id: 'd4', |
| | | label: 'synthesis.cuttinganalysis', |
| | | name: '地形剖切', |
| | | css: 'twoMenu_imge44', |
| | | id: "d4", |
| | | label: "synthesis.cuttinganalysis", |
| | | name: "地形剖切", |
| | | css: "twoMenu_imge44", |
| | | }, |
| | | { |
| | | id: 'd5', |
| | | label: 'synthesis.floodanalysis', |
| | | name: '淹没分析', |
| | | css: 'twoMenu_imge45', |
| | | id: "d5", |
| | | label: "synthesis.floodanalysis", |
| | | name: "淹没分析", |
| | | css: "twoMenu_imge45", |
| | | }, |
| | | { |
| | | id: 'd6', |
| | | label: 'synthesis.earthworkcalculation', |
| | | name: '土方量计算', |
| | | css: 'twoMenu_imge46', |
| | | id: "d6", |
| | | label: "synthesis.earthworkcalculation", |
| | | name: "土方量计算", |
| | | css: "twoMenu_imge46", |
| | | }, |
| | | { |
| | | id: 'd7', |
| | | label: 'synthesis.crosssectionanalysis', |
| | | name: '三维截面', |
| | | css: 'twoMenu_imge47', |
| | | id: "d7", |
| | | label: "synthesis.crosssectionanalysis", |
| | | name: "三维截面", |
| | | css: "twoMenu_imge47", |
| | | }, |
| | | { |
| | | id: 'd8', |
| | | label: 'synthesis.imagecontrast', |
| | | name: '影像对比', |
| | | css: 'twoMenu_imge48', |
| | | id: "d8", |
| | | label: "synthesis.imagecontrast", |
| | | name: "影像对比", |
| | | css: "twoMenu_imge48", |
| | | }, |
| | | { |
| | | id: 'd9', |
| | | label: 'synthesis.pipelineAnalysis', |
| | | name: '管道分析', |
| | | css: 'twoMenu_imge49', |
| | | id: "d9", |
| | | label: "synthesis.pipelineAnalysis", |
| | | name: "管道分析", |
| | | css: "twoMenu_imge49", |
| | | }, |
| | | { |
| | | id: 'd10', |
| | | label: 'synthesis.flatterrain', |
| | | name: '地形平整', |
| | | css: 'twoMenu_imge410', |
| | | id: "d10", |
| | | label: "synthesis.flatterrain", |
| | | name: "地形平整", |
| | | css: "twoMenu_imge410", |
| | | }, |
| | | { |
| | | id: 'd11', |
| | | label: 'synthesis.terrainexcavation', |
| | | name: '地形开挖', |
| | | css: 'twoMenu_imge411', |
| | | id: "d11", |
| | | label: "synthesis.terrainexcavation", |
| | | name: "地形开挖", |
| | | css: "twoMenu_imge411", |
| | | }, |
| | | { |
| | | id: "d12", |
| | |
| | | name: "圆形视域分析", |
| | | css: "twoMenu_imge414", |
| | | }, |
| | | |
| | | ], |
| | | [ |
| | | { |
| | | id: "e1", |
| | | label: "synthesis.attributequery", |
| | | name: "属性查询", |
| | | css: "twoMenu_imge51", |
| | | }, |
| | | { |
| | | id: "e2", |
| | | label: "synthesis.rangequery", |
| | | name: "空间查询", |
| | | css: "twoMenu_imge52", |
| | | }, |
| | | |
| | | ], |
| | | [ |
| | | { |
| | | id: 'e1', |
| | | label: 'synthesis.attributequery', |
| | | name: '属性查询', |
| | | css: 'twoMenu_imge51', |
| | | id: "f1", |
| | | label: "synthesis.gpsrtk", |
| | | name: "坐标定位", |
| | | css: "twoMenu_imge61", |
| | | }, |
| | | { |
| | | id: 'e2', |
| | | label: 'synthesis.rangequery', |
| | | name: '空间查询', |
| | | css: 'twoMenu_imge52', |
| | | id: "f2", |
| | | label: "synthesis.placenamelocation", |
| | | name: "地名定位", |
| | | css: "twoMenu_imge62", |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | id: 'f1', |
| | | label: 'synthesis.gpsrtk', |
| | | name: '坐标定位', |
| | | css: 'twoMenu_imge61', |
| | | id: "j1", |
| | | label: "synthesis.synthobj.m1", |
| | | name: "表面距离", |
| | | css: "twoMenu_imge71", |
| | | }, |
| | | { |
| | | id: 'f2', |
| | | label: 'synthesis.placenamelocation', |
| | | name: '地名定位', |
| | | css: 'twoMenu_imge62', |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | id: 'j1', |
| | | label: 'synthesis.synthobj.m1', |
| | | name: '表面距离', |
| | | css: 'twoMenu_imge71', |
| | | id: "j2", |
| | | label: "synthesis.synthobj.m4", |
| | | name: "垂直高度", |
| | | css: "twoMenu_imge72", |
| | | }, |
| | | { |
| | | id: 'j2', |
| | | label: 'synthesis.synthobj.m4', |
| | | name: '垂直高度', |
| | | css: 'twoMenu_imge72', |
| | | id: "j3", |
| | | label: "synthesis.synthobj.m6", |
| | | name: "平面面积", |
| | | css: "twoMenu_imge73", |
| | | }, |
| | | { |
| | | id: 'j3', |
| | | label: 'synthesis.synthobj.m6', |
| | | name: '平面面积', |
| | | css: 'twoMenu_imge73', |
| | | id: "j4", |
| | | label: "synthesis.synthobj.m7", |
| | | name: "体积", |
| | | css: "twoMenu_imge74", |
| | | }, |
| | | { |
| | | id: 'j4', |
| | | label: 'synthesis.synthobj.m7', |
| | | name: '体积', |
| | | css: 'twoMenu_imge74', |
| | | id: "j5", |
| | | label: "synthesis.synthobj.m5", |
| | | name: "表面面积", |
| | | css: "twoMenu_imge75", |
| | | }, |
| | | { |
| | | id: 'j5', |
| | | label: 'synthesis.synthobj.m5', |
| | | name: '表面面积', |
| | | css: 'twoMenu_imge75', |
| | | }, |
| | | { |
| | | id: 'j6', |
| | | label: 'synthesis.synthobj.m2', |
| | | name: '空间距离', |
| | | css: 'twoMenu_imge76', |
| | | id: "j6", |
| | | label: "synthesis.synthobj.m2", |
| | | name: "空间距离", |
| | | css: "twoMenu_imge76", |
| | | }, |
| | | { |
| | | id: "j7", |
| | |
| | | ], |
| | | [ |
| | | { |
| | | id: 'h1', |
| | | label: 'synthesis.point', |
| | | name: '点', |
| | | css: 'twoMenu_imge81', |
| | | id: "h1", |
| | | label: "synthesis.point", |
| | | name: "点", |
| | | css: "twoMenu_imge81", |
| | | }, |
| | | { |
| | | id: 'h8', |
| | | label: 'synthesis.addlabel', |
| | | name: '文字', |
| | | css: 'twoMenu_imge88', |
| | | id: "h8", |
| | | label: "synthesis.addlabel", |
| | | name: "文字", |
| | | css: "twoMenu_imge88", |
| | | }, |
| | | { |
| | | id: 'h2', |
| | | label: 'synthesis.line', |
| | | name: '线', |
| | | css: 'twoMenu_imge82', |
| | | id: "h2", |
| | | label: "synthesis.line", |
| | | name: "线", |
| | | css: "twoMenu_imge82", |
| | | }, |
| | | { |
| | | id: 'h3', |
| | | label: 'synthesis.rectangle', |
| | | name: '矩形', |
| | | css: 'twoMenu_imge83', |
| | | id: "h3", |
| | | label: "synthesis.rectangle", |
| | | name: "矩形", |
| | | css: "twoMenu_imge83", |
| | | }, |
| | | { |
| | | id: 'h4', |
| | | label: 'synthesis.polygon', |
| | | name: '多边形', |
| | | css: 'twoMenu_imge84', |
| | | id: "h4", |
| | | label: "synthesis.polygon", |
| | | name: "多边形", |
| | | css: "twoMenu_imge84", |
| | | }, |
| | | { |
| | | id: 'h5', |
| | | label: 'synthesis.import', |
| | | name: '导入KML', |
| | | css: 'twoMenu_imge85', |
| | | id: "h5", |
| | | label: "synthesis.import", |
| | | name: "导入KML", |
| | | css: "twoMenu_imge85", |
| | | }, |
| | | { |
| | | id: 'h6', |
| | | label: 'synthesis.export', |
| | | name: '导出KML', |
| | | css: 'twoMenu_imge86', |
| | | id: "h6", |
| | | label: "synthesis.export", |
| | | name: "导出KML", |
| | | css: "twoMenu_imge86", |
| | | }, |
| | | |
| | | { |
| | | id: 'h9', |
| | | label: 'synthesis.import1', |
| | | name: '导入SHP', |
| | | css: 'twoMenu_imge85', |
| | | id: "h9", |
| | | label: "synthesis.import1", |
| | | name: "导入SHP", |
| | | css: "twoMenu_imge85", |
| | | }, |
| | | { |
| | | id: 'h10', |
| | | label: 'synthesis.export1', |
| | | name: '导出SHP', |
| | | css: 'twoMenu_imge86', |
| | | id: "h10", |
| | | label: "synthesis.export1", |
| | | name: "导出SHP", |
| | | css: "twoMenu_imge86", |
| | | }, |
| | | |
| | | |
| | | { |
| | | id: 'h7', |
| | | label: 'synthesis.removepaint', |
| | | name: '清除', |
| | | css: 'twoMenu_imge87', |
| | | id: "h7", |
| | | label: "synthesis.removepaint", |
| | | name: "清除", |
| | | css: "twoMenu_imge87", |
| | | }, |
| | | ], [ |
| | | ], |
| | | [ |
| | | { |
| | | id: 'i1', |
| | | name: '场景提取', |
| | | label: 'synthesis.sceneExtraction', |
| | | css: 'twoMenu_imge12', |
| | | id: "i1", |
| | | name: "场景提取", |
| | | label: "synthesis.sceneExtraction", |
| | | css: "twoMenu_imge12", |
| | | }, |
| | | { |
| | | id: 'i2', |
| | | label: 'synthesis.release', |
| | | name: '场景发布', |
| | | css: 'twoMenu_imge13', |
| | | }, { |
| | | id: 'i3', |
| | | label: 'synthesis.tdisplay', |
| | | name: '三维演示', |
| | | css: 'twoMenu_imge35', |
| | | id: "i2", |
| | | label: "synthesis.release", |
| | | name: "场景发布", |
| | | css: "twoMenu_imge13", |
| | | }, |
| | | ] |
| | | { |
| | | id: "i3", |
| | | label: "synthesis.tdisplay", |
| | | name: "三维演示", |
| | | css: "twoMenu_imge35", |
| | | }, |
| | | ], |
| | | ], |
| | | isRuler: false, |
| | | isNaviget: false, |
| | |
| | | Excavation: false, |
| | | entityaLayers: [], |
| | | isMenuFlag: null, |
| | | isRouter: false, //路径分析 |
| | | isPiple: false, //管道分析 |
| | | DXZPState: null, //地形整平 |
| | | dialogVisible: false, |
| | | formInline: { |
| | | title: '', |
| | | file: '', |
| | | name: '', |
| | | type: '', |
| | | info: '', |
| | | icon: '', |
| | | bak: '' |
| | | }, |
| | | tableData: [], |
| | | dialog: { |
| | | dialogVisible: false, |
| | | isPdf: false, |
| | | isJpg: false, |
| | | src: '' |
| | | }, |
| | | activeName: "first", |
| | | isShowModel: false, |
| | | options: [ |
| | | { |
| | | value: '倾斜模型', |
| | | label: '倾斜模型' |
| | | }, { |
| | | value: 'BIM模型', |
| | | label: 'BIM模型' |
| | | }, { |
| | | value: '点云模型', |
| | | label: '点云模型' |
| | | }, { |
| | | value: '地质设计模型', |
| | | label: '地质设计模型' |
| | | }, { |
| | | value: '人工模型', |
| | | label: '人工模型' |
| | | }, { |
| | | value: '其他模型', |
| | | label: '其他模型' |
| | | }], |
| | | modelClip: false, |
| | | showPickUp: false, |
| | | dialogInsertVisible: false, |
| | | dialogVisible1: false, |
| | | ruleForm: { |
| | | depname: [], |
| | | tabs: [], |
| | | pwd: null, |
| | | repwd: null, |
| | | wkt: null, |
| | | descr: null, |
| | | }, |
| | | dialogExtentVisible: false, |
| | | setExtent: 10, |
| | | }; |
| | | }, |
| | | methods: { |
| | | //二級菜单点击切换 |
| | | setChangeTwoMenu(res) { |
| | | this.$store.state.mapMenuBoolean = false; |
| | | this.$store.state.mapMenuBoxFlag = null; |
| | | this.$store.state.mapPopBoolean = false; |
| | | this.$store.state.mapPopBoxFlag = null; |
| | | setChangeTwoMenu (res) { |
| | | var val = res.id[0]; |
| | | if (window.model != null) { |
| | | window.model.deleteObject(); |
| | | window.model = null; |
| | | // window.model.deleteObject(); |
| | | // window.model = null; |
| | | } |
| | | sgworld.Analysis.clearCurtainContrast(); |
| | | this.showPickUp = false; |
| | | if (this.isMenuFlag == "d") { |
| | | this.clearAllAnalsy(); |
| | | } |
| | | if (this.isMenuFlag !=val) { |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | this.isMenuFlag = val; |
| | | if (this.entityaLayers.length != 0) { |
| | | for (var i in this.entityaLayers) { |
| | | sgworld.Viewer.entities.remove(this.entityaLayers[i]); |
| | | |
| | | this.$store.state.propertiesFlag = ''; |
| | | |
| | | if (this.isMenuFlag != val) { |
| | | if (res.id != "b9") { |
| | | this.$store.state.mapMenuBoolean = false; |
| | | this.$store.state.mapMenuBoxFlag = null; |
| | | this.$store.state.mapPopBoolean = false; |
| | | this.$store.state.mapPopBoxFlag = null; |
| | | |
| | | this.isMenuFlag = val; |
| | | if (this.entityaLayers.length != 0) { |
| | | for (var i in this.entityaLayers) { |
| | | sgworld.Viewer.entities.remove(this.entityaLayers[i]); |
| | | } |
| | | this.entityaLayers = []; |
| | | } |
| | | this.entityaLayers = []; |
| | | } |
| | | for (var i in this.$store.state.queryInfo) { |
| | | sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]); |
| | | } |
| | | this.$store.state.queryInfo = []; |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Viewer.entities.remove(this.$store.state.primitLayer); |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | for (var i in this.$store.state.queryInfo) { |
| | | sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]); |
| | | } |
| | | this.$store.state.queryInfo = []; |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Viewer.entities.remove(this.$store.state.primitLayer); |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | } |
| | | } |
| | | this.showTwoMenuFlag = res.id; |
| | | |
| | | if (val != 'h' && res.id != "b9") { |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | Viewer.entities.removeAll(); |
| | | } |
| | | switch (val) { |
| | | |
| | | |
| | | |
| | | case 'a': //图层管理 |
| | | |
| | | case "a": //图层管理 |
| | | this.setCoverage(res.id); |
| | | break; |
| | | case 'b': |
| | | case "b": |
| | | this.setViewport(res.id); |
| | | break; |
| | | case 'c': |
| | | case "c": |
| | | this.setWander(res.id); |
| | | break; |
| | | case 'd': |
| | | case "d": |
| | | this.setAnalsy(res.id); |
| | | break; |
| | | case 'e': |
| | | case "e": |
| | | this.setIquery(res.id); |
| | | break; |
| | | case 'f': |
| | | case "f": |
| | | this.setOrientation(res.id); |
| | | break; |
| | | case 'j': |
| | | case "j": |
| | | this.setMeasurement(res.id); |
| | | break; |
| | | case 'h': |
| | | case "h": |
| | | sgworld.Creator.SimpleGraphic.edit(true, { editProp: true }); |
| | | this.setPlot(res.id); |
| | | break; |
| | | |
| | | } |
| | | }, |
| | | setPlot(res) { |
| | | setPlot (res) { |
| | | |
| | | switch (res) { |
| | | case 'h1': |
| | | case "h1": |
| | | sgworld.Creator.createSimpleGraphic( |
| | | 'point', |
| | | "point", |
| | | {}, |
| | | function (entity) { } |
| | | ); |
| | | break; |
| | | case 'h2': |
| | | case "h2": |
| | | sgworld.Creator.createSimpleGraphic( |
| | | 'polyline', |
| | | "polyline", |
| | | {}, |
| | | function (entity) { } |
| | | ); |
| | | break; |
| | | case 'h3': |
| | | case "h3": |
| | | sgworld.Creator.createSimpleGraphic( |
| | | 'rectangle', |
| | | "rectangle", |
| | | {}, |
| | | function (entity) { } |
| | | ); |
| | | break; |
| | | case 'h4': |
| | | case "h4": |
| | | sgworld.Creator.createSimpleGraphic( |
| | | 'polygon', |
| | | "polygon", |
| | | {}, |
| | | function (entity) { } |
| | | ); |
| | | break; |
| | | case 'h5': |
| | | case "h5": |
| | | this.handleOpenClick(); |
| | | break; |
| | | case 'h6': |
| | | case "h6": |
| | | this.handleSaveClick(); |
| | | break; |
| | | case 'h9': |
| | | case "h9": |
| | | // this.handleOpenShp(); |
| | | $("#shpFile").click(); |
| | | break; |
| | | case 'h10': |
| | | case "h10": |
| | | this.handleSaveShp(); |
| | | break; |
| | | case 'h7': |
| | | case "h7": |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | for (var i in this.entityaLayers) { |
| | | sgworld.Viewer.entities.remove(this.entityaLayers[i]); |
| | | } |
| | | this.entityaLayers = []; |
| | | break; |
| | | case 'h8': |
| | | sgworld.Creator.createSimpleGraphic('label', {}, function (entity) { |
| | | |
| | | }); |
| | | case "h8": |
| | | sgworld.Creator.createSimpleGraphic( |
| | | "label", |
| | | {}, |
| | | function (entity) { } |
| | | ); |
| | | break; |
| | | } |
| | | }, |
| | | handleSaveClick() { |
| | | handleSaveClick () { |
| | | let funDownload = function (content, filename) { |
| | | let eleLink = document.createElement('a'); |
| | | let eleLink = document.createElement("a"); |
| | | eleLink.download = filename; |
| | | eleLink.style.display = 'none'; |
| | | eleLink.style.display = "none"; |
| | | // 字符内容转变成blob地址 |
| | | let blob = new Blob([content]); |
| | | eleLink.href = URL.createObjectURL(blob); |
| | |
| | | console.log(entities); |
| | | // let promise = Cesium.exportKml({ entities: entities }); |
| | | promise.then(function (e) { |
| | | funDownload(e.kml, new Date().getTime() + '.kml'); |
| | | funDownload(e.kml, new Date().getTime() + ".kml"); |
| | | }); |
| | | } else { |
| | | alert('当前场景没有entities实体'); |
| | | alert("当前场景没有entities实体"); |
| | | } |
| | | }, |
| | | handleSaveShp() { |
| | | |
| | | handleSaveShp () { |
| | | var entities = sgworld.Viewer.entities.values; |
| | | if (entities.length == 0) { |
| | | return; |
| | |
| | | var std = []; |
| | | for (var i in entities) { |
| | | var type, fillColor, alpha, wkt, name; |
| | | var bak = {} |
| | | var bak = {}; |
| | | |
| | | if (entities[i].name) { |
| | | |
| | | name = entities[i].name |
| | | name = entities[i].name; |
| | | } |
| | | if (entities[i].properties) { |
| | | |
| | | var properties = entities[i].properties.propertyNames; |
| | | for (var j in properties) { |
| | | bak[properties[j]] = entities[i].properties[properties[j]]._value; |
| | | } |
| | | } else { |
| | | bak = { |
| | | "name": entities[i].name |
| | | } |
| | | name: entities[i].name, |
| | | }; |
| | | } |
| | | if (entities[i].rectangle) {//矩形 |
| | | type = 'rectangle' |
| | | var east = Cesium.Math.toDegrees(entities[i].rectangle.coordinates.getValue().east); |
| | | var north = Cesium.Math.toDegrees(entities[i].rectangle.coordinates.getValue().north); |
| | | var west = Cesium.Math.toDegrees(entities[i].rectangle.coordinates.getValue().west); |
| | | var south = Cesium.Math.toDegrees(entities[i].rectangle.coordinates.getValue().south); |
| | | var line = turf.polygon([[[east, north], [west, north], [west, south], [east, south], [east, north]]]) |
| | | wkt = this.$wkt.convert(line.geometry) |
| | | if (entities[i].rectangle) { |
| | | //矩形 |
| | | type = "rectangle"; |
| | | var east = Cesium.Math.toDegrees( |
| | | entities[i].rectangle.coordinates.getValue().east |
| | | ); |
| | | var north = Cesium.Math.toDegrees( |
| | | entities[i].rectangle.coordinates.getValue().north |
| | | ); |
| | | var west = Cesium.Math.toDegrees( |
| | | entities[i].rectangle.coordinates.getValue().west |
| | | ); |
| | | var south = Cesium.Math.toDegrees( |
| | | entities[i].rectangle.coordinates.getValue().south |
| | | ); |
| | | var line = turf.polygon([ |
| | | [ |
| | | [east, north], |
| | | [west, north], |
| | | [west, south], |
| | | [east, south], |
| | | [east, north], |
| | | ], |
| | | ]); |
| | | wkt = this.$wkt.convert(line.geometry); |
| | | var fill = entities[i].rectangle._material._color._value; |
| | | fillColor = fill.red + ',' + fill.green + ',' + fill.blue; |
| | | fillColor = fill.red + "," + fill.green + "," + fill.blue; |
| | | alpha = fill.alpha; |
| | | } else if (entities[i].point) {//点 |
| | | type = 'point' |
| | | } else if (entities[i].point) { |
| | | //点 |
| | | type = "point"; |
| | | let ellipsoid = Viewer.scene.globe.ellipsoid; |
| | | let cartographic = ellipsoid.cartesianToCartographic(entities[i].position.getValue()); |
| | | let cartographic = ellipsoid.cartesianToCartographic( |
| | | entities[i].position.getValue() |
| | | ); |
| | | let lat = Cesium.Math.toDegrees(cartographic.latitude); |
| | | let lng = Cesium.Math.toDegrees(cartographic.longitude); |
| | | let alt = cartographic.height; |
| | | let point = turf.point([lng, lat, alt]) |
| | | wkt = this.$wkt.convert(point.geometry) |
| | | let point = turf.point([lng, lat, alt]); |
| | | wkt = this.$wkt.convert(point.geometry); |
| | | var fill = entities[i].point._color._value; |
| | | fillColor = fill.red + ',' + fill.green + ',' + fill.blue; |
| | | fillColor = fill.red + "," + fill.green + "," + fill.blue; |
| | | alpha = fill.alpha; |
| | | |
| | | |
| | | } else if (entities[i].polygon) { |
| | | type = 'polygon'; |
| | | type = "polygon"; |
| | | var fill = entities[i].polygon._material._color._value; |
| | | fillColor = fill.red + ',' + fill.green + ',' + fill.blue; |
| | | fillColor = fill.red + "," + fill.green + "," + fill.blue; |
| | | alpha = fill.alpha; |
| | | var geometry = entities[i].polygon.hierarchy.getValue().positions; |
| | | var coordinates = []; |
| | | for (var k in geometry) { |
| | | coordinates.push(this.setCartesianToEightFour(geometry[k])) |
| | | coordinates.push(this.setCartesianToEightFour(geometry[k])); |
| | | } |
| | | if (coordinates[0] != coordinates[1]) { |
| | | coordinates.push(coordinates[0]) |
| | | coordinates.push(coordinates[0]); |
| | | } |
| | | var polygon = turf.polygon([coordinates]) |
| | | wkt = this.$wkt.convert(polygon.geometry) |
| | | var polygon = turf.polygon([coordinates]); |
| | | wkt = this.$wkt.convert(polygon.geometry); |
| | | } else if (entities[i].polyline) { |
| | | type = "polyline"; |
| | | var coordinates = []; |
| | | var geometry = entities[i].polyline.positions.getValue(); |
| | | for (var k in geometry) { |
| | | coordinates.push(this.setCartesianToEightFour(geometry[k])) |
| | | coordinates.push(this.setCartesianToEightFour(geometry[k])); |
| | | } |
| | | var polyline = turf.lineString(coordinates) |
| | | wkt = this.$wkt.convert(polyline.geometry) |
| | | var polyline = turf.lineString(coordinates); |
| | | wkt = this.$wkt.convert(polyline.geometry); |
| | | |
| | | var fill = entities[i].polyline._material._color._value; |
| | | fillColor = fill.red + ',' + fill.green + ',' + fill.blue; |
| | | fillColor = fill.red + "," + fill.green + "," + fill.blue; |
| | | alpha = fill.alpha; |
| | | } else if (entities[i].label) { |
| | | type = "label"; |
| | | let ellipsoid = Viewer.scene.globe.ellipsoid; |
| | | let cartographic = ellipsoid.cartesianToCartographic(entities[i].position.getValue()); |
| | | let cartographic = ellipsoid.cartesianToCartographic( |
| | | entities[i].position.getValue() |
| | | ); |
| | | let lat = Cesium.Math.toDegrees(cartographic.latitude); |
| | | let lng = Cesium.Math.toDegrees(cartographic.longitude); |
| | | let alt = cartographic.height; |
| | | let point = turf.point([lng, lat, alt]) |
| | | wkt = this.$wkt.convert(point.geometry) |
| | | let point = turf.point([lng, lat, alt]); |
| | | wkt = this.$wkt.convert(point.geometry); |
| | | var fill = entities[i].label.backgroundColor._value; |
| | | fillColor = fill.red + ',' + fill.green + ',' + fill.blue; |
| | | fillColor = fill.red + "," + fill.green + "," + fill.blue; |
| | | alpha = fill.alpha; |
| | | } |
| | | std.push({ |
| | |
| | | opacity: alpha, |
| | | name: name, |
| | | bak: JSON.stringify(bak), |
| | | wkt: wkt |
| | | }) |
| | | wkt: wkt, |
| | | }); |
| | | } |
| | | $.ajax({ |
| | | url: BASE_URL + "/comprehensive/downloadShp?token=" + getToken(), |
| | | type: "POST", |
| | | data: JSON.stringify(std), |
| | | dataType: 'json', // html、json、jsonp、script、text |
| | | dataType: "json", // html、json、jsonp、script、text |
| | | contentType: "application/json", // "application/x-www-form-urlencoded" |
| | | success: (rs) => { |
| | | if (rs && rs.code == 200) { |
| | | var a = document.createElement('a'); // 创建一个a标签元素 |
| | | a.style.display = 'none'; // 设置元素不可见 |
| | | var a = document.createElement("a"); // 创建一个a标签元素 |
| | | a.style.display = "none"; // 设置元素不可见 |
| | | |
| | | a.href = BASE_URL + "/comprehensive/downloadFile?token=" + getToken() + "&guid=" + rs.result; |
| | | a.href = |
| | | BASE_URL + |
| | | "/comprehensive/downloadFile?token=" + |
| | | getToken() + |
| | | "&guid=" + |
| | | rs.result; |
| | | |
| | | document.body.appendChild(a); // 加入 |
| | | a.click(); // 触发点击,下载 |
| | | document.body.removeChild(a); // 释放 |
| | | } |
| | | }, |
| | | error: function (e) { |
| | | } |
| | | error: function (e) { }, |
| | | }); |
| | | |
| | | }, |
| | | handleOpenShp() { |
| | | handleOpenShp () { |
| | | var formData = new FormData(); |
| | | var fs = document.getElementById("shpFile"); |
| | | var exts = [".shp", ".shx", ".dbf", ".prj"]; |
| | |
| | | processData: false, |
| | | contentType: false, |
| | | success: function (rs) { |
| | | |
| | | if (rs.code == 200) { |
| | | that.showShpEntity(rs.result); |
| | | } |
| | | }, |
| | | error: function (e) { |
| | | console.error(e); |
| | | } |
| | | }, |
| | | }); |
| | | |
| | | document.getElementById("shpFile").value = "" |
| | | |
| | | document.getElementById("shpFile").value = ""; |
| | | }, |
| | | showShpEntity(res) { |
| | | |
| | | showShpEntity (res) { |
| | | for (var i in res) { |
| | | var wkt = this.$wkt.parse(res[i].wkt); |
| | | var fillColor = res[i].fillColor.split(","); |
| | | var color = new Cesium.Color(parseFloat(fillColor[0]), parseFloat(fillColor[1]), parseFloat(fillColor[2]), res[i].opacity); |
| | | var name = res[i].name |
| | | var color = new Cesium.Color( |
| | | parseFloat(fillColor[0]), |
| | | parseFloat(fillColor[1]), |
| | | parseFloat(fillColor[2]), |
| | | res[i].opacity |
| | | ); |
| | | var name = res[i].name; |
| | | switch (res[i].type) { |
| | | case 'rectangle': |
| | | case 'polygon': |
| | | |
| | | case "rectangle": |
| | | case "polygon": |
| | | var std = []; |
| | | var geo = wkt.coordinates[0]; |
| | | for (var i in geo) { |
| | | std.push(geo[i][0]) |
| | | std.push(geo[i][1]) |
| | | std.push(geo[i][0]); |
| | | std.push(geo[i][1]); |
| | | } |
| | | var entity = Viewer.entities.add({ |
| | | name: name, |
| | |
| | | material: color, |
| | | outline: true, |
| | | outlineColor: color, |
| | | } |
| | | }) |
| | | this.entityaLayers.push(entity) |
| | | }, |
| | | }); |
| | | this.entityaLayers.push(entity); |
| | | sgworld.Navigate.flyToObj(entity) |
| | | break; |
| | | case 'point': |
| | | case "point": |
| | | let point = Viewer.entities.add({ |
| | | name: name, |
| | | position: Cesium.Cartesian3.fromDegrees(wkt.coordinates[0], wkt.coordinates[1]), //经纬度转世界坐标 |
| | | position: Cesium.Cartesian3.fromDegrees( |
| | | wkt.coordinates[0], |
| | | wkt.coordinates[1] |
| | | ), //经纬度转世界坐标 |
| | | point: { |
| | | show: true, |
| | | color: color, |
| | |
| | | }, |
| | | }); |
| | | |
| | | this.entityaLayers.push(point) |
| | | this.entityaLayers.push(point); |
| | | sgworld.Navigate.flyToObj(point) |
| | | break; |
| | | case 'polyline': |
| | | case "polyline": |
| | | var std = []; |
| | | var geo = wkt.coordinates; |
| | | for (var i in geo) { |
| | | std.push(geo[i][0]) |
| | | std.push(geo[i][1]) |
| | | std.push(geo[i][0]); |
| | | std.push(geo[i][1]); |
| | | } |
| | | let line = Viewer.entities.add({ |
| | | name: name, |
| | |
| | | width: 10, |
| | | material: color, |
| | | clampToGround: true, |
| | | } |
| | | }) |
| | | }, |
| | | }); |
| | | |
| | | this.entityaLayers.push(line) |
| | | this.entityaLayers.push(line); |
| | | sgworld.Navigate.flyToObj(line) |
| | | break; |
| | | case 'label': |
| | | case "label": |
| | | const label = Viewer.entities.add({ |
| | | position: Cesium.Cartesian3.fromDegrees(wkt.coordinates[0], wkt.coordinates[1]), |
| | | position: Cesium.Cartesian3.fromDegrees( |
| | | wkt.coordinates[0], |
| | | wkt.coordinates[1] |
| | | ), |
| | | label: { |
| | | text: name, |
| | | fillColor: color, |
| | | font: '28px', |
| | | font: "28px", |
| | | horizontalOrigin: Cesium.HorizontalOrigin.CENTER, |
| | | verticalOrigin: Cesium.VerticalOrigin.TOP, |
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY, |
| | | }, |
| | | }) |
| | | this.entityaLayers.push(label) |
| | | }); |
| | | this.entityaLayers.push(label); |
| | | sgworld.Navigate.flyToObj(label) |
| | | break; |
| | | } |
| | | } |
| | | }, |
| | | |
| | | setCartesianToEightFour(res) { |
| | | setCartesianToEightFour (res) { |
| | | var std = []; |
| | | let ellipsoid = Viewer.scene.globe.ellipsoid; |
| | | let cartographic = ellipsoid.cartesianToCartographic(res); |
| | | let lat = Cesium.Math.toDegrees(cartographic.latitude); |
| | | let lng = Cesium.Math.toDegrees(cartographic.longitude); |
| | | let alt = cartographic.height; |
| | | std = [lng, lat, alt] |
| | | std = [lng, lat, alt]; |
| | | return std; |
| | | }, |
| | | handleOpenClick() { |
| | | handleOpenClick () { |
| | | var that = this; |
| | | sgworld.Creator.SimpleGraphic.edit(true, { editProp: true }); |
| | | let fileInput = document.querySelector('.file'); |
| | | let fileInput = document.querySelector(".file"); |
| | | fileInput.onchange = function (evt) { |
| | | let files = evt.target.files; |
| | | if (files.length > 0) { |
| | |
| | | fileReader.result, |
| | | kmlOptions |
| | | ); |
| | | |
| | | sgworld.Navigate.flyToObj(geocachePromise) |
| | | |
| | | geocachePromise.then(function (dataSource) { |
| | | var geocacheEntities = dataSource.entities.values; |
| | |
| | | }; |
| | | fileInput.click(); |
| | | }, |
| | | setLayerScene() { |
| | | |
| | | setLayerScene () { |
| | | var URL = window.location.href.split("#"); |
| | | this.openwindow({ url: URL[0] + 'LfSKyline/index.html' }); |
| | | this.openwindow({ url: URL[0] + "LfSKyline/index.html" }); |
| | | }, |
| | | |
| | | openwindow(data) { |
| | | var url = data.url; //转向网页的地址; |
| | | var name = data.title || '选择要添加的页面'; //网页名称,可为空; |
| | | var iWidth = window.screen.width; //弹出窗口的宽度; |
| | | var iHeight = window.screen.height; //弹出窗口的高度; |
| | | var iTop = 0 //获得窗口的垂直位置; |
| | | var iLeft = 0; //获得窗口的水平位置; |
| | | window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no'); |
| | | openwindow (data) { |
| | | var url = data.url; //转向网页的地址; |
| | | var name = data.title || "选择要添加的页面"; //网页名称,可为空; |
| | | var iWidth = window.screen.width; //弹出窗口的宽度; |
| | | var iHeight = window.screen.height; //弹出窗口的高度; |
| | | var iTop = 0; //获得窗口的垂直位置; |
| | | var iLeft = 0; //获得窗口的水平位置; |
| | | window.open( |
| | | url, |
| | | name, |
| | | "height=" + |
| | | iHeight + |
| | | ",,innerHeight=" + |
| | | iHeight + |
| | | ",width=" + |
| | | iWidth + |
| | | ",innerWidth=" + |
| | | iWidth + |
| | | ",top=" + |
| | | iTop + |
| | | ",left=" + |
| | | iLeft + |
| | | ",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no" |
| | | ); |
| | | }, |
| | | |
| | | |
| | | |
| | | setMeasurement(res) { |
| | | setMeasurement (res) { |
| | | switch (res) { |
| | | case 'j1': |
| | | case "j1": |
| | | var measure = window.sgworld.Command.execute( |
| | | 0, |
| | | 2, |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('表面距离', data); |
| | | this.openMeasureResultInfo("表面距离", data); |
| | | } |
| | | ); |
| | | break; |
| | | case 'j6': |
| | | case "j6": |
| | | var measure = window.sgworld.Command.execute( |
| | | 0, |
| | | 10, |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('空间距离', data); |
| | | this.openMeasureResultInfo("空间距离", data); |
| | | } |
| | | ); |
| | | break; |
| | |
| | | // this.measureData.set(data.id, measure); |
| | | // this.openMeasureResultInfo('平面面积', data); |
| | | |
| | | |
| | | // }); |
| | | |
| | | // break; |
| | | case 'j2': |
| | | case "j2": |
| | | var measure = window.sgworld.Command.execute( |
| | | 0, |
| | | 5, |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('垂直高度', data); |
| | | this.openMeasureResultInfo("垂直高度", data); |
| | | } |
| | | ); |
| | | break; |
| | | case 'j5': |
| | | case "j5": |
| | | var measure = window.sgworld.Command.execute( |
| | | 0, |
| | | 8, |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('表面面积', data); |
| | | this.openMeasureResultInfo("表面面积", data); |
| | | } |
| | | ); |
| | | break; |
| | | case 'j3': |
| | | case "j3": |
| | | var measure = window.sgworld.Command.execute( |
| | | 0, |
| | | 3, |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('平面面积', data); |
| | | this.openMeasureResultInfo("平面面积", data); |
| | | } |
| | | ); |
| | | break; |
| | | case 'j4': |
| | | case "j4": |
| | | var volumetricMeasurementTool = |
| | | window.sgworld.Creator.createVolumetricMeasureTool(); |
| | | volumetricMeasurementTool.startDrawing( |
| | | { ...this.colorAll, onlyTerrain: false }, |
| | | 'auto', |
| | | "auto", |
| | | (data) => { |
| | | if (volumetricMeasurementTool.popupData) { |
| | | volumetricMeasurementTool.popupData.value = `填方:${data.volume.fill.toFixed(4) + data.unit.fill |
| | |
| | | } else { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, volumetricMeasurementTool); |
| | | let popupData = this.openMeasureResultInfo('体积方量', data); |
| | | let popupData = this.openMeasureResultInfo("体积方量", data); |
| | | volumetricMeasurementTool.popupData = popupData; |
| | | } |
| | | } |
| | | ); |
| | | break; |
| | | case 'j8': |
| | | case "j8": |
| | | var measure = window.sgworld.Command.execute( |
| | | 0, |
| | | 12, |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('角度', data); |
| | | this.openMeasureResultInfo("角度", data); |
| | | } |
| | | ); |
| | | break; |
| | |
| | | 1, |
| | | 11, |
| | | this.colorAll, |
| | | data => { |
| | | data.id = window.sgworld.Core.getuid() |
| | | this.measureData.set(data.id, measure) |
| | | this.openMeasureResultInfo("海拔高度", data) |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo("海拔高度", data); |
| | | } |
| | | ) |
| | | break |
| | | ); |
| | | break; |
| | | } |
| | | }, |
| | | openMeasureResultInfo(name, data) { |
| | | let info = ''; |
| | | openMeasureResultInfo (name, data) { |
| | | let info = ""; |
| | | switch (name) { |
| | | case '表面距离': |
| | | case '空间距离': |
| | | info = '总长度:' + data.distance[data.distance.length - 1]; |
| | | case "表面距离": |
| | | case "空间距离": |
| | | info = "总长度:" + data.distance[data.distance.length - 1]; |
| | | break; |
| | | case '海拔高度': |
| | | info = '高度:' + data.height; |
| | | case "海拔高度": |
| | | info = "高度:" + data.height; |
| | | break; |
| | | case '垂直高度': |
| | | case "垂直高度": |
| | | info = `${data.gddistance}<br>${data.kjdistance}<br>${data.spdistance}`; |
| | | break; |
| | | case '表面面积': |
| | | case '平面面积': |
| | | case "表面面积": |
| | | case "平面面积": |
| | | info = data.mj; |
| | | break; |
| | | case '角度': |
| | | case "角度": |
| | | data.labels.forEach((label) => { |
| | | info += label.label.text.getValue() + '<br>'; |
| | | info += label.label.text.getValue() + "<br>"; |
| | | }); |
| | | break; |
| | | case '体积方量': |
| | | case "体积方量": |
| | | info = `填方:${data.volume.fill.toFixed(4) + data.unit.fill |
| | | }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`; |
| | | break; |
| | |
| | | }) |
| | | ); |
| | | }, |
| | | clearMeasure(id) { |
| | | clearMeasure (id) { |
| | | if (id) { |
| | | let data = this.measureData.get(id); |
| | | data && data.deleteObject && data.deleteObject(); |
| | |
| | | this.measureData.clear(); |
| | | } |
| | | }, |
| | | setIquery(res) { |
| | | setIquery (res) { |
| | | switch (res) { |
| | | case 'e2': |
| | | this.$store.state.mapMenuBoolean = true; |
| | | this.$store.state.mapMenuBoxFlag = '1'; |
| | | case "e2": |
| | | this.showPickUp = false; |
| | | this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean; |
| | | this.$store.state.mapMenuBoxFlag = "1"; |
| | | break; |
| | | case 'e1': |
| | | this.$store.state.mapMenuBoolean = true; |
| | | this.$store.state.mapMenuBoxFlag = '2'; |
| | | case "e1": |
| | | this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean; |
| | | this.$store.state.mapMenuBoxFlag = "2"; |
| | | this.showPickUp = false; |
| | | break; |
| | | //拾取功能 |
| | | case "e3": |
| | | this.$store.state.mapMenuBoolean = false; |
| | | this.showPickUp = !this.showPickUp; |
| | | if (this.showPickUp) { |
| | | let that = this; |
| | | Viewer.screenSpaceEventHandler.setInputAction(function (event) { |
| | | let p = sgworld.Navigate.getMouseDegrees(event); |
| | | console.log(p); |
| | | if (that.showPickUp) { |
| | | that.getPickUpData(p); |
| | | } |
| | | }, Cesium.ScreenSpaceEventType.LEFT_CLICK); |
| | | } else { |
| | | this.$refs.queryinfo.closeAll(); |
| | | Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); |
| | | } |
| | | break; |
| | | } |
| | | }, |
| | | clearAllAnalsy() { |
| | | clearAllAnalsy () { |
| | | // switch (this.showTwoMenuFlag) { |
| | | // case 'd1': |
| | | // that.isolineFlag = false; |
| | |
| | | // break; |
| | | // } |
| | | }, |
| | | ClearDraw () { |
| | | //console.log(sgworld); |
| | | // console.log(sgworld.drawObj.drawHandler); |
| | | // sgworld.drawObj.drawHandler.destroy(); |
| | | // sgworld.drawObj.end() |
| | | }, |
| | | |
| | | |
| | | |
| | | setAnalsy(res) { |
| | | setAnalsy (res) { |
| | | //this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo"); |
| | | this.$bus.$emit("closeMenuPop", res); |
| | | var that = this; |
| | | switch (res) { |
| | | case 'd1': |
| | | case "d1": //等高线分析 |
| | | this.closePipelinePop(); |
| | | that.isolineFlag = !that.isolineFlag; |
| | | elevationTool.tf = that.isolineFlag; |
| | | elevationTool.render(); |
| | | break; |
| | | case 'd2': |
| | | case "d2": //坡度分析 |
| | | this.closePipelinePop(); |
| | | that.isslopeFlag = !that.isslopeFlag; |
| | | window.PDelevationTool= new SmartEarth.ElevationTool(sgworld);//全局变量 |
| | | var val = { |
| | | name: "Lengend", |
| | | id: res, |
| | | vshow: that.isslopeFlag, |
| | | }; |
| | | this.$bus.$emit("mapChangeBox", val); |
| | | window.PDelevationTool = new SmartEarth.ElevationTool(sgworld); //全局变量 |
| | | if (that.isslopeFlag == true) { |
| | | PDelevationTool.type = 'slope'; |
| | | PDelevationTool.type = "slope"; |
| | | PDelevationTool.tf = this.checked; |
| | | } else { |
| | | PDelevationTool.type = 'none'; |
| | | PDelevationTool.type = "none"; |
| | | } |
| | | PDelevationTool.render(); |
| | | |
| | | break; |
| | | case 'd3': |
| | | var value = { |
| | | name: 'Analysis', |
| | | id: 3, |
| | | }; |
| | | this.$bus.$emit('mapChangeBox', value); |
| | | case "d3": //路径分析 |
| | | this.closePipelinePop(); |
| | | this.isRouter = !this.isRouter; |
| | | let value; |
| | | if (this.isRouter) { |
| | | value = { |
| | | name: "Analysis", |
| | | id: 3, |
| | | show: true, |
| | | }; |
| | | } else { |
| | | value = { |
| | | name: "Analysis", |
| | | id: 3, |
| | | show: false, |
| | | }; |
| | | } |
| | | this.$bus.$emit("mapChangeBox", value); |
| | | break; |
| | | case 'd4': |
| | | case "d4": //剖面分析 |
| | | this.closePipelinePop(); |
| | | if (window.AnalysisDXPM) { |
| | | window.AnalysisDXPM.end && window.AnalysisDXPM.end("cancel"); |
| | | this.clear(res); |
| | | } else { |
| | | this.addterrainSectionAnalysis(); |
| | | } |
| | | break; |
| | | case 'd5': |
| | | case "d5": //洪水淹没分析 |
| | | this.closePipelinePop(); |
| | | if (window.AnalysisFlood) { |
| | | this.clear(res); |
| | | } else { |
| | | this.addAnalysisFlood(); |
| | | } |
| | | break; |
| | | case 'd6': |
| | | var that = this; |
| | | var volumetricMeasurementTool = |
| | | sgworld.Creator.createVolumetricMeasureTool(); |
| | | volumetricMeasurementTool.startDrawing( |
| | | { ...this.colorAll, onlyTerrain: false }, |
| | | 'auto', |
| | | (data) => { |
| | | if (volumetricMeasurementTool.popupData) { |
| | | volumetricMeasurementTool.popupData.value = `填方:${data.volume.fill.toFixed(4) + data.unit.fill |
| | | }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`; |
| | | } else { |
| | | data.id = sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, volumetricMeasurementTool); |
| | | let popupData = that.openMeasureResultInfo('体积方量', data); |
| | | volumetricMeasurementTool.popupData = popupData; |
| | | } |
| | | case "d6": //土方量分析 |
| | | this.closePipelinePop(); |
| | | if (window.TFvolumetricMeasurementTool) { |
| | | TFvolumetricMeasurementTool.cleanUp(); |
| | | if (TFvolumetricMeasurementTool._mouseHandler) { |
| | | TFvolumetricMeasurementTool._mouseHandler.destroy(); |
| | | TFvolumetricMeasurementTool = null; |
| | | Viewer._container.style.cursor = "default"; |
| | | return; |
| | | } |
| | | ); |
| | | break; |
| | | case 'd7': |
| | | var that = this; |
| | | window.model = sgworld.Creator.create3DTilesets( |
| | | '', |
| | | modelUrl, |
| | | {}, |
| | | {}, |
| | | '0', |
| | | true, |
| | | (data) => { |
| | | sgworld.Navigate.flyToObj(data); |
| | | that.setclippingModel(); |
| | | } |
| | | ); |
| | | break; |
| | | case 'd9': |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo"); |
| | | this.$store.state.mapPopBoxFlag = '3'; |
| | | |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("管道空间分析", null, { |
| | | close: () => { |
| | | if (this.$store.state.pipelineEntity.length != 0) { |
| | | for (var i in this.$store.state.pipelineEntity) { |
| | | var item = this.$store.state.pipelineEntity[i] |
| | | sgworld.Viewer.entities.remove(item); |
| | | TFvolumetricMeasurementTool = null; |
| | | this.$refs.mapinfo && this.$refs.mapinfo.close(); |
| | | } else { |
| | | var that = this; |
| | | window.TFvolumetricMeasurementTool = |
| | | sgworld.Creator.createVolumetricMeasureTool(); |
| | | TFvolumetricMeasurementTool.startDrawing( |
| | | { ...this.colorAll, onlyTerrain: false }, |
| | | "auto", |
| | | (data) => { |
| | | if (TFvolumetricMeasurementTool.popupData) { |
| | | TFvolumetricMeasurementTool.popupData.value = `填方:${data.volume.fill.toFixed(4) + data.unit.fill |
| | | }<br>挖方:${data.volume.dig.toFixed(4) + data.unit.dig}`; |
| | | } else { |
| | | data.id = sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, TFvolumetricMeasurementTool); |
| | | let popupData = that.openMeasureResultInfo("体积方量", data); |
| | | TFvolumetricMeasurementTool.popupData = popupData; |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | ); |
| | | } |
| | | break; |
| | | case 'd8': |
| | | case "d7": //三维截面分析 |
| | | this.closePipelinePop(); |
| | | // if(window.MXModel) { |
| | | // Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); |
| | | // window.MXModel=null; |
| | | // } else { |
| | | var that = this; |
| | | that.modelClip = !that.modelClip; |
| | | if (that.modelClip) { |
| | | // that.$store.state.propertiesFlag = '3'; |
| | | if (window.model) { |
| | | that.modelClipping(); |
| | | } |
| | | else { |
| | | var tileset = Viewer.scene.primitives.add( |
| | | new Cesium.Cesium3DTileset({ |
| | | name: res.cnName, |
| | | url: modelUrl + "/tileset/m/SN/tileset.json", |
| | | maximumScreenSpaceError: 64, // 最大屏幕空间错误:16 |
| | | maximumMemoryUsage: 768, // 最大内存:512 |
| | | dynamicScreenSpaceError: true, // 减少离相机较远的屏幕空间错误:false |
| | | skipLevelOfDetail: true, // 在遍历时候跳过详情:false |
| | | }) |
| | | ); |
| | | tileset.readyPromise.then((tileset) => { |
| | | tileset.id = res.cnName; |
| | | tileset.layerId = res.id; |
| | | Viewer.flyTo(tileset); |
| | | that.modelClipping(); |
| | | }); |
| | | window.model = tileset |
| | | } |
| | | } |
| | | else { |
| | | // that.$store.state.propertiesFlag = ''; |
| | | Viewer.entities.removeAll(); |
| | | } |
| | | // window.model = sgworld.Creator.create3DTilesets( |
| | | // "", |
| | | // modelUrl + "/tileset/m/SN/tileset.json", |
| | | // {}, |
| | | // {}, |
| | | // "0", |
| | | // true, |
| | | // (data) => { |
| | | // sgworld.Navigate.flyToObj(data); |
| | | // that.setclippingModel(); |
| | | // } |
| | | // ); |
| | | |
| | | break; |
| | | case "d9": //管道分析 |
| | | this.isPiple = !this.isPiple; |
| | | if (this.isPiple) { |
| | | this.$store.state.mapPopBoxFlag = "3"; |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.open("管道空间分析", null, { |
| | | close: () => { |
| | | if (this.$store.state.pipelineEntity.length != 0) { |
| | | for (var i in this.$store.state.pipelineEntity) { |
| | | sgworld.Viewer.entities.remove( |
| | | this.$store.state.pipelineEntity[i] |
| | | ); |
| | | } |
| | | } |
| | | }, |
| | | }); |
| | | } else { |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.close("queryinfo"); |
| | | } |
| | | |
| | | break; |
| | | case "d8": //影像对比 |
| | | this.closePipelinePop(); |
| | | if (this.isContrastFlag == false) { |
| | | this.isContrastFlag = true; |
| | | sgworld.Analysis.createCurtainContrast(2, 1); |
| | | var localUrl = 'http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png' |
| | | localUrl = localUrl.replace("{host}", iisHost) |
| | | window.contRastLayer = Viewer.imageryLayers.addImageryProvider( |
| | | new Cesium.UrlTemplateImageryProvider({ |
| | | url: localUrl, |
| | | maximumLevel: 22, |
| | | }) |
| | | ); |
| | | Viewer.imageryLayers.lowerToBottom(window.contRastLayer);//将图层移到最底层 |
| | | |
| | | Viewer.imageryLayers.raise(window.contRastLayer);//将图层上移一层 |
| | | if (window.BaseMapLayer) { |
| | | Viewer.imageryLayers.raise(window.contRastLayer);//将图层上移一层 |
| | | sgworld.Analysis.createCurtainContrast(1, 2); |
| | | } else { |
| | | sgworld.Analysis.createCurtainContrast(0, 1); |
| | | } |
| | | |
| | | } else { |
| | | this.isContrastFlag = false; |
| | | sgworld.Analysis.clearCurtainContrast(); |
| | | if (window.contRastLayer) { |
| | | window.Viewer.imageryLayers.remove( |
| | | window.contRastLayer |
| | | ); |
| | | window.contRastLayer = null; |
| | | } |
| | | } |
| | | break; |
| | | case 'd10': |
| | | |
| | | if(window.DXTerrainFlattening!=null){ |
| | | DXTerrainFlattening.remove(); |
| | | } |
| | | sgworld.Creator.createSimpleGraphic( |
| | | 'polygon', |
| | | { |
| | | clampToGround: true, |
| | | }, |
| | | function (entity) { |
| | | let positions = entity.polygon.hierarchy.getValue().positions; |
| | | console.log(positions); |
| | | sgworld.Creator.SimpleGraphic.remove(entity.id); |
| | | |
| | | window.DXTerrainFlattening = sgworld.Creator.createTerrainModifier("地形压平", positions, 10, {}); |
| | | } |
| | | ); |
| | | case "d10": //地面整平 |
| | | this.closePipelinePop(); |
| | | var val = { |
| | | name: "Trrain", |
| | | id: res, |
| | | }; |
| | | this.$bus.$emit("mapChangeBox", val); |
| | | // if (this.DXZPState != null) { |
| | | // this.DXZPState.drawHandler && this.DXZPState.drawHandler.destroy(); |
| | | // Viewer._container.style.cursor = "default"; |
| | | // this.DXZPState.tooltip && this.DXZPState.tooltip.show(false); |
| | | // if (window.DXTerrainFlattening != null) { |
| | | // DXTerrainFlattening.remove(); |
| | | // } |
| | | // window.DXTerrainFlattening = null; |
| | | // this.DXZPState = null; |
| | | // } else { |
| | | // this.DXZPState = sgworld.Creator.createSimpleGraphic( |
| | | // "polygon", |
| | | // { |
| | | // clampToGround: true, |
| | | // }, |
| | | // function (entity) { |
| | | // let positions = entity.polygon.hierarchy.getValue().positions; |
| | | // sgworld.Creator.SimpleGraphic.remove(entity.id); |
| | | // window.DXTerrainFlattening = |
| | | // sgworld.Creator.createTerrainModifier( |
| | | // "地形压平", |
| | | // positions, |
| | | // 10, |
| | | // {} |
| | | // ); |
| | | // } |
| | | // ); |
| | | // } |
| | | |
| | | break; |
| | | |
| | | case 'd11': |
| | | case "d11": //地形开挖 |
| | | this.closePipelinePop(); |
| | | // this.$refs && |
| | | // this.$refs.terrainDig && |
| | | // this.$refs.terrainDig.open("管道空间分析", null, { |
| | | // close: () => { |
| | | |
| | | // }, |
| | | // }); |
| | | if (window.Excavation) { |
| | | window.Excavation.drawHandler && |
| | | window.Excavation.drawHandler.destroy(); |
| | | Viewer._container.style.cursor = "default"; |
| | | window.Excavation.tooltip && window.Excavation.tooltip.show(false); |
| | | window.Excavation.clear(); |
| | | window.Excavation = null; |
| | | } else { |
| | |
| | | } |
| | | break; |
| | | |
| | | case "d12": |
| | | if (window.TSExcavation!=null) { |
| | | window.TSExcavation.deleteObject() |
| | | window.TSExcavation = null |
| | | case "d12": //通视分析 |
| | | this.closePipelinePop(); |
| | | if (window.TSExcavation != null) { |
| | | window.TSExcavation._SimpleGraphic.drawHandler && |
| | | window.TSExcavation._SimpleGraphic.drawHandler.destroy(); |
| | | Viewer._container.style.cursor = "default"; |
| | | window.TSExcavation._SimpleGraphic.tooltip && |
| | | window.TSExcavation._SimpleGraphic.tooltip.show(false); |
| | | |
| | | window.TSExcavation.deleteObject(); |
| | | window.TSExcavation = null; |
| | | } else { |
| | | window.TSExcavation = sgworld.Analysis.createSightLine({ |
| | | type: "default", |
| | | }) |
| | | }); |
| | | } |
| | | break |
| | | case "d13": |
| | | if (this.Excavation) { |
| | | this.Excavation.destroy() |
| | | this.Excavation = null |
| | | } else { |
| | | this.Excavation = sgworld.Analysis.create3DViewshedPoss({ |
| | | height: 1.8, |
| | | }) |
| | | } |
| | | break |
| | | case "d14": |
| | | if (window.Excavation) { |
| | | window.Excavation.close() |
| | | window.Excavation = null |
| | | break; |
| | | case "d13": //视域分析 |
| | | this.closePipelinePop(); |
| | | if (window.SYExcavatio) { |
| | | window.SYExcavatio.end && window.SYExcavatio.end(); |
| | | window.SYExcavatio.close(); |
| | | window.SYExcavatio = null; |
| | | } else { |
| | | var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 }, |
| | | SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 } |
| | | window.Excavation = sgworld.Analysis.create3DViewshed({ |
| | | SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 }; |
| | | window.SYExcavatio = sgworld.Analysis.create3DViewshed({ |
| | | name: "Viewshed On Frederick", |
| | | height: 1.8, |
| | | color: { |
| | | Back: SYFX_notVisible_color, |
| | | Fore: SYFX_visible_color, |
| | | }, |
| | | isSpherical: "", |
| | | }); |
| | | } |
| | | break; |
| | | case "d14": //圆形时域分析 |
| | | this.closePipelinePop(); |
| | | if (window.YXSYExcavation) { |
| | | window.YXSYExcavation.end && window.YXSYExcavation.end(); |
| | | window.YXSYExcavation.close(); |
| | | window.YXSYExcavation = null; |
| | | } else { |
| | | var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 }, |
| | | SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 }; |
| | | window.YXSYExcavation = sgworld.Analysis.create3DViewshed({ |
| | | name: "Viewshed On Frederick", |
| | | height: 1.8, |
| | | color: { |
| | |
| | | Fore: SYFX_visible_color, |
| | | }, |
| | | isSpherical: "spherical", |
| | | }) |
| | | }); |
| | | } |
| | | |
| | | break |
| | | |
| | | |
| | | break; |
| | | } |
| | | }, |
| | | setclippingModel() { |
| | | |
| | | //模型裁切 |
| | | modelClipping () { |
| | | const scene = Viewer.scene; |
| | | let targetY = 40.0; |
| | | let planeEntities = []; |
| | | let selectedPlane; |
| | | let clippingPlanes = new Cesium.ClippingPlaneCollection({ |
| | | planes: [ // ClippingPlane对象数组集合 |
| | | new Cesium.ClippingPlane( // 裁切面 |
| | | new Cesium.Cartesian3(0.0, 0.0, -1.0), // 法线方向 |
| | | 0// 原点到平面的最短距离,设置0就好 |
| | | ), |
| | | ], |
| | | enabled: true, |
| | | edgeWidth: 1.0, // 模型被裁切部分的截面线宽 |
| | | }); |
| | | // let clippingPlanes = new Cesium.ClippingPlaneCollection({ |
| | | // planes: [ // ClippingPlane对象数组集合 |
| | | // //前后切割 |
| | | // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 1, 0), 0), //后 |
| | | // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, -1, 0), 0), //前 |
| | | // // 左右切割 |
| | | // new Cesium.ClippingPlane(new Cesium.Cartesian3(1.0, 0.0, 0), 0), //左 |
| | | // new Cesium.ClippingPlane(new Cesium.Cartesian3(-1.0, 0.0, 0), 0), //右 |
| | | // // 上下切割 |
| | | // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 0.0, -1), 0), //上→下 |
| | | // // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 0.0, 1), 0), //下→上、 |
| | | // ], |
| | | // enabled: true, |
| | | // edgeWidth: 1.0, // 模型被裁切部分的截面线宽 |
| | | // unionClippingRegions: true, //true 才能多个切割 |
| | | // }); |
| | | let boundingSphere = window.model.boundingSphere; |
| | | // 创建一个坐标轴,便于测试 |
| | | // var transform = Cesium.Transforms.eastNorthUpToFixedFrame(boundingSphere.center); |
| | | // var modelMatrixPrimitive = Viewer.scene.primitives.add(new Cesium.DebugModelMatrixPrimitive({ |
| | | // // modelMatrix: transform, |
| | | // length: 140.0 |
| | | // })); |
| | | |
| | | // // 创建添加裁剪平面 |
| | | for (let i = 0; i < clippingPlanes.length; ++i) { |
| | | const plane = clippingPlanes.get(i); |
| | | const planeEntity = Viewer.entities.add({ |
| | | position: boundingSphere.center, |
| | | plane: { |
| | | dimensions: new Cesium.Cartesian2( |
| | | boundingSphere.radius * 1.5, |
| | | boundingSphere.radius * 1.5 |
| | | ),//切面的长和宽 |
| | | material: Cesium.Color.WHITE.withAlpha(0.1), |
| | | plane: new Cesium.CallbackProperty( |
| | | // 添加绑定事件,不断调用 |
| | | createPlaneUpdateFunction(plane), |
| | | false |
| | | ), |
| | | outline: true, |
| | | outlineColor: Cesium.Color.WHITE, |
| | | }, |
| | | }); |
| | | planeEntities.push(planeEntity); |
| | | } |
| | | // 创建添加裁剪平面 |
| | | // let m_box; |
| | | // for (let i = 0; i < clippingPlanes.length; ++i) { |
| | | // let plane = clippingPlanes.get(i); |
| | | // let getPlaneType = getType4Plane(plane); |
| | | // let planeEntity = Viewer.entities.add({ //添加平面实体 直观裁切面 |
| | | // id: 'ClipPlane' + i, |
| | | // position: boundingSphere.center,// 根据3dtiles同步调整裁切面高度 |
| | | // plane: { |
| | | // dimensions: new Cesium.Cartesian2(80, 80),//切面的长和宽 |
| | | // plane: new Cesium.CallbackProperty(createPlaneUpdateFunction_box(plane, getPlaneType, boundingSphere.center), false), |
| | | // material: Cesium.Color.WHITE.withAlpha(0.2), |
| | | // outline: false, |
| | | // outlineColor: Cesium.Color.WHITE, |
| | | // } |
| | | // }); |
| | | // if (!m_box) { |
| | | // m_box = Viewer.entities.add({ |
| | | // id: 'ClopBox', |
| | | // modelMatrixPrimitive: modelMatrixPrimitive, |
| | | // position: boundingSphere.center, |
| | | // box: { |
| | | // dimensions: new Cesium.Cartesian3(boundingSphere.radius * 1.2, boundingSphere.radius * 1.2, 40), |
| | | // material: Cesium.Color.WHITE.withAlpha(0.3), |
| | | // } |
| | | // }) |
| | | // } |
| | | // } |
| | | window.model.clippingPlanes = clippingPlanes; |
| | | if (window.modelHeight && window.modelHeight != 0) { |
| | | // console.log("window.modelHeight---",window.modelHeight) |
| | | window.model.clippingPlanes.modelMatrix = Cesium.Matrix4.fromTranslation( |
| | | new Cesium.Cartesian3(0.0, 0.0, window.modelHeight) |
| | | ); |
| | | } |
| | | // 绑定上移动事件 |
| | | const downHandler = new Cesium.ScreenSpaceEventHandler( |
| | | Viewer.scene.canvas |
| | | ); |
| | | downHandler.setInputAction(function (movement) { |
| | | const pickedObject = scene.pick(movement.position); |
| | | if ( |
| | | Cesium.defined(pickedObject) && |
| | | Cesium.defined(pickedObject.id.plane) |
| | | ) { |
| | | selectedPlane = pickedObject.id.plane; |
| | | selectedPlane.material = Cesium.Color.WHITE.withAlpha(0.05); |
| | | selectedPlane.outlineColor = Cesium.Color.WHITE; |
| | | scene.screenSpaceCameraController.enableInputs = false; |
| | | } |
| | | }, Cesium.ScreenSpaceEventType.LEFT_DOWN); |
| | | |
| | | // 绑定下移动事件 |
| | | const upHandler = new Cesium.ScreenSpaceEventHandler( |
| | | Viewer.scene.canvas |
| | | ); |
| | | upHandler.setInputAction(function () { |
| | | if (Cesium.defined(selectedPlane)) { |
| | | selectedPlane.material = Cesium.Color.WHITE.withAlpha(0.1); |
| | | selectedPlane.outlineColor = Cesium.Color.WHITE; |
| | | selectedPlane = undefined; |
| | | } |
| | | scene.screenSpaceCameraController.enableInputs = true; |
| | | }, Cesium.ScreenSpaceEventType.LEFT_UP); |
| | | // Update plane on mouse move |
| | | const moveHandler = new Cesium.ScreenSpaceEventHandler( |
| | | Viewer.scene.canvas |
| | | ); |
| | | moveHandler.setInputAction(function (movement) { |
| | | if (Cesium.defined(selectedPlane)) { |
| | | const deltaY = movement.startPosition.y - movement.endPosition.y; |
| | | targetY += deltaY; |
| | | // console.log("targetY----",targetY) |
| | | } |
| | | }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); |
| | | function createPlaneUpdateFunction (plane) { |
| | | return function () { |
| | | plane.distance = targetY; |
| | | // console.log("targetY----",targetY) |
| | | return plane; |
| | | }; |
| | | } |
| | | //获取切面的type // 上、下、左、右、前、后 |
| | | function getType4Plane (plane) { |
| | | var m_type; |
| | | var normal = plane._normal; |
| | | var x = normal.x; |
| | | var y = normal.y; |
| | | var z = normal.z; |
| | | if (x == 1 && y == 0 && z == 0) { |
| | | m_type = 'left'; |
| | | } |
| | | else if (x == -1 && y == 0 && z == 0) { |
| | | m_type = 'right'; |
| | | } |
| | | else if (x == 0 && y == 1 && z == 0) { |
| | | m_type = 'behind'; |
| | | } |
| | | else if (x == 0 && y == -1 && z == 0) { |
| | | m_type = 'front'; |
| | | } |
| | | else if (x == 0 && y == 0 && z == -1) { |
| | | m_type = 'top'; |
| | | } |
| | | return m_type; |
| | | } |
| | | function createPlaneUpdateFunction_box (plane, type, origin) { |
| | | return function () { |
| | | var num_x = window.localStorage.getItem('slider_x') / 100000; |
| | | var num_y = window.localStorage.getItem('slider_y') / 100000; |
| | | var num_z = window.localStorage.getItem('slider_z') / 1.5;//读取滑动条值 |
| | | var origin_degree = cartesian3ToDegrees(origin); |
| | | var target_degree_x = [origin_degree[0] + num_x, origin_degree[1], +origin_degree[2]]; |
| | | var target_degree_y = [origin_degree[0], origin_degree[1] + num_y, +origin_degree[2]]; |
| | | var target_degree_z = [origin_degree[0], origin_degree[1], +origin_degree[2] + num_z]; |
| | | var m_dis_x = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_x[0], target_degree_x[1], target_degree_x[2])); |
| | | var m_dis_y = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_y[0], target_degree_y[1], target_degree_y[2])); |
| | | var m_dis_z = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_z[0], target_degree_z[1], target_degree_z[2])); |
| | | createPlanePos(origin_degree, num_x, num_y, num_z); |
| | | let distance = 140; |
| | | if (type == 'left') { |
| | | if (num_x < 0) { |
| | | plane.distance = distance - (-m_dis_x); |
| | | return plane; |
| | | } else { |
| | | plane.distance = distance - m_dis_x |
| | | return plane; |
| | | } |
| | | } |
| | | else if (type == 'behind') { |
| | | if (num_y < 0) { |
| | | plane.distance = distance - (-m_dis_y); |
| | | return plane; |
| | | } else { |
| | | plane.distance = distance - m_dis_y; |
| | | return plane; |
| | | } |
| | | } |
| | | else if (type == 'right') { |
| | | if (num_x < 0) { |
| | | plane.distance = distance - m_dis_x; |
| | | return plane; |
| | | } else { |
| | | plane.distance = distance - (-m_dis_x); |
| | | return plane; |
| | | } |
| | | } |
| | | else if (type == 'front') { |
| | | if (num_y < 0) { |
| | | plane.distance = distance - m_dis_y; |
| | | return plane; |
| | | } else { |
| | | plane.distance = distance - (-m_dis_y); |
| | | return plane; |
| | | } |
| | | } |
| | | else if (type == 'top') { |
| | | if (num_z < 0) { |
| | | plane.distance = m_dis_z; |
| | | // console.log('num_z=========',num_z) |
| | | // console.log('m_dis_z=========',m_dis_z) |
| | | // plane.distance = distance - m_dis_z; |
| | | return plane; |
| | | } else { |
| | | // plane.distance = 100; |
| | | plane.distance = distance - (-m_dis_z); |
| | | return plane; |
| | | } |
| | | } |
| | | return plane; |
| | | }; |
| | | } |
| | | |
| | | function createPlanePos (origin, x, y, z) { |
| | | var clipbox = Viewer.entities.getById('ClopBox'); |
| | | if (clipbox) { |
| | | clipbox.position = new Cesium.CallbackProperty(function () { |
| | | return Cesium.Cartesian3.fromDegrees(origin[0] + x, origin[1] + y, +origin[2] + z);//实时返回当前盒子的位置 |
| | | }, false); |
| | | } |
| | | } |
| | | function cartesian3ToDegrees (cartesian3) { |
| | | var ellipsoid = Viewer.scene.globe.ellipsoid; |
| | | var cartographic = ellipsoid.cartesianToCartographic(cartesian3); |
| | | var lat = Cesium.Math.toDegrees(cartographic.latitude); |
| | | var lng = Cesium.Math.toDegrees(cartographic.longitude); |
| | | var alt = cartographic.height; |
| | | var pos = [lng, lat, alt]; |
| | | return pos; |
| | | } |
| | | |
| | | }, |
| | | |
| | | //关闭管道信息弹窗 |
| | | closePipelinePop () { |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.close("queryinfo"); |
| | | }, |
| | | setclippingModel () { |
| | | if (window.model) { |
| | | setTimeout(() => { |
| | | window.model.clippingModel({ |
| | | direction: 'z', |
| | | direction: "z", |
| | | }); |
| | | }, 1000); |
| | | // window.model.clippingModel({ |
| | |
| | | // }); |
| | | } |
| | | }, |
| | | clear(res) { |
| | | clear (res) { |
| | | switch (res) { |
| | | case 'd4': |
| | | case "d4": |
| | | layer.close(this.dxpmIndex); |
| | | this.dxpmIndex = undefined; |
| | | if (window.AnalysisDXPM) { |
| | |
| | | window.AnalysisDXPM = undefined; |
| | | } |
| | | break; |
| | | case 'd5': |
| | | case "d5": |
| | | window.AnalysisFlood.endWater(); |
| | | window.AnalysisFlood = undefined; |
| | | break; |
| | | } |
| | | }, |
| | | addAnalysisFlood() { |
| | | addAnalysisFlood () { |
| | | var url = window.location.href; |
| | | var testurl = ""; |
| | | if (url.indexOf("web") != -1) { |
| | | testurl = "/web"; |
| | | } |
| | | var method = { |
| | | pointSelect: true, |
| | | spood: 20, |
| | | GroupID: 0, |
| | | url: '/SmartEarthSDK/Workers/image/waterNormals.jpg', |
| | | url: testurl + "/SmartEarthSDK/Workers/image/33.gif", |
| | | }; |
| | | window.AnalysisFlood = sgworld.Command.execute( |
| | | 2, |
| | |
| | | (value) => { } |
| | | ); |
| | | }, |
| | | addterrainSectionAnalysis() { |
| | | addterrainSectionAnalysis () { |
| | | window.AnalysisDXPM = sgworld.Command.execute( |
| | | 2, |
| | | 6, |
| | |
| | | (Distance) => { |
| | | if (Distance.gcs && Distance.gcs.length) { |
| | | var url = window.location.href; |
| | | var testurl = ''; |
| | | if (url.indexOf('web') != -1) { |
| | | testurl = '/web'; |
| | | var testurl = ""; |
| | | if (url.indexOf("web") != -1) { |
| | | testurl = "/web"; |
| | | } |
| | | window.AnalysisDXPM.analyseData = Distance; |
| | | this.dxpmIndex = layer.open({ |
| | | type: 2, |
| | | title: '分析结果', |
| | | title: "分析结果", |
| | | shade: false, |
| | | area: ['80%', '280px'], |
| | | offset: 'b', |
| | | skin: 'other-class', |
| | | content: testurl + '/SmartEarthSDK/Workers/analysis/AnalysisDXPM.html', |
| | | area: ["80%", "280px"], |
| | | offset: "b", |
| | | skin: "other-class", |
| | | content: |
| | | testurl + "/SmartEarthSDK/Workers/analysis/AnalysisDXPM.html", |
| | | end: () => { |
| | | this.dxpmIndex && this.clear('d4'); |
| | | this.dxpmIndex && this.clear("d4"); |
| | | }, |
| | | }); |
| | | } else { |
| | |
| | | } |
| | | ); |
| | | }, |
| | | setWander(res) { |
| | | setWander (res) { |
| | | switch (res) { |
| | | case 'c1': |
| | | window.sgworld.Analysis.setPointFly(); |
| | | break; |
| | | case 'c2': |
| | | var url = window.location.href; |
| | | var testurl = ''; |
| | | if (url.indexOf('web') != -1) { |
| | | testurl = '/web'; |
| | | case "c1": |
| | | if (window.PointMY != null) { |
| | | window.PointMY.drawHandler && window.PointMY.drawHandler.destroy(); |
| | | window.PointMY.end && window.PointMY.end(); |
| | | window.PointMY = null; |
| | | } else { |
| | | window.PointMY = window.sgworld.Analysis.setPointFly(); |
| | | } |
| | | window.sgworld.Command.execute(2, 3, '', (data) => { |
| | | break; |
| | | case "c2": |
| | | var url = window.location.href; |
| | | var testurl = ""; |
| | | if (url.indexOf("web") != -1) { |
| | | testurl = "/web"; |
| | | } |
| | | window.sgworld.Command.execute(2, 3, "", (data) => { |
| | | data.showPoint = false; |
| | | data.showLine = true; |
| | | data.mode = 1; |
| | | data.mode = 0; |
| | | // 弹窗数据 |
| | | window.PathAnimationData = { |
| | | flyData: data, |
| | | }; |
| | | window.PathAnimationData.winIndex = layer.open({ |
| | | type: 2, |
| | | title: '路径动画', |
| | | title: "路径动画", |
| | | shade: false, |
| | | area: ['352px', '690px'], |
| | | offset: 'r', |
| | | skin: 'other-class', |
| | | content: testurl + '/SmartEarthSDK/Workers/path/Path.html', |
| | | area: ["352px", "690px"], |
| | | offset: "r", |
| | | skin: "other-class", |
| | | content: testurl + "/SmartEarthSDK/Workers/path/Path.html", |
| | | end: function () { |
| | | PathAnimationData.fly && PathAnimationData.fly.exit(); |
| | | }, |
| | | }); |
| | | }); |
| | | break; |
| | | case 'c3': |
| | | case "c3": |
| | | sgworld.Analysis.createindoormode({ showHelp: true }); |
| | | break; |
| | | case 'c4': |
| | | case "c4": |
| | | window.sgworld.Analysis.createScreenshot(); |
| | | break; |
| | | } |
| | | }, |
| | | setOrientation(res) { |
| | | setOrientation (res) { |
| | | var resid; |
| | | switch (res) { |
| | | case 'f1': |
| | | case "f1": |
| | | resid = 1; |
| | | break; |
| | | case 'f2': |
| | | case "f2": |
| | | resid = 2; |
| | | break; |
| | | } |
| | | var val = { |
| | | name: 'Coord', |
| | | name: "Coord", |
| | | id: resid, |
| | | }; |
| | | this.$bus.$emit('mapChangeBox', val); |
| | | this.$bus.$emit("mapChangeBox", val); |
| | | }, |
| | | setViewport(res) { |
| | | setViewport (res) { |
| | | switch (res) { |
| | | case 'b1': //分屏 |
| | | this.$bus.$emit('changemap', 1); |
| | | case "b1": //分屏 |
| | | this.$bus.$emit("changemap", 1); |
| | | break; |
| | | case 'b2': //二维 |
| | | this.$bus.$emit('changemap', 2); |
| | | case "b2": //二维 |
| | | this.$bus.$emit("changemap", 2); |
| | | break; |
| | | case 'b3': //三维 |
| | | this.$bus.$emit('changemap', 3); |
| | | case "b3": //三维 |
| | | this.$bus.$emit("changemap", 3); |
| | | break; |
| | | case 'b4': //全图 |
| | | case "b4": //全图 |
| | | window.sgworld.Navigate.jumpTo({ |
| | | //跳转视角 |
| | | destination: new Cesium.Cartesian3.fromDegrees(110, 32, 8000000), |
| | | }); |
| | | window.map |
| | | .getView() |
| | | .setCenter(transform([110, 32], 'EPSG:4326', 'EPSG:3857')); |
| | | .setCenter(transform([110, 32], "EPSG:4326", "EPSG:3857")); |
| | | window.map.getView().setZoom(4); |
| | | break; |
| | | case 'b5': //放大 |
| | | case "b5": //放大 |
| | | window.sgworld.Navigate.zoomIn(); |
| | | // 获取当前视图 |
| | | var zoom = window.map.getView().getZoom(); // 获取当前缩放级别 |
| | | window.map.getView().setZoom(zoom + 1); // 设置缩放级别 |
| | | |
| | | break; |
| | | case 'b6': //缩小 |
| | | case "b6": //缩小 |
| | | window.sgworld.Navigate.zoomOut(); |
| | | var zoom = window.map.getView().getZoom(); // 获取当前缩放级别 |
| | | window.map.getView().setZoom(zoom - 1); // 设置缩放级别 |
| | | break; |
| | | case 'b7': //比例尺 |
| | | case "b7": //比例尺 |
| | | this.isRuler = !this.isRuler; |
| | | window.sgworld.navControl('scale', this.isRuler); |
| | | window.sgworld.navControl("scale", this.isRuler); |
| | | if (this.isRuler == true) { |
| | | this.scaleLine = new ScaleLine({ |
| | | units: "metric" |
| | | units: "metric", |
| | | }); |
| | | window.map.addControl(this.scaleLine); |
| | | } else { |
| | | |
| | | window.map.removeControl(this.scaleLine); |
| | | this.scaleLine = false; |
| | | } |
| | | break; |
| | | case 'b8': //指北针 |
| | | case "b8": //指北针 |
| | | this.isNaviget = !this.isNaviget; |
| | | window.sgworld.navControl('nav', this.isNaviget); |
| | | this.$store.state.isNaviget = this.isNaviget |
| | | window.sgworld.navControl("nav", this.isNaviget); |
| | | this.$store.state.isNaviget = this.isNaviget; |
| | | break; |
| | | case 'b9': //地下模式 |
| | | this.UndergroundMode = !this.UndergroundMode; |
| | | window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3) |
| | | case "b9": //地下模式 |
| | | // this.UndergroundMode = !this.UndergroundMode; |
| | | // window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3); |
| | | if (window.UndergroundMode) { |
| | | this.$refs && |
| | | this.$refs.undergroundModel && |
| | | this.$refs.undergroundModel.close(); |
| | | } else { |
| | | this.$refs && |
| | | this.$refs.undergroundModel && |
| | | this.$refs.undergroundModel.open("地下模式", null,); |
| | | } |
| | | |
| | | break; |
| | | } |
| | | }, |
| | | setCoverage(res) { |
| | | setCoverage (res) { |
| | | switch (res) { |
| | | case 'a1': |
| | | case "a1": |
| | | if (this.$store.state.layerMnage == false) { |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll(); |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.open(); |
| | | this.$store.state.layerMnage = true; |
| | | } else if (this.$store.state.layerMnage == true) { |
| | | this.$bus.$emit("treeDataCopy", "true"); |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll(); |
| | | this.$store.state.layerMnage = false; |
| | | } |
| | |
| | | break; |
| | | } |
| | | }, |
| | | menuChange(res) { |
| | | menuChange (res) { |
| | | this.setListTwoMenu = this.setListTwoMenuAll[res]; |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.measureData = new Map(); |
| | | this.colorAll = { |
| | | point: Cesium.Color.fromCssColorString('#ff0000'), |
| | | polyline: Cesium.Color.fromCssColorString('#ffff00').withAlpha(0.6), |
| | | polygon: Cesium.Color.fromCssColorString('#ffff00').withAlpha(0.6), |
| | | }; |
| | | this.$bus.$on('setChangeTwoMenu', (res) => { |
| | | |
| | | if (res == 8) { this.setLayerScene(); } else { |
| | | this.menuChange(res); |
| | | async layersStart () { |
| | | const data = await perms_selectLayers(); |
| | | if (data.code != 200) { |
| | | return this.$message.error("图层列表查询失败"); |
| | | } |
| | | |
| | | var std = data.result; |
| | | var that = this; |
| | | var checkKey = []; |
| | | let checkedLayers = []; |
| | | this.$store.state.isProjectLayer = []; |
| | | |
| | | var val = std.filter((str) => { |
| | | if (str.type == 1) { |
| | | return str; |
| | | } |
| | | if (str.url != null && str.type == 2) { |
| | | if (str.isShow == 1) { |
| | | checkKey.push(str.id); |
| | | } |
| | | return str; |
| | | } |
| | | }); |
| | | var value = std.filter((str) => { |
| | | if (str.url != null && str.type == 2 && str.isShow == 1) { |
| | | return str; |
| | | } |
| | | |
| | | }) |
| | | var layer = std.filter((str) => { |
| | | if (str.isProject == 1 && str.type == 2) { |
| | | this.$store.state.isProjectLayer.push(str); |
| | | } |
| | | }) |
| | | |
| | | this.setAddLayers(value); |
| | | var res = this.setTreeData(val); |
| | | this.$store.state.pigCode = null; |
| | | //存储选中图层 |
| | | // sessionStorage.setItem("checkedLayers", JSON.stringify(checkedLayers)); |
| | | |
| | | // for (var i in res) { |
| | | // res[i].children = res[i].children.filter((val) => { |
| | | // if (val.children != null) { |
| | | // return val; |
| | | // } |
| | | // }); |
| | | // } |
| | | this.$store.state.oldTree = val; |
| | | this.$store.state.treeData = res; |
| | | |
| | | this.$store.state.checkedKeys = checkKey; |
| | | }, |
| | | setTreeData (source) { |
| | | let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆 |
| | | return cloneData.filter((father) => { |
| | | // 循环所有项 |
| | | let branchArr = cloneData.filter((child) => father.id == child.pid); // 对比ID,分别上下级菜单,并返回数据 |
| | | if (branchArr.length > 0) { |
| | | branchArr.sort(function (a, b) { |
| | | |
| | | return a.orderNum - b.orderNum |
| | | }) |
| | | } |
| | | branchArr.length > 0 ? (father.children = branchArr) : ""; // 给父级添加一个children属性,并赋值 |
| | | // 属于同一对象问题,例如:令 a=b、c=1 ,然后再令 b.c=c , 那么 a.c=b.c=c=1 ;同理,后续令 c.d=2 ,那么 a.c.d 也是=2; |
| | | // 由此循环多次后,就能形成相应的树形数据结构 |
| | | return father.pid == 0; // 返回一级菜单 |
| | | }); |
| | | }, |
| | | setAddLayers (res) { |
| | | this.setClearWmsLayer() |
| | | var std = [[]]; |
| | | for (var i in res) { |
| | | switch (res[i].serveType) { |
| | | case "WMS": |
| | | std[0].push(res[i]) |
| | | break; |
| | | } |
| | | } |
| | | if (std[0].length != 0) { |
| | | if (this.$store.state.pigCode) { |
| | | |
| | | this.setPrjidWmsLayer(std[0]) |
| | | } else { |
| | | |
| | | this.setAddWmsLayer(std[0]) |
| | | } |
| | | |
| | | } |
| | | }, |
| | | setPrjidWmsLayer (res) { |
| | | var layer = []; |
| | | var sql = []; |
| | | var dirid = this.$store.state.pigCode |
| | | |
| | | for (var i in res) { |
| | | layer.push(res[i].url) |
| | | |
| | | if (res[i].isProject == 1) { |
| | | var val = "dirid like '" + dirid + "%'" |
| | | sql.push(val) |
| | | } else { |
| | | sql.push("1 = 1") |
| | | } |
| | | } |
| | | layer = layer.reverse(); |
| | | sql = sql.reverse().join(";") |
| | | var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) { |
| | | that.getFeatureInfo(html) |
| | | }); |
| | | window.layerWMS = new Cesium.WebMapServiceImageryProvider({ |
| | | url: geoServerURl, |
| | | layers: layer.toString(), |
| | | getFeatureInfoParameters: { info_format: 'text/html' }, |
| | | enablePickFeatures: true, |
| | | getFeatureInfoFormats: [getFeatureInfoFormat], |
| | | parameters: { |
| | | transparent: true, |
| | | format: "image/png", |
| | | srs: "EPSG:4490", |
| | | styles: "", |
| | | cql_filter: sql |
| | | }, |
| | | tileWidth: 512, |
| | | tileHeight: 512, |
| | | }); |
| | | layerWMS.name = "Wms_Layer"; |
| | | |
| | | window.Viewer.imageryLayers.addImageryProvider(window.layerWMS); |
| | | var layer2 = new Image({ |
| | | name: "Wms_Layer", |
| | | source: new ImageWMS({ |
| | | crossOrigin: "anonymous", |
| | | url: geoServerURl, |
| | | params: { |
| | | FORMAT: "image/png", |
| | | VERSION: "1.1.1", |
| | | LAYERS: layer.toString(), |
| | | cql_filter: sql |
| | | }, |
| | | }), |
| | | }); |
| | | if (res.opacity) { |
| | | layer2.setOpacity(parseInt(res.opacity) / 100); |
| | | } |
| | | window.map.addLayer(layer2); |
| | | }, |
| | | |
| | | |
| | | |
| | | setClearWmsLayer () { |
| | | for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | var val_id = window.Viewer.imageryLayers._layers[i].imageryProvider.name; |
| | | if (val_id == "Wms_Layer") { |
| | | window.Viewer.imageryLayers.remove( |
| | | window.Viewer.imageryLayers._layers[i] |
| | | ); |
| | | } |
| | | } |
| | | var layers_ol = window.map.getAllLayers(); |
| | | for (var i in layers_ol) { |
| | | var layerOl = layers_ol[i]; |
| | | if (layerOl.values_.name == "Wms_Layer") { |
| | | window.map.removeLayer(layers_ol[i]); //显示图层 |
| | | } |
| | | } |
| | | }, |
| | | setAddWmsLayer (res) { |
| | | |
| | | var url = []; |
| | | for (var i in res) { |
| | | if (res[i].url) { |
| | | url.push(res[i].url) |
| | | } |
| | | } |
| | | |
| | | url = url.reverse(); |
| | | var that = this; |
| | | var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) { |
| | | that.getFeatureInfo(html) |
| | | }); |
| | | window.layerWMS = new Cesium.WebMapServiceImageryProvider({ |
| | | url: geoServerURl, |
| | | layers: url.toString(), |
| | | getFeatureInfoParameters: { info_format: 'text/html' }, |
| | | enablePickFeatures: true, |
| | | getFeatureInfoFormats: [getFeatureInfoFormat], |
| | | parameters: { |
| | | transparent: true, |
| | | format: "image/png", |
| | | srs: "EPSG:4490", |
| | | styles: "", |
| | | }, |
| | | tileWidth: 512, |
| | | tileHeight: 512, |
| | | }); |
| | | layerWMS.name = "Wms_Layer"; |
| | | window.Viewer.imageryLayers.addImageryProvider(window.layerWMS); |
| | | var layer2 = new Image({ |
| | | name: "Wms_Layer", |
| | | source: new ImageWMS({ |
| | | crossOrigin: "anonymous", |
| | | url: geoServerURl, |
| | | params: { |
| | | FORMAT: "image/png", |
| | | VERSION: "1.1.1", |
| | | LAYERS: url.toString(), |
| | | }, |
| | | }), |
| | | }); |
| | | if (res.opacity) { |
| | | layer2.setOpacity(parseInt(res.opacity) / 100); |
| | | } |
| | | window.map.addLayer(layer2); |
| | | }, |
| | | async getFeatureInfo (html) { |
| | | var start = html.indexOf("<caption class=\"featureInfo\">") + "<caption class=\"featureInfo\">".length; |
| | | var end = html.indexOf("</caption>"); |
| | | var tab = html.substr(start, end - start); |
| | | start = html.lastIndexOf(tab) + tab.length + 1; |
| | | end = html.indexOf("</td>", start); |
| | | var gid = html.substr(start, end - start); |
| | | if (gid && tab) { |
| | | this.$store.state.pickoption = { |
| | | gid: gid, |
| | | name: tab.replaceAll("_", "") |
| | | } |
| | | |
| | | const res = await dataQuery_selectTabByEntity({ |
| | | name: this.$store.state.pickoption.name |
| | | }) |
| | | |
| | | if (res.code != 200) { |
| | | return; |
| | | } |
| | | var value = res.result.split('.') |
| | | this.$store.state.propertiesName = { |
| | | ns: value[0], |
| | | enName: value[1], |
| | | tabDesc: '拾取信息' |
| | | } |
| | | var name = this.$store.state.pickoption.name; |
| | | const data = await inquiry_selectFields({ name: name }) |
| | | if (data.code != 200) { |
| | | this.$message.error("列表调用失败") |
| | | } |
| | | const data1 = await inquiry_selectDomains({ name: name }) |
| | | if (data1.code != 200) { |
| | | this.$message.error("列表调用失败") |
| | | } |
| | | this.optionx = [] |
| | | this.attributeData = [] |
| | | var valadata = data.result |
| | | var laydomain = data1.result |
| | | this.optionx = data1.result |
| | | for (var i in valadata) { |
| | | if (valadata[i].showtype == 1) { |
| | | if ( |
| | | valadata[i].domainNa != null && |
| | | valadata[i].domainNa != undefined |
| | | ) { |
| | | for (var j in laydomain) { |
| | | if (laydomain[j].domName == valadata[i].domainNa) { |
| | | // valadata[i].domainNa = laydomain[j].codeDesc |
| | | } |
| | | } |
| | | } |
| | | // this.optionx.push(valadata[i]) |
| | | this.attributeData.push(valadata[i]) |
| | | } |
| | | } |
| | | |
| | | this.getTableData() |
| | | } |
| | | }, |
| | | //格式化时间 |
| | | format (shijianchuo) { |
| | | //shijianchuo是整数,否则要parseInt转换 |
| | | var time = new Date(shijianchuo); |
| | | var y = time.getFullYear(); |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | | var h = time.getHours(); |
| | | var mm = time.getMinutes(); |
| | | var s = time.getSeconds(); |
| | | return ( |
| | | y + |
| | | '-' + |
| | | this.add0(m) + |
| | | '-' + |
| | | this.add0(d) + |
| | | ' ' + |
| | | h + |
| | | ':' + |
| | | mm + |
| | | ':' + |
| | | s |
| | | ); |
| | | }, |
| | | //格式化时间 |
| | | add0 (m) { |
| | | return m < 10 ? '0' + m : m; |
| | | }, |
| | | async getTableData () { |
| | | this.tableData = [] |
| | | const data = await dataQuery_selectByGid(this.$store.state.pickoption) |
| | | if (data.code != 200) { |
| | | return |
| | | } |
| | | |
| | | var valste = data.result |
| | | valste.dirid = valste.dirName; |
| | | valste.depid = valste.depName; |
| | | valste.verid = valste.verName; |
| | | valste.createuser = valste.createName; |
| | | valste.updateuser = valste.updateName; |
| | | if (valste.createtime) { |
| | | valste.createtime = this.format(valste.createtime) |
| | | } |
| | | if (valste.updatetime) { |
| | | valste.updatetime = this.format(valste.updatetime) |
| | | } |
| | | |
| | | for (var j in this.optionx) { |
| | | if ( |
| | | this.optionx[j].domainNa != null && |
| | | this.optionx[j].domainNa != undefined |
| | | ) { |
| | | |
| | | valste[this.optionx[j].field] = this.optionx[j].domainNa |
| | | } |
| | | } |
| | | var arr = {} |
| | | for (var i = (this.attributeData.length - 1); i >= 0; i--) { |
| | | var vla = this.attributeData[i] |
| | | |
| | | |
| | | if (vla.domainNa) { |
| | | |
| | | var val = this.optionx.filter(res => { |
| | | if (res.domName == vla.domainNa && res.domCode == valste[vla.field]) { |
| | | return res; |
| | | } |
| | | }) |
| | | var vlue = null |
| | | if (val.length > 0) { |
| | | vlue = val[0].codeDesc |
| | | } else { |
| | | vlue = '' |
| | | } |
| | | arr[vla.alias] = vlue |
| | | } else { |
| | | arr[vla.alias] = valste[vla.field] |
| | | } |
| | | } |
| | | |
| | | arr['eventid'] = valste.eventid |
| | | |
| | | |
| | | this.$store.state.propertiesInfo = arr; |
| | | |
| | | this.$store.state.propertiesFlag = '1' |
| | | |
| | | }, |
| | | |
| | | showModelAttach () { |
| | | if (this.$store.state.attachModel) { |
| | | var name = this.$store.state.attachinfo.cnName; |
| | | this.$refs && |
| | | this.$refs.modelAttach && |
| | | this.$refs.modelAttach.open(name, null, { |
| | | close: () => { }, |
| | | }); |
| | | } else { |
| | | } |
| | | }, |
| | | async showModelCatch () { |
| | | if (this.$store.state.catModel) { |
| | | this.formInline = { |
| | | title: '', |
| | | file: '', |
| | | name: '', |
| | | type: '', |
| | | info: '', |
| | | icon: '', |
| | | bak: '' |
| | | } |
| | | this.formInline.title = this.$store.state.catModelInfo.name; |
| | | this.formInline.Id = this.$store.state.catModelInfo.id; |
| | | this.formInline.LayerName = this.$store.state.catModelInfo.layerName; |
| | | this.startModelData(); |
| | | this.activeName = "first" |
| | | this.getAttacthFlieList(); |
| | | this.dialogVisible = true; |
| | | } else { |
| | | this.dialogVisible = false; |
| | | window.pickedFeature.color = window.pickedColor; |
| | | } |
| | | }, |
| | | async startModelData () { |
| | | var obj = { |
| | | layerid: this.$store.state.catModelInfo.layerId, |
| | | modelid: this.$store.state.catModelInfo.id |
| | | } |
| | | const data = await comprehensive_selectModelByGuid(obj); |
| | | if (data.code != 200) { |
| | | return; |
| | | } |
| | | |
| | | if (data.result == null) { |
| | | this.isShowModel = true; |
| | | this.formInline.name = this.formInline.title; |
| | | } else { |
| | | this.isShowModel = false; |
| | | this.formInline = data.result; |
| | | |
| | | this.formInline.title = this.formInline.name; |
| | | |
| | | } |
| | | }, |
| | | async EditData () { |
| | | const data = await comprehensive_updateModel(this.formInline) |
| | | if (data.code != 200) { |
| | | this.$message.error('修改失败'); |
| | | } else { |
| | | this.$message({ |
| | | message: '修改成功', |
| | | type: 'success' |
| | | }); |
| | | } |
| | | this.startModelData(); |
| | | }, |
| | | async InsertData () { |
| | | var std = { |
| | | "bak": this.formInline.bak, |
| | | "guid": this.$store.state.catModelInfo.id, |
| | | "layerid": this.$store.state.catModelInfo.layerId, |
| | | "modelid": this.$store.state.catModelInfo.id, |
| | | "name": this.formInline.name, |
| | | "type": this.formInline.type |
| | | } |
| | | const data = await comprehensive_insertModel(std) |
| | | if (data.code != 200) { |
| | | this.$message.error('添加失败'); |
| | | } else { |
| | | this.$message({ |
| | | message: '添加成功', |
| | | type: 'success' |
| | | }); |
| | | } |
| | | this.startModelData(); |
| | | |
| | | }, |
| | | handleClose () { |
| | | this.$store.state.catModel = false; |
| | | }, |
| | | |
| | | //附件列表新增 |
| | | setAttachInsert () { |
| | | var token = getToken(); |
| | | var fs = document.getElementById("insertFile"); |
| | | if (fs.files.length == 0) { |
| | | |
| | | this.$message({ |
| | | message: '请选择要上传的文件!', |
| | | type: 'warning' |
| | | }); |
| | | return; |
| | | } |
| | | const formData = new FormData() |
| | | for (var i = 0, c = fs.files.length; i < c; i++) { |
| | | |
| | | formData.append('file', fs.files[i]); // fs.files[i].name,file |
| | | } |
| | | |
| | | $.ajax(BASE_URL + "/comprehensive/uploadFiles?token=" + token + "&tabName=lf.sys_style&eventid=" + this.$store.state.catModelInfo.id, { |
| | | type: "post", |
| | | data: formData, |
| | | async: true, |
| | | cache: false, |
| | | processData: false, |
| | | contentType: false, |
| | | success: (rs) => { |
| | | this.$message({ |
| | | message: '附件添加成功', |
| | | type: 'success' |
| | | }); |
| | | document.getElementById("insertFile").value = ""; |
| | | this.formInline.file = ""; |
| | | this.getAttacthFlieList(); |
| | | }, |
| | | error: (e) => { |
| | | document.getElementById("insertFile").value = ""; |
| | | this.formInline.file = ""; |
| | | this.$message.error('附件添加失败'); |
| | | } |
| | | }); |
| | | }, |
| | | //附件列表查询 |
| | | async getAttacthFlieList () { |
| | | var obj = { |
| | | eventid: this.$store.state.catModelInfo.id, |
| | | tabName: "lf.sys_style" |
| | | }; |
| | | const res = await comprehensive_selectFiles(obj); |
| | | if (res.code != 200) { |
| | | this.$message.error('列表调用失败'); |
| | | return |
| | | } |
| | | this.tableData = res.result; |
| | | }, |
| | | |
| | | |
| | | //附件=>文件选择 |
| | | getInsertFile () { |
| | | $('#insertFile').click(); |
| | | }, |
| | | insertFile () { |
| | | var val = document.getElementById('insertFile').files; |
| | | if (!val || !val.length) return; |
| | | this.formInline.file = val[0].name; |
| | | }, |
| | | statSizeChange (row, column) { |
| | | return this.stateFormatSizes(row.sizes) |
| | | }, |
| | | stateFormatSizes (res) { |
| | | if (res >= 1024) { |
| | | const val = parseFloat(res / 1024).toFixed(3); |
| | | return val + ' GB'; |
| | | } else { |
| | | return res + ' MB'; |
| | | } |
| | | }, |
| | | matchState (state = "", reg) { |
| | | var row = state.row; |
| | | var name = row.name; |
| | | if (name.indexOf('.pdf') != -1 |
| | | || name.indexOf('.jpg') != -1 |
| | | || name.indexOf('.gif') != -1 |
| | | || name.indexOf('.png') != -1 |
| | | || name.indexOf('.jpeg') != -1 |
| | | || name.indexOf('.PDF') != -1 |
| | | || name.indexOf('.JPG') != -1 |
| | | || name.indexOf('.GIF') != -1 |
| | | || name.indexOf('.PNG') != -1 |
| | | || name.indexOf('.JPEG') != -1 |
| | | || name.indexOf('.BMP') != -1 |
| | | || name.indexOf('.bmp') != -1) { |
| | | return true; |
| | | } |
| | | |
| | | return false; |
| | | }, |
| | | refreshAttatchDetail () { |
| | | this.dialog.src = ""; |
| | | this.dialog.dialogVisible = false; |
| | | this.dialog.isPdf = false; |
| | | this.dialog.isJpg = false; |
| | | }, |
| | | //附件查看 |
| | | setAttatchDetail (index, row) { |
| | | this.refreshAttatchDetail() |
| | | var name = row.name; |
| | | if (name.indexOf('.pdf') != -1 || name.indexOf('.PDF') != -1) { |
| | | this.dialog.dialogVisible = true; |
| | | this.dialog.isPdf = true; |
| | | var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
| | | this.dialog.src = url |
| | | } else if ( |
| | | name.indexOf('.jpg') != -1 |
| | | || name.indexOf('.gif') != -1 |
| | | || name.indexOf('.png') != -1 |
| | | || name.indexOf('.jpeg') != -1 |
| | | || name.indexOf('.JPG') != -1 |
| | | || name.indexOf('.GIF') != -1 |
| | | || name.indexOf('.PNG') != -1 |
| | | || name.indexOf('.JPEG') != -1 |
| | | || name.indexOf('.BMP') != -1 |
| | | || name.indexOf('.bmp') != -1 |
| | | ) { |
| | | this.dialog.dialogVisible = true; |
| | | this.dialog.isJpg = true; |
| | | var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken(); |
| | | this.dialog.src = url |
| | | } |
| | | }, |
| | | handleClick (tab, event) { |
| | | if (tab.name == "second") { |
| | | this.getAttacthFlieList(); |
| | | } |
| | | }, |
| | | //附件刪除 |
| | | async setAttachDel () { |
| | | var std = []; |
| | | for (var i in this.attacgSelection) { |
| | | std.push(this.attacgSelection[i].id); |
| | | } |
| | | |
| | | const res = await comprehensive_deletes({ ids: std.toString() }); |
| | | if (res.code != 200) { |
| | | this.$message.error('文件删除失败'); |
| | | } |
| | | this.getAttacthFlieList(); |
| | | }, |
| | | // 附件=>表格选择 |
| | | handleAttatchChange (val) { |
| | | this.attacgSelection = val; |
| | | }, |
| | | //拾取数据获取 |
| | | async getPickUpData (info) { |
| | | let checkedLayers = JSON.parse(sessionStorage.getItem("checkedLayers")); |
| | | let showPop = false; |
| | | for (const item of checkedLayers) { |
| | | let name = item.url.replaceAll("LF:", ""); |
| | | name = name.replaceAll("_", ""); |
| | | let params = { |
| | | buffer: 10, |
| | | limit: 20, |
| | | name: name, |
| | | wkt: `POINT (${info.lon} ${info.lat})`, |
| | | } |
| | | const res = await selectByBuffer(params); |
| | | if (res.result && res.result.length > 0) { |
| | | this.$store.state.mapPopBoxFlag = "4"; |
| | | this.$store.state.pickUpPointInfo = info; |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.open("拾取分析", null,); |
| | | showPop = true; |
| | | break; |
| | | } |
| | | } |
| | | if (!showPop) { |
| | | this.$message.warning("暂无数据!"); |
| | | } |
| | | }, |
| | | showPopBox () { |
| | | |
| | | if (this.$store.state.showPopBoxFlag == true) { |
| | | this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close(); |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.open("属性", null, { |
| | | close: () => { |
| | | this.$store.state.showPopBoxFlag == false |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Creator.DeleteObject(this.$store.state.primitLayer); |
| | | this.$store.state.primitLayer = null; |
| | | } |
| | | |
| | | if (window.Viewer.scene.primitives.length != 0) { |
| | | window.Viewer.scene.primitives.removeAll(); |
| | | } |
| | | }, |
| | | }); |
| | | } |
| | | }, |
| | | setPellucidity () { |
| | | this.$refs && this.$refs.setPellucidity && this.$refs.setPellucidity.open(); |
| | | }, |
| | | setDialogInsertVisible (res) { |
| | | this.ruleForm = res; |
| | | this.dialogInsertVisible = true; |
| | | }, |
| | | downloadx () { |
| | | this.$bus.$emit("setInsertDown1", this.codeForm) |
| | | this.closeDownx(); |
| | | }, |
| | | handleCloseDown1 () { |
| | | this.$confirm("确认关闭?") |
| | | .then(_ => { |
| | | this.closeDownx(); |
| | | }) |
| | | .catch(_ => { }) |
| | | }, |
| | | closeDownx () { |
| | | this.dialogVisible1 = false; |
| | | this.codeForm = { |
| | | password: '', |
| | | repassword: '', |
| | | } |
| | | }, |
| | | closeInsertDown () { |
| | | this.ruleForm = { |
| | | depname: [], |
| | | tabs: [], |
| | | pwd: null, |
| | | repwd: null, |
| | | wkt: null, |
| | | descr: null, |
| | | } |
| | | this.dialogInsertVisible = false |
| | | }, |
| | | handleInsertClose () { |
| | | this.$confirm("确认关闭?") |
| | | .then(_ => { |
| | | this.closeInsertDown() |
| | | }) |
| | | .catch(_ => { }) |
| | | }, |
| | | getInsertDownz () { |
| | | this.dialogInsertVisible = false; |
| | | // this.dialogVisible1 = true; |
| | | // |
| | | |
| | | this.$bus.$emit("setInsertApply1", this.ruleForm) |
| | | }, |
| | | handleExtentClose () { |
| | | this.dialogExtentVisible = false |
| | | this.setExtent = 10; |
| | | }, |
| | | handleExtentinsert () { |
| | | this.$bus.$emit("setExtentBUff", this.setExtent) |
| | | this.handleExtentClose(); |
| | | |
| | | } |
| | | }, |
| | | mounted () { |
| | | this.$bus.$off(); |
| | | this.measureData = new Map(); |
| | | this.colorAll = { |
| | | point: Cesium.Color.fromCssColorString("#ff0000"), |
| | | polyline: Cesium.Color.fromCssColorString("#ffff00").withAlpha(0.6), |
| | | polygon: Cesium.Color.fromCssColorString("#ffff00").withAlpha(0.6), |
| | | }; |
| | | this.$store.state.setAlphaList = [] |
| | | this.$bus.$on("setChangeTwoMenu", (res) => { |
| | | if (res == 8) { |
| | | this.setLayerScene(); |
| | | } else { |
| | | this.menuChange(res); |
| | | } |
| | | }); |
| | | this.$bus.$on("showMenuLayer", ((res) => { |
| | | |
| | | this.setAddLayers(res); |
| | | })); |
| | | this.$bus.$on("showPellucidity", res => { |
| | | this.setPellucidity(); |
| | | }); |
| | | |
| | | this.$store.state.showAllLayers = true; |
| | | |
| | | this.$store.state.isProjectLayer = [], |
| | | this.$store.state.pigCode = null, |
| | | this.$store.state.showAllLayers = true; |
| | | this.$store.state.layerMnage = false; |
| | | this.$store.state.treeData = null; |
| | | this.$store.state.checkedKeys = []; |
| | | this.setCoverage('a1'); |
| | | // this.setCoverage("a1"); |
| | | this.layersStart(); |
| | | |
| | | |
| | | this.$bus.$on("setDialogInsertVisible", (res) => { |
| | | if (res == true) { |
| | | this.dialogVisible1 = true; |
| | | } else { |
| | | this.setDialogInsertVisible(res); |
| | | } |
| | | }) |
| | | this.$bus.$on('showExtentLayer', res => { |
| | | this.dialogExtentVisible = res; |
| | | }); |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | watch: { |
| | | Obj (newVal, oldVal) { |
| | | this.showModelAttach(); |
| | | }, |
| | | catch (newVal, oldVal) { |
| | | this.showModelCatch(); |
| | | }, |
| | | popObj (newVal, oldVal) { |
| | | this.showPopBox(); |
| | | } |
| | | }, |
| | | computed: { |
| | | Obj () { |
| | | return this.$store.state.attachModel; |
| | | }, |
| | | catch () { |
| | | return this.$store.state.catModel; |
| | | }, |
| | | popObj () { |
| | | return this.$store.state.showPopBoxFlag; |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | .menu_Box { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | margin: 0; |
| | | padding: 0; |
| | | overflow-y: auto; |
| | | text-align: center; |
| | | // text-align: center; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | align-content: flex-start; |
| | | |
| | | .leftMen_div { |
| | | font-size: 16px; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 400; |
| | | border: 1px solid rgba(0, 0, 0, 0); |
| | | padding: 10px; |
| | | padding: 5px; |
| | | min-width: 100px; |
| | | margin-left: 10px; |
| | | margin-top: 10px; |
| | | border-radius: 5px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .leftMen_div:hover { |
| | | background: rgba(64, 158, 255, 0.4); |
| | | border: 1px solid #409eff; |
| | | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | .lefMenuDivActive { |
| | | background: rgba(64, 158, 255, 0.4); |
| | | border: 1px solid #409eff; |
| | | } |
| | | |
| | | .menuTwoImage { |
| | | width: 40px; |
| | | height: 40px; |
| | | width: 30px; |
| | | height: 30px; |
| | | display: inline-block; |
| | | } |
| | | .pdfClass { |
| | | height: 63vh; |
| | | width: 100%; |
| | | } |
| | | } |
| | | </style> |