当前位置: 首页 > news >正文

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

在 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">
// ... 其他 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 字段并发送给后端。

在这里插入图片描述

相关文章:

  • [OS] 基于RR(Round Robin)算法的CPU调度
  • ubuntu20.04 突破文件数限制
  • 前言:什么是大模型微调
  • 企业级大模型应用的Java-Python异构融合架构实践
  • 本地部署大模型: LM Studio、Open WebUI 与 Chatbox 全面对比以及选型指南
  • 在windows下安装windows+Ubuntu16.04双系统(上)
  • 公共数据授权运营模式研究(总体框架、主要模式及发展趋势)
  • linux下软件安装、查找、卸载
  • QT入门--QMainWindow
  • 2025年2月,TVBOX接口最新汇总版
  • C#实现本地AI聊天功能(Deepseek R1及其他模型)。
  • 五、 Spring Framework基础:Spring Data JPA基本用法与 Repository 接口
  • 在 Windows 上配置 Ollama 服务并开放局域网访问
  • Spring MVC框架二:创建第一个MVC程序
  • Redis-列表结构实操
  • labview实现有符号位16进制转二进制补码转真值
  • 数据结构与算法面试专题——桶排序
  • 前端浏览器开发中的浏览器兼容问题【持续更新】
  • 计算机毕业设计 ——jspssm502Springboot 餐厅点餐系统
  • C语言数据结构—堆的应用及Topk问题
  • 李峰已任上海青浦区委常委
  • 商务部:今年前3月自贸试验区进出口总额达2万亿元
  • 《大风杀》导演张琪:为了不算计观众,拍了部不讨好的警匪片
  • 株洲一重病妇女被要求本人到银行取款时去世?当地警方:正在处理
  • 微软宣布将裁员3%
  • 西北大学副校长成陕西首富?旗下巨子生物去年净利超20亿,到底持股多少