From 1c67a38f9dd1d861536cfe533cbeb5ba4a498f33 Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Thu, 13 Jun 2024 09:22:53 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=89=B9=E9=87=8F=E7=94=9F=E4=BA=A7?=
 =?UTF-8?q?=E6=B4=BE=E5=B7=A5=20=E8=B4=9F=E8=B4=A3=E4=BA=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/biz/taskdispatch/Dispatchdialog.vue | 384 +++++++++++-------
 .../src/views/biz/taskdispatch/userselect.vue |  10 +-
 2 files changed, 248 insertions(+), 146 deletions(-)

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/Dispatchdialog.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/Dispatchdialog.vue
index 4218ee00..b0fb0c50 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/Dispatchdialog.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/Dispatchdialog.vue
@@ -1,124 +1,232 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="dialogTitle" style="width:1200px">
-       <!-- 表格类信息 -->
-      <el-card class="hl-card-info">
-        <!-- <template #header>
+  <Dialog v-model="dialogVisible" :title="dialogTitle" style="width: 1200px">
+    <!-- 表格类信息 -->
+    <el-card class="hl-card-info">
+      <!-- <template #header>
           <div class="hl-card-info-icona"></div><span class="hl-card-info-text">派工明细</span>
         </template> -->
-        <el-row>
-          <el-col v-if="active != 'detail' && !detailDisabled">
-            <!-- <el-button  type="primary" size="large" @click="onAddItem">导入工艺路线</el-button> -->
-            <el-button  type="primary" size="large" @click="onAddItem">新增</el-button>
-          </el-col>
-          <el-col>
-            <el-card class="hl-incard">
-              <el-form ref="subFormRef" :model="formData.taskDispatchDetails" :rules="subFormRules" v-loading="subFormLoading" label-width="0">
-                <el-table :data="formData.taskDispatchDetails" class="hl-table">
-                  <el-table-column fixed label="序号" align="center" type="index" width="80" />
-                  <el-table-column fixed label="工序名称" align="center" prop="procedureId" width="140">
-                    <template #header> <span class="hl-table_header">*</span>工序名称</template>
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.procedureId`" :rules="subFormRules.procedureId" class="mb-0px!">
-                        <ProcedureSelect :disabled="detailDisabled || row.procedureStatus != 0" v-model="row.procedureId" @update:newValue="(val) => { handleSelectedProcedure(row, val);}" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="工序编号" prop="procedureCode" width="120" />
-                  <el-table-column label="是否需要报工" prop="isReport" width="120">
-                    <template #default="scope">
-                      {{getDictLabel(DICT_TYPE.BIZ_COMMON_IS_OR_NOT, scope.row.isReport)}}
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="顺序号" align="center" prop="sort" width="140">
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.sort`" :rules="subFormRules.sort" class="mb-0px!">
-                        <el-input-number min="0" :precision="0" class="!w-240px" :disabled="detailDisabled || row.procedureStatus != 0" v-model="row.sort" placeholder="顺序号" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="负责人" align="center" prop="owner" min-width="240">
-                    <template #header> <span class="hl-table_header">*</span>负责人</template>
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.owner`" :rules="subFormRules.owners" class="mb-0px!">
-                        <!-- <UserSelect v-model="row.owner" :disabled="detailDisabled || row.procedureStatus != 0" @update:newValue="handleSelectedUser($index,$event)" /> -->
-                         <el-input class="!w-265px" placeholder="负责人" v-model="row.ownerNames" readonly @click.prevent="handleClick($index)">
-                          <template #append><el-button :icon="Search" @click="openuserDialog($index)" /></template>
-                        </el-input>
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="生产设备" min-width="180" align="center">
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.deviceModel`" :rules="subFormRules.deviceModel" class="mb-0px!">
-                        <EquipmentSelect v-model="row.deviceModel" @update:newValue="handleSelectedequip($index, $event)" :anotherProp="formData.workshopId"  :disabled="detailDisabled || row.procedureStatus != 0" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="预计开始日期" min-width="180">
-                    <template #header> <span class="hl-table_header">*</span>预计开始日期</template>
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.startTime`" :rules="subFormRules.startTime" class="mb-0px!">
-                        <el-date-picker :disabled="detailDisabled" v-model="row.startTime" type="date" value-format="x" placeholder="选择预计开始日期" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="预计结束日期" min-width="180">
-                    <template #header> <span class="hl-table_header">*</span>预计结束日期</template>
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.endTime`" :rules="subFormRules.endTime" class="mb-0px!">
-                        <el-date-picker :disabled="detailDisabled" v-model="row.endTime" type="date" value-format="x" placeholder="选择预计结束日期" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="预计工时" align="center" prop="workTime" width="180">
-                    <template #header> <span class="hl-table_header">*</span>预计工时</template>
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.workTime`" :rules="subFormRules.workTime" class="mb-0px!">
-                        <el-input-number min="0" :precision="2" class="!w-240px" :disabled="detailDisabled" v-model="row.workTime" placeholder="请输入预计工时" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column label="派工数量" align="center" prop="amount" width="180">
-                    <template #header> <span class="hl-table_header">*</span>派工数量</template>
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.amount`" :rules="subFormRules.amount" class="mb-0px!">
-                        <el-input-number min="0" :max="formData.amount" :precision="0" class="!w-240px" :disabled="detailDisabled" v-model="row.amount" placeholder="请输入派工数量" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <!-- <el-table-column label="单位" align="center" prop="unit" width="120">
+      <el-row>
+        <el-col v-if="active != 'detail' && !detailDisabled">
+          <!-- <el-button  type="primary" size="large" @click="onAddItem">导入工艺路线</el-button> -->
+          <el-button type="primary" size="large" @click="onAddItem">新增</el-button>
+        </el-col>
+        <el-col>
+          <el-card class="hl-incard">
+            <el-form
+              ref="subFormRef"
+              :model="formData.taskDispatchDetails"
+              :rules="subFormRules"
+              v-loading="subFormLoading"
+              label-width="0"
+            >
+              <el-table :data="formData.taskDispatchDetails" class="hl-table">
+                <el-table-column fixed label="序号" align="center" type="index" width="80" />
+                <el-table-column
+                  fixed
+                  label="工序名称"
+                  align="center"
+                  prop="procedureId"
+                  width="140"
+                >
+                  <template #header> <span class="hl-table_header">*</span>工序名称</template>
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.procedureId`"
+                      :rules="subFormRules.procedureId"
+                      class="mb-0px!"
+                    >
+                      <ProcedureSelect
+                        :disabled="detailDisabled || row.procedureStatus != 0"
+                        v-model="row.procedureId"
+                        @update:newValue="
+                          (val) => {
+                            handleSelectedProcedure(row, val)
+                          }
+                        "
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="工序编号" prop="procedureCode" width="120" />
+                <el-table-column label="是否需要报工" prop="isReport" width="120">
+                  <template #default="scope">
+                    {{ getDictLabel(DICT_TYPE.BIZ_COMMON_IS_OR_NOT, scope.row.isReport) }}
+                  </template>
+                </el-table-column>
+                <el-table-column label="顺序号" align="center" prop="sort" width="140">
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.sort`"
+                      :rules="subFormRules.sort"
+                      class="mb-0px!"
+                    >
+                      <el-input-number
+                        min="0"
+                        :precision="0"
+                        class="!w-240px"
+                        :disabled="detailDisabled || row.procedureStatus != 0"
+                        v-model="row.sort"
+                        placeholder="顺序号"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="负责人" align="center" prop="owner" min-width="240">
+                  <template #header> <span class="hl-table_header">*</span>负责人</template>
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.owner`"
+                      :rules="subFormRules.owners"
+                      class="mb-0px!"
+                    >
+                      <!-- <UserSelect v-model="row.owner" :disabled="detailDisabled || row.procedureStatus != 0" @update:newValue="handleSelectedUser($index,$event)" /> -->
+                      <el-input
+                        class="!w-265px"
+                        placeholder="负责人"
+                        v-model="row.ownerNames"
+                        readonly
+                        @click.prevent="handleClick($index)"
+                      >
+                        <template #append
+                          ><el-button :icon="Search" @click="openuserDialog($index)"
+                        /></template>
+                      </el-input>
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="生产设备" min-width="180" align="center">
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.deviceModel`"
+                      :rules="subFormRules.deviceModel"
+                      class="mb-0px!"
+                    >
+                      <EquipmentSelect
+                        v-model="row.deviceModel"
+                        @update:newValue="handleSelectedequip($index, $event)"
+                        :anotherProp="formData.workshopId"
+                        :disabled="detailDisabled || row.procedureStatus != 0"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="预计开始日期" min-width="180">
+                  <template #header> <span class="hl-table_header">*</span>预计开始日期</template>
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.startTime`"
+                      :rules="subFormRules.startTime"
+                      class="mb-0px!"
+                    >
+                      <el-date-picker
+                        :disabled="detailDisabled"
+                        v-model="row.startTime"
+                        type="date"
+                        value-format="x"
+                        placeholder="选择预计开始日期"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="预计结束日期" min-width="180">
+                  <template #header> <span class="hl-table_header">*</span>预计结束日期</template>
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.endTime`"
+                      :rules="subFormRules.endTime"
+                      class="mb-0px!"
+                    >
+                      <el-date-picker
+                        :disabled="detailDisabled"
+                        v-model="row.endTime"
+                        type="date"
+                        value-format="x"
+                        placeholder="选择预计结束日期"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="预计工时" align="center" prop="workTime" width="180">
+                  <template #header> <span class="hl-table_header">*</span>预计工时</template>
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.workTime`"
+                      :rules="subFormRules.workTime"
+                      class="mb-0px!"
+                    >
+                      <el-input-number
+                        min="0"
+                        :precision="2"
+                        class="!w-240px"
+                        :disabled="detailDisabled"
+                        v-model="row.workTime"
+                        placeholder="请输入预计工时"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column label="派工数量" align="center" prop="amount" width="180">
+                  <template #header> <span class="hl-table_header">*</span>派工数量</template>
+                  <template #default="{ row, $index }">
+                    <el-form-item
+                      :prop="`${$index}.amount`"
+                      :rules="subFormRules.amount"
+                      class="mb-0px!"
+                    >
+                      <el-input-number
+                        min="0"
+                        :max="formData.amount"
+                        :precision="0"
+                        class="!w-240px"
+                        :disabled="detailDisabled"
+                        v-model="row.amount"
+                        placeholder="请输入派工数量"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <!-- <el-table-column label="单位" align="center" prop="unit" width="120">
                     <template #default>
                       {{getDictLabel(DICT_TYPE.BIZ_MATERIAL_UNIT, formData.unit)}}
                     </template>
                   </el-table-column> -->
-                  <el-table-column label="工序要点" prop="summary" min-width="160">
-                    <template #default="{ row, $index }">
-                      <el-form-item :prop="`${$index}.summary`" class="mb-0px!">
-                        <el-input :disabled="detailDisabled || row.procedureStatus != 0" v-model="row.summary" placeholder="请输入工序要点" />
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                  <el-table-column fixed="right" label="操作" align="center" min-width="100">
-                    <template #default="scope">
-                      <el-button v-if="'detail' != active && scope.row.procedureStatus == 0" link type="danger" size="small" @click.prevent="onDeleteItem(scope.$index)">
-                        删除
-                      </el-button>
-                    </template>
-                  </el-table-column>
-                </el-table>
-              </el-form>
-            </el-card>
-          </el-col>
-        </el-row>
-      </el-card>
+                <el-table-column label="工序要点" prop="summary" min-width="160">
+                  <template #default="{ row, $index }">
+                    <el-form-item :prop="`${$index}.summary`" class="mb-0px!">
+                      <el-input
+                        :disabled="detailDisabled || row.procedureStatus != 0"
+                        v-model="row.summary"
+                        placeholder="请输入工序要点"
+                      />
+                    </el-form-item>
+                  </template>
+                </el-table-column>
+                <el-table-column fixed="right" label="操作" align="center" min-width="100">
+                  <template #default="scope">
+                    <el-button
+                      v-if="'detail' != active && scope.row.procedureStatus == 0"
+                      link
+                      type="danger"
+                      size="small"
+                      @click.prevent="onDeleteItem(scope.$index)"
+                    >
+                      删除
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form>
+          </el-card>
+        </el-col>
+      </el-row>
+    </el-card>
 
     <template #footer>
       <el-button type="primary" @click="submitForm('SAVE')">保 存</el-button>
       <el-button type="success" @click="submitForm('SUBMIT')">提 交</el-button>
     </template>
   </Dialog>
-  <UserDialog ref="userDialogref"  @success="handleuserClick" />
-
+  <UserDialog ref="userDialogref" @success="handleuserClick" />
 </template>
 <script lang="ts" setup>
 import { getIntDictOptions, getStrDictOptions, DICT_TYPE, getDictLabel } from '@/utils/dict'
@@ -141,13 +249,13 @@ const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formData = ref({
- dispatchIds:[],
- active:undefined,
- dispatchStatus:1,
- taskDispatchDetails:[
-  // {'procedureId':工序id,'sort':1,'owner':负责人id,'deviceModel':设备型号id,'workTime':2.5,'startTime':'2024-06-12','endTime':'2024-06-12','amount':100,'summary':'','procedure_status':0,'status':1}
+  dispatchIds: [],
+  active: undefined,
+  dispatchStatus: 1,
+  taskDispatchDetails: [
+    // {'procedureId':工序id,'sort':1,'owner':负责人id,'deviceModel':设备型号id,'workTime':2.5,'startTime':'2024-06-12','endTime':'2024-06-12','amount':100,'summary':'','procedure_status':0,'status':1}
   ]
-  })
+})
 const subFormRef = ref() // 表单 Ref
 const deptTree = ref() // 树形结构
 const subFormRules = reactive({
@@ -159,13 +267,12 @@ const subFormRules = reactive({
   endTime: [{ required: true, message: '预计结束日期不能为空', trigger: 'blur' }]
 })
 
-
 /** 打开弹窗 */
 const open = async (id: []) => {
   resetForm()
 
-  console.log(id);
-  formData.value.dispatchIds=id
+  console.log(id)
+  formData.value.dispatchIds = id
   dialogVisible.value = true
   dialogTitle.value = t('生产派工')
 }
@@ -175,10 +282,10 @@ defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = async (operate) => {
   formData.value.active = operate
-  if(operate=='SAVE'){
-   formData.value.dispatchStatus=1
-  }else if(operate=='SUBMIT'){
-   formData.value.dispatchStatus=2
+  if (operate == 'SAVE') {
+    formData.value.dispatchStatus = 1
+  } else if (operate == 'SUBMIT') {
+    formData.value.dispatchStatus = 2
   }
   // 校验表单
   await subFormRef.value.validate()
@@ -187,7 +294,7 @@ const submitForm = async (operate) => {
   try {
     const data = formData.value as unknown as TaskDispatchApi.TaskDispatchVO
     // console.log(data);
-    
+
     await TaskDispatchApi.SaveSubmissionWorkOrderDetails(data)
     // message.success(t('common.operationSuccess'))
     // 发送操作成功的事件
@@ -200,10 +307,10 @@ const submitForm = async (operate) => {
 /** 重置表单 */
 const resetForm = () => {
   formData.value = {
-  dispatchIds:[],
-  active:undefined,
-  dispatchStatus:1,
-  taskDispatchDetails:[]
+    dispatchIds: [],
+    active: undefined,
+    dispatchStatus: 1,
+    taskDispatchDetails: []
   }
   subFormRef.value?.resetFields()
 }
@@ -219,37 +326,32 @@ const onAddItem = () => {
     amount: undefined,
     summary: undefined,
     status: 1,
-    procedureStatus: 0,
+    procedureStatus: 0
   }
   formData.value.taskDispatchDetails.push(row)
 }
 
 /** 删除子项操作 */
 const onDeleteItem = async (index) => {
-formData.value.taskDispatchDetails.splice(index, 1)
+  formData.value.taskDispatchDetails.splice(index, 1)
 }
 
 //责任人
 const handleClick = (index) => {
   openuserDialog(index)
 }
-const userDialogref=ref()
+const userDialogref = ref()
 const openuserDialog = (index) => {
   userDialogref.value.open(index)
 }
-const ownerIds =ref([])
-const ownerNames =ref([])
-const handleuserClick=(val,index)=>{
-  val?.filter(item=>{
-   ownerIds.value.push(item.id)
-   ownerNames.value.push(item.nickname)
-  })
-  formData.value.taskDispatchDetails[index].owners=ownerIds?.value
-  formData.value.taskDispatchDetails[index].ownerNames=ownerNames?.value
+const ownerIds = ref([])
+const ownerNames = ref([])
+const handleuserClick = (val, index) => {
+
+// 确保逻辑正确无误，例如避免直接修改reactive引用的原始数组
+  formData.value.taskDispatchDetails[index].owners = val.map(item => item.id);
+  formData.value.taskDispatchDetails[index].ownerNames = val.map(item => item.nickname);
 
-  // console.log(formData.value.taskDispatchDetails[index].owners);
-  // console.log(formData.value.taskDispatchDetails[index].ownerNames);
-  
 }
 
 const handleSelectedProcedure = async (row: any, newValue: any) => {
diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/userselect.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/userselect.vue
index 9d6aa08f..f7042892 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/userselect.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/userselect.vue
@@ -125,7 +125,6 @@ const multipleTable: any = ref<InstanceType<typeof ElTable>>()
 const multipleSelection: any = ref([])
 
 const handleSelectionChange = (val: []) => {
-
   multipleSelection.value = val
 }
 
@@ -145,10 +144,10 @@ const clickRow = (row: any) => {
 
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
 const submitForm = () => {
-  // if (!multipleSelection.value || multipleSelection.value.length <= 0) {
-  //   message.warning(t('common.selectText'))
-  //   return
-  // }
+  if (!multipleSelection.value || multipleSelection.value.length <= 0) {
+    message.warning(t('common.selectText'))
+    return
+  }
   dialogVisible.value = false
   // 发送操作成功的事件
   // console.log(dialogTypeValue.value)
@@ -163,6 +162,7 @@ const userInit = ref()
 const faindex =ref()
 /** 打开弹窗 */
 const open = async (index) => {
+  multipleSelection.value=[]
   faindex.value=index
   dialogVisible.value = true
   queryParams.userNickName = undefined

From aad8831eb5eb5a3a2c1704d691afb99d3c7a3cc7 Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Thu, 13 Jun 2024 09:27:26 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=B4=BE=E5=B7=A5=E5=8D=95=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/biz/taskdispatch/index.ts             |  6 +++---
 .../src/views/biz/taskdispatch/detail.vue         | 15 ++++++---------
 .../src/views/biz/taskdispatch/index.vue          | 10 ++++------
 3 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/mes-ui/mes-ui-admin-vue3/src/api/biz/taskdispatch/index.ts b/mes-ui/mes-ui-admin-vue3/src/api/biz/taskdispatch/index.ts
index f9ea5471..4047a6b8 100644
--- a/mes-ui/mes-ui-admin-vue3/src/api/biz/taskdispatch/index.ts
+++ b/mes-ui/mes-ui-admin-vue3/src/api/biz/taskdispatch/index.ts
@@ -70,10 +70,10 @@ export const getTaskDispatchDetailPage = async (params) => {
 export const SaveSubmissionWorkOrderDetails = async (data: TaskDispatchVO) => {
   return await request.post({ url: `/biz/task-dispatch/update-taskdispach-detail-batch`, data })
 }
-//==================== ②批量取消派工单明细 （/biz/task-dispatch/cancel-taskdispach-detail-batch）
+//==================== ②批量取消派工单明细
 
 export const CancellationWorkOrderDetails = async (data: TaskDispatchVO) => {
-  return await request.post({ url: `/biz/task-dispatch/update-taskdispach-detail-batch`, data })
+  return await request.post({ url: `/biz/task-dispatch/cancel-taskdispach-detail-batch`, data })
 }
 
-// 请求参数结构参照：{'dispatchIds':[派工单id1,派工单id2,...],'active':'1','dispatchStatus':2}
+
diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/detail.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/detail.vue
index 0a29c9c5..bab0c979 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/detail.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/detail.vue
@@ -147,10 +147,10 @@
                     <template #header> <span class="hl-table_header">*</span>负责人</template>
                     <template #default="{ row, $index }">
                       <el-form-item :prop="`${$index}.owner`" :rules="subFormRules.owners" class="mb-0px!">
-                        <UserSelect v-model="row.owner" :disabled="detailDisabled || row.procedureStatus != 0" @update:newValue="handleSelectedUser($index,$event)" />
-                         <!-- <el-input class="!w-265px" placeholder="负责人" v-model="row.ownerNames" readonly @click.prevent="handleClick($index)">
+                        <!-- <UserSelect v-model="row.owner" :disabled="detailDisabled || row.procedureStatus != 0" @update:newValue="handleSelectedUser($index,$event)" /> -->
+                         <el-input class="!w-265px" placeholder="负责人" v-model="row.ownerNames" readonly @click.prevent="handleClick($index)">
                           <template #append><el-button :icon="Search" @click="openuserDialog($index)" /></template>
-                        </el-input> -->
+                        </el-input>
                       </el-form-item>
                     </template>
                   </el-table-column>
@@ -470,12 +470,9 @@ const openuserDialog = (index) => {
 const ownerIds =ref([])
 const ownerNames =ref([])
 const handleuserClick=(val,index)=>{
-  val?.filter(item=>{
-   ownerIds.value.push(item.id)
-   ownerNames.value.push(item.nickname)
-  })
-  formData.value.taskDispatchDetails[index].owners=ownerIds?.value
-  formData.value.taskDispatchDetails[index].ownerNames=ownerNames?.value
+ // 确保逻辑正确无误，例如避免直接修改reactive引用的原始数组
+  formData.value.taskDispatchDetails[index].owners = val.map(item => item.id);
+  formData.value.taskDispatchDetails[index].ownerNames = val.map(item => item.nickname);
 
   // console.log(formData.value.taskDispatchDetails[index].owners);
   // console.log(formData.value.taskDispatchDetails[index].ownerNames);
diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue
index 47f041ee..cb404042 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue
@@ -94,14 +94,14 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item>
+        <el-form-item style="margin-left: 20px;">
           <el-button @click="handleQuery" type="primary">
             <Icon icon="ep:search" class="mr-5px" /> 查询
           </el-button>
           <el-button @click="resetQuery">
             <Icon icon="ep:refresh" class="mr-5px" /> 重置
           </el-button>
-          <el-button @click="openDispatching"> 生产派工 </el-button>
+          <el-button @click="openDispatching" type="primary"> 生产派工 </el-button>
           <el-button @click="outDispatching"> 取消派工 </el-button>
         </el-form-item>
       </el-form>
@@ -137,7 +137,7 @@
           prop="projectSubName"
           min-width="240"
         />
-        <el-table-column label="规格型号" fixed align="center" prop="spec" min-width="160" />
+        <el-table-column label="规格型号" fixed align="center" prop="spec" min-width="140" />
         <el-table-column label="数量" fixed align="center" prop="amount" min-width="90" />
         <el-table-column label="单位" align="center" prop="unit" min-width="80">
           <template #default="scope">
@@ -346,14 +346,12 @@ const outDispatching = () => {
         formData.value.dispatchIds.push(item.id)
       })
       const data = formData.value as unknown as TaskDispatchApi.TaskDispatchVO
-      console.log(data)
-
       await TaskDispatchApi.CancellationWorkOrderDetails(data)
-
       ElMessage({
         type: 'success',
         message: 'Delete completed'
       })
+      getList()
     })
     .catch(() => {
       // ElMessage({