scope变量只有在template slot-scope="scope"内部才可用

位置:首页 / 技术中心 / 杂项

杂项 Admin 2026-03-26 16:12:48 96
        <div class="table">
          <el-table
            :data="tableData"
            style="width: 100%"
            :border="true"
            @selection-change="handleSelectionChange"
            :header-cell-style="{
              'text-align': 'center',
              'background-color': '#f5f7fa',
            }"
            :cell-style="{ 'text-align': 'center' }"
          >
            <el-table-column type="selection"></el-table-column>
            <el-table-column type="index" label="排序"> </el-table-column>
            <el-table-column prop="titleContent" label="标题" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="发布时间" width="160px">
              <template slot-scope="scope">
                <span v-if="scope.row.model !== '赛事报名'">
                  {{ scope.row.releaseTime }}
                </span>
                <span v-else>
                  {{ scope.row.createTime }}
                </span>
              </template>
            </el-table-column>
            <el-table-column prop="author" label="发布人" width="100px" show-overflow-tooltip>
              <template slot-scope="scope">
                {{scope.row.author}}
              </template>
            </el-table-column>
            <!-- <el-table-column prop="source" label="出处" width="100px" show-overflow-tooltip> </el-table-column> -->
            <el-table-column prop="status" label="状态" width="90px">
              <template slot-scope="scope">
                <span v-if="scope.row.status == 0" style="color: ">
                  未提交
                </span>
                <span v-if="scope.row.status == 3" style="color: #409eff">
                  未发布
                </span>
                <span v-if="scope.row.status == 4" style="color: #25b87d">
                  已发布
                </span>
              </template>
            </el-table-column>
            <el-table-column prop="setting" label="操作" width="230">
              <template slot-scope="scope">
                <el-button
                  v-if="roleList.includes('1')"
                  size="small"
                  :disabled="scope.row.status == 4"
                  @click="showEditDialog(scope.row)"
                  type="text"
                  >编辑</el-button
                >
                <el-button
                  v-if="roleList.includes('3')"
                  size="small"
                  type="text"
                  :disabled="scope.row.status != 0"
                  @click="publish(scope.row.id)"
                  >提交</el-button
                >
                <el-button
                  v-if="roleList.includes('3')"
                  size="small"
                  type="text"
                  :disabled="scope.row.status != 3"
                  @click="returPpublish(scope.row.id)"
                  >退回</el-button
                >
                <!-- <el-button
                  v-if="roleList.includes('4')"
                  size="small"
                  type="text"
                  :disabled="scope.row.status != 1"
                  @click="publishsh(scope.row.id)"
                  >审核</el-button
                > -->
                <el-button
                  size="small"
                  type="text"
                  :disabled="scope.row.status != 0 && scope.row.status != 3 && currentIsAdmin === 'false'"
                  @click="publishfb(scope.row.id)"
                  >发布</el-button
                >
                <el-button
                  size="small"
                  type="text"
                  :disabled="scope.row.status != 4"
                  @click="publishBack(scope.row.id)"
                  >撤回</el-button
                >
                <el-button
                  size="small"
                  type="text"
                  v-if="typesIndex !== '16'"
                  @click="delCate(scope.row.id)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <el-pagination
            @size-change="sizeChange"
            @current-change="numChange"
            :page-sizes="[10, 20, 30, 40]"
            :current-page="searchForm.pageNum"
            :page-size="searchForm.pageSize"
            layout="->,total, sizes, prev, pager, next, jumper"
            :total="total"
          >
          </el-pagination>
        </div>
18455111359 扫描二维码