From edc1c8286edb63d71488f59be67617bd4a9be396 Mon Sep 17 00:00:00 2001 From: 王震 <10952869+daywangzhen@user.noreply.gitee.com> Date: 星期五, 08 九月 2023 17:15:46 +0800 Subject: [PATCH] 设备维护,标准Bom --- src/components/view/standard-table/material.vue | 113 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 113 insertions(+), 0 deletions(-) diff --git a/src/components/view/standard-table/material.vue b/src/components/view/standard-table/material.vue new file mode 100644 index 0000000..d4d1d4d --- /dev/null +++ b/src/components/view/standard-table/material.vue @@ -0,0 +1,113 @@ +<template> + <div class="standard"> + <div> + <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="name" border + @selection-change="handleSelectionChange" default-expand-all + :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> + <el-table-column type="selection" width="55"> + </el-table-column> + <el-table-column type="index" width="50" label="搴忓彿"> + </el-table-column> + <el-table-column prop="father" label="宸ュ簭" sortable width="200px"> + <template slot-scope="scope"> + <el-tag v-if="scope.row.children" :type="scope.row.children ? 'primary' : 'success'"> + <div class="firstDiv" :style="{ color: scope.row.children ? '#16a7ff' : '#58c173' }"> + 01 + </div> + </el-tag> + <span style="color: black"> + {{ scope.row.father }} + </span> + </template> + </el-table-column> + <el-table-column prop="tanme" sortable label="宸ヨ壓鍚嶇О"> + <!-- <template slot-scope="scope"> + <el-tag v-if="!scope.row.children"> + <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`"> + 02 + </div> + </el-tag> + <span style="color: black"> + {{ scope.row.tname }} + </span> + </template> --> + </el-table-column> + <el-table-column prop="mname" label="鏉愭枡鍚嶇О"> + </el-table-column> + <el-table-column prop="specifications" label="瑙勬牸"> + </el-table-column> + <el-table-column prop="unit" label="鍗曚綅"> + </el-table-column> + <el-table-column prop="num" label="鏁伴噺"> + </el-table-column> + </el-table> + </div> + </div> + </template> + + <script> + export default { + data() { + return { + selects: [] + } + }, + props:['tableData','tableType'], + created() { + console.log(this.tableData,this.tableType) + }, + mounted() { + + }, + methods: { + handleSelectionChange(val) { + this.selects = val; + } + } + } + </script> + + <style scoped> + .standard { + width: 100%; + height: 100%; + } + </style> + <style> + .standard * { + font-size: 14px; + } + + .standard .has-gutter .el-table__cell { + background-color: #F0F1F5 !important; + color: #333; + } + + .standard .has-gutter .el-table__cell .cell { + font-size: 16px; + font-weight: 500; + } + + .standard .cell { + color: #333; + padding-left: 17px !important; + } + + .standard { + width: 100%; + height: 100%; + overflow: auto; + } + + .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; + } + </style> + \ No newline at end of file -- Gitblit v1.9.3