From c7a16ca1b6fbcb0b82a4a09c2e75014624082e37 Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期四, 27 三月 2025 22:45:48 +0800
Subject: [PATCH] 修复走航融合功能bug
---
src/components/device/DeviceCreate.vue | 85 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 85 insertions(+), 0 deletions(-)
diff --git a/src/components/device/DeviceCreate.vue b/src/components/device/DeviceCreate.vue
index e69de29..df5cf95 100644
--- a/src/components/device/DeviceCreate.vue
+++ b/src/components/device/DeviceCreate.vue
@@ -0,0 +1,85 @@
+<template>
+ <el-button
+ type="primary"
+ class="el-button-custom"
+ @click="dialogVisible = !dialogVisible"
+ >
+ 鏂板缓璁惧
+ </el-button>
+ <CardDialog v-model="dialogVisible" title="鏂板缓璧拌埅璁惧">
+ <el-form
+ :inline="false"
+ :model="formObj"
+ ref="formRef"
+ :rules="rules"
+ label-position="right"
+ label-width="100px"
+ >
+ <el-form-item label="璁惧缂栧彿" prop="deviceCode">
+ <el-input
+ size="small"
+ clearable
+ v-model="formObj.deviceCode"
+ placeholder="璁惧缂栧彿"
+ />
+ </el-form-item>
+ <OptionType :show="true" v-model="formObj.deviceType"></OptionType>
+ <el-form-item>
+ <el-button
+ :disabled="!edit"
+ type="primary"
+ @click="onSubmit"
+ :loading="loading"
+ >鎻愪氦</el-button
+ >
+ <el-button @click="onCancel">鍙栨秷</el-button>
+ </el-form-item>
+ </el-form>
+ </CardDialog>
+</template>
+<script setup>
+import { ref, reactive, computed } from 'vue';
+import deviceApi from '@/api/deviceApi';
+import { useFormConfirm } from '@/composables/formConfirm';
+import { useFetchData } from '@/composables/fetchData';
+import { useDeviceStore } from '@/stores/device';
+
+const deviceStore = useDeviceStore();
+const dialogVisible = ref(false);
+const { loading, fetchData } = useFetchData();
+const rules = reactive({
+ deviceCode: [
+ {
+ required: true,
+ message: '璁惧缂栧彿涓嶈兘涓虹┖',
+ trigger: 'blur'
+ }
+ ]
+});
+const param = computed(() => {
+ return {
+ deviceType: formObj.value.deviceType,
+ deviceCode: formObj.value.deviceCode
+ };
+});
+// 鍒涘缓璁惧
+function createDevice() {
+ fetchData(() => {
+ return deviceApi.putNewDevice(param.value).then(() => {
+ dialogVisible.value = false;
+ deviceStore.fetchDevice();
+ });
+ });
+}
+const { formObj, formRef, edit, onSubmit, onCancel } = useFormConfirm({
+ submit: {
+ do: createDevice
+ },
+ cancel: {
+ do: () => {
+ dialogVisible.value = false;
+ }
+ }
+});
+</script>
+<style scoped></style>
--
Gitblit v1.9.3