|
@@ -2,14 +2,13 @@
|
|
<el-dialog :title="title" :visible.sync="dialogVisible" :before-close="handleClose" width="900px" id="addEqDialog">
|
|
<el-dialog :title="title" :visible.sync="dialogVisible" :before-close="handleClose" width="900px" id="addEqDialog">
|
|
<div class="table-box">
|
|
<div class="table-box">
|
|
<el-table :data="tableData" style="width: 100%" height="350" v-loading="loading" :header-cell-style="headerStyle"
|
|
<el-table :data="tableData" style="width: 100%" height="350" v-loading="loading" :header-cell-style="headerStyle"
|
|
- ref="multipleTable"
|
|
|
|
|
|
+ ref="multipleTable" :row-class-name="getRowClassName"
|
|
@selection-change="handleSelectionChange">
|
|
@selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
<el-table-column type="expand">
|
|
<el-table-column type="expand">
|
|
<template slot-scope="props">
|
|
<template slot-scope="props">
|
|
<p v-if="props.row.ComponentCount && props.row.ComponentCount.length"
|
|
<p v-if="props.row.ComponentCount && props.row.ComponentCount.length"
|
|
style="color:#99a9bf;line-height:32px;font-size:14px;">包含的部件:</p>
|
|
style="color:#99a9bf;line-height:32px;font-size:14px;">包含的部件:</p>
|
|
- <p v-else style="color:#99a9bf;line-height:32px;font-size:14px;">无部件信息</p>
|
|
|
|
<el-form label-position="left" label-width="auto" inline class="demo-table-expand"
|
|
<el-form label-position="left" label-width="auto" inline class="demo-table-expand"
|
|
v-if="props.row.ComponentCount && props.row.ComponentCount.length">
|
|
v-if="props.row.ComponentCount && props.row.ComponentCount.length">
|
|
<el-form-item v-for="item in props.row.ComponentCount?props.row.ComponentCount:[]" :key="item.code"
|
|
<el-form-item v-for="item in props.row.ComponentCount?props.row.ComponentCount:[]" :key="item.code"
|
|
@@ -211,6 +210,11 @@ export default {
|
|
})
|
|
})
|
|
this.page.total = res.total
|
|
this.page.total = res.total
|
|
},
|
|
},
|
|
|
|
+ getRowClassName({row, rowIndex}){
|
|
|
|
+ if (!(row.ComponentCount && row.ComponentCount.length)) {
|
|
|
|
+ return 'row-expand-cover';
|
|
|
|
+ }
|
|
|
|
+ },
|
|
//选中项修改
|
|
//选中项修改
|
|
handleSelectionChange(val) {
|
|
handleSelectionChange(val) {
|
|
this.selections = val;
|
|
this.selections = val;
|
|
@@ -305,6 +309,10 @@ export default {
|
|
color: #99a9bf;
|
|
color: #99a9bf;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.row-expand-cover .el-table__expand-icon{
|
|
|
|
+ visibility:hidden;
|
|
|
|
+}
|
|
|
|
+
|
|
.demo-table-expand .el-form-item {
|
|
.demo-table-expand .el-form-item {
|
|
margin-right: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|