Fixiaobai
2023-09-20 12e26ca45149414930deecfef9e8f7ba3ae6d929
src/components/view/standard-table/target.vue
@@ -1,25 +1,25 @@
<template>
    <div class="standard">
      <div>
        <el-table ref="multipleTable" :data="tableData" row-key="rowId" border max-height="675"
      <div style="width: 100%;height: 68vh;overflow-x: auto;">
        <el-table ref="multipleTable" :data="tableData" row-key="rowId" border
        @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>
        <el-table-column type="index" width="60" label="序号"></el-table-column>
        <el-table-column prop="tfather" label="工序" :resizable="false">
        <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="tfather" label="工序" width="200" :resizable="false">
            <template slot-scope="scope">
                <el-tag class="tag" type="primary" v-if="scope.row.tfather != null">01</el-tag>
                <span>{{scope.row.tfather}}</span>
            </template>
        </el-table-column>
        <el-table-column prop="tname" label="工艺名称" :resizable="false">
        <el-table-column prop="tname" label="工艺名称" width="200" :resizable="false">
            <template slot-scope="scope">
                <el-tag type="success" v-if="scope.row.tname != null" class="tag">02</el-tag>
                <span>{{scope.row.tname}}</span>
            </template>  
        </el-table-column>
        <el-table-column prop="pfather" label="项目" :resizable="false">
        <el-table-column prop="pfather" label="项目" width="200" :resizable="false">
            <template slot-scope="scope">
                <el-tag type="info" color="#faf2ff" v-if="scope.row.pfather != null" class="tag">
                  <span style="color: #e1affb">03</span>
@@ -27,7 +27,7 @@
                <span>{{scope.row.pfather}}</span>
            </template>  
        </el-table-column>
        <el-table-column prop="pname" label="指标名称" :resizable="false">
        <el-table-column prop="pname" label="指标名称" width="200" :resizable="false">
            <template slot-scope="scope">
                <span>{{scope.row.pname}}</span>
            </template>
@@ -79,6 +79,7 @@
      },
      //选择某行
        selectTr(selection, row) {
        console.log("sss---",selection,row);
        this.$set(row, "isChecked", !row.isChecked);
        this.$nextTick(() => {
          this.isAllSelect = row.isChecked;
@@ -87,6 +88,7 @@
      },
      //递归子级
      toggleSelect(data, flag, type) {
        console.log("递归子级---",data,flag,type);
        if (type === "all") {
          if (data.length > 0) {
            data.forEach((item) => {
@@ -108,6 +110,7 @@
      },
      //改变选中
      toggleSelection(row, flag) {
        console.log("改变选中---",row,flag);
        this.$set(row, "isChecked", flag);
        this.$nextTick(() => {
          if (flag) {
@@ -142,7 +145,6 @@
          }).then(res=>{
            this.$message.success(res.message);
          }).catch(error=>{
            this.$message.error(error.message);
          })
        },
      }