Parcourir la source

updata:basicIn author basic

xll il y a 1 mois
Parent
commit
f2df841c37

+ 88 - 146
projects/textbook/src/modules/nav-author/components/basic-in/basic-in.component.html

@@ -1,54 +1,42 @@
 <div class="entry">
-  <form
-    nz-form
-    [formGroup]="validateForm"
-    class="login-form"
-    (ngSubmit)="submitForm()"
-  >
+  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
     <nz-form-item style="margin-bottom: 16px">
-      <nz-form-label
-        [nzSm]="8"
-        [nzNoColon]="true"
-        [nzXs]="8"
-        nzRequired
-        nzFor="user"
-        >申报教材名称</nz-form-label
-      >
+      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired nzFor="user">申报教材名称</nz-form-label>
       <nz-form-control nzErrorTip="请输入申报教材名称" [nzSm]="12" [nzXs]="12">
         <nz-input-group>
-          <input
-            type="text"
-            nz-input
-            formControlName="title"
-            placeholder="请输入申报教材名称"
-          />
+          <input type="text" nz-input formControlName="title" placeholder="请输入申报教材名称" />
+        </nz-input-group>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item style="margin-bottom: 16px">
+      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>教材所属学科专业类</nz-form-label>
+      <nz-form-control nzErrorTip="输入教材所属学科专业类" [nzSm]="12" [nzXs]="12">
+        <nz-input-group>
+          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="填写 4 位专业代码选择" formControlName="discipline"
+            (ngModelChange)="changeCode()" (nzOnSearch)="getCode($event)">
+            @for(major of selectList02; track major.code;let index = $index){
+            <nz-option nzCustomContent [nzValue]="major.code" [nzLabel]="major.name + '-' + major.code">
+              <div>{{ major.name }}</div>
+              <div style="font-size: 12px; color: gray">{{ major.code }}</div>
+            </nz-option>
+            }
+          </nz-select>
         </nz-input-group>
       </nz-form-control>
     </nz-form-item>
     <nz-form-item style="margin-bottom: 16px">
-      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired
-        >教材应用对象及所属学科专业类</nz-form-label
-      >
-      <nz-form-control
-        nzErrorTip="输入所属本科专业类代码(四位)搜索所属学科"
-        [nzSm]="12"
-        [nzXs]="12"
-      >
+      <nz-form-label nz-popover 
+      nzPopoverContent="如为面向所有学生的通识类教材,选0000" 
+      [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>
+        教材应用对象及所属学科专业类
+        <span class="exclamation-circle" nz-icon nzType="exclamation-circle" nzTheme="outline"></span>
+      </nz-form-label>
+      <nz-form-control nzErrorTip="输入所属本科专业类代码(四位)搜索所属学科" [nzSm]="12" [nzXs]="12">
         <nz-input-group>
-          <nz-select
-            nzShowSearch
-            nzAllowClear
-            nzPlaceHolder="填写 4 位专业代码选择"
-            formControlName="majorPoniter"
-            (ngModelChange)="changeCode()"
-            (nzOnSearch)="getCode($event)"
-          >
+          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="填写 4 位专业代码选择" formControlName="majorPoniter"
+            (ngModelChange)="changeCode()" (nzOnSearch)="getCode($event)">
             @for(major of selectList; track major.code;let index = $index){
-            <nz-option
-              nzCustomContent
-              [nzValue]="major.code"
-              [nzLabel]="major.name + '-' + major.code"
-            >
+            <nz-option nzCustomContent [nzValue]="major.code" [nzLabel]="major.name + '-' + major.code">
               <div>{{ major.name }}</div>
               <div style="font-size: 12px; color: gray">{{ major.code }}</div>
             </nz-option>
@@ -66,24 +54,12 @@
       </nz-form-control>
     </nz-form-item>
     <nz-form-item style="margin-bottom: 16px">
-      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired
-        >是否重点立项教材</nz-form-label
-      >
+      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>是否重点立项教材</nz-form-label>
       <nz-form-control nzErrorTip="请输入完成项" [nzSm]="12" [nzXs]="12">
         <nz-input-group>
-          <nz-select
-            nzShowSearch
-            nzAllowClear
-            nzPlaceHolder="请输入是否重点立项教材"
-            formControlName="approval"
-          >
+          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="请输入是否重点立项教材" formControlName="approval">
             @for (item of options; track item.code) {
-            <nz-option
-              nzCustomContent
-              [nzValue]="item.name"
-              [nzLabel]="item.name"
-              >{{ item.name }}</nz-option
-            >
+            <nz-option nzCustomContent [nzValue]="item.name" [nzLabel]="item.name">{{ item.name }}</nz-option>
             }
             <!-- <nz-option nzCustomContent [nzValue]="'基础学科“101计划”核心教材'" [nzLabel]="'基础学科“101计划”核心教材'">基础学科“101计划”核心教材</nz-option>
             <nz-option nzCustomContent [nzValue]="'战略性新兴领域教材'" [nzLabel]="'战略性新兴领域教材'">战略性新兴领域教材</nz-option>
@@ -95,34 +71,36 @@
     </nz-form-item>
     @if (validateForm.value.approval && validateForm.value.approval != '否') {
     <nz-form-item style="margin-bottom: 16px">
-      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired
-        >教材获批截图</nz-form-label
-      >
+      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>教材获批截图</nz-form-label>
       <nz-form-control nzErrorTip="请上传教材获批截图" [nzSm]="12" [nzXs]="12">
         @if (validateForm.value.approvedImgUrl) {
-        <a
-          style="color: #3e49b3; font-size: 14px"
-          (click)="openFile(validateForm.value.approvedImgUrl)"
-        >
+        <a style="color: #3e49b3; font-size: 14px" (click)="openFile(validateForm.value.approvedImgUrl)">
           <span nz-icon nzType="file" nzTheme="outline"></span>
           教材获批截图
         </a>
         }
         <nz-input-group>
-          <app-comp-upload
-          [type]="'pdf'"
-            (change)="upload($event, 'approvedImgUrl')"
-            title="上传教材获批截图"
-          ></app-comp-upload>
+          <app-comp-upload [type]="'pdf'" (change)="upload($event, 'approvedImgUrl')"
+            title="上传教材获批截图"></app-comp-upload>
         </nz-input-group>
         <p style="color: gray">支持上传 PDF 格式,文件大小不超过 2M</p>
       </nz-form-control>
     </nz-form-item>
     }
     <nz-form-item style="margin-bottom: 16px">
-      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired
-        >申报类型</nz-form-label
-      >
+      <nz-form-label 
+      nz-popover nzPopoverPlacement="left"
+      [nzPopoverContent]="typeTemplate"
+      [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>
+        申报类型
+        <span class="exclamation-circle" nz-icon nzType="exclamation-circle" nzTheme="outline"></span>
+      </nz-form-label>
+      <ng-template #typeTemplate>
+        <div class="template">
+          本次评选不受理系列教材申报。如《某教材—理论篇》《某教材—实践篇》或《某某教材—听说》《某某教材—读写》均属于系列教材。系列教材建议申报其中最优的一册。全册教材指相同书名的上下册、1—n 册,如《某教材(上)》《某教材(下)》或《某某教材(第 1 册)》《某某教材(第 2 册)》《某某教材(第 3 册)》。全册教材可按“单本”申报,也可按“全册”申报,
+          如按“全册”申报只占用一个名额。
+        </div>
+      </ng-template>
       <nz-form-control nzErrorTip="请输入申报类型" [nzSm]="12" [nzXs]="12">
         <nz-input-group>
           <!-- <input
@@ -132,10 +110,7 @@
             placeholder="请输入申报类型"
           /> -->
 
-          <nz-radio-group
-            style="display: flex; flex-direction: column"
-            formControlName="type"
-          >
+          <nz-radio-group style="display: flex; flex-direction: column" formControlName="type">
             <label (click)="checkSingle()" nz-radio nzValue="单本">单本</label>
             <div class="basic-row">
               <label (click)="checkAll()" nz-radio nzValue="全册">全册</label>
@@ -162,8 +137,8 @@
       </nz-form-control>
     </nz-form-item>
 
-    @if(!loading){ 
-      <!-- @if(validateForm.value.type=='全册'){
+    @if(!loading){
+    <!-- @if(validateForm.value.type=='全册'){
         <mat-accordion class="example-headers-align" multi>
           @for (item of eduTextbookVolumeList; track $index) {
           <mat-expansion-panel>
@@ -203,85 +178,52 @@
           ></app-one>
         } 
       } } -->
-      @if (validateForm.value.type =='全册') {
-        <nz-collapse [nzBordered]="false">
-          @for (panel of eduTextbookVolumeList; track panel) {
-          <nz-collapse-panel
-            #p
-            [nzHeader]="title"
-            [nzActive]="false"
-            nzExpandedIcon="caret-right"
-            [nzExtra]="extraTpl"
-            style="
+    @if (validateForm.value.type =='全册') {
+    <nz-collapse [nzBordered]="false">
+      @for (panel of eduTextbookVolumeList; track panel) {
+      <nz-collapse-panel #p [nzHeader]="title" [nzActive]="false" nzExpandedIcon="caret-right" [nzExtra]="extraTpl"
+        style="
               background: #f7f7f7;
               border-radius: 4px;
               margin-bottom: 24px;
               border: 0px;
-            "
-          >
-          <ng-template #title>
-            <span class="panel-title">{{'分册' + ($index+1)}}</span>
-          </ng-template>
-          <ng-template #extraTpl>
-            <span nz-icon nzType="delete" (click)="deleteVolume($index, children)"></span>
-          </ng-template>
-            <div class="">
-              <app-one
-              #children
-              [eduTextbookId]="eduTextbookId"
-              [eduTextbookVolumeId]="panel?.id"
-            ></app-one>
-            </div>
-            <ng-template #expandedIcon let-active>
-              {{ active }}
-              <span
-                nz-icon
-                nzType="caret-right"
-                class="ant-collapse-arrow"
-                [nzRotate]="p.nzActive ? 90 : -90"
-              ></span>
-            </ng-template>
-          </nz-collapse-panel>
-          }
-        </nz-collapse>
-        }@else { 
-          @if (singleId) {
-          <app-one
-            #children
-            [eduTextbookId]="eduTextbookId"
-            [eduTextbookVolumeId]="singleId"
-          ></app-one>
-        }
-         @if(!singleId){
-          <app-one
-            #children
-            [eduTextbookId]="eduTextbookId"
-            eduTextbookVolumeId=""
-          ></app-one>
-        } }
+            ">
+        <ng-template #title>
+          <span class="panel-title">{{'分册' + ($index+1)}}</span>
+        </ng-template>
+        <ng-template #extraTpl>
+          <span nz-icon nzType="delete" (click)="deleteVolume($index, children)"></span>
+        </ng-template>
+        <div class="">
+          <app-one #children [eduTextbookId]="eduTextbookId" [eduTextbookVolumeId]="panel?.id"></app-one>
+        </div>
+        <ng-template #expandedIcon let-active>
+          {{ active }}
+          <span nz-icon nzType="caret-right" class="ant-collapse-arrow" [nzRotate]="p.nzActive ? 90 : -90"></span>
+        </ng-template>
+      </nz-collapse-panel>
+      }
+    </nz-collapse>
+    }@else {
+    @if (singleId) {
+    <app-one #children [eduTextbookId]="eduTextbookId" [eduTextbookVolumeId]="singleId"></app-one>
     }
-    @if (validateForm.value.type == '全册' && this.eduTextbookVolumeList.length < 12 ) {
-      <div class="add-bar" (click)="addVolume()">
-        新增分页
-      </div>
+    @if(!singleId){
+    <app-one #children [eduTextbookId]="eduTextbookId" eduTextbookVolumeId=""></app-one>
+    } }
     }
-  </form>
+    @if (validateForm.value.type == '全册' && this.eduTextbookVolumeList.length < 12 ) { <div class="add-bar"
+      (click)="addVolume()">
+      新增分页
+</div>
+}
+</form>
 </div>
 <div class="footer">
-  <button
-    nz-button
-    nzType="default"
-    style="margin-right: 20px"
-    (click)="submitForm('save')"
-  >
+  <button nz-button nzType="default" style="margin-right: 20px" (click)="submitForm('save')">
     保存本页
   </button>
-  <button
-    nz-button
-    nzType="primary"
-    style="background: #3e49b3; border: 1px #3e49b3"
-    (click)="submitForm('next')"
-  >
+  <button nz-button nzType="primary" style="background: #3e49b3; border: 1px #3e49b3" (click)="submitForm('next')">
     下一页
   </button>
 </div>

+ 7 - 0
projects/textbook/src/modules/nav-author/components/basic-in/basic-in.component.scss

@@ -43,4 +43,11 @@
   justify-content: center;
   background: rgb(0 0 0 / 30%);
   z-index: 99;
+}
+.exclamation-circle{
+  margin-left: 10px;
+  margin-right: 2px;
+}
+.template{
+  width: 300px;
 }

+ 21 - 3
projects/textbook/src/modules/nav-author/components/basic-in/basic-in.component.ts

@@ -35,6 +35,8 @@ import { provideNativeDateAdapter } from '@angular/material/core';
 import { ViewChildren, QueryList } from '@angular/core';
 import { CreatedService } from '../../../../services/created.service';
 import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+
 
 @Component({
   selector: 'app-basic',
@@ -56,6 +58,7 @@ import { NzCollapseModule } from 'ng-zorro-antd/collapse';
     MatInputModule,
     MatDatepickerModule,
     NzCollapseModule,
+    NzPopoverModule
   ],
   standalone: true,
   templateUrl: './basic-in.component.html',
@@ -150,10 +153,14 @@ export class BasicInComponent implements OnInit {
         objectId: this.tbookSer.company,
       });
       let majorPoniter = this.selectList.find(
-        (item) => item.code == params.majorPoniter
+        (item:any) => item.code == params.majorPoniter
+      );
+      let discipline = this.selectList.find(
+        (item:any) => item.code == params.discipline
       );
       this.eduTextbook?.set('title', params.title);
       this.eduTextbook?.set('majorPoniter', majorPoniter);
+      this.eduTextbook?.set('discipline', discipline);
       this.eduTextbook?.set('approval', params.approval);
       this.eduTextbook?.set('type', params.type);
       this.eduTextbook?.set('approvedImgUrl', params.approvedImgUrl);
@@ -333,6 +340,7 @@ export class BasicInComponent implements OnInit {
   validateForm: FormGroup<{
     title: FormControl<string>; //申报教材名称
     majorPoniter: FormControl<string>; //教材应用对象及所诉学科专业类
+    discipline:FormControl<string>;
     approval: FormControl<string>; //是否为重点立项教材
     type: FormControl<string>; //申报类型
     approvedImgUrl: FormControl<string>; //重点立项教材获批截图
@@ -356,6 +364,7 @@ export class BasicInComponent implements OnInit {
   }> = this.fb.group({
     title: ['', [Validators.required]],
     majorPoniter: ['', [Validators.required]],
+    discipline: ['', [Validators.required]],
     approval: ['', [Validators.required]],
     type: ['', [Validators.required]],
     approvedImgUrl: [''],
@@ -380,7 +389,9 @@ export class BasicInComponent implements OnInit {
   /** 所属学科专业类显示数量*/
   nzOptionOverflowSize = 5;
   //教材应用对象及所诉学科专业类
-  selectList = major.majors.options;
+  selectList:any;
+   //教材所属学科专业类
+   selectList02=major.majors.options
   //语言选择
   selectLang: Array<any> = languages.options;
   //可选单位类型
@@ -485,10 +496,13 @@ export class BasicInComponent implements OnInit {
     private msg: NzMessageService,
     private cdr: ChangeDetectorRef,
     private creatSev: CreatedService
-  ) {}
+  ) {
+    this.selectList =[{degree:'面向所有学生',cate:'面向所有学生',code:'0000',name:'面向所有学生'},...major.majors.options] ;
+  }
 
   isShowChooseEU: boolean = true;
   ngOnInit() {
+
     // if (this.eduTextbook?.get('editionUnit')) {
     //   this.isShowChooseEU = false
     // }
@@ -512,6 +526,10 @@ export class BasicInComponent implements OnInit {
         this.eduTextbook?.get('majorPoniter')?.code || '',
         [Validators.required],
       ],
+      discipline:[
+        this.eduTextbook?.get('discipline')?.code || '',
+        [Validators.required],
+      ],
       approval: [
         this.eduTextbook?.get('approval') || '',
         [Validators.required],

+ 8 - 1
projects/textbook/src/modules/nav-author/components/create/author/author.component.html

@@ -2,7 +2,14 @@
   <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
 
   <div class="author-content">
-    <div class="nav"><span style="color: #ff4d4f;">*</span> 作者(含主编,不超过 6 人,教材中明确出现姓名)</div>
+    <div class="nav" >
+      <span style="color: #ff4d4f;">*</span>
+      <span nz-popover nzPopoverPlacement="right" nzPopoverContent="作者顺序完全遵照教材上的排序,写前 6 人">
+        作者(含主编,不超过 6 人,教材中明确出现姓名)
+        <span class="exclamation-circle" nz-icon nzType="exclamation-circle" nzTheme="outline"></span>
+      </span>
+       
+    </div>
     <!-- <nz-form-label
       class="title"
       [nzNoColon]="true"

+ 3 - 0
projects/textbook/src/modules/nav-author/components/create/author/author.component.scss

@@ -18,4 +18,7 @@
     text-align: left;
     margin: 10px 0;
   }
+}
+.template{
+  width: 300px;
 }

+ 3 - 1
projects/textbook/src/modules/nav-author/components/create/author/author.component.ts

@@ -16,6 +16,8 @@ import {
   Validators,
 } from '@angular/forms';
 import Parse from 'parse';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+
 interface author {
   name: string;
   unit: string;
@@ -44,7 +46,7 @@ interface achievementType {
     NzGridModule,
     NzCheckboxModule,
     NzTableModule,
-    CompUploadComponent,
+    CompUploadComponent,NzPopoverModule
   ],
   standalone: true,
   templateUrl: './author.component.html',

+ 49 - 13
projects/textbook/src/modules/nav-author/components/create/basic/basic.component.html

@@ -12,7 +12,16 @@
     </nz-form-control>
   </nz-form-item>
   <nz-form-item style="margin-bottom: 16px">
-    <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>第一主编(作者)</nz-form-label>
+    <nz-form-label nz-popover [nzPopoverContent]="authorTemplate" [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>
+      第一主编(作者)
+      <span class="exclamation-circle" nz-icon nzType="exclamation-circle" nzTheme="outline"></span>
+    </nz-form-label>
+    <ng-template #authorTemplate>
+      <div class="template">
+        教材的第一主编须与版权页及CIP核字号验证一致。第一主编是组织或单位的,也应按版权页填写组织或单位,同时按照教材相关内容中的具体编者名单,填写“作者信息”表。按“全册”申报的,如多册之间的第一主编不是同一人,可将各册的第一主编均写上,
+        并由其中一人所在单位处申报。
+      </div>
+    </ng-template>
     <nz-form-control nzErrorTip="请输入第一主编(作者)" [nzSm]="12" [nzXs]="12">
       <nz-input-group>
         <input type="text" nz-input formControlName="author" placeholder="请输入作者姓名" />
@@ -20,7 +29,30 @@
     </nz-form-control>
   </nz-form-item>
   <nz-form-item style="margin-bottom: 16px">
-    <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>第一主编(作者)单位</nz-form-label>
+    <nz-form-label nz-popover [nzPopoverContent]="unitTemplate"
+    [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>
+      第一主编(作者)单位
+      <span class="exclamation-circle" nz-icon nzType="exclamation-circle" nzTheme="outline"></span>
+    </nz-form-label>
+    <ng-template #unitTemplate>
+      <div class="template">
+        <ul>
+          <li>
+            如教材第一主编出版教材后调换单位,原则上由现在单位处申报,但须经原单位认可。
+          </li>
+          <li>
+            如教材第一主编无单位或者单位不是高校,可由第二主编单位处申报,但须经原单位同意。
+          </li>
+          <li>
+            如教材第一主编已退休,原则上仍由原单位处申报。如退休后被聘至新单位,且在新单位工作期间出版教材,可由新单位处申报,但须经原单位认可。
+          </li>
+          <li>
+            如教材第一主编已去世,可根据第一主编(作者)单位意见,继续由该单位申报,或者经第一主编单位同意,顺延至第二主编(作者)所在单位申报,上述两种方式均需去世第一主编继承人同意。
+          </li>
+        </ul>
+        以上情况,均需在申报材料中有说明并有佐证,如同意申报的证明等。
+      </div>
+    </ng-template>
     <nz-form-control nzErrorTip="请输入第一主编(作者)单位" [nzSm]="12" [nzXs]="12">
       <nz-input-group>
         <input type="text" nz-input formControlName="unit" placeholder="请输入作者单位" />
@@ -95,7 +127,18 @@
 
   </nz-form-item>
   <nz-form-item style="margin-bottom: 16px">
-    <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>初版时间</nz-form-label>
+    <nz-form-label nz-popover [nzPopoverContent]="editionFirstTemplate"
+    [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>
+      初版时间
+      <span class="exclamation-circle" nz-icon nzType="exclamation-circle" nzTheme="outline"></span>
+    </nz-form-label>
+    <ng-template #editionFirstTemplate>
+      <div class="template">
+        参评教材需同时满足以下两个时间要求:<br>
+        1、2022年8月(含)前初版(第一版)教材出版;<br>
+        2、2022年12月(含)后对教材进行过修订或重印
+      </div>
+    </ng-template>
     <nz-form-control nzErrorTip="请输入初版时间" [nzSm]="12" [nzXs]="12">
       <nz-input-group>
         <nz-date-picker nzMode="month" style="width: 100%" formControlName="editionFirst"></nz-date-picker>
@@ -155,7 +198,8 @@
       <nz-input-group>
         <nz-input-group [nzSuffix]="suffixTemplateInfo03">
           <!-- <input type="number" formControlName="printSum" nz-input placeholder="输入合计印数" /> -->
-          <nz-input-number style="width: 100%" nzBorderless formControlName="printNumber" [nzMin]="1" [nzStep]="1"></nz-input-number>
+          <nz-input-number style="width: 100%" nzBorderless formControlName="printNumber" [nzMin]="1"
+            [nzStep]="1"></nz-input-number>
         </nz-input-group>
         <ng-template #suffixTemplateInfo03> 万册 </ng-template>
       </nz-input-group>
@@ -176,15 +220,7 @@
       }
     </nz-form-control>
   </nz-form-item>
-  
-
-
-</form>
-
-
-
-
-
 
 
 
+</form>

+ 7 - 0
projects/textbook/src/modules/nav-author/components/create/basic/basic.component.scss

@@ -23,4 +23,11 @@
   // width: 200px;
   justify-content: end;
   // padding-right: 100px;
+}
+.exclamation-circle{
+  margin-left: 10px;
+  margin-right: 2px;
+}
+.template{
+  width: 300px;
 }

+ 2 - 1
projects/textbook/src/modules/nav-author/components/create/basic/basic.component.ts

@@ -21,6 +21,7 @@ import { NzInputModule } from 'ng-zorro-antd/input';
 import * as major from '../../../../../services/majors4.map'
 import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
 
 @Component({
   selector: 'app-one',
@@ -36,7 +37,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
     NzInputModule,
     NzTagModule,
     CompUploadComponent,
-    NzCheckboxModule,NzInputNumberModule
+    NzCheckboxModule,NzInputNumberModule,NzPopoverModule
   ],
 })
 export class BasicComponent implements OnInit {