From 96da92e9056c9c02e77867998424d623261daab0 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 25 七月 2024 15:09:32 +0800
Subject: [PATCH] 1. 添加地图罗盘的显隐 2. 修复数据表格中O3数据列实际显示NO2的值的问题 3. 优化风向的中文描述

---
 src/components/mission/MIssionCreate.vue |   92 +++++++++++++++++++++++++++++++++++----------
 1 files changed, 71 insertions(+), 21 deletions(-)

diff --git a/src/components/mission/MIssionCreate.vue b/src/components/mission/MIssionCreate.vue
index 247fe32..1966572 100644
--- a/src/components/mission/MIssionCreate.vue
+++ b/src/components/mission/MIssionCreate.vue
@@ -13,9 +13,39 @@
       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="location">
+        <OptionLocation2
+          :level="3"
+          :initValue="false"
+          :checkStrictly="false"
+          :allOption="false"
+          v-model="formObj.location"
+        ></OptionLocation2>
+      </el-form-item>
+      <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> -->
+      <OptionDevice
+        :type="formObj.deviceType"
+        v-model="formObj.deviceCode"
+      ></OptionDevice>
+      <OptionTime v-model="formObj.timeArray"></OptionTime>
       <el-form-item>
         <el-button
           :disabled="!edit"
@@ -24,51 +54,71 @@
           :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';
+import { useMissionStore } from '@/stores/mission';
 
+const missionStore = useMissionStore();
 const dialogVisible = ref(false);
 const { loading, fetchData } = useFetchData();
-const baseRules = reactive({
-  _usertype: [
+const rules = reactive({
+  location: [
     {
       required: true,
-      message: '鐢ㄦ埛绫诲瀷涓嶈兘涓虹┖',
+      message: '鍖哄幙涓嶈兘涓虹┖',
       trigger: 'change'
     }
   ],
-  _locations: [
+  missionCode: [
     {
       required: true,
-      message: '琛屾斂鍖哄垝涓嶈兘涓虹┖',
-      trigger: 'change'
+      message: '浠诲姟缂栧彿涓嶈兘涓虹┖',
+      trigger: 'blur'
     }
   ],
-  _scenetype: [
+  timeArray: [
     {
       required: true,
-      message: '鍦烘櫙绫诲瀷涓嶈兘涓虹┖',
+      message: '鏃堕棿涓嶈兘涓虹┖',
       trigger: 'change'
     }
   ]
 });
+const param = computed(() => {
+  return {
+    districtName: formObj.value.location.dName,
+    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;
+      missionStore.fetchMission();
+    });
   });
+}
+const { formObj, formRef, edit, onSubmit, onCancel } = useFormConfirm({
+  submit: {
+    do: createMission
+  },
+  cancel: {
+    do: () => {
+      dialogVisible.value = false;
+    }
+  }
+});
 </script>

--
Gitblit v1.9.3