fix: 细节修复

Author: Flex-7746

frontend/src/layout/DialogCamera.vue

@@ -1,18 +1,9 @@
 <template>
   <el-dialog v-model="camera.show" title="文件快照" width="600">
     <div class="camera-dialog">
-      <el-input v-model="input" placeholder="请输入快照说明" class="input" maxlength="32" show-word-limit>
+      <el-input v-model="camera.input" placeholder="请输入快照说明" class="input" maxlength="32" show-word-limit>
         <template #append>
-          <el-button
-            @click="
-              () => {
-                camera.add(input)
-                input = ''
-              }
-            "
-          >
-            添加快照
-          </el-button>
+          <el-button @click="camera.add()"> 添加快照 </el-button>
         </template>
       </el-input>
 
@@ -43,12 +34,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
-
 import { useCameraStore } from '@/store/camera'
 import { dayjs } from 'element-plus'
 
 const camera = useCameraStore()
-
-const input = ref('')
 </script>

frontend/src/store/camera.ts

@@ -24,6 +24,8 @@ interface OpenModel {
 export const useCameraStore = defineStore('camera', () => {
   const show = ref(false)
 
+  const input = ref('')
+
   const option = ref<OpenModel>()
 
   const data = ref<ValueModel[]>([])
@@ -55,12 +57,17 @@ export const useCameraStore = defineStore('camera', () => {
     }
   }
 
-  const add = async (msg: string) => {
-    if (!option.value) {
+  const add = async () => {
+    if (!option.value || !input.value) {
+      return
+    }
+
+    if (data.value.find((i) => i.name.replace(/\.txt$/, '') === input.value)) {
+      ElMessage({ type: 'error', message: '快照说明不能相同' })
       return
     }
 
-    const filePath = `${CAMERA_DIR_PATH}/${getKey(option.value.path)}/${msg}.txt`
+    const filePath = `${CAMERA_DIR_PATH}/${getKey(option.value.path)}/${input.value}.txt`
 
     await axios.post(
       HOST,
@@ -73,6 +80,8 @@ export const useCameraStore = defineStore('camera', () => {
       { params: { _api: 'save' } },
     )
 
+    input.value = ''
+
     await load()
   }
 
@@ -139,5 +148,5 @@ export const useCameraStore = defineStore('camera', () => {
     show.value = false
   }
 
-  return { show, data, open, add, del, usage }
+  return { show, input, data, open, add, del, usage }
 })