|
@@ -189,7 +189,7 @@
|
|
|
<!-- 删除节点 如果是分类,判断data.Button.DeleteButton不变;如果是指标,不显示(ETA1.0.3) -->
|
|
|
<img
|
|
|
slot="reference"
|
|
|
- src="~@/assets/img/set_m/del.png"
|
|
|
+ src="~@/assets/img/set_m/del_icon.png"
|
|
|
alt=""
|
|
|
style="width: 14px; height: 14px;"
|
|
|
@click.stop="removeNode(node,data)"
|
|
@@ -204,17 +204,30 @@
|
|
|
<collectEdbMenu
|
|
|
v-else
|
|
|
:data="treeData"
|
|
|
+ @change="getTreeData"
|
|
|
/>
|
|
|
</div>
|
|
|
|
|
|
- <div class="noDepart" @click="addLevelOneHandle" v-if="CanOpClassify&&isEdbBtnShow('editCatalog')">
|
|
|
- <img
|
|
|
- src="~@/assets/img/set_m/add_ico.png"
|
|
|
- alt=""
|
|
|
- style="width: 16px; height: 16px; margin-right: 10px"
|
|
|
- />
|
|
|
- <span>{{$t('EtaBasePage.add_first_menu_btn')}}</span>
|
|
|
- </div>
|
|
|
+ <template>
|
|
|
+ <!-- 新增分类 -->
|
|
|
+ <div class="noDepart" @click="addLevelOneHandle" v-if="classifyShowType==='public'&&CanOpClassify&&isEdbBtnShow('editCatalog')">
|
|
|
+ <img
|
|
|
+ src="~@/assets/img/set_m/add_ico.png"
|
|
|
+ alt=""
|
|
|
+ style="width: 16px; height: 16px; margin-right: 10px"
|
|
|
+ />
|
|
|
+ <span>{{$t('EtaBasePage.add_first_menu_btn')}}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 新增收藏分类 -->
|
|
|
+ <div class="noDepart" @click="handleOpenCollectClassify" v-if="classifyShowType==='own'&&isEdbBtnShow('edbData_edbCollectClassify_save')">
|
|
|
+ <img
|
|
|
+ src="~@/assets/img/set_m/add_ico.png"
|
|
|
+ alt=""
|
|
|
+ style="width: 16px; height: 16px; margin-right: 10px"
|
|
|
+ />
|
|
|
+ <span>{{$t('EtaBasePage.add_first_menu_btn')}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<span class="move-btn resize" v-drag id="resize" @mousemove="dynamicNode&&resetNodeStyle(dynamicNode)">
|
|
|
</span>
|
|
@@ -253,7 +266,7 @@
|
|
|
class="enable-toggle-btn" :style="{'color': item.NoUpdate==1?'#0052D9':'#D54941'}"
|
|
|
@click="toggleEdbRefreshStatus(item)">{{item.NoUpdate==1?$t('SystemManage.DataRefresh.enable'):$t('SystemManage.DataRefresh.disable') }}</span>
|
|
|
|
|
|
- <span class="deletesty" v-if="classifyShowType==='own'">移出</span>
|
|
|
+ <span class="deletesty" v-if="classifyShowType==='own'&&isEdbBtnShow('edbData_edbCollect_collect')" @click="handleRemoveCollect(item)">移出</span>
|
|
|
</div>
|
|
|
<img src="~@/assets/img/icons/edb-stopping.png" class="stop-mark" v-if="([2,34].includes(item.Source) || item.EdbType==2) && ( item.IsSupplierStop==1 || (item.IsSupplierStop==0&&item.NoUpdate==1))" />
|
|
|
</div>
|
|
@@ -264,6 +277,7 @@
|
|
|
<tableNoData :text="$t('Table.no_edb_msg')"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
<!-- 指标详情 -->
|
|
|
<div class="main-right right detail-wrap" id="right" v-show="isShowDetail">
|
|
|
<div class="detail" v-if="EdbData.HaveOperaAuth">
|
|
@@ -281,10 +295,11 @@
|
|
|
:style="{'color': EdbData.NoUpdate==1?'#0052D9':'#D54941'}"
|
|
|
@click="toggleEdbRefreshStatus(EdbData,'detail')"
|
|
|
>{{EdbData.NoUpdate==1?$t('SystemManage.DataRefresh.enable'):$t('SystemManage.DataRefresh.disable') }}<!-- 启用/停用 --></el-button>
|
|
|
+ <!-- EdbData.EdbType===1 && -->
|
|
|
<el-button
|
|
|
- v-if="EdbData.EdbType===1 && isEdbBtnShow('edbBaseData_collect')"
|
|
|
+ v-if=" isEdbBtnShow('edbData_edbCollect_collect')"
|
|
|
type="text"
|
|
|
- @click="handleCollectEdb"
|
|
|
+ @click="EdbData.IsCollect?handleRemoveCollect():handleCollectEdb()"
|
|
|
>{{EdbData.IsCollect?'移出':'收藏'}}</el-button>
|
|
|
<el-button
|
|
|
v-if="isEdbBtnShow('update')"
|
|
@@ -608,6 +623,20 @@
|
|
|
<!-- 指标已经被引用 -->
|
|
|
<edbHasUsedDia :show.sync="edbHasUsedDiaShow" :dataList="hasUsedList"/>
|
|
|
|
|
|
+ <!-- 指标收藏弹窗 -->
|
|
|
+ <edbCollectDia
|
|
|
+ ref="edbCollectRef"
|
|
|
+ :show.sync="isOpenEdbCollectDia"
|
|
|
+ :edbId="selected_edbid"
|
|
|
+ @success="edbData.IsCollect=true"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 添加收藏分类弹窗 -->
|
|
|
+ <addCollectClassifyDia
|
|
|
+ :show.sync="isOpenCollectClassifyDia"
|
|
|
+ :form="collectClassifyForm"
|
|
|
+ @confirm="getTreeData();isOpenEdbCollectDia&&$refs.edbCollectRef.getClassify()"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -642,6 +671,7 @@ import setLangInfoDia from './components/setLangInfo.vue'
|
|
|
import edbHasUsedDia from './components/edbHasUsedDia.vue';
|
|
|
import collectEdbMenu from './databaseComponents/collectEdbMenu.vue';
|
|
|
import edbCollectDia from './databaseComponents/edbCollectDia.vue';
|
|
|
+import addCollectClassifyDia from './databaseComponents/addCollectClassifyDia.vue';
|
|
|
export default {
|
|
|
name: '',
|
|
|
components: {
|
|
@@ -670,7 +700,8 @@ export default {
|
|
|
setLangInfoDia,
|
|
|
edbHasUsedDia,
|
|
|
collectEdbMenu,
|
|
|
- edbCollectDia
|
|
|
+ edbCollectDia,
|
|
|
+ addCollectClassifyDia
|
|
|
},
|
|
|
directives: {
|
|
|
drag(el, bindings,vnode) {
|
|
@@ -810,7 +841,12 @@ export default {
|
|
|
hasUsedList:[],
|
|
|
|
|
|
/* 目录分类 */
|
|
|
- classifyShowType:'public'
|
|
|
+ classifyShowType:'public',
|
|
|
+ //指标收藏弹窗
|
|
|
+ isOpenEdbCollectDia: false,
|
|
|
+ //收藏分类弹窗
|
|
|
+ isOpenCollectClassifyDia: false,
|
|
|
+ collectClassifyForm: {}
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
@@ -992,7 +1028,11 @@ export default {
|
|
|
'checkCalcChart':edbDataPermission.edbData_checkCalcChart,//查看计算指标
|
|
|
'enableOrDisable':edbDataPermission.edbData_enableOrDisable,//启用/停用
|
|
|
|
|
|
- 'edbBaseData_collect': edbDataPermission.edbBaseData_collect,//收藏移出
|
|
|
+ 'edbData_edbCollect_collect': edbDataPermission.edbData_edbCollect_collect,//收藏移出
|
|
|
+ 'edbData_edbCollectClassify_save': edbDataPermission.edbData_edbCollectClassify_save,//收藏分类编辑
|
|
|
+ 'edbData_edbCollectClassify_remove': edbDataPermission.edbData_edbCollectClassify_remove,//收藏分类删除
|
|
|
+ 'edbData_edbCollectClassify_move': edbDataPermission.edbData_edbCollectClassify_move,//收藏分类移动
|
|
|
+ 'edbData_edbCollectClassify_remove': edbDataPermission.edbData_edbCollectClassify_remove,//收藏分类移动
|
|
|
}
|
|
|
return checkPermissionBtn(BtnMap[type])
|
|
|
},
|
|
@@ -1008,21 +1048,24 @@ export default {
|
|
|
|
|
|
|
|
|
if(res.Ret!==200) return
|
|
|
- const arr=res.Data.AllNodes || []
|
|
|
- this.treeData=arr.map(item=>{
|
|
|
- return {
|
|
|
- ...item,
|
|
|
- // isLeaf:item.Children.length?false:true
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- this.CanOpClassify = res.Data.CanOpClassify;
|
|
|
this.showData = true;
|
|
|
|
|
|
if(this.classifyShowType==='public') {
|
|
|
+ const arr=res.Data.AllNodes || []
|
|
|
+ this.treeData=arr.map(item=>{
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ // isLeaf:item.Children.length?false:true
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ this.CanOpClassify = res.Data.CanOpClassify;
|
|
|
+
|
|
|
/* 处理树展开和选中图表 */
|
|
|
params && this.selectCurrentNode(params);
|
|
|
!params && this.select_node && this.$refs.menuTree.setCurrentKey(this.select_node);
|
|
|
+ }else {
|
|
|
+ this.treeData = res.Data||[]
|
|
|
}
|
|
|
},
|
|
|
/* 获取最新的指标 默认展示 */
|
|
@@ -1115,21 +1158,27 @@ export default {
|
|
|
})
|
|
|
}),
|
|
|
//获取指标图表列表
|
|
|
- getEdbChartList(){
|
|
|
- dataBaseInterface.getEdbChartList({
|
|
|
- PageSize:this.PageSize,
|
|
|
- CurrentIndex:this.CurrentIndex,
|
|
|
- ClassifyId:this.select_classifyId,
|
|
|
- IsOnlyMe:this.IsOnlyMe,
|
|
|
- EdbType: this.isBasicBase?1:2
|
|
|
- }).then(res=>{
|
|
|
+ async getEdbChartList(){
|
|
|
+ const res = this.classifyShowType === 'own'
|
|
|
+ ? await edbCollectInterface.getCollectEdb({
|
|
|
+ PageSize:this.PageSize,
|
|
|
+ CurrentIndex:this.CurrentIndex,
|
|
|
+ ClassifyId:this.select_classifyId,
|
|
|
+ Keyword: this.search_txt
|
|
|
+ })
|
|
|
+ : await dataBaseInterface.getEdbChartList({
|
|
|
+ PageSize:this.PageSize,
|
|
|
+ CurrentIndex:this.CurrentIndex,
|
|
|
+ ClassifyId:this.select_classifyId,
|
|
|
+ IsOnlyMe:this.IsOnlyMe,
|
|
|
+ EdbType: this.isBasicBase?1:2
|
|
|
+ })
|
|
|
if(res.Ret!==200) return
|
|
|
if(res.Data){
|
|
|
this.chartList = this.CurrentIndex===1?res.Data.List:[...this.chartList,...res.Data.List]
|
|
|
this.Total = res.Data.Paging.Totals||0
|
|
|
this.IsListEnd = res.Data.Paging.IsEnd
|
|
|
}
|
|
|
- })
|
|
|
},
|
|
|
// 切换刷新状态
|
|
|
async toggleEdbRefreshStatus(item,type='list'){
|
|
@@ -2073,7 +2122,7 @@ export default {
|
|
|
return
|
|
|
}
|
|
|
//根据页面宽度 判断标签数量是否达到上限
|
|
|
- const listWidth = document.querySelector('.database-label').offsetWidth
|
|
|
+ const listWidth = document.querySelector('.database-label')&&document.querySelector('.database-label').offsetWidth
|
|
|
const minWidth=170+20
|
|
|
const maxNum = Math.floor(listWidth/minWidth)
|
|
|
if(this.labelList.length>=maxNum){
|
|
@@ -2205,7 +2254,27 @@ export default {
|
|
|
|
|
|
/* 收藏指标 */
|
|
|
handleCollectEdb() {
|
|
|
+ this.isOpenEdbCollectDia = true
|
|
|
+ },
|
|
|
+
|
|
|
+ async handleRemoveCollect(item=null) {
|
|
|
+ const res = await edbCollectInterface.edbCollectCancel({
|
|
|
+ ClassifyId: this.select_classifyId,
|
|
|
+ EdbInfoId: item?item.EdbInfoId:this.selected_edbid
|
|
|
+ })
|
|
|
+
|
|
|
+ if(res.Ret !== 200) return
|
|
|
+ this.$message.success('收藏成功')
|
|
|
+ this.getTreeData()
|
|
|
+ this.getEdbChartList()
|
|
|
+ },
|
|
|
|
|
|
+ handleOpenCollectClassify(data=null) {
|
|
|
+ this.collectClassifyForm = {
|
|
|
+ name: data?data.ClassifyName:'',
|
|
|
+ classifyId:data?data.ClassifyId:0
|
|
|
+ }
|
|
|
+ this.isOpenCollectClassifyDia = true
|
|
|
}
|
|
|
},
|
|
|
//离开页面时保存标签
|