设备维护，标准Bom

王震

2023-09-08 edc1c8286edb63d71488f59be67617bd4a9be396

设备维护，标准Bom

 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>