<form nz-form [nzLayout]="'inline'" class="search-form"> <nz-row> <nz-col> <nz-form-item> <nz-form-label>&nbsp;&nbsp;案件名称</nz-form-label> <nz-form-control> <nz-input-group> <input nz-input width="200px" value="" [(ngModel)]="q.ajmc" name="ajmc" placeholder="请输入案件名称"> </nz-input-group> </nz-form-control> </nz-form-item> </nz-col> <nz-col> <nz-form-item> <nz-form-label>案件编号</nz-form-label> <nz-form-control> <nz-input-group> <input nz-input width="200px" value="" [(ngModel)]="q.ajbh" name="ajbh" placeholder="请输入案件编号"> </nz-input-group> </nz-form-control> </nz-form-item> </nz-col> <nz-col> <button style="margin-top: 3px;" nz-button type="submit" [nzType]="'primary'" (click)="getDetail(true)">查询</button> <button nz-button type="reset" class="mx-sm">重置</button> </nz-col> </nz-row> </form>

在使用 TypeScript 编写上述表单时，你可以这样写：

import { Component } from '@angular/core';

@Component({
  selector: 'app-search-form',
  templateUrl: './search-form.component.html',
  styleUrls: ['./search-form.component.css']
})
export class SearchFormComponent {
  q = {
    ajmc: '',
    ajbh: '',
  };

  onSubmit() {
    // 处理表单提交事件
  }

  onReset() {
    this.q.ajmc = '';
    this.q.ajbh = '';
  }
}

在这个例子中，我们使用了 Angular 框架来构建组件。在组件类中，我们定义了一个 `q` 对象来存储表单中的数据。当提交表单时，我们可以在 `onSubmit` 方法中处理表单提交事件，当重置表单时，我们可以在 `onReset` 方法中将 `q` 对象中的属性值设置为空字符串，从而实现表单重置的功能。

在 HTML 文件中，你可以这样写：

<form nz-form [nzLayout]="'inline'" class="search-form" (ngSubmit)="onSubmit()">
  <nz-row>
    <nz-col>
      <nz-form-item>
        <nz-form-label>&nbsp;&nbsp;案件名称</nz-form-label>
        <nz-form-control>
          <nz-input-group>
            <input nz-input width="200px" [(ngModel)]="q.ajmc" name="ajmc" placeholder="请输入案件名称">
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
    </nz-col>
    <nz-col>
      <nz-form-item>
        <nz-form-label>案件编号</nz-form-label>
        <nz-form-control>
          <nz-input-group>
            <input nz-input width="200px" [(ngModel)]="q.ajbh" name="ajbh" placeholder="请输入案件编号">
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
    </nz-col>
    <nz-col>
      <button style="margin-top: 3px;" nz-button type="submit" [nzType]="'primary'">查询</button>
      <button nz-button type="button" class="mx-sm" (click)="onReset()">重置</button>
    </nz-col>
  </nz-row>
</form>

在这个例子中，我们使用 `(ngSubmit)` 指令来监听表单的提交事件，并在事件发生时调用组件类中的 `onSubmit` 方法。在重置按钮中，我们使用 `(click)` 指令来监听按钮的点击事件，并在事件发生时调用组件类中的 `onReset` 方法。注意，重置按钮的类型应该为 `type="button"`，这样可以避免表单的提交事件被触发。