element 列表选中取消选中

		<el-dialog v-model="manualDialog" title="审核意见" width="50%">
			<el-form :model="manualForm" :rules="manualRules" ref="manualRef">
				<el-form-item label="办理结果:" prop="nextJdid">
					<el-radio-group v-model="manualForm.nextJdid" @change="getJdid">
						<el-radio v-for="item in resultOptions" :key="item.jdidNext" :value="item.jdidNext" :label="item.jdidNext">{{
							item.tzsm
						}}</el-radio>
					</el-radio-group>
				</el-form-item>
				<el-form-item label="审核意见:">
					<el-input
						v-model="manualForm.shyj"
						:autosize="{ minRows: 2, maxRows: 4 }"
						type="textarea"
						placeholder="请填写审核意见"
					/>
				</el-form-item>
			</el-form>
			<div style="margin: 10px; color: orange" v-if="shoWarning">
				(温馨提示:一线工程师环节的办理候选人由派单环节指定,此处不可更改)
			</div>
			<el-table
				border
				ref="multipleTableRef"
				:data="dispatchList"
				style="width: 100%"
				@select="selectFun"
				:header-cell-class-name="cellClass"
				@selection-change="handleSelectionChange"
			>
				<el-table-column type="selection" width="55" />
				<el-table-column property="candidate" label="候选人账号" />
				<el-table-column property="candidateName" label="候选人名称" />
			</el-table>
			<template #footer>
				<span class="dialog-footer">
					<el-button @click="manualDialog = false">取消</el-button>
					<el-button type="primary" @click="submitWork(manualRef)"> 提交 </el-button>
				</span>
			</template>
		</el-dialog>

ts方法

//选择的数据
const handleSelectionChange = (val: any) => {
	multipleSelection.value = val;
};
//多选方框选择
const selectFun = (a: Selection, b: any) => {
	if (allowChange.value == "N") {
	//取消选中
		multipleTableRef.value.toggleRowSelection(b, true);
	}
};
//多选方框样式显示隐藏
const cellClass = (row: any) => {
	if (row.columnIndex === 0 && allowChange.value == "N") {
		return "DisableSelection";
	}
};
//获取候选人名单
const getJdid = (val: any) => {
	manualForm.value.nextJdid = val;
	//根据节点ID查询候选人名单
	loadCandidateByJdid({ jdid: manualForm.value.nextJdid, ywbh: ywbh.value }).then((res: any) => {
		dispatchList.value = res.data.dispatchList;
		allowChange.value = res.data.allowChange;
		//如果是否允许修改为N,显示温馨提示信息并且全选列表
		if (allowChange.value == "N") {
			shoWarning.value = true;
			nextTick(() => {
				multipleTableRef.value.toggleAllSelection();
			});
		} else {
			shoWarning.value = false;
		}
	});
};

scss

// 隐藏全选框
:deep(.el-table .DisableSelection > .cell) {
	display: none !important;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值