数据上传添加进度条，样式管理页面修改，属性查询，空间查询页面优化

Surpriseplus

2023-03-02 d5431e6b00cfc9a1a57b1d67d3b1f5956eca0132

 src/views/Archive/index.vue

@@ -160,8 +160,25 @@
              slot="header"
              class="clearfix"
            >
              <span v-show="formInline.dataType=='type2'">{{item.name}}</span>
              <span>{{item.tabDesc}}</span>

              <span v-show="formInline.dataType =='type2'">
                <span v-if="item.ismeta > 0">
                  <el-link
                    style="color: #409eff"
                    title="源数据查询"
                    target="_blank"
                    @click="setQueryMetaData(item)"
                  >{{ item.name }}</el-link>
                </span>
                <span v-else-if="item.metaid > 0"> <el-link
                    style="color: #409eff"
                    title="元数据查询"
                    target="_blank"
                    @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
                  class="el-icon-tickets"
@@ -694,6 +711,205 @@
        <map-sdk v-if='showMapVisible'></map-sdk>
      </div>
    </el-dialog>
    <el-dialog
      :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag1"
      width="70%"
    >
      <div style="height: 65vh; width: 100%">

        <el-table
          ref="filterTable"
          :data="metaDataTable1"
          style="width: 100%"
          height="100%"
        >
          <el-table-column
            align="center"
            type="index"
            :label="$t('common.index')"
            width="70px"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="name"
            :label="$t('common.name')"
            width="120"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dirName"
            :label="$t('dataManage.dataUpObj.catalogue')"
            width="300"
          />
          <el-table-column
            align="center"
            prop="depName"
            :label="$t('dataManage.dataUpObj.company')"
            width="200"
          />
          <el-table-column
            align="center"
            prop="verName"
            :label="$t('dataManage.dataUpObj.versionNo')"
          />
          <el-table-column
            align="center"
            prop="type"
            :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')"
          >
            <template slot-scope="scope">
              <a class="scopeRowColor">{{
                  scope.row.tab
                }}</a>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="rows"
            :label="$t('common.lineNuber')"
          />
          <el-table-column
            align="center"
            prop="desc"
            :label="$t('dataManage.dataUpObj.describe')"
          />
        </el-table>

      </div>
    </el-dialog>
    <el-dialog
      :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag"
      width="70%"
    >
      <div style="height: 65vh; width: 100%">
        <el-form
          :inline="true"
          :model="fromQueryMeta"
          class="demo-form-inline"
        >
          <el-form-item>
            <el-input
              size="small"
              v-model="fromQueryMeta.name"
            ></el-input>
          </el-form-item>

          <el-form-item>
            <el-button
              type="primary"
              size="small"
              @click="setSearchMetaData()"
            >查询
            </el-button>
            <el-button
              type="info"
              size="small"
              @click="setRestMetaData()"
            >重置
            </el-button>
          </el-form-item>
        </el-form>
        <el-table
          ref="filterTable"
          :data="metaDataTable"
          style="width: 100%"
          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"
            prop="name"
            :label="$t('common.name')"
            width="120"
          >
          </el-table-column>
          <el-table-column
            align="center"
            prop="dirName"
            :label="$t('dataManage.dataUpObj.catalogue')"
            width="300"
          />
          <el-table-column
            align="center"
            prop="depName"
            :label="$t('dataManage.dataUpObj.company')"
            width="200"
          />
          <el-table-column
            align="center"
            prop="verName"
            :label="$t('dataManage.dataUpObj.versionNo')"
          />
          <el-table-column
            align="center"
            prop="type"
            :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')"
          >
            <template slot-scope="scope">
              <a
                class="scopeRowColor"
                @click="detail(scope.row)"
              >{{
                  scope.row.tab
                }}</a>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="rows"
            :label="$t('common.lineNuber')"
          />
          <el-table-column
            align="center"
            prop="desc"
            :label="$t('dataManage.dataUpObj.describe')"
          />
        </el-table>
        <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"
          >
          </el-pagination>
        </div>
      </div>
    </el-dialog>
    <iframe
      id="downFrame"
      src=""
@@ -720,7 +936,9 @@
  sign_getPublicKey,
  dataLib_downloadReq,
  dataLib_selectDownloadFile,
  dataLib_selectPageCountForDownload
  dataLib_selectPageCountForDownload,
  dataLib_selectPageAndCountByPid,
  dataLib_selectMetaById
} from '../../api/api';
export default {
  components: {
@@ -748,6 +966,7 @@
      }
    };
    return {

      fromSqlflag: false,
      filedsOption: [],
      condOption: [],
@@ -819,6 +1038,23 @@
      downloadTableData: [],
      dialogMapVisible: false,
      showMapVisible: false,
      queryMetaFlag1: false,
      metaDataTable1: [],
      fromQueryMeta: {
        title: ""
      },
      listMetaData: {
        metaid: 0,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      },
      fromQueryMeta: {
        name: ""
      },
      queryMetaFlag: false,
      metaDataTable: [],
    };
  },
  mounted() {
@@ -828,8 +1064,70 @@
    this.signGetPublicKey();
  },
  methods: {
    getAttachTable() {

    },
    setRestMetaData() {
      this.fromQueryMeta.name = "";
      this.listMetaData.name = this.fromQueryMeta.name;
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = 10;

      this.startQueryMetaData();
    },
    setSearchMetaData() {
      this.listMetaData.name = this.fromQueryMeta.name;
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = 10;

      this.startQueryMetaData();
    },
    //源数据页面切换
    handleMetaSizeChange(val) {
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = val;
      this.startQueryMetaData();
    },
    //源数据页面切换
    handMetaCurrentChange(val) {
      this.listMetaData.pageIndex = val;
      this.startQueryMetaData();
    },
    //源数据查询
    setQueryMetaData(row) {
      this.fromQueryMeta.title = row.name;
      this.listMetaData = {
        metaid: row.id,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      };
      this.startQueryMetaData();
      this.queryMetaFlag = true;
    },
    async startQueryMetaData() {
      const data = await dataLib_selectPageAndCountByPid(this.listMetaData);
      if (data.code != 200) {
        return;
      }
      this.metaDataTable = data.result;
      this.listMetaData.count = data.count;
    },
    //元数据查询
    async setMetaDataQuery(row) {

      this.fromQueryMeta.title = row.name;
      this.listMetaData = {
        id: row.metaid,
      };
      const data = await dataLib_selectMetaById(this.listMetaData);
      if (data.code != 200) {
        return;
      }
      this.queryMetaFlag1 = true;
      this.metaDataTable1 = [data.result];
    },
    getSpaceMapVisibale() {
      sgworld.Creator.SimpleGraphic.clear();
      for (var i in this.$store.state.queryInfo) {
@@ -1097,15 +1395,21 @@
    },
    //重置
    setQuerAllTablesRefresh() {
      this.formInline = {
        fileName: "",//高级搜索
        dataType: "type2", //数据类型
        category: [], //查询类别,
        item: [],
        depcode: this.depOption[0].code,
        depName: this.depOption[0].name,
        keywords: '',
      }
      // this.formInline = {
      //   fileName: "",//高级搜索
      //   dataType: "type2", //数据类型
      //   category: [], //查询类别,
      //   item: [],
      //   depcode: null, //单位,
      //   depName: null,//单位,
      //   keywords: '',
      // }
      this.formInline.fileName = "";//高级搜索
      this.formInline.category = [];//高级搜索
      this.formInline.item = [];//高级搜索
      this.formInline.depcode = null;//高级搜索
      this.formInline.depName = null;//高级搜索
      this.formInline.keywords = "";//高级搜索
      this.getAllTabesData();
    },
    handleSelectionChange() {
@@ -1418,6 +1722,7 @@
    //查询文件数据
    async getQueryFileData() {
      this.listData.dirs = "";
      this.listData.count = 0;
      if (this.formInline.category.length != 0) {
        this.listData.dirs += this.formInline.category.toString();
      }
@@ -1501,8 +1806,8 @@
        return this.$message.error('单位列表获取失败');
      }
      this.depOption = this.treeData(data.result);
      this.formInline.depcode = this.depOption[0].code
      this.formInline.depName = this.depOption[0].name;
      // this.formInline.depcode = this.depOption[0].code
      // this.formInline.depName = this.depOption[0].name;
      this.getAllTabesData();
    },
    //树列表生成