| | |
| | | <el-divider /> |
| | | <!-- tabs切换 --> |
| | | <div class="tabs_box"> |
| | | <div |
| | | class="tabs_pane" |
| | | @click="setTabsChange(1)" |
| | | > |
| | | <div |
| | | class="tabsSpan" |
| | | :class="{ changetabs : active == 'first'}" |
| | | > |
| | | <div class="tabs_pane" |
| | | @click="setTabsChange(1)"> |
| | | <div class="tabsSpan" |
| | | :class="{ changetabs : active == 'first'}"> |
| | | <span> {{$t('dataManage.uploadObj.dataRelease')}}</span> |
| | | </div> |
| | | </div> |
| | | <div |
| | | class="tabs_pane" |
| | | @click="setTabsChange(2)" |
| | | > |
| | | <div |
| | | class="tabsSpan" |
| | | :class="{ changetabs : active == 'second'}" |
| | | > |
| | | <div class="tabs_pane" |
| | | @click="setTabsChange(2)"> |
| | | <div class="tabsSpan" |
| | | :class="{ changetabs : active == 'second'}"> |
| | | <span> {{$t('dataManage.uploadObj.releaseList')}}</span> |
| | | </div> |
| | | </div> |
| | | <div |
| | | class="tabs_pane" |
| | | @click="setTabsChange(3)" |
| | | > |
| | | <div |
| | | class="tabsSpan" |
| | | :class="{ changetabs : active == 'third'}" |
| | | > |
| | | <div class="tabs_pane" |
| | | @click="setTabsChange(3)"> |
| | | <div class="tabsSpan" |
| | | :class="{ changetabs : active == 'third'}"> |
| | | <span> {{$t('dataManage.uploadObj.modelAttachMount')}}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div |
| | | v-if="active != 'third'" |
| | | class="content_box" |
| | | > |
| | | <el-form |
| | | :inline="true" |
| | | <div v-if="active != 'third'" |
| | | class="content_box"> |
| | | <el-form :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | > |
| | | class="demo-form-inline"> |
| | | <!-- 单位 --> |
| | | <el-form-item v-if="active == 'first'"> |
| | | <el-select |
| | | size="small" |
| | | v-model="formInline.depid" |
| | | > |
| | | <el-option |
| | | :value="formInline.depid" |
| | | <el-select size="small" |
| | | v-model="formInline.depid"> |
| | | <el-option :value="formInline.depid" |
| | | :label="formInline.depName" |
| | | style="height: auto" |
| | | > |
| | | <el-tree |
| | | ref="tree" |
| | | style="height: auto"> |
| | | <el-tree ref="tree" |
| | | :data="depOption" |
| | | node-key="id" |
| | | :props="defaultProps" |
| | | @node-click="handleDepChange" |
| | | /> |
| | | @node-click="handleDepChange" /> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 目录 --> |
| | | <el-form-item v-if="active == 'first'"> |
| | | <el-select |
| | | size="small" |
| | | v-model="formInline.dirid" |
| | | > |
| | | <el-option |
| | | :value="formInline.dirid" |
| | | <el-select size="small" |
| | | v-model="formInline.dirid"> |
| | | <el-option :value="formInline.dirid" |
| | | :label="formInline.dirName" |
| | | style="height: auto" |
| | | > |
| | | <el-tree |
| | | ref="tree" |
| | | style="height: auto"> |
| | | <el-tree ref="tree" |
| | | :data="dirOption" |
| | | node-key="id" |
| | | :props="defaultProps" |
| | | @node-click="handleDirChange" |
| | | /> |
| | | @node-click="handleDirChange" /> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 版本 --> |
| | | <el-form-item v-if="active == 'first'"> |
| | | <el-select |
| | | size="small" |
| | | <el-select size="small" |
| | | v-model="formInline.verid" |
| | | @change="handleVerChange" |
| | | > <el-option |
| | | v-for="item in verOption" |
| | | @change="handleVerChange"> <el-option v-for="item in verOption" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- 类型 --> |
| | | <el-form-item v-if="active == 'first'"> |
| | | <el-select |
| | | size="small" |
| | | <el-select size="small" |
| | | v-model="formInline.type" |
| | | @change="handleTypeChange" |
| | | > |
| | | <el-option |
| | | v-for="item in typeOption" |
| | | @change="handleTypeChange"> |
| | | <el-option v-for="item in typeOption" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-input |
| | | size="small" |
| | | <el-input size="small" |
| | | :title="$t('dataManage.vmobj.keyword')" |
| | | v-model="formInline.name" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')" |
| | | > <i |
| | | @click="getTableData" |
| | | :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"> <i @click="getTableData" |
| | | :title="$t('common.iquery')" |
| | | slot="suffix" |
| | | class="el-icon-search" |
| | | style="padding-right: 8px" |
| | | ></i></el-input> |
| | | style="padding-right: 8px"></i></el-input> |
| | | </el-form-item> |
| | | <el-form-item style="float:right"> |
| | | <!-- 发布 --> |
| | | <el-button |
| | | v-if="active == 'first'" |
| | | <el-button v-if="active == 'first'" |
| | | type="success" |
| | | size="small" |
| | | icon="el-icon-s-promotion" |
| | | @click="setPagePublish" |
| | | >{{$t('common.publish')}}</el-button> |
| | | @click="setPagePublish">{{$t('common.publish')}}</el-button> |
| | | <!-- 刪除 --> |
| | | <el-button |
| | | v-if="active == 'second'" |
| | | <el-button v-if="active == 'second'" |
| | | type="danger" |
| | | size="small" |
| | | icon="el-icon-delete" |
| | | @click="setPageDelete" |
| | | >{{$t('common.delete')}}</el-button> |
| | | @click="setPageDelete">{{$t('common.delete')}}</el-button> |
| | | <!-- 重置 --> |
| | | <el-button |
| | | type="info" |
| | | <el-button type="info" |
| | | size="small" |
| | | @click="setPageStart" |
| | | icon="el-icon-refresh" |
| | | >{{$t('common.reset')}}</el-button> |
| | | icon="el-icon-refresh">{{$t('common.reset')}}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <div class="dividing-line"></div> |
| | | <div class="table_box content_Table"> |
| | | <el-table |
| | | :data="tableData" |
| | | <el-table :data="tableData" |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange" |
| | | @cell-dblclick="copyText" |
| | | height="calc(100% - 1px)" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | :label="$t('dataManage.dictionaryManageObj.number')" |
| | | height="calc(100% - 1px)"> |
| | | <el-table-column type="selection" |
| | | width="55" /> |
| | | <el-table-column :label="$t('dataManage.dictionaryManageObj.number')" |
| | | type="index" |
| | | width="50" |
| | | align="center" |
| | | > |
| | | align="center"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | <el-table-column prop="name" |
| | | :label="$t('dataManage.vmobj.name')" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="type" |
| | | align="center" /> |
| | | <el-table-column prop="type" |
| | | :label="$t('dataManage.vmobj.format')" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | v-if="active == 'first'" |
| | | align="center" /> |
| | | <el-table-column v-if="active == 'first'" |
| | | prop="sizes" |
| | | :label="$t('dataManage.vmobj.size')" |
| | | :formatter="stateFormatSizes" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="depName" |
| | | align="center" /> |
| | | <el-table-column prop="depName" |
| | | :label="$t('dataManage.vmobj.depName')" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="dirName" |
| | | align="center" /> |
| | | <el-table-column prop="dirName" |
| | | :label="$t('dataManage.vmobj.dirName')" |
| | | width="200" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="verName" |
| | | align="center" /> |
| | | <el-table-column prop="verName" |
| | | :label="$t('dataManage.vmobj.versionNumber')" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="url" |
| | | align="center" /> |
| | | <el-table-column prop="url" |
| | | :label="$t('common.publishAddress')" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | v-if="active == 'first'" |
| | | align="center" /> |
| | | <el-table-column v-if="active == 'first'" |
| | | prop="uname" |
| | | :label="$t('common.rublisher')" |
| | | align="center" |
| | | :key="Math.random()" |
| | | /> |
| | | <el-table-column |
| | | v-if="active != 'first'" |
| | | :key="Math.random()" /> |
| | | <el-table-column v-if="active != 'first'" |
| | | prop="createName" |
| | | :label="$t('common.rublisher')" |
| | | align="center" |
| | | :key="Math.random()" |
| | | /> |
| | | <el-table-column |
| | | prop="createTime" |
| | | :key="Math.random()" /> |
| | | <el-table-column prop="createTime" |
| | | :label="$t('common.releaseTime')" |
| | | align="center" |
| | | /> |
| | | align="center" /> |
| | | |
| | | <el-table-column |
| | | min-width="150" |
| | | :label="$t('common.operate')" |
| | | > |
| | | <el-table-column min-width="150" |
| | | :label="$t('common.operate')"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | v-if="active == 'second'" |
| | | <el-button v-if="active == 'second'" |
| | | size="small" |
| | | type="info" |
| | | plain |
| | | @click="setPreviewDetails(scope.row)" |
| | | >{{$t('common.details')}} |
| | | @click="setPreviewDetails(scope.row)">{{$t('common.details')}} |
| | | |
| | | </el-button> |
| | | <el-button |
| | | v-if="active == 'second'" |
| | | <el-button v-if="active == 'second'" |
| | | size="small" |
| | | type="warning" |
| | | plain |
| | | @click="setPreviewEdit(scope.row)" |
| | | >{{$t('common.update')}} |
| | | @click="setPreviewEdit(scope.row)">{{$t('common.update')}} |
| | | |
| | | </el-button> |
| | | |
| | | <el-button |
| | | v-if="scope.row.url" |
| | | <el-button v-if="scope.row.url" |
| | | size="small" |
| | | type="success" |
| | | plain |
| | | @click="setPreviewLayer(scope.row)" |
| | | >{{$t('common.preview')}} |
| | | @click="setPreviewLayer(scope.row)">{{$t('common.preview')}} |
| | | |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div |
| | | class="pagination_box" |
| | | style="margin-top: 10px" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | <div class="pagination_box" |
| | | style="margin-top: 10px"> |
| | | <el-pagination @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="listData.pageIndex" |
| | | :page-sizes="showPageSize" |
| | | :page-size="listData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="listData.count" |
| | | > |
| | | :total="listData.count"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <div |
| | | v-if="active == 'third'" |
| | | class="content_box" |
| | | > |
| | | <div v-if="active == 'third'" |
| | | class="content_box"> |
| | | <mapview v-if="active == 'third'"></mapview> |
| | | </div> |
| | | <!-- 地址预览 --> |
| | | <el-dialog |
| | | :title="$t('common.preview')" |
| | | <el-dialog :title="$t('common.preview')" |
| | | :class="isFullscreen ? '' : 'dialogClass_his'" |
| | | custom-class="handleDialogClass" |
| | | width="73.4%" |
| | |
| | | :visible.sync="dialogVisible" |
| | | :show-close="false" |
| | | :close-on-click-modal="false" |
| | | :close-on-press-escape="false" |
| | | > |
| | | <dialog-header |
| | | slot="title" |
| | | :close-on-press-escape="false"> |
| | | <dialog-header slot="title" |
| | | :dialog-tittle="$t('common.preview')" |
| | | :fullscreen="isFullscreen" |
| | | @handle-closed="handleClose" |
| | | @is-fullscreen="onFullscreen" |
| | | ></dialog-header> |
| | | @is-fullscreen="onFullscreen"></dialog-header> |
| | | <div :class="{'fullscreen1':isFullscreen}"> |
| | | <mapview v-if="showMapView"></mapview> |
| | | </div> |
| | |
| | | <!-- |
| | | </el-dialog> --> |
| | | <!-- 修改数据 --> |
| | | <el-dialog |
| | | :title="$t('common.update')" |
| | | <el-dialog :title="$t('common.update')" |
| | | :visible.sync="editDialogVisible" |
| | | width="50%" |
| | | :show-close="false" |
| | | :close-on-click-modal="false" |
| | | > |
| | | :close-on-click-modal="false"> |
| | | <div style="width:100%;height:50vh"> |
| | | <el-form |
| | | ref="form" |
| | | <el-form ref="form" |
| | | :model="editLayer" |
| | | label-width="150px" |
| | | > |
| | | label-width="150px"> |
| | | <el-form-item :label="$t('dataManage.vmobj.name')"> |
| | | <el-input v-model="editLayer.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.vmobj.format')"> |
| | | <el-input |
| | | disabled |
| | | v-model="editLayer.type" |
| | | ></el-input> |
| | | <el-input disabled |
| | | v-model="editLayer.type"></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.vmobj.depName')"> |
| | | <el-input |
| | | disabled |
| | | v-model="editLayer.depName" |
| | | ></el-input> |
| | | <el-input disabled |
| | | v-model="editLayer.depName"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item :label="$t('dataManage.vmobj.dirName')"> |
| | | <el-input |
| | | disabled |
| | | v-model="editLayer.dirName" |
| | | ></el-input> |
| | | <el-input disabled |
| | | v-model="editLayer.dirName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.vmobj.versionNumber')"> |
| | | <el-input |
| | | disabled |
| | | v-model="editLayer.verName" |
| | | ></el-input> |
| | | <el-input disabled |
| | | v-model="editLayer.verName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('common.publishAddress')"> |
| | | <el-input v-model="editLayer.url"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | size="small" |
| | | <el-button size="small" |
| | | type="primary" |
| | | @click="setEditLayerSubmit" |
| | | >{{$t('common.submit')}}</el-button> |
| | | <el-button |
| | | size="small" |
| | | @click="setEditLayerSubmit">{{$t('common.submit')}}</el-button> |
| | | <el-button size="small" |
| | | type="info" |
| | | @click="setEditLayerCancle" |
| | | >{{$t('common.cancel')}}</el-button> |
| | | @click="setEditLayerCancle">{{$t('common.cancel')}}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 数据详情 --> |
| | | <el-dialog |
| | | :title="$t('common.details')" |
| | | <el-dialog :title="$t('common.details')" |
| | | :visible.sync="detailsDialogVisible" |
| | | width="50%" |
| | | :close-on-click-modal="false" |
| | | > |
| | | :close-on-click-modal="false"> |
| | | <div style="width:100%;height:50vh"> |
| | | <p>{{ $t("dataManage.vmobj.name") }}:{{ itemdetail.name }}</p> |
| | | <el-divider></el-divider> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 发布 --> |
| | | <el-dialog |
| | | :title="$t('common.publish')" |
| | | <el-dialog :title="$t('common.publish')" |
| | | :visible.sync="insertDialogVisible" |
| | | width="40%" |
| | | :close-on-click-modal="false" |
| | | :show-close="false" |
| | | > |
| | | :show-close="false"> |
| | | <div style="width:100%; "> |
| | | <el-form |
| | | ref="form" |
| | | <el-form ref="form" |
| | | :model="insertLayer" |
| | | label-width="150px" |
| | | > |
| | | label-width="150px"> |
| | | <el-form-item :label="$t('dataManage.vmobj.name')"> |
| | | <el-input |
| | | v-model="insertLayer.name" |
| | | :placeholder="$t('dataManage.vmobj.name')" |
| | | ></el-input> |
| | | <el-input v-model="insertLayer.name" |
| | | :placeholder="$t('dataManage.vmobj.name')"></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.vmobj.numberFiles')"> |
| | | <el-input |
| | | disabled |
| | | v-model="insertLayer.number" |
| | | ></el-input> |
| | | <el-input disabled |
| | | v-model="insertLayer.number"></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.vmobj.labe14')" |
| | | v-show="formInline.type =='DOM'" |
| | | > |
| | | <el-select |
| | | style="width:100%" |
| | | v-model="insertLayer.noData" |
| | | > |
| | | <el-option |
| | | label="黑色" |
| | | value="0" |
| | | ></el-option> |
| | | <el-option |
| | | label="白色" |
| | | value="255" |
| | | ></el-option> |
| | | <el-form-item :label="$t('dataManage.vmobj.labe14')" |
| | | v-show="formInline.type =='DOM'"> |
| | | <el-select style="width:100%" |
| | | v-model="insertLayer.noData"> |
| | | <el-option label="黑色" |
| | | value="0"></el-option> |
| | | <el-option label="白色" |
| | | value="255"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | v-show="formInline.type !='DEM'" |
| | | :label="$t('dataManage.vmobj.minLevel')" |
| | | > |
| | | <el-form-item v-show="formInline.type !='DEM'" |
| | | :label="$t('dataManage.vmobj.minLevel')"> |
| | | <!-- <el-input |
| | | v-model="insertLayer.min" |
| | | :placeholder="$t('dataManage.vmobj.labe11')" |
| | | ></el-input> --> |
| | | <el-select |
| | | style="width:100%" |
| | | <el-select style="width:100%" |
| | | v-model="insertLayer.min" |
| | | :placeholder="$t('dataManage.vmobj.labe11')" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :placeholder="$t('dataManage.vmobj.labe11')"> |
| | | <el-option v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.vmobj.maxLevel')" |
| | | v-show="formInline.type !='DEM'" |
| | | > |
| | | <el-form-item :label="$t('dataManage.vmobj.maxLevel')" |
| | | v-show="formInline.type !='DEM'"> |
| | | <!-- <el-input |
| | | v-model="insertLayer.max" |
| | | :placeholder="$t('dataManage.vmobj.labe12')" |
| | | ></el-input> --> |
| | | <el-select |
| | | style="width:100%" |
| | | <el-select style="width:100%" |
| | | v-model="insertLayer.max" |
| | | :placeholder="$t('dataManage.vmobj.labe12')" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :placeholder="$t('dataManage.vmobj.labe12')"> |
| | | <el-option v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | size="small" |
| | | <el-button size="small" |
| | | type="primary" |
| | | @click="setinsertLayerSubmit()" |
| | | >{{$t('common.submit')}}</el-button> |
| | | <el-button |
| | | size="small" |
| | | @click="setinsertLayerSubmit()">{{$t('common.submit')}}</el-button> |
| | | <el-button size="small" |
| | | type="info" |
| | | @click="setinsertLayerCancel()" |
| | | >{{$t('common.cancel')}}</el-button> |
| | | @click="setinsertLayerCancel()">{{$t('common.cancel')}}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <div |
| | | class="loadBox" |
| | | v-if="loadDialogVisible" |
| | | > |
| | | <div class="loadBox" |
| | | v-if="loadDialogVisible"> |
| | | <div style="widht:100%; margin:20px; color:white"> |
| | | <div style="margin-left:99%"> |
| | | <el-link |
| | | @click="setloadDialogVisible()" |
| | | style="color:white" |
| | | > X</el-link> |
| | | <el-link @click="setloadDialogVisible()" |
| | | style="color:white"> X</el-link> |
| | | </div> |
| | | </div> |
| | | <div |
| | | v-loading="true" |
| | | <div v-loading="true" |
| | | element-loading-background="rgba(0, 0, 0, 0.0) " |
| | | element-loading-text="数据发布中" |
| | | style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); " |
| | | > |
| | | style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); "> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | value: 'MPT', |
| | | label: '场景数据(.mpt)' |
| | | }, { |
| | | value: 'CPT', |
| | | label: '点云数据(.cpt)' |
| | | }, { |
| | | value: '3DML', |
| | | label: '三维模型(.3dml)' |
| | | }, { |