|
@@ -1,6 +1,22 @@
|
|
<template>
|
|
<template>
|
|
<div class="edbinfo-table-wrap">
|
|
<div class="edbinfo-table-wrap">
|
|
- <div>
|
|
|
|
|
|
+ <div class="top-wrap">
|
|
|
|
+ <div class="filter-box">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="filterState.changeType"
|
|
|
|
+ placeholder="请选择变更类型"
|
|
|
|
+ clearable
|
|
|
|
+ style="width:250px"
|
|
|
|
+ @change="handleRefreshList"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in changeTypeOpt"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ />
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
<img src="~@/assets/img/data_m/set_icon.png" alt="" style="cursor: pointer;float:right" @click="showSetTableCols=true">
|
|
<img src="~@/assets/img/data_m/set_icon.png" alt="" style="cursor: pointer;float:right" @click="showSetTableCols=true">
|
|
</div>
|
|
</div>
|
|
<el-table
|
|
<el-table
|
|
@@ -30,6 +46,10 @@
|
|
<i class="el-icon-info" v-if="tipsKeysArr.includes(col.ColumnKey)"></i>
|
|
<i class="el-icon-info" v-if="tipsKeysArr.includes(col.ColumnKey)"></i>
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
</template>
|
|
</template>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span v-if="col.ColumnKey==='UpdateType'">{{getUpdateTypeText(scope.row)}}</span>
|
|
|
|
+ <span v-else>{{scope.row[col.ColumnKey]}}</span>
|
|
|
|
+ </template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<div slot="empty">
|
|
<div slot="empty">
|
|
<tableNoData text="暂无数据"/>
|
|
<tableNoData text="暂无数据"/>
|
|
@@ -68,7 +88,22 @@ export default {
|
|
dateVal:this.$moment().format('YYYY-MM-DD')||'',
|
|
dateVal:this.$moment().format('YYYY-MM-DD')||'',
|
|
sortKey:'',
|
|
sortKey:'',
|
|
sortType:'',
|
|
sortType:'',
|
|
|
|
+ changeType:''
|
|
},
|
|
},
|
|
|
|
+ changeTypeOpt:[
|
|
|
|
+ {
|
|
|
|
+ label:'基础信息变更',
|
|
|
|
+ value:1,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label:'数据明细变更',
|
|
|
|
+ value:0,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ label:'新增指标',
|
|
|
|
+ value:2,
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
|
|
showSetTableCols:false,
|
|
showSetTableCols:false,
|
|
}
|
|
}
|
|
@@ -86,6 +121,7 @@ export default {
|
|
SortParam:this.filterState.sortKey,
|
|
SortParam:this.filterState.sortKey,
|
|
SortType:this.filterState.sortType,
|
|
SortType:this.filterState.sortType,
|
|
CreateTime:this.filterState.dateVal,
|
|
CreateTime:this.filterState.dateVal,
|
|
|
|
+ UpdateType:this.filterState.changeType===''?-1:this.filterState.changeType
|
|
}).then(res=>{
|
|
}).then(res=>{
|
|
this.tableLoading=false
|
|
this.tableLoading=false
|
|
if(res.Ret===200){
|
|
if(res.Ret===200){
|
|
@@ -140,6 +176,16 @@ export default {
|
|
this.handleRefreshList()
|
|
this.handleRefreshList()
|
|
},
|
|
},
|
|
|
|
|
|
|
|
+ getUpdateTypeText(e){
|
|
|
|
+ let str=''
|
|
|
|
+ this.changeTypeOpt.forEach(item=>{
|
|
|
|
+ if(item.value===e.UpdateType){
|
|
|
|
+ str=item.label
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ return str
|
|
|
|
+ },
|
|
|
|
+
|
|
// table说明文案
|
|
// table说明文案
|
|
getTableHeadTips(key){
|
|
getTableHeadTips(key){
|
|
const tipsMap={
|
|
const tipsMap={
|
|
@@ -153,13 +199,12 @@ export default {
|
|
// 设置列的宽度
|
|
// 设置列的宽度
|
|
getColWidth(key){
|
|
getColWidth(key){
|
|
const widthMap={
|
|
const widthMap={
|
|
- EdbName:'150px',
|
|
|
|
- DataUpdateTime:'150px',
|
|
|
|
- ErDataUpdateDate:'200px',
|
|
|
|
|
|
+ EdbCode:'150px',
|
|
|
|
+ CreateTime:'150px',
|
|
StartDate:'150px',
|
|
StartDate:'150px',
|
|
LatestDate:'150px',
|
|
LatestDate:'150px',
|
|
- CreateTime:'150px',
|
|
|
|
- EdbNameSource:'150px'
|
|
|
|
|
|
+ DataUpdateTime:'150px',
|
|
|
|
+ ErDataUpdateDate:'200px',
|
|
}
|
|
}
|
|
|
|
|
|
return widthMap[key]
|
|
return widthMap[key]
|
|
@@ -172,11 +217,24 @@ export default {
|
|
.edbinfo-table-wrap{
|
|
.edbinfo-table-wrap{
|
|
.top-wrap{
|
|
.top-wrap{
|
|
display: flex;
|
|
display: flex;
|
|
- justify-content: flex-end;
|
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: flex-start;
|
|
margin-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
- .set-icon{
|
|
|
|
- width: 40px;
|
|
|
|
- cursor: pointer;
|
|
|
|
|
|
+ .filter-box{
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ align-items: center;
|
|
|
|
+ gap: 10px 20px;
|
|
|
|
+ }
|
|
|
|
+ .right-opt-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ gap: 20px;
|
|
|
|
+ .set-icon{
|
|
|
|
+ width: 40px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|