modified: src/components/view/standard.vue

Fixiaobai

2023-09-14 7e33695561c2da43fcc752894e9bd46a7059cb3f

 src/components/view/standard-table/target.vue

@@ -1,8 +1,8 @@
<template>
    <div class="standard">
      <div>
        <el-table ref="multipleTable" :data="tableData" row-key="rowId" border max-height="675"
        @select-all="selectAll" @select="selectTr" 
        <el-table ref="multipleTable" :data="aa" row-key="rowId" border max-height="675"
        @select-all="selectAll" @select="selectTr"
        @selection-change="handleSelectionChange" default-expand-all
        :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
        <el-table-column type="selection" width="55"></el-table-column>
@@ -15,15 +15,21 @@
        </el-table-column>
        <el-table-column prop="tname" label="工艺名称">
            <template slot-scope="scope">
                <el-tag type="success" v-if="scope.row.tname != null">02</el-tag>
                <el-tag type="success" v-if="scope.row.tname != null"
                style="line-height:24px;text-align:center;width:36px;height:24px;margin-left:20px;border-radius:12px">02</el-tag>
                <span>{{scope.row.tname}}</span>
            </template>  
        </el-table-column>
        <el-table-column prop="pfather" label="项目">
            <template slot-scope="scope">
                <el-tag type="info" color="#faf2ff" v-if="scope.row.pfather != null">
                  <span style="color: #e1affb">03</span>
                </el-tag>
                <span>{{scope.row.pfather}}</span>
            </template>  
        </el-table-column>
        <el-table-column prop="pname" label="指标名称">
            <template slot-scope="scope">
                <el-tag type="info" color="#faf2ff" v-if="scope.row.pname != null">
                    <span style="color: #e1affb">03</span>
                </el-tag>
                <span>{{scope.row.pname}}</span>
            </template>
        </el-table-column>
@@ -31,14 +37,14 @@
        <el-table-column prop="internal" label="内控值">
          <template slot-scope="scope">
            <el-input v-model="scope.row.internal" 
            v-if="scope.row.internal != null"
            v-if="scope.row.pname != null" size="small"
            @blur="updateVal(scope.row)"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="required" label="标准值">
          <template slot-scope="scope">
            <el-input v-model="scope.row.required" 
            v-if="scope.row.required != null"
            v-if="scope.row.pname != null" size="small"
            @blur="updateVal(scope.row)"></el-input>
          </template>
        </el-table-column>
@@ -52,12 +58,582 @@
      data() {
        return {
          selects: [],
          deleteList:[],
          isAllSelect:false,
          aa: [
    {
        "children": [
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "oo",
                                "pname": "阿发",
                                "pid": 933,
                                "rowId": 0.15062765172836556,
                                "indents": 1
                            },
                            {
                                "unit": "km",
                                "pname": "电2",
                                "pid": 934,
                                "rowId": 0.12313308041936621,
                                "indents": 1
                            },
                            {
                                "unit": "ll",
                                "pname": "电3",
                                "pid": 935,
                                "rowId": 0.3959020806139848,
                                "indents": 1
                            },
                            {
                                "unit": "让我去",
                                "pname": "还是的人会受到",
                                "pid": 941,
                                "rowId": 0.4501313017235842,
                                "indents": 1
                            },
                            {
                                "unit": "发二手房",
                                "pname": "福娃",
                                "pid": 942,
                                "rowId": 0.2570941856592921,
                                "indents": 1
                            },
                            {
                                "unit": "阿嗯嗯",
                                "pname": "1阿",
                                "pid": 943,
                                "rowId": 0.3849246876222272,
                                "indents": 1
                            },
                            {
                                "unit": "sef",
                                "pname": "gsd",
                                "pid": 952,
                                "rowId": 0.3358017758829086,
                                "indents": 1
                            }
                        ],
                        "pfather": "电气性能",
                        "rowId": 0.11597152206451145,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "吨",
                                "pname": "机1",
                                "pid": 936,
                                "rowId": 0.09276663783212125,
                                "indents": 1
                            },
                            {
                                "unit": "天",
                                "pname": "机2",
                                "pid": 937,
                                "rowId": 0.30524372216363194,
                                "indents": 1
                            }
                        ],
                        "pfather": "机械",
                        "rowId": 0.7172228698155356,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "t",
                                "pname": "耐1",
                                "pid": 938,
                                "rowId": 0.19975939946800714,
                                "indents": 1
                            },
                            {
                                "unit": "ml",
                                "pname": "耐2",
                                "pid": 939,
                                "rowId": 0.8998139964427834,
                                "indents": 1
                            },
                            {
                                "unit": "只",
                                "pname": "耐3",
                                "pid": 940,
                                "rowId": 0.5675579627028025,
                                "indents": 1
                            }
                        ],
                        "pfather": "耐电压",
                        "rowId": 0.21440785353613157,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "按上次的非常",
                                "pname": "大手大脚",
                                "pid": 944,
                                "rowId": 0.7181582304087455,
                                "indents": 1
                            }
                        ],
                        "pfather": "你好",
                        "rowId": 0.7769908541698349,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "爱国VSv",
                                "pname": "阿萨",
                                "pid": 945,
                                "rowId": 0.17378991618309336,
                                "indents": 1
                            }
                        ],
                        "pfather": "大家好",
                        "rowId": 0.8772679053462382,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "ww",
                                "pname": "ww",
                                "pid": 946,
                                "rowId": 0.05009672998084547,
                                "indents": 1
                            }
                        ],
                        "pfather": "cao",
                        "rowId": 0.9565056824143869,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "达瓦",
                                "pname": "我的",
                                "pid": 947,
                                "rowId": 0.34581383239188046,
                                "indents": 1
                            },
                            {
                                "unit": "我的",
                                "pname": "青蛙大全",
                                "pid": 948,
                                "rowId": 0.5292322880840665,
                                "indents": 1
                            },
                            {
                                "unit": "我的钱",
                                "pname": "取得完全的",
                                "pid": 949,
                                "rowId": 0.9125913254753026,
                                "indents": 1
                            },
                            {
                                "unit": "请问",
                                "pname": "当前",
                                "pid": 950,
                                "rowId": 0.7560056072797159,
                                "indents": 1
                            },
                            {
                                "unit": "sdv",
                                "pname": "士大夫",
                                "pid": 951,
                                "rowId": 0.5833122419533638,
                                "indents": 1
                            }
                        ],
                        "pfather": "你锕",
                        "rowId": 0.9766279468505832,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "阿达",
                                "pname": "打啊·",
                                "pid": 953,
                                "rowId": 0.9092338815452841,
                                "indents": 1
                            }
                        ],
                        "pfather": "阿迪王",
                        "rowId": 0.8799322497096753,
                        "indents": 1
                    }
                ],
                "tname": "裁缆",
                "rowId": 0.4071356283291181,
                "indents": 1
            },
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "kv",
                                "pname": "长1",
                                "pid": 954,
                                "rowId": 0.035463253161200026,
                                "indents": 1
                            },
                            {
                                "unit": "vv",
                                "pname": "长2",
                                "pid": 955,
                                "rowId": 0.23952996321663345,
                                "indents": 1
                            },
                            {
                                "unit": "mm",
                                "pname": "长3",
                                "pid": 956,
                                "rowId": 0.0009274727073673716,
                                "indents": 1
                            }
                        ],
                        "pfather": "长度",
                        "rowId": 0.7634749065969555,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "吨",
                                "pname": "面",
                                "pid": 957,
                                "rowId": 0.18887461651501813,
                                "indents": 1
                            }
                        ],
                        "pfather": "面积",
                        "rowId": 0.1800874562308441,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "c",
                                "pname": "湿",
                                "pid": 958,
                                "rowId": 0.79648815170558,
                                "indents": 1
                            }
                        ],
                        "pfather": "湿度",
                        "rowId": 0.10207617486870801,
                        "indents": 1
                    }
                ],
                "tname": "剥缆",
                "rowId": 0.6177353372974288,
                "indents": 1
            },
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "mm",
                                "pname": "电1",
                                "pid": 959,
                                "rowId": 0.14165010419857826,
                                "indents": 1
                            },
                            {
                                "unit": "km",
                                "pname": "电2",
                                "pid": 960,
                                "rowId": 0.5001292363854433,
                                "indents": 1
                            },
                            {
                                "unit": "ll",
                                "pname": "电3",
                                "pid": 961,
                                "rowId": 0.8459604367887481,
                                "indents": 1
                            }
                        ],
                        "pfather": "电气性能",
                        "rowId": 0.7238366441537252,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "吨",
                                "pname": "机1",
                                "pid": 962,
                                "rowId": 0.5558158468437493,
                                "indents": 1
                            },
                            {
                                "unit": "天",
                                "pname": "机2",
                                "pid": 963,
                                "rowId": 0.750487727539507,
                                "indents": 1
                            }
                        ],
                        "pfather": "机械",
                        "rowId": 0.08099595277723015,
                        "indents": 1
                    }
                ],
                "tname": "剪线",
                "rowId": 0.6857832066163772,
                "indents": 1
            },
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "t",
                                "pname": "耐1",
                                "pid": 964,
                                "rowId": 0.025681390736394416,
                                "indents": 1
                            },
                            {
                                "unit": "ml",
                                "pname": "耐2",
                                "pid": 965,
                                "rowId": 0.36284806597904873,
                                "indents": 1
                            },
                            {
                                "unit": "只",
                                "pname": "耐3",
                                "pid": 966,
                                "rowId": 0.32910729115405535,
                                "indents": 1
                            }
                        ],
                        "pfather": "耐电压",
                        "rowId": 0.41438839964145635,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "kv",
                                "pname": "长1",
                                "pid": 967,
                                "rowId": 0.3918751838800807,
                                "indents": 1
                            },
                            {
                                "unit": "mm",
                                "pname": "问问",
                                "pid": 968,
                                "rowId": 0.5686737935255044,
                                "indents": 1
                            }
                        ],
                        "pfather": "长度",
                        "rowId": 0.4897629570966928,
                        "indents": 1
                    }
                ],
                "tname": "穿线",
                "rowId": 0.4459890408806282,
                "indents": 1
            }
        ],
        "tfather": "下料",
        "rowId": 0.8390882975115925,
        "indents": 1
    },
    {
        "children": [
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "vv",
                                "pname": "长2",
                                "pid": 969,
                                "rowId": 0.16863376578504718,
                                "indents": 1
                            },
                            {
                                "unit": "mm",
                                "pname": "长3",
                                "pid": 970,
                                "rowId": 0.2900238044012753,
                                "indents": 1
                            }
                        ],
                        "pfather": "长度",
                        "rowId": 0.37669687690143516,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "吨",
                                "pname": "面",
                                "pid": 971,
                                "rowId": 0.36760765245674576,
                                "indents": 1
                            }
                        ],
                        "pfather": "面积",
                        "rowId": 0.41655397960844853,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "c",
                                "pname": "湿",
                                "pid": 972,
                                "rowId": 0.8013524859108032,
                                "indents": 1
                            }
                        ],
                        "pfather": "湿度",
                        "rowId": 0.30068963405418225,
                        "indents": 1
                    }
                ],
                "tname": "支撑块环氧",
                "rowId": 0.7725045227516729,
                "indents": 1
            }
        ],
        "tfather": "支撑块环氧",
        "rowId": 0.7921741302395957,
        "indents": 1
    },
    {
        "children": [
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "t",
                                "pname": "耐1",
                                "pid": 978,
                                "rowId": 0.7281043795556847,
                                "indents": 1
                            },
                            {
                                "unit": "ml",
                                "pname": "耐2",
                                "pid": 979,
                                "rowId": 0.015058429562420983,
                                "indents": 1
                            },
                            {
                                "unit": "只",
                                "pname": "耐3",
                                "pid": 980,
                                "rowId": 0.5169165422760948,
                                "indents": 1
                            }
                        ],
                        "pfather": "耐电压",
                        "rowId": 0.9785158882428673,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "kv",
                                "pname": "长1",
                                "pid": 981,
                                "rowId": 0.9534130099287508,
                                "indents": 1
                            }
                        ],
                        "pfather": "长度",
                        "rowId": 0.4408411939308432,
                        "indents": 1
                    }
                ],
                "tname": "壳体喷砂",
                "rowId": 0.47569680349711807,
                "indents": 1
            }
        ],
        "tfather": "喷砂",
        "rowId": 0.7110660336124821,
        "indents": 1
    },
    {
        "children": [
            {
                "children": [
                    {
                        "children": [
                            {
                                "unit": "vv",
                                "pname": "长2",
                                "pid": 982,
                                "rowId": 0.6503541323269595,
                                "indents": 1
                            },
                            {
                                "unit": "mm",
                                "pname": "长3",
                                "pid": 983,
                                "rowId": 0.32814600334581456,
                                "indents": 1
                            }
                        ],
                        "pfather": "长度",
                        "rowId": 0.7584791572708673,
                        "indents": 1
                    },
                    {
                        "children": [
                            {
                                "unit": "吨",
                                "pname": "面",
                                "pid": 984,
                                "rowId": 0.37940516060114016,
                                "indents": 1
                            }
                        ],
                        "pfather": "面积",
                        "rowId": 0.12296115468577762,
                        "indents": 1
                    }
                ],
                "tname": "电缆打磨",
                "rowId": 0.5185983654517894,
                "indents": 1
            }
        ],
        "tfather": "焊接",
        "rowId": 0.08397884001890477,
        "indents": 1
    }
]
        }
      },
      props:['tableData','tableType'],
      created() {},
      mounted() {},
      // props:['tableData','tableType'],
      created() {
      },
      mounted() {

      },
      methods: {
        bb(){
          console.log(this.aa);
        },
        // 表格树全部选中配置
      // 全选/取消选操作
      selectAll(val) {
@@ -94,13 +670,32 @@
          }
        }
      },
      //改变选中
      toggleSelection(row, flag) {
        this.$set(row, "isChecked", flag);
        this.$nextTick(() => {
          if (flag) {
            this.$refs.multipleTable.toggleRowSelection(row, flag);
          } else {
            this.$refs.multipleTable.clearSelection();
          }
        });
      },
      handleSelectionChange(val) {
        this.deleteList = [];
        val.forEach((v) => {
          if (v.id !== undefined) {
            this.deleteList.push(v.id);
          }
          this.searchIdFun(v);
        });
        this.$emit("childData",this.deleteList);
      },
      //递归查找选中数据id
      searchIdFun(data){
        let obj = data;
        if(obj.children != undefined){
          this.searchIdFun(obj.children);
        }else{
          this.deleteList.push(obj.pid);
        }
      },
      // 表格树全部选中配置  结束
        updateVal(row){
@@ -113,9 +708,6 @@
          }).catch(error=>{
            this.$message.error(error.message);
          })
        },
        handleSelectionChange(val) {
          this.selects = val;
        },
      }
    }
@@ -164,8 +756,8 @@
    /* .standard .el-table__body {
      height: 100%;
    } */
    .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){
    /* .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){
      padding-left: 23px !important;
     }
     } */
  </style>