From 90567c299700200dfe75cac7df7d157aeb057000 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 25 二月 2023 17:10:49 +0800
Subject: [PATCH] 综合展示界面修改，样式修改
---
src/views/Archive/index copy.vue | 1559 ++++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 948 insertions(+), 611 deletions(-)
diff --git a/src/views/Archive/index copy.vue b/src/views/Archive/index copy.vue
index 696e950..32d7c12 100644
--- a/src/views/Archive/index copy.vue
+++ b/src/views/Archive/index copy.vue
@@ -1,115 +1,108 @@
<template>
- <div class="archive">
+ <div
+ class="archive box_div"
+ v-loading="loading"
+ element-loading-background="rgba(0, 0, 0, 0.8)"
+ >
<div class="top_header">
<div class="top_left">
<My-bread :list="[`${$t('synthesis.synthesis')}`, `${$t('synthesis.archive')}`]"></My-bread>
</div>
- <div class="top_right">
- <el-form
- :inline="true"
- :model="formInline"
- class="demo-form-inline"
- >
- <el-form-item>
- <el-input
- v-model="formInline.tab"
- suffix-icon="el-icon-search"
- :placeholder="$t('common.pleaseInput')"
- ></el-input>
- </el-form-item>
- <el-form-item>
- <el-button
- icon="el-icon-search"
- @click="searchDataLibSelectTabs"
- class="primaries"
- >{{
- $t('common.iquery')
- }}</el-button>
- <el-button
- icon="el-icon-refresh"
- @click="restDataLibSelectTabs"
- type="info"
- >{{
- $t('common.reset')
- }}</el-button>
- </el-form-item>
- <el-form-item>
- <el-button
- @click="getSpaceMapVisibale"
- class="primaries"
- >{{
- $t('synthesis.rangequery')
- }}</el-button>
- </el-form-item>
- </el-form>
- </div>
</div>
+ <div class="box_item ">
- <div class="box_item">
<div class="box_left">璧勬枡绫诲埆</div>
<div class="box_cont">
+
+ <div v-if="isShowFirstCheck">
+ <el-checkbox-group v-model="checkedDataType">
+ <el-checkbox
+ @change="handleCheckedDataTypeChange(item)"
+ v-for="(item, index) in showList"
+ :label="item.name"
+ :key="index"
+ >{{item.name}}</el-checkbox>
+ </el-checkbox-group>
+ </div>
<div
- class="box_div"
+ v-if="!isShowFirstCheck"
+ class="menu_div"
v-for="(item, index) in showList"
:key="index"
+ @click="changeListDataType(item)"
>
- <el-checkbox
- v-if="isShowFirstCheck"
- v-model="item.isCheckedFlag"
- :checked="item.isCheckedFlag"
- ></el-checkbox>
- <div style="margin-left: 5px">{{ item.name }}</div>
+
+ <div
+ :class="{menuActive:dataTypeName == item.name}"
+ style="margin-left: 5px"
+ >{{ item.name }}</div>
</div>
</div>
+
<div class="box_right">
<div
- class="box_div box_menu"
+ class="menu_div subpage_Div"
@click="moreEvent(1)"
>
{{ $t('synthesis.more') }}
</div>
<div
- class="box_div box_menu"
+ class="menu_div subpage_Div "
@click="checkEvent(1)"
>
- <i class="el-icon-plus"></i> {{ $t('synthesis.Multiplechoice') }}
+ <i class="el-icon-plus"></i>
+ <span v-if="!isShowFirstCheck">{{ $t('synthesis.Multiplechoice') }}</span>
+ <span v-if="isShowFirstCheck">{{ $t('synthesis.Singlechoice') }}</span>
</div>
</div>
</div>
- <div class="box_item">
+ <div class="box_item ">
<div class="box_left">椤圭洰鍚嶇О</div>
<div class="box_cont">
+ <div v-if=" isShowSecondCheck">
+ <el-checkbox-group v-model="checkedEntryName">
+ <el-checkbox
+ @change="handleCheckedEntryNameChange(item)"
+ v-for="(item, index) in showList1"
+ :label="item.name"
+ :key="index"
+ >{{item.name}}</el-checkbox>
+ </el-checkbox-group>
+ </div>
<div
- class="box_div"
+ v-if="!isShowSecondCheck"
+ class="menu_div"
v-for="(item, index) in showList1"
:key="index"
+ @click="changeListEntryName(item)"
>
- <el-checkbox
- v-if="isShowSecondCheck"
- v-model="item.isCheckedFlag"
- :checked="item.isCheckedFlag"
- ></el-checkbox>
- <div style="margin-left: 5px">{{ item.name }}</div>
+ <div
+ :class="{menuActive:EntryName == item.name}"
+ style="margin-left: 5px"
+ >{{ item.name }}</div>
</div>
</div>
<div class="box_right">
<div
- class="box_div box_menu"
+ class="menu_div subpage_Div"
@click="moreEvent(2)"
>
{{ $t('synthesis.more') }}
</div>
<div
- class="box_div box_menu"
+ class="menu_div subpage_Div"
@click="checkEvent(2)"
>
- <i class="el-icon-plus"></i> {{ $t('synthesis.Multiplechoice') }}
+ <i class="el-icon-plus"></i>
+ <span v-if="!isShowSecondCheck">{{ $t('synthesis.Multiplechoice') }}</span>
+ <span v-if="isShowSecondCheck">{{ $t('synthesis.Singlechoice') }}</span>
</div>
</div>
</div>
<div class="bottom_content">
- <div class="bottom_left">
- <!-- <div class="box_div">褰撳墠鎼滅储鍏抽敭璇�:</div> -->
+
+ <div class="bottom_left ">
+ <!-- <div class="menu_div">褰撳墠鎼滅储鍏抽敭璇�:</div> -->
<div>
<ul>
<li>鎼滅储绫诲瀷</li>
@@ -122,185 +115,144 @@
<li
@click="getMenuChange(2)"
:class="{ menuActive: !isMenuActive }"
- style="border-bottom: 1px solid white"
- >
+ style="border-bottom: 1px solid #dcdfe6">
鏂囦欢鏁版嵁婧�
</li>
</ul>
</div>
</div>
- <div
- v-if="isMenuActive"
- class="bottom_right"
- >
- <ul>
- <li
- v-for="(item, index) in dataType"
- :key="index"
+
+ <div class="bottom_right" >
+ <div class="inquire subpage_Div center " ref="container" style="padding: 10px;align-self: center">
+ <el-form
+ :inline="true"
+ :model="formInline"
+ class="demo-form-inline"
+ ref="sizeForm"
+ label-width="68px"
>
- <div
- class="box_div"
- @click="getShowTable(item)"
+ <!-- <el-form-item>
+ <el-cascader
+ v-model="formInline.dirid"
+ :show-all-levels="false"
+ :options="companyOption"
+ @change="handleChange"
+ :props="{
+ label: 'name',
+ value: 'id',
+ children: 'children',
+ checkStrictly: true,
+ emitPath: false,
+ }"
+ ></el-cascader>
+ </el-form-item> -->
+ <el-form-item style="padding-right: 10px">
+ <el-cascader
+ v-model="formInline.depid"
+ :show-all-levels="false"
+ :options="companyOption1"
+ @change="handleChange1"
+ :props="{
+ label: 'name',
+ value: 'code',
+ children: 'children',
+ checkStrictly: true,
+ emitPath: false,
+ }"
+ ></el-cascader>
+ </el-form-item>
+ <el-form-item style="padding-right: 50px">
+ <el-input
+ v-model="formInline.tab"
+ suffix-icon="el-icon-search"
+ :placeholder="$t('common.pleaseInput')"
+ ></el-input>
+ </el-form-item>
+
+ <el-form-item style="padding-right: 40px">
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ @click="searchDataLibSelectTabs"
+ size="medium"
+ >{{$t('common.iquery')}}</el-button>
+ <!-- </el-form-item>
+ <el-form-item style="padding-right: 10px">-->
+ <el-button
+ icon="el-icon-refresh"
+ @click="restDataLibSelectTabs"
+ type="info"
+ size="medium"
+ style="
+ background: #a3a5a6;
+ border: 1px solid #a3a5a6;
+ color: white; "
+ >{{ $t('common.reset') }}</el-button>
+<!-- </el-form-item>
+ <el-form-item style="padding-right: 10px">-->
+ <el-button
+ type="success"
+ icon="el-icon-search"
+ @click="getSpaceMapVisibale"
+ size="medium"
+ >{{ $t('synthesis.rangequery') }}</el-button>
+<!-- </el-form-item>
+ <el-form-item style="padding-right: 10px">-->
+ <el-button
+ icon="el-icon-download"
+ type="warning"
+ @click="getdownloadList"
+ size="medium"
+ >{{ $t('synthesis.DownloadList') }}</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div v-if="isMenuActive">
+ <ul>
+ <li
+ v-for="(item, index) in dataTypeList"
+ :key="index"
>
- {{ item.tabDesc }} ({{ item.tab }})
+ <div
+ class="menu_div"
+ @click="getShowTable(item)"
+ >
+ {{ item.tabDesc }} <span style="margin-left:20px">{{item.rows}}鏉�</span>
+ </div>
+ </li>
+ </ul>
+ </div>
+ <div
+ class="boxCard"
+ v-if="!isMenuActive"
+ v-for="(item,index) in tableData1"
+ >
+ <el-card class="box-card">
+ <div
+ slot="header"
+ class="clearfix"
+ >
+ <span>{{item.name}}</span>
+
+ <div style="float: right; padding: 3px 0">
+ <i
+ @click="showDetail1(item)"
+ class="el-icon-tickets"
+ ></i>
+ <i
+ style="margin-left:10px"
+ @click="setFileDownload(item)"
+ class="el-icon-download"
+ ></i>
+ </div>
</div>
- </li>
- </ul>
- </div>
- <div
- v-if="!isMenuActive"
- class="bottom_right"
- >
- <el-form
- :inline="true"
- :model="queryForm"
- class="demo-form-inline"
- >
- <el-form-item>
- <el-cascader
- v-model="queryForm.dirid"
- :show-all-levels="false"
- :options="companyOption"
- @change="handleChange"
- :props="{
- label: 'name',
- value: 'id',
- children: 'children',
- checkStrictly: true,
- emitPath: false,
- }"
- ></el-cascader>
- </el-form-item>
- <el-form-item>
- <el-cascader
- v-model="queryForm.dirid"
- :show-all-levels="false"
- :options="companyOption1"
- @change="handleChange1"
- :props="{
- label: 'name',
- value: 'id',
- children: 'children',
- checkStrictly: true,
- emitPath: false,
- }"
- ></el-cascader>
- </el-form-item>
- <!-- <el-form-item :label="$t('dataManage.vmobj.keyword')" >
- <el-input v-model="queryForm.name" :placeholder="$t('common.pleaseInput')"></el-input>
- </el-form-item> -->
- <!-- <el-form-item>
- <el-button
- @click="queryInfo()"
- icon="el-icon-search"
- class="primary"
- size="small"
- >{{ $t('common.iquery') }}</el-button
- >
- </el-form-item> -->
- <!-- <el-form-item>
- <el-button
- @click="resetInfo('queryForm')"
- icon="el-icon-refresh"
- type="info"
- size="small"
- >{{ $t('common.reset') }}</el-button
- >
- </el-form-item> -->
- <el-form-item>
- <el-button
- type="danger"
- size="small"
- @click="deleteMetaInfo"
- icon="el-icon-delete"
- >{{ $t('common.delete') }}</el-button>
- </el-form-item>
- <el-form-item>
- <el-button
- @click="downFormData"
- icon="el-icon-download"
- type="success"
- size="small"
- >{{ $t('common.download') }}</el-button>
- </el-form-item>
- </el-form>
- <el-table
- :data="tableData1"
- style="width: 100%"
- @selection-change="handleSelectionChange1"
- height="500px"
- >
- <el-table-column
- type="selection"
- width="55"
- />
- <el-table-column
- prop="name"
- :label="$t('dataManage.vmobj.name')"
- />
- <el-table-column
- prop="type"
- :label="$t('dataManage.vmobj.format')"
- />
- <el-table-column
- prop="sizes"
- :label="$t('dataManage.vmobj.size')"
- :formatter="stateFormatSizes"
- />
- <el-table-column
- prop="depName"
- :label="$t('dataManage.vmobj.depName')"
- />
- <el-table-column
- prop="dirName"
- :label="$t('dataManage.vmobj.dirName')"
- />
-
- <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
- <template slot-scope="scope">
- <a @click="showDetail2(scope.row)">{{
- scope.row.tab
- }}</a>
- </template>
- </el-table-column>
-
- <el-table-column
- prop="gather"
- :label="$t('dataManage.vmobj.gather')"
- :formatter="formatData"
- />
- <el-table-column
- prop="describe"
- :label="$t('dataManage.vmobj.describe')"
- />
- <el-table-column
- prop="uname"
- :label="$t('dataManage.vmobj.createonuser')"
- />
- <el-table-column
- prop="createTime"
- :label="$t('dataManage.vmobj.createontime')"
- :formatter="formatData"
- />
- <el-table-column
- min-width="100"
- :label="$t('common.operate')"
- >
- <template slot-scope="scope">
- <el-link
- style="color: white"
- @click="showDetail1(scope.row)"
- >{{
- $t('common.details')
- }}</el-link>
- <!-- <el-link
- @click="editInfo(scope.row)"
- style="margin-left: 10px; color: white"
- >{{ $t('common.edit') }}</el-link
- > -->
- </template>
- </el-table-column>
- </el-table>
+ <div class="cardItem"> {{$t('dataManage.vmobj.format')}} : {{ item.type }} </div>
+ <div class="cardItem"> {{$t('dataManage.vmobj.size')}} : {{stateFormatSizes(item.sizes)}} </div>
+ <div class="cardItem"> {{$t('dataManage.vmobj.createonuser')}} : {{item.uname}} </div>
+ <div class="cardItem"> {{$t('dataManage.vmobj.depName')}} : {{item.depName}} </div>
+ <div class="cardItem"> {{$t('dataManage.vmobj.createontime')}} : {{format(item.createTime)}} </div>
+ </el-card>
+ </div>
</div>
</div>
<div class="panerPage">
@@ -322,13 +274,15 @@
:visible.sync="dialogVisible"
width="90%"
top="10vh"
+ :modal="false"
+ style="z-index:999"
:before-close="handleClose"
>
<!-- 鏉′欢-->
<el-dialog
width="37%"
:visible.sync="conditionVisible"
- append-to-body
+ :modal="false"
title="鏌ヨ鏉′欢"
:before-close="handleconditionClose"
>
@@ -339,6 +293,7 @@
>
<el-form-item>
<el-select
+ :popper-append-to-body="false"
@change="fieldChange($event)"
v-model="formSql.field"
>
@@ -352,7 +307,10 @@
</el-select>
</el-form-item>
<el-form-item>
- <el-select v-model="formSql.condition">
+ <el-select
+ :popper-append-to-body="false"
+ v-model="formSql.condition"
+ >
<el-option
v-for="item in condOption"
:key="item.value"
@@ -390,7 +348,6 @@
<el-dialog
width="30%"
:visible.sync="innerVisible"
- append-to-body
>
<div class="contentBox">
<ul>
@@ -408,7 +365,7 @@
<el-dialog
width="30%"
:visible.sync="outerVisible"
- append-to-body
+ :modal="false"
>
<el-form
:model="fromfile"
@@ -441,14 +398,14 @@
class="elLink"
:underline="false"
@click="setAttachInsert"
- >{{$t('common.append')}}</i></el-link>
+ >{{$t('common.append')}}</el-link>
</el-col>
<el-col :span="3">
<el-link
class="elLink"
:underline="false"
@click="setAttachDel"
- >{{$t('common.delete')}}</i></el-link>
+ >{{$t('common.delete')}}</el-link>
</el-col>
<!-- <el-col :span="3"> <el-link class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> -->
</el-row>
@@ -483,7 +440,7 @@
</el-table>
</el-form-item>
- <el-form-item>
+ <!-- <el-form-item>
<el-row :gutter="20">
<el-col
@@ -500,10 +457,60 @@
>鍙栨秷</el-button>
</el-col>
</el-row>
+ </el-form-item> -->
+ </el-form>
+ </el-dialog>
+ <el-dialog
+ :title="$t('common.passworld')"
+ :visible.sync="downloadLogVisible"
+ width="30%"
+ top="10vh"
+ :modal="false"
+ :show-close="false"
+ :before-close="handleCloseDown"
+ >
+ <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"
+ v-model="codeForm.password"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('common.SPassword')"
+ prop="repassword"
+ >
+ <el-input
+ type="password"
+ v-model="codeForm.repassword"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ class="primary"
+ size="small"
+ @click="download1('codeForm')"
+ >{{$t('common.confirm')}}</el-button>
+ <el-button
+ type="info"
+ size="small"
+ @click="closeDown1('codeForm')"
+ >{{$t('common.cancel')}}</el-button>
</el-form-item>
</el-form>
</el-dialog>
- <div style="height: 700px">
+ <div style="max-height: 580px">
<el-form
v-if="isMenuActive"
ref="ruleForm"
@@ -525,73 +532,87 @@
<el-form-item>
<el-button
@click="conditionVisible = true"
- type="info"
+ type="success"
+ size="small"
icon="el-icon-plus"
>{{$t('common.append')}}</el-button>
</el-form-item>
<el-form-item>
<el-button
@click="submitForm()"
- type="info"
+ type="primary"
+ size="small"
icon="el-icon-search"
>{{$t('common.iquery')}}</el-button>
</el-form-item>
<el-form-item>
<el-button
type="info"
+ size="small"
@click="resetForm()"
icon="el-icon-search"
>{{$t('common.reset')}}</el-button>
</el-form-item>
+ <el-form-item>
+ <el-button
+ type="warning"
+ size="small"
+ @click="downloadForm()"
+ icon="el-icon-download"
+ >{{$t('common.download')}}</el-button>
+ </el-form-item>
</el-form>
<el-divider class="eldivider" />
- <el-table
- ref="filterTable"
- :data="tableData"
- height="76%"
- border
- style="width: 100%"
- @selection-change="handleSelectionChange"
- >
- <el-table-column
- type="selection"
- align="center"
- width="55"
- />
- <el-table-column
- width="60"
- type="index"
- align="center"
- :label="$t('common.index')"
- :index="indexAdd"
- />
- <el-table-column
- v-for="(item, index) in attributeData"
- :key="index"
- :label="item.alias"
- :prop="item.field"
- show-overflow-tooltip
- align="center"
- ></el-table-column>
- <el-table-column
- v-if="isMenuActive"
- min-width="80"
- align="center"
- :label="$t('common.operate')"
+ <div style="width:100%;height:400px;">
+ <el-table
+ ref="filterTable"
+ :data="tableData"
+ height="100%"
+ border
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
>
- <template slot-scope="scope">
- <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>
- </template>
- </el-table-column>
- </el-table>
+ <el-table-column
+ type="selection"
+ align="center"
+ width="55"
+ />
+ <el-table-column
+ width="60"
+ type="index"
+ align="center"
+ :label="$t('common.index')"
+ :index="indexAdd"
+ />
+ <el-table-column
+ v-for="(item, index) in attributeData"
+ :key="index"
+ :label="item.alias"
+ :prop="item.field"
+ show-overflow-tooltip
+ align="center"
+ ></el-table-column>
+ <el-table-column
+ v-if="isMenuActive"
+ min-width="120"
+ align="center"
+ :label="$t('common.operate')"
+ >
+ <template slot-scope="scope">
+ <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>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
<div class="panerPage">
<div class="pagination_box">
<el-pagination
@@ -609,7 +630,7 @@
</div>
</el-dialog>
<div
- class="downloadBox"
+ class="downloadBox box_div subpage_Div"
v-if="showCodeBox"
>
<h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
@@ -654,74 +675,213 @@
</el-form-item>
</el-form>
</div>
- <div
- class="infoBox"
- v-show="showinfoBox1"
+ <el-dialog
+ :title="$t('common.details')"
+ :visible.sync="showinfoBox1"
+ width="30%"
>
- <el-card class="box-card">
- <div
- slot="header"
- class="clearfix"
- >
- <span>{{ $t('common.details') }}</span>
- <div
- style="float: right; cursor: pointer"
- @click="closeDetial"
- >
- <i class="el-icon-close"></i>
- </div>
- </div>
- <div class="contentBox">
- <p>{{ $t('dataManage.vmobj.name') }}锛歿{ itemdetail1.name }}</p>
- <el-divider></el-divider>
- <p>{{ $t('dataManage.vmobj.format') }}锛歿{ itemdetail1.type }}</p>
- <el-divider></el-divider>
- <p>{{ $t('common.size') }}锛歿{ setInfoBoxSize(itemdetail1.sizes) }}</p>
- <el-divider></el-divider>
- <p>{{ $t('dataManage.vmobj.depName') }}锛歿{ itemdetail1.depName }}</p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.vmobj.gather') }}锛歿{
+ <div class="contentBox">
+ <p>{{ $t('dataManage.vmobj.name') }}锛歿{ itemdetail1.name }}</p>
+ <el-divider></el-divider>
+ <p>{{ $t('dataManage.vmobj.format') }}锛歿{ itemdetail1.type }}</p>
+ <el-divider></el-divider>
+ <p>{{ $t('common.size') }}锛歿{ setInfoBoxSize(itemdetail1.sizes) }}</p>
+ <el-divider></el-divider>
+ <p>{{ $t('dataManage.vmobj.depName') }}锛歿{ itemdetail1.depName }}</p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.vmobj.gather') }}锛歿{
setInfoBoxTime(itemdetail1.gather)
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.vmobj.describe') }}锛歿{ itemdetail1.describe }}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.vmobj.createonuser') }}锛歿{ itemdetail1.uname }}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.vmobj.createontime') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.vmobj.describe') }}锛歿{ itemdetail1.describe }}
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.vmobj.createonuser') }}锛歿{ itemdetail1.uname }}
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.vmobj.createontime') }}锛歿{
setInfoBoxTime(itemdetail1.createTime)
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.vmobj.updateonuser') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.vmobj.updateonuser') }}锛歿{
itemdetail1.updateUser
}}
- </p>
- <el-divider></el-divider>
- <p>
- {{ $t('dataManage.vmobj.updateontime') }}锛歿{
+ </p>
+ <el-divider></el-divider>
+ <p>
+ {{ $t('dataManage.vmobj.updateontime') }}锛歿{
setInfoBoxTime(itemdetail1.updateTime)
}}
- </p>
+ </p>
+ </div>
+ </el-dialog>
+ <el-dialog
+ title="鎵归噺涓嬭浇"
+ :visible.sync="batchDownloadVisible"
+ width="90%"
+ top="5vh"
+ :before-close="batchDownloadClose"
+ >
+ <div
+ style="float:right;margin-right:10px"
+ @click="downBatchFormData()"
+ ><i class="el-icon-download"></i></div>
+ <div style="height:580px">
+
+ <el-table
+ :data="tableData2"
+ style="width: 100%"
+ @selection-change="handleSelectionChange1"
+ height="500px"
+ >
+ <el-table-column
+ type="selection"
+ width="55"
+ />
+ <el-table-column
+ prop="name"
+ :label="$t('dataManage.vmobj.name')"
+ />
+ <el-table-column
+ prop="type"
+ :label="$t('dataManage.vmobj.format')"
+ />
+ <el-table-column
+ prop="sizes"
+ :label="$t('dataManage.vmobj.size')"
+ :formatter="stateFormatSize"
+ />
+ <el-table-column
+ prop="depName"
+ :label="$t('dataManage.vmobj.depName')"
+ />
+ <el-table-column
+ prop="dirName"
+ :label="$t('dataManage.vmobj.dirName')"
+ />
+
+ <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
+ <template slot-scope="scope">
+ <a @click="showDetail2(scope.row)">{{
+ scope.row.tab
+ }}</a>
+ </template>
+ </el-table-column>
+
+ <el-table-column
+ prop="gather"
+ :label="$t('dataManage.vmobj.gather')"
+ :formatter="formatData"
+ />
+ <el-table-column
+ prop="describe"
+ :label="$t('dataManage.vmobj.describe')"
+ />
+ <el-table-column
+ prop="uname"
+ :label="$t('dataManage.vmobj.createonuser')"
+ />
+ <el-table-column
+ prop="createTime"
+ :label="$t('dataManage.vmobj.createontime')"
+ :formatter="formatData"
+ />
+ <el-table-column
+ min-width="100"
+ :label="$t('common.operate')"
+ >
+ </el-table-column>
+ </el-table>
+ <div class="panerPage">
+ <div class="pagination_box">
+ <el-pagination
+ @size-change="batchSizeChange"
+ @current-change="batchCurrentChange"
+ :current-page="batchPage.pageIndex"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="batchPage.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="batchPage.count"
+ >
+ </el-pagination>
+ </div>
</div>
- </el-card>
- </div>
+ </div>
+ </el-dialog>
<el-dialog
:title=" $t('synthesis.rangequery')"
:visible.sync="dialogMapVisible"
width="90%"
- :before-close="handleMapClose"
+ top="10vh"
>
<div style="height:700px">
<map-sdk v-if='showMapVisible'></map-sdk>
+ </div>
+ </el-dialog>
+ <el-dialog
+ :visible.sync="downloadListVisible"
+ width="90%"
+ top="10vh"
+ >
+ <div style="height:700px">
+ <el-table
+ :data="downloadTableData"
+ style="width: 100%"
+ >
+ <el-table-column
+ type="index"
+ width="50"
+ :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"
+ :formatter="formatData"
+ :label="$t('dataApply.careatetime')"
+ >
+ </el-table-column>
+
+ <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>
+ </template>
+ </el-table-column>
+ </el-table>
+ <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"
+ >
+ </el-pagination>
</div>
</el-dialog>
<iframe
@@ -751,10 +911,14 @@
selectdirTab,
selectdepTab,
deleteMeta,
+ dataLib_selectProject,
+ dataLib_selectBaseType,
+ dataLib_selectBusinessType,
+ dataLib_selectPageCountForDownload,
} from '../../api/api';
import $ from 'jquery'
import { getToken } from '@/utils/auth';
-import { data_type, project_name } from '../../components/js/archive.js';
+// import { data_type, project_name } from '../../components/js/archive.js';
import MyBread from '../../components/MyBread.vue';
import MapSdk from '../../components/mapsdk.vue'
export default {
@@ -784,6 +948,16 @@
}
};
return {
+ dataTypeList: [],
+ loading: false,
+ downloadLogVisible: false,
+ downloadListVisible: false,
+ data_type: [],
+ project_name: [],
+ checkedDataType: [],
+ checkedEntryName: [],
+ dataTypeName: '涓嶉檺',
+ EntryName: '涓嶉檺',
conditionVisible: false,
formSql: {
field: '',
@@ -796,11 +970,11 @@
fromSqlflag: false,
filedsOption: [],
condOption: [],
- queryForm: {
- dirid: null,
+
+ formInline: {
+ tab: '', fileName: '', dirid: null,
depid: null,
},
- formInline: { tab: '', fileName: '' },
codeForm: {
password: '',
repassword: '',
@@ -822,11 +996,13 @@
dialogVisible: false,
innerVisible: false,
outerVisible: false,
+ batchDownloadVisible: false,
dataType: [],
filedsLayer: [],
attributeData: [],
tableData: [],
tableData1: [],
+ tableData2: [],
multipleSelection: [],
multipleSelection1: [],
attacgSelection: [],
@@ -844,7 +1020,9 @@
listData: {
pageIndex: 1,
pageSize: 10,
- tab: ''
+ depcode: null,
+ dirs: null,
+ tab: null
},
count: 0,
count1: 0,
@@ -862,11 +1040,26 @@
upAttach: {
tabName: null,
eventid: null,
+ },
+ batchPage: {
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0
+ },
+ downloadTableData: [],
+ downloadPage: {
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0,
+ name: null,
+ },
+ queryList: {
+ showList1: '',
+ showList2: ''
}
};
},
computed: {
-
newList() {
this.listType.forEach((item) => {
this.$set(item, 'isCheckedFlag', false);
@@ -874,11 +1067,11 @@
return this.listType;
},
showList() {
- this.listType = data_type;
+ this.listType = this.data_type;
if (this.showFirstAll == false) {
var showList = [];
if (this.newList.length > 8) {
- for (var i = 0; i < 14; i++) {
+ for (var i = 0; i < 10; i++) {
showList.push(this.newList[i]); //灏嗘暟缁勭殑鍓�7鏉″瓨鏀惧埌showList鏁扮粍涓�
}
} else {
@@ -896,7 +1089,7 @@
return this.listProject;
},
showList1() {
- this.listProject = project_name;
+ this.listProject = this.project_name;
if (this.showSecondAll == false) {
var showList1 = [];
if (this.newList1.length > 8) {
@@ -913,8 +1106,218 @@
},
},
methods: {
+ handleCloseDown() {
+
+ },
+ download1() {
+ if (this.codeForm.password == '' || this.codeForm.repassword == '') {
+ return this.$message.error('瀵嗙爜涓嶈兘涓虹┖');
+ }
+ if (this.codeForm.password != this.codeForm.repassword) {
+ return;
+ }
+ var passwordreg =
+ /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
+ if (!passwordreg.test(this.codeForm.password)) {
+ return;
+ }
+ this.downloadLogVisible = false;
+
+ var obj = {
+ entities: [this.listTypeData.name], // bpachydrogeology,bhydrogeologyattach
+ filter: this.listTypeData.filter,
+ pwd: encrypt.encrypt(this.codeForm.password),
+ depcodes: [this.listData.depcode],
+ dirs: this.listData.dirs
+
+ };
+ this.loading = true;
+ var that = this;
+ $.ajax({
+ url: BASE_URL + "/dataLib/downloadEntityReq?token=" + getToken(),
+ type: "POST",
+ data: JSON.stringify(obj),
+ dataType: 'json', // html銆乯son銆乯sonp銆乻cript銆乼ext
+ contentType: "application/json", // "application/x-www-form-urlencoded"
+ success: (data) => {
+ if (data.code == 200) {
+ that.downloadflie(data, this.codeForm.password)
+
+ }
+ },
+ error: function (e) {
+ }
+ });
+ },
+ downloadflie(data, pwd) {
+ this.codeForm = {
+ password: '',
+ repassword: '',
+ }
+ var token = getToken()
+ var url = BASE_URL + "/dataLib/downloadFile?token=" + token + "&guid=" + data.result + "&pwd=" + encrypt.encrypt(pwd);
+ $("#downFrame").attr("src", url).click();
+ this.loading = false;
+ },
+ closeDown1() {
+ this.codeForm = {
+ password: '',
+ repassword: '',
+ }
+ this.downloadLogVisible = false;
+ },
+ downloadForm() {
+ this.downloadLogVisible = true;
+ },
+ downloadMap(index, rows) {
+ var token = getToken()
+ var url = BASE_URL + "/dataLib/downloadFile?token=" + token + "&guid=" + rows.guid + "&pwd=" + rows.pwd;
+ $("#downFrame").attr("src", url).click();
+ },
+ downloadSizeChange(val) {
+
+ this.downloadPage.pageIndex = 1;
+ this.downloadPage.pageSize = val;
+ this.getdownloadListData();
+ },
+ downloadCurrentChange(val) {
+ this.downloadPage.pageIndex = val;
+ this.getdownloadListData();
+ },
+ getdownloadList() {
+ this.downloadPage = {
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0,
+ name: null,
+ }
+ this.downloadListVisible = true;
+ this.getdownloadListData();
+ },
+ async getdownloadListData() {
+ const data = await dataLib_selectPageCountForDownload(this.downloadPage);
+ if (data.code != 200) {
+ this.downloadListVisible = false;
+ return this.$message.error('涓嬭浇鍒楄〃鑾峰彇澶辫触');
+ }
+
+ this.downloadTableData = data.result;
+
+ this.downloadPage.count = data.count;
+ },
+ handleCheckedEntryNameChange(res) {
+ if (this.checkedEntryName.indexOf(res.name) != -1) {
+ if (res.name == "涓嶉檺") {
+ this.checkedEntryName = ['涓嶉檺']
+ } else {
+ var index = this.checkedEntryName.indexOf('涓嶉檺')
+ if (index > -1) {
+ this.checkedEntryName.splice(index, 1);
+ }
+ }
+ }
+ var std = "";
+ for (var i in this.checkedEntryName) {
+ for (var j in this.showList1) {
+ if (this.showList1[j].name == this.checkedEntryName[i]) {
+ if (std.length != 0) {
+ std += ","
+ }
+ std += this.showList1[j].id
+ }
+ }
+ }
+ this.queryList.showList2 = std;
+
+ this.getQueryShowListData();
+ },
+ handleCheckedDataTypeChange(res) {
+ if (this.checkedDataType.indexOf(res.name) != -1) {
+ if (res.name == "涓嶉檺") {
+ this.checkedDataType = ['涓嶉檺']
+ } else {
+ var index = this.checkedDataType.indexOf('涓嶉檺')
+ if (index > -1) {
+ this.checkedDataType.splice(index, 1);
+ }
+ }
+ }
+ var std = "";
+ for (var i in this.checkedDataType) {
+ for (var j in this.showList) {
+ if (this.showList[j].name == this.checkedDataType[i]) {
+ if (std.length != 0) {
+ std += ","
+ }
+ std += this.showList[j].id
+ }
+ }
+ }
+ this.queryList.showList1 = std;
+ this.getQueryShowListData();
+ },
+ changeListDataType(res) {
+ if (this.isShowFirstCheck == false) {
+ this.dataTypeName = res.name;
+ this.queryList.showList1 = res.id;
+ this.getQueryShowListData();
+ }
+ },
+
+ getQueryShowListData() {
+ var a1 = "";
+ if (this.queryList.showList1 != "" && this.queryList.showList1 != null) {
+ a1 = this.queryList.showList1;
+ }
+ if (this.queryList.showList2 != "" && this.queryList.showList2 != null) {
+ if (a1.length != 0) {
+ a1 += ","
+ }
+ a1 += this.queryList.showList2;
+ }
+ this.listData.dirs = a1;
+ this.listData.pageIndex = 1;
+ this.listData.pageSize = 10;
+ if (this.isMenuActive == true) {
+ this.getDataLibSelectTabs()
+ } else {
+ this.queryInfo();
+ }
+ },
+
+ restDataLibSelectTabs() {
+ this.formInline.tab = ""
+ this.queryList = {
+ showList1: null,
+ showList2: null,
+ }
+ this.formInline.depid = this.companyOption1[0].code;
+ this.listData.depcode = this.companyOption1[0].code;
+ this.checkedDataType = []
+ this.dataTypeName = '涓嶉檺';
+ this.dataTypeName = null;
+ this.checkedDataType = ['涓嶉檺'];
+ this.isShowFirstCheck = false
+ this.checkedDataType = []
+ this.dataTypeName = '涓嶉檺';
+ this.queryList.showList1 = null;
+ this.isShowSecondCheck = false;
+ this.checkedEntryName = []
+ this.EntryName = '涓嶉檺';
+ this.queryList.showList2 = null;
+ this.getQueryShowListData();
+ },
+
+
+ changeListEntryName(res) {
+ if (this.isShowSecondCheck == false) {
+ this.EntryName = res.name;
+ this.queryList.showList2 = res.id;
+ this.getQueryShowListData();
+ }
+ },
getSpaceMapVisibale() {
this.dialogMapVisible = true;
this.showMapVisible = true;
@@ -940,6 +1343,17 @@
this.$store.state.download = false;
this.$store.state.mapPopBoolean = false;
this.$store.state.mapPopBoxFlag = null;
+ sgworld.Creator.SimpleGraphic.clear();
+ if (this.entityaLayers.length != 0) {
+ for (var i in this.entityaLayers) {
+ sgworld.Viewer.entities.remove(this.entityaLayers[i]);
+ }
+ this.entityaLayers = [];
+ }
+
+
+
+
},
moreEvent(res) {
switch (res) {
@@ -955,27 +1369,46 @@
switch (res) {
case 1:
this.isShowFirstCheck = !this.isShowFirstCheck;
+ if (this.isShowFirstCheck == false) {
+ this.checkedDataType = []
+ this.dataTypeName = '涓嶉檺';
+ this.queryList.showList1 = null;
+ this.getQueryShowListData();
+ } else {
+ this.dataTypeName = null;
+ this.checkedDataType = ['涓嶉檺'];
+ this.queryList.showList1 = null;
+ this.getQueryShowListData();
+ }
+
break;
case 2:
this.isShowSecondCheck = !this.isShowSecondCheck;
+ if (this.isShowSecondCheck == false) {
+ this.checkedEntryName = []
+ this.EntryName = '涓嶉檺';
+ this.queryList.showList2 = null;
+ this.getQueryShowListData();
+ } else {
+ this.EntryName = null;
+ this.checkedEntryName = ['涓嶉檺']
+ this.queryList.showList2 = null;
+ this.getQueryShowListData();
+ }
break;
}
},
getMenuChange(res) {
- this.listData.pageSize = 10;
- this.listData.pageIndex = 1;
+ this.getQueryDirTree();
this.formInline.tab = ""
switch (res) {
case 1:
-
- this.getDataLibSelectTabs();
this.isMenuActive = true;
-
+ this.getQueryShowListData();
break;
case 2:
- this.getQueryDirTree();
-
this.isMenuActive = false;
+ this.getQueryShowListData();
break;
}
},
@@ -986,7 +1419,7 @@
this.$message.error('鍗曚綅鍒楄〃鑾峰彇澶辫触');
return;
}
- this.queryForm.dirid = 1;
+ this.formInline.dirid = 1;
this.companyOption = this.treeData(res.result);
this.getQueryDepTree();
},
@@ -996,9 +1429,12 @@
this.$message.error('鍗曚綅鍒楄〃鑾峰彇澶辫触');
return;
}
- this.queryForm.depid = 1;
+ // this.formInline.depid = 1;
this.companyOption1 = this.treeData(res.result);
- this.getMetaData();
+ this.formInline.depid = this.companyOption1[0].code;
+ this.listData.depcode = this.companyOption1[0].code;
+
+ this.getQueryShowListData();
},
// 鏌ヨ
@@ -1008,7 +1444,7 @@
},
// 閲嶇疆鏌ヨ
resetInfo(formName) {
- this.queryForm.name = '';
+ this.formInline.name = '';
this.listData.pageSize = 10;
this.listData.pageIndex = 1;
this.listData.name = null;
@@ -1045,8 +1481,50 @@
this.$message('宸插彇娑堝垹闄�');
});
},
+ getBatchMetaData() {
+ this.batchPage.dirid = '1'
+ this.batchPage.depid = '1';
+
+ dataLib_selectByPageForMeta(this.batchPage).then((res) => {
+ this.batchPage.count = res.count;
+ this.tableData2 = res.result;
+ });
+
+ },
+ batchSizeChange(val) {
+ this.batchPage.pageSize = val;
+ this.batchPage.pageIndex = 1;
+ this.getBatchMetaData();
+ },
+ batchCurrentChange(val) {
+ this.batchPage.pageIndex = val;
+ this.getBatchMetaData();
+ },
+ downBatchFormData() {
+ this.batchDownloadClose();
+ this.downFormData();
+ },
+ batchDownloadClose() {
+ this.batchDownloadVisible = false;
+ this.batchPage = {
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0
+ }
+ },
+ setBatchDownload() {
+ this.getBatchMetaData();
+ this.multipleSelection1 = [];
+ this.batchDownloadVisible = true;
+ },
+ setFileDownload(res) {
+ this.multipleSelection1 = [];
+ this.multipleSelection1.push(res);
+ this.downFormData();
+ },
downFormData() {
if (this.multipleSelection1.length == 0) {
+
this.$message({
message: '璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢',
type: 'warning'
@@ -1093,24 +1571,24 @@
this.codeForm.repassword = '';
},
getMetaData() {
- this.listData.dirid = this.queryForm.dirid
- this.listData.depid = this.queryForm.dirid;
+
dataLib_selectByPageForMeta(this.listData).then((res) => {
+
this.tableData1 = res.result;
this.count = res.count;
});
},
+
handleChange(value) {
this.listData.pageSize = 10;
this.listData.pageIndex = 1;
- this.queryForm.dirid = value;
+ this.formInline.dirid = value;
this.getMetaData();
},
handleChange1(value) {
- this.listData.pageSize = 10;
- this.listData.pageIndex = 1;
- this.queryForm.depid = value;
- this.getMetaData();
+ this.formInline.depid = value;
+ this.listData.depcode = value;
+ this.getQueryShowListData();
},
//鏍戝垪琛ㄧ敓鎴�
treeData(source) {
@@ -1129,13 +1607,7 @@
this.queryInfo();
}
},
- restDataLibSelectTabs() {
- this.formInline.tab = ""
- this.listData.pageIndex = 1;
- this.listData.pageSize = 10
- this.searchDataLibSelectTabs();
- },
async getDataLibSelectTabs() {
this.listData.tab = this.formInline.tab
const data = await dataLib_selectTabs(this.listData);
@@ -1143,13 +1615,13 @@
this.$message.error('鍒楄〃璋冪敤澶辫触');
return;
}
+
this.count = data.count;
- this.dataType = data.result;
+
+ this.dataTypeList = data.result;
},
showDetail1(row) {
-
this.showinfoBox1 = true;
-
this.itemdetail1 = row;
},
// 鍏抽棴鏌ョ湅
@@ -1179,6 +1651,7 @@
this.getCollapseTable(this.filedsLayer);
},
+
async showDetail2(res) {
var val = res.tab.split(".");
const data = await dataLib_selectTabFields({
@@ -1220,7 +1693,7 @@
this.listTypeData.name = res.entity;
this.listTypeData.pageIndex = 1;
this.listTypeData.pageSize = 10;
- this.dialogtitle = res.tabDesc + '(' + res.tab + ')';
+ this.dialogtitle = res.tabDesc;
this.upAttach.tabName = res.ns + "." + res.tab;
this.filedsLayer = this.getCollapseDomFiled();
@@ -1267,6 +1740,7 @@
var token = getToken();
var fs = document.getElementById("insertFile");
if (fs.files.length == 0) {
+
this.$message({
message: '璇烽�夋嫨瑕佷笂浼犵殑鏂囦欢锛�',
type: 'warning'
@@ -1345,7 +1819,8 @@
} else {
this.listTypeData.filter = null;
}
-
+ this.listTypeData.depcode = this.listData.depcode;
+ this.listTypeData.dirs = this.listData.dirs
const data = await dataLib_selectByPage(this.listTypeData);
if (data.code != 200) {
this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!');
@@ -1410,6 +1885,7 @@
var data2 = domains.result;
this.formInline.fileName = ""
var std = [];
+ this.filedsOption=[];
for (var i in data1) {
if (data1[i].type != 'geomtry' && data1[i].type != 'null') {
@@ -1548,12 +2024,19 @@
}
},
//鍗曚綅杞崲
- stateFormatSizes(row, column) {
- if (row.sizes >= 1024) {
- const val = parseFloat(row.sizes / 1024).toFixed(3);
+ stateFormatSize(row, column) {
+ let data = row[column.property];
+ if (data == null) {
+ return data;
+ }
+ return this.stateFormatSizes(data);
+ },
+ stateFormatSizes(res) {
+ if (res >= 1024) {
+ const val = parseFloat(res / 1024).toFixed(3);
return val + ' GB';
} else {
- return row.sizes + ' MB';
+ return res + ' MB';
}
},
setInfoBoxTime(res) {
@@ -1605,28 +2088,67 @@
add0(m) {
return m < 10 ? '0' + m : m;
},
+ async getDataTyeAndEntryName() {
+ const data = await dataLib_selectProject();//鏌ヨ椤圭洰鍚嶇О
+ if (data.code != 200) {
+ this.$message.error('椤圭洰鍒楄〃璋冪敤澶辫触');
+ }
+
+ const res = await dataLib_selectBaseType(); //鏌ヨ鍩虹鍦扮悊绫诲埆
+ if (res.code != 200) {
+ this.$message.error('鍩虹鍦扮悊绫诲埆鍒楄〃璋冪敤澶辫触');
+ }
+ const rest = await dataLib_selectBusinessType(); //鏌ヨ涓氬姟绫诲埆
+ if (rest.code != 200) {
+ this.$message.error('涓氬姟绫诲埆鍒楄〃璋冪敤澶辫触');
+ }
+ var std = [{ name: "涓嶉檺", id: null }]
+ var str = [{ name: "涓嶉檺", id: null }]
+ for (var i in data.result) {
+ std.push({
+ id: data.result[i].key,
+ name: data.result[i].value
+ })
+ }
+ this.project_name = std;
+ for (var i in res.result) {
+ str.push({
+ id: res.result[i].key,
+ name: res.result[i].value
+ })
+ }
+ for (var i in rest.result) {
+ str.push({
+ id: rest.result[i].key,
+ name: rest.result[i].value
+ })
+ }
+ this.data_type = str;
+ }
},
mounted() {
this.getDataLibSelectTabs();
this.signGetPublicKey();
+ this.getQueryDirTree();
+ this.getDataTyeAndEntryName();
},
};
</script>
<style lang="less" scoped>
.archive {
- width: 100%;
- height: 100%;
- margin: 0;
- overflow: hidden;
- background: #353539;
+ width: 98%;
+ height: 95%;
+ padding: 1%;
+ position: relative;
+ overflow: auto;
.top_header {
- width: calc(100% - 60px);
- height: 70px;
+ width: calc(100% -20px);
+ height: 60px;
display: flex;
- padding: 0 30px;
+ padding: 0 10px;
justify-content: space-between;
- border-bottom: 1px solid white;
+
.top_left {
display: flex;
align-items: center;
@@ -1639,44 +2161,35 @@
line-height: 70px;
}
span {
- color: gray;
margin: 0 5px;
- }
- /deep/.el-form--inline .el-form-item__content {
- line-height: 70px;
- }
- /deep/.el-form--inline .el-form-item__label {
- line-height: 70px;
}
}
.box_item {
width: calc(100% - 60px);
- border-bottom: 1px solid white;
height: auto;
- padding: 10px 30px;
-
+ margin: 5px 30px;
+ padding-bottom: 5px;
+ border-bottom: 1px solid #dcdfe6;
align-items: center;
display: flex;
float: left;
.box_left {
- color: white;
height: 100%;
line-height: 100%;
width: 100px;
text-align: center;
- color: white;
+
font-size: 14px;
font-weight: 400;
}
.box_cont {
- color: white;
height: 100%;
width: 80%;
display: flex;
flex-wrap: wrap;
/* 璁剧疆澶氳瀵归綈 */
align-content: flex-start;
- color: white;
+
font-size: 14px;
font-weight: 400;
}
@@ -1684,13 +2197,11 @@
display: flex;
justify-content: space-between;
margin-left: 10px;
- color: white;
+
font-size: 14px;
align-self: flex-start;
font-weight: 400;
- .box_menu {
- border: 1px solid white;
- }
+
.box_menu:hover {
border: 1px solid #009cff;
color: #009cff;
@@ -1710,15 +2221,15 @@
font-size: 14px;
font-weight: 400;
align-self: flex-start;
- color: white;
+
ul {
margin-left: 10px;
}
li {
height: 42px;
- border-top: 1px solid white;
- border-left: 1px solid white;
- border-right: 1px solid white;
+ border-top: 1px solid #dcdfe6;
+ border-left: 1px solid #dcdfe6;
+ border-right: 1px solid #dcdfe6;
font-size: 14px;
line-height: 42px;
padding: 5px 15px;
@@ -1728,13 +2239,19 @@
}
}
.bottom_right {
- width: calc(100% - 320px);
+ width: 100%;
padding: 0px 20px;
- max-height: 600px;
- overflow-y: auto;
- color: white;
+ height: auto;
+
+ .boxCard {
+ margin: 1%;
+
+ .cardItem {
+ margin-bottom: 10px;
+ }
+ }
li {
- border-bottom: 1px solid white;
+ border-bottom: 1px solid #dcdfe6;
padding: 10px 0px;
}
li:hover {
@@ -1745,53 +2262,18 @@
.panerPage {
width: 100%;
padding: 5px 0px;
- bottom: 10px;
- position: absolute;
display: flex;
justify-content: center;
}
- .box_div {
+ .menu_div {
padding: 5px 15px;
margin-left: 10px;
display: flex;
align-items: center;
display: flex;
- }
- .primaries {
- background: linear-gradient(180deg, #002992, #080472);
- border: 1px solid #000000;
- box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
- color: white;
- }
- .elLink {
- color: white;
- }
- .infoBox {
- width: 500px;
- position: absolute;
- z-index: 100;
- top: 25%;
- right: 25%;
- background: #303030;
- color: #fff;
- .el-card {
- background-color: transparent;
- color: #fff;
- span {
- color: #fff;
- font-size: 16px;
- font-weight: 600;
- }
- }
- .contentBox {
- margin: 0 aotu 10px;
- height: 500px;
- overflow: auto;
- p {
- // background-color: #bfa;
- // margin-bottom: 10px;
- font-size: 14px;
- }
+
+ .menuActive {
+ color: #409eff;
}
}
@@ -1800,161 +2282,16 @@
top: 20%;
left: 40%;
padding: 20px;
- background: #303030;
+
width: 30%;
- border: 1px solid gray;
- border-radius: 10px;
- color: white;
- }
- .pagination_box {
- /deep/.el-input__inner {
- background-color: transparent !important;
- border: 1px solid;
- color: white;
- }
- /deep/.el-pagination__total {
- color: white;
- }
- /deep/.el-pagination__jump {
- color: white;
- }
- /deep/.el-pager li.active {
- color: #409eff;
- }
- /deep/.el-pager li {
- color: white;
- background: transparent;
- }
- /deep/.el-pager li {
- color: white;
- }
- /deep/.btn-prev {
- background: transparent;
- }
- /deep/.btn-next {
- background: transparent;
- }
- /deep/.btn-next i {
- color: white;
- }
- /deep/.btn-prev i {
- color: white;
- }
- }
- /deep/ .el-select .el-input__inner {
- border-color: #fff !important;
- }
-}
-.elLink {
- color: white !important;
-}
-.el-icon-folder-opened {
- color: white;
-}
-
-.contentBox {
- height: 550px;
- overflow: auto;
- color: white;
-}
-/deep/ .el-dialog {
- background: #303030;
-}
-/deep/.el-range-editor.is-active,
-.el-range-editor.is-active:hover,
-.el-select .el-input.is-focus .el-input__inner {
- border: 1px solid;
-}
-/deep/.el-dialog__title {
- color: white;
-}
-/deep/ .el-dialog__body {
- padding: 10px;
-}
-/*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
-/deep/ .el-table {
- background-color: transparent;
-
- th,
- td {
- background-color: transparent;
- }
- .el-table__expanded-cell {
- background-color: transparent !important;
- }
-
- // 琛ㄥご鑳屾櫙鑹�
- th.el-table__cell {
- background-color: #303030;
- color: #fff;
- }
- tr > td {
- background-color: #303030;
- color: #fff;
- }
-
- // hover鏁堟灉
- tr:hover > td {
- background-color: rgba(255, 255, 255, 0.3) !important;
- }
-
- tbody tr:hover {
- background-color: rgba(255, 255, 255, 0.3) !important;
- // text-align: center;
- }
-
- // 婊氬姩鏉″楂�
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- }
-
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 5px;
- /*婊氬姩鏉″搴�*/
- height: 5px;
- /*婊氬姩鏉￠珮搴�*/
- }
- /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
- .el-table__body-wrapper::-webkit-scrollbar-track {
- box-shadow: 0px 1px 3px #216fe6 inset;
- /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
border-radius: 10px;
}
-
- /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
- .el-table__body-wrapper::-webkit-scrollbar-thumb {
- box-shadow: 0px 1px 3px #216fe6 inset;
- border-radius: 6px;
- background-color: #216fe6;
+ /deeep/.el-form-item {
+ margin-bottom: 0px;
}
-}
-// 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱
-/deep/.el-input__inner {
- background-color: transparent !important ;
- color: #fff;
- border: 1px solid white !important;
-}
-/deep/.el-form-item__label {
- color: white;
-}
-/deep/.el-dialog__wrapper {
- overflow: hidden;
-}
-/deep/.el-textarea__inner {
- background: transparent;
- border-color: #fff !important;
- color: white;
- height: 70px !important;
-}
-/deep/.el-form-item {
- margin-bottom: 0px;
-}
-/deep/.el-form-item__content {
- line-height: 70px;
-}
-/deep/.el-textarea.is-disabled .el-textarea__inner {
- background: transparent;
+ .el-dialog__wrapper {
+ z-index: 9999;
+ }
}
</style>
--
Gitblit v1.9.3