生产计划 项目编号 点击列表行选中复选框

mes-ui/mes-ui-admin-vue3/src/views/heli/plan/projectOrderDialog.vue

@@ -29,7 +29,7 @@
       <!-- 列表 -->
       <ContentWrap>
         <el-table ref="multipleTable" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
-          class="hl-table" @selection-change="handleSelectionChange">
+          class="hl-table" @selection-change="handleSelectionChange" @row-click="clickRow" selection>
           <el-table-column fixed type="selection" width="40"/>
           <el-table-column fixed label="序号" type="index" width="60" />
           <el-table-column fixed label="项目编号" align="center" prop="code" width="240" />
@@ -107,6 +107,8 @@ import { getIntDictOptions, getStrDictOptions, DICT_TYPE } from '@/utils/dict'
 import { dateFormatter, dateFormatter2, formatDate } from '@/utils/formatTime'
 import * as ProjectOrderApi from '@/api/heli/projectorder'
 import { ref } from "vue";
+import { ElTable } from 'element-plus'
+
 import { ProjectOrderVO } from "@/api/heli/projectorder";
 
 const message = useMessage() // 消息弹窗
@@ -182,8 +184,9 @@ const resetQuery = () => {
   handleQuery()
 }
 
-const multipleTable = ref()
-const multipleSelection = ref<ProjectOrderVO[]>([])
+const multipleTable:any = ref<InstanceType<typeof ElTable>>()
+const multipleSelection:any = ref([])
+
 const handleSelectionChange = (val: ProjectOrderVO[]) => {
   if (val.length > 1) {
     multipleTable.value.clearSelection()
@@ -194,6 +197,14 @@ const handleSelectionChange = (val: ProjectOrderVO[]) => {
 
 }
 
+const clickRow = (row: any) => {
+ if(row){
+   multipleTable.value!.toggleRowSelection(row, undefined)
+ }else{
+  multipleTable.value!.clearSelection()
+ }
+}
+
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = () => {