perf: model-panel调整

1.修复顶部工具栏遮挡panel的问题;
2.model-panel图标更换;
3.修复panel resize后滚动条不对的问题;
This commit is contained in:
chenjinsong
2020-05-20 15:06:49 +08:00
parent 83000ef214
commit fa957563c8
9 changed files with 16 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@@ -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);
}
} }
} }
} }

View File

@@ -388,7 +388,9 @@
obj: { obj: {
immediate: true, immediate: true,
handler(n) { handler(n) {
setTimeout(() => {
this.getTableData(n.id); this.getTableData(n.id);
}, 500);
} }
} }
} }

View File

@@ -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: '', //展示二级列表中的哪个页签

View File

@@ -212,7 +212,6 @@
}, },
data() { data() {
vm = this; vm = this;
let temp = this;
return { return {
loading: false, loading: false,