edu-textbook/projects/textbook/src/modules/login/account-info/account-info.component.html

<div class="all">
  <div class="region">
    <div class="nav">
      <div>
        <svg
          width="24"
          height="27"
          viewBox="0 0 18 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M18 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4C2 4.53043 2.21071 5.03914 2.58579 5.41421C2.96086 5.78929 3.46957 6 4 6H18V19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H4C2.93913 20 1.92172 19.5786 1.17157 18.8284C0.421427 18.0783 0 17.0609 0 16V4C0 2.93913 0.421427 1.92172 1.17157 1.17157C1.92172 0.421427 2.93913 0 4 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734783 18 1V2Z"
            fill="url(#paint0_linear_5_11023)"
          />
          <defs>
            <linearGradient
              id="paint0_linear_5_11023"
              x1="9"
              y1="-2.21282e-07"
              x2="25.5"
              y2="40"
              gradientUnits="userSpaceOnUse"
            >
              <stop stop-color="#E04860" />
              <stop offset="1" stop-color="#E99306" />
            </linearGradient>
          </defs>
        </svg>
      </div>
      完善账号信息
      <div class="tips">
        欢迎使用“十四五”普通高等教育本科国家级规划教材申报系统
        ，请先完善您的资料信息，以便管理员审核账号。
      </div>
    </div>
    <div class="form">
      <form
        nz-form
        [formGroup]="validateForm"
        class="account-form"
        (ngSubmit)="submitForm()"
      >
      <nz-form-item nz-row nzJustify="space-between">
        <nz-form-label
          nz-col
          nzSpan="6"
          class="label"
          [nzNoColon]="true"
          nzRequired
          >用户名</nz-form-label
        >
        <nz-input-group nz-col nzSpan="16">
          <input
            nz-input
            type="text"
            formControlName="username"
            placeholder="请输入用户名"
          />
        </nz-input-group>
      </nz-form-item>
      <nz-form-item nz-row nzJustify="space-between">
        <nz-form-label
          nz-col
          nzSpan="6"
          class="label"
          [nzNoColon]="true"
          nzRequired
          >密码</nz-form-label
        >
        <nz-input-group nz-col nzSpan="16">
          <input
            nz-input
            type="password"
            formControlName="password"
            placeholder="请输入密码"
          />
        </nz-input-group>
      </nz-form-item>

        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label
            nz-col
            nzSpan="6"
            class="label"
            [nzNoColon]="true"
            nzRequired
            >姓名</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <input
              nz-input
              type="text"
              formControlName="name"
              placeholder="请输入真实姓名"
            />
          </nz-input-group>
        </nz-form-item>
        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label nz-col nzSpan="6" class="label" [nzNoColon]="true" nzRequired
            >手机号</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <input
              nz-input
              type="text"
              formControlName="phone"
              [disabled]="true"
              placeholder="请输入手机号"
              maxlength="11"
            />
          </nz-input-group>
        </nz-form-item>

        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label
            nz-col
            nzSpan="6"
            class="label"
            [nzNoColon]="true"
            nzRequired
            >电子邮箱</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <input
              nz-input
              type="email"
              [disabled]="user?.get('email')"
              formControlName="email"
              placeholder="请输入电子邮箱"
            />
          </nz-input-group>
        </nz-form-item>

        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label
            nz-col
            nzSpan="6"
            class="label"
            [nzNoColon]="true"
            nzRequired
            >人员类型</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <nz-select
              style="width: 100%"
              nzShowSearch
              nzAllowClear
              nzPlaceHolder="请选择您在本次教材遴选推荐中所属的身份类型"
              formControlName="identity"
            >
              @for(item of userType; track item;let index = $index){
              <nz-option nzCustomContent [nzValue]="item" [nzLabel]="item">{{
                item
              }}</nz-option>
              }
            </nz-select>
          </nz-input-group>
        </nz-form-item>
        <!-- validateForm.value.identity=='工作联系人' -->
        <!-- <nz-form-item nz-row nzJustify="space-between">
        <nz-form-label nz-col nzSpan="6" class="label" [nzNoColon]="true">办公电话</nz-form-label>
        <nz-input-group nz-col nzSpan="16">
          <input nz-input type="text" formControlName="telephone" placeholder="请填写办公电话" />
        </nz-input-group>
      </nz-form-item>
      <nz-form-item nz-row nzJustify="space-between">
        <nz-form-label nz-col nzSpan="6" class="label" [nzNoColon]="true">省份</nz-form-label>
        <nz-input-group nz-col nzSpan="16">
          <nz-select style="width: 100%" nzShowSearch nzAllowClear nzPlaceHolder="请选择省份" formControlName="province">
            @for(item of provinces; track item;let index = $index){
            <nz-option nzCustomContent [nzValue]="item" [nzLabel]="item">{{
              item
              }}</nz-option>
            }
          </nz-select>
        </nz-input-group>
      </nz-form-item> -->

        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label
            nz-col
            nzSpan="6"
            class="label"
            [nzNoColon]="true"
            nzRequired
            >单位类型</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <nz-select
              style="width: 100%"
              nzShowSearch
              nzAllowClear
              [disabled]="true"
              nzPlaceHolder="请选择所在单位类型"
              [(ngModel)]="companyType"
              [ngModelOptions]="{ standalone: true }"
              (ngModelChange)="provinceChange('', true)"
            >
              @for(item of unitTypes; track item.name;let index = $index){
              <nz-option
                nzCustomContent
                [nzValue]="item.name"
                [nzLabel]="item.name"
                >{{ item.name }}</nz-option
              >
              }
            </nz-select>
          </nz-input-group>
        </nz-form-item>
        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label
            nz-col
            nzSpan="6"
            class="label"
            [nzNoColon]="true"
            nzRequired
            >单位名称</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <nz-select
              style="width: 100%"
              nzShowSearch
              nzAllowClear
              nzPlaceHolder="请输入所在单位名称(需先选择单位类型)"
              [(ngModel)]="companyId"
              (nzOnSearch)="provinceChange($event)"
              [ngModelOptions]="{ standalone: true }"
            >
              @for(item of companys; track item;let index = $index){
              <nz-option
                nzCustomContent
                [nzValue]="item.id"
                [nzLabel]="item.name"
                >{{ item.name }}</nz-option
              >
              }
            </nz-select>
          </nz-input-group>
        </nz-form-item>
        <!-- <nz-form-item nz-row nzJustify="space-between">
        <nz-form-label nz-col nzSpan="6" class="label" [nzNoColon]="true">所在部门</nz-form-label>
        <nz-input-group nz-col nzSpan="16">
          <input nz-input type="text" formControlName="departmentName" placeholder="请填写所在部门" />
        </nz-input-group>
      </nz-form-item>
      <nz-form-item nz-row nzJustify="space-between">
        <nz-form-label nz-col nzSpan="6" class="label" [nzNoColon]="true">职务</nz-form-label>
        <nz-input-group nz-col nzSpan="16">
          <input nz-input type="text" formControlName="postName" placeholder="请填写职务" />
        </nz-input-group>
      </nz-form-item> -->
        <!-- <nz-form-item>
        <nz-form-label class="label" [nzNoColon]="true" nzRequired
          >身份证号</nz-form-label
        >
        <nz-input-group nz-col nzSpan="16">
          <input
            nz-input
            type="text"
            formControlName="idcard"
            placeholder="请填写身份证号"
          />
        </nz-input-group>
      </nz-form-item> -->
        <nz-form-item nz-row nzJustify="space-between">
          <nz-form-label
            nz-col
            nzSpan="6"
            class="label"
            [nzNoColon]="true"
            nzRequired
            >工作联系人信息表</nz-form-label
          >
          <nz-input-group nz-col nzSpan="16">
            <div
              style="
                padding: 5px 10px;
                border-radius: 5px;
              "
            >
              <app-comp-upload
                [width]="320"
                (change)="upload($event)"
                title="上传文件"
              ></app-comp-upload>
            </div>
            <div class="text" style="margin: 10px 0; color: #231c1f99">
              请
              <a href="/file/模板.doc" download="模板"
                >下载工作联系人信息表</a
              >，填写盖章后上传 PDF 格式，单个文件大小不超过 2M
              <!-- 请<a href="">下载单位联系人认证文件模板</a>，填写盖章后上传。支持上传 PDF、JPG、JPEG、PNG
            格式，单个文件大小不超过 2M -->
            </div>
          </nz-input-group>
        </nz-form-item>
      </form>

      <button
        id="basic"
        class="form-button"
        type="button"
        mat-button
        [disabled]="loading"
        (click)="submitForm()"
      >
        提交
      </button>
      <!-- <div class="menu">
      <a nz-dropdown [nzDropdownMenu]="menu">
        <span style="color: #231c1f99">English</span>
        <span
          nz-icon
          nzType="down"
          style="color: #756b6d; margin-left: 4px"
        ></span>
      </a>
      <nz-dropdown-menu #menu="nzDropdownMenu">
        <ul nz-menu nzSelectable>
          <li nz-menu-item>English</li>
          <li nz-menu-item>中文简体</li>
        </ul>
      </nz-dropdown-menu>
    </div> -->
    <a style="color: #231c1f99;font-size: 14px;" (click)="back()">返回</a>
    </div>
  </div>
</div>
<div class="loading" [hidden]="!loading">
  <nz-spin nzSimple [nzSize]="'large'"></nz-spin>
</div>