在 compare-form.vue 中添加 compareDate 隐藏字段,并在提交时自动填入当前时间

news/2025/2/26 17:09:49

在 compare-form.vue 中添加 compareDate 隐藏字段,并在提交时自动填入当前时间。

  • 提交表单时存入的对象是FakeRegistration,这个对象里面有compareDate字段,刚好表格查询的对象也是FakeRegistration,所以表格展示的时间就是刚才提交的。
typescript:src/views/tools/fake-strategy/components/compare-form.vue
<template>
  <el-dialog
    // ... 其他代码保持不变 ...
  >
    <div class="ave-form-wrap">
      <div class="ave-form-box">
        <el-form>
          // ... 其他表单项保持不变 ...

          <!-- 添加隐藏的compareDate字段 -->
          <input v-model="form.compareDate" type="hidden" />

        </el-form>
      </div>
    </div>
    // ... 其他代码保持不变 ...
  </el-dialog>
</template>

<script lang="ts">javascript">
// ... 其他 import 保持不变 ...

export default class extends Vue {
  // ... 其他属性和方法保持不变 ...

  private handleSubmit() {
    // 在提交时自动填入当前时间
    const now = new Date()
    const year = now.getFullYear()
    const month = String(now.getMonth() + 1).padStart(2, '0')
    const day = String(now.getDate()).padStart(2, '0')
    const hours = String(now.getHours()).padStart(2, '0')
    const minutes = String(now.getMinutes()).padStart(2, '0')
    const seconds = String(now.getSeconds()).padStart(2, '0')
    
    this.form.compareDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
    this.save()
  }

  // ... 其他代码保持不变 ...
}
</script>

主要修改:

  1. 在表单中添加了隐藏的 compareDate 输入字段
  2. 在 handleSubmit 方法中,添加了自动生成当前时间的逻辑
  3. 生成的时间格式为 “YYYY-MM-DD HH:mm:ss”
  4. 在提交前将当前时间赋值给 form.compareDate

这样当用户点击提交按钮时,会自动将当前时间填入 compareDate 字段并发送给后端。

在这里插入图片描述


http://www.niftyadmin.cn/n/5868969.html

相关文章

Cramér-Rao界:参数估计精度的“理论底线”

Cramr-Rao界&#xff1a;参数估计精度的“理论底线” 在统计学中&#xff0c;当我们用数据估计一个模型的参数时&#xff0c;总希望估计结果尽可能精确。但精度有没有一个理论上的“底线”呢&#xff1f;答案是有的&#xff0c;这就是Cramr-Rao界&#xff08;Cramr-Rao Lower …

探秘分布式 IO 耦合器之高速背板总线

在工业自动化的复杂网络中&#xff0c;分布式 IO 耦合器扮演着关键角色&#xff0c;而其中的高速背板总线特性更是核心中的核心&#xff0c;如同一条信息高速公路&#xff0c;让数据传输高效又稳定。 传统的 IO 系统在数据交互时&#xff0c;常常面临数据拥堵、传输延迟等问题&…

Spring源码分析の循环依赖

文章目录 前言一、循环依赖问题二、循环依赖的解决三、整体流程分析 前言 常见的可能存在循环依赖的情况如下&#xff1a; 两个bean中互相持有对方作为自己的属性。   类似于&#xff1a; 两个bean中互相持有对方作为自己的属性&#xff0c;且在构造时就需要传入&#xff1a…

从两地三中心到多地多中心,OceanBase如何实现金融级高可用

“两地三中心”已成为金融领域基准的容灾部署模式。本文将简要阐述金融行业容灾架构中“两地三中心”的具体要求和部署&#xff0c;并进一步探讨OceanBase在实现“两地三中心”标准后&#xff0c;再至“多地多中心”部署中所展现的独特优势与特点。 商业银行的容灾要求 《商业…

智能语音机器人为电销行业带来一场革命性的变化

我们知道一个企业的发展离不开销售&#xff0c;因为它能直接带来盈利&#xff0c;所以很多企业极其重视电话销售这一模式。但随着人工智能技术的发展&#xff0c;许多企业都采用了智能语音机器人来替代人工&#xff0c;甚至替代了传统呼叫中心运/营模式&#xff0c;在极大提升企…

SQL SERVER日常运维巡检系列之-性能

前言 做好日常巡检是数据库管理和维护的重要步骤&#xff0c;而且需要对每次巡检日期、结果进行登记&#xff0c;同时可能需要出一份巡检报告。 本系列旨在解决一些常见的困扰&#xff1a; 不知道巡检哪些东西不知道怎么样便捷体检机器太多体检麻烦生成报告困难&#xff0c;无…

【Ambari】Ranger KMS

目录 一、Ranger KMS介绍 二、KMS基于Ranger插件安装 一、Ranger KMS介绍 Ranger KMS是把数据存储入后台数据库中。通过Ranger Admin可以集中化管理KMS服务。 Ranger KMS有三个优点 l Key management Ranger admin 提供了创建&#xff0c;更新&#xff0c;删除密钥的Web UI…

仿12306项目(1)

雪花算法 为了高效的生成有序且唯一的ID&#xff0c;可以采用雪花算法来进行实现&#xff0c;为什么不去采用UUID呢&#xff1f;首先&#xff0c;UUID是一个128位的值&#xff0c;相较于雪花算法生成的64位的值&#xff0c;长了很多&#xff0c;在数据库中存储时耗费的时间更长…