yss-project/src/app/pages/designer/project-detail/components/order-creation/order-creation.component.html

<div class="order-creation-container">
  <div class="section-header">
    <h3>订单创建信息</h3>
    <span class="required-note">* 为必填项</span>
    <div class="header-actions">
      <button type="button" class="btn-secondary" (click)="toggleStagnantFilter()">
        @if (hideStagnantProjects) { 隐藏停滞项目：已开启 } @else { 隐藏停滞项目：未开启 }
      </button>
    </div>
  </div>

  <form [formGroup]="orderForm" class="order-form">
    <!-- 订单金额 -->
    <div class="form-group">
      <label for="orderAmount" class="form-label required">订单金额</label>
      <div class="input-wrapper">
        <input
          id="orderAmount"
          type="number"
          formControlName="orderAmount"
          class="form-input"
          placeholder="请输入订单金额"
          min="0.01"
          step="0.01"
        />
        <span class="currency-unit">元</span>
      </div>
      @if (orderAmount?.invalid && orderAmount?.touched) {
        <div class="error-message">
          @if (orderAmount?.errors?.['required']) {
            <span>订单金额为必填项</span>
          }
          @if (orderAmount?.errors?.['min']) {
            <span>订单金额必须大于0</span>
          }
          @if (orderAmount?.errors?.['pattern']) {
            <span>请输入有效的金额格式</span>
          }
        </div>
      }
    </div>



    <!-- 交付时间 -->
    <div class="form-group">
      <label for="deliveryTime" class="form-label required">交付时间</label>
      <input
        id="deliveryTime"
        type="date"
        formControlName="deliveryTime"
        class="form-input"
      />
      @if (deliveryTime?.invalid && deliveryTime?.touched) {
        <div class="error-message">
          <span>交付时间为必填项</span>
        </div>
      }
    </div>

    <!-- 报价明细 -->
    <div class="form-group">
      <app-quotation-details
        [initialData]="quotationData"
        (dataChange)="onQuotationDataChange($event)"
      ></app-quotation-details>
    </div>

  </form>
</div>