perf: 优化设备列表里的详情，任务，直接选中指定目标设备

 <script lang="ts" setup>
 <script lang="ts" setup>
+  import { ref } from 'vue';
   import { TaskCard } from '/@/views/task/center/components/TaskCard';
   import { TaskCard } from '/@/views/task/center/components/TaskCard';
   import { formSchemas } from '/@/views/task/center/config';
   import { formSchemas } from '/@/views/task/center/config';
   import { getTaskCenterList } from '/@/api/task';
   import { getTaskCenterList } from '/@/api/task';
@@ -29,6 +30,8 @@
     },
     },
   });
   });
 
 
+  const fromDeviceDetail = ref(true);
+
   const handleRunTask = (record: TaskRecordType) => {
   const handleRunTask = (record: TaskRecordType) => {
     openModal(true, record);
     openModal(true, record);
   };
   };
@@ -50,7 +53,12 @@
         />
         />
       </template>
       </template>
     </BasicCardList>
     </BasicCardList>
-    <RunTaskModal :reload="reload" @register="registerRunTaskModal" />
+    <RunTaskModal
+      :tbDeviceId="tbDeviceId"
+      :fromOrigin="fromDeviceDetail"
+      :reload="reload"
+      @register="registerRunTaskModal"
+    />
   </section>
   </section>
   <!-- </PageWrapper> -->
   <!-- </PageWrapper> -->
 </template>
 </template>

@@ -14,6 +14,7 @@ export enum FormFieldsEnum {
   TASK_TYPE = 'taskType',
   TASK_TYPE = 'taskType',
   TARGET_IDS = 'targetIds',
   TARGET_IDS = 'targetIds',
   TASK_RECORD = 'taskRecord',
   TASK_RECORD = 'taskRecord',
+  TB_DEVICE_ID = 'tbDeviceId',
 }
 }
 
 
 export enum TargetType {
 export enum TargetType {
@@ -61,6 +62,12 @@ export const formSchemas: FormSchema[] = [
     },
     },
   },
   },
   {
   {
+    field: FormFieldsEnum.TB_DEVICE_ID,
+    component: 'Input',
+    label: '',
+    show: false,
+  },
+  {
     field: FormFieldsEnum.TARGET_IDS,
     field: FormFieldsEnum.TARGET_IDS,
     component: 'ApiSelect',
     component: 'ApiSelect',
     label: '指定目标设备',
     label: '指定目标设备',
@@ -68,6 +75,7 @@ export const formSchemas: FormSchema[] = [
     rules: [{ required: true, message: '请选择指定目标设备', type: 'array' }],
     rules: [{ required: true, message: '请选择指定目标设备', type: 'array' }],
     componentProps: ({ formModel }) => {
     componentProps: ({ formModel }) => {
       const record = JSON.parse(formModel[FormFieldsEnum.TASK_RECORD]) as TaskRecordType;
       const record = JSON.parse(formModel[FormFieldsEnum.TASK_RECORD]) as TaskRecordType;
+      const tbDeviceId = formModel[FormFieldsEnum.TB_DEVICE_ID];
       const isDevices = record.targetType === TaskTargetEnum.DEVICES;
       const isDevices = record.targetType === TaskTargetEnum.DEVICES;
       const { executeTarget } = record;
       const { executeTarget } = record;
       const { organizationId, data } = executeTarget;
       const { organizationId, data } = executeTarget;
@@ -79,6 +87,7 @@ export const formSchemas: FormSchema[] = [
               return result.data.map((item) => ({
               return result.data.map((item) => ({
                 label: item.alias || item.name,
                 label: item.alias || item.name,
                 value: item.tbDeviceId,
                 value: item.tbDeviceId,
+                disabled: tbDeviceId ? item.tbDeviceId !== tbDeviceId : false,
               }));
               }));
             } else {
             } else {
               const result = await getMeetTheConditionsDevice({
               const result = await getMeetTheConditionsDevice({

@@ -4,30 +4,54 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { TaskTargetEnum, TaskTypeNameEnum } from '../../config';
   import { TaskTargetEnum, TaskTypeNameEnum } from '../../config';
-  import { FormValue, TargetType, formSchemas } from './config';
+  import { FormFieldsEnum, FormValue, TargetNameType, TargetType, formSchemas } from './config';
   import { unref } from 'vue';
   import { unref } from 'vue';
   import { immediateExecute } from '/@/api/task';
   import { immediateExecute } from '/@/api/task';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   const props = defineProps<{
   const props = defineProps<{
     reload: Fn;
     reload: Fn;
+    fromOrigin?: boolean;
+    tbDeviceId?: string;
   }>();
   }>();
 
 
   defineEmits(['register']);
   defineEmits(['register']);
 
 
   const dataSource = ref<TaskRecordType>();
   const dataSource = ref<TaskRecordType>();
 
 
+  const updateExecuteTargetType = (options: Recordable[]) => {
+    updateSchema({
+      field: FormFieldsEnum.EXECUTE_TARGET_TYPE,
+      componentProps: {
+        options,
+      },
+    });
+  };
+
   const [registerModal, { closeModal }] = useModalInner((record: TaskRecordType) => {
   const [registerModal, { closeModal }] = useModalInner((record: TaskRecordType) => {
     resetFields();
     resetFields();
     dataSource.value = record;
     dataSource.value = record;
     if (record) {
     if (record) {
       setFieldsValue({ taskRecord: JSON.stringify(record) } as FormValue);
       setFieldsValue({ taskRecord: JSON.stringify(record) } as FormValue);
+      // 如果是从设备详情里面的任务进来的
+      if (props.fromOrigin) {
+        setFieldsValue({ tbDeviceId: props.tbDeviceId } as FormValue);
+        setFieldsValue({ [FormFieldsEnum.EXECUTE_TARGET_TYPE]: TargetType.ASSIGN } as FormValue);
+        setFieldsValue({ [FormFieldsEnum.TARGET_IDS]: [props.tbDeviceId] } as FormValue);
+        updateExecuteTargetType([{ label: TargetNameType.ASSIGN, value: TargetType.ASSIGN }]);
+      } else {
+        updateExecuteTargetType([
+          { label: TargetNameType.ALL, value: TargetType.ALL },
+          { label: TargetNameType.ASSIGN, value: TargetType.ASSIGN },
+        ]);
+      }
     }
     }
   });
   });
 
 
-  const [registerForm, { setFieldsValue, getFieldsValue, resetFields, validate }] = useForm({
-    schemas: formSchemas,
-    showActionButtonGroup: false,
-  });
+  const [registerForm, { setFieldsValue, getFieldsValue, resetFields, validate, updateSchema }] =
+    useForm({
+      schemas: formSchemas,
+      showActionButtonGroup: false,
+    });
 
 
   const composeData = (record: FormValue): ImmediateExecuteTaskType => {
   const composeData = (record: FormValue): ImmediateExecuteTaskType => {
     const { executeTarget, targetIds } = record;
     const { executeTarget, targetIds } = record;