edu-textbook/projects/textbook/src/modules/nav-province-contact/components/upload-collect/upload-collect.component.html

@if (review) {
<div nz-row class="depart-modal">
  <div nz-col nzSpan="24">
    @if (eduTextbookVolume?.get('carrierShape') == '纸质教材'
    ||eduTextbookVolume?.get('carrierShape') == '纸质教材附带电子资源') {
    <div class="row">
      <div class="title-name">纸质教材PDF文件</div>
      <div>
        @for (item of eduTextbookVolume?.get('collectFiles'); track $index) {
        <a (click)="openUrl(item.url)">{{ item.name }}</a>
        }
      </div>
    </div>
    } @if (eduTextbookVolume?.get('carrierShape') == '数字教材'
    ||eduTextbookVolume?.get('carrierShape') == '纸质教材附带电子资源') {
    <div class="row">
      <div class="title-name">数字教材</div>
      <!-- <div class="desc">
          可单选上次文件、链接、链接和账号密码三种格式，上传文件总大小不可超过500M
        </div>
        <div class="value">
          <nz-radio-group [(ngModel)]="radioValue">
            <label nz-radio nzValue="上传文件">上传文件</label>
            <label nz-radio nzValue="链接">链接</label>
            <label nz-radio nzValue="链接和账号密码">链接和账号密码</label>
          </nz-radio-group>
        </div> -->
      @if (radioValue == '链接') {
      <div class="desc">数字教材链接</div>
      <a style="margin-bottom: 10px" (click)="openUrl(collectLink.url)">
        {{ collectLink.url }}
      </a>
      }@else if (radioValue == '链接和账号密码') {
      <div class="desc">数字教材链接</div>
      <a style="margin-bottom: 10px" (click)="openUrl(collectLink.url)">
        {{ collectLink.url }}
      </a>
      <div class="desc">数字教材账号</div>
      <p style="margin-bottom: 10px">{{ collectLink.username }}</p>
      <div class="desc">数字教材密码</div>
      <p style="margin-bottom: 10px">{{ collectLink.password }}</p>
      } @else {
      <div class="desc">数字教材文件</div>
      <div>
        @for (item of eduTextbookVolume?.get('collectDigitFiles'); track $index)
        {
        <a (click)="openUrl(item.url)">{{ item.name }}</a>
        }
      </div>
      }
    </div>
    }
  </div>
</div>
}@else {
<div nz-row class="depart-modal">
  <div nz-col nzSpan="24">
    @if (eduTextbookVolume?.get('carrierShape') == '纸质教材'
    ||eduTextbookVolume?.get('carrierShape') == '纸质教材附带电子资源') {
    <div class="row">
      <div class="title-name">纸质教材PDF文件</div>
      <div class="desc">单个文件不超过500M</div>
      <div>
        <app-comp-upload
          [files]="
            eduTextbookVolume?.get('collectFiles')
              ? eduTextbookVolume?.get('collectFiles')
              : []
          "
          [type]="'pdf'"
          [width]="500"
          (change)="upload($event, 'collectFiles')"
          title="上传文件"
          [size]="512000"
          [maxlenght]="10"
        ></app-comp-upload>
      </div>
    </div>
    } @if (eduTextbookVolume?.get('carrierShape') == '数字教材'
    ||eduTextbookVolume?.get('carrierShape') == '纸质教材附带电子资源') {
    <div class="row">
      <div class="title-name">数字教材</div>
      <div class="desc">
        可单选上次文件、链接、链接和账号密码三种格式，上传文件总大小不可超过500M
      </div>
      <div class="value">
        <nz-radio-group [(ngModel)]="radioValue">
          <label nz-radio nzValue="上传文件">上传文件</label>
          <label nz-radio nzValue="链接">链接</label>
          <label nz-radio nzValue="链接和账号密码">链接和账号密码</label>
        </nz-radio-group>
      </div>
      @if (radioValue == '链接') {
      <div class="desc">请填写可以直接访问数字教材的链接</div>
      <input
        style="margin-bottom: 10px"
        nz-input
        placeholder="请填写可以直接访问数字教材的链接"
        [(ngModel)]="collectLink.url"
        type="text"
      />
      }@else if (radioValue == '链接和账号密码') {
      <div class="desc">请填写可以访问数字教材的链接</div>
      <input
        style="margin-bottom: 10px"
        nz-input
        placeholder="请填写可以访问数字教材的链接"
        [(ngModel)]="collectLink.url"
        type="text"
      />
      <div class="desc">请填写可以访问数字教材的账号</div>
      <input
        style="margin-bottom: 10px"
        nz-input
        placeholder="请填写可以访问数字教材的账号"
        [(ngModel)]="collectLink.username"
        type="text"
      />
      <div class="desc">请填写可以访问数字教材的密码</div>
      <input
        style="margin-bottom: 10px"
        nz-input
        placeholder="请填写可以访问数字教材的密码"
        [(ngModel)]="collectLink.password"
        type="text"
      />
      } @else {
      <div class="desc">批量上传数字文件，支持PDF格式，总大小不可超过500M</div>
      <div>
        <app-comp-upload
          [files]="
            eduTextbookVolume?.get('collectDigitFiles')
              ? eduTextbookVolume?.get('collectDigitFiles')
              : []
          "
          [type]="'pdf'"
          [width]="500"
          (change)="upload($event, 'collectDigitFiles')"
          title="上传文件"
          [size]="512000"
          [maxlenght]="10"
        ></app-comp-upload>
      </div>
      }
    </div>
    }
  </div>
</div>
}