From cf4de0a3f218b79d49b05450ca0fc4527c2fa78e Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期三, 22 二月 2023 17:15:55 +0800
Subject: [PATCH] 修改数据管理弹框按钮样式
---
src/views/datamanage/metadataManage.vue | 491 ++++++++++++++++++++++++++----------------------------
1 files changed, 239 insertions(+), 252 deletions(-)
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index 46bda18..2e2b566 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -186,119 +186,119 @@
</el-form>
</div>
- <div class="table_box subpage_Div" :style="styleVar">
- <el-table
- :data="tableData"
- style="width: 100%"
- @selection-change="handleSelectionChange"
- height="calc(100% - 57px)"
+ <div class="table_box subpage_Div" :style="styleVar">
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ height="calc(100% - 57px)"
+ >
+ <el-table-column type="selection" width="55" />
+ <el-table-column
+ :label="$t('dataManage.dictionaryManageObj.number')"
+ type="index"
+ width="50"
>
- <el-table-column type="selection" width="55" />
- <el-table-column
- :label="$t('dataManage.dictionaryManageObj.number')"
- type="index"
- width="50"
- >
- </el-table-column>
- <el-table-column :label="$t('dataManage.vmobj.name')" >
- <template slot-scope="scope">
- <span v-if="scope.row.ismeta > 0 ">
- <el-link title="婧愭暟鎹煡璇�" @click="setQueryMetaData(scope.row)" target="_blank">{{ scope.row.name }}</el-link>
- </span>
- <span v-else>{{ scope.row.name }}</span>
- </template>
- </el-table-column>
+ </el-table-column>
+ <el-table-column :label="$t('dataManage.vmobj.name')">
+ <template slot-scope="scope">
+ <span v-if="scope.row.ismeta > 0">
+ <el-link
+ title="婧愭暟鎹煡璇�"
+ @click="setQueryMetaData(scope.row)"
+ target="_blank"
+ >{{ scope.row.name }}</el-link
+ >
+ </span>
+ <span v-else>{{ scope.row.name }}</span>
+ </template>
+ </el-table-column>
- <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')"
- width="200"
- />
- <el-table-column
- prop="verName"
- :label="$t('dataManage.vmobj.versionNumber')"
- />
- <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
- <template slot-scope="scope">
- <a @click="detail(scope.row)">{{ scope.row.tab }}</a>
- </template>
- </el-table-column>
+ <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')"
+ width="200"
+ />
+ <el-table-column
+ prop="verName"
+ :label="$t('dataManage.vmobj.versionNumber')"
+ />
+ <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
+ <template slot-scope="scope">
+ <a @click="detail(scope.row)">{{ scope.row.tab }}</a>
+ </template>
+ </el-table-column>
- <!-- <el-table-column
+ <!-- <el-table-column
prop="tab"
:label="$t('dataManage.vmobj.tab')"
:formatter="formatData"
/> -->
- <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" />
- <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 @click="showDetail(scope.row)">{{
- $t("common.details")
- }}</el-link>
- <el-link
- v-if="btnStatus.update"
- @click="editInfo(scope.row)"
- style="margin-left: 10px"
- >{{ $t("common.edit") }}</el-link
- >
- </template>
- </el-table-column>
- </el-table>
- <div class="pagination_box">
- <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="count"
- >
- </el-pagination>
- </div>
- </div>
-
- <div
- class="infoBox box_div"
- v-show="showinfoBox"
- >
- <div
- slot="header"
- class="clearfix"
+ <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" />
+ <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-button
+ @click="showDetail(scope.row)"
+ type="primary"
+ plain
+ size="small"
+ >{{ $t("common.details") }}</el-button
+ >
+ <el-button
+ type="warning"
+ plain
+ size="small"
+ v-if="btnStatus.update"
+ @click="editInfo(scope.row)"
+ style="margin-left: 10px"
+ >{{ $t("common.edit") }}</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="pagination_box">
+ <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="count"
>
- <span>{{ $t('common.details') }}</span>
- <div
- style="float: right; cursor: pointer"
- @click="closeDetial"
- >
+ </el-pagination>
+ </div>
+ </div>
+ <div class="infoBox_box" v-show="showinfoBox">
+ <div class="infoBox box_div">
+ <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>
- <el-divider></el-divider>
- <div
- class="contentBox"
- style="padding:1%"
- >
- <p>{{ $t('dataManage.vmobj.name') }}锛歿{ itemdetail.name }}</p>
+ <el-divider></el-divider>
+ <div class="contentBox" style="padding: 1%">
+ <p>{{ $t("dataManage.vmobj.name") }}锛歿{ itemdetail.name }}</p>
<el-divider></el-divider>
<p>{{ $t("dataManage.vmobj.format") }}锛歿{ itemdetail.type }}</p>
<el-divider></el-divider>
@@ -338,8 +338,9 @@
}}
</p>
</div>
-
+ </div>
</div>
+
<el-dialog
width="80vh"
top="5vh"
@@ -546,103 +547,95 @@
</el-form-item>
</el-form>
</div>
- <el-dialog
+ <el-dialog
:title="fromQueryMeta.title"
:visible.sync="queryMetaFlag"
- width="70%"
-
+ 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="changeSizeFile"
- />
- <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"
+ <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="changeSizeFile"
+ />
+ <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">
<el-pagination
@size-change="handleMetaSizeChange"
@current-change="handMetaCurrentChange"
@@ -654,8 +647,7 @@
>
</el-pagination>
</div>
- </div>
-
+ </div>
</el-dialog>
<iframe
id="downFrame"
@@ -683,7 +675,7 @@
meta_selectFields,
meta_selectByPageForUpload,
meta_selectVerByDirid,
- meta_selectPageAndCountByPid
+ meta_selectPageAndCountByPid,
} from "../../api/api";
import MyBread from "../../components/MyBread.vue";
@@ -792,19 +784,19 @@
styleVar: {
height: "calc(100% - 109px)",
},
- listMetaData:{
- metaid:0,
- name:'',
- pageIndex:1,
- pageSize:10,
- count:0,
+ listMetaData: {
+ metaid: 0,
+ name: "",
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0,
},
- queryMetaFlag:false,
- fromQueryMeta:{
- title:'',
- name:''
+ queryMetaFlag: false,
+ fromQueryMeta: {
+ title: "",
+ name: "",
},
- metaDataTable:[],
+ metaDataTable: [],
};
},
created() {
@@ -823,7 +815,7 @@
this.calHeight();
},
methods: {
- //澶у皬鍊兼敼鍙�
+ //澶у皬鍊兼敼鍙�
changeSizeFile(row, column, cellValue, index) {
if (cellValue >= 1024) {
return parseFloat(cellValue / 1204).toFixed(3) + "GB";
@@ -831,58 +823,53 @@
return cellValue + "MB";
}
},
-setRestMetaData(){
- this.fromQueryMeta.name="";
- this.listMetaData.name =this.fromQueryMeta.name;
- this.listMetaData.pageIndex = 1
- this.listMetaData.pageSize = 10
-
+ 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
-
+ setSearchMetaData() {
+ this.listMetaData.name = this.fromQueryMeta.name;
+ this.listMetaData.pageIndex = 1;
+ this.listMetaData.pageSize = 10;
+
this.startQueryMetaData();
},
//婧愭暟鎹〉闈㈠垏鎹�
- handleMetaSizeChange(val){
+ handleMetaSizeChange(val) {
this.listMetaData.pageIndex = 1;
- this.listMetaData.pageSize = val;
- this.startQueryMetaData();
+ this.listMetaData.pageSize = val;
+ this.startQueryMetaData();
},
- //婧愭暟鎹〉闈㈠垏鎹�
- handMetaCurrentChange(val){
+ //婧愭暟鎹〉闈㈠垏鎹�
+ 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,
+ //婧愭暟鎹煡璇�
+ 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 meta_selectPageAndCountByPid(this.listMetaData);
+ if (data.code != 200) {
+ return;
}
-this.startQueryMetaData();
-this.queryMetaFlag=true;
-},
-async startQueryMetaData(){
-const data = await meta_selectPageAndCountByPid(this.listMetaData);
- if(data.code != 200){
- return;
- }
- this.metaDataTable= data.result;
- this.listMetaData.count = data.count;
-},
-
-
-
-
-
+ this.metaDataTable = data.result;
+ this.listMetaData.count = data.count;
+ },
onResize() {
this.timer && clearTimeout(this.timer);
--
Gitblit v1.9.3