perf: model-panel调整
1.修复顶部工具栏遮挡panel的问题; 2.model-panel图标更换; 3.修复panel resize后滚动条不对的问题;
This commit is contained in:
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
@@ -39,7 +39,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- model-panel/asset-detail/project-overview的panel-->
|
<!-- model-panel/asset-detail/project-overview的panel-->
|
||||||
<panel-tab v-if="from == 'model' && targetTab == 'panel'" v-show="subResizeShow" :from="from" :obj="obj"></panel-tab>
|
<panel-tab v-if="from == 'model' && targetTab == 'panel'" v-show="subResizeShow" :from="from" :obj="obj" ref="panelTab"></panel-tab>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
@@ -102,6 +102,9 @@
|
|||||||
if (this.from == 'endpoint' && this.targetTab == 'endpointQuery') {
|
if (this.from == 'endpoint' && this.targetTab == 'endpointQuery') {
|
||||||
this.$refs.endpointQuery.tableReload();
|
this.$refs.endpointQuery.tableReload();
|
||||||
}
|
}
|
||||||
|
if (this.from == 'model') {
|
||||||
|
setTimeout(() => {this.$refs.panelTab.$refs.dashboardScrollbar.update();}, 400);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -388,7 +388,9 @@
|
|||||||
obj: {
|
obj: {
|
||||||
immediate: true,
|
immediate: true,
|
||||||
handler(n) {
|
handler(n) {
|
||||||
this.getTableData(n.id);
|
setTimeout(() => {
|
||||||
|
this.getTableData(n.id);
|
||||||
|
}, 500);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -67,7 +67,7 @@
|
|||||||
</el-popover>
|
</el-popover>
|
||||||
</template>
|
</template>
|
||||||
<div v-else-if="item.prop == 'option'" class="content-right-options">
|
<div v-else-if="item.prop == 'option'" class="content-right-options">
|
||||||
<span :title="$t('dashboard.panel.title')" @click="panel(scope.row)" class="content-right-option" :id="'model-panel-'+scope.row.id"><i class="nz-icon nz-icon-chart"></i></span>
|
<span :title="$t('dashboard.panel.title')" @click="panel(scope.row)" class="content-right-option" :id="'model-panel-'+scope.row.id"><i class="nz-icon nz-icon-template"></i></span>
|
||||||
<span :title="$t('overall.edit')" @click="toEdit(scope.row)" class="content-right-option" :id="'model-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span>
|
<span :title="$t('overall.edit')" @click="toEdit(scope.row)" class="content-right-option" :id="'model-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span>
|
||||||
<span :title="$t('overall.delete')" @click="del(scope.row)" class="content-right-option" :id="'model-del-'+scope.row.id"><i class="el-icon-delete"></i></span>
|
<span :title="$t('overall.delete')" @click="del(scope.row)" class="content-right-option" :id="'model-del-'+scope.row.id"><i class="el-icon-delete"></i></span>
|
||||||
</div>
|
</div>
|
||||||
@@ -107,9 +107,11 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import bus from '../../../libs/bus';
|
import bus from '../../../libs/bus';
|
||||||
|
var vm;
|
||||||
export default {
|
export default {
|
||||||
name: "model",
|
name: "model",
|
||||||
data() {
|
data() {
|
||||||
|
vm = this;
|
||||||
return {
|
return {
|
||||||
/*二级列表相关*/
|
/*二级列表相关*/
|
||||||
targetTab: '', //展示二级列表中的哪个页签
|
targetTab: '', //展示二级列表中的哪个页签
|
||||||
|
|||||||
@@ -212,7 +212,6 @@
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
vm = this;
|
vm = this;
|
||||||
let temp = this;
|
|
||||||
return {
|
return {
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user