| | |
| | | <style scoped> |
| | | .standard { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .standard * { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | |
| | | .standard { |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | |
| | | .standard .has-gutter .el-table__cell { |
| | | background-color: #F0F1F5 !important; |
| | | color: #333; |
| | |
| | | padding-left: 17px !important; |
| | | } |
| | | |
| | | .standard { |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | .tag{ |
| | | line-height:24px; |
| | | text-align:center; |
| | | width:36px; |
| | | height:24px; |
| | | |
| | | border-radius:12px; |
| | | } |
| | | |
| | | /* .standard .el-table__body-wrapper { |
| | | height: 100%; |
| | | } */ |
| | | |
| | | /* .standard .el-table__body { |
| | | height: 100%; |
| | | } */ |
| | | /* .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
| | | padding-left: 23px !important; |
| | | } */ |
| | | .tag:nth-child(1){ |
| | | margin-left:20px; |
| | | } |
| | | </style> |
| | | <template> |
| | | <div class="standard"> |
| | |
| | | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | | <el-table-column type="index" width="60" label="序号"></el-table-column> |
| | | <el-table-column prop="father" label="工序"> |
| | | <el-table-column prop="father" label="工序" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="primary" v-if="scope.row.father != null">01</el-tag> |
| | | <el-tag type="primary" class="tag" v-if="scope.row.father != null">01</el-tag> |
| | | <span>{{scope.row.father}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="工艺名称"> |
| | | <el-table-column prop="name" label="工艺名称" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="success" v-if="scope.row.name != null">02</el-tag> |
| | | <el-tag type="success" class="tag" v-if="scope.row.name != null">02</el-tag> |
| | | <span>{{scope.row.name}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="device" label="设备名称"> |
| | | <el-table-column prop="device" label="设备名称" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="info" color="#faf2ff" v-if="scope.row.device != null"> |
| | | <el-tag type="info" class="tag" color="#faf2ff" v-if="scope.row.device != null"> |
| | | <span style="color: #e1affb">03</span> |
| | | </el-tag> |
| | | <span>{{scope.row.device}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="productFather" label="项目"> |
| | | <el-table-column prop="productFather" label="项目" :resizable="false"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="info" v-if="scope.row.productFather != null">04</el-tag> |
| | | <el-tag type="info" class="tag" v-if="scope.row.productFather != null">04</el-tag> |
| | | <span>{{scope.row.productFather}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" label="单位"></el-table-column> |
| | | <el-table-column prop="product" label="指标"></el-table-column> |
| | | <el-table-column prop="unit" label="单位" :resizable="false"></el-table-column> |
| | | <el-table-column prop="product" label="指标" :resizable="false"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </template> |