From 54837b203b8d23c01e0e6cf716cb6a3829ae60f6 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 22 十二月 2022 19:48:07 +0800
Subject: [PATCH] 数据检索，关键字查询，空间查询，专题图添加mpt,
---
src/views/datamanage/metadataManage.vue | 355 +++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 247 insertions(+), 108 deletions(-)
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index 379bdcb..f003a0a 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -1,15 +1,47 @@
<template>
<div class="authorityManagement_box">
- <My-bread
- :list="[
+ <My-bread :list="[
`${$t('dataManage.dataManage')}`,
`${$t('dataManage.metadataManage')}`,
- ]"
- ></My-bread>
+ ]"></My-bread>
<el-divider />
<div class="inquire">
- <el-form ref="queryForm" :model="queryForm" :inline="true">
- <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
+ <el-form
+ ref="queryForm"
+ :model="queryForm"
+ :inline="true"
+ >
+ <el-form-item>
+ <el-cascader
+ v-model="queryForm.dirid"
+ :show-all-levels="false"
+ :options="companyOption"
+ @change="handleChange"
+ :props="{
+ label: 'name',
+ value: 'id',
+ children: 'children',
+ checkStrictly: true,
+ emitPath: false,
+ }"
+ ></el-cascader>
+ </el-form-item>
+ <el-form-item>
+ <el-cascader
+ v-model="queryForm.dirid"
+ :show-all-levels="false"
+ :options="companyOption1"
+ @change="handleChange1"
+ :props="{
+ label: 'name',
+ value: 'id',
+ children: 'children',
+ checkStrictly: true,
+ emitPath: false,
+ }"
+ ></el-cascader>
+ </el-form-item>
+ <el-form-item prop="name">
<el-input
v-model="queryForm.name"
:placeholder="$t('common.pleaseInput')"
@@ -21,8 +53,7 @@
icon="el-icon-search"
class="primary"
size="small"
- >{{ $t('common.iquery') }}</el-button
- >
+ >{{ $t('common.iquery') }}</el-button>
</el-form-item>
<el-form-item>
<el-button
@@ -30,8 +61,7 @@
icon="el-icon-refresh"
type="info"
size="small"
- >{{ $t('common.reset') }}</el-button
- >
+ >{{ $t('common.reset') }}</el-button>
</el-form-item>
<!-- <el-form-item v-if="btnStatus.insert">
@@ -49,8 +79,7 @@
size="small"
@click="deleteMetaInfo"
icon="el-icon-delete"
- >{{ $t('common.delete') }}</el-button
- >
+ >{{ $t('common.delete') }}</el-button>
</el-form-item>
<el-form-item v-if="btnStatus.download">
<el-button
@@ -58,13 +87,12 @@
icon="el-icon-download"
type="success"
size="small"
- >{{ $t('common.download') }}</el-button
- >
+ >{{ $t('common.download') }}</el-button>
</el-form-item>
</el-form>
</div>
<div class="bottom">
- <div class="leftTree">
+ <!-- <div class="leftTree">
<el-tree
ref="tree"
:props="defaultProps"
@@ -80,16 +108,8 @@
</span>
</el-tree>
- <!-- <ul>
- <li
- @click="getTableDesc(item)"
- v-for="item in optionCount"
- :class="{ active: activeName == item.tab }"
- >
- {{ item.tabDesc }}({{ item.tab }})
- </li>
- </ul> -->
- </div>
+
+ </div> -->
<div class="rightTable">
<div class="table_box">
<el-table
@@ -98,8 +118,14 @@
@selection-change="handleSelectionChange"
height="99%"
>
- <el-table-column type="selection" width="55" />
- <el-table-column prop="name" :label="$t('dataManage.vmobj.name')" />
+ <el-table-column
+ type="selection"
+ width="55"
+ />
+ <el-table-column
+ prop="name"
+ :label="$t('dataManage.vmobj.name')"
+ />
<el-table-column
prop="type"
:label="$t('dataManage.vmobj.format')"
@@ -113,22 +139,20 @@
prop="depName"
:label="$t('dataManage.vmobj.depName')"
/>
- <el-table-column
+ <el-table-column
prop="dirName"
:label="$t('dataManage.vmobj.dirName')"
/>
-
- <el-table-column
- :label="$t('dataManage.dataUpObj.tableName')">
- <template slot-scope="scope">
- <a @click="detail(scope.row)" >{{
+ <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
+ <template slot-scope="scope">
+ <a @click="detail(scope.row)">{{
scope.row.tab
}}</a>
- </template>
+ </template>
</el-table-column>
- <el-table-column
+ <el-table-column
prop="gather"
:label="$t('dataManage.vmobj.gather')"
:formatter="formatData"
@@ -146,21 +170,29 @@
:label="$t('dataManage.vmobj.createontime')"
:formatter="formatData"
/>
- <el-table-column min-width="100" :label="$t('common.operate')">
+ <el-table-column
+ min-width="100"
+ :label="$t('common.operate')"
+ >
<template slot-scope="scope">
- <el-link style="color: white" @click="showDetail(scope.row)">{{
+ <el-link
+ style="color: white"
+ @click="showDetail(scope.row)"
+ >{{
$t('common.details')
}}</el-link>
<el-link
@click="editInfo(scope.row)"
style="margin-left: 10px; color: white"
- >{{ $t('common.edit') }}</el-link
- >
+ >{{ $t('common.edit') }}</el-link>
</template>
</el-table-column>
</el-table>
</div>
- <div style="margin-top: 10px" class="pagination_box">
+ <div
+ style="margin-top: 10px"
+ class="pagination_box"
+ >
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -174,11 +206,20 @@
</div>
</div>
</div>
- <div class="infoBox" v-show="showinfoBox">
+ <div
+ class="infoBox"
+ v-show="showinfoBox"
+ >
<el-card class="box-card">
- <div slot="header" class="clearfix">
+ <div
+ slot="header"
+ class="clearfix"
+ >
<span>{{ $t('common.details') }}</span>
- <div style="float: right; cursor: pointer" @click="closeDetial">
+ <div
+ style="float: right; cursor: pointer"
+ @click="closeDetial"
+ >
<i class="el-icon-close"></i>
</div>
</div>
@@ -236,24 +277,36 @@
:visible.sync="dialogFormVisible"
:before-close="handleClose"
>
- <el-form :model="editForm" ref="editForm">
+ <el-form
+ :model="editForm"
+ ref="editForm"
+ >
<el-form-item
:label="$t('dataManage.vmobj.name')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.name" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.name"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.vmobj.format')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.type" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.type"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.vmobj.size')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.sizes" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.sizes"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.vmobj.depName')"
@@ -264,10 +317,10 @@
v-model="editForm.depid"
:options="companyOption"
:props="cascader"
- style="width:350px"
+ style="width:350px"
></el-cascader>
</el-form-item>
- <el-form-item
+ <el-form-item
:label="$t('dataManage.vmobj.dirName')"
:label-width="formLabelWidth"
>
@@ -283,7 +336,10 @@
:label="$t('dataManage.vmobj.describe')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.describe" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.describe"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<!-- <el-form-item
:label="$t('dataManage.vmobj.gather')"
@@ -292,8 +348,15 @@
<el-input v-model="editForm.gather" autocomplete="off"></el-input>
</el-form-item> -->
</el-form>
- <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
- <el-button size="medium" @click="cancelEdit()">{{
+ <div
+ v-if="behavior == '淇敼淇℃伅'"
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button
+ size="medium"
+ @click="cancelEdit()"
+ >{{
$t('common.reset')
}}</el-button>
<el-button
@@ -301,11 +364,17 @@
type="primary"
@click="sendEdit('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t('common.submit') }}</el-button
- >
+ >{{ $t('common.submit') }}</el-button>
</div>
- <div v-else slot="footer" class="dialog-footer">
- <el-button size="medium" @click="cancelAdd('editForm')">{{
+ <div
+ v-else
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button
+ size="medium"
+ @click="cancelAdd('editForm')"
+ >{{
$t('common.reset')
}}</el-button>
<el-button
@@ -313,50 +382,59 @@
type="primary"
@click="sendAdd('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t('common.submit') }}</el-button
- >
+ >{{ $t('common.submit') }}</el-button>
</div>
</el-dialog>
<el-dialog
- :title="$t('common.details')"
- :visible.sync="dialogVisible"
- width="70%"
- >
- <div style="height:600px">
- <el-table
- ref="filterTable"
- :data="dbTableData"
- height="90%"
- border
+ :title="$t('common.details')"
+ :visible.sync="dialogVisible"
+ width="70%"
+ >
+ <div style="height:600px">
+ <el-table
+ ref="filterTable"
+ :data="dbTableData"
+ height="90%"
+ border
style="width: 100%"
- >
- <el-table-column width="60" align="center" type="index" :label="$t('common.index')" />
- <el-table-column
- v-for="(item, index) in attributeData"
- :key="index"
- :label="item.alias"
- :prop="item.field"
- show-overflow-tooltip
- align="center"
-
- ></el-table-column>
- </el-table>
- <div style="margin-top: 10px" class="pagination_box">
- <el-pagination
- @size-change="handleLoaderSizeChange"
- @current-change="handleLoaderCurrentChange"
- :current-page="listLoader.pageIndex"
- :page-sizes="[10, 20, 30, 40]"
- :page-size="listLoader.pageSize"
- layout="total, sizes, prev, pager, next, jumper"
- :total="count1"
>
- </el-pagination>
+ <el-table-column
+ width="60"
+ align="center"
+ type="index"
+ :label="$t('common.index')"
+ />
+ <el-table-column
+ v-for="(item, index) in attributeData"
+ :key="index"
+ :label="item.alias"
+ :prop="item.field"
+ show-overflow-tooltip
+ align="center"
+ ></el-table-column>
+ </el-table>
+ <div
+ style="margin-top: 10px"
+ class="pagination_box"
+ >
+ <el-pagination
+ @size-change="handleLoaderSizeChange"
+ @current-change="handleLoaderCurrentChange"
+ :current-page="listLoader.pageIndex"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="listLoader.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="count1"
+ >
+ </el-pagination>
+ </div>
</div>
- </div>
-</el-dialog>
- <div class="downloadBox" v-if="showCodeBox">
+ </el-dialog>
+ <div
+ class="downloadBox"
+ v-if="showCodeBox"
+ >
<h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
<el-form
:model="codeForm"
@@ -365,23 +443,45 @@
label-width="100px"
class="codeForm"
>
- <el-form-item :label="$t('common.passworld')" prop="password">
- <el-input type="password" v-model="codeForm.password" show-password></el-input>
+ <el-form-item
+ :label="$t('common.passworld')"
+ prop="password"
+ >
+ <el-input
+ type="password"
+ v-model="codeForm.password"
+ show-password
+ ></el-input>
</el-form-item>
- <el-form-item :label="$t('common.SPassword')" prop="repassword">
- <el-input type="password" v-model="codeForm.repassword" show-password></el-input>
+ <el-form-item
+ :label="$t('common.SPassword')"
+ prop="repassword"
+ >
+ <el-input
+ type="password"
+ v-model="codeForm.repassword"
+ show-password
+ ></el-input>
</el-form-item>
<el-form-item>
- <el-button class="primary" size="small" @click="download('codeForm')"
- >{{$t('common.confirm')}}</el-button
- >
- <el-button type="info" size="small" @click="closeDown('codeForm')"
- >{{$t('common.cancel')}}</el-button
- >
+ <el-button
+ class="primary"
+ size="small"
+ @click="download('codeForm')"
+ >{{$t('common.confirm')}}</el-button>
+ <el-button
+ type="info"
+ size="small"
+ @click="closeDown('codeForm')"
+ >{{$t('common.cancel')}}</el-button>
</el-form-item>
</el-form>
</div>
- <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
+ <iframe
+ id="downFrame"
+ src=""
+ style="display: none; border: 0; padding: 0; height: 0; width: 0"
+ ></iframe>
</div>
</template>
@@ -396,7 +496,7 @@
insertMeta,
selectDictTab,
selectdirTab,
- queryDepTree,
+ selectdepTab,
meta_downloadReq,
sign_getPublicKey,
meta_selectDownloadFile,
@@ -436,6 +536,7 @@
},
dirComPanyOption: [],
companyOption: [],
+ companyOption1: [],
activeName: '',
optionCount: [],
showCodeBox: false,
@@ -449,6 +550,8 @@
itemdetail: {},
queryForm: {
name: '',
+ dirid: '',
+ depid: ''
},
behavior: '',
initialForm: '',
@@ -482,6 +585,7 @@
pageIndex: 1,
name: null,
dirid: null,
+ depid: null
},
cascader: {
label: 'name',
@@ -505,6 +609,7 @@
this.getSelectDictTab();
this.showPermsBtn();
this.getQueryDepTree();
+ this.getQueryDirTree();
this.signGetPublicKey();
},
@@ -578,13 +683,34 @@
},
//鍗曚綅鍒楄〃鑾峰彇
async getQueryDepTree() {
- const res = await queryDepTree();
+ const res = await selectdepTab();
if (res.code != 200) {
this.$message.error('鍗曚綅鍒楄〃鑾峰彇澶辫触');
return;
}
- // this.formInline.depid = 1;
+ this.companyOption1 = this.treeData(res.result);
+ this.queryForm.dirid = this.companyOption1[0].id
+ },
+ async getQueryDirTree() {
+ const res = await selectdirTab();
+ if (res.code != 200) {
+ this.$message.error('鍗曚綅鍒楄〃鑾峰彇澶辫触');
+ return;
+ }
this.companyOption = this.treeData(res.result);
+ this.queryForm.dirid = this.companyOption[0].id
+ },
+ handleChange(value) {
+ this.listData.pageSize = 10;
+ this.listData.pageIndex = 1;
+ this.queryForm.dirid = value;
+ this.getMetaData();
+ },
+ handleChange1(value) {
+ this.listData.pageSize = 10;
+ this.listData.pageIndex = 1;
+ this.queryForm.depid = value;
+ this.getMetaData();
},
//鏍煎紡鍖栧垪琛�
formatData(row, column) {
@@ -706,6 +832,8 @@
// },
// 璇锋眰鏁版嵁鍐呭
getMetaData() {
+ this.listData.depid = this.queryForm.depid;
+ this.listData.dirid = this.listData.dirid
select_meta_ByPageAndCount(this.listData).then((res) => {
this.tableData = res.result;
@@ -725,6 +853,8 @@
this.listData.pageSize = 10;
this.listData.pageIndex = 1;
this.listData.name = null;
+ this.queryForm.dirid = this.companyOption[0].id;
+ this.queryForm.depid = this.companyOption1[0].id
this.getMetaData();
},
//鏂板鎸夐挳
@@ -988,7 +1118,7 @@
}
}
.rightTable {
- width: 80%;
+ width: 98%;
height: 100%;
border: 1px solid white;
@@ -1171,5 +1301,14 @@
border: #409eff;
color: white;
}
+
+}
+ /deep/ .el-select .el-input__inner {
+ border-color: #fff !important;
+ }
+ /deep/.el-input__inner {
+ background-color: transparent !important ;
+ color: #fff;
+ border: 1px solid white !important;
}
</style>
--
Gitblit v1.9.3