edu-textbook/projects/textbook/src/modules/review-verify/textbook-details/textbook-details.component.html

<div class="preview">
  <div class="site-page-header">
    <nz-page-header
      nzTitle="教材详情 - {{ textBook?.title }}"
      nzSubtitle=""
      style="padding: 0"
    >
    </nz-page-header>
    <nz-tabset [(nzSelectedIndex)]="active">
      <nz-tab nzTitle="教材申报书及附件"></nz-tab>
      <nz-tab nzTitle="教材文件"> </nz-tab>
    </nz-tabset>
  </div>

  @if(active == 0) {
  <ng-container *ngTemplateOutlet="Basics"></ng-container>
  } @else if (active == 1) {
  <div class="content"></div>
  }

  <ng-template #Basics>
    <div class="content">
      <div nz-row>
        <div nz-col nzSpan="18">
          <div id="anchor1" class="occupy" style="height: 100px"></div>
          <div class="templ1" #templ1 style="width: 500px">
            <div class="title">教材基本信息</div>
            <div class="base-content">
              <div class="row">
                <div class="label">申报教材名称</div>
                <div class="value">{{ textBook?.title }}</div>
              </div>
              <div class="row">
                <div class="label">教材所属学科专业类</div>
                <div class="value">
                  {{ textBook?.discipline?.code }}
                  {{ textBook?.discipline?.name }}
                </div>
              </div>
              <div class="row">
                <div class="label">教材应用对象及所属学科专业类</div>
                <div class="value">
                  {{ textBook?.majorPoniter?.code }}
                  {{ textBook?.majorPoniter?.name }}
                </div>
              </div>
              <div class="row">
                <div class="label">是否为重点立项教材</div>
                <div class="value">
                  {{ textBook?.approval }}
                  @if (textBook?.approval&&textBook?.approval!='否') {
                  <a (click)="openFile(textBook?.approvedImgUrl)">
                    <span nz-icon nzType="file" nzTheme="outline"></span>
                    教材获批截图
                  </a>
                  }
                </div>
              </div>
              <div class="row">
                <div class="label">申报类型</div>
                <div class="value">
                  {{ textBook?.type }}
                  {{
                    textBook?.type == "全册" ? textBook?.typeNumber + "册" : ""
                  }}
                </div>
              </div>

              <nz-collapse>
                @for (volume of eduTextbookVolumeList; track $index) {
                <nz-collapse-panel
                  [nzHeader]="$index + 1 + '册'"
                  [nzActive]="'true'"
                >
                  <div class="row">
                    <div class="label">第一主编（作者）</div>
                    <div class="value">{{ volume?.author }}</div>
                  </div>
                  <div class="row">
                    <div class="label">第一主编（作者）单位</div>
                    <div class="value">{{ volume?.unit }}</div>
                  </div>

                  <div class="row">
                    <div class="label">教材主要语种类型</div>
                    <div class="value">{{ volume?.lang }}</div>
                  </div>
                  <div class="row">
                    <div class="label">国际标准书号</div>
                    <div class="value">{{ volume?.ISBN }}</div>
                  </div>
                  <div class="row">
                    <div class="label">其他主编姓名</div>
                    <div class="value">{{ volume?.authors || "-" }}</div>
                  </div>
                  <div class="row">
                    <div class="label">其他编者姓名</div>
                    <div class="value">{{ volume?.editor || "-" }}</div>
                  </div>

                  <div class="row">
                    <div class="label">出版单位</div>
                    <div class="value">{{ volume?.editionUnit }}</div>
                  </div>
                  <div class="row">
                    <div class="label">初版时间</div>
                    <div class="value">
                      {{ volume?.editionFirst?.iso | date : "yyyy-MM" }}
                    </div>
                  </div>
                  <div class="row">
                    <div class="label">载体形式</div>
                    <div class="value">{{ volume?.carrierShape }}</div>
                  </div>
                  <div class="row">
                    <div class="label">本版出版时间及版次</div>
                    <div class="value">
                      {{ volume?.editionDate?.iso | date : "yyyy-MM" }}/{{
                        volume?.editionNumber
                      }}
                    </div>
                  </div>
                  <div class="row">
                    <div class="label">最新印次时间及印次</div>
                    <div class="value">
                      {{ volume?.printDate?.iso | date : "yyyy-MM" }}/{{
                        volume?.printNumber
                      }}
                    </div>
                  </div>
                  <div class="row">
                    <div class="label">初版以来合计印数</div>
                    <div class="value">{{ volume?.printSum }}万册</div>
                  </div>
                  <div class="row">
                    <div class="label">初版以来是否曾列为重点项目</div>
                    <div class="value">
                      @for (item of volume?.importantProject; track $index) {
                      <p>
                        {{ item }}
                        {{
                          item == "其他省部级及以上项目"
                            ? "-" + volume?.importantProjectOther
                            : ""
                        }}
                      </p>
                      } @if (!(volume?.importantProject?.length > 0)) {
                      <p>否</p>
                      }
                    </div>
                  </div>
                </nz-collapse-panel>
                }
              </nz-collapse>
            </div>
          </div>
          <div id="anchor2" class="occupy" style="height: 60px"></div>
          <div class="templ">
            <div class="title">教材适用情况</div>
            <div class="base-content">
              <div class="row">
                <div class="label">适用专业代码（六位）及名称</div>
                <div class="value">
                  {{ textBook?.major?.code }} {{ textBook?.major?.name }}
                </div>
              </div>
              <div class="row">
                <div class="label">适用课程</div>
                <div class="value">{{ textBook?.lessons }}</div>
              </div>
              <div class="row">
                <div class="label">课程学时</div>
                <div class="value">{{ textBook?.period }}</div>
              </div>
              <div class="row">
                <div class="label">适用课程性质</div>
                <div class="value">
                  @for (tag of textBook?.characteristic; track tag) { @if
                  (tag.checked){
                  <nz-tag>{{ tag.label }}</nz-tag>
                  } }
                </div>
              </div>
            </div>
          </div>
          <div id="anchor3" class="occupy" style="height: 60px"></div>
          <div class="templ">
            <div id="anchor3_1" class="occupy" style="height: 60px"></div>
            <div class="title">作者信息</div>

            <nz-collapse>
              @for (volume of eduTextbookVolumeList; track $index) {
              <nz-collapse-panel
                [nzHeader]="$index + 1 + '册'"
                [nzActive]="'true'"
              >
                <div class="text mar10">
                  作者（含主编，不超过 6 人，教材中明确出现姓名）
                </div>
                <div class="base-content">
                  <nz-table
                    #basicTable
                    [nzShowPagination]="false"
                    [nzData]="volume?.authorList"
                    [nzScroll]="{
                      x: (templ1.style.width || '1000') + 'px',
                      y: '240px'
                    }"
                  >
                    <thead>
                      <tr>
                        <th nzEllipsis nzWidth="120px" nzLeft>姓名</th>
                        <th nzEllipsis nzWidth="120px">单位</th>
                        <th nzEllipsis nzWidth="120px">出生年月</th>
                        <th nzEllipsis nzWidth="120px">国籍</th>
                        <th nzEllipsis nzWidth="120px">职务</th>
                        <th nzEllipsis nzWidth="120px">职称</th>
                        <th nzEllipsis nzWidth="120px">手机号码</th>
                        <th nzEllipsis nzWidth="120px">电子邮箱</th>
                        <th nzEllipsis nzWidth="120px">分工</th>
                        <!-- <th nzEllipsis nzWidth="120px">签名</th> -->
                        <!-- <th nzEllipsis nzWidth="120px">政治审查表</th> -->
                      </tr>
                    </thead>
                    <tbody>
                      @for (data of volume?.authorList; track data.mobile;let
                      index = $index) {
                      <tr>
                        <td nzEllipsis nzLeft>
                          {{ data.name }}
                        </td>
                        <td nzEllipsis>
                          {{ data.unit }}
                        </td>
                        <td nzEllipsis>
                          {{ data.birth?.iso | date : "yyyy-MM" }}
                        </td>
                        <td nzEllipsis>
                          {{ data.nationality }}
                        </td>
                        <td nzEllipsis>
                          {{ data.job }}
                        </td>
                        <td nzEllipsis>
                          {{ data.title }}
                        </td>
                        <td nzEllipsis>
                          {{ data.mobile }}
                        </td>
                        <td nzEllipsis>
                          {{ data.email }}
                        </td>
                        <td nzEllipsis>
                          {{ data.work }}
                        </td>
                      </tr>
                      }
                    </tbody>
                  </nz-table>
                </div>

                <div id="anchor3_2" class="occupy" style="height: 60px"></div>
                <div class="text mar10">第一主编（作者）情况</div>
                <div class="base-content">
                  <div class="text-tips">1.相关教学经历</div>
                  <div class="note">
                    {{ volume?.authorDetails }}
                  </div>
                  <div class="text-tips">
                    2.相关科学研究项目、成果或论文专著（限5项）
                  </div>
                  <nz-table
                    #basicTable
                    [nzShowPagination]="false"
                    [nzData]="volume?.achievementOptions"
                    [nzScroll]="{
                      x: (templ1.style.width || '1000') + 'px',
                      y: '240px'
                    }"
                    nzTableLayout="fixed"
                  >
                    <thead>
                      <tr>
                        <th nzWidth="80px" nzLeft nzAlign="right">序号</th>
                        <th nzWidth="160px" nzEllipsis>名称</th>
                        <th nzWidth="160px">来源/出版单位</th>
                        <th nzWidth="80px">时间</th>
                      </tr>
                    </thead>
                    <tbody>
                      @for (data of volume?.achievementOptions; track
                      data.name;let index = $index) {
                      <tr>
                        <td nzEllipsis nzLeft nzAlign="right">
                          {{ index + 1 }}
                        </td>
                        <td nzEllipsis>
                          {{ data.name }}
                        </td>
                        <td nzEllipsis>
                          {{ data.unit }}
                        </td>
                        <td nzEllipsis>
                          {{ data.date?.iso | date : "yyyy-MM" }}
                        </td>
                      </tr>
                      }
                    </tbody>
                  </nz-table>
                </div>
              </nz-collapse-panel>
              }
            </nz-collapse>
          </div>
          <div id="anchor4" class="occupy" style="height: 60px"></div>
          <div class="templ">
            <div class="title">申报教材建设历程</div>

            <div class="base-content">
              <nz-collapse>
                @for (volume of eduTextbookVolumeList; track $index) {
                <nz-collapse-panel
                  [nzHeader]="$index + 1 + '册'"
                  [nzActive]="'true'"
                >
                  <nz-table
                    #basicTable
                    [nzShowPagination]="false"
                    [nzData]="volume?.courses"
                    [nzScroll]="{
                      x: (templ1.style.width || '1000') + 'px',
                      y: '240px'
                    }"
                  >
                    <thead>
                      <tr>
                        <th nzWidth="80px" nzLeft nzAlign="right">版次</th>
                        <th nzWidth="120px">出版时间</th>
                        <th nzWidth="100px">字数</th>
                        <th nzWidth="100px">重印次数</th>
                        <th nzWidth="100px">本版总印数</th>
                        <th nzWidth="200px">获奖励情况</th>
                      </tr>
                    </thead>
                    <tbody>
                      @for (data of volume?.courses; track data;let index =
                      $index) {
                      <tr>
                        <td nzEllipsis nzLeft nzAlign="right">
                          {{ index + 1 }}
                        </td>
                        <td nzEllipsis>
                          {{ data.date?.iso | date : "yyyy-MM" }}
                        </td>
                        <td nzEllipsis>
                          {{ data.wordage }}
                        </td>
                        <td nzEllipsis>
                          {{ data.num }}
                        </td>
                        <td nzEllipsis>
                          {{ data.sumNum }}
                        </td>
                        <td nzEllipsis>
                          {{ data.accolade }}
                        </td>
                      </tr>
                      }
                    </tbody>
                  </nz-table>
                </nz-collapse-panel>
                }
              </nz-collapse>
            </div>
          </div>
          <div
            id="anchor4"
            id="anchor5"
            class="occupy"
            style="height: 60px"
          ></div>
          <div class="templ">
            <div class="title">申报教材特色及创新</div>
            <div class="base-content">
              <div class="note">
                {{ textBook?.innovateExplain }}
              </div>
            </div>
          </div>
          <div
            id="anchor4"
            id="anchor6"
            class="occupy"
            style="height: 60px"
          ></div>
          <div class="templ">
            <div class="title">申报教材应用情况及社会影响力</div>
            <div class="base-content">
              <div class="note">
                {{ textBook?.influence }}
              </div>
            </div>
          </div>
          <div
            id="anchor4"
            id="anchor9"
            class="occupy"
            style="height: 60px"
          ></div>
          <div class="templ">
            <div class="title">教材作者诚信承诺</div>
            <div class="base-content">
              <div class="row">
                <div class="label">教材作者诚信承诺</div>
                <div class="value">
                  <span style="color: #3e49b3">{{ textBook?.accept }}</span>
                </div>
              </div>
              <!-- <div class="text-tips">教材作者诚信承诺</div>
            <div class="note">
              {{ textBook?.accept }}
            </div> -->
              <!-- <div class="text-tips">2.申报单位承诺意见</div>
            <div class="note">
              {{textBook?.unitMaterial?.text}}
            </div> -->
              <div class="row">
                <div class="label">作者诚信承诺签名页</div>
                <div class="value">
                  @if (textBook?.authorSignPDF?.url) {
                  <a (click)="openFile(textBook?.authorSignPDF?.url)">{{
                    textBook?.authorSignPDF?.name || "签名页文件"
                  }}</a>
                  }
                </div>
              </div>
            </div>
          </div>
          <div class="templ">
            <div class="title">申报单位承诺意见</div>
            <div class="base-content">
              <div class="row">
                <div class="label">申报单位承诺意见材料</div>
                <div class="value">
                  @if (textBook?.unitMaterial?.url) {
                  <a (click)="openFile(textBook?.unitMaterial?.url)">{{
                    textBook?.unitMaterial?.name || "申报单位承诺意见材料文件"
                  }}</a>
                  }
                </div>
              </div>
            </div>
          </div>

          <div
            id="anchor4"
            id="anchor7"
            class="occupy"
            style="height: 60px"
          ></div>
          <div class="templ">
            <div class="title">附件材料</div>
            <div class="base-content">
              <nz-collapse>
                @for (volume of eduTextbookVolumeList; track $index) {
                <nz-collapse-panel
                  [nzHeader]="$index + 1 + '册'"
                  [nzActive]="'true'"
                >
                  <nz-table
                    style="margin-bottom: 20px"
                    #basicTable
                    [nzShowPagination]="false"
                    [nzData]="volume?.authorList"
                    [nzScroll]="{
                      x: (templ1.style.width || '1000') + 'px',
                      y: '240px'
                    }"
                  >
                    <thead>
                      <tr>
                        <th nzEllipsis nzWidth="120px" nzLeft>姓名</th>
                        <th nzEllipsis nzWidth="120px" nzLeft>政治审查表</th>
                        <th nzEllipsis nzWidth="120px">单位</th>
                        <th nzEllipsis nzWidth="120px">出生年月</th>
                        <th nzEllipsis nzWidth="120px">国籍</th>
                        <th nzEllipsis nzWidth="120px">职务</th>
                        <th nzEllipsis nzWidth="120px">职称</th>
                        <th nzEllipsis nzWidth="120px">手机号码</th>
                        <th nzEllipsis nzWidth="120px">电子邮箱</th>
                        <th nzEllipsis nzWidth="120px">分工</th>
                        <!-- <th nzEllipsis nzWidth="120px">签名</th> -->
                      </tr>
                    </thead>
                    <tbody>
                      @for (data of volume?.authorList; track data.mobile;let
                      index = $index) {
                      <tr>
                        <td nzEllipsis nzLeft>
                          {{ data.name }}
                        </td>
                        <td nzEllipsis nzLeft>
                          <a (click)="openFile(data?.examine)">政治审查表</a>
                        </td>
                        <td nzEllipsis>
                          {{ data.unit }}
                        </td>
                        <td nzEllipsis>
                          {{ data.birth?.iso | date : "yyyy-MM" }}
                        </td>
                        <td nzEllipsis>
                          {{ data.nationality }}
                        </td>
                        <td nzEllipsis>
                          {{ data.job }}
                        </td>
                        <td nzEllipsis>
                          {{ data.title }}
                        </td>
                        <td nzEllipsis>
                          {{ data.mobile }}
                        </td>
                        <td nzEllipsis>
                          {{ data.email }}
                        </td>
                        <td nzEllipsis>
                          {{ data.work }}
                        </td>
                        <!-- <td nzEllipsis>
                    <a (click)="openFile(data?.signature)">签名文件</a>
                  </td> -->
                      </tr>
                      }
                    </tbody>
                  </nz-table>
                  @if (volume?.otherEditor) {
                  <a (click)="openFile(volume.otherEditor)"
                    >其他编者政治审查意见</a
                  >
                  }
                </nz-collapse-panel>
                }
              </nz-collapse>

              <div class="row" style="margin-top: 10px">
                <div class="label">图书编校质量自查结果记录表</div>
                <div class="value">
                  <a (click)="openFile(textBook?.selfResults?.url)">{{
                    textBook?.selfResults?.name
                  }}</a>
                </div>
              </div>
              <div class="row">
                <div class="label">专家审查意见表</div>
                <div class="value">
                  <a (click)="openFile(textBook?.expertOpinion?.url)">{{
                    textBook?.expertOpinion?.name
                  }}</a>
                </div>
              </div>
              <div class="row">
                <div class="label">教材使用情况证明材料</div>
                <div class="value">
                  <a (click)="openFile(textBook?.evidence?.url)">{{
                    textBook?.evidence?.name
                  }}</a>
                </div>
              </div>
              <div class="row">
                <div class="label">版权页截图</div>
                <div class="value">
                  @if (textBook?.copyrightImgUrl) {
                  <a (click)="openFile(textBook?.copyrightImgUrl)">截图文件</a>
                  }
                </div>
              </div>
              <div class="row">
                <div class="label">中国版本图书馆 CIP 查询截图</div>
                <div class="value">
                  @if (textBook?.CIPImgUrl) {
                  <a (click)="openFile(textBook?.CIPImgUrl)">查询截图</a>
                  }
                </div>
              </div>
              <div class="row">
                <div class="label">CIP 相关证明截图</div>
                <div class="value">
                  @for (item of textBook?.cipProveFile; track item.name) {
                  <a (click)="openFile(item.url)" style="margin-right: 10px">{{
                    item.name
                  }}</a>
                  <br />
                  }
                </div>
              </div>

              <div class="row">
                <div class="label">其他材料</div>
                <div class="value">
                  @for (item of textBook?.moreMaterial; track item.name) {
                  <a (click)="openFile(item.url)" style="margin-right: 10px">{{
                    item.name
                  }}</a>
                  <br />
                  }
                </div>
              </div>
            </div>
          </div>
        </div>

        <div nz-col nzSpan="6">
          <div style="position: fixed">
            <ul class="herf">
              <li class="lv1" (click)="herfLink('anchor1')">教材基本信息</li>
              <li class="lv1" (click)="herfLink('anchor2')">教材适用情况</li>
              <li class="lv1" (click)="herfLink('anchor3')">作者信息</li>
              <li class="lv2" (click)="herfLink('anchor3_1')">作者</li>
              <li class="lv2" (click)="herfLink('anchor3_2')">
                第一主编（作者）情况
              </li>
              <li class="lv1" (click)="herfLink('anchor4')">
                申报教材建设历程
              </li>
              <li class="lv1" (click)="herfLink('anchor5')">
                申报教材特色及创新
              </li>
              <li class="lv1" (click)="herfLink('anchor6')">
                申报教材应用情况及社会影响力
              </li>
              <li class="lv1" (click)="herfLink('anchor9')">
                申报单位承诺意见
              </li>
              <li class="lv1" (click)="herfLink('anchor7')">附件材料清单</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </ng-template>
</div>