| | |
| | | size="small" |
| | | v-model="formInline.type" |
| | | @change="handleTypeChange" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.selectDataType')" |
| | | > |
| | | <el-option |
| | | v-for="item in typeOption" |
| | |
| | | </el-select> |
| | | |
| | | </el-form-item> |
| | | <!-- 坐标系 --> |
| | | <!-- 拉伸因子 --> |
| | | <el-form-item |
| | | v-show="insertLayer.showFactor" |
| | | :label="$t('dataManage.vmobj.labe17')" |
| | |
| | | :min="insertLayer.min" |
| | | :step="insertLayer.step" |
| | | :max="insertLayer.max" |
| | | class="setEnhanceFactor" |
| | | style="width: 100%;" |
| | | ></el-input-number> |
| | | </el-form-item> |
| | | |
| | | <el-form-item :label="$t('dataManage.vmobj.labe19')"> |
| | | <el-select |
| | | size="small" |
| | | placeholder="请选择颜色表" |
| | | v-model="colorTableType" |
| | | style="width: 100%;" |
| | | > |
| | | <el-option |
| | | v-for="(item, i) in colorTableOptions" |
| | | :key="i" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | ></el-option> |
| | | |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 颜色表 --> |
| | | <el-form-item |
| | | v-show="colorTableType != 2" |
| | | :label="$t('dataManage.vmobj.labe18')" |
| | | > |
| | | <el-select |
| | | v-model="renderType" |
| | | placeholder="请选择渲染类型" |
| | | size="small" |
| | | @change="changeSelection(renderType)" |
| | | ref="selectColor" |
| | | style="width: 100%;" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="(item, i) in renderTypeOptions" |
| | | :key="i" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | > |
| | | <div |
| | | style=" |
| | | height: 30px; |
| | | width: 100%; |
| | | position: relative; |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | " |
| | | :style="item.domCss" |
| | | ></div> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <!-- 坐标系 --> |
| | | <el-form-item :label="$t('dataManage.vmobj.labe16')"> |
| | | <el-select |
| | |
| | | <div |
| | | v-loading="true" |
| | | element-loading-background="rgba(0, 0, 0, 0.0) " |
| | | element-loading-text="数据发布中" |
| | | :element-loading-text="loadingText" |
| | | style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); " |
| | | > |
| | | </div> |
| | |
| | | publish_deletesSjServices, |
| | | publish_update, |
| | | publish_insertSjService, |
| | | publish_selectSjColorTables, |
| | | publish_selectSjMissionStatus |
| | | } from '../../api/api.js' |
| | | import { conditions } from '../Archive/Archive'; |
| | | import { method_option, nodata_Option, server_option, system_Option, type_option } from './js/layerManage'; |
| | | |
| | | import server from '../../components/js/server.js' |
| | | export default { |
| | | components: { |
| | | MyBread, mapview, |
| | |
| | | serverOption: [], |
| | | enhanceOption: [], |
| | | epsgOption: [], |
| | | noDataOption: [] |
| | | noDataOption: [], |
| | | renderType: null, |
| | | renderTypeOptions: [], |
| | | colorTableType: null, |
| | | colorTableOptions: [ |
| | | { |
| | | value: 2, |
| | | label: "请选择颜色表", |
| | | }, |
| | | { |
| | | value: 0, |
| | | label: "普通颜色表", |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: "直方图均衡", |
| | | }], |
| | | loadingText: '数据发布中', |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | for (var i in this.multipleSelection) { |
| | | std.push(this.multipleSelection[i].id) |
| | | } |
| | | var color1 = null; |
| | | var color2 = null; |
| | | var level = null; |
| | | var val_data = []; |
| | | var dataId = 0; |
| | | if (this.renderTypeOptions.length > 0) { |
| | | for (var i in this.renderTypeOptions) { |
| | | if (this.renderTypeOptions[i].name == this.renderType) { |
| | | val_data.push(this.renderTypeOptions[i]); |
| | | } |
| | | } |
| | | } |
| | | |
| | | if (val_data.length > 0) { |
| | | level = val_data[0]; |
| | | } |
| | | if (this.colorTableType == 0) { |
| | | color1 = level.content.levels; |
| | | dataId = level.data_id; |
| | | } else if (this.colorTableType == 1) { |
| | | color2 = level.content.levels; |
| | | dataId = level.data_id; |
| | | } |
| | | |
| | | |
| | | var obj = { |
| | | colorTable: color1, // 普通颜色表,可不设 |
| | | gradientColorTable: color2, |
| | | dircode: this.formInline.dirid, |
| | | colorTableId: dataId, |
| | | name: name, |
| | | ids: std, |
| | | enhanceType: this.insertLayer.enhanceType, |
| | |
| | | |
| | | this.loadDialogVisible = true |
| | | this.insertDialogVisible = false; |
| | | |
| | | this.loadDialogVisible = false |
| | | const data = await publish_insertSjService(obj); |
| | | if (data.code == 200 && data.result && data.result > 0) { |
| | | this.loadDialogVisible = true |
| | | this.getLoadingMsg(data.result); |
| | | } else { |
| | | this.$message.error("数据发布失败") |
| | | this.getTableData(); |
| | | } |
| | | |
| | | if (data.code == 200 && data.result > 0) { |
| | | |
| | | |
| | | // if (data.code == 200 && data.result > 0) { |
| | | // this.$message({ |
| | | // message: '数据发布成功', |
| | | // type: 'success' |
| | | // }); |
| | | // } else { |
| | | // this.$message.error("数据发布失败") |
| | | // } |
| | | |
| | | // |
| | | }, |
| | | async getLoadingMsg(res) { |
| | | if (!this.loadDialogVisible) return; |
| | | const data = await publish_selectSjMissionStatus({ id: res }) |
| | | |
| | | |
| | | if (data.result.status == 3) { |
| | | this.$message({ |
| | | message: '数据发布成功', |
| | | type: 'success' |
| | | }); |
| | | } else { |
| | | this.loadDialogVisible = false; |
| | | this.getTableData(); |
| | | } else if (data.result.status == 5 || data.result.status == 4) { |
| | | this.$message.error("数据发布失败") |
| | | this.loadDialogVisible = false; |
| | | this.getTableData(); |
| | | } else { |
| | | if (data.result.process == 100) { |
| | | this.$message({ |
| | | message: '数据发布成功', |
| | | type: 'success' |
| | | }); |
| | | this.loadDialogVisible = false; |
| | | this.getTableData(); |
| | | } else { |
| | | this.loadingText = '数据发布中,已发布 ' + data.result.process + '%'; |
| | | |
| | | var that = this; |
| | | setTimeout(() => { |
| | | that.getLoadingMsg(res); |
| | | }, 3000); |
| | | } |
| | | |
| | | } |
| | | this.loadDialogVisible = false |
| | | this.getTableData(); |
| | | |
| | | |
| | | }, |
| | | |
| | | |
| | | |
| | | setEnhanceTypeChange(res) { |
| | | var val = this.enhanceOption.filter((res) => { |
| | | if (res.value == this.insertLayer.enhanceType) { |
| | |
| | | } else { |
| | | this.insertLayer.showFactor = false; |
| | | } |
| | | this.colorTableType = 2; |
| | | this.renderType = null; |
| | | this.insertLayer.name = this.multipleSelection[0].name |
| | | this.insertDialogVisible = true; |
| | | |
| | | }, |
| | |
| | | //预览弹窗打开 |
| | | setPreviewLayer(res) { |
| | | this.$store.state.previewLayer = res; |
| | | |
| | | this.dialogVisible = true; |
| | | this.showMapView = true; |
| | | |
| | | |
| | | setTimeout(() => { |
| | | server.setAddReleaseLayer(res) |
| | | }, 500); |
| | | }, |
| | | //是否为全屏函数 |
| | | onFullscreen(fullscreen) { |
| | |
| | | count: 0 |
| | | } |
| | | this.showPageSize = [10, 50, 100, 200] |
| | | this.formInline.type = this.typeOption[0].value; |
| | | } else { |
| | | this.listData = { |
| | | pageIndex: 1, |
| | |
| | | count: 0 |
| | | } |
| | | this.showPageSize = [10, 50, 100, 200] |
| | | this.formInline.type = null |
| | | } |
| | | |
| | | this.formInline.serType = this.serverOption[0].value; |
| | | this.formInline.type = this.typeOption[0].value; |
| | | |
| | | // this.getDepTreeList(); |
| | | this.getDirTreeList(); |
| | | |
| | |
| | | return father.pid == 0 // 返回一级菜单 |
| | | }) |
| | | }, |
| | | async getColorJson() { |
| | | var dt = await publish_selectSjColorTables({ |
| | | pageIndex: 1, |
| | | pageSize: 100000, |
| | | }); |
| | | |
| | | if (!dt.result) return |
| | | this.renderTypeOptions = dt.result.item_list; |
| | | |
| | | this.renderTypeOptions.forEach((e) => { |
| | | let css = ""; |
| | | let css1 = ""; |
| | | e.content.levels.forEach((v) => { |
| | | if ("r_start" in v) { |
| | | css += `rgb(${v.r_start}, ${v.g_start}, ${v.b_start}),rgb(${v.r_end}, ${v.g_end}, ${v.b_end}),`; |
| | | } else if ("r" in v) { |
| | | css1 += `rgb(${v.r}, ${v.g}, ${v.b}),`; |
| | | } |
| | | }); |
| | | |
| | | let cssColor = `${css1}${css}`; |
| | | let cssStr = ""; |
| | | |
| | | if (cssColor.length == 19) { |
| | | cssStr = `background: ${cssColor.slice(0, -1)}`; |
| | | } else { |
| | | cssStr = `background-image:linear-gradient(to right, ${cssColor.slice( |
| | | 0, |
| | | -1 |
| | | )})`; |
| | | } |
| | | e.domCss = cssStr; |
| | | }); |
| | | }, |
| | | changeSelection(scope) { |
| | | // if (scope == "") { |
| | | // this.$refs.selectColor.$el.children[0].children[0].removeAttribute("style"); |
| | | // this.$refs.selectColor.$el.children[0].children[0].children[0].removeAttribute( |
| | | // "style" |
| | | // ); |
| | | // this.$refs.selectColor.$el.children[0].children[0].children[0].children[0].removeAttribute( |
| | | // "style" |
| | | // ); |
| | | // return; |
| | | // } |
| | | // for (let index in this.renderTypeOptions) { |
| | | // let obj = this.renderTypeOptions[index]; |
| | | // if (obj.name == scope) { |
| | | // this.$refs.selectColor.$el.children[0].children[0].setAttribute( |
| | | // "style", |
| | | // `background-image: linear-gradient(to right,${obj.domCss}); |
| | | // width: 100%; height: 100%; |
| | | // border: none; |
| | | // height: 33px;` |
| | | // ); |
| | | // this.$refs.selectColor.$el.children[0].children[0].children[0].setAttribute( |
| | | // "style", |
| | | // `display: flex; |
| | | // justify-content: flex-end; |
| | | // background:transparent;` |
| | | // ); |
| | | // this.$refs.selectColor.$el.children[0].children[0].children[0].children[0].setAttribute( |
| | | // "style", |
| | | // `display: none;` |
| | | // ); |
| | | // } |
| | | // } |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.active = 'first'; |
| | |
| | | this.serverOption = server_option; |
| | | this.epsgOption = system_Option; |
| | | this.noDataOption = nodata_Option; |
| | | this.enhanceOption = method_option |
| | | this.enhanceOption = method_option; |
| | | this.getColorJson() |
| | | this.setPageStart(); |
| | | this.setOptions(); |
| | | |
| | |
| | | .loadBox { |
| | | position: fixed; |
| | | z-index: 2002; |
| | | background: rgba(0, 0, 0, 0.2); |
| | | background: rgba(0, 0, 0, 0.75); |
| | | width: 100%; |
| | | height: 100%; |
| | | top: 0; |
| | |
| | | } |
| | | /deep/.el-dialog__header { |
| | | padding: 10px !important; |
| | | } |
| | | /deep/.el-input-number__increase, |
| | | .el-input-number__decrease { |
| | | background: transparent !important; |
| | | } |
| | | .el-input-number__increase, |
| | | .el-input-number__decrease { |
| | | background: transparent !important; |
| | | } |
| | | } |
| | | .elTreeData { |