From b6501459c774cda28679a08a35ec9b9d8b476720 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Fri, 29 Dec 2023 15:41:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=87=AA=E5=AE=9A=E4=B9=89=E5=B8=A6?=
 =?UTF-8?q?=E6=AF=AB=E7=A7=92=E6=95=B0=E7=9A=84=E6=97=B6=E9=97=B4=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomTimeInput/index.vue      | 98 +++++++++++++++++++
 .../components/GeneralInfomation.vue          | 13 ++-
 2 files changed, 107 insertions(+), 4 deletions(-)
 create mode 100644 src/components/CustomTimeInput/index.vue

diff --git a/src/components/CustomTimeInput/index.vue b/src/components/CustomTimeInput/index.vue
new file mode 100644
index 0000000..4241a4e
--- /dev/null
+++ b/src/components/CustomTimeInput/index.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="custom-time-input">
+    <template v-for="(item, index) in setting">
+      <a-input-number
+        :key="index"
+        :formatter="(value) => `${value}`"
+        :precision="0"
+        :parser="(value) => value.replace('.', '')"
+        :step="1"
+        :max="item.max"
+        :min="item.min"
+        v-model="innerValue[index]"
+      ></a-input-number>
+      <span v-if="index !== setting.length - 1" :key="'_' + index">:</span>
+    </template>
+  </div>
+</template>
+
+<script>
+const setting = [
+  {
+    min: 0,
+    max: 23,
+  },
+  {
+    min: 0,
+    max: 59,
+  },
+  {
+    min: 0,
+    max: 59,
+  },
+  {
+    min: 0,
+    max: 999,
+  },
+]
+export default {
+  props: {
+    value: {
+      type: String,
+    },
+  },
+  data() {
+    this.setting = setting
+
+    return {
+      innerValue: this.splitValue(this.value),
+    }
+  },
+  methods: {
+    splitValue(value) {
+      if (value) {
+        const arr = value.split(':')
+        if (arr.length < setting.length) {
+          // 如果给的值小于位数，补全
+          for (let i = 0; i < setting.length - arr.length; i++) {
+            arr.push(0)
+          }
+        }
+        return arr
+      } else {
+        return [0, 0, 0, 0]
+      }
+    },
+  },
+  watch: {
+    value(val) {
+      this.splitValue(val)
+    },
+    innerValue(val) {
+      const newVal = val.join(':')
+      this.$emit('input', newVal)
+      this.$emit('change', newVal)
+    },
+  },
+}
+</script>
+<style lang="less" scoped>
+.custom-time-input {
+  .ant-input-number {
+    width: 25px;
+    border: 0;
+    box-shadow: none;
+
+    ::v-deep {
+      .ant-input-number-handler-wrap {
+        display: none;
+      }
+
+      input {
+        padding: 0;
+        text-align: center;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaRLRModal/components/GeneralInfomation.vue b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaRLRModal/components/GeneralInfomation.vue
index abe97fe..5763fe3 100644
--- a/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaRLRModal/components/GeneralInfomation.vue
+++ b/src/views/spectrumAnalysis/components/Modals/BetaGammaModals/BetaGammaRLRModal/components/GeneralInfomation.vue
@@ -21,7 +21,12 @@
 <script>
 import { cloneDeep } from 'lodash'
 import dateFormat from '@/components/jeecg/JEasyCron/format-date'
+import CustomTimeInput from '@/components/CustomTimeInput/index.vue'
+
 export default {
+  components: {
+    CustomTimeInput,
+  },
   computed: {
     columns() {
       return [
@@ -91,14 +96,14 @@ export default {
         },
         {
           label: 'Receipt time [HH:mm:ss.S]',
-          type: 'a-time-picker',
+          type: 'CustomTimeInput',
           dataIndex: 'receiptTime',
           attrs: {
             format: 'HH:mm:ss',
             valueFormat: 'HH:mm:ss',
           },
           on: {
-            change: (mont, date) => {
+            change: (date) => {
               this.detail.receiptTime = date
               this.handleValChange(date)
             },
@@ -120,14 +125,14 @@ export default {
         },
         {
           label: 'Report transmission time [HH:mm:ss.S]',
-          type: 'a-time-picker',
+          type: 'CustomTimeInput',
           dataIndex: 'reportTransmissionTime',
           attrs: {
             format: 'HH:mm:ss',
             valueFormat: 'HH:mm:ss',
           },
           on: {
-            change: (mont, date) => {
+            change: (date) => {
               this.detail.reportTransmissionTime = date
               this.handleValChange(date)
             },