管道基础大数据平台系统开发-【前端】-新系統界面
surprise
2024-04-22 3ffbf14664836032438b1fd496aefbd99187e2c9
src/views/Archive/index.vue
@@ -3,43 +3,32 @@
    <div class="menu_top">
      <My-bread :list="[`${$t('synthesis.synthesis')}`, `${$t('synthesis.archive')}`]"></My-bread>
      <!-- 下载列表 -->
      <i
        @click="getdownloadList"
      <i @click="getdownloadList"
        class="el-icon-tickets"
        :title="$t('synthesis.DownloadList')"
      ></i>
         :title="$t('synthesis.DownloadList')"></i>
    </div>
    <el-divider />
    <!-- 查询框 -->
    <div class="iquery">
      <el-form
        :inline="true"
      <el-form :inline="true"
        :model="formInline"
        class="demo-form-inline"
      >
               class="demo-form-inline">
        <!-- 数据类型 -->
        <el-form-item :title="$t('archiveObj.dataType')">
          <el-select
            size="small"
          <el-select size="small"
            v-model="formInline.dataType"
            :popper-append-to-body="false"
            :placeholder="$t('archiveObj.label1')"
            @change="setDataTypeChange()"
          >
            <el-option
              :label="$t('archiveObj.dataBank')"
              value="type1"
            ></el-option>
            <el-option
              :label="$t('archiveObj.file')"
              value="type2"
            ></el-option>
                     @change="setDataTypeChange()">
            <el-option :label="$t('archiveObj.dataBank')"
                       value="type1"></el-option>
            <el-option :label="$t('archiveObj.file')"
                       value="type2"></el-option>
          </el-select>
        </el-form-item>
        <!-- 资料类别 -->
        <el-form-item :title="$t('archiveObj.dataClass')">
          <el-select
            :popper-append-to-body="false"
          <el-select :popper-append-to-body="false"
            v-model="formInline.category"
            multiple
            clearable
@@ -51,21 +40,17 @@
            size="small"
            ref="cascaders"
            :placeholder="$t('archiveObj.label4')"
            @change="categorySelectChange('orgName','org',categoryOptions)"
          >
            <el-option
              v-for="item in categoryOptions"
                     @change="categorySelectChange('orgName','org',categoryOptions)">
            <el-option v-for="item in categoryOptions"
              :key="item.key"
              :label="item.value"
              :value="item.key"
            >
                       :value="item.key">
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 项目名称 -->
        <el-form-item :title="$t('archiveObj.entryName')">
          <el-select
            :popper-append-to-body="false"
          <el-select :popper-append-to-body="false"
            v-model="formInline.item"
            multiple
            clearable
@@ -76,144 +61,109 @@
            default-first-option
            size="small"
            :placeholder="$t('archiveObj.label5')"
            @change="itemSelectChange('orgName','org',itemOptions)"
          >
            <el-option
              v-for="item in itemOptions"
                     @change="itemSelectChange('orgName','org',itemOptions)">
            <el-option v-for="item in itemOptions"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            >
                       :value="item.code">
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 单位 -->
        <el-form-item :title="$t('archiveObj.unit')">
          <el-select
            size="small"
          <el-select size="small"
            v-model="formInline.depName"
            :placeholder="$t('archiveObj.label3')"
            :popper-append-to-body="false"
            ref="treeSelect"
          >
            <el-option
              :value="formInline.depcode"
                     ref="treeSelect">
            <el-option :value="formInline.depcode"
              :label="formInline.depName"
              style="height: auto"
            >
              <el-tree
                ref="tree"
                       style="height: auto">
              <el-tree ref="tree"
                :data="depOption"
                node-key="id"
                :props="defaultProps"
                @node-click="depChange"
              />
                       @node-click="depChange" />
            </el-option>
          </el-select>
          </el-select>
        </el-form-item>
        <!-- 关键字 -->
        <el-form-item :title="$t('archiveObj.keywords')">
          <el-input
            :placeholder="$t('archiveObj.label6')"
          <el-input :placeholder="$t('archiveObj.label6')"
            v-model="formInline.keywords"
            size="small"
          > <i
              :title="$t('common.iquery')"
                    size="small"> <i :title="$t('common.iquery')"
              @click="setSearchKeyWords"
              slot="suffix"
              class="el-input__icon el-icon-search"
            ></i></el-input>
               class="el-input__icon el-icon-search"></i></el-input>
        </el-form-item>
        <!-- 批量下載 -->
        <el-form-item
          style="float:right"
          v-if="formInline.dataType =='type2'"
        >
          <el-button
            type="success"
        <el-form-item style="float:right"
                      v-if="formInline.dataType =='type2'">
          <el-button type="success"
            size="small"
            icon="el-icon-download"
            @click="setCardDownload"
          >{{$t('common.download')}}</el-button>
                     @click="setCardDownload">{{$t('common.download')}}</el-button>
        </el-form-item>
        <!-- 空间查询 -->
        <el-form-item style="float:right">
          <el-button
            type="primary"
          <el-button type="primary"
            size="small"
            icon="el-icon-search"
            @click="getSpaceMapVisibale"
          >{{$t('synthesis.rangequery')}}</el-button>
                     @click="getSpaceMapVisibale">{{$t('synthesis.rangequery')}}</el-button>
        </el-form-item>
        <!-- 重置 -->
        <el-form-item style="float:right">
          <el-button
            type="info"
          <el-button type="info"
            size="small"
            icon="el-icon-refresh"
            @click="setQuerAllTablesRefresh"
          >{{$t('common.reset')}}</el-button>
                     @click="setQuerAllTablesRefresh">{{$t('common.reset')}}</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="contBox">
      <div
        id="archTopBox"
        class="archTopBox"
      >
      <div id="archTopBox"
           class="archTopBox">
        <div
          class="boxCard"
          v-for="(item,index) in monthdata"
        >
        <div class="boxCard"
             v-for="(item,index) in monthdata">
          <el-card class="box-card">
            <div
              slot="header"
              class="clearfix"
            >
            <div slot="header"
                 class="clearfix">
              <span v-show="formInline.dataType =='type2'">
                <el-checkbox
                  v-model="item.ischecked"
                <el-checkbox v-model="item.ischecked"
                  @change="handleCheckedDataTypeChange(item)"
                  style="margin-right:10px"
                >
                             style="margin-right:10px">
                </el-checkbox>
                <span v-if="item.ismeta > 0">
                  <el-link
                    style="color: #409eff"
                  <el-link style="color: #409eff"
                    title="源数据查询"
                    target="_blank"
                    @click="setQueryMetaData(item)"
                  >{{ item.name }}</el-link>
                           @click="setQueryMetaData(item)">{{ item.name }}</el-link>
                </span>
                <span v-else-if="item.metaid > 0"> <el-link
                    style="color: #409eff"
                <span v-else-if="item.metaid > 0">
                  <el-link style="color: #409eff"
                    title="元数据查询"
                    target="_blank"
                    @click="setMetaDataQuery(item)"
                  >{{ item.name }}</el-link></span>
                           @click="setMetaDataQuery(item)">{{ item.name }}</el-link>
                </span>
                <span v-else>{{ item.name }}</span>
              </span>
              <span v-show="formInline.dataType !='type2'">{{item.tabDesc}}</span>
              <div style="float: right; padding: 3px 0">
                <i
                  v-show="formInline.dataType=='type2' "
                <i v-show="formInline.dataType=='type2' "
                  v-if="showView(item, /[]/)"
                  class="el-icon-view"
                  :title="$t('common.preview')"
                  @click="setAttatchFileView(index, item)"
                ></i>
                <i
                  style="margin-left:10px"
                   @click="setAttatchFileView(index, item)"></i>
                <i style="margin-left:10px"
                  class="el-icon-tickets"
                  :title="$t('common.details')"
                  @click="setCardDetails(item)"
                ></i>
                   @click="setCardDetails(item)"></i>
                <!-- <i
                  v-show="formInline.dataType=='type2'"
                  style="margin-left:10px"
@@ -221,27 +171,21 @@
                  :title="$t('common.download')"
                  @click="setCardDownload(item)"
                ></i> -->
                <i
                  v-show="!item.isShow"
                <i v-show="!item.isShow"
                  style="margin-left:10px"
                  class="el-icon-arrow-up"
                  :title="$t('archiveObj.fold')"
                  @click="setCardChange(item)"
                ></i>
                <i
                  v-show="item.isShow"
                   @click="setCardChange(item)"></i>
                <i v-show="item.isShow"
                  style="margin-left:10px"
                  class="el-icon-arrow-down"
                  :title="$t('archiveObj.develop')"
                  @click="setCardChange(item)"
                ></i>
                   @click="setCardChange(item)"></i>
              </div>
            </div>
            <div
              :id="item.id"
            <div :id="item.id"
              style="margin:5px 1px"
              v-show="!item.isShow && formInline.dataType=='type2'"
            >
                 v-show="!item.isShow && formInline.dataType=='type2'">
              <div class="cardItem"> {{$t('archiveObj.dataType')}} : {{ item.mold }} </div>
              <div class="cardItem"> {{$t('dataManage.vmobj.format')}} : {{ item.type }} </div>
              <div class="cardItem"> {{$t('dataManage.vmobj.size')}} : {{stateFormatSizes(item.sizes)}} </div>
@@ -254,11 +198,9 @@
              <div class="cardItem"> {{$t('dataManage.vmobj.createontime')}} : {{format(item.createTime)}} </div>
            </div>
            <div
              :id="item.id"
            <div :id="item.id"
              style="margin:5px 1px"
              v-show="!item.isShow && formInline.dataType!='type2'"
            >
                 v-show="!item.isShow && formInline.dataType!='type2'">
              <div class="cardItem"> {{$t('archiveObj.dataType')}} : {{ item.mold }} </div>
              <div class="cardItem"> {{$t('dataManage.vmobj.tab')}} : {{ item.ns+'.'+item.tab }} </div>
              <div class="cardItem"> {{$t('dataManage.vmobj.row')}} : {{ item.rows }} </div>
@@ -271,26 +213,22 @@
      </div>
      <div class="archBottomBox">
        <div style="margin-top:10px">
          <el-pagination
            @size-change="handleSizeChange"
          <el-pagination @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="listData.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="listData.count"
          >
                         :total="listData.count">
          </el-pagination>
        </div>
      </div>
    </div>
    <!-- 文件详情 -->
    <el-dialog
      :title="$t('common.details')"
    <el-dialog :title="$t('common.details')"
      :visible.sync="showinfoBox1"
      :close-on-click-modal="false"
      width="30%"
    >
               width="30%">
      <div class="contentBox">
        <p>{{ $t('dataManage.vmobj.name') }}:{{ itemdetail1.name }}</p>
        <el-divider></el-divider>
@@ -344,78 +282,56 @@
      </div>
    </el-dialog>
    <!-- 数据库详情 -->
    <el-dialog
      :title=" this.listBankData.title"
    <el-dialog :title=" this.listBankData.title"
      :visible.sync="dialogVisible"
      :close-on-click-modal="false"
      width="90%"
      top="12vh"
    >
               top="12vh">
      <!-- 密码框 -->
      <el-dialog
        :title="$t('common.passworld')"
      <el-dialog :title="$t('common.passworld')"
        :visible.sync="downloadLogVisible"
        :close-on-click-modal="false"
        top="15vh"
        width="30%"
        :show-close="false"
        :modal="false"
      >
        <el-form
          :model="codeForm"
                 :modal="false">
        <el-form :model="codeForm"
          :rules="rules"
          ref="codeForm"
          label-width="100px"
          class="codeForm"
        >
          <el-form-item
            :label="$t('common.passworld')"
            prop="password"
          >
            <el-input
              size="small"
                 class="codeForm">
          <el-form-item :label="$t('common.passworld')"
                        prop="password">
            <el-input size="small"
              type="password"
              v-model="codeForm.password"
              show-password
            ></el-input>
                      show-password></el-input>
          </el-form-item>
          <el-form-item
            :label="$t('common.SPassword')"
            prop="repassword"
          >
            <el-input
              size="small"
          <el-form-item :label="$t('common.SPassword')"
                        prop="repassword">
            <el-input size="small"
              type="password"
              v-model="codeForm.repassword"
              show-password
            ></el-input>
                      show-password></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              class="primary"
            <el-button class="primary"
              size="small"
              @click="download1('codeForm')"
            >{{$t('common.confirm')}}</el-button>
            <el-button
              type="info"
                       @click="download1('codeForm')">{{$t('common.confirm')}}</el-button>
            <el-button type="info"
              size="small"
              @click="closeDown1('codeForm')"
            >{{$t('common.cancel')}}</el-button>
                       @click="closeDown1('codeForm')">{{$t('common.cancel')}}</el-button>
          </el-form-item>
        </el-form>
      </el-dialog>
      <!-- 数据库table详情 -->
      <el-dialog
        width="30%"
      <el-dialog width="30%"
        :visible.sync="itemDetailVisible"
        :modal="false"
      >
        <div
          class="contentBox"
          style="height:60vh;overflow:auto"
        >
                 :modal="false">
        <div class="contentBox"
             style="height:60vh;overflow:auto">
          <ul>
            <li v-for="(item, index) in itemdetail">
              <p>
@@ -429,172 +345,122 @@
      </el-dialog>
      <!-- 查询条件 -->
      <!-- 条件-->
      <el-dialog
        width="43%"
      <el-dialog width="43%"
        :visible.sync="conditionVisible"
        :modal="false"
        title="查询条件"
        :show-close="false"
      >
        <el-form
          :inline="true"
                 :show-close="false">
        <el-form :inline="true"
          :model="formSql"
          class="demo-form-inline"
        >
                 class="demo-form-inline">
          <el-form-item>
            <el-select
              size="small"
            <el-select size="small"
              :popper-append-to-body="false"
              @change="fieldChange($event)"
              v-model="formSql.field"
            >
              <el-option
                v-for="item in filedsOption"
                       v-model="formSql.field">
              <el-option v-for="item in filedsOption"
                :key="item.field"
                :label="item.alias"
                :value="item.field"
              >
                         :value="item.field">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-select
              size="small"
            <el-select size="small"
              :popper-append-to-body="false"
              v-model="formSql.condition"
            >
              <el-option
                v-for="item in condOption"
                       v-model="formSql.condition">
              <el-option v-for="item in condOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
                         :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item v-show="!fromSqlflag">
            <el-input
              size="small"
              v-model="formSql.value"
            ></el-input>
            <el-input size="small"
                      v-model="formSql.value"></el-input>
          </el-form-item>
          <el-form-item v-show="fromSqlflag">
            <el-date-picker
              size="small"
            <el-date-picker size="small"
              v-model="formSql.date"
              type="date"
              placeholder="选择日期"
              value-format="yyyy-MM-dd"
            >
                            value-format="yyyy-MM-dd">
            </el-date-picker>
          </el-form-item>
        </el-form>
        <span
          slot="footer"
          class="dialog-footer"
        >
          <el-button
            size="small"
            @click="startFiledAndcondition"
          >取 消</el-button>
          <el-button
            size="small"
        <span slot="footer"
              class="dialog-footer">
          <el-button size="small"
                     @click="startFiledAndcondition">取 消</el-button>
          <el-button size="small"
            type="primary"
            @click="appendQueryFilter"
          >确 定</el-button>
                     @click="appendQueryFilter">确 定</el-button>
        </span>
      </el-dialog>
      <!-- 数据库附件信息 -->
      <el-dialog
        :title="$t('common.enclosure')"
      <el-dialog :title="$t('common.enclosure')"
        :visible.sync="outerVisible"
        :close-on-click-modal="false"
        width="50%"
        :modal="false"
      >
                 :modal="false">
        <div style="height:68vh">
          <el-form
            :model="fromfile"
            class="demo-form-inline"
          >
          <el-form :model="fromfile"
                   class="demo-form-inline">
            <el-form-item>
              <el-input
                v-model="fromfile.file"
              <el-input v-model="fromfile.file"
                style="width: 300px; margin-right: 20px"
                :placeholder="$t('common.choose')"
                disabled
              ></el-input>
              <input
                name="file1"
                        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>
                     @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="2">
                  <el-link
                    class="elLink"
                  <el-link class="elLink"
                    :underline="false"
                    @click="setAttachInsert"
                  >{{$t('common.append')}}</el-link>
                           @click="setAttachInsert">{{$t('common.append')}}</el-link>
                </el-col>
                <el-col :span="2">
                  <el-link
                    class="elLink"
                  <el-link class="elLink"
                    :underline="false"
                    @click="setAttachDel"
                  >{{$t('common.delete')}}</el-link>
                           @click="setAttachDel">{{$t('common.delete')}}</el-link>
                </el-col>
              </el-row>
            </el-form-item>
          </el-form>
          <el-table
            @cell-dblclick="copyText"
          <el-table @cell-dblclick="copyText"
            :data="tableAttach"
            ref="filterTable"
            height="calc(100% - 130px)"
            border
            style="width: 100%"
            @selection-change="handleAttatchChange"
          >
            <el-table-column
              type="selection"
              width="70"
            />
            <el-table-column
              width="60"
                    @selection-change="handleAttatchChange">
            <el-table-column type="selection"
                             width="70" />
            <el-table-column width="60"
              type="index"
              :label="$t('common.index')"
            />
            <el-table-column
              prop="name"
              :label="$t('common.fileNme')"
            />
                             :label="$t('common.index')" />
            <el-table-column prop="name"
                             :label="$t('common.fileNme')" />
            <el-table-column
              prop="sizes"
            <el-table-column prop="sizes"
              :label="$t('common.size')"
              :formatter="statSizeChange"
            />
            <el-table-column
              align="center"
                             :formatter="statSizeChange" />
            <el-table-column align="center"
              :label="$t('common.operate')"
              min-width="100"
            >
                             min-width="100">
              <template slot-scope="scope">
                <el-link
                  v-if="matchState(scope, /[]/)"
                <el-link v-if="matchState(scope, /[]/)"
                  @click="setAttatchDetail(scope.$index, scope.row)"
                  class="elLink"
                >{{ $t('common.see') }}</el-link>
                         class="elLink">{{ $t('common.see') }}</el-link>
              </template>
            </el-table-column>
@@ -603,13 +469,10 @@
      </el-dialog>
      <!-- 数据库Table信息 -->
      <div style="height:68vh">
        <el-form
          :model="formInline"
          :inline="true"
        >
        <el-form :model="formInline"
                 :inline="true">
          <el-form-item>
            <el-input
              type="input"
            <el-input type="input"
              v-model="formInline.fileName"
              class="nm-skin-pretty"
              show-word-limit
@@ -618,487 +481,348 @@
              disabled
              size="small"
              style="width: 650px;"
              :placeholder="$t('archiveObj.label7')"
            ></el-input>
                      :placeholder="$t('archiveObj.label7')"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              type="success"
            <el-button type="success"
              size="small"
              icon="el-icon-plus"
              @click="conditionVisible = true"
            >{{$t('common.append')}}</el-button>
                       @click="conditionVisible = true">{{$t('common.append')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
            <el-button type="primary"
              size="small"
              icon="el-icon-search"
              @click="submitForm()"
            >{{$t('common.iquery')}}</el-button>
                       @click="submitForm()">{{$t('common.iquery')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              type="info"
            <el-button type="info"
              size="small"
              icon="el-icon-search"
              @click="resetForm()"
            >{{$t('common.reset')}}</el-button>
                       @click="resetForm()">{{$t('common.reset')}}</el-button>
          </el-form-item>
          <el-form-item>
            <el-button
              type="warning"
            <el-button type="warning"
              size="small"
              icon="el-icon-download"
              @click="downloadLogVisible = true"
            >{{$t('common.download')}}</el-button>
                       @click="downloadLogVisible = true">{{$t('common.download')}}</el-button>
          </el-form-item>
          <!--   -->
        </el-form>
        <el-divider />
        <el-table
          @cell-dblclick="copyText"
        <el-table @cell-dblclick="copyText"
          ref="filterTable"
          :data="tableData"
          border
          style="width: 100%"
          height="calc(100% - 150px)"
          @selection-change="handleSelectionChange"
        >
          <el-table-column
            type="selection"
                  @selection-change="handleSelectionChange">
          <el-table-column type="selection"
            align="center"
            width="55"
          />
          <el-table-column
            width="60"
                           width="55" />
          <el-table-column width="60"
            type="index"
            align="center"
            :label="$t('common.index')"
          />
          <el-table-column
            v-for="(item, index) in attributeData"
                           :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"
            min-width="150"
          ></el-table-column>
          <el-table-column
            align="center"
                           min-width="150"></el-table-column>
          <el-table-column align="center"
            :label="$t('common.operate')"
            min-width="150"
          >
                           min-width="150">
            <template slot-scope="scope">
              <el-link
                class="elLink"
                @click="showDetail(scope.$index, scope.row)"
              >{{ $t('common.details') }}</el-link>
              <el-link
                class="elLink"
              <el-link class="elLink"
                       @click="showDetail(scope.$index, scope.row)">{{ $t('common.details') }}</el-link>
              <el-link class="elLink"
                @click="getAttachTable(scope.$index, scope.row)"
                style="margin-left: 20px"
              >{{ $t('common.enclosure') }}</el-link>
                       style="margin-left: 20px">{{ $t('common.enclosure') }}</el-link>
            </template>
          </el-table-column>
        </el-table>
        <div class="archBottomBox">
          <div>
            <el-pagination
              @size-change="handleSizeChange1"
            <el-pagination @size-change="handleSizeChange1"
              @current-change="handleCurrentChange1"
              :current-page="listBankData.pageIndex"
              :page-sizes="[10, 20, 50, 100]"
              :page-size="listBankData.pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="listBankData.count"
            >
                           :total="listBankData.count">
            </el-pagination>
          </div>
        </div>
      </div>
    </el-dialog>
    <!-- 密码框 -->
    <el-dialog
      :title="$t('common.passworld')"
    <el-dialog :title="$t('common.passworld')"
      :visible.sync="passWorldVisible"
      :close-on-click-modal="false"
      top="15vh"
      width="30%"
      :show-close="false"
    >
      <el-form
        :model="codeForm"
               :show-close="false">
      <el-form :model="codeForm"
        :rules="rules"
        ref="codeForm"
        label-width="100px"
        class="codeForm"
      >
        <el-form-item
          :label="$t('common.passworld')"
          prop="password"
        >
          <el-input
            size="small"
               class="codeForm">
        <el-form-item :label="$t('common.passworld')"
                      prop="password">
          <el-input size="small"
            type="password"
            v-model="codeForm.password"
            show-password
          ></el-input>
                    show-password></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('common.SPassword')"
          prop="repassword"
        >
          <el-input
            size="small"
        <el-form-item :label="$t('common.SPassword')"
                      prop="repassword">
          <el-input size="small"
            type="password"
            v-model="codeForm.repassword"
            show-password
          ></el-input>
                    show-password></el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            class="primary"
          <el-button class="primary"
            size="small"
            @click="download('codeForm')"
          >{{$t('common.confirm')}}</el-button>
          <el-button
            type="info"
                     @click="download('codeForm')">{{$t('common.confirm')}}</el-button>
          <el-button type="info"
            size="small"
            @click="closeDown('codeForm')"
          >{{$t('common.cancel')}}</el-button>
                     @click="closeDown('codeForm')">{{$t('common.cancel')}}</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <!-- 下载列表 -->
    <el-dialog
      :visible.sync="downloadListVisible"
    <el-dialog :visible.sync="downloadListVisible"
      width="90%"
      top="14vh"
      :close-on-click-modal="false"
    >
               :close-on-click-modal="false">
      <div class="downloadBox">
        <div class="archdowntop">
          <el-table
            @cell-dblclick="copyText"
          <el-table @cell-dblclick="copyText"
            :data="downloadTableData"
            style="width: 100%"
            height="calc(100% - 5px)"
          >
            <el-table-column
              type="index"
                    height="calc(100% - 5px)">
            <el-table-column type="index"
              width="50"
              :label="$t('common.index')"
            >
                             :label="$t('common.index')">
            </el-table-column>
            <el-table-column
              property="descr"
              :label="$t('common.title')"
            > </el-table-column>
            <el-table-column
              property="name"
              :label="$t('common.fileNme')"
            > </el-table-column>
            <el-table-column
              property="createName"
              :label="$t('operatManage.BWL.requestUser')"
            > </el-table-column>
            <el-table-column
              property="createTime"
            <el-table-column property="descr"
                             :label="$t('common.title')"> </el-table-column>
            <el-table-column property="name"
                             :label="$t('common.fileNme')"> </el-table-column>
            <el-table-column property="createName"
                             :label="$t('operatManage.BWL.requestUser')"> </el-table-column>
            <el-table-column property="createTime"
              :formatter="formatData"
              :label="$t('dataApply.careatetime')"
            >
                             :label="$t('dataApply.careatetime')">
            </el-table-column>
            <el-table-column
              :label="$t('common.download')"
              width="120"
            >
            <el-table-column :label="$t('common.download')"
                             width="120">
              <template slot-scope="scope">
                <el-link
                  @click.native.prevent="downloadMap(scope.$index, scope.row)"
                  :underline="false"
                >下载</el-link>
                <el-link @click.native.prevent="downloadMap(scope.$index, scope.row)"
                         :underline="false">下载</el-link>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="archdownbottom">
          <el-pagination
            @size-change="downloadSizeChange"
          <el-pagination @size-change="downloadSizeChange"
            @current-change="downloadCurrentChange"
            :current-page="downloadPage.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="downloadPage.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="downloadPage.count"
          >
                         :total="downloadPage.count">
          </el-pagination>
        </div>
      </div>
    </el-dialog>
    <!--空间查询 -->
    <el-dialog
      :title=" $t('synthesis.rangequery')"
    <el-dialog :title=" $t('synthesis.rangequery')"
      :visible.sync="dialogMapVisible"
      width="90%"
      top="10vh"
      :close-on-click-modal="false"
      :before-close="handleMaptClose"
    >
               :before-close="handleMaptClose">
      <div style="height:73vh">
        <map-sdk v-if='showMapVisible'></map-sdk>
      </div>
    </el-dialog>
    <el-dialog
      :title="fromQueryMeta.title"
    <el-dialog :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag1"
      width="70%"
    >
               width="70%">
      <div style="height: 65vh; width: 100%">
        <el-table
          @cell-dblclick="copyText"
        <el-table @cell-dblclick="copyText"
          ref="filterTable"
          :data="metaDataTable1"
          style="width: 100%"
          height="100%"
        >
          <el-table-column
            align="center"
                  height="100%">
          <el-table-column align="center"
            type="index"
            :label="$t('common.index')"
            width="70px"
          ></el-table-column>
          <el-table-column
            align="center"
                           width="70px"></el-table-column>
          <el-table-column align="center"
            prop="name"
            :label="$t('common.name')"
            width="120"
          >
                           width="120">
          </el-table-column>
          <el-table-column
            align="center"
          <el-table-column align="center"
            prop="dirName"
            :label="$t('dataManage.dataUpObj.catalogue')"
            width="300"
          />
          <el-table-column
            align="center"
                           width="300" />
          <el-table-column align="center"
            prop="depName"
            :label="$t('dataManage.dataUpObj.company')"
            width="200"
          />
          <el-table-column
            align="center"
                           width="200" />
          <el-table-column align="center"
            prop="verName"
            :label="$t('dataManage.dataUpObj.versionNo')"
          />
          <el-table-column
            align="center"
                           :label="$t('dataManage.dataUpObj.versionNo')" />
          <el-table-column align="center"
            prop="type"
            :label="$t('common.type')"
          />
          <el-table-column
            align="center"
                           :label="$t('common.type')" />
          <el-table-column align="center"
            prop="sizes"
            :label="$t('common.size')"
            :formatter="stateFormatSizes"
          />
          <el-table-column
            align="center"
            :label="$t('dataManage.dataUpObj.tableName')"
          >
                           :formatter="stateFormatSizes" />
          <el-table-column align="center"
                           :label="$t('dataManage.dataUpObj.tableName')">
            <template slot-scope="scope">
              <a class="scopeRowColor">{{
                  scope.row.tab
                }}</a>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
          <el-table-column align="center"
            prop="rows"
            :label="$t('common.lineNuber')"
          />
          <el-table-column
            align="center"
                           :label="$t('common.lineNuber')" />
          <el-table-column align="center"
            prop="desc"
            :label="$t('dataManage.dataUpObj.describe')"
          />
                           :label="$t('dataManage.dataUpObj.describe')" />
        </el-table>
      </div>
    </el-dialog>
    <el-dialog
      :title="fromQueryMeta.title"
    <el-dialog :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag"
      width="70%"
    >
               width="70%">
      <div style="height: 65vh; width: 100%">
        <el-form
          :inline="true"
        <el-form :inline="true"
          :model="fromQueryMeta"
          class="demo-form-inline"
        >
                 class="demo-form-inline">
          <el-form-item>
            <el-input
              size="small"
              v-model="fromQueryMeta.name"
            ></el-input>
            <el-input size="small"
                      v-model="fromQueryMeta.name"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
            <el-button type="primary"
              size="small"
              @click="setSearchMetaData()"
            >查询
                       @click="setSearchMetaData()">查询
            </el-button>
            <el-button
              type="info"
            <el-button type="info"
              size="small"
              @click="setRestMetaData()"
            >重置
                       @click="setRestMetaData()">重置
            </el-button>
          </el-form-item>
        </el-form>
        <el-table
          @cell-dblclick="copyText"
        <el-table @cell-dblclick="copyText"
          ref="filterTable"
          :data="metaDataTable"
          style="width: 100%"
          height="calc(100% - 100px)"
        >
          <el-table-column
            align="center"
                  height="calc(100% - 100px)">
          <el-table-column align="center"
            type="index"
            :label="$t('common.index')"
            width="70px"
          ></el-table-column>
          <el-table-column
            align="center"
                           width="70px"></el-table-column>
          <el-table-column align="center"
            prop="name"
            :label="$t('common.name')"
            width="120"
          >
                           width="120">
          </el-table-column>
          <el-table-column
            align="center"
          <el-table-column align="center"
            prop="dirName"
            :label="$t('dataManage.dataUpObj.catalogue')"
            width="300"
          />
          <el-table-column
            align="center"
                           width="300" />
          <el-table-column align="center"
            prop="depName"
            :label="$t('dataManage.dataUpObj.company')"
            width="200"
          />
          <el-table-column
            align="center"
                           width="200" />
          <el-table-column align="center"
            prop="verName"
            :label="$t('dataManage.dataUpObj.versionNo')"
          />
          <el-table-column
            align="center"
                           :label="$t('dataManage.dataUpObj.versionNo')" />
          <el-table-column align="center"
            prop="type"
            :label="$t('common.type')"
          />
          <el-table-column
            align="center"
                           :label="$t('common.type')" />
          <el-table-column align="center"
            prop="sizes"
            :label="$t('common.size')"
            :formatter="stateFormatSizes"
          />
          <el-table-column
            align="center"
            :label="$t('dataManage.dataUpObj.tableName')"
          >
                           :formatter="stateFormatSizes" />
          <el-table-column align="center"
                           :label="$t('dataManage.dataUpObj.tableName')">
            <template slot-scope="scope">
              <a
                class="scopeRowColor"
                @click="detail(scope.row)"
              >{{
              <a class="scopeRowColor"
                 @click="detail(scope.row)">{{
                  scope.row.tab
                }}</a>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
          <el-table-column align="center"
            prop="rows"
            :label="$t('common.lineNuber')"
          />
          <el-table-column
            align="center"
                           :label="$t('common.lineNuber')" />
          <el-table-column align="center"
            prop="desc"
            :label="$t('dataManage.dataUpObj.describe')"
          />
                           :label="$t('dataManage.dataUpObj.describe')" />
        </el-table>
        <div
          class="pagination_box"
          style="margin-top: 15px"
        >
          <el-pagination
            @size-change="handleMetaSizeChange"
        <div class="pagination_box"
             style="margin-top: 15px">
          <el-pagination @size-change="handleMetaSizeChange"
            @current-change="handMetaCurrentChange"
            :current-page="listMetaData.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listMetaData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="listMetaData.count"
          >
                         :total="listMetaData.count">
          </el-pagination>
        </div>
      </div>
    </el-dialog>
    <el-dialog
      title="预览"
    <el-dialog title="预览"
      :append-to-body="false"
      :visible.sync="dialog.dialogVisible"
      width="70%"
      :close-on-click-modal="false"
    >
      <div
        v-if="dialog.isPdf"
        class="pdfClass"
      >
        <iframe
          :src="dialog.src"
               :close-on-click-modal="false">
      <div v-if="dialog.isPdf"
           class="pdfClass">
        <iframe :src="dialog.src"
          type="application/x-google-chrome-pdf"
          width="100%"
          height="100%"
        >
                height="100%">
        </iframe>
      </div>
      <div
        v-if="dialog.isJpg"
        class="pdfClass"
      >
        <el-image
          style="width:100%; height:100%"
      <div v-if="dialog.isJpg"
           class="pdfClass">
        <el-image style="width:100%; height:100%"
          :src="dialog.src"
          :preview-src-list="[dialog.src]"
        >
                  :preview-src-list="[dialog.src]">
        </el-image>
      </div>
    </el-dialog>
    <el-dialog
      title="数据申请"
    <el-dialog title="数据申请"
      :visible.sync="dialogInsertVisible"
      width="30%"
      top="35vh"
      :modal="false"
      :before-close="handleInsertClose"
    >
               :before-close="handleInsertClose">
      <div style="width: 100%; max-height: 450px; overflow-y: auto">
        <el-form
          ref="form"
        <el-form ref="form"
          :model="ruleForm"
          label-width="100px"
        >
                 label-width="100px">
          <el-form-item label="审核单位">
            <div>
              <ul>
@@ -1118,106 +842,78 @@
            </div>
          </el-form-item>
          <el-form-item label="条件">
            <el-input
              :title="ruleForm.wkt"
            <el-input :title="ruleForm.wkt"
              v-model="ruleForm.wkt"
              disabled
            ></el-input>
                      disabled></el-input>
          </el-form-item>
          <el-form-item label="描述">
            <el-input
              type="textarea"
            <el-input type="textarea"
              placeholder="请输入内容"
              v-model="ruleForm.descr"
              maxlength="50"
              show-word-limit
            >
                      show-word-limit>
            </el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              class="primary"
            <el-button class="primary"
              size="small"
              @click="getInsertDownx"
            >{{
                       @click="getInsertDownx">{{
              $t("common.confirm")
            }}</el-button>
            <el-button
              type="info"
            <el-button type="info"
              size="small"
              @click="closeInsertDown"
            >{{
                       @click="closeInsertDown">{{
              $t("common.cancel")
            }}</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
    <el-dialog
      :title="$t('common.passworld')"
    <el-dialog :title="$t('common.passworld')"
      :visible.sync="dialogVisible1"
      width="30%"
      top="35vh"
      :modal="false"
      :before-close="handleCloseDown1"
    >
      <el-form
        :model="codeForm"
               :before-close="handleCloseDown1">
      <el-form :model="codeForm"
        :rules="rules"
        ref="codeForm"
        label-width="100px"
        class="codeForm"
      >
        <el-form-item
          :label="$t('common.passworld')"
          prop="password"
        >
          <el-input
            type="password"
               class="codeForm">
        <el-form-item :label="$t('common.passworld')"
                      prop="password">
          <el-input type="password"
            v-model="codeForm.password"
            show-password
          ></el-input>
                    show-password></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('common.SPassword')"
          prop="repassword"
        >
          <el-input
            type="password"
        <el-form-item :label="$t('common.SPassword')"
                      prop="repassword">
          <el-input type="password"
            v-model="codeForm.repassword"
            show-password
          ></el-input>
                    show-password></el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            class="primary"
          <el-button class="primary"
            size="small"
            @click="downloadx('codeForm')"
          >{{ $t("common.confirm") }}</el-button>
          <el-button
            type="info"
                     @click="downloadx('codeForm')">{{ $t("common.confirm") }}</el-button>
          <el-button type="info"
            size="small"
            @click="closeDownx('codeForm')"
          >{{
                     @click="closeDownx('codeForm')">{{
            $t("common.cancel")
          }}</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <el-dialog
      title="数据申请"
    <el-dialog title="数据申请"
      :visible.sync="dialogInsertFile"
      width="30%"
      top="10vh"
      :modal="false"
      :close-on-click-modal="false"
      :show-close="false"
    >
      <el-form
        ref="form"
               :show-close="false">
      <el-form ref="form"
        :model="fileFrom"
        label-width="100px"
      >
               label-width="100px">
        <el-form-item label="审核单位">
          <div>
            <ul>
@@ -1229,39 +925,31 @@
        </el-form-item>
        <el-form-item label="描述">
          <el-input
            type="textarea"
          <el-input type="textarea"
            placeholder="请输入内容"
            v-model="fileFrom.descr"
            maxlength="50"
            show-word-limit
          >
                    show-word-limit>
          </el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            class="primary"
          <el-button class="primary"
            size="small"
            @click="getFileInsertApply()"
          >{{
                     @click="getFileInsertApply()">{{
              $t("common.confirm")
            }}</el-button>
          <el-button
            type="info"
          <el-button type="info"
            size="small"
            @click="handleInsertFileClose()"
          >{{
                     @click="handleInsertFileClose()">{{
              $t("common.cancel")
            }}</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <iframe
      id="downFrame"
    <iframe id="downFrame"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
            style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
  </div>
</template>