管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2022-12-22 54837b203b8d23c01e0e6cf716cb6a3829ae60f6
数据检索,关键字查询,空间查询,专题图添加mpt,
已添加2个文件
已修改14个文件
2293 ■■■■ 文件已修改
src/api/api.js 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/lang/en.js 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/lang/zh.js 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/MapView/mapMenuPop.vue 16 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/MapView/mapMenuTop.vue 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/MapView/mapSpacePop.vue 9 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/MapView/mapSpaceTop.vue 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/mapsdk.vue 13 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Archive/Archive.js 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Archive/index.vue 1189 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Thematic/index.vue 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Tools/queryinfo.vue 96 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/SpatialData.vue 507 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/metadataManage.vue 355 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/versionManage.vue 46 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/exportMap/index.vue 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/api.js
@@ -79,6 +79,7 @@
  //请求地址
  return request.get('/dir/selectDirAll', { params: params });
}
//版本管理列表
export function select_Ver_ByPageAndCount(params) {
  //请求地址
@@ -631,6 +632,14 @@
export function dataLib_deletes(params) {
  return request.get('/dataQuery/deletes', { params: params });
}
//资料馆=>查询字段信息
export function dataLib_selectTabFields(params) {
  return request.get('/dataLib/selectTabFields', { params: params });
}
//资料馆=>查询表中数据
export function dataLib_selectDbData(params) {
  return request.get('/dataLib/selectDbData', { params: params });
}
//资料馆=>分页查询元数据
export function dataLib_selectByPageForMeta(params) {
src/assets/lang/en.js
@@ -172,8 +172,8 @@
      status: 'State',
      precision: 'Accuracy',
      descr: 'Describe',
      fileguid: 'Style file ID',
      viewguid: 'Preview File ID',
      fileguid: 'Style file',
      viewguid: 'Preview File',
      createUser: 'Creator ID',
      createTime: 'Creation Time',
      updateUser: 'Updater ID',
src/assets/lang/zh.js
@@ -171,8 +171,8 @@
      status: '状态',
      precision: '精度',
      descr: '描述',
      fileguid: '样式文件ID',
      viewguid: '预览文件ID',
      fileguid: '样式文件',
      viewguid: '预览文件',
      createUser: '创建人ID',
      createTime: '创建时间',
      updateUser: '更新人ID',
src/components/MapView/mapMenuPop.vue
@@ -12,24 +12,12 @@
      </ul>
    </div>
    <div class="rightBox">
      <div class="rightTitle">
        <span>管道</span>
        <el-link @click="closeMenuBox" :underline="false" class="boxClose"
          ><i class="el-icon-close"></i>
        </el-link>
        <el-link
          :underline="false"
          v-show="$store.state.download"
          @click="dialogVisible = true"
          class="boxClose"
          ><i class="el-icon-download"></i>
        </el-link>
      </div>
      <div class="tableBox">
        <el-table
          :data="tableData"
          ref="dialogPayChannel"
          height="230px"
          height="300px"
          style="width: 100%"
        >
          <el-table-column
src/components/MapView/mapMenuTop.vue
@@ -71,15 +71,18 @@
        <el-button type="info" @click="clearQuery" plain>重置</el-button>
      </el-form-item>
    </el-form>
    <queryinfo ref="queryinfo" />
  </div>
</template>
<script>
import   queryinfo  from "../../views/Tools/queryinfo.vue"
import $ from 'jquery';
import { inquiry_SelectTabs, inquiry_uploadShp, encr } from '../../api/api.js';
import { getToken } from '@/utils/auth';
import * as turf from '@turf/turf';
export default {
  components:{queryinfo},
  data() {
    return {
      menuTopFrom: {
@@ -325,13 +328,10 @@
    },
    showMapMenuPop() {
      this.$store.state.mapSpaceQueryLayer = this.treeChange;
      if (
        this.$store.state.mapPopBoolean != true &&
        this.$store.state.mapPopBoxFlag != '1'
      ) {
        this.$store.state.mapPopBoolean = true;
        this.$store.state.mapPopBoxFlag = '1';
      }
         this.$store.state.mapPopBoxFlag = '1';
       this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("空间查询",null,{ close: () => {
          }});
      this.$bus.$emit('changeMapMenuTop', 'true');
      sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });
      sgworld.Creator.SimpleGraphic.clear();
src/components/MapView/mapSpacePop.vue
@@ -1,11 +1,6 @@
<template>
  <div class="menuPop">
    <div class="rightTitle">
      <span>管道</span>
      <el-link @click="closeSpaceBox" :underline="false" class="boxClose"
        ><i class="el-icon-close"></i>
      </el-link>
    </div>
    <div style="padding: 5px">
      <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item>
@@ -54,7 +49,7 @@
      <div class="centTable">
        <el-table
          :data="tableData"
          height="220px"
          height="260px"
          ref="filterTable"
          style="width: 100%"
        >
src/components/MapView/mapSpaceTop.vue
@@ -25,12 +25,15 @@
        </div>
      </el-option>
    </el-select>
    <queryinfo ref="queryinfo"/>
  </div>
</template>
<script>
import   queryinfo  from "../../views/Tools/queryinfo.vue"
import { inquiry_SelectTabs } from '../../api/api.js';
export default {
  components:{queryinfo },
  data() {
    return {
      menuTopFrom: {
@@ -83,8 +86,13 @@
    },
    getCheckedNodes() {
      this.$store.state.mapSpaceQueryLayer = this.mapSpaceQueryLayer;
      this.$store.state.mapPopBoolean = true;
      // this.$store.state.mapPopBoolean = true;
      this.$store.state.mapPopBoxFlag = '2';
       this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("属性查询",null,{
          close: () => {
          },
        });
    },
    resetCheckedNodes() {
      this.menuTopFrom.queryLayer = null;
src/components/mapsdk.vue
@@ -5,10 +5,7 @@
        <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" />
        <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" />
      </div>
      <div class="menu_Popup" v-if="$store.state.mapPopBoolean">
        <map-menu-pop v-if="$store.state.mapPopBoxFlag == '1'" />
        <map-space-pop v-if="$store.state.mapPopBoxFlag == '2'" />
      </div>
      <div class="bufferBox" v-if="showBufferBoxDialog">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
@@ -174,9 +171,9 @@
<script>
import $ from 'jquery';
import mapMenuTop from './MapView/mapMenuTop.vue';
import mapMenuPop from './MapView/mapMenuPop.vue';
import mapSpaceTop from './MapView/mapSpaceTop.vue';
import mapSpacePop from './MapView/mapSpacePop.vue';
import {
  select_Comprehensive_ByPageAndCount,
  select_Comprehensive_SelectWktById,
@@ -185,9 +182,9 @@
  name: '',
  components: {
    mapMenuTop,
    mapMenuPop,
    mapSpaceTop,
    mapSpacePop,
  },
  data() {
    return {
src/views/Archive/Archive.js
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
export const conditions = [
    ['<>', 'like'],
    ['>=', '>', ' =', '<=', '<', '<>'],
    ['>=', '<='],
]
src/views/Archive/index.vue
@@ -2,12 +2,14 @@
  <div class="archive">
    <div class="top_header">
      <div class="top_left">
        <My-bread
          :list="[`${$t('synthesis.synthesis')}`, `${$t('synthesis.archive')}`]"
        ></My-bread>
        <My-bread :list="[`${$t('synthesis.synthesis')}`, `${$t('synthesis.archive')}`]"></My-bread>
      </div>
      <div class="top_right">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form
          :inline="true"
          :model="formInline"
          class="demo-form-inline"
        >
          <el-form-item>
            <el-input
              v-model="formInline.tab"
@@ -16,22 +18,33 @@
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-search" @click="searchDataLibSelectTabs" class="primaries">{{
            <el-button
              icon="el-icon-search"
              @click="searchDataLibSelectTabs"
              class="primaries"
            >{{
              $t('common.iquery')
            }}</el-button>
               <el-button icon="el-icon-refresh" @click="restDataLibSelectTabs" type="info">{{
            <el-button
              icon="el-icon-refresh"
              @click="restDataLibSelectTabs"
              type="info"
            >{{
              $t('common.reset')
            }}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button @click="getSpaceMapVisibale" class="primaries">{{
            <el-button
              @click="getSpaceMapVisibale"
              class="primaries"
            >{{
              $t('synthesis.rangequery')
            }}</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
<!--
    <!--
    <div class="box_item">
      <div class="box_left">资料类别</div>
      <div class="box_cont">
@@ -74,13 +87,16 @@
        </div>
      </div>
    </div> -->
    <div  class="bottom_content">
    <div class="bottom_content">
      <div class="bottom_left">
        <!-- <div class="box_div">当前搜索关键词:</div> -->
        <div>
          <ul>
            <li>搜索类型</li>
            <li @click="getMenuChange(1)" :class="{ menuActive: isMenuActive }">
            <li
              @click="getMenuChange(1)"
              :class="{ menuActive: isMenuActive }"
            >
              æ•°æ®åº“
            </li>
            <li
@@ -93,36 +109,67 @@
          </ul>
        </div>
      </div>
      <div v-if="isMenuActive" class="bottom_right">
      <div
        v-if="isMenuActive"
        class="bottom_right"
      >
        <ul>
          <li v-for="(item, index) in dataType" :key="index">
            <div class="box_div" @click="getShowTable(item)">
          <li
            v-for="(item, index) in dataType"
            :key="index"
          >
            <div
              class="box_div"
              @click="getShowTable(item)"
            >
              {{ item.tabDesc }} ({{ item.tab }})
            </div>
          </li>
        </ul>
      </div>
      <div v-if="!isMenuActive" class="bottom_right">
       <el-form :inline="true" :model="queryForm" class="demo-form-inline">
  <el-form-item  >
<el-cascader
    v-model="queryForm.dirid"
    :show-all-levels="false"
    :options="companyOption"
      @change="handleChange"
       :props="{
      <div
        v-if="!isMenuActive"
        class="bottom_right"
      >
        <el-form
          :inline="true"
          :model="queryForm"
          class="demo-form-inline"
        >
          <el-form-item>
            <el-cascader
              v-model="queryForm.dirid"
              :show-all-levels="false"
              :options="companyOption"
              @change="handleChange"
              :props="{
              label: 'name',
              value: 'id',
              children: 'children',
              checkStrictly: true,
              emitPath: false,
            }"
   ></el-cascader>
  </el-form-item>
  <!-- <el-form-item :label="$t('dataManage.vmobj.keyword')" >
            ></el-cascader>
          </el-form-item>
          <el-form-item>
            <el-cascader
              v-model="queryForm.dirid"
              :show-all-levels="false"
              :options="companyOption1"
              @change="handleChange1"
              :props="{
              label: 'name',
              value: 'id',
              children: 'children',
              checkStrictly: true,
              emitPath: false,
            }"
            ></el-cascader>
          </el-form-item>
          <!-- <el-form-item :label="$t('dataManage.vmobj.keyword')" >
    <el-input v-model="queryForm.name" :placeholder="$t('common.pleaseInput')"></el-input>
  </el-form-item> -->
  <!-- <el-form-item>
          <!-- <el-form-item>
  <el-button
            @click="queryInfo()"
            icon="el-icon-search"
@@ -131,7 +178,7 @@
            >{{ $t('common.iquery') }}</el-button
          >
        </el-form-item> -->
        <!-- <el-form-item>
          <!-- <el-form-item>
          <el-button
            @click="resetInfo('queryForm')"
            icon="el-icon-refresh"
@@ -140,95 +187,103 @@
            >{{ $t('common.reset') }}</el-button
          >
        </el-form-item> -->
        <el-form-item  >
          <el-button
            type="danger"
            size="small"
            @click="deleteMetaInfo"
            icon="el-icon-delete"
            >{{ $t('common.delete') }}</el-button
          >
        </el-form-item>
        <el-form-item >
          <el-button
            @click="downFormData"
            icon="el-icon-download"
            type="success"
            size="small"
            >{{ $t('common.download') }}</el-button
          >
        </el-form-item>
</el-form>
 <el-table
            :data="tableData1"
            style="width: 100%"
            @selection-change="handleSelectionChange1"
            height="500px"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column prop="name" :label="$t('dataManage.vmobj.name')" />
            <el-table-column
              prop="type"
              :label="$t('dataManage.vmobj.format')"
            />
            <el-table-column
              prop="sizes"
              :label="$t('dataManage.vmobj.size')"
              :formatter="stateFormatSizes"
            />
            <el-table-column
              prop="depName"
              :label="$t('dataManage.vmobj.depName')"
            />
             <el-table-column
              prop="dirName"
              :label="$t('dataManage.vmobj.dirName')"
            />
          <el-form-item>
            <el-button
              type="danger"
              size="small"
              @click="deleteMetaInfo"
              icon="el-icon-delete"
            >{{ $t('common.delete') }}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="downFormData"
              icon="el-icon-download"
              type="success"
              size="small"
            >{{ $t('common.download') }}</el-button>
          </el-form-item>
        </el-form>
        <el-table
          :data="tableData1"
          style="width: 100%"
          @selection-change="handleSelectionChange1"
          height="500px"
        >
          <el-table-column
            type="selection"
            width="55"
          />
          <el-table-column
            prop="name"
            :label="$t('dataManage.vmobj.name')"
          />
          <el-table-column
            prop="type"
            :label="$t('dataManage.vmobj.format')"
          />
          <el-table-column
            prop="sizes"
            :label="$t('dataManage.vmobj.size')"
            :formatter="stateFormatSizes"
          />
          <el-table-column
            prop="depName"
            :label="$t('dataManage.vmobj.depName')"
          />
          <el-table-column
            prop="dirName"
            :label="$t('dataManage.vmobj.dirName')"
          />
            <el-table-column
          :label="$t('dataManage.dataUpObj.tableName')">
 <template slot-scope="scope">
      <a   @click="detail(scope.row)" >{{
          <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
            <template slot-scope="scope">
              <a @click="showDetail2(scope.row)">{{
          scope.row.tab
        }}</a>
    </template>
            </el-table-column>
            </template>
          </el-table-column>
             <el-table-column
              prop="gather"
              :label="$t('dataManage.vmobj.gather')"
              :formatter="formatData"
            />
            <el-table-column
              prop="describe"
              :label="$t('dataManage.vmobj.describe')"
            />
            <el-table-column
              prop="uname"
              :label="$t('dataManage.vmobj.createonuser')"
            />
            <el-table-column
              prop="createTime"
              :label="$t('dataManage.vmobj.createontime')"
              :formatter="formatData"
            />
            <el-table-column min-width="100" :label="$t('common.operate')">
              <template slot-scope="scope">
                <el-link style="color: white" @click="showDetail1(scope.row)">{{
          <el-table-column
            prop="gather"
            :label="$t('dataManage.vmobj.gather')"
            :formatter="formatData"
          />
          <el-table-column
            prop="describe"
            :label="$t('dataManage.vmobj.describe')"
          />
          <el-table-column
            prop="uname"
            :label="$t('dataManage.vmobj.createonuser')"
          />
          <el-table-column
            prop="createTime"
            :label="$t('dataManage.vmobj.createontime')"
            :formatter="formatData"
          />
          <el-table-column
            min-width="100"
            :label="$t('common.operate')"
          >
            <template slot-scope="scope">
              <el-link
                style="color: white"
                @click="showDetail1(scope.row)"
              >{{
                  $t('common.details')
                }}</el-link>
                <!-- <el-link
              <!-- <el-link
                  @click="editInfo(scope.row)"
                  style="margin-left: 10px; color: white"
                  >{{ $t('common.edit') }}</el-link
                > -->
              </template>
            </el-table-column>
          </el-table>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <div class="panerPage" >
    <div class="panerPage">
      <div class="pagination_box">
        <el-pagination
          @size-change="handleSizeChange"
@@ -249,7 +304,74 @@
      top="10vh"
      :before-close="handleClose"
    >
      <el-dialog width="30%" :visible.sync="innerVisible" append-to-body>
      <!-- æ¡ä»¶-->
      <el-dialog
        width="37%"
        :visible.sync="conditionVisible"
        append-to-body
        title="查询条件"
        :before-close="handleconditionClose"
      >
        <el-form
          :inline="true"
          :model="formSql"
          class="demo-form-inline"
        >
          <el-form-item>
            <el-select
              @change="fieldChange($event)"
              v-model="formSql.field"
            >
              <el-option
                v-for="item in filedsOption"
                :key="item.field"
                :label="item.alias"
                :value="item.field"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-select v-model="formSql.condition">
              <el-option
                v-for="item in condOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item v-show="!fromSqlflag">
            <el-input v-model="formSql.value"></el-input>
          </el-form-item>
          <el-form-item v-show="fromSqlflag">
            <el-date-picker
              v-model="formSql.date"
              type="date"
              placeholder="选择日期"
              value-format="yyyy-MM-dd"
            >
            </el-date-picker>
          </el-form-item>
        </el-form>
        <span
          slot="footer"
          class="dialog-footer"
        >
          <el-button @click="startFiledAndcondition">取 æ¶ˆ</el-button>
          <el-button
            class="primaries"
            @click="appendQueryFilter"
          >ç¡® å®š</el-button>
        </span>
      </el-dialog>
      <!-- é™„ä»¶-->
      <el-dialog
        width="30%"
        :visible.sync="innerVisible"
        append-to-body
      >
        <div class="contentBox">
          <ul>
            <li v-for="(item, index) in itemdetail">
@@ -262,96 +384,166 @@
          </ul>
        </div>
      </el-dialog>
      <el-dialog width="30%" :visible.sync="outerVisible" append-to-body>
              <el-form :model="fromfile" class="demo-form-inline">
        <el-form-item >
          <el-input
            v-model="fromfile.file"
            style="width: 300px; margin-right: 20px"
            :placeholder="$t('common.choose')"
            disabled
          ></el-input>
          <input
            name="file1"
            type="file"
            id="insertFile"
            multiple="multiple"
            style="display: none"
              @change="insertFile( )"
          />
          <el-link  @click="getInsertFile( )" :underline="false"
            ><i class="el-icon-folder-opened"></i
          ></el-link>
        </el-form-item>
        <el-form-item>
          <el-row  >
            <el-col :span="3"> <el-link  class="elLink" :underline="false" @click="setAttachInsert" >{{$t('common.append')}}</i></el-link></el-col>
            <el-col :span="3">   <el-link  class="elLink" :underline="false" @click="setAttachDel" >{{$t('common.delete')}}</i></el-link></el-col>
            <!-- <el-col :span="3">  <el-link  class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> -->
          </el-row>
        </el-form-item>
        <el-form-item>
 <el-table
       :data="tableAttach"
            ref="filterTable"
            height="99%"
            border
            style="width: 100%"
            @selection-change="handleAttatchChange"
          >
                  <el-table-column type="selection" width="55" />
          <el-table-column width="60" type="index" :label="$t('common.index')" />
              <el-table-column  prop="date"
         :label="$t('common.fileNme')"
         />
      <el-table-column
        prop="name"
        :label="$t('common.filePath')"
        />
           </el-table>
        </el-form-item>
        <el-form-item>
<el-row :gutter="20">
  <el-col :span="12" :offset="8">  <el-button  class="primary" @click="outerVisible = false">确认</el-button>  <el-button type="info"   @click="outerVisible = false">取消</el-button></el-col>
</el-row>
        </el-form-item>
      </el-form>
      </el-dialog>
      <div style="height: 700px">
        <el-form ref="ruleForm" :model="ruleForm" :inline="true">
          <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
      <!-- è©³æƒ…-->
      <el-dialog
        width="30%"
        :visible.sync="outerVisible"
        append-to-body
      >
        <el-form
          :model="fromfile"
          class="demo-form-inline"
        >
          <el-form-item>
            <el-input
              v-model="ruleForm.name"
              v-model="fromfile.file"
              style="width: 300px; margin-right: 20px"
              :placeholder="$t('common.choose')"
              disabled
            ></el-input>
            <input
              name="file1"
              type="file"
              id="insertFile"
              multiple="multiple"
              style="display: none"
              @change="insertFile( )"
            />
            <el-link
              @click="getInsertFile( )"
              :underline="false"
            ><i class="el-icon-folder-opened"></i></el-link>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-search"     @click="submitForm('ruleForm')" class="primary" size="small">{{
              $t('common.iquery')
            }}</el-button>
            <el-button icon="el-icon-refresh" @click="resetForm('ruleForm')" type="info" size="small">{{
              $t('common.reset')
            }}</el-button>
            <el-row>
              <el-col :span="3">
                <el-link
                  class="elLink"
                  :underline="false"
                  @click="setAttachInsert"
                >{{$t('common.append')}}</i></el-link>
              </el-col>
              <el-col :span="3">
                <el-link
                  class="elLink"
                  :underline="false"
                  @click="setAttachDel"
                >{{$t('common.delete')}}</i></el-link>
              </el-col>
              <!-- <el-col :span="3">  <el-link  class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> -->
            </el-row>
          </el-form-item>
          <el-form-item>
            <el-table
              :data="tableAttach"
              ref="filterTable"
              height="99%"
              border
              style="width: 100%"
              @selection-change="handleAttatchChange"
            >
              <el-table-column
                type="selection"
                width="55"
              />
              <el-table-column
                width="60"
                type="index"
                :label="$t('common.index')"
              />
              <el-table-column
                prop="date"
                :label="$t('common.fileNme')"
              />
              <el-table-column
                prop="name"
                :label="$t('common.filePath')"
              />
            </el-table>
          </el-form-item>
          <el-form-item>
            <el-row :gutter="20">
              <el-col
                :span="12"
                :offset="8"
              >
                <el-button
                  class="primary"
                  @click="outerVisible = false"
                >确认</el-button>
                <el-button
                  type="info"
                  @click="outerVisible = false"
                >取消</el-button>
              </el-col>
            </el-row>
          </el-form-item>
        </el-form>
      </el-dialog>
      <div style="height: 700px">
        <el-form
          v-if="isMenuActive"
          ref="ruleForm"
          :model="ruleForm"
          :inline="true"
        >
          <el-form-item>
            <el-input
              type="textarea"
              v-model="formInline.fileName"
              class="nm-skin-pretty"
              show-word-limit
              :rows="2"
              resize='none'
              disabled
              style="width: 650px;"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="conditionVisible = true"
              type="info"
              icon="el-icon-plus"
            >{{$t('common.append')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="submitForm()"
              type="info"
              icon="el-icon-search"
            >{{$t('common.iquery')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              type="info"
              @click="resetForm()"
              icon="el-icon-search"
            >{{$t('common.reset')}}</el-button>
          </el-form-item>
        </el-form>
        <el-divider class="eldivider" />
        <el-table
          ref="filterTable"
          :data="tableData"
          height="78%"
          height="76%"
          border
          style="width: 100%"
          @selection-change="handleSelectionChange"
        >
          <el-table-column type="selection" align="center" width="55" />
          <el-table-column
            type="selection"
            align="center"
            width="55"
          />
          <el-table-column
            width="60"
            type="index"
            align="center"
            :label="$t('common.index')"
            :index="indexAdd"
          />
          <el-table-column
            v-for="(item, index) in attributeData"
@@ -362,6 +554,7 @@
            align="center"
          ></el-table-column>
          <el-table-column
            v-if="isMenuActive"
            min-width="80"
            align="center"
            :label="$t('common.operate')"
@@ -370,14 +563,12 @@
              <el-link
                class="elLink"
                @click="showDetail(scope.$index, scope.row)"
                >{{ $t('common.details') }}</el-link
              >
              >{{ $t('common.details') }}</el-link>
              <el-link
                class="elLink"
                @click="getAttachTable(scope.$index, scope.row)"
                style="margin-left: 20px"
                >{{ $t('common.enclosure') }}</el-link
              >
              >{{ $t('common.enclosure') }}</el-link>
            </template>
          </el-table-column>
        </el-table>
@@ -397,7 +588,10 @@
        </div>
      </div>
    </el-dialog>
     <div class="downloadBox" v-if="showCodeBox">
    <div
      class="downloadBox"
      v-if="showCodeBox"
    >
      <h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
      <el-form
        :model="codeForm"
@@ -406,27 +600,54 @@
        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
          :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
          :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="download('codeForm')"
            >{{$t('common.confirm')}}</el-button
          >
          <el-button type="info" size="small" @click="closeDown('codeForm')"
            >{{$t('common.cancel')}}</el-button
          >
          <el-button
            class="primary"
            size="small"
            @click="download('codeForm')"
          >{{$t('common.confirm')}}</el-button>
          <el-button
            type="info"
            size="small"
            @click="closeDown('codeForm')"
          >{{$t('common.cancel')}}</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="infoBox" v-show="showinfoBox1">
    <div
      class="infoBox"
      v-show="showinfoBox1"
    >
      <el-card class="box-card">
        <div slot="header" class="clearfix">
        <div
          slot="header"
          class="clearfix"
        >
          <span>{{ $t('common.details') }}</span>
          <div style="float: right; cursor: pointer" @click="closeDetial">
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
        </div>
@@ -474,20 +695,26 @@
      </el-card>
    </div>
    <el-dialog
  :title=" $t('synthesis.rangequery')"
  :visible.sync="dialogMapVisible"
  width="90%"
  :before-close="handleMapClose">
<div style="height:700px">
  <map-sdk v-if='showMapVisible'></map-sdk>
</div>
</el-dialog>
     <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
      :title=" $t('synthesis.rangequery')"
      :visible.sync="dialogMapVisible"
      width="90%"
      :before-close="handleMapClose"
    >
      <div style="height:700px">
        <map-sdk v-if='showMapVisible'></map-sdk>
      </div>
    </el-dialog>
    <iframe
      id="downFrame"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
  </div>
</template>
<script>
import { flatten } from '@turf/turf';
import { conditions } from './Archive.js'
import {
  dataLib_selectTabs,
  dataLib_selectFields,
@@ -498,8 +725,11 @@
  dataLib_selectByPageForMeta,
  dataLib_selectDownloadFile,
  dataLib_downloadReq,
  dataLib_selectTabFields,
  sign_getPublicKey,
  dataLib_selectDbData,
  selectdirTab,
  selectdepTab,
  deleteMeta,
} from '../../api/api';
import $ from 'jquery'
@@ -513,7 +743,7 @@
    MapSdk
  },
  data() {
     var repasswordValidator = (rule, value, callback) => {
    var repasswordValidator = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('请再次输入密码'));
      } else if (value !== this.codeForm.password) {
@@ -534,22 +764,36 @@
      }
    };
    return {
      queryForm:{
        dirid:null,
      conditionVisible: false,
      formSql: {
        field: '',
        condition: '',
        value: '',
        type: '',
        date: '',
      },
      formInline: {tab:''},
        fromSqlflag: false,
      filedsOption: [],
      condOption: [],
      queryForm: {
        dirid: null,
        depid: null,
      },
      formInline: { tab: '', fileName: '' },
      codeForm: {
        password: '',
        repassword: '',
      },
      fromfile:{ file: '',},
      fromfile: { file: '', },
      listType: [], // 1mi
      listProject: [],
      companyOption:[],
      showinfoBox1:false,
      dialogMapVisible:false,
      showMapVisible:false,
      showCodeBox:false,
      companyOption: [],
      companyOption1: [],
      showinfoBox1: false,
      dialogMapVisible: false,
      showMapVisible: false,
      showCodeBox: false,
      showFirstAll: false,
      isShowFirstCheck: false,
      showSecondAll: false,
@@ -562,16 +806,17 @@
      filedsLayer: [],
      attributeData: [],
      tableData: [],
      tableData1:[],
      tableData1: [],
      multipleSelection: [],
      multipleSelection1:[],
         attacgSelection: [],
      tableAttach:[],
      multipleSelection1: [],
      attacgSelection: [],
      tableAttach: [],
      itemdetail: [],
      itemdetail1:{},
      itemdetail1: {},
      listTypeData: {
        pageIndex: 1,
        pageSize: 10,
        id: null,
        name: null,
        filter: null,
        wkt: null,
@@ -579,28 +824,29 @@
      listData: {
        pageIndex: 1,
        pageSize: 10,
        tab:''
        tab: ''
      },
      count: 0,
      count1: 0,
      dialogtitle: null,
      ruleForm: {
        name: null,
        textarea: '',
      },
        rules: {
      rules: {
        password: [{ required: true, message: '请输入密码', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
        repassword: [
          { required: true, message: '请输入确认密码', trigger: 'blur' },
          { validator: repasswordValidator, trigger: 'blur' },
        ],
      },
      upAttach:{
        tabName:null,
        eventid:null,
      upAttach: {
        tabName: null,
        eventid: null,
      }
    };
  },
  computed: {
    newList() {
      this.listType.forEach((item) => {
        this.$set(item, 'isCheckedFlag', false);
@@ -647,31 +893,33 @@
    },
  },
  methods: {
    getSpaceMapVisibale(){
      this.dialogMapVisible =true;
      this.showMapVisible =true;
    getSpaceMapVisibale() {
      this.dialogMapVisible = true;
      this.showMapVisible = true;
      this.$store.state.mapMenuBoolean = true;
      this.$store.state.mapMenuBoxFlag = '1';
       this.$store.state.mapPopBoolean = false;
        this.$store.state.mapPopBoxFlag = null;
      this.$store.state.mapPopBoolean = false;
      this.$store.state.mapPopBoxFlag = null;
      this.$store.state.download = true;
    },
    handleMapClose(){
   this.$confirm('确认关闭?')
    handleMapClose() {
      this.$confirm('确认关闭?')
        .then((_) => {
          this.closeMapDown();
        })
        .catch((_) => {});
        .catch((_) => { });
    },
    closeMapDown(){
      this.dialogMapVisible =false;
      this.showMapVisible =false;
    closeMapDown() {
      this.dialogMapVisible = false;
      this.showMapVisible = false;
      this.$store.state.mapMenuBoolean = false;
      this.$store.state.mapMenuBoxFlag = null;
      this.$store.state.download = false;
       this.$store.state.mapPopBoolean = false;
        this.$store.state.mapPopBoxFlag = null;
      this.$store.state.mapPopBoolean = false;
      this.$store.state.mapPopBoxFlag = null;
    },
    moreEvent(res) {
      switch (res) {
@@ -696,22 +944,23 @@
    getMenuChange(res) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.formInline.tab=""
      this.formInline.tab = ""
      switch (res) {
        case 1:
            this.getDataLibSelectTabs();
          this.getDataLibSelectTabs();
          this.isMenuActive = true;
          break;
        case 2:
          this.getQueryDepTree();
          this.getQueryDirTree();
          this.isMenuActive = false;
          break;
      }
    },
     //单位列表获取
    async getQueryDepTree() {
    //单位列表获取
    async getQueryDirTree() {
      const res = await selectdirTab();
      if (res.code != 200) {
        this.$message.error('单位列表获取失败');
@@ -719,23 +968,33 @@
      }
      this.queryForm.dirid = 1;
      this.companyOption = this.treeData(res.result);
      this.getQueryDepTree();
    },
     async getQueryDepTree(){
   const res = await selectdepTab();
      if (res.code != 200) {
        this.$message.error('单位列表获取失败');
        return;
      }
      this.queryForm.depid = 1;
      this.companyOption1 = this.treeData(res.result);
      this.getMetaData();
    },
        // æŸ¥è¯¢
    // æŸ¥è¯¢
    queryInfo() {
      this.listData.name = this.formInline.tab;
      this.getMetaData();
    },
     // é‡ç½®æŸ¥è¯¢
    // é‡ç½®æŸ¥è¯¢
    resetInfo(formName) {
this.queryForm.name ='';
      this.queryForm.name = '';
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.listData.name = null;
      this.getMetaData();
    },
     deleteMetaInfo() {
    deleteMetaInfo() {
      this.$confirm('确定是否删除所选内容?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
@@ -766,14 +1025,14 @@
          this.$message('已取消删除');
        });
    },
     downFormData() {
    downFormData() {
      if (this.multipleSelection1.length == 0) {
        alert('请先选择要下载的文件');
        return;
      }
      this.showCodeBox = true;
    },
     async download() {
    async download() {
      var std = [];
      for (var i in this.multipleSelection1) {
        std.push(this.multipleSelection1[i].id)
@@ -810,20 +1069,27 @@
      this.codeForm.password = '';
      this.codeForm.repassword = '';
    },
 getMetaData() {
    this.listData.dirid = this.queryForm.dirid
    getMetaData() {
      this.listData.dirid = this.queryForm.dirid
      this.listData.depid = this.queryForm.dirid;
      dataLib_selectByPageForMeta(this.listData).then((res) => {
        this.tableData1 = res.result;
        this.count = res.count;
      });
    },
    handleChange(value) {
   this.listData.pageSize = 10;
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.dirid = value;
       this.getMetaData();
      this.getMetaData();
    },
 //树列表生成
    handleChange1(value) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.depid = value;
      this.getMetaData();
    },
    //树列表生成
    treeData(source) {
      let cloneData = JSON.parse(JSON.stringify(source)); // å¯¹æºæ•°æ®æ·±åº¦å…‹éš†
      return cloneData.filter((father) => {
@@ -833,20 +1099,20 @@
        return father.pid == 0; // è¿”回一级菜单
      });
    },
    searchDataLibSelectTabs(){
          if(this.isMenuActive == true){
            this.getDataLibSelectTabs()
          }else{
              this.queryInfo();
          }
    searchDataLibSelectTabs() {
      if (this.isMenuActive == true) {
        this.getDataLibSelectTabs()
      } else {
        this.queryInfo();
      }
    },
restDataLibSelectTabs(){
  this.formInline.tab=""
  this.listData.pageIndex =1;
  this.listData.pageSize=10
  this.searchDataLibSelectTabs();
    restDataLibSelectTabs() {
      this.formInline.tab = ""
      this.listData.pageIndex = 1;
      this.listData.pageSize = 10
      this.searchDataLibSelectTabs();
},
    },
    async getDataLibSelectTabs() {
      this.listData.tab = this.formInline.tab
      const data = await dataLib_selectTabs(this.listData);
@@ -854,12 +1120,12 @@
        this.$message.error('列表调用失败');
        return;
      }
      this.count =data.count;
      this.count = data.count;
      this.dataType = data.result;
    },
    showDetail1(row){
    showDetail1(row) {
  this.showinfoBox1 = true;
      this.showinfoBox1 = true;
      this.itemdetail1 = row;
    },
@@ -868,29 +1134,71 @@
      this.showinfoBox1 = false;
      this.itemdetail = {};
    },
     // å…³é”®å­—查询
    // å…³é”®å­—查询
    submitForm() {
      this.listTypeData.pageIndex = 1;
      this.listTypeData.pageSize = 10;
      //获取table信息
      this.getCollapseTable(this.filedsLayer);
    },
     // é‡ç½®æŸ¥è¯¢
    resetForm(formName) {
      this.searchName = '';
      this.$refs[formName].resetFields();
      //获取table信息
        this.listTypeData.pageIndex = 1;
      this.listTypeData.pageSize = 10;
      this.getCollapseTable(this.filedsLayer);
    indexAdd(index) {
      const page = this.listTypeData.pageIndex // å½“前页码
      const pagesize = this.listTypeData.pageSize  // æ¯é¡µæ¡æ•°
      return index + 1 + (page - 1) * pagesize
    },
    // é‡ç½®æŸ¥è¯¢
    resetForm(formName) {
      this.formInline.fileName = ""
      //获取table信息
      this.listTypeData.pageIndex = 1;
      this.listTypeData.pageSize = 10;
      this.getCollapseTable(this.filedsLayer);
    },
    async showDetail2(res) {
      var val = res.tab.split(".");
      const data = await dataLib_selectTabFields({
        ns: val[0],
        tab: val[1]
      })
      if (data.code != 200) {
        this.$message.error('字段列表调用失败');
        return
      }
      this.listTypeData.pageIndex = 1;
      this.listTypeData.pageSize = 10;
      this.attributeData = data.result;
      this.dialogtitle = res.name + '(' + res.tab + ')';
      this.listTypeData.id = res.id;
      const data1 = await dataLib_selectDbData(this.listTypeData)
      var option = data1.result;
      for (var i in option) {
        option[i].dirid = option[i].dirName;
        option[i].depid = option[i].depName;
        option[i].createuser = option[i].createName;
        option[i].updateuser = option[i].updateName;
        option[i].verid = option[i].verName;
        if (option[i].createtime != null) {
          option[i].createtime = this.setInfoBoxTime(option[i].createtime)
        }
        if (option[i].updatetime != null) {
          option[i].updatetime = this.setInfoBoxTime(option[i].updatetime)
        }
      }
      this.count1 = data1.count;
      this.tableData = data1.result;
      this.dialogVisible = true;
    },
    async getShowTable(res) {
      this.listTypeData.name = res.entity;
      this.listTypeData.pageIndex = 1;
      this.listTypeData.pageSize = 10;
      this.dialogtitle = res.tabDesc + '(' + res.tab + ')';
      this.upAttach.tabName= res.ns+"."+res.tab;
      this.upAttach.tabName = res.ns + "." + res.tab;
      this.filedsLayer = this.getCollapseDomFiled();
      this.getCollapseTable(this.filedsLayer);
@@ -913,24 +1221,24 @@
      this.innerVisible = true;
    },
    getAttachTable(index, row) {
      if(row.eventid != null){
      if (row.eventid != null) {
        this.upAttach.eventid = row.eventid;
      }else{
        this.upAttach.eventid ="";
      } else {
        this.upAttach.eventid = "";
      }
      this.outerVisible = true;
      this.getAttacthFlieList();
    },
 async setAttachDel() {
       var std = [];
    async setAttachDel() {
      var std = [];
      for (var i in this.attacgSelection) {
        std.push(this.attacgSelection[i].id);
      }
      const res = await dataLib_deletes({ ids: std.toString() });
      if(res.code != 200){
      if (res.code != 200) {
        this.$message.error('文件删除失败');
      }
       this.getAttacthFlieList();
      this.getAttacthFlieList();
    },
    setAttachInsert() {
      var token = getToken();
@@ -945,7 +1253,7 @@
        formData.append('file', fs.files[i]); // fs.files[i].name,file
      }
      $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName="+this.upAttach.tabName+"&eventid="+this.upAttach.eventid, {
      $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName=" + this.upAttach.tabName + "&eventid=" + this.upAttach.eventid, {
        type: "post",
        data: formData,
        async: true,
@@ -965,7 +1273,7 @@
        },
        error: (e) => {
          document.getElementById("insertFile").value = "";
            this.fromfile = {
          this.fromfile = {
            file: '',
          }
          this.$message.error('附件添加失败');
@@ -974,8 +1282,8 @@
    },
   async getAttacthFlieList(){
  var obj =this.upAttach;
    async getAttacthFlieList() {
      var obj = this.upAttach;
      const res = await dataLib_selectFiles(obj);
      if (res.code != 200) {
        this.$message.error('列表调用失败');
@@ -999,15 +1307,15 @@
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    handleAttatchChange(val){
 this.attacgSelection = val;
    handleAttatchChange(val) {
      this.attacgSelection = val;
    },
    async getCollapseTable(res) {
      res.then((val) => {
        this.attributeData = val;
      });
      if (this.ruleForm.name != null) {
        this.listTypeData.filter = 'name like ' + this.ruleForm.name;
      if (this.formInline.fileName != "") {
        this.listTypeData.filter = this.formInline.fileName;
      } else {
        this.listTypeData.filter = null;
      }
@@ -1019,7 +1327,6 @@
      }
      var res_val = this.attributeData;
      this.count1 = data.count;
      for (var i in data.result) {
        let val_Data = data.result[i];
@@ -1030,6 +1337,16 @@
          }
        }
      }
      for (var i in data.result) {
        if (data.result[i].createtime != null) {
          data.result[i].createtime = this.format(data.result[i].createtime)
        }
        if (data.result[i].updatetime != null) {
          data.result[i].updatetime = this.format(data.result[i].updatetime)
        }
      }
      this.count1 = data.count;
      this.tableData = data.result;
      this.dialogVisible = true;
@@ -1065,8 +1382,14 @@
      }
      var data1 = fileds.result;
      var data2 = domains.result;
      this.formInline.fileName = ""
      var std = [];
      for (var i in data1) {
        if (data1[i].type != 'geomtry' && data1[i].type != 'null') {
          this.filedsOption.push(data1[i])
        }
        if (data1[i].showtype == 1) {
          if (data1[i].domainNa != null) {
            data1[i].domainNa = this.getDomainNaFild(data1[i].domainNa, data2);
@@ -1074,9 +1397,106 @@
          std.push(data1[i]);
        }
      }
      this.startFiledAndcondition();
      return std;
    },
  //值域字段匹配
    fieldChange(value) {
      var obj = {}
      obj = this.filedsOption.find(function (item) {
        return item.field === value;
      })
      this.conditionChange(obj)
    },
    conditionChange(res) {
      this.formSql.field = res.field;
      this.formSql.type = res.type;
      if (res.type == "date" || res.type == "datetime") {
        this.fromSqlflag = true
      } else {
        this.fromSqlflag = false
      }
      var std = [];
      this.condOption = [];
      if (res.type == 'text' || res.type == 'blob') {
        std = conditions[0]
      } else if (res.type == 'date' || res.type == 'datetime') {
        std = conditions[2]
      } else {
        std = conditions[1]
      }
      for (var i in std) {
        this.condOption.push({
          label: std[i],
          value: std[i],
        })
      }
      this.formSql.condition = this.condOption[0].value
    },
    appendQueryFilter() {
      if (this.formSql.type == "date" || this.formSql.type == "datetime") {
        if (this.formSql.date == null) {
          this.$message.error('请输入要查询的信息!');
          return;
        }
      } else {
        if (this.formSql.value == "") {
          this.$message.error('请输入要查询的信息!');
          return;
        }
      }
      if (this.formInline.fileName != "") {
        this.formInline.fileName += " and ";
      }
      var val;
      if (this.formSql.type == "long" || this.formSql.type == "integer") {
        val = parseInt(this.formSql.value);
      } else if (this.formSql.type == 'double') {
        if (this.formSql.value.indexOf(".") != -1) {
          val = this.formSql.value;
        } else {
          val = parseFloat(this.formSql.value).toFixed(1)
        }
      } else if (this.formSql.type == "date" || this.formSql.type == "datetime") {
        var time = new Date(this.formSql.date);
        var m = time.getMonth() + 1;
        var d = time.getDate();
        var y = time.getFullYear();
        val = "'" + y +
          '-' +
          this.add0(m) +
          '-' +
          this.add0(d) + "'";
      } else {
        val = "'" + this.formSql.value + "'";
      }
      this.formInline.fileName += this.formSql.field + " " + this.formSql.condition + " " + val;
      this.startFiledAndcondition();
    },
    startFiledAndcondition() {
      this.conditionVisible = false;
      this.conditionChange(this.filedsOption[0]);
      this.formSql.value = "";
      this.formSql.date = new Date();
    },
    handleconditionClose() {
      this.$confirm('确认关闭?')
        .then(_ => {
          this.startFiledAndcondition();
        })
        .catch(_ => { });
    },
    //值域字段匹配
    getDomainNaFild(res, result) {
      for (var i in result) {
        if (result[i].domName == res) {
@@ -1086,22 +1506,22 @@
      return null;
    },
    handleSizeChange(res) {
                   this.listData.pageIndex = 1;
      this.listData.pageIndex = 1;
      this.listData.pageSize = res;
      if(this.isMenuActive == false){this.getMetaData()}else{this.getDataLibSelectTabs()}
      if (this.isMenuActive == false) { this.getMetaData() } else { this.getDataLibSelectTabs() }
    },
    handleCurrentChange(res) {
         this.listData.pageIndex = res;
          if(this.isMenuActive == false){this.getMetaData()}else{this.getDataLibSelectTabs()}
      this.listData.pageIndex = res;
      if (this.isMenuActive == false) { this.getMetaData() } else { this.getDataLibSelectTabs() }
    },
     async signGetPublicKey() {
    async signGetPublicKey() {
      const res = await sign_getPublicKey();
      if (res && res.code == 200) {
        window.encrypt = new JSEncrypt();
        encrypt.setPublicKey(res.result);
      }
    },
     //单位转换
    //单位转换
    stateFormatSizes(row, column) {
      if (row.sizes >= 1024) {
        const val = parseFloat(row.sizes / 1024).toFixed(3);
@@ -1110,7 +1530,7 @@
        return row.sizes + ' MB';
      }
    },
     setInfoBoxTime(res) {
    setInfoBoxTime(res) {
      if (res == null) {
        return res;
      }
@@ -1123,7 +1543,7 @@
        return res + ' MB';
      }
    },
     //格式化列表
    //格式化列表
    formatData(row, column) {
      let data = row[column.property];
      if (data == null) {
@@ -1320,11 +1740,11 @@
  .elLink {
    color: white;
  }
    .infoBox {
  .infoBox {
    width: 500px;
    position: absolute;
    z-index: 100;
    top:  25%;
    top: 25%;
    right: 25%;
    background: #303030;
    color: #fff;
@@ -1349,7 +1769,7 @@
    }
  }
.downloadBox {
  .downloadBox {
    position: absolute;
    top: 20%;
    left: 40%;
@@ -1398,16 +1818,14 @@
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
}
  .elLink {
    color: white !important;
  }
  .el-icon-folder-opened {
    color: white;
  }
.elLink {
  color: white !important;
}
.el-icon-folder-opened {
  color: white;
}
.contentBox {
  height: 550px;
@@ -1428,74 +1846,89 @@
/deep/ .el-dialog__body {
  padding: 10px;
}
 /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
/*修改table è¡¨ä½“的背景颜色和文字颜色*/
/deep/ .el-table {
  background-color: transparent;
  th,
  td {
    background-color: transparent;
    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }
    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }
    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }
    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }
    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }
    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
    // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置;
  /deep/.el-input__inner {
    background-color: transparent !important ;
  .el-table__expanded-cell {
    background-color: transparent !important;
  }
  // è¡¨å¤´èƒŒæ™¯è‰²
  th.el-table__cell {
    background-color: #303030;
    color: #fff;
    border: 1px solid white !important;
  }
    /deep/.el-form-item__label {
    color: white;
  tr > td {
    background-color: #303030;
    color: #fff;
  }
  /deep/.el-dialog__wrapper{
    overflow: hidden;
  // hover效果
  tr:hover > td {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    // text-align: center;
  }
  // æ»šåŠ¨æ¡å®½é«˜
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    /*滚动条宽度*/
    height: 5px;
    /*滚动条高度*/
  }
  /*定义滚动条轨道 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: 0px 1px 3px #216fe6 inset;
    /*滚动条的背景区域的内阴影*/
    border-radius: 10px;
  }
  /*定义滑块 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    box-shadow: 0px 1px 3px #216fe6 inset;
    border-radius: 6px;
    background-color: #216fe6;
  }
}
// è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置;
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid white !important;
}
/deep/.el-form-item__label {
  color: white;
}
/deep/.el-dialog__wrapper {
  overflow: hidden;
}
/deep/.el-textarea__inner {
  background: transparent;
  border-color: #fff !important;
  color: white;
  height: 70px !important;
}
/deep/.el-form-item {
  margin-bottom: 0px;
}
/deep/.el-form-item__content {
  line-height: 70px;
}
/deep/.el-textarea.is-disabled .el-textarea__inner {
  background: transparent;
}
</style>
src/views/Thematic/index.vue
@@ -326,6 +326,15 @@
      window.sgworld.navControl('nav', false);
      //比例尺
      window.sgworld.navControl('scale', false);
  var option = {
        url: window.sceneConfig.mpt.url,
        layerName: window.sceneConfig.mpt.name,
        requestVertexNormals: true,
      };
      sgworld.Creator.sfsterrainprovider('mpt', option, '', true, '');
    },
    changeMenulayer() {
      this.isActive = !this.isActive;
src/views/Tools/queryinfo.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,96 @@
<template>
  <div class="InfoPopup">
    <Popup
      ref="pop"
      v-for="(data, index) in PopupData"
      :key="data.id"
       :title="data.title || '提示'"
       maxHeight="360px"
      @close="close(data.id)"
      left="calc(100% - 960px)"
      top="calc(100% - 430px) "
    >
   <div>
    <div style="width:940px;height:358px;">
  <map-menu-pop v-if="$store.state.mapPopBoxFlag == '1'" />
        <map-space-pop v-if="$store.state.mapPopBoxFlag == '2'" />
    </div>
   </div>
    </Popup>
  </div>
</template>
<script>
import Popup from './Popup.vue';
import mapMenuPop from '../../components/MapView/mapMenuPop.vue';
import mapSpacePop from '../../components/MapView/mapSpacePop.vue';
export default {
  name: 'queryinfo',
  components: {
    Popup,
 mapMenuPop,
 mapSpacePop
  },
  data() {
    return {
      // å¼¹çª—数据
      PopupData: ['queryinfo'],
      left: 'calc(100% - 600px)',
      top: 'calc(100% - 10px)',
    };
  },
  computed: {},
  mounted() {
  },
  methods: {
    // å…³é—­æ‰€æœ‰
    closeAll() {
      this.PopupData.forEach((item) => {
        item.close && item.close();
      });
      this.PopupData = [];
    },
    // å…³é—­å¼¹çª—
    close(id) {
      let index = this.PopupData.findIndex((item) => {
        return item.id === id;
      });
      let data = this.PopupData.splice(index, 1)[0];
      data.close && data.close();
    },
    // æ‰“开弹窗
    open(title, value, style = {}) {
      this.PopupData.push({
        id: this.createRandomId(),
        title,
        value,
        ...style,
      });
      let index = this.PopupData.length - 1;
      this.$nextTick(() => {
        this.$refs.pop[index].open();
      });
      return this.PopupData[index];
    },
    // éšæœºid
    createRandomId() {
      return (
        (Math.random() * 10000000).toString(16).substr(0, 4) +
        '-' +
        new Date().getTime() +
        '-' +
        Math.random().toString().substr(2, 5)
      );
    },
  },
};
</script>
<style scoped lang="less">
src/views/datamanage/SpatialData.vue
@@ -1,50 +1,68 @@
<template>
  <div class="Spatialbox">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.dataRetrieval')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="spatialContent">
      <div class="spatial_leftTree">
        <el-tree
          ref="treeDay"
          :data="tree"
          :props="defaultProps"
          :default-expanded-keys="[1]"
          node-key="id"
          :current-node-key="10"
          @node-click="handleNodeClick"
        ></el-tree>
      </div>
      <div class="spatial_rightContent">
        <el-form ref="ruleForm" :model="ruleForm" :inline="true">
          <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
            <el-input v-model="ruleForm.name" :placeholder="$t('common.choose')" />
        <el-form
          ref="ruleForm"
          :model="ruleForm"
          :inline="true"
        >
          <el-form-item>
            <el-input
              type="textarea"
              v-model="ruleForm.fileName"
              class="nm-skin-pretty"
              show-word-limit
              :rows="2"
              resize='none'
              disabled
              style="width: 650px;"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="submitForm('ruleForm')"
              icon="el-icon-search"
              class="primary"
              size="small"
              >{{$t('common.iquery')}}</el-button
            >
              @click="conditionVisible = true"
              class="primaries"
              icon="el-icon-plus"
            >{{$t('common.append')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="resetForm('ruleForm')"
              @click="submitForm"
              class="primaries"
              icon="el-icon-search"
            >{{$t('common.iquery')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="resetForm"
              icon="el-icon-refresh"
              type="info"
              size="small"
              >{{$t('common.reset')}}</el-button
            >
            <!-- <el-button
              v-if="btnStatus.download"
              icon="el-icon-position"
              type="success"
              size="small"
              >{{$t('common.download')}}</el-button
            > -->
            >{{$t('common.reset')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="getSpaceMapVisibale"
              class="primaries"
            >{{
              $t('synthesis.rangequery')
            }}</el-button>
          </el-form-item>
        </el-form>
        <el-divider class="eldivider" />
@@ -55,11 +73,17 @@
            height="500px"
            border
            style="width: 100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column width="60" type="index" :label="$t('common.index')" />
            <el-table-column
              type="selection"
              width="55"
            />
            <el-table-column
              width="60"
              type="index"
              :label="$t('common.index')"
            />
            <el-table-column
              v-for="(item, index) in attributeData"
              :key="index"
@@ -68,22 +92,27 @@
              show-overflow-tooltip
              align="center"
            ></el-table-column>
            <el-table-column min-width="80" :label="$t('common.operate')">
            <el-table-column
              min-width="80"
              :label="$t('common.operate')"
            >
              <template slot-scope="scope">
                <el-link class="elLink"
                <el-link
                  class="elLink"
                  @click="showDetail(scope.$index, scope.row)"
                  >{{$t('common.details')}}</el-link
                >
                <el-link class="elLink"
                >{{$t('common.details')}}</el-link>
                <el-link
                  class="elLink"
                  @click="getAttachTable(scope.$index, scope.row)"
                  style="margin-left: 20px;  "
                  >{{$t('common.enclosure')}}</el-link
                >
                >{{$t('common.enclosure')}}</el-link>
              </template>
            </el-table-column>
          </el-table>
          <div style="margin-top: 20px" class="pagination_box">
          <div
            style="margin-top: 20px"
            class="pagination_box"
          >
            <el-pagination
              v-if="changePag"
              @size-change="handleSizeChange"
@@ -99,11 +128,20 @@
        </div>
      </div>
    </div>
        <div class="infoBox" v-show="showinfoBox">
    <div
      class="infoBox"
      v-show="showinfoBox"
    >
      <el-card class="box-card">
        <div slot="header" class="clearfix">
        <div
          slot="header"
          class="clearfix"
        >
          <span>{{$t('common.details')}}</span>
          <div style="float: right; cursor: pointer" @click="closeDetial">
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
        </div>
@@ -120,9 +158,16 @@
        </div>
      </el-card>
    </div>
    <el-dialog :title="$t('common.attachinform')" width="30%" :visible.sync="dialogFormVisible">
      <el-form :model="formInline" class="demo-form-inline">
        <el-form-item >
    <el-dialog
      :title="$t('common.attachinform')"
      width="30%"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        :model="formInline"
        class="demo-form-inline"
      >
        <el-form-item>
          <el-input
            v-model="formInline.file"
            style="width: 300px; margin-right: 20px"
@@ -135,55 +180,161 @@
            id="insertFile"
            multiple="multiple"
            style="display: none"
              @change="insertFile( )"
            @change="insertFile( )"
          />
          <el-link  @click="getInsertFile( )" :underline="false"
            ><i class="el-icon-folder-opened"></i
          ></el-link>
          <el-link
            @click="getInsertFile( )"
            :underline="false"
          ><i class="el-icon-folder-opened"></i></el-link>
        </el-form-item>
        <el-form-item>
          <el-row  >
            <el-col :span="3"> <el-link  class="elLink" :underline="false" @click="setAttachInsert" >{{$t('common.append')}}</i></el-link></el-col>
            <el-col :span="3">   <el-link  class="elLink" :underline="false" @click="setAttachDel" >{{$t('common.delete')}}</i></el-link></el-col>
          <el-row>
            <el-col :span="3">
              <el-link
                class="elLink"
                :underline="false"
                @click="setAttachInsert"
              >{{$t('common.append')}}</i></el-link>
            </el-col>
            <el-col :span="3">
              <el-link
                class="elLink"
                :underline="false"
                @click="setAttachDel"
              >{{$t('common.delete')}}</i></el-link>
            </el-col>
            <!-- <el-col :span="3">  <el-link  class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> -->
          </el-row>
        </el-form-item>
        <el-form-item>
 <el-table
       :data="tableAttach"
          <el-table
            :data="tableAttach"
            ref="filterTable"
            height="99%"
            border
            style="width: 100%"
            @selection-change="handleAttatchChange"
          >
                  <el-table-column type="selection" width="55" />
          <el-table-column width="60" type="index" :label="$t('common.index')" />
              <el-table-column  prop="date"
         :label="$t('common.fileNme')"
         />
            <el-table-column
              type="selection"
              width="55"
            />
            <el-table-column
              width="60"
              type="index"
              :label="$t('common.index')"
            />
            <el-table-column
              prop="date"
              :label="$t('common.fileNme')"
            />
      <el-table-column
        prop="name"
        :label="$t('common.filePath')"
        />
            <el-table-column
              prop="name"
              :label="$t('common.filePath')"
            />
           </el-table>
          </el-table>
        </el-form-item>
        <el-form-item>
<el-row :gutter="20">
  <el-col :span="12" :offset="8">  <el-button  class="primary" @click="dialogFormVisible = false">确认</el-button>  <el-button type="info"   @click="dialogFormVisible = false">取消</el-button></el-col>
</el-row>
          <el-row :gutter="20">
            <el-col
              :span="12"
              :offset="8"
            >
              <el-button
                class="primary"
                @click="dialogFormVisible = false"
              >确认</el-button>
              <el-button
                type="info"
                @click="dialogFormVisible = false"
              >取消</el-button>
            </el-col>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>
    <el-dialog
      width="37%"
      :visible.sync="conditionVisible"
      append-to-body
      title="查询条件"
      :before-close="handleconditionClose"
    >
      <el-form
        :inline="true"
        :model="formSql"
        class="demo-form-inline"
      >
        <el-form-item>
          <el-select
            @change="fieldChange($event)"
            v-model="formSql.field"
          >
            <el-option
              v-for="item in filedsOption"
              :key="item.field"
              :label="item.alias"
              :value="item.field"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-select v-model="formSql.condition">
            <el-option
              v-for="item in condOption"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item v-show="!fromSqlflag">
          <el-input v-model="formSql.value"></el-input>
        </el-form-item>
        <el-form-item v-show="fromSqlflag">
          <el-date-picker
            v-model="formSql.date"
            type="date"
            placeholder="选择日期"
            value-format="yyyy-MM-dd"
          >
          </el-date-picker>
        </el-form-item>
      </el-form>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="startFiledAndcondition">取 æ¶ˆ</el-button>
        <el-button
          class="primaries"
          @click="appendQueryFilter"
        >ç¡® å®š</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title=" $t('synthesis.rangequery')"
      :visible.sync="dialogMapVisible"
      width="90%"
      :before-close="handleMapClose"
    >
      <div style="height:700px">
        <map-sdk v-if='showMapVisible'></map-sdk>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import MapSdk from '../../components/mapsdk.vue'
import $ from 'jquery';
import { conditions } from '../Archive/Archive.js'
import {
  dataQuery_selectTabs,
  dataQuery_selectDomains,
@@ -199,21 +350,32 @@
export default {
  //import引入的组件需要注入到对象中才能使用
  name: 'dataSearch',
  components: { MyBread, catalogueTree },
  components: { MyBread, catalogueTree, MapSdk },
  data() {
    return {
      attachtable: ['b_pac_geologic_hazard', 'b_hydrogeology', 'b_pac_meteorological', 'b_pac_marine_meteorological', 'b_pac_frozensoil', 's_borehole', 'm_marker', 'm_hydraulic_protection', 'm_equipment_nameplate'],
      formInline: {
        file: '',
      },
      formSql: {
        field: '',
        condition: '',
        value: '',
        type: '',
        date: '',
      },
      fromSqlflag: false,
      tree: [
        {
          tabDesc: '基础数据',
          label: '基础数据',
          value: 'BD',
          id: 1,
          children: [],
        },
        {
          id: 2,
          tabDesc: '业务数据',
          label: '业务数据',
          value: 'BS',
@@ -221,6 +383,9 @@
        },
      ],
      tableAttach: [],
      filedsOption: [],
      condOption: [],
      defaultProps: {
        children: 'children',
        label: 'label',
@@ -235,7 +400,7 @@
      },
      tableType: null,
      ruleForm: {
        name: null,
        fileName: ''
      },
      FBtest: false,
      tableData: [],
@@ -272,10 +437,14 @@
      },
      getClickTable: null,
      attacgSelection: [],
      upAttach:{
        tabName:null,
        eventid:null,
      conditionVisible: false,
      dialogMapVisible: false,
      showMapVisible: false,
      upAttach: {
        tabName: null,
        eventid: null,
      }
    };
  },
  created() {
@@ -285,16 +454,43 @@
    this.getTreeDataAll();
  },
  methods: {
  async setAttachDel() {
       var std = [];
    getSpaceMapVisibale() {
      this.dialogMapVisible = true;
      this.showMapVisible = true;
      this.$store.state.mapMenuBoolean = true;
      this.$store.state.mapMenuBoxFlag = '1';
      this.$store.state.mapPopBoolean = false;
      this.$store.state.mapPopBoxFlag = null;
      this.$store.state.download = true;
    },
    handleMapClose() {
      this.$confirm('确认关闭?')
        .then((_) => {
          this.closeMapDown();
        })
        .catch((_) => { });
    },
    closeMapDown() {
      this.dialogMapVisible = false;
      this.showMapVisible = false;
      this.$store.state.mapMenuBoolean = false;
      this.$store.state.mapMenuBoxFlag = null;
      this.$store.state.download = false;
      this.$store.state.mapPopBoolean = false;
      this.$store.state.mapPopBoxFlag = null;
    },
    async setAttachDel() {
      var std = [];
      for (var i in this.attacgSelection) {
        std.push(this.attacgSelection[i].id);
      }
      const res = await dataQuery_deletes({ ids: std.toString() });
      if(res.code != 200){
      if (res.code != 200) {
        this.$message.error('文件删除失败');
      }
       this.getAttacthFlieList();
      this.getAttacthFlieList();
    },
    setAttachInsert() {
      var token = getToken();
@@ -309,7 +505,7 @@
        formData.append('file', fs.files[i]); // fs.files[i].name,file
      }
      $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName= "+this.upAttach.tabName+"&eventid="+this.upAttach.eventid, {
      $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName= " + this.upAttach.tabName + "&eventid=" + this.upAttach.eventid, {
        type: "post",
        data: formData,
        async: true,
@@ -334,7 +530,7 @@
      });
    },
    async getAttacthFlieList() {
      var obj =this.upAttach
      var obj = this.upAttach
      const res = await dataQuery_selectFiles(obj);
      if (res.code != 200) {
        this.$message.error('列表调用失败');
@@ -345,10 +541,10 @@
    getAttachTable(index, row) {
      if(row.eventid != null){
      if (row.eventid != null) {
        this.upAttach.eventid = row.eventid;
      }else{
         this.upAttach.eventid = '';
      } else {
        this.upAttach.eventid = '';
      }
      this.getAttacthFlieList();
      this.dialogFormVisible = true;
@@ -374,13 +570,16 @@
      for (var i in option) {
        var val_Data = option[i];
        val_Data.id = '1' + i;
      val_Data.label= val_Data.tabDesc+"("+val_Data.tab+")"
        val_Data.label = val_Data.tabDesc + "(" + val_Data.tab + ")"
        option[i].id = parseInt(option[i].id)
        if (option[i].ns == 'bd') {
          this.tree[0].children.push(val_Data);
        } else {
          this.tree[1].children.push(val_Data);
        }
      }
      this.handleNodeClick(this.tree[0].children[0])
    },
    //授权管理
    showPermsBtn() {
@@ -399,10 +598,10 @@
      if (data.children != null) return;
      this.listData.name = data.entity; //要查询表格类型;
      this.getClickTable = data;
      this.listData.pageIndex =1;
      this.listData.pageSize=10;
      this.listData.pageIndex = 1;
      this.listData.pageSize = 10;
      this.count = 0;
this.upAttach.tabName= data.ns+"."+data.tab;
      this.upAttach.tabName = data.ns + "." + data.tab;
      this.filedsLayer = this.getCollapseDomFiled(); //获取每个表字段名称及阈值
      //获取table信息
@@ -413,8 +612,8 @@
      res.then((val) => {
        this.attributeData = val;
      });
      if (this.ruleForm.name != null) {
        this.listData.filter = 'name like ' + this.ruleForm.name;
      if (this.ruleForm.fileName != '') {
        this.listData.filter = this.ruleForm.fileName;
      } else {
        this.listData.filter = null;
      }
@@ -462,6 +661,9 @@
      var data2 = domains.result;
      var std = [];
      for (var i in data1) {
        if (data1[i].type != 'geomtry' && data1[i].type != 'null') {
          this.filedsOption.push(data1[i])
        }
        if (data1[i].showtype == 1) {
          if (data1[i].domainNa != null) {
            data1[i].domainNa = this.getDomainNaFild(data1[i].domainNa, data2);
@@ -469,8 +671,104 @@
          std.push(data1[i]);
        }
      }
      this.startFiledAndcondition();
      return std;
    },
    startFiledAndcondition() {
      this.conditionVisible = false;
      this.conditionChange(this.filedsOption[0]);
      this.formSql.value = "";
      this.formSql.date = new Date();
    },
    handleconditionClose() {
      this.$confirm('确认关闭?')
        .then(_ => {
          this.startFiledAndcondition();
        })
        .catch(_ => { });
    },
    fieldChange(value) {
      var obj = {}
      obj = this.filedsOption.find(function (item) {
        return item.field === value;
      })
      this.conditionChange(obj)
    },
    conditionChange(res) {
      this.formSql.field = res.field;
      this.formSql.type = res.type;
      if (res.type == "date" || res.type == "datetime") {
        this.fromSqlflag = true
      } else {
        this.fromSqlflag = false
      }
      var std = [];
      this.condOption = [];
      if (res.type == 'text' || res.type == 'blob') {
        std = conditions[0]
      } else if (res.type == 'date' || res.type == 'datetime') {
        std = conditions[2]
      } else {
        std = conditions[1]
      }
      for (var i in std) {
        this.condOption.push({
          label: std[i],
          value: std[i],
        })
      }
      this.formSql.condition = this.condOption[0].value
    },
    appendQueryFilter() {
      if (this.formSql.type == "date" || this.formSql.type == "datetime") {
        if (this.formSql.date == null) {
          this.$message.error('请输入要查询的信息!');
          return;
        }
      } else {
        if (this.formSql.value == "") {
          this.$message.error('请输入要查询的信息!');
          return;
        }
      }
      if (this.ruleForm.fileName != "") {
        this.ruleForm.fileName += " and ";
      }
      var val;
      if (this.formSql.type == "long" || this.formSql.type == "integer") {
        val = parseInt(this.formSql.value);
      } else if (this.formSql.type == 'double') {
        if (this.formSql.value.indexOf(".") != -1) {
          val = this.formSql.value;
        } else {
          val = parseFloat(this.formSql.value).toFixed(1)
        }
      } else if (this.formSql.type == "date" || this.formSql.type == "datetime") {
        var time = new Date(this.formSql.date);
        var m = time.getMonth() + 1;
        var d = time.getDate();
        var y = time.getFullYear();
        val = "'" + y +
          '-' +
          this.add0(m) +
          '-' +
          this.add0(d) + "'";
      } else {
        val = "'" + this.formSql.value + "'";
      }
      this.ruleForm.fileName += this.formSql.field + " " + this.formSql.condition + " " + val;
      this.startFiledAndcondition();
    },
    //值域字段匹配
    getDomainNaFild(res, result) {
      for (var i in result) {
@@ -538,11 +836,13 @@
      this.getCollapseTable(this.filedsLayer);
    },
    // é‡ç½®æŸ¥è¯¢
    resetForm(formName) {
      this.searchName = '';
      this.$refs[formName].resetFields();
    resetForm() {
      this.ruleForm.fileName = '';
      this.listData.pageIndex = 1;
      this.listData.pageSize = 10;
      //获取table信息
      this.getCollapseTable(this.filedsLayer);
    },
    // å‘布按钮
@@ -767,7 +1067,7 @@
      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
      overflow : auto;
      overflow: auto;
    }
    .spatial_rightContent {
      width: 80%;
@@ -938,5 +1238,32 @@
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-textarea__inner {
    background: transparent !important;
    border-color: #fff !important;
    color: white;
  }
}
/deep/ .el-dialog {
  background: #303030;
}
/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid;
}
/deep/.el-dialog__title {
  color: white;
}
/deep/ .el-dialog__body {
  padding: 10px;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid white !important;
}
/deep/.el-dialog__wrapper {
  overflow: hidden !important;
}
</style>
src/views/datamanage/metadataManage.vue
@@ -1,15 +1,47 @@
<template>
  <div class="authorityManagement_box">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.metadataManage')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
      <el-form ref="queryForm" :model="queryForm" :inline="true">
        <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
      <el-form
        ref="queryForm"
        :model="queryForm"
        :inline="true"
      >
        <el-form-item>
          <el-cascader
            v-model="queryForm.dirid"
            :show-all-levels="false"
            :options="companyOption"
            @change="handleChange"
            :props="{
              label: 'name',
              value: 'id',
              children: 'children',
              checkStrictly: true,
              emitPath: false,
            }"
          ></el-cascader>
        </el-form-item>
        <el-form-item>
          <el-cascader
            v-model="queryForm.dirid"
            :show-all-levels="false"
            :options="companyOption1"
            @change="handleChange1"
            :props="{
              label: 'name',
              value: 'id',
              children: 'children',
              checkStrictly: true,
              emitPath: false,
            }"
          ></el-cascader>
        </el-form-item>
        <el-form-item prop="name">
          <el-input
            v-model="queryForm.name"
            :placeholder="$t('common.pleaseInput')"
@@ -21,8 +53,7 @@
            icon="el-icon-search"
            class="primary"
            size="small"
            >{{ $t('common.iquery') }}</el-button
          >
          >{{ $t('common.iquery') }}</el-button>
        </el-form-item>
        <el-form-item>
          <el-button
@@ -30,8 +61,7 @@
            icon="el-icon-refresh"
            type="info"
            size="small"
            >{{ $t('common.reset') }}</el-button
          >
          >{{ $t('common.reset') }}</el-button>
        </el-form-item>
        <!-- <el-form-item v-if="btnStatus.insert">
@@ -49,8 +79,7 @@
            size="small"
            @click="deleteMetaInfo"
            icon="el-icon-delete"
            >{{ $t('common.delete') }}</el-button
          >
          >{{ $t('common.delete') }}</el-button>
        </el-form-item>
        <el-form-item v-if="btnStatus.download">
          <el-button
@@ -58,13 +87,12 @@
            icon="el-icon-download"
            type="success"
            size="small"
            >{{ $t('common.download') }}</el-button
          >
          >{{ $t('common.download') }}</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="bottom">
      <div class="leftTree">
      <!-- <div class="leftTree">
           <el-tree
          ref="tree"
          :props="defaultProps"
@@ -80,16 +108,8 @@
          </span>
        </el-tree>
        <!-- <ul>
          <li
            @click="getTableDesc(item)"
            v-for="item in optionCount"
            :class="{ active: activeName == item.tab }"
          >
            {{ item.tabDesc }}({{ item.tab }})
          </li>
        </ul> -->
      </div>
      </div> -->
      <div class="rightTable">
        <div class="table_box">
          <el-table
@@ -98,8 +118,14 @@
            @selection-change="handleSelectionChange"
            height="99%"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column prop="name" :label="$t('dataManage.vmobj.name')" />
            <el-table-column
              type="selection"
              width="55"
            />
            <el-table-column
              prop="name"
              :label="$t('dataManage.vmobj.name')"
            />
            <el-table-column
              prop="type"
              :label="$t('dataManage.vmobj.format')"
@@ -113,22 +139,20 @@
              prop="depName"
              :label="$t('dataManage.vmobj.depName')"
            />
             <el-table-column
            <el-table-column
              prop="dirName"
              :label="$t('dataManage.vmobj.dirName')"
            />
            <el-table-column
          :label="$t('dataManage.dataUpObj.tableName')">
 <template slot-scope="scope">
      <a   @click="detail(scope.row)" >{{
            <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
              <template slot-scope="scope">
                <a @click="detail(scope.row)">{{
          scope.row.tab
        }}</a>
    </template>
              </template>
            </el-table-column>
             <el-table-column
            <el-table-column
              prop="gather"
              :label="$t('dataManage.vmobj.gather')"
              :formatter="formatData"
@@ -146,21 +170,29 @@
              :label="$t('dataManage.vmobj.createontime')"
              :formatter="formatData"
            />
            <el-table-column min-width="100" :label="$t('common.operate')">
            <el-table-column
              min-width="100"
              :label="$t('common.operate')"
            >
              <template slot-scope="scope">
                <el-link style="color: white" @click="showDetail(scope.row)">{{
                <el-link
                  style="color: white"
                  @click="showDetail(scope.row)"
                >{{
                  $t('common.details')
                }}</el-link>
                <el-link
                  @click="editInfo(scope.row)"
                  style="margin-left: 10px; color: white"
                  >{{ $t('common.edit') }}</el-link
                >
                >{{ $t('common.edit') }}</el-link>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div style="margin-top: 10px" class="pagination_box">
        <div
          style="margin-top: 10px"
          class="pagination_box"
        >
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
@@ -174,11 +206,20 @@
        </div>
      </div>
    </div>
    <div class="infoBox" v-show="showinfoBox">
    <div
      class="infoBox"
      v-show="showinfoBox"
    >
      <el-card class="box-card">
        <div slot="header" class="clearfix">
        <div
          slot="header"
          class="clearfix"
        >
          <span>{{ $t('common.details') }}</span>
          <div style="float: right; cursor: pointer" @click="closeDetial">
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
        </div>
@@ -236,24 +277,36 @@
      :visible.sync="dialogFormVisible"
      :before-close="handleClose"
    >
      <el-form :model="editForm" ref="editForm">
      <el-form
        :model="editForm"
        ref="editForm"
      >
        <el-form-item
          :label="$t('dataManage.vmobj.name')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.name" autocomplete="off"></el-input>
          <el-input
            v-model="editForm.name"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.format')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.type" autocomplete="off"></el-input>
          <el-input
            v-model="editForm.type"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.size')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.sizes" autocomplete="off"></el-input>
          <el-input
            v-model="editForm.sizes"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.depName')"
@@ -264,10 +317,10 @@
            v-model="editForm.depid"
            :options="companyOption"
            :props="cascader"
                 style="width:350px"
            style="width:350px"
          ></el-cascader>
        </el-form-item>
          <el-form-item
        <el-form-item
          :label="$t('dataManage.vmobj.dirName')"
          :label-width="formLabelWidth"
        >
@@ -283,7 +336,10 @@
          :label="$t('dataManage.vmobj.describe')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.describe" autocomplete="off"></el-input>
          <el-input
            v-model="editForm.describe"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <!-- <el-form-item
          :label="$t('dataManage.vmobj.gather')"
@@ -292,8 +348,15 @@
          <el-input v-model="editForm.gather" autocomplete="off"></el-input>
        </el-form-item> -->
      </el-form>
      <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer">
        <el-button size="medium" @click="cancelEdit()">{{
      <div
        v-if="behavior == '修改信息'"
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          size="medium"
          @click="cancelEdit()"
        >{{
          $t('common.reset')
        }}</el-button>
        <el-button
@@ -301,11 +364,17 @@
          type="primary"
          @click="sendEdit('editForm')"
          v-loading.fullscreen.lock="fullscreenLoading"
          >{{ $t('common.submit') }}</el-button
        >
        >{{ $t('common.submit') }}</el-button>
      </div>
      <div v-else slot="footer" class="dialog-footer">
        <el-button size="medium" @click="cancelAdd('editForm')">{{
      <div
        v-else
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          size="medium"
          @click="cancelAdd('editForm')"
        >{{
          $t('common.reset')
        }}</el-button>
        <el-button
@@ -313,50 +382,59 @@
          type="primary"
          @click="sendAdd('editForm')"
          v-loading.fullscreen.lock="fullscreenLoading"
          >{{ $t('common.submit') }}</el-button
        >
        >{{ $t('common.submit') }}</el-button>
      </div>
    </el-dialog>
    <el-dialog
  :title="$t('common.details')"
  :visible.sync="dialogVisible"
   width="70%"
   >
   <div style="height:600px">
     <el-table
            ref="filterTable"
            :data="dbTableData"
            height="90%"
            border
      :title="$t('common.details')"
      :visible.sync="dialogVisible"
      width="70%"
    >
      <div style="height:600px">
        <el-table
          ref="filterTable"
          :data="dbTableData"
          height="90%"
          border
          style="width: 100%"
          >
            <el-table-column width="60"  align="center" type="index" :label="$t('common.index')" />
            <el-table-column
              v-for="(item, index) in attributeData"
              :key="index"
              :label="item.alias"
              :prop="item.field"
              show-overflow-tooltip
              align="center"
            ></el-table-column>
          </el-table>
            <div style="margin-top: 10px" class="pagination_box">
    <el-pagination
          @size-change="handleLoaderSizeChange"
          @current-change="handleLoaderCurrentChange"
          :current-page="listLoader.pageIndex"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="listLoader.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="count1"
        >
        </el-pagination>
          <el-table-column
            width="60"
            align="center"
            type="index"
            :label="$t('common.index')"
          />
          <el-table-column
            v-for="(item, index) in attributeData"
            :key="index"
            :label="item.alias"
            :prop="item.field"
            show-overflow-tooltip
            align="center"
          ></el-table-column>
        </el-table>
        <div
          style="margin-top: 10px"
          class="pagination_box"
        >
          <el-pagination
            @size-change="handleLoaderSizeChange"
            @current-change="handleLoaderCurrentChange"
            :current-page="listLoader.pageIndex"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="listLoader.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="count1"
          >
          </el-pagination>
        </div>
      </div>
   </div>
</el-dialog>
    <div class="downloadBox" v-if="showCodeBox">
    </el-dialog>
    <div
      class="downloadBox"
      v-if="showCodeBox"
    >
      <h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
      <el-form
        :model="codeForm"
@@ -365,23 +443,45 @@
        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
          :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
          :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="download('codeForm')"
            >{{$t('common.confirm')}}</el-button
          >
          <el-button type="info" size="small" @click="closeDown('codeForm')"
            >{{$t('common.cancel')}}</el-button
          >
          <el-button
            class="primary"
            size="small"
            @click="download('codeForm')"
          >{{$t('common.confirm')}}</el-button>
          <el-button
            type="info"
            size="small"
            @click="closeDown('codeForm')"
          >{{$t('common.cancel')}}</el-button>
        </el-form-item>
      </el-form>
    </div>
     <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
    <iframe
      id="downFrame"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
  </div>
</template>
@@ -396,7 +496,7 @@
  insertMeta,
  selectDictTab,
  selectdirTab,
  queryDepTree,
  selectdepTab,
  meta_downloadReq,
  sign_getPublicKey,
  meta_selectDownloadFile,
@@ -436,6 +536,7 @@
      },
      dirComPanyOption: [],
      companyOption: [],
      companyOption1: [],
      activeName: '',
      optionCount: [],
      showCodeBox: false,
@@ -449,6 +550,8 @@
      itemdetail: {},
      queryForm: {
        name: '',
        dirid: '',
        depid: ''
      },
      behavior: '',
      initialForm: '',
@@ -482,6 +585,7 @@
        pageIndex: 1,
        name: null,
        dirid: null,
        depid: null
      },
      cascader: {
        label: 'name',
@@ -505,6 +609,7 @@
    this.getSelectDictTab();
    this.showPermsBtn();
    this.getQueryDepTree();
    this.getQueryDirTree();
    this.signGetPublicKey();
  },
@@ -578,13 +683,34 @@
    },
    //单位列表获取
    async getQueryDepTree() {
      const res = await queryDepTree();
      const res = await selectdepTab();
      if (res.code != 200) {
        this.$message.error('单位列表获取失败');
        return;
      }
      // this.formInline.depid = 1;
      this.companyOption1 = this.treeData(res.result);
      this.queryForm.dirid = this.companyOption1[0].id
    },
    async getQueryDirTree() {
      const res = await selectdirTab();
      if (res.code != 200) {
        this.$message.error('单位列表获取失败');
        return;
      }
      this.companyOption = this.treeData(res.result);
      this.queryForm.dirid = this.companyOption[0].id
    },
    handleChange(value) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.dirid = value;
      this.getMetaData();
    },
    handleChange1(value) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.depid = value;
      this.getMetaData();
    },
    //格式化列表
    formatData(row, column) {
@@ -706,6 +832,8 @@
    // },
    // è¯·æ±‚数据内容
    getMetaData() {
      this.listData.depid = this.queryForm.depid;
      this.listData.dirid = this.listData.dirid
      select_meta_ByPageAndCount(this.listData).then((res) => {
        this.tableData = res.result;
@@ -725,6 +853,8 @@
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.listData.name = null;
      this.queryForm.dirid = this.companyOption[0].id;
      this.queryForm.depid = this.companyOption1[0].id
      this.getMetaData();
    },
    //新增按钮
@@ -988,7 +1118,7 @@
      }
    }
    .rightTable {
      width: 80%;
      width: 98%;
      height: 100%;
      border: 1px solid white;
@@ -1171,5 +1301,14 @@
    border: #409eff;
    color: white;
  }
}
 /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid white !important;
}
</style>
src/views/datamanage/versionManage.vue
@@ -8,12 +8,27 @@
    ></My-bread>
    <el-divider />
    <div class="verSionContent">
      <div class="verSion_leftTree">
      <!-- <div class="verSion_leftTree">
        <ver-dir-tree></ver-dir-tree>
      </div>
      </div> -->
      <div class="verSion_rightContent">
        <el-form ref="ruleForm" :model="ruleForm" :inline="true">
          <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
           <el-form-item>
            <el-cascader
              v-model="ruleForm.dirid"
              :show-all-levels="false"
              :options="companyOption"
              @change="handleChange"
              :props="{
              label: 'name',
              value: 'id',
              children: 'children',
              checkStrictly: true,
              emitPath: false,
            }"
            ></el-cascader>
          </el-form-item>
          <el-form-item  >
            <el-input
              v-model="ruleForm.name"
              :placeholder="$t('common.pleaseInput')"
@@ -71,7 +86,7 @@
            />
            <el-table-column
              align="center"
              prop="createUser"
              prop="createName"
              :label="$t('dataManage.vmobj.createonuser')"
            />
            <el-table-column
@@ -334,6 +349,7 @@
      ruleForm: {},
      insertform: {},
      tableData: [],
      companyOption:[],
      count: 0,
      rowFlag: null,
      listData: {
@@ -360,6 +376,7 @@
    };
  },
  created() {
    this.getQueryDirTree();
    this.getRoleTabelData();
    this.showPermsBtn();
  },
@@ -376,6 +393,22 @@
    },
    upCatalogChange(val) {
      this.upform.dirid == val;
    },
     //目录列表获取
    async getQueryDirTree() {
      const res = await selectdirTab();
      if (res.code != 200) {
        this.$message.error('目录列表获取失败');
        return;
      }
      this.companyOption = this.treeData(res.result);
      this.ruleForm.dirid= this.companyOption[0].id
    },
    handleChange(val){
  this.ruleForm.dirid=val;
  this.onSubmit();
    },
    //目录列表获取
    async getSelectdirTab() {
@@ -421,6 +454,7 @@
    },
    resetForm() {
      this.ruleForm = {};
         this.ruleForm.dirid= this.companyOption[0].id
      this.$store.state.verCateNode = {};
      this.$bus.$emit('clearTressLabel', true);
      this.getRoleTabelData();
@@ -436,7 +470,7 @@
      }
      this.listData.name = this.ruleForm.name;
      this.listData.depName = this.$store.state.verCateNode.name;
      this.listData.dirid = this.ruleForm.dirid;
      const data = await select_Ver_ByPageAndCount(this.listData);
@@ -582,7 +616,7 @@
      overflow-y: auto;
    }
    .verSion_rightContent {
      width: 80%;
      width: 98%;
      height: 95%;
      border: 1px solid white;
      border-radius: 5px;
src/views/exportMap/index.vue
@@ -165,15 +165,16 @@
      >
        <el-table-column type="index" width="50" label="序号">
        </el-table-column>
        <el-table-column property="name" label="名称"> </el-table-column>
        <el-table-column property="type" label="类型"> </el-table-column>
           <el-table-column property="descr" label="标题"> </el-table-column>
        <el-table-column property="name" label="文件名称"> </el-table-column>
        <el-table-column property="createName" label="出图人"> </el-table-column>
        <el-table-column
          property="createTime"
          :formatter="formatTime"
          label="日期"
        >
        </el-table-column>
        <el-table-column property="descr" label="描述"> </el-table-column>
        <el-table-column label="操作" width="120">
          <template slot-scope="scope">
            <el-link