提交 73f491da 编写于 作者: Q qin_jun_yan

溯源弹框展示优化

上级 dd477d52
...@@ -256,32 +256,34 @@ limitations under the License. ...@@ -256,32 +256,34 @@ limitations under the License.
</div> </div>
</div> </div>
</div> </div>
<el-dialog :title="rowName" <div v-if="detailsDialogVisible">
:visible.sync="detailsDialogVisible" <el-dialog :title="rowName"
width="50%" :visible.sync="detailsDialogVisible"
:close-on-click-modal="false" width="50%"
class="details-data-list"> :close-on-click-modal="false"
<div class="details-data-title">{{ detailsDataTitle }}</div> class="details-data-list">
<el-table :data="detailsDataList" <div class="details-data-title">{{ detailsDataTitle }}</div>
row-key="id" <el-table :data="detailsDataList"
lazy row-key="id"
tooltip-effect="light" lazy
:load="loadDataListChildren" tooltip-effect="light"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> :load="loadDataListChildren"
<el-table-column width="50" /> :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column prop="key" <el-table-column width="50" />
width="180" <el-table-column prop="key"
label="Key"> width="180"
</el-table-column> label="Key">
<el-table-column prop="value" </el-table-column>
show-overflow-tooltip <el-table-column prop="value"
label="Value"> show-overflow-tooltip
<template slot-scope="scope"> label="Value">
{{ scope.row.value }} <template slot-scope="scope">
</template> {{ scope.row.value }}
</el-table-column> </template>
</el-table> </el-table-column>
</el-dialog> </el-table>
</el-dialog>
</div>
<!-- tag dialog --> <!-- tag dialog -->
<div v-show="tagDialogShow" <div v-show="tagDialogShow"
id="tag-dialog" id="tag-dialog"
...@@ -2228,7 +2230,10 @@ export default { ...@@ -2228,7 +2230,10 @@ export default {
} }
} }
} }
.el-dialog {
min-width: 500px;
padding-bottom: 30px;
}
.details-data-list { .details-data-list {
.el-table td, .el-table td,
.el-table th.is-leaf { .el-table th.is-leaf {
...@@ -2299,6 +2304,7 @@ export default { ...@@ -2299,6 +2304,7 @@ export default {
.el-dialog__body { .el-dialog__body {
max-height: 500px; max-height: 500px;
padding-top: 10px; padding-top: 10px;
padding-bottom: 0px;
overflow: auto; overflow: auto;
.details-data-title { .details-data-title {
margin-bottom: 20px; margin-bottom: 20px;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册