订单发货 项目编号弹框复选框 点击列表行选中

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

@@ -54,6 +54,8 @@
           :show-overflow-tooltip="true"
           class="hl-table"
           @selection-change="handleSelectionChange"
+           @row-click="clickRow" ref="multipleTable"
+           selection
         >
           <el-table-column fixed type="selection" width="40"/>
           <el-table-column fixed label="序号" type="index" width="60" />
@@ -155,6 +157,7 @@ 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() // 消息弹窗
@@ -230,11 +233,20 @@ const resetQuery = () => {
   handleQuery()
 }
 
-const multipleSelection = ref<ProjectOrderVO[]>([])
+const multipleTable = ref<InstanceType<typeof ElTable>>()
-const handleSelectionChange = (val: ProjectOrderVO[]) => {
+const multipleSelection = ref([])
+const handleSelectionChange = (val: []) => {
+  
   multipleSelection.value = val
 }
 
+const clickRow = (row: any) => {
+ if(row){
+   multipleTable.value!.toggleRowSelection(row, undefined)
+ }else{
+  multipleTable.value!.clearSelection()
+ }
+}
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = () => {