Merge branch 'feature/v5.0/5.0.5' into test
| | |
| | | <el-select |
| | | v-model="item.value" |
| | | placeholder="请选择图斑类型" |
| | | style="width: 100%" |
| | | style="width: 102%" |
| | | > |
| | | <el-option |
| | | v-for="opt in spotTypeOptions" |
| | |
| | | </el-select> |
| | | </template> |
| | | <template v-else-if="item.name === '文件名称'"> |
| | | <el-input v-model="item.value" /> |
| | | <el-input style="width: 102%" v-model="item.value" /> |
| | | </template> |
| | | </template> |
| | | <template v-else> |
| | | <div class="itemValue">{{ item.value }}</div> |
| | | <div class="itemValue" :class="{ 'error-text': item.name === '异常图斑数量' }">{{ item.value }}</div> |
| | | </template> |
| | | </div> |
| | | </div> |
| | |
| | | }; |
| | | const params = ref({ |
| | | page: 1, |
| | | pageSize: 20, |
| | | pageSize: 10, |
| | | }); |
| | | // 图斑管理表格 |
| | | const getTableList = () => { |
| | |
| | | }; |
| | | // 初始化所有图斑 |
| | | const entitiesAddSpot = () => { |
| | | viewer?.entities.removeAll(); //清除旧实体 |
| | | tableData.value.forEach(item => { |
| | | // 取出当中经纬度 |
| | | const numbersWithCommas = item.dkfw.match(/\d+(\.\d+)?/g); |
| | |
| | | const boundingSphere = Cesium.BoundingSphere.fromPoints(positions); |
| | | homeViewer.value?.camera.flyToBoundingSphere(boundingSphere, { |
| | | duration: 0, |
| | | offset: new Cesium.HeadingPitchRange( |
| | | Cesium.Math.toRadians(-45), |
| | | Cesium.Math.toRadians(-90), |
| | | |
| | | ), |
| | | }); |
| | | } |
| | | viewInstance.value?.removeLeftClickEvent('spotHighlighting'); |
| | |
| | | } |
| | | destroyMap(); |
| | | } |
| | | refreshonload(); |
| | | }); |
| | | onMounted(() => {}); |
| | | onBeforeUnmount(() => { |
| | |
| | | line-height: 33px; |
| | | padding-right: 10px; |
| | | margin: 0 -10px 0 -10px; |
| | | border-right: 1px solid #e8e8e8; |
| | | } |
| | | |
| | | .itemContent { |
| | | flex: 1; |
| | | padding-left: 10px; |
| | | .itemValue { |
| | | padding-left: 6px; |
| | | color: #7B7B7B; |
| | | } |
| | | .error-text{ |
| | | color: #FF0A0A; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | z-index: 99; |
| | | width: 277px; |
| | | overflow: hidden; |
| | | background: rgba(0, 0, 0, 0.4); |
| | | background: rgba(0, 0, 0, 0.6); |
| | | // backdrop-filter: blur(5px); |
| | | border-radius: 8px 8px 8px 8px; |
| | | padding: 6px 10px 0 10px; |
| | |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | } |
| | | |
| | | // 表格样式 |
| | | :deep(.el-table) { |
| | | // 清除表格内部横线和竖线 |
| | |
| | | background-color: var(--el-table-current-row-bg-color) !important; |
| | | } |
| | | } |
| | | |
| | | :deep(.el-table__body) { |
| | | tr { |
| | | height: 46px; |
| | | } |
| | | td { |
| | | padding: 8px 0; |
| | | } |
| | | } |
| | | .operationspan { |
| | | cursor: pointer; |
| | | } |
| | |
| | | searchMenuPosition: 'right', |
| | | border: true, |
| | | index: true, |
| | | indexLabel: '序号', |
| | | indexWidth: 60, |
| | | selection: true, |
| | | grid: false, |
| | | menuWidth: 240, |
| | |
| | | searchMenuPosition: 'right', |
| | | border: true, |
| | | index: true, |
| | | indexLabel: '序号', |
| | | indexWidth: 60, |
| | | selection: true, |
| | | grid: false, |
| | | menuWidth: 180, |