From 3832a82fb79d4cec4cca5e2854e54953f2095ef8 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 06 九月 2024 16:55:08 +0800
Subject: [PATCH] 1. 添加溯源清单功能 2. 修复切换至走航监测界面后，之前正在加载的历史数据依旧展示至地图的问题 3. 添加折线图下载图片功能； 4. 添加数据导出功能； 5. 添加设备管理功能； 6. 添加数据弹框和溯源清单开关功能； 7. 优化3D里面的颜色展示逻辑，底部颜色由原来的因子最小值颜色改为当前量级的上一个量级对应的颜色
---
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