From f57633ef165ae24ae858894e3b9583a00d3ef7f6 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 03 七月 2024 17:49:21 +0800 Subject: [PATCH] 分段轨迹 --- src/components/mission/MIssionCreate.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 46 insertions(+), 13 deletions(-) diff --git a/src/components/mission/MIssionCreate.vue b/src/components/mission/MIssionCreate.vue index 247fe32..58565ab 100644 --- a/src/components/mission/MIssionCreate.vue +++ b/src/components/mission/MIssionCreate.vue @@ -13,9 +13,26 @@ ref="formRef" :rules="rules" label-position="right" - label-width="150px" + label-width="100px" > - <slot name="form-item" :formObj="formObj"></slot> + <el-form-item label="浠诲姟缂栧彿" prop="missionCode"> + <el-input + size="small" + clearable + v-model="formObj.missionCode" + placeholder="浠诲姟缂栧彿" + /> + </el-form-item> + <OptionType v-model="formObj.deviceType"></OptionType> + <el-form-item label="璁惧缂栧彿" prop="acountname"> + <el-input + size="small" + clearable + v-model="formObj.deviceCode" + placeholder="璁惧缂栧彿" + /> + </el-form-item> + <OptionTime v-model="formObj.timeArray"></OptionTime> <el-form-item> <el-button :disabled="!edit" @@ -24,13 +41,13 @@ :loading="loading" >鎻愪氦</el-button > - <el-button v-if="useCancel" @click="onCancel">鍙栨秷</el-button> + <el-button @click="onCancel">鍙栨秷</el-button> </el-form-item> </el-form> </CardDialog> </template> <script setup> -import { onActivated, onDeactivated, ref, reactive, watch } from 'vue'; +import { ref, reactive, computed } from 'vue'; import missionApi from '@/api/missionApi'; import { useFormConfirm } from '@/composables/formConfirm'; import { useFetchData } from '@/composables/fetchData'; @@ -60,15 +77,31 @@ } ] }); +const param = computed(() => { + return { + missionCode: formObj.value.missionCode, + deviceType: formObj.value.deviceType, + deviceCode: formObj.value.deviceCode, + startTime: formObj.value.timeArray[0], + endTime: formObj.value.timeArray[1] + }; +}); // 鍒涘缓浠诲姟 -function createMission() {} -const { formObj, formRef, edit, onSubmit, onCancel, onReset, clear } = - useFormConfirm({ - submit: { - do: createMission - }, - cancel: { - do: () => (dialogVisible.value = false) - } +function createMission() { + fetchData((page, pageSize) => { + return missionApi.putNewMission(param.value).then((res) => { + dialogVisible.value = false; + }); }); +} +const { formObj, formRef, edit, onSubmit, onCancel } = useFormConfirm({ + submit: { + do: createMission + }, + cancel: { + do: () => { + dialogVisible.value = false; + } + } +}); </script> -- Gitblit v1.9.3