添加cpt格式

13693261870

2023-06-09 df1b2a901ef28e3168e2a0f7b3cbe6709a022509

 src/views/datamanage/uploadmanage.vue

@@ -1,5 +1,6 @@
<template>
  <div class="uploads_box">

    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.uploadManage')}`,
@@ -7,215 +8,436 @@
    <el-divider />
    <!-- tabs切换 -->
    <div class="tabs_box">
      <div
        class="tabs_pane"
        @click="setTabsChange()"
      >
        <div :class="{ changetabs : active == 'first'}">
          {{$t('dataManage.uploadObj.dataRelease')}}
      <div class="tabs_pane"
           @click="setTabsChange(1)">
        <div class="tabsSpan"
             :class="{ changetabs : active == 'first'}">
          <span> {{$t('dataManage.uploadObj.dataRelease')}}</span>
        </div>
      </div>
      <div
        class="tabs_pane"
        @click="setTabsChange()"
      >
        <div :class="{ changetabs : active == 'second'}">
          {{$t('dataManage.uploadObj.releaseList')}}
      <div class="tabs_pane"
           @click="setTabsChange(2)">
        <div class="tabsSpan"
             :class="{ changetabs : active == 'second'}">
          <span> {{$t('dataManage.uploadObj.releaseList')}}</span>
        </div>
      </div>
      <div class="tabs_pane"
           @click="setTabsChange(3)">
        <div class="tabsSpan"
             :class="{ changetabs : active == 'third'}">
          <span> {{$t('dataManage.uploadObj.modelAttachMount')}}</span>
        </div>
      </div>
    </div>
    <div class="content_box">
      <el-form
        :inline="true"
        :model="formInline"
        class="demo-form-inline"
      >
    <div v-if="active != 'third'"
         class="content_box">
      <el-form :inline="true"
               :model="formInline"
               class="demo-form-inline">
        <!-- 单位 -->
        <el-form-item>
          <el-select
            size="small"
            v-model="formInline.depid"
          >
            <el-option
              :value="formInline.depid"
              :label="formInline.depName"
              style="height: auto"
            >
              <el-tree
                ref="tree"
                :data="depOption"
                node-key="id"
                :props="defaultProps"
                @node-click="handleDepChange"
              />
        <el-form-item v-if="active == 'first'">
          <el-select size="small"
                     v-model="formInline.depid">
            <el-option :value="formInline.depid"
                       :label="formInline.depName"
                       style="height: auto">
              <el-tree ref="tree"
                       :data="depOption"
                       node-key="id"
                       :props="defaultProps"
                       @node-click="handleDepChange" />
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 目录 -->
        <el-form-item>
          <el-select
            size="small"
            v-model="formInline.dirid"
          >
            <el-option
              :value="formInline.dirid"
              :label="formInline.dirName"
              style="height: auto"
            >
              <el-tree
                ref="tree"
                :data="dirOption"
                node-key="id"
                :props="defaultProps"
                @node-click="handleDirChange"
              />
        <el-form-item v-if="active == 'first'">
          <el-select size="small"
                     v-model="formInline.dirid">
            <el-option :value="formInline.dirid"
                       :label="formInline.dirName"
                       style="height: auto">
              <el-tree ref="tree"
                       :data="dirOption"
                       node-key="id"
                       :props="defaultProps"
                       @node-click="handleDirChange" />
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 版本 -->
        <el-form-item>
          <el-select
            size="small"
            v-model="formInline.verid"
            @change="handleVerChange"
          > <el-option
              v-for="item in verOption"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            >
        <el-form-item v-if="active == 'first'">
          <el-select size="small"
                     v-model="formInline.verid"
                     @change="handleVerChange"> <el-option v-for="item in verOption"
                       :key="item.id"
                       :label="item.name"
                       :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 类型 -->
        <el-form-item>
          <el-select
            size="small"
            v-model="formInline.type"
            @change="handleTypeChange"
          >
            <el-option
              v-for="item in typeOption"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
        <el-form-item v-if="active == 'first'">
          <el-select size="small"
                     v-model="formInline.type"
                     @change="handleTypeChange">
            <el-option v-for="item in typeOption"
                       :key="item.value"
                       :label="item.label"
                       :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-input
            size="small"
            :title="$t('dataManage.vmobj.keyword')"
          > <i
              @click="getTableData"
              :title="$t('common.iquery')"
              slot="suffix"
              class="el-icon-search"
              style="padding-right: 8px"
            ></i></el-input>
          <el-input size="small"
                    :title="$t('dataManage.vmobj.keyword')"
                    v-model="formInline.name"
                    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"> <i @click="getTableData"
               :title="$t('common.iquery')"
               slot="suffix"
               class="el-icon-search"
               style="padding-right: 8px"></i></el-input>
        </el-form-item>
        <el-form-item style="float:right">
          <el-button
            type="info"
            size="small"
            @click="setPageStart"
            icon="el-icon-refresh"
          >{{$t('common.reset')}}</el-button>
          <!-- 发布 -->
          <el-button v-if="active == 'first'"
                     type="success"
                     size="small"
                     icon="el-icon-s-promotion"
                     @click="setPagePublish">{{$t('common.publish')}}</el-button>
          <!-- 刪除 -->
          <el-button v-if="active == 'second'"
                     type="danger"
                     size="small"
                     icon="el-icon-delete"
                     @click="setPageDelete">{{$t('common.delete')}}</el-button>
          <!-- 重置 -->
          <el-button type="info"
                     size="small"
                     @click="setPageStart"
                     icon="el-icon-refresh">{{$t('common.reset')}}</el-button>
        </el-form-item>
      </el-form>

      <div class="dividing-line"></div>
      <div class="table_box content_Table">
        <el-table
          :data="tableData"
          style="width: 100%"
          border
          @selection-change="handleSelectionChange"
          height="calc(100% - 1px)"
        >
          <el-table-column
            type="selection"
            width="55"
          />
          <el-table-column
            :label="$t('dataManage.dictionaryManageObj.number')"
            type="index"
            width="50"
            align="center"
          >
        <el-table :data="tableData"
                  style="width: 100%"
                  @selection-change="handleSelectionChange"
                  @cell-dblclick="copyText"
                  height="calc(100% - 1px)">
          <el-table-column type="selection"
                           width="55" />
          <el-table-column :label="$t('dataManage.dictionaryManageObj.number')"
                           type="index"
                           width="50"
                           align="center">
          </el-table-column>
          <el-table-column
            prop="type"
            :label="$t('dataManage.vmobj.name')"
            align="center"
          />
          <el-table-column
            prop="type"
            :label="$t('dataManage.vmobj.format')"
            align="center"
          />
          <el-table-column
            prop="sizes"
            :label="$t('dataManage.vmobj.size')"
            :formatter="stateFormatSizes"
            align="center"
          />
          <el-table-column
            prop="depName"
            :label="$t('dataManage.vmobj.depName')"
            align="center"
          />
          <el-table-column
            prop="dirName"
            :label="$t('dataManage.vmobj.dirName')"
            width="200"
            align="center"
          />
          <el-table-column
            prop="verName"
            :label="$t('dataManage.vmobj.versionNumber')"
            align="center"
          />
          <el-table-column
            prop="uname"
            :label="$t('dataManage.vmobj.createonuser')"
            align="center"
          />
          <el-table-column
            prop="createTime"
            :label="$t('dataManage.vmobj.createontime')"
            :formatter="formatData"
            align="center"
          />
          <el-table-column prop="name"
                           :label="$t('dataManage.vmobj.name')"
                           align="center" />
          <el-table-column prop="type"
                           :label="$t('dataManage.vmobj.format')"
                           align="center" />
          <el-table-column v-if="active == 'first'"
                           prop="sizes"
                           :label="$t('dataManage.vmobj.size')"
                           :formatter="stateFormatSizes"
                           align="center" />
          <el-table-column prop="depName"
                           :label="$t('dataManage.vmobj.depName')"
                           align="center" />
          <el-table-column prop="dirName"
                           :label="$t('dataManage.vmobj.dirName')"
                           width="200"
                           align="center" />
          <el-table-column prop="verName"
                           :label="$t('dataManage.vmobj.versionNumber')"
                           align="center" />
          <el-table-column prop="url"
                           :label="$t('common.publishAddress')"
                           align="center" />
          <el-table-column v-if="active == 'first'"
                           prop="uname"
                           :label="$t('common.rublisher')"
                           align="center"
                           :key="Math.random()" />
          <el-table-column v-if="active != 'first'"
                           prop="createName"
                           :label="$t('common.rublisher')"
                           align="center"
                           :key="Math.random()" />
          <el-table-column prop="createTime"
                           :label="$t('common.releaseTime')"
                           align="center" />

          <el-table-column min-width="150"
                           :label="$t('common.operate')">
            <template slot-scope="scope">
              <el-button v-if="active == 'second'"
                         size="small"
                         type="info"
                         plain
                         @click="setPreviewDetails(scope.row)">{{$t('common.details')}}

              </el-button>
              <el-button v-if="active == 'second'"
                         size="small"
                         type="warning"
                         plain
                         @click="setPreviewEdit(scope.row)">{{$t('common.update')}}

              </el-button>

              <el-button v-if="scope.row.url"
                         size="small"
                         type="success"
                         plain
                         @click="setPreviewLayer(scope.row)">{{$t('common.preview')}}

              </el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div
        class="pagination_box"
        style="margin-top: 10px"
      >
        <el-pagination
          @size-change="handleSizeChange"
          @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"
        >
      <div class="pagination_box"
           style="margin-top: 10px">
        <el-pagination @size-change="handleSizeChange"
                       @current-change="handleCurrentChange"
                       :current-page="listData.pageIndex"
                       :page-sizes="showPageSize"
                       :page-size="listData.pageSize"
                       layout="total, sizes, prev, pager, next, jumper"
                       :total="listData.count">
        </el-pagination>
      </div>
    </div>
    <div v-if="active == 'third'"
         class="content_box">
      <mapview v-if="active == 'third'"></mapview>
    </div>
    <!-- 地址预览 -->
    <el-dialog :title="$t('common.preview')"
               :class="isFullscreen ? '' : 'dialogClass_his'"
               custom-class="handleDialogClass"
               width="73.4%"
               :fullscreen="isFullscreen"
               v-if="dialogVisible"
               :visible.sync="dialogVisible"
               :show-close="false"
               :close-on-click-modal="false"
               :close-on-press-escape="false">
      <dialog-header slot="title"
                     :dialog-tittle="$t('common.preview')"
                     :fullscreen="isFullscreen"
                     @handle-closed="handleClose"
                     @is-fullscreen="onFullscreen"></dialog-header>
      <div :class="{'fullscreen1':isFullscreen}">
        <mapview v-if="showMapView"></mapview>
      </div>
    </el-dialog>
    <!-- <el-dialog
      :title="$t('common.preview')"
      :visible.sync="dialogVisible"
      width="70%"
      :before-close="handleClose"
      top="13vh"
      :lock-scroll="false"
      :close-on-press-escape="false"
      :close-on-click-modal="false"
      v-el-drag-dialog
    >
      <div
        id="MapDiv"
        style="background:red;widht:100%;height:calc(100% - 10px)"
      ></div>
      <!-- 
    </el-dialog> -->
    <!-- 修改数据 -->
    <el-dialog :title="$t('common.update')"
               :visible.sync="editDialogVisible"
               width="50%"
               :show-close="false"
               :close-on-click-modal="false">
      <div style="width:100%;height:50vh">
        <el-form ref="form"
                 :model="editLayer"
                 label-width="150px">
          <el-form-item :label="$t('dataManage.vmobj.name')">
            <el-input v-model="editLayer.name"></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.vmobj.format')">
            <el-input disabled
                      v-model="editLayer.type"></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.vmobj.depName')">
            <el-input disabled
                      v-model="editLayer.depName"></el-input>
          </el-form-item>

          <el-form-item :label="$t('dataManage.vmobj.dirName')">
            <el-input disabled
                      v-model="editLayer.dirName"></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.vmobj.versionNumber')">
            <el-input disabled
                      v-model="editLayer.verName"></el-input>
          </el-form-item>
          <el-form-item :label="$t('common.publishAddress')">
            <el-input v-model="editLayer.url"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button size="small"
                       type="primary"
                       @click="setEditLayerSubmit">{{$t('common.submit')}}</el-button>
            <el-button size="small"
                       type="info"
                       @click="setEditLayerCancle">{{$t('common.cancel')}}</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
    <!-- 数据详情 -->
    <el-dialog :title="$t('common.details')"
               :visible.sync="detailsDialogVisible"
               width="50%"
               :close-on-click-modal="false">
      <div style="width:100%;height:50vh">
        <p>{{ $t("dataManage.vmobj.name") }}：{{ itemdetail.name }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.vmobj.format") }}：{{ itemdetail.type }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.vmobj.depName") }}：{{ itemdetail.depName }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.vmobj.dirName") }}：{{ itemdetail.dirName }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.vmobj.versionNumber") }}：{{ itemdetail.verName }}</p>
        <el-divider></el-divider>
        <p>{{ $t("common.publishAddress") }}：{{ itemdetail.url }}</p>
        <el-divider></el-divider>
        <p>{{ $t("common.rublisher") }}：{{ itemdetail.createName }}</p>
        <el-divider></el-divider>
        <p>{{ $t("common.releaseTime") }}：{{ itemdetail.createTime }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.vmobj.updateonuser") }}：{{ itemdetail.updateName }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.vmobj.updateontime") }}：{{ itemdetail.updateTime }}</p>
        <el-divider></el-divider>
      </div>
    </el-dialog>
    <!-- 发布 -->
    <el-dialog :title="$t('common.publish')"
               :visible.sync="insertDialogVisible"
               width="40%"
               :close-on-click-modal="false"
               :show-close="false">
      <div style="width:100%; ">
        <el-form ref="form"
                 :model="insertLayer"
                 label-width="150px">
          <el-form-item :label="$t('dataManage.vmobj.name')">
            <el-input v-model="insertLayer.name"
                      :placeholder="$t('dataManage.vmobj.name')"></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.vmobj.numberFiles')">
            <el-input disabled
                      v-model="insertLayer.number"></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.vmobj.labe14')"
                        v-show="formInline.type =='DOM'">
            <el-select style="width:100%"
                       v-model="insertLayer.noData">
              <el-option label="黑色"
                         value="0"></el-option>
              <el-option label="白色"
                         value="255"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item v-show="formInline.type !='DEM'"
                        :label="$t('dataManage.vmobj.minLevel')">
            <!-- <el-input
              v-model="insertLayer.min"
              :placeholder="$t('dataManage.vmobj.labe11')"
            ></el-input> -->
            <el-select style="width:100%"
                       v-model="insertLayer.min"
                       :placeholder="$t('dataManage.vmobj.labe11')">
              <el-option v-for="item in options"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('dataManage.vmobj.maxLevel')"
                        v-show="formInline.type !='DEM'">
            <!-- <el-input
              v-model="insertLayer.max"
              :placeholder="$t('dataManage.vmobj.labe12')"
            ></el-input> -->
            <el-select style="width:100%"
                       v-model="insertLayer.max"
                       :placeholder="$t('dataManage.vmobj.labe12')">
              <el-option v-for="item in options"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button size="small"
                       type="primary"
                       @click="setinsertLayerSubmit()">{{$t('common.submit')}}</el-button>
            <el-button size="small"
                       type="info"
                       @click="setinsertLayerCancel()">{{$t('common.cancel')}}</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>

    <div class="loadBox"
         v-if="loadDialogVisible">
      <div style="widht:100%; margin:20px; color:white">
        <div style="margin-left:99%">
          <el-link @click="setloadDialogVisible()"
                   style="color:white"> X</el-link>
        </div>
      </div>
      <div v-loading="true"
           element-loading-background="rgba(0, 0, 0, 0.0) "
           element-loading-text="数据发布中"
           style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); ">
      </div>
    </div>
  </div>

</template>

<script>

import axios from 'axios';
import dialogHeader from './dialogHeader.vue'
import mapview from '../../components/preview_map.vue'
import MyBread from "../../components/MyBread.vue"
import { selectdepTab, selectdirTab, meta_selectVerByDirid } from '../../api/api.js'
import {
  selectdepTab,
  selectdirTab,
  meta_selectVerByDirid,
  publish_selectMetasByPage,
  publish_selectByPage,
  publish_deletes,
  publish_update,
  publish_insert,
} from '../../api/api.js'
import { conditions } from '../Archive/Archive';

export default {
  components: { MyBread },
  data() {
  components: {
    MyBread, mapview,
    'dialog-header': dialogHeader,
  },
  data () {
    return {
      active: 'first',
      formInline: {
@@ -229,26 +451,31 @@
      },
      listData: {
        pageIndex: 1,
        pageSize: 10,
        pageSize: 100,
        count: 0
      },
      multipleSelection: [],
      tableData: [],
      depOption: [],
      dirOption: [],
      verOption: [],
      typeOption: [{
        value: 't1',
        label: '全部'
      }, {
        value: 't2',
        value: 'DOM',
        label: '影像数据(.tif, .img)'
      }, {
        value: 't3',
        value: 'DEM',
        label: '高程数据(.tif)'
      }, {
        value: 'MPT',
        label: '场景数据(.mpt)'
      }, {
        value: 't4',
        value: 'CPT',
        label: '点云数据(.cpt)'
      }, {
        value: '3DML',
        label: '三维模型(.3dml)'
      }, {
        value: 't5',
        value: 'BIM',
        label: '三维模型(.fbx, .ifc, .rvt)'
      }],
      defaultProps: {
@@ -258,12 +485,253 @@
        checkStrictly: true,
        emitPath: false,
      },
      dialogVisible: false,
      showMapView: false,
      showPageSize: [],
      editLayer: {},
      updateLayer: {},
      editDialogVisible: false,
      detailsDialogVisible: false,
      itemdetail: {},
      insertDialogVisible: false,
      insertLayer: { name: '', number: null, min: 4, max: 18, noData: '0' },
      loadDialogVisible: false,
      options: [],
      isFullscreen: false,
    }
  },
  methods: {
    copyText (row, column, cell, event) {
      // 双击复制
      let save = function (e) {
        e.clipboardData.setData('text/plain', event.target.innerText);
        e.preventDefault();  //阻止默认行为
      }
      document.addEventListener('copy', save);//添加一个copy事件
      document.execCommand("copy");//执行copy方法
      this.$message({ message: '复制成功', type: 'success' })//提示
    },
    setOptions () {
      var std = [];
      for (var i = 0; i < 23; i++) {
        std.push({
          value: i,
          label: i
        })
      }
      this.options = std;
    },
    setloadDialogVisible () {
      this.loadDialogVisible = false
    },
    setinsertLayerCancel () {
      this.insertDialogVisible = false;
      this.insertLayer = { name: '', number: null, min: 4, max: 18 };
    },
    //发布提交
    async setinsertLayerSubmit () {

      var min = this.insertLayer.min;
      var max = this.insertLayer.max;
      var name = this.insertLayer.name;
      if (this.formInline.type == 'DEM') {
        min = 0;
        max = 18;
      }
      if (!name) {
        this.$message.error("名称不能为空")
        return
      }


      if (parseInt(min) < 0 || parseInt(min) > 20) {
        this.$message.error("最小级别不能小于 0 或大于 20 ")
        return
      }


      if (parseInt(max) < 0 || parseInt(max) > 20) {
        this.$message.error(" 最大级别不能小于 0 或大于 20 ")
        return
      }

      if (parseInt(min) > parseInt(max)) {
        this.$message.error("最小级别不得大于最大级别")
        return
      }
      var std = [];
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].id)
      }
      var obj = {
        dircode: this.formInline.dirid,
        depcode: this.formInline.depid,
        min: min,
        max: max,
        name: name,
        ids: std,
        type: this.formInline.type,
        noData: this.insertLayer.noData
      }
      this.loadDialogVisible = true
      this.insertDialogVisible = false;

      const data = await publish_insert(obj);

      if (data.code == 200 && data.result > 0) {
        this.$message({
          message: '数据发布成功',
          type: 'success'
        });
      } else {
        this.$message.error("数据发布失败")
      }
      this.loadDialogVisible = false
      this.getTableData();
    },

    //数据发布
    async setPagePublish () {
      if (this.multipleSelection.length == 0) {
        this.$message("请选择要发布的数据")
        return
      }
      if (this.formInline.type == "DOM" || this.formInline.type == "DEM") {

        this.insertLayer.name = this.multipleSelection[0].name.split('.')[0];
        this.insertLayer.number = this.multipleSelection.length
        this.insertLayer.noData = '0';
        this.insertDialogVisible = true;
      } else {
        var std = [];
        for (var i in this.multipleSelection) {
          std.push(this.multipleSelection[i].id)
        }

        var obj = {
          dircode: this.formInline.dirid,
          depcode: this.formInline.depid,
          ids: std,
          type: this.formInline.type
        }

        this.loadDialogVisible = true
        this.insertDialogVisible = false;

        const data = await publish_insert(obj);
        if (data.code != 200) {
          this.$message.error("数据发布失败")

        } else {
          this.$message({
            message: '数据发布成功',
            type: 'success'
          });
        }
        this.loadDialogVisible = false
        this.getTableData();
      }
    },
    //数据详情
    setPreviewDetails (res) {
      this.itemdetail = res;
      this.detailsDialogVisible = true;
    },
    //修改提交
    async setEditLayerSubmit () {
      if (this.editLayer.url) {
        var url = this.editLayer.url;
        this.editLayer.url = url.replace(iisHost, "{host}");
      }

      const data = await publish_update(this.editLayer);
      if (data.code != 200) {
        this.$message.error("数据修改失败")
        return
      }
      this.$message({
        message: '数据修改成功',
        type: 'success'
      });
      this.getTableData();
      this.editDialogVisible = false;
    },
    //修改取消
    setEditLayerCancle () {
      if (this.editLayer == this.updateLayer) {
        this.editDialogVisible = false;
      } else {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {
            this.editLayer = JSON.parse(this.updateLayer)
            this.editDialogVisible = false;
          });
      }
    },
    //修改弹窗
    setPreviewEdit (res) {
      this.updateLayer = JSON.stringify(res) //备份;
      this.editLayer = JSON.parse(JSON.stringify(res));
      this.editDialogVisible = true;
    },
    //删除
    setPageDelete () {
      if (this.multipleSelection.length == 0) {
        return this.$message.error("请选择要删除的数据")
      } else {
        var that = this
        this.$confirm('确定是否删除所选内容?')
          .then(_ => {
            done();
          })
          .catch(_ => {
            that.deletePage()
          });
      }
    },
    async deletePage () {
      var std = [];
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].id);
      }
      const data = await publish_deletes({ ids: std.toString() });
      if (data.code != 200) {
        this.$message.error("单位列表获取失败")
        return
      } else {
        this.$message({
          message: '删除成功',
          type: 'success'
        });
        this.getTableData();
      }
    },
    //预览弹窗打开
    setPreviewLayer (res) {
      this.$store.state.previewLayer = res;
      this.dialogVisible = true;
      this.showMapView = true;
    },
    //是否为全屏函数
    onFullscreen (fullscreen) {
      this.isFullscreen = fullscreen;
    },
    //预览弹窗关闭
    handleClose () {
      this.getTableData();
      this.dialogVisible = false;
      this.showMapView = false;

    },
    // 获取多选选中的对象
    handleSelectionChange (val) {
      this.multipleSelection = val
    },
    //单位转换
    stateFormatSizes(row, column) {
    stateFormatSizes (row, column) {
      if (row.sizes >= 1024) {
        const val = parseFloat(row.sizes / 1024).toFixed(3)
        return val + " GB"
@@ -271,8 +739,17 @@
        return row.sizes + " MB"
      }
    },
    //格式化地址
    formatLayer (row, column) {
      let data = row.layer
      if (data == null) {
        return data
      }

      return data.replace("{host}", iisHost)
    },
    //格式化时间
    formatData(row, column) {
    formatData (row, column) {
      let data = row[column.property]
      if (data == null) {
        return data
@@ -280,32 +757,38 @@
      return this.format(data)
    },
    //分页切换
    handleCurrentChange(val) {
    handleCurrentChange (val) {
      this.listData.pageIndex = val;
      this.getTableData();
      this.getTableData_one();
    },
    //每页显示数量
    handleSizeChange(val) {
    handleSizeChange (val) {
      this.listData.pageSize = val;
      this.listData.pageIndex = 1;
      this.getTableData();
      this.getTableData_one();
    },
    //tabs切換
    setTabsChange() {
      switch (this.active) {
        case 'first':
          this.active = 'second';
          this.setPageStart();
          break;
        case 'second':
    setTabsChange (res) {
      switch (res) {
        case 1:
          this.active = 'first';
          this.setPageStart();
          break;
        case 2:
          this.active = 'second';
          this.setPageStart();
          break;
        case 3:
          this.$store.state.previewLayer = {
            url: "menuLayer"
          }
          this.active = 'third';

          break;
      }
    },
    //页面初始化
    setPageStart() {
    setPageStart () {
      this.formInline = {
        dirid: null,
        dirName: null,
@@ -315,30 +798,41 @@
        name: "",
        type: ""
      }
      this.listData = {
        pageIndex: 1,
        pageSize: 10,
        count: 0
      if (this.active == "first") {
        this.listData = {
          pageIndex: 1,
          pageSize: 10,
          count: 0
        }
        this.showPageSize = [10, 50, 100, 200]
      } else {
        this.listData = {
          pageIndex: 1,
          pageSize: 10,
          count: 0
        }
        this.showPageSize = [10, 50, 100, 200]
      }

      this.formInline.type = this.typeOption[0].value;
      this.getDepTreeList();
      this.getDirTreeList();
    },
    //获取目录列表
    async getDirTreeList() {
    async getDirTreeList () {
      const data = await selectdirTab();
      if (data.code != 200) {
        this.$message.error("单位列表获取失败")
        return
      }
      this.dirOption = this.treeData(data.result);
      this.formInline.dirid = this.dirOption[0].id;
      this.formInline.dirid = this.dirOption[0].code;
      this.formInline.dirName = this.dirOption[0].name;
      this.getVerList()
      this.getVerList(this.dirOption[0].id)
    },
    //获取版本列表
    async getVerList() {
      const data = await meta_selectVerByDirid({ dirid: this.formInline.dirid })
    async getVerList (res) {
      const data = await meta_selectVerByDirid({ dirid: res })
      if (data.code != 200) {
        this.$message.error("版本列表获取失败")
        return
@@ -348,44 +842,136 @@
      this.getTableData();
    },
    //版本列表切换
    handleVerChange(value) {
    handleVerChange (value) {

      this.formInline.verid = value;
      this.getTableData();
    },
    //服务类型列表切换
    handleTypeChange(value) {
    handleTypeChange (value) {
      this.formInline.type = value;
      this.getTableData();
    },
    //单位列表切换
    handleDepChange(data, node, nodeData) {
      this.formInline.depid = data.id
    handleDepChange (data, node, nodeData) {
      this.formInline.depid = data.code
      this.formInline.depName = data.name
      this.getTableData();
    },
    //单位列表切换
    handleDirChange(data, node, nodeData) {
      this.formInline.dirid = data.id
    //目录列表切换
    handleDirChange (data, node, nodeData) {
      this.formInline.dirid = data.code
      this.formInline.dirName = data.name
      this.getVerList()
      this.getVerList(data.id)
    },
    //获取Table表格数据
    getTableData() {
    async getTableData () {

      this.listData.count = 0;
      this.listData.pageIndex = 1;
      this.getTableData_one();
    },
    async getTableData_one () {
      this.tableData = [];
      if (this.active == "first") {

        this.listData.depcode = this.formInline.depid;
        this.listData.dircode = this.formInline.dirid;
        this.listData.name = this.formInline.name;
        this.listData.type = this.formInline.type;
        this.listData.verid = this.formInline.verid;
        const data = await publish_selectMetasByPage(this.listData)
        if (data.code != 200) {

        }
        if (data.result) {


          var that = this

          var val = data.result.filter((res) => {
            if (res.createTime) {
              res.createTime = that.format(res.createTime);
            }

            if (res.url) {
              res.url = res.url.replace("{host}", iisHost);
            }
            return res
          })
          this.tableData = val;
          this.listData.count = data.count;
        }
      }
      else {
        if (this.formInline.name) {
          this.listData.name = this.formInline.name
        }

        const data = await publish_selectByPage(this.listData);

        if (data.result) {
          var that = this
          var val = data.result.filter((rs) => {
            if (rs.createTime) {
              rs.createTime = that.format(rs.createTime);
            }
            if (rs.updateTime) {
              rs.updateTime = that.format(rs.updateTime);
            }
            if (rs.url) {

              rs.url = rs.url.replace("{host}", iisHost);
            }
            return rs
          })

          this.tableData = val;
          this.listData.count = data.count;
        }
      }
    },
    //格式化时间
    format (shijianchuo) {
      //shijianchuo是整数，否则要parseInt转换
      var time = new Date(shijianchuo);
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
      var d = time.getDate();
      var h = time.getHours();
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return (
        y +
        '-' +
        this.add0(m) +
        '-' +
        this.add0(d) +
        ' ' +
        h +
        ':' +
        mm +
        ':' +
        s
      );
    },
    //格式化时间
    add0 (m) {
      return m < 10 ? '0' + m : m;
    },
    //获取单位列表
    async getDepTreeList() {
    async getDepTreeList () {
      const data = await selectdepTab();
      if (data.code != 200) {
        this.$message.error("单位列表获取失败")
        return
      }
      this.depOption = this.treeData(data.result);
      this.formInline.depid = this.depOption[0].id
      this.formInline.depid = this.depOption[0].code
      this.formInline.depName = this.depOption[0].name
    },
    //树列表生成
    treeData(source) {
    treeData (source) {
      let cloneData = JSON.parse(JSON.stringify(source)) // 对源数据深度克隆
      return cloneData.filter(father => {
        // 循环所有项
@@ -395,9 +981,10 @@
      })
    },
  },
  mounted() {
  mounted () {
    this.active = 'first';
    this.setPageStart();
    this.setOptions();
  }
}
</script>
@@ -446,5 +1033,30 @@
      height: calc(100% - 110px);
    }
  }
  /deep/.el-divider--horizontal {
    margin: 14px 0px;
  }
  .loadBox {
    position: fixed;
    z-index: 2002;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    .el-loading-mask {
      background: transparent !important;
    }
  }
  .fullscreen1 {
    width: 100%;
    height: 92vh;
  }
  /deep/.el-dialog__body {
    padding: 10px !important;
  }
  /deep/.el-dialog__header {
    padding: 10px !important;
  }
}
</style>