feat: 13个流程的代码版本

src/api/modules/taais/task.ts

@@ -1,3 +1,4 @@
+import http from '@/api'
 import taskDataList from '@/assets/mock/taskData.json'
 import tableData from '@/assets/mock/tableData.json'
 
@@ -21,3 +22,11 @@ export const getTransferImgList1 = () => {
 export const getTransferImgList2 = () => {
   return tableData.transferImgList2
 }
+/**
+ * @name 查询字典类型详细
+ * @param dictId dictId
+ * @returns returns
+ */
+export const getImageApi = (type: string | number) => {
+  return http.get<any>(`/task/task/getImage/${type}`)
+}

src/views/taais/homePage/createTask.vue

@@ -1,64 +1,113 @@
 <template>
   <div class="createTask-bigBox">
-    <dv-border-box1 ref="borderRef" style="width: 1000px; height: 650px; margin: 0 auto">
+    <dv-border-box1 ref="borderRef" style="width: 80%; height: calc(100% - 50px); margin: 0 auto">
       <div class="createTask-container">
-        <h3 class="title">{{ title }}</h3>
-        <h4 class="title2" v-if="pageIndex === 4">训练算法</h4>
-        <div v-for="(item, index) in formItems" :key="index">
+        <h3 class="title" style="margin-top: 0">{{ title }}</h3>
+        <!-- <h4 class="title2" v-if="pageIndex === 4">训练算法</h4> -->
+        <div v-for="(item, index) in formItems" :key="index" class="createTask-main">
           <ProForm :items-options="item.items" :form-options="_options" :model="item.model" class="proform">
-            <template #tree="{ formModel }">
-              <el-tree style="max-width: 600px" v-model="formModel.tree" :props="defaultProps" :data="data1" show-checkbox />
+            <template #selectTask="{}">
+              <el-tree
+                style="max-width: 600px"
+                :default-checked-keys="formItem.selectTask"
+                :default-expanded-keys="formItem.selectTask"
+                :props="defaultProps"
+                check-strictly
+                :check-on-click-node="true"
+                :data="data1"
+                node-key="id"
+                show-checkbox
+                @check="changeTree"
+              />
             </template>
-            <template #transfer1="{ formModel }">
-              <el-transfer filterable v-model="formModel.transfer1" :data="transferImg1">
-                <template #default="{ option }">
-                  <el-image
-                    style="width: 50px; height: 50px"
-                    :preview-src-list="[getImageUrl(option.label)]"
-                    :src="getImageUrl(option.label)"
-                  ></el-image>
-                </template>
-              </el-transfer>
+            <template #proTable="{}">
+              <el-tabs tab-position="left" style="min-height: 450px" class="demo-tabs">
+                <el-tab-pane label="数据一">
+                  <div class="table-box">
+                    <ProTable
+                      ref="proTable"
+                      row-key="id"
+                      :columns="dataColumns"
+                      :request-api="listDataApi"
+                      :init-param="initParam"
+                      :tool-button="false"
+                      height="280"
+                      :request-auto="false"
+                    >
+                    </ProTable>
+                  </div>
+                </el-tab-pane>
+                <el-tab-pane label="数据二">
+                  <div class="table-box">
+                    <ProTable ref="proTable" row-key="id" :columns="dataColumns" :tool-button="false" height="250" :request-auto="false"> </ProTable>
+                  </div>
+                </el-tab-pane>
+                <el-tab-pane label="数据三">
+                  <div class="table-box">
+                    <ProTable ref="proTable" row-key="id" :columns="dataColumns" :tool-button="false" height="250" :request-auto="false"> </ProTable>
+                  </div>
+                </el-tab-pane>
+                <el-tab-pane label="数据四">
+                  <div class="table-box">
+                    <ProTable ref="proTable" row-key="id" :columns="dataColumns" :tool-button="false" height="250" :request-auto="false"> </ProTable>
+                  </div>
+                </el-tab-pane>
+              </el-tabs>
             </template>
-            <template #transfer2="{ formModel }">
-              <el-transfer filterable v-model="formModel.transfer2" :data="transferImg2">
-                <template #default="{ option }">
-                  <el-image
-                    style="width: 50px; height: 50px"
-                    :preview-src-list="[getImageUrl(option.label)]"
-                    :src="getImageUrl(option.label)"
-                  ></el-image>
-                </template>
-              </el-transfer>
-            </template>
-            <template #username1="{ formModel }">
-              <el-input v-model="formModel.username1" />
+            <template #operation="{ formModel }">
+              <div class="footBtn">
+                <el-button class="btn back" v-if="pageIndex === 1" @click="onReturn()"> 返回 </el-button>
+                <el-button class="btn back" v-else @click="onBack()"> 上一步 </el-button>
+                <el-button class="btn add" style="margin-left: -15px" v-if="pageIndex === 5 || pageIndex === 9" @click="onAdd()">
+                  增加算法
+                </el-button>
+                <el-button class="btn next" type="success" @click="pageIndex === 13 ? onSubmit(formModel) : onNext()">
+                  {{ nextBtnText }}
+                </el-button>
+              </div>
             </template>
           </ProForm>
         </div>
       </div>
-      <el-button class="btn back" v-if="pageIndex === 1" @click="onReturn()"> 返回 </el-button>
-      <el-button class="btn back" v-else @click="onBack()"> 上一步 </el-button>
-      <el-button class="btn add" style="margin-left: -15px" v-if="pageIndex === 4 || pageIndex === 7" @click="onAdd()"> 增加 </el-button>
-      <el-button class="btn next" type="success" @click="onNext()"> {{ nextBtnText }} </el-button>
     </dv-border-box1>
   </div>
 </template>
 <script setup lang="tsx" name="createTask">
-import { ref, ComputedRef, computed, watch } from 'vue'
+import { ref, ComputedRef, computed, watch, reactive } from 'vue'
 import ProForm from '@/components/ProForm/index.vue'
 import { useRouter } from 'vue-router'
-import { getTransferImgList1, getTransferImgList2 } from '@/api/modules/taais/task'
+// import { getImageApi } from '@/api/modules/taais/task'
+import ProTable from '@/components/ProTable/index.vue'
+import { ColumnProps } from '@/components/ProTable/interface'
+import { listDataApi } from '@/api/modules/demo/data'
+import { ElMessage } from 'element-plus'
+// :request-api="getImageApi(1)" getImageApi,
+const initParam = reactive({ type: 1 })
 let model = ref({
+  taskType: '1',
   enhanceModel: '',
   pretreatmentModel: ''
 })
+let formItem = ref({
+  taskName: '',
+  selectTask: [3],
+  trainDataSelect: [],
+  trainDataEnhancement: {},
+  trainDataExpansion: {},
+  train: [{}],
+  testDataSelect: [],
+  testDataEnhancement: {},
+  testDataExpansion: {},
+  test: [],
+  reasoningDataSelect: [],
+  reasoningDataEnhancement: {},
+  reasoningDataExpansion: {},
+  reasoning: []
+})
 const router = useRouter()
 let pageIndex = ref<number>(1)
 let title = ref('目标精准捕获任务选择')
 let nextBtnText = ref('下一步')
-const transferImg1 = getTransferImgList1()
-const transferImg2 = getTransferImgList2()
 const enumData = [
   {
     label: 'rtdetr',
@@ -73,56 +122,166 @@ const enumData = [
     value: '3'
   }
 ]
-const enumDataModel = [
-  {
-    label: 'rtdetrModel',
-    value: '1'
-  },
-  {
-    label: 'yolov5Model',
-    value: '2'
-  },
-  {
-    label: 'yolov8Model',
-    value: '3'
-  }
-]
 const data1 = [
   {
     label: '训练',
+    disabled: true,
     children: [
       {
+        id: 2,
         label: '训练数据选择',
         children: []
       },
       {
-        label: '训练数据预处理',
+        id: 3,
+        label: '训练数据增强',
+        children: []
+      },
+      {
+        id: 4,
+        label: '训练数据扩充',
         children: []
       },
       {
+        id: 5,
         label: '训练',
         children: []
       }
     ]
   },
+  {
+    label: '测试',
+    disabled: true,
+    children: [
+      {
+        id: 6,
+        label: '测试数据选择',
+        children: []
+      },
+      {
+        id: 7,
+        label: '测试数据增强',
+        children: []
+      },
+      {
+        id: 8,
+        label: '测试数据扩充',
+        children: []
+      },
+      {
+        id: 9,
+        label: '测试',
+        children: []
+      }
+    ]
+  },
   {
     label: '推理',
+    disabled: true,
     children: [
       {
+        id: 10,
         label: '推理数据选择',
         children: []
       },
       {
-        label: '推理数据预处理',
+        id: 11,
+        label: '推理数据增强',
         children: []
       },
       {
+        id: 12,
+        label: '推理数据扩充',
+        children: []
+      },
+      {
+        id: 13,
         label: '推理',
         children: []
       }
     ]
   }
 ]
+const taskTypeData = [
+  {
+    label: '多数据单任务',
+    value: '1'
+  },
+  {
+    label: '单数据多任务',
+    value: '2'
+  }
+]
+const dataColumns = reactive<ColumnProps<any>[]>([
+  { type: 'selection', fixed: 'left', width: 70 },
+  {
+    prop: 'name',
+    label: '名称',
+    width: 120
+  },
+  {
+    prop: 'dataType',
+    label: '数据类型',
+    width: 120
+  },
+  {
+    prop: 'fileType',
+    label: '文件类型',
+    width: 120
+  },
+  {
+    prop: 'objectType',
+    label: '目标类型',
+    search: {
+      el: 'input'
+    },
+    width: 120
+  },
+  {
+    prop: 'objectSubtype',
+    label: '目标子类型',
+    search: {
+      el: 'input'
+    },
+    width: 120
+  },
+  {
+    prop: 'batchNum',
+    label: '批次号',
+    search: {
+      el: 'input'
+    },
+    width: 120
+  },
+  {
+    prop: 'scene',
+    label: '场景',
+    width: 120
+  },
+  {
+    prop: 'dataSource',
+    label: '数据源',
+    width: 120
+  },
+  {
+    prop: 'gatherTime',
+    label: '采集时间',
+    width: 120
+  },
+  {
+    prop: 'gatherSpot',
+    label: '采集地点',
+    width: 120
+  },
+  {
+    prop: 'increment',
+    label: '扩增方式',
+    width: 120
+  }
+])
+// const dataOne = getImageApi(1)
+// console.log('dataOne', dataOne)
+
 const defaultProps = {
   children: 'children',
   label: 'label'
@@ -154,368 +313,268 @@ let items: ProForm.ItemsOptions[] = [
   },
   {
     label: '任务选择',
-    prop: 'tree',
+    prop: 'selectTask',
     show: () => {
       return pageIndex.value === 1 ? true : false
     },
-
     compOptions: {
       elTagName: 'slot'
     }
   },
   {
-    label: '选择训练数据',
-    prop: 'transfer1',
+    label: '任务类型',
+    prop: 'taskType',
     show: () => {
-      return pageIndex.value === 2 ? true : false
+      return pageIndex.value === 1 ? true : false
     },
-
     compOptions: {
-      elTagName: 'slot',
-      filterable: true
+      elTagName: 'radio-group',
+      enum: taskTypeData
     }
   },
   {
-    label: '增强算法',
-    prop: 'enhanceAlgo',
-    span: 14,
+    label: '',
+    hideLabelSuffix: true,
+    labelWidth: '0px',
+    prop: 'proTable',
     show: () => {
-      return pageIndex.value === 3 ? true : false
+      return pageIndex.value === 2 || pageIndex.value === 6 || pageIndex.value === 10 ? true : false
     },
-
     compOptions: {
-      elTagName: 'select',
-      enum: enumData,
-      onChange: val => {
-        model.value.enhanceModel = val
-      }
+      elTagName: 'slot'
     }
   },
   {
-    label: '增强模型',
-    prop: 'enhanceModel',
+    label: '选择增强算法',
+    prop: 'trainEnhanceAlgo',
     span: 14,
     show: () => {
       return pageIndex.value === 3 ? true : false
     },
-
     compOptions: {
       elTagName: 'select',
-      enum: enumDataModel
-    }
-  },
-  {
-    label: '参数1',
-    prop: 'threeParameter1',
-    span: 14,
-    show: () => {
-      return pageIndex.value === 3 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '参数2',
-    prop: 'threeParameter2',
-    span: 14,
-    show: () => {
-      return pageIndex.value === 3 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '参数3',
-    prop: 'threeParameter3',
-    span: 14,
-    show: () => {
-      return pageIndex.value === 3 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '参数4',
-    prop: 'threeParameter4',
-    span: 14,
-    show: () => {
-      return pageIndex.value === 3 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      enum: enumData,
+      onChange: val => {
+        const params = [
+          { name: 'aaa', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 },
+          { name: 'aaa1', value: 'bbb2', defaultValue: 'xxx3', required: false, index: 4 }
+        ]
+        formItem.value.trainDataEnhancement['algorithmId'] = val
+        formItem.value.trainDataEnhancement['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 3, 'trainDataEnhancement')
+      }
     }
   },
   {
-    label: '训练算法',
-    prop: 'trainAlgo',
+    label: '选择扩充算法',
+    prop: 'trainExpansionAlgo',
     span: 14,
     show: () => {
       return pageIndex.value === 4 ? true : false
     },
-
     compOptions: {
       elTagName: 'select',
-      enum: enumData
-    }
-  },
-  {
-    label: '预训练模型权重文件路径',
-    prop: 'fourParameter1',
-    labelWidth: 180,
-    span: 14,
-    show: () => {
-      return pageIndex.value === 4 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '模型结构配置文件路径',
-    prop: 'fourParameter2',
-    labelWidth: 180,
-    span: 14,
-    show: () => {
-      return pageIndex.value === 4 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      enum: enumData,
+      onChange: val => {
+        const params = [
+          { name: 'bbb', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 },
+          { name: 'bbb1', value: 'bbb2', defaultValue: 'xxx3', required: false, index: 4 }
+        ]
+        formItem.value.trainDataExpansion['algorithmId'] = val
+        formItem.value.trainDataExpansion['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 4, 'trainDataExpansion')
+      }
     }
   },
   {
-    label: '训练轮数',
-    prop: 'fourParameter3',
-    labelWidth: 180,
+    label: '选择训练算法1',
+    prop: 'trainAlgo',
     span: 14,
     show: () => {
-      return pageIndex.value === 4 ? true : false
+      return pageIndex.value === 5 ? true : false
     },
-
     compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        // console.log("val5",val);
+        formItem.value.train[0]['algorithmId'] = val
+      }
     }
   },
   {
-    label: '余弦学习率调度器',
-    prop: 'fourParameter4',
-    labelWidth: 180,
+    label: '选择训练模型',
+    prop: 'trainModel',
     span: 14,
-    show: () => {
-      return pageIndex.value === 4 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '选择推理数据',
-    prop: 'transfer2',
     show: () => {
       return pageIndex.value === 5 ? true : false
     },
-
     compOptions: {
-      elTagName: 'slot',
-      filterable: true
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        const params = [
+          { name: 'ccc', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 },
+          { name: 'ccc1', value: 'bbb2', defaultValue: 'xxx3', required: false, index: 4 }
+        ]
+        formItem.value.train[0]['modelId'] = val
+        formItem.value.train[0]['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 5, 'train[0]')
+      }
     }
   },
   {
-    label: '预处理算法',
-    prop: 'pretreatmentAlgo',
+    label: '选择增强算法',
+    prop: 'testEnhanceAlgo',
     span: 14,
     show: () => {
-      return pageIndex.value === 6 ? true : false
+      return pageIndex.value === 7 ? true : false
     },
-
     compOptions: {
       elTagName: 'select',
       enum: enumData,
       onChange: val => {
-        model.value.pretreatmentModel = val
+        formItem.value.testDataEnhancement['algorithmId'] = val
       }
     }
   },
   {
-    label: '预处理模型',
-    prop: 'pretreatmentModel',
+    label: '选择增强模型',
+    prop: 'testEnhanceModel',
     span: 14,
     show: () => {
-      return pageIndex.value === 6 ? true : false
+      return pageIndex.value === 7 ? true : false
     },
-
     compOptions: {
       elTagName: 'select',
-      enum: enumDataModel
-    }
-  },
-  {
-    label: '参数1',
-    prop: 'sixParameter1',
-    span: 12,
-    show: () => {
-      return pageIndex.value === 6 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '参数2',
-    prop: 'sixParameter2',
-    span: 12,
-    show: () => {
-      return pageIndex.value === 6 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
-    }
-  },
-  {
-    label: '参数3',
-    prop: 'sixParameter3',
-    span: 12,
-    show: () => {
-      return pageIndex.value === 6 ? true : false
-    },
-
-    compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      enum: enumData,
+      onChange: val => {
+        const params = [{ name: 'ccc', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 }]
+        formItem.value.testDataEnhancement['modelId'] = val
+        formItem.value.testDataEnhancement['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 7, 'testDataEnhancement')
+      }
     }
   },
   {
-    label: '参数4',
-    prop: 'sixParameter4',
-    span: 12,
+    label: '选择扩充算法',
+    prop: 'testExpansionAlgo',
+    span: 14,
     show: () => {
-      return pageIndex.value === 6 ? true : false
+      return pageIndex.value === 8 ? true : false
     },
-
     compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        formItem.value.testDataExpansion['algorithmId'] = val
+      }
     }
   },
   {
-    label: '推理算法',
-    prop: 'inferAlgo',
+    label: '选择扩充模型',
+    prop: 'testExpansionModel',
     span: 14,
     show: () => {
-      return pageIndex.value === 7 ? true : false
+      return pageIndex.value === 8 ? true : false
     },
-
     compOptions: {
       elTagName: 'select',
-      enum: enumData
+      enum: enumData,
+      onChange: val => {
+        const params = [{ name: 'ccc111', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 }]
+        formItem.value.testDataExpansion['modelId'] = val
+        formItem.value.testDataExpansion['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 8, 'testDataExpansion')
+      }
     }
   },
   {
-    label: '目标置信度阈值',
-    prop: 'sevenParameter1',
-    labelWidth: 180,
+    label: '选择增强算法',
+    prop: 'reasoningEnhanceAlgo',
     span: 14,
     show: () => {
-      return pageIndex.value === 7 ? true : false
+      return pageIndex.value === 11 ? true : false
     },
-
     compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        formItem.value.reasoningDataEnhancement['algorithmId'] = val
+      }
     }
   },
   {
-    label: '非极大值抑制的IoU阈值',
-    prop: 'sevenParameter2',
-    labelWidth: 180,
+    label: '选择增强模型',
+    prop: 'reasoningEnhanceModel',
     span: 14,
     show: () => {
-      return pageIndex.value === 7 ? true : false
+      return pageIndex.value === 11 ? true : false
     },
-
     compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        const params = [{ name: 'ccc', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 }]
+        formItem.value.reasoningDataEnhancement['modelId'] = val
+        formItem.value.reasoningDataEnhancement['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 11, 'reasoningDataEnhancement')
+      }
     }
   },
   {
-    label: '测试图片最大检测器数',
-    prop: 'sevenParameter3',
-    labelWidth: 180,
+    label: '选择扩充算法',
+    prop: 'reasoningExpansionAlgo',
     span: 14,
     show: () => {
-      return pageIndex.value === 7 ? true : false
+      return pageIndex.value === 12 ? true : false
     },
-
     compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        formItem.value.reasoningDataExpansion['algorithmId'] = val
+      }
     }
   },
   {
-    label: '使用半精度推理(FP16)',
-    prop: 'sevenParameter4',
-    labelWidth: 180,
+    label: '选择扩充模型',
+    prop: 'reasoningExpansionModel',
     span: 14,
     show: () => {
-      return pageIndex.value === 7 ? true : false
+      return pageIndex.value === 12 ? true : false
     },
-
     compOptions: {
-      elTagName: 'input',
-      clearable: true,
-      placeholder: '请输入...'
+      elTagName: 'select',
+      enum: enumData,
+      onChange: val => {
+        const params = [{ name: 'ccc111', value: 'bbb', defaultValue: 'xxx', required: true, index: 1 }]
+        formItem.value.reasoningDataExpansion['modelId'] = val
+        formItem.value.reasoningDataExpansion['params'] = {}
+        // (参数信息，第几页，数组名称)
+        addForm(params, 12, 'reasoningDataExpansion')
+      }
     }
   }
 ]
-let formItemsTemp4 = ref([
-  {
-    items,
-    model: model.value
-  }
-])
-let formItemsTemp7 = ref([
-  {
-    items,
-    model: model.value
-  }
-])
+// let formItemsTemp4 = ref([
+//   {
+//     items,
+//     model: model.value
+//   }
+// ])
+// let formItemsTemp7 = ref([
+//   {
+//     items,
+//     model: model.value
+//   }
+// ])
 let formItems = ref([
   {
     items,
@@ -524,25 +583,53 @@ let formItems = ref([
 ])
 // 增加训练算法
 const onAdd = () => {
-  const data = {
-    enhanceModel: '',
-    pretreatmentModel: ''
-  }
-  formItems.value.push({
-    items,
-    model: data
-  })
+  // formItems.value[0].items.push()
 }
-const getImageUrl = name => {
-  return new URL(`../../../assets/taaisImg/${name}`, import.meta.url).href
+// 增加表单事件
+const addForm = (params, index, arrayName) => {
+  params.forEach(item => {
+    formItems.value[0].items.push({
+      label: item.name,
+      prop: item.name,
+      span: 14,
+      required: item.required,
+      show: () => {
+        return pageIndex.value === index ? true : false
+      },
+      compOptions: {
+        elTagName: 'input',
+        clearable: true,
+        placeholder: '请输入...',
+        onChange: val1 => {
+          let sss = item.name
+          if (arrayName.includes(']')) {
+            // 截取数组和下标
+            let array = arrayName.slice(0, -3)
+            let index = arrayName.slice(-2, -1)
+            formItem.value[`${array}`][`${index}`]['params'][`${sss}`] = val1
+          } else {
+            formItem.value[`${arrayName}`]['params'][`${sss}`] = val1
+          }
+        }
+      }
+    })
+  })
 }
 const onReturn = () => {
   router.push(`/index`)
 }
 let flag = ref<number>(0) //跳转到日志页面的flag,0为训练日志、1为推理日志
 const onNext = () => {
-  if (pageIndex.value === 7) {
-    router.push({ path: `/logPage/${flag.value}`, query: { type: 1 } })
+  if (pageIndex.value === 1) {
+    if (formItem.value.selectTask.length === 0) {
+      ElMessage.warning('请选择任务')
+      return
+    }
+  }
+  if (pageIndex.value === 13) {
+    console.log('flag.value', flag.value)
+
+    // router.push({ path: `/logPage/${flag.value}`, query: { type: 1 } })
   } else {
     pageIndex.value++
   }
@@ -551,46 +638,72 @@ const onBack = () => {
   if (pageIndex.value === 1) return
   pageIndex.value--
 }
+const changeTree = (newVal, allVal) => {
+  // console.log('val1', newVal)
+  console.log('val2', allVal)
+  formItem.value.selectTask = allVal.checkedKeys
+}
+const onSubmit = val => {
+  const data = Object.assign(val, formItem.value)
+  console.log('formItem.value', formItem.value)
+
+  console.log('ssssss', data)
+}
 watch(
   () => pageIndex.value,
-  (value, oldValue) => {
-    if (oldValue === 4) formItemsTemp4.value = formItems.value
-    if (oldValue === 7) formItemsTemp7.value = formItems.value
-    if (value === 4) formItems.value = formItemsTemp4.value
-    if (value === 7) formItems.value = formItemsTemp7.value
-    else {
-      formItems.value = [
-        {
-          items,
-          model: model.value
-        }
-      ]
-    }
-    0
-
+  value => {
+    // if (oldValue === 4) formItemsTemp4.value = formItems.value
+    // if (oldValue === 7) formItemsTemp7.value = formItems.value
+    // if (value === 4) formItems.value = formItemsTemp4.value
+    // if (value === 7) formItems.value = formItemsTemp7.value
+    // else {
+    //   formItems.value = [
+    //     {
+    //       items,
+    //       model: model.value
+    //     }
+    //   ]
+    // }
     switch (value) {
       case 1:
         title.value = '任务创建：目标精准捕获任务选择'
         nextBtnText.value = '下一步'
         break
       case 2:
-        title.value = '任务创建：训练数据选择'
+        title.value = '训练数据选择'
         break
       case 3:
-        title.value = '任务创建：训练数据预处理'
+        title.value = '训练数据增强'
         break
       case 4:
-        title.value = '任务创建：训练参数设置'
+        title.value = '训练数据扩充'
         break
       case 5:
-        title.value = '任务创建：推理数据选择'
+        title.value = '训练算法选择'
         break
       case 6:
-        title.value = '任务创建：推理数据预处理'
+        title.value = '测试数据选择'
+      case 7:
+        title.value = '测试数据增强'
+        break
+      case 8:
+        title.value = '测试数据扩充'
+        break
+      case 9:
+        title.value = '测试算法选择'
+        break
+      case 10:
+        title.value = '推理数据选择'
+        break
+      case 11:
+        title.value = '推理数据增强'
+        break
+      case 12:
+        title.value = '推理数据扩充'
         nextBtnText.value = '下一步'
         break
-      case 7:
-        title.value = '任务创建：推理参数设置'
+      case 13:
+        title.value = '推理算法选择'
         nextBtnText.value = '提交'
         break
       default:

src/views/taais/homePage/index.scss

@@ -6,15 +6,16 @@
     padding: 60px 65px 60px 85px;
   }
 }
-:deep(.card) {
-  width: 100%;
-  height: 100%;
-  background-image: url('../../../assets/taaisImg/53bg.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
 
-  // color: black;
-}
+// :deep(.card) {
+//   width: 100%;
+//   height: 100%;
+//   background-image: url('../../../assets/taaisImg/53bg.png');
+//   background-repeat: no-repeat;
+//   background-size: 100% 100%;
+
+//   // color: black;
+// }
 :deep(.el-table) {
   // --el-table-border-color: transparent;
   --el-table-border-color: #bdbdbe7b;
@@ -49,10 +50,11 @@
   .title2 {
     text-align: center;
   }
-  .btn {
-    position: absolute;
-    bottom: 20px;
-  }
+
+  // .btn {
+  //   position: absolute;
+  //   bottom: 20px;
+  // }
   .back {
     left: 100px;
   }
@@ -64,20 +66,34 @@
   }
 }
 %box-basic {
-  width: 70%;
+  width: 90%;
   height: 700px;
   padding: 20px;
   margin: 0 auto;
 }
 .createTask-container {
   position: relative;
-  width: 70%;
-  height: 520px;
+  width: 90%;
+  height: 85%;
   padding: 20px;
   margin: 0 auto;
-  margin-top: 50px;
+  margin-top: 1%;
   overflow: hidden;
-  overflow-y: scroll;
+
+  // overflow-y: scroll;
+  .footBtn {
+    position: fixed;
+    bottom: 10%;
+    left: 12%;
+    display: flex;
+    justify-content: space-around;
+    width: 88%;
+  }
+  .createTask-main {
+    height: 92%;
+    overflow: hidden;
+    overflow-y: scroll;
+  }
 }
 .logPage-container {
   @extend %box-basic;
@@ -111,9 +127,10 @@
     border-left: 3px solid #4aff84;
   }
 }
-:deep(.dv-border-box-1 .border-box-content) {
-  text-align: left;
-}
+
+// :deep(.dv-border-box-1 .border-box-content) {
+//   text-align: left;
+// }
 .trainResult-container {
   @extend %box-basic;