修改了表格的行高，以及数据过长的部分用省略号表示

Tcsm

2023-10-22 251cc3290959d2085aa3359d6f74d97db914d182

 ruoyi-ui/src/views/wish/index.vue

@@ -158,19 +158,19 @@
      <el-table-column label="时间" prop="happenTime" sortable width="150" align="center">
        <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
      </el-table-column>
      <el-table-column label="理想标题/百年心愿" prop="title" sortable width="160" align="center">
      <el-table-column label="理想标题/百年心愿" prop="title" sortable :show-overflow-tooltip="true" width="160" align="center">
        <template slot-scope="scope">{{scope.row.title? scope.row.title: '————'}}</template>
      </el-table-column>
      <el-table-column label="始于何因" prop="cause" sortable :show-overflow-tooltip="true" width="140" align="center" >
        <template slot-scope="scope">{{scope.row.cause? scope.row.cause: '————'}}</template>
      </el-table-column>
      <el-table-column label="受惠人" prop="beneficiary" sortable width="140" align="center" >
      <el-table-column label="受惠人" prop="beneficiary" sortable :show-overflow-tooltip="true" width="140" align="center" >
        <template slot-scope="scope">{{scope.row.beneficiary? scope.row.beneficiary: '————'}}</template>
      </el-table-column>
      <el-table-column label="继承人" prop="heir" sortable width="140" align="center">
      <el-table-column label="继承人" prop="heir" sortable :show-overflow-tooltip="true" width="140" align="center">
        <template slot-scope="scope">{{scope.row.heir? scope.row.heir: '————'}}</template>
      </el-table-column>
      <el-table-column label="实现难度" prop="difficulty" sortable width="120" align="center">
      <el-table-column label="实现难度" prop="difficulty" :show-overflow-tooltip="true" sortable width="120" align="center">
        <template slot-scope="scope">{{scope.row.difficulty? scope.row.difficulty: '————'}}</template>
      </el-table-column>
      <el-table-column label="是否依旧有效" prop="isEffective" sortable width="160" align="center">
@@ -202,38 +202,35 @@
            ></div>
        </template>
      </el-table-column>
      <el-table-column label="备注" prop="remark" sortable width="90" align="center">
      <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="90" align="center">
        <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
      <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:role:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>
          <el-dropdown
            size="mini"
            @command="(command) => handleCommand(command, scope.row)"
            v-hasPermi="['system:role:edit']">
          <div class="button-container">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-edit"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"
            >
              <span style="font-size: 14px;">修改</span>
            </el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:role:remove']"
            ><span style="font-size: 14px;">删除</span></el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-d-arrow-right"
              @click="handleCheck(scope.row)"

            >查看详情</el-button>

          </el-dropdown>
              @click="handleCheck(scope.row)">
              <span style="font-size: 14px;">查看详情</span></el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
@@ -823,6 +820,11 @@
  background: #FFEFF2;

}

.el-table__cell {
  font-size: 14px; /* 设置字体大小 */
}
.button-container {
  display: inline-flex; /* 设置按钮容器为行内元素 */
}

</style>