字数

336 字

阅读时间

2 分钟

接下来我需要你帮我分析代码，用中文回答 当修改代码时，只输出需要更改的代码，通过在代码段的首位加注释来标记；说明更改的代码所在的位置 用分割线将你修改的内容标记出来

<template>
  ...
  <el-table size="mini" border :data="templateData">
    ...
    <el-table-column
      align="center"
      label="创建时间"
      prop="createTime"
      show-overflow-tooltip
      width="100"
      :formatter="dateFormat"
    ></el-table-column>

    <!-- 在这里添加签订类型列 -->
    <el-table-column
      align="center"
      label="签订类型"
      prop="contractType"
      show-overflow-tooltip
    ></el-table-column>
    <!-- 签订类型列结束 -->

    <el-table-column
      align="center"
      label="制作状态"
      width="100"
    >
      ...
    </el-table-column>
    ...
  </el-table>
  ...
</template>

上面代码展示了在 <el-table> 的列中添加「签订类型」列的位置。新的 <el-table-column> 被插入在「创建时间」列之后和「制作状态」列之前。

只有选择“其他协议”时，显示签订类型

<template>
  ...
  <el-table size="mini" border :data="templateData">
    ...
    <el-table-column
      align="center"
      label="创建时间"
      prop="createTime"
      show-overflow-tooltip
      width="100"
      :formatter="dateFormat"
    ></el-table-column>

    <!-- 仅当选择“其他协议”时显示签订类型列 -->
    <el-table-column
      v-if="currentTabComponent === '10590005'"
      align="center"
      label="签订类型"
      prop="contractType"
      show-overflow-tooltip
    ></el-table-column>
    <!-- 签订类型列结束 -->

    <el-table-column
      align="center"
      label="制作状态"
      width="100"
    >
      ...
    </el-table-column>
    ...
  </el-table>
  ...
</template>

贡献者

sunchengzhi

文件历史

最后编辑于 大约 2 个月前查看完整历史

de5fa-fix:修改文件名