搬迁检验任务11%

spring

2025-02-19 d68551caef23bd5d3c00035d7add3814f0fdece1

 src/components/Table/lims-table.vue

@@ -19,7 +19,12 @@
      @current-change="currentChange"
      @selection-change="handleSelectionChange"
    >
      <el-table-column align="center" type="selection" width="55" v-if="isSelection" />
      <el-table-column
        align="center"
        type="selection"
        width="55"
        v-if="isSelection"
      />
      <el-table-column
        align="center"
        label="序号"
@@ -170,6 +175,15 @@
              </el-upload>
            </template>
          </div>
          <!-- 可点击的文字 -->
          <div
            v-else-if="item.dataType == 'link'"
            class="cell link"
            style="width: 100%"
            @click="goLink(scope.row, item.linkMethod)"
          >
            <span v-if="!item.formatData">{{ scope.row[item.prop] }}</span>
          </div>
          <!-- 默认纯展示数据 -->
          <div v-else class="cell" style="width: 100%">
            <span v-if="!item.formatData">{{ scope.row[item.prop] }}</span>
@@ -294,7 +308,7 @@
    },
    border: {
      type: Boolean,
      default: false,
      default: true,
    },
    highlightCurrentRow: {
      type: Boolean,
@@ -381,6 +395,13 @@
      // return index * 2;
      return (this.page.current - 1) * this.page.size + index + 1;
    },
    // 点击单元格link事件
    goLink(row, linkMethod) {
      if (!linkMethod) {
        return this.$message.warning("请配置lingk事件");
      }
      this.$parent[linkMethod](row);
    },
  },
};
</script>
@@ -389,14 +410,19 @@
.el-table >>> .el-table__empty-text {
  text-align: center;
}

>>> .cell {
  padding: 0 !important;
}
.cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
  padding-left: 4px;
  padding-left: 10px;
}
>>> .cell {
  padding: 0 !important;
.link {
  color: rgb(64, 158, 255);
  cursor: pointer;
}
</style>