<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;
}