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