页面中英文 翻译

src/app/routes/basedata/merchants-industry/add/add.component.html

@@ -30,7 +30,7 @@
 
   <!-- 是否启用 -->
   <nz-form-item>
-    <nz-form-label nzRequired [nzSm]="6" [nzXs]="24">{{ 'is.status' | translate }} </nz-form-label>
+    <nz-form-label nzRequired [nzSm]="6" [nzXs]="24">{{ 'is.status' | translate }}</nz-form-label>
     <nz-form-control [nzSm]="14" [nzXs]="24">
       <nz-switch
         [ngModelOptions]="{ standalone: true }"

src/app/routes/basedata/project-approval/add/add.component.html

@@ -1,27 +1,43 @@
 <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
   <nz-form-item>
+    <!-- 项目编码 -->
     <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="code">项目编码</nz-form-label>
-    <nz-form-control [nzSm]="14" [nzXs]="24" >
-      <input placeholder="自动生成" nz-input formControlName="code" id="code" [(ngModel)]="baseArchivesProjectApproval.code"/>
+    <nz-form-control [nzSm]="14" [nzXs]="24">
+      <!-- 自动生成 -->
+      <input
+        placeholder="{{ 'aoto.create' | translate }}"
+        nz-input
+        formControlName="code"
+        id="code"
+        [(ngModel)]="baseArchivesProjectApproval.code"
+      />
       <!-- <nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">
         请输入项目编码
       </nz-form-explain> -->
     </nz-form-control>
   </nz-form-item>
   <nz-form-item>
-    <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">项目名称</nz-form-label>
-    <nz-form-control [nzSm]="14" [nzXs]="24" >
-      <input nz-input formControlName="name" id="name" [(ngModel)]="baseArchivesProjectApproval.name" maxlength=20/>
+    <!-- 项目名称 -->
+    <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">{{ 'cost.item.name' | translate }}</nz-form-label>
+    <nz-form-control [nzSm]="14" [nzXs]="24">
+      <input nz-input formControlName="name" id="name" [(ngModel)]="baseArchivesProjectApproval.name" maxlength="20" />
       <nz-form-explain *ngIf="validateForm.get('name')?.dirty && validateForm.get('name')?.errors">
+        <!-- 请输入项目名称 -->
         请输入项目名称
       </nz-form-explain>
     </nz-form-control>
   </nz-form-item>
   <nz-form-item>
-    <nz-form-label nzRequired [nzSm]="6" [nzXs]="24">是否启用
-    </nz-form-label>
+    <!--是否启用  -->
+    <nz-form-label nzRequired [nzSm]="6" [nzXs]="24">{{ 'is.status' | translate }} </nz-form-label>
     <nz-form-control [nzSm]="14" [nzXs]="24">
-      <nz-switch [ngModelOptions]="{standalone: true}" [(ngModel)]="status" name="status" nzCheckedChildren="是" nzUnCheckedChildren="否"></nz-switch>
+      <nz-switch
+        [ngModelOptions]="{ standalone: true }"
+        [(ngModel)]="status"
+        name="status"
+        nzCheckedChildren="是"
+        nzUnCheckedChildren="否"
+      ></nz-switch>
     </nz-form-control>
   </nz-form-item>
-</form>
+</form>

src/app/routes/basedata/project-approval/project-approval.component.html

@@ -73,7 +73,8 @@
           </nz-form-control>
         </nz-form-item>
         <nz-form-item>
-          <nz-form-label nzRequired [nzSm]="8" [nzXs]="24">项目名称</nz-form-label>
+          <!-- 项目名称 -->
+          <nz-form-label nzRequired [nzSm]="8" [nzXs]="24">{{ 'cost.item.name' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input formControlName="name" id="name" [(ngModel)]="baseArchivesProjectApproval.name" name="name" nz-input
               placeholder="{{ 'placeholder' | translate }}项目名称" maxlength=20/>

src/app/routes/contract-management/contract-file/update/essential-information/essential-information.component.html

@@ -65,6 +65,7 @@
         <nz-form-item>
           <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" nzRequired>
             {{ 'financial.management.milestoneName' | translate }}
+            {{ 'financial.management.type' | translate }}
           </nz-form-label>
           <nz-form-control [nzSm]="24" [nzXs]="24">
             <nz-select

src/app/routes/pro/profile/basic/basic.component.html

@@ -1,37 +1,55 @@
-<page-header [title]="'基础详情页'"></page-header>
+<!-- 基础详情页 -->
+<page-header [title]="'{{ 'menu.profile.basic' | translate }}'"></page-header>
 <nz-card [nzHoverable]="true" [nzBordered]="false">
-  <sv-container size="large" title="退款申请">
-    <sv label="取货单号">1000000000</sv>
-    <sv label="状态">已取货</sv>
-    <sv label="销售单号">1234123421</sv>
-    <sv label="子订单">3214321432</sv>
+
+  <!-- 退款申请 -->
+  <sv-container size="large" title="{{ 'refund.application' | translate }}">
+    <!-- 取货单号 -->
+    <sv label="{{ 'take.invoice.number' | translate }}">1000000000</sv>
+    <!-- 状态 -->
+    <sv label="{{ 'state' | translate }}">已取货</sv>
+    <!-- 销售单号 -->
+    <sv label="{{ 'sales.orderNumber' | translate }}">1234123421</sv>
+    <!-- 子订单 -->
+    <sv label="{{ 'child.orders' | translate }}">3214321432</sv>
   </sv-container>
   <nz-divider></nz-divider>
-  <sv-container size="large" title="用户信息">
-    <sv label="用户姓名">付小小</sv>
-    <sv label="联系电话">18100000000</sv>
-    <sv label="常用快递">菜鸟仓储</sv>
-    <sv label="取货地址">浙江省杭州市西湖区万塘路18号</sv>
-    <sv label="备注">无</sv>
+
+  <!-- 用户信息 -->
+  <sv-container size="large" title="{{ 'user.info' | translate }}">
+    <!-- 用户姓名 -->
+    <sv label="{{ 'user.name' | translate }}">付小小</sv>
+    <!-- 联系电话 -->
+    <sv label="{{ 'contact.phone.number' | translate }}">18100000000</sv>
+    <!-- 常用快递 -->
+    <sv label="{{ 'commonly.used.express' | translate }}">菜鸟仓储</sv>
+    <!-- 取货地址 -->
+    <sv label="{{ 'pickup.address' | translate }}">浙江省杭州市西湖区万塘路18号</sv>
+    <!-- 备注 -->
+    <sv label="{{ 'memo' | translate }}">无</sv>
   </sv-container>
   <nz-divider></nz-divider>
-  <div class="text-lg mb-md">退货商品</div>
+  
+  <!-- 退货商品 -->
+  <div class="text-lg mb-md">{{ 'return.goods' | translate }}</div>
   <st #st [data]="goods" [columns]="goodsColumns" [body]="goodsBody" [page]="{ show: false }">
     <ng-template #goodsBody>
       <tr>
-        <td>合计</td>
+        <!--  合计-->
+        <td>{{ 'pm.total' | translate }}</td>
         <td></td>
         <td></td>
         <td class="text-right"></td>
         <td class="text-right">
-          <strong>{{basicNum}}</strong>
+          <strong>{{ basicNum }}</strong>
         </td>
         <td class="text-right">
-          <strong>{{amountNum | _currency}}</strong>
+          <strong>{{ amountNum | _currency }}</strong>
         </td>
       </tr>
     </ng-template>
   </st>
-  <div class="text-lg my-md">退货进度</div>
+  <!--退货进度  -->
+  <div class="text-lg my-md">{{ 'return.schedule' | translate }}</div>
   <st [data]="progress" [columns]="progressColumns" [page]="{ show: false }"></st>
 </nz-card>

src/app/routes/pro/result/fail/fail.component.html

@@ -1,23 +1,37 @@
 <page-header></page-header>
 <nz-card [nzBordered]="false">
-  <result type="error" [title]="'提交失败'" description="请核对并修改以下信息后，再重新提交。" [extra]="resultExtra">
+  <!-- 提交失败 请核对并修改以下信息后，再重新提交-->
+  <result
+    type="error"
+    [title]="'{{ 'submit.fail' | translate }}'"
+    description="{{ 'check.modify.following.information.before.resubmitting' | translate }}"
+    [extra]="resultExtra"
+  >
     <ng-template #resultExtra>
-      <div class="mb-md text-lg">您提交的内容有如下错误：</div>
+      <!-- 您提交的内容有如下错误： -->
+      <div class="mb-md text-lg">{{ 'your.submission.has.following.error' | translate }}：</div>
       <div class="mb-md">
-        <i nz-icon type="close-circle" class="text-error pr-sm"></i>您的账户已被冻结
+        <i nz-icon type="close-circle" class="text-error pr-sm"></i>
+        <!-- 您的账户已被冻结 -->
+        {{ 'your.account.frozen' | translate }}
         <a class="ml-md">
-          立即解冻
+          <!--立即解冻  -->
+          {{ 'thaw.immediately' | translate }}
           <i nz-icon type="right" class="pl-sm"></i>
         </a>
       </div>
       <div>
-        <i nz-icon type="close-circle" class="text-error pr-sm"></i>您的账户还不具备申请资格
+        <i nz-icon type="close-circle" class="text-error pr-sm"></i>
+        <!--  您的账户还不具备申请资格-->
+        {{ 'your.account.eligible.for.application.not.yet' | translate }}
         <a class="ml-md">
-          立即升级
+          <!-- 立即升级 -->
+          {{ 'upgrade.immediately' | translate }}
           <i nz-icon type="right" class="pl-sm"></i>
         </a>
       </div>
     </ng-template>
-    <button nz-button [nzType]="'primary'">返回修改</button>
+    <!--返回修改  -->
+    <button nz-button [nzType]="'primary'">{{ 'return.modify' | translate }}</button>
   </result>
 </nz-card>

src/app/routes/pro/result/success/success.component.html

@@ -1,24 +1,33 @@
 <page-header></page-header>
 <nz-card>
-  <result type="success" [title]="'提交成功'" description="提交结果页用于反馈一系列操作任务的处理结果，如果仅是简单操作，使用 Message 全局提示反馈即可。本文字区域可以展示简单的补充说明，如果有类似展示x“单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。"
-    [extra]="resultExtra">
+  <!-- 提交成功 -->
+  <result
+    type="success"
+    [title]="'{{ 'submit.success' | translate }}'"
+    description="提交结果页用于反馈一系列操作任务的处理结果，如果仅是简单操作，使用 Message 全局提示反馈即可。本文字区域可以展示简单的补充说明，如果有类似展示x“单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。"
+    [extra]="resultExtra"
+  >
     <ng-template #resultExtra>
       <div nz-row [nzGutter]="16" class="mb-md">
         <div nz-col [nzXs]="24" [nzSm]="12" [nzMd]="12" [nzLg]="12" [nzXl]="6">
-          <span class="text-grey-darker">项目 ID：</span>
+          <!-- 项目 -->
+          <span class="text-grey-darker">{{ 'project' | translate }} ID：</span>
           23421
         </div>
         <div nz-col [nzXs]="24" [nzSm]="12" [nzMd]="12" [nzLg]="12" [nzXl]="6">
-          <span class="text-grey-darker">负责人：</span>
+          <!--负责人：  -->
+          <span class="text-grey-darker">{{ 'depart.person.in.charge' | translate }}：</span>
           曲丽丽
         </div>
         <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12">
-          <span class="text-grey-darker">生效时间：</span>
+          <!--生效时间：  -->
+          <span class="text-grey-darker">{{ 'effect.time' | translate }}：</span>
           2016-12-12 ~ 2017-12-12
         </div>
       </div>
       <nz-steps [nzCurrent]="1" nzProgressDot>
-        <nz-step [nzTitle]="'创建项目'" [nzDescription]="createDesc">
+        <!--  创建项目-->
+        <nz-step [nzTitle]="'{{ 'create.object' | translate }}'" [nzDescription]="createDesc">
           <ng-template #createDesc>
             <div style="font-size: 14px; position: relative; left: 38px;">
               <div style="margin-top: 8px; margin-bottom: 4px;">
@@ -29,7 +38,8 @@
             </div>
           </ng-template>
         </nz-step>
-        <nz-step [nzTitle]="'部门初审'" [nzDescription]="checkedDesc">
+        <!-- 部门初审 -->
+        <nz-step [nzTitle]="'{{ 'depart.first.trial' | translate }}'" [nzDescription]="checkedDesc">
           <ng-template #checkedDesc>
             <div style="font-size: 14px; position: relative; left: 38px;">
               <div style="margin-top: 8px; margin-bottom: 4px;">
@@ -37,17 +47,23 @@
                 <i nz-icon type="dingding" class="ml-sm" style="color: #00a0e9;"></i>
               </div>
               <div style="margin-top: 8px; margin-bottom: 4px;">
-                <a (click)="msg.success('click')">催一下</a>
+                <!--  催一下-->
+                <a (click)="msg.success('click')">{{ 'hurry' | translate }}</a>
               </div>
             </div>
           </ng-template>
         </nz-step>
-        <nz-step [nzTitle]="'财务复核'"></nz-step>
-        <nz-step [nzTitle]="'完成'"></nz-step>
+        <!-- 财务复核 -->
+        <nz-step [nzTitle]="'{{ 'financial.review' | translate }}'"></nz-step>
+        <!-- 完成 -->
+        <nz-step [nzTitle]="'{{ 'cost.finish' | translate }}'"></nz-step>
       </nz-steps>
     </ng-template>
-    <button nz-button [nzType]="'primary'">返回列表</button>
-    <button nz-button>查看项目</button>
-    <button nz-button>打 印</button>
+    <!-- 返回列表 -->
+    <button nz-button [nzType]="'primary'">{{ 'return.lists' | translate }}</button>
+    <!-- 查看项目 -->
+    <button nz-button>{{ 'view.object' | translate }}</button>
+    <!-- 打 印 -->
+    <button nz-button>{{ 'menu.delon.print' | translate }}</button>
   </result>
 </nz-card>

src/app/routes/project-manage-archives/add/business-affairs/business-affairs.component.html

@@ -18,14 +18,14 @@
     <div nz-col [nzSpan]="6">
       <nz-form-item>
         <!-- 销售经理 -->
-        <nz-form-label [nzSpan]="8"> {{ 'sales' | translate }}{{ 'manager' | translate }} </nz-form-label>
+        <nz-form-label [nzSpan]="8">{{ 'sales' | translate }}{{ 'manager' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.saleManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
         <!-- 业务员 -->
-        <nz-form-label [nzSpan]="8"> {{ 'salesman' | translate }}</nz-form-label>
+        <nz-form-label [nzSpan]="8">{{ 'salesman' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.saleMan }}</nz-form-control>
       </nz-form-item>
     </div>
@@ -451,8 +451,8 @@
                 nzTitle="{{ 'table.Whether.to.delete' | translate }}?"
                 (nzOnConfirm)="paymentCollectionDelete(data.sort)"
               >
-                {{ 'table.delete' | translate }}</a
-              >
+                {{ 'table.delete' | translate }}
+              </a>
             </td>
           </tr>
         </tbody>
@@ -462,7 +462,7 @@
 </nz-card>
 
 <!-- 付款计划 -->
-<nz-card nzTitle="付款计划" nzSize="small">
+<nz-card nzTitle="{{ 'payFor' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -771,6 +771,8 @@
             <td style="width: 5%;">
               <input [(ngModel)]="data.desc2" nz-input maxlength="140" [disabled]="true" />
             </td>
+
+            <!-- 1 -->
             <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
               <nz-input-number
@@ -799,6 +801,8 @@
             <td style="width: 5%;">
               <input [(ngModel)]="data.desc3" nz-input maxlength="140" [disabled]="true" />
             </td>
+
+            <!-- 2 -->
             <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
               <nz-input-number
@@ -827,6 +831,8 @@
             <td style="width: 5%;">
               <input [(ngModel)]="data.desc4" nz-input maxlength="140" [disabled]="true" />
             </td>
+
+            <!-- 3 -->
             <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
               <nz-input-number

src/app/routes/project-manage-archives/add/essential-information/essential-information.component.html

@@ -5,7 +5,7 @@
       <nz-form-item>
         <!-- 项目编码 -->
         <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
-          {{ 'project' | translate }{{ 'table.thead.code' | translate }}}
+          {{ 'project' | translate }}{{ 'table.thead.code' | translate }}
         </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
           <nz-tree-select
@@ -24,7 +24,7 @@
           </nz-tree-select>
           <!-- 请选择项目 -->
           <nz-form-explain *ngIf="validateForm.get('proId')?.dirty && validateForm.get('proId')?.errors">
-            {{ 'cost.choose' | translate }} {{ 'project' | translate }}
+            {{ 'cost.choose' | translate }}{{ 'project' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
@@ -108,6 +108,7 @@
       <nz-form-item>
         <!-- 里程碑类型 -->
         <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" nzRequired>
+          {{ 'financial.management.milestoneName' | translate }}
           {{ 'milestone.milestone.type' | translate }}
         </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
@@ -315,7 +316,10 @@
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ '' | translate }}服务工程师</nz-form-label>
+        <!-- 服务工程师 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'service' | translate }}{{ 'engineer' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
           <nz-tree-select
             style="width: 100%"

src/app/routes/project-manage-archives/add/implementation/implementation.component.html

@@ -47,7 +47,7 @@
       <tr>
         <!-- 实施金额 -->
         <td>
-          <strong> {{ 'implementation' | translate }}{{ 'their.fees.money' | translate }} </strong>
+          <strong>{{ 'implementation' | translate }}{{ 'their.fees.money' | translate }}</strong>
         </td>
         <!-- 第一笔 -->
         <td>{{ 'the.first' | translate }}</td>
@@ -68,7 +68,7 @@
       <tr>
         <!--实际回款  -->
         <td>
-          <strong> {{ 'actual' | translate }}{{ 'receivable' | translate }} </strong>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
         </td>
         <td>{{ remittanceInformation.milestone1 }}</td>
         <td>{{ remittanceInformation.desc1 }}</td>

src/app/routes/project-manage-archives/add/serviceta/serviceta.component.html

@@ -11,7 +11,7 @@
     <div nz-col [nzSpan]="6">
       <nz-form-item>
         <!-- 客户名称 -->
-        <nz-form-label [nzSpan]="8"> {{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>

src/app/routes/project-manage-archives/list/list.component.html

@@ -1,6 +1,9 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary"  acl [acl-ability]="'project-manage-archives:add'">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'project-manage-archives:add'">
+      {{ 'cost.new' | translate }}
+    </button>
   </ng-template>
 </page-header>
 <nz-card>
@@ -9,7 +12,10 @@
     <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24">项目编码</nz-form-label>
+          <!-- 项目编码 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">
+            {{ 'project' | translate }}{{ 'table.thead.code' | translate }}
+          </nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input nz-input name="code" [(ngModel)]="projectManageArchives.proCode" />
           </nz-form-control>
@@ -17,7 +23,8 @@
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24">项目名称</nz-form-label>
+          <!-- 项目名称 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'cost.item.name' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input nz-input name="name" [(ngModel)]="projectManageArchives.proName" />
           </nz-form-control>
@@ -25,9 +32,12 @@
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
+          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]="true"></nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
+            <!-- 查询 -->
+            <button nzType="primary" (click)="query()" nz-button>
+              <span>{{ 'button.query' | translate }}</span>
+            </button>
           </nz-form-control>
         </nz-form-item>
       </div>
@@ -36,15 +46,28 @@
   <!-- 表格 -->
   <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
     <div nz-col [nzSpan]="24">
-      <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzTotal]="page.total"
-        [nzPageIndex]="page.current" (nzPageIndexChange)="pageIndexChange($event)" [nzLoading]="isSpinning">
+      <nz-table
+        nzSize="small"
+        #basicTable
+        [nzData]="listOfData"
+        [nzFrontPagination]="false"
+        [nzTotal]="page.total"
+        [nzPageIndex]="page.current"
+        (nzPageIndexChange)="pageIndexChange($event)"
+        [nzLoading]="isSpinning"
+      >
         <thead>
           <tr>
-            <th>项目编码</th>
-            <th>项目名称</th>
-            <th>客户名称</th>
-            <th>项目总金额</th>
-            <th>操作</th>
+            <!-- 项目编码 -->
+            <th>{{ 'project' | translate }}{{ 'table.thead.code' | translate }}</th>
+            <!-- 项目名称 -->
+            <th>{{ 'cost.item.name' | translate }}</th>
+            <!-- 客户名称 -->
+            <th>{{ 'customer.name' | translate }}</th>
+            <!--  项目总金额-->
+            <th>{{ 'total.amount.of.the.project' | translate }}</th>
+            <!-- 操作 -->
+            <th>{{ 'table.operation' | translate }}</th>
           </tr>
         </thead>
         <tbody>
@@ -54,11 +77,20 @@
             <td>{{ data.cusName }}</td>
             <td>{{ data.totalPrice }}</td>
             <td>
-              <a (click)="view(data)" acl [acl-ability]="'project-manage-archives:view'">详情</a>
-              <nz-divider nzType="vertical" acl [acl-ability]="'project-manage-archives:view'"></nz-divider>
-              <a (click)="update(data)" acl [acl-ability]="'project-manage-archives:update'">修改</a>
-              <nz-divider nzType="vertical" acl [acl-ability]="'project-manage-archives:update'"></nz-divider>
-              <a (click)="delete(data.id)" acl [acl-ability]="'project-manage-archives:delete'">删除</a>
+              <!-- 详情 -->
+              <a (click)="view(data)" acl [acl-ability]="'project-manage-archives:view'">
+                {{ 'table.view' | translate }}
+              </a>
+              <nz-divider nzType="vertical" acl [acl-ability]="'project-manage-archives:view'"> </nz-divider>
+              <!-- 修改 -->
+              <a (click)="update(data)" acl [acl-ability]="'project-manage-archives:update'">
+                {{ 'table.update' | translate }}
+              </a>
+              <nz-divider nzType="vertical" acl [acl-ability]="'project-manage-archives:update'"> </nz-divider>
+              <!--删除  -->
+              <a (click)="delete(data.id)" acl [acl-ability]="'project-manage-archives:delete'">
+                {{ 'table.delete' | translate }}
+              </a>
             </td>
           </tr>
         </tbody>

src/app/routes/project-manage-archives/update/business-affairs/business-affairs.component.html

@@ -3,46 +3,52 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!--  客户编码-->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.shortName' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">销售经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.saleManager}}</nz-form-control>
+        <!-- 销售经理 -->
+        <nz-form-label [nzSpan]="8">{{ 'sales' | translate }}{{ 'manager' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.saleManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">业务员</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.saleMan}}</nz-form-control>
+        <!--业务员  -->
+        <nz-form-label [nzSpan]="8">{{ 'salesman' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.saleMan }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">项目总金额</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.totalPrice}}</nz-form-control>
+        <!--项目总金额  -->
+        <nz-form-label [nzSpan]="8">{{ 'total.amount.of.the.project' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.totalPrice }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">已回款金额</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.received}}</nz-form-control>
+        <!-- 已回款金额 -->
+        <nz-form-label [nzSpan]="8">{{ 'amount.paid.back' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.received }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 <!-- 收款计划 -->
-<nz-card nzTitle="收款计划" nzSize="small">
+<nz-card nzTitle="{{ 'payment.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -51,8 +57,16 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #basicTable
-        [nzData]="collectionPlanList" [nzFrontPagination]="false" [nzShowPagination]="false" [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #basicTable
+        [nzData]="collectionPlanList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -66,83 +80,177 @@
         <tbody>
           <tr *ngFor="let data of basicTable.data">
             <td style="width: 7%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.planId" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="planIdChange(data,'1')">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.planId"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="planIdChange(data, '1')"
+              >
                 <nz-option *ngFor="let i of planList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!-- 第一笔 -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price1" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 (nzBlur)="priceBlur()"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId1" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileIdChange(data)">
+              <nz-input-number
+                [(ngModel)]="data.price1"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                (nzBlur)="priceBlur()"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId1"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileIdChange(data)"
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc1" nz-input maxlength=140 (blur)="descChange()"/>
+              <input [(ngModel)]="data.desc1" nz-input maxlength="140" (blur)="descChange()" />
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!-- 2 -->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price2" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 (nzBlur)="priceBlur()"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId2" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileIdChange(data)">
+              <nz-input-number
+                [(ngModel)]="data.price2"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                (nzBlur)="priceBlur()"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId2"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileIdChange(data)"
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc2" nz-input maxlength=140 (blur)="descChange()"/>
+              <input [(ngModel)]="data.desc2" nz-input maxlength="140" (blur)="descChange()" />
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!--3-->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price3" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 (nzBlur)="priceBlur()"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId3" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileIdChange(data)">
+              <nz-input-number
+                [(ngModel)]="data.price3"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                (nzBlur)="priceBlur()"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId3"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileIdChange(data)"
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc3" nz-input maxlength=140 (blur)="descChange()"/>
+              <input [(ngModel)]="data.desc3" nz-input maxlength="140" (blur)="descChange()" />
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!--4  -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price4" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 (nzBlur)="priceBlur()"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId4" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileIdChange(data)">
+              <nz-input-number
+                [(ngModel)]="data.price4"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                (nzBlur)="priceBlur()"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId4"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileIdChange(data)"
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc4" nz-input maxlength=140 (blur)="descChange()"/>
+              <input [(ngModel)]="data.desc4" nz-input maxlength="140" (blur)="descChange()" />
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!-- 5 -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price5" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 (nzBlur)="priceBlur()"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId5" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileIdChange(data)">
+              <nz-input-number
+                [(ngModel)]="data.price5"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                (nzBlur)="priceBlur()"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId5"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileIdChange(data)"
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc5" nz-input maxlength=140 (blur)="descChange()"/>
+              <input [(ngModel)]="data.desc5" nz-input maxlength="140" (blur)="descChange()" />
+            </td>
+            <td nzRight="0">
+              <!--是否删除  -->
+              <a
+                nz-popconfirm
+                nzTitle="{{ 'table.Whether.to.delete' | translate }}?"
+                (nzOnConfirm)="collectionPlanDelete(data.sort)"
+                >{{ 'table.delete' | translate }}</a
+              >
             </td>
-            <td nzRight="0"><a nz-popconfirm nzTitle="是否删除?"
-                (nzOnConfirm)="collectionPlanDelete(data.sort)">{{'table.delete'|translate}}</a></td>
           </tr>
         </tbody>
       </nz-table>
@@ -150,9 +258,8 @@
   </div>
 </nz-card>
 
-
 <!-- 回款情况 -->
-<nz-card nzTitle="回款情况" nzSize="small">
+<nz-card nzTitle="{{ 'receivable.situation' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -161,9 +268,16 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #basicTable2
-        [nzData]="paymentCollectionList" [nzFrontPagination]="false" [nzShowPagination]="false"
-        [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #basicTable2
+        [nzData]="paymentCollectionList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -177,83 +291,183 @@
         <tbody>
           <tr *ngFor="let data of basicTable2.data">
             <td style="width: 7%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.planId" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="planIdChange(data,'2')" nzDisabled>
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.planId"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="planIdChange(data, '2')"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of planList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!-- 第一笔 -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price1" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar"  [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId1" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileChange(data)" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price1"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId1"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileChange(data)"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc1" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc1" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!-- 2-->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price2" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId2" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileChange(data)" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price2"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId2"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileChange(data)"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc2" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc2" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!-- 3 -->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price3" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId3" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileChange(data)" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price3"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId3"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileChange(data)"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc3" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc3" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!-- 4 -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price4" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId4" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileChange(data)" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price4"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId4"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileChange(data)"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc4" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc4" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!--5 -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price5" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId5" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="mileChange(data)" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price5"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId5"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="mileChange(data)"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc5" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc5" nz-input maxlength="140" [disabled]="true" />
+            </td>
+            <td nzRight="0">
+              <!-- 是否删除 -->
+              <a
+                nz-popconfirm
+                nzTitle="{{ 'table.Whether.to.delete' | translate }}?"
+                (nzOnConfirm)="paymentCollectionDelete(data.sort)"
+                >{{ 'table.delete' | translate }}
+              </a>
             </td>
-            <td nzRight="0"><a nz-popconfirm nzTitle="是否删除?"
-              (nzOnConfirm)="paymentCollectionDelete(data.sort)">{{'table.delete'|translate}}</a></td>
           </tr>
         </tbody>
       </nz-table>
@@ -261,9 +475,8 @@
   </div>
 </nz-card>
 
-
 <!-- 付款计划 -->
-<nz-card nzTitle="付款计划" nzSize="small">
+<nz-card nzTitle="{{ 'payFor' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -272,9 +485,16 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #basicTable3
-        [nzData]="paymentPlanList" [nzFrontPagination]="false" [nzShowPagination]="false"
-        [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #basicTable3
+        [nzData]="paymentPlanList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -288,83 +508,178 @@
         <tbody>
           <tr *ngFor="let data of basicTable3.data">
             <td style="width: 7%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.planId" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="planIdChange(data,'3')" nzDisabled>
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.planId"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="planIdChange(data, '3')"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of planList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!--第一笔  -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price1" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId1" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price1"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId1"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc1" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc1" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!-- {{ 'the.second' | translate }} -->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price2" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId2" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price2"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId2"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc2" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc2" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!-- {{ 'the.third' | translate }} -->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price3" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId3" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price3"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId3"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc3" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc3" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!-- {{ 'the.fourth' | translate }} -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price4" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId4" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price4"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId4"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc4" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc4" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!-- {{ 'the.fifth' | translate }} -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price5" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId5" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price5"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId5"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc5" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc5" nz-input maxlength="140" [disabled]="true" />
+            </td>
+            <td nzRight="0">
+              <!-- 是否删除 -->
+              <a
+                nz-popconfirm
+                nzTitle="{{ 'table.Whether.to.delete' | translate }}?"
+                (nzOnConfirm)="paymentPlanDelete(data.sort)"
+                >{{ 'table.delete' | translate }}</a
+              >
             </td>
-            <td nzRight="0"><a nz-popconfirm nzTitle="是否删除?"
-              (nzOnConfirm)="paymentPlanDelete(data.sort)">{{'table.delete'|translate}}</a></td>
           </tr>
         </tbody>
       </nz-table>
@@ -372,9 +687,8 @@
   </div>
 </nz-card>
 
-
 <!-- 付款情况 -->
-<nz-card nzTitle="付款情况" nzSize="small">
+<nz-card nzTitle="{{ 'payFor' | translate }}{{ 'situation' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -383,9 +697,16 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #basicTable4
-        [nzData]="paymentStatusList" [nzFrontPagination]="false" [nzShowPagination]="false"
-        [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #basicTable4
+        [nzData]="paymentStatusList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -399,86 +720,181 @@
         <tbody>
           <tr *ngFor="let data of basicTable4.data">
             <td style="width: 7%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.planId" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" (ngModelChange)="planIdChange(data,'4')" nzDisabled>
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.planId"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                (ngModelChange)="planIdChange(data, '4')"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of planList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!-- 第一笔 -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price1" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId1" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price1"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId1"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc1" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc1" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!--2 -->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price2" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId2" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price2"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId2"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc2" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc2" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!-- 3 -->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price3" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId3" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price3"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId3"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc3" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc3" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!-- {4 -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price4" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId4" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price4"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId4"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc4" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc4" nz-input maxlength="140" [disabled]="true" />
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!-- 5 -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              <nz-input-number [(ngModel)]="data.price5" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar"
-                [nzParser]="parserDollar" [nzMax]=1000000000 [disabled]="true"></nz-input-number>
-            </td>
-            <td style="width: 5%;">
-              <nz-select style="width: 100%;" nzShowSearch nzAllowClear [(ngModel)]="data.mileId5" nzPlaceHolder="请选择"
-                [nzDropdownMatchSelectWidth]="false" nzDisabled>
+              <nz-input-number
+                [(ngModel)]="data.price5"
+                [nzMin]="0"
+                [nzStep]="1"
+                [nzFormatter]="formatterDollar"
+                [nzParser]="parserDollar"
+                [nzMax]="1000000000"
+                [disabled]="true"
+              ></nz-input-number>
+            </td>
+            <td style="width: 5%;">
+              <nz-select
+                style="width: 100%;"
+                nzShowSearch
+                nzAllowClear
+                [(ngModel)]="data.mileId5"
+                nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                [nzDropdownMatchSelectWidth]="false"
+                nzDisabled
+              >
                 <nz-option *ngFor="let i of milestoneList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
               </nz-select>
             </td>
             <td style="width: 5%;">
-              <input [(ngModel)]="data.desc5" nz-input maxlength=140 [disabled]="true"/>
+              <input [(ngModel)]="data.desc5" nz-input maxlength="140" [disabled]="true" />
+            </td>
+            <td nzRight="0">
+              <!-- 是否删除 -->
+              <a
+                nz-popconfirm
+                nzTitle="{{ 'table.Whether.to.delete' | translate }}?"
+                (nzOnConfirm)="paymentStatusDelete(data.sort)"
+                >{{ 'table.delete' | translate }}</a
+              >
             </td>
-            <td nzRight="0"><a nz-popconfirm nzTitle="是否删除?"
-              (nzOnConfirm)="paymentStatusDelete(data.sort)">{{'table.delete'|translate}}</a></td>
           </tr>
         </tbody>
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/update/development/development.component.html

@@ -3,67 +3,83 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.code' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="8">{{ customer.name }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">开发项目经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.deManager}}</nz-form-control>
+        <!-- 开发项目经理 -->
+        <nz-form-label [nzSpan]="8">{{ 'development' | translate }}{{ 'pm.PM' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.deManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">开发工程师</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.deEngineer}}</nz-form-control>
+        <!--开发工程师  -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}{{ 'engineer' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.deEngineer }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 
-<!-- 汇款信息 -->
-<nz-card nzTitle="回款信息" nzSize="small">
+<!-- 回款信息 -->
+<nz-card nzTitle="{{ 'receivable' | translate }}{{ 'info' | translate }}" nzSize="small">
   <nz-table nzBordered nzSize="small" [nzNoResult]="' '" [nzShowPagination]="false">
     <tbody>
       <tr>
-        <td><strong>开发金额</strong></td>
-        <td>第一笔</td>
-        <td>{{remittanceInformation.price1}}</td>
-        <td>第二笔</td>
-        <td>{{remittanceInformation.price2}}</td>
-        <td>第三笔</td>
-        <td>{{remittanceInformation.price3}}</td>
-        <td>第四笔</td>
-        <td>{{remittanceInformation.price4}}</td>
-        <td>第五笔</td>
-        <td>{{remittanceInformation.price5}}</td>
+        <!-- 开发金额 -->
+        <td>
+          <strong>{{ 'development' | translate }}{{ 'their.fees.money' | translate }}</strong>
+        </td>
+        <!-- 第一笔 -->
+        <td>{{ 'the.first' | translate }}</td>
+        <td>{{ remittanceInformation.price1 }}</td>
+
+        <td>{{ 'the.second' | translate }}</td>
+        <td>{{ remittanceInformation.price2 }}</td>
+
+        <td>{{ 'the.third' | translate }}</td>
+        <td>{{ remittanceInformation.price3 }}</td>
+
+        <td>{{ 'the.fourth' | translate }}</td>
+        <td>{{ remittanceInformation.price4 }}</td>
+
+        <td>{{ 'the.fifth' | translate }}</td>
+        <td>{{ remittanceInformation.price5 }}</td>
       </tr>
+
       <tr>
-        <td><strong>实际回款</strong></td>
-        <td>{{remittanceInformation.milestone1}}</td>
-        <td>{{remittanceInformation.desc1}}</td>
-        <td>{{remittanceInformation.milestone2}}</td>
-        <td>{{remittanceInformation.desc2}}</td>
-        <td>{{remittanceInformation.milestone3}}</td>
-        <td>{{remittanceInformation.desc3}}</td>
-        <td>{{remittanceInformation.milestone4}}</td>
-        <td>{{remittanceInformation.desc4}}</td>
-        <td>{{remittanceInformation.milestone5}}</td>
-        <td>{{remittanceInformation.desc5}}</td>
+        <!-- 实际回款 -->
+        <td>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
+        </td>
+        <td>{{ remittanceInformation.milestone1 }}</td>
+        <td>{{ remittanceInformation.desc1 }}</td>
+        <td>{{ remittanceInformation.milestone2 }}</td>
+        <td>{{ remittanceInformation.desc2 }}</td>
+        <td>{{ remittanceInformation.milestone3 }}</td>
+        <td>{{ remittanceInformation.desc3 }}</td>
+        <td>{{ remittanceInformation.milestone4 }}</td>
+        <td>{{ remittanceInformation.desc4 }}</td>
+        <td>{{ remittanceInformation.milestone5 }}</td>
+        <td>{{ remittanceInformation.desc5 }}</td>
       </tr>
     </tbody>
   </nz-table>
 </nz-card>
 
-<!-- 实施计划 -->
-<nz-card nzTitle="开发计划" nzSize="small">
+<!-- 开发计划 -->
+<nz-card nzTitle="{{ 'development' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -72,67 +88,116 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #expandTable [nzData]="listOfMapData"
-        nzTableLayout="fixed" [nzShowPagination]="false" [nzFrontPagination]="false">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #expandTable
+        [nzData]="listOfMapData"
+        nzTableLayout="fixed"
+        [nzShowPagination]="false"
+        [nzFrontPagination]="false"
+      >
         <thead>
           <tr>
-            <th style="width: 8%;" ></th>
-            <th style="width: 5%;">编码</th>
-            <th style="width: 12%;">里程碑</th>
-            <th style="width: 10%;">开始时间</th>
-            <th style="width: 10%;">结束时间</th>
-            <th style="width: 10%;">计划人天</th>
-            <th style="width: 20%;">执行人</th>
-            <th style="width: 10%;">实际人天</th>
-            <th style="width: 10%;">操作</th>
+            <th style="width: 8%;"></th>
+            <!-- 编码 -->
+            <th style="width: 5%;">{{ 'table.thead.code' | translate }}</th>
+            <!-- 里程碑 -->
+            <th style="width: 12%;">{{ 'financial.management.milestoneName' | translate }}</th>
+            <!-- 开始时间 -->
+            <th style="width: 10%;">{{ 'contract.start.date' | translate }}</th>
+            <!--  结束时间-->
+            <th style="width: 10%;">{{ 'contract.end.date' | translate }}</th>
+            <!-- 计划人天 -->
+            <th style="width: 10%;">{{ 'the.plan' | translate }}{{ 'person.date' | translate }}</th>
+            <!--执行人  -->
+            <th style="width: 20%;">{{ 'executor' | translate }}</th>
+            <!-- 实际人天 -->
+            <th style="width: 10%;">{{ 'actual' | translate }}{{ 'person.date' | translate }}</th>
+            <!-- 操作 -->
+            <th style="width: 10%;">{{ 'table.operation' | translate }}</th>
           </tr>
         </thead>
         <tbody>
           <ng-container *ngFor="let data of expandTable.data">
             <ng-container *ngFor="let item of mapOfExpandedData[data.key]">
-
-
               <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
-                <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
-                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">*
+                <td
+                  [nzIndentSize]="item.level! * 20"
+                  [nzShowExpand]="!!item.children"
+                  [(nzExpand)]="item.expand"
+                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)"
+                >
+                  *
                 </td>
-                <td><input nz-input [(ngModel)]="item.muilesCode" maxlength=6/></td>
+                <td><input nz-input [(ngModel)]="item.muilesCode" maxlength="6" /></td>
                 <td>
                   <ng-container *ngIf="item.muilesId">
                     {{ item.muilesName }}
                   </ng-container>
                   <ng-container *ngIf="!item.muilesId">
-                    <input nz-input [(ngModel)]="item.muilesName" maxlength=20/>
+                    <input nz-input [(ngModel)]="item.muilesName" maxlength="20" />
                   </ng-container>
                 </td>
                 <td>
-                  <nz-date-picker [(ngModel)]="item.startDate" (ngModelChange)="startChange(item,$event)"></nz-date-picker>
+                  <nz-date-picker
+                    [(ngModel)]="item.startDate"
+                    (ngModelChange)="startChange(item, $event)"
+                  ></nz-date-picker>
                 </td>
                 <td>
-                  <nz-date-picker [(ngModel)]="item.endDate" (ngModelChange)="startChange(item,$event)"></nz-date-picker>
+                  <nz-date-picker
+                    [(ngModel)]="item.endDate"
+                    (ngModelChange)="startChange(item, $event)"
+                  ></nz-date-picker>
                 </td>
                 <td>
-                  <nz-input-number [(ngModel)]="item.planTime" [nzMin]="0" [nzStep]="1" (nzBlur)="planTimeKeyup(item)" [nzMax]=1000></nz-input-number>
+                  <nz-input-number
+                    [(ngModel)]="item.planTime"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    (nzBlur)="planTimeKeyup(item)"
+                    [nzMax]="1000"
+                  ></nz-input-number>
                 </td>
                 <td>
                   <!-- <nz-select style="width: 100%;" [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="请选择"
                     [(ngModel)]="item.executor">
                     <nz-option *ngFor="let item of personnelList" [nzLabel]="item.id" [nzValue]="item.name"></nz-option>
                   </nz-select> -->
-                  <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-                  nzPlaceHolder="请选择"
-                  [(ngModel)]="item.executors" [nzMaxTagCount]="3" [nzAllowClear]="true" [nzDefaultExpandedKeys]="expandKeys">
-                </nz-tree-select>
+                  <nz-tree-select
+                    style="width: 100%"
+                    [nzNodes]="personnelList"
+                    nzShowSearch
+                    [nzMultiple]="true"
+                    nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                    [(ngModel)]="item.executors"
+                    [nzMaxTagCount]="3"
+                    [nzAllowClear]="true"
+                    [nzDefaultExpandedKeys]="expandKeys"
+                  >
+                  </nz-tree-select>
                 </td>
                 <td>
-                  <nz-input-number [(ngModel)]="item.realTime" [nzMin]="0" [nzStep]="1" [nzMax]=1000></nz-input-number>
+                  <nz-input-number
+                    [(ngModel)]="item.realTime"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    [nzMax]="1000"
+                  ></nz-input-number>
                 </td>
                 <td>
                   <a (click)="addChild(item.key)">{{ 'button.leve.lower' | translate }}</a>
                   <nz-divider nzType="vertical"></nz-divider>
-                  <a nz-popconfirm nzTitle="{{'isdelete'|translate}}" nzOkText="{{ 'yes' | translate }}"
+                  <a
+                    nz-popconfirm
+                    nzTitle="{{ 'isdelete' | translate }}"
+                    nzOkText="{{ 'yes' | translate }}"
                     nzCancelText="{{ 'no' | translate }}"
-                    (nzOnConfirm)="deleteRow(mapOfExpandedData[data.key],item,item.key)">{{ 'milestone.delete' | translate }}</a>
+                    (nzOnConfirm)="deleteRow(mapOfExpandedData[data.key], item, item.key)"
+                    >{{ 'milestone.delete' | translate }}</a
+                  >
                 </td>
               </tr>
             </ng-container>
@@ -141,4 +206,4 @@
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/update/essential-information/essential-information.component.html

@@ -3,49 +3,75 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>项目编码</nz-form-label>
+        <!-- 项目编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
+          {{ 'project' | translate }}{{ 'table.thead.code' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
           <!-- <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="proId" id="proId"
-            [(ngModel)]="projectManageArchivesa.proId" nzPlaceHolder="请选择">
+            [(ngModel)]="projectManageArchivesa.proId" nzPlaceHolder="{{ 'select.please.choose' | translate }}">
             <nz-option *ngFor="let i of proList" [nzValue]="i.id" [nzLabel]="i.code"></nz-option>
           </nz-select> -->
-          <nz-tree-select style="width: 100%" [nzNodes]="proList" nzShowSearch [nzMultiple]="false"
-            formControlName="proId" id="proId" nzPlaceHolder="请选择" [(ngModel)]="projectManageArchivesa.proId"
-            [nzMaxTagCount]="3" [nzAllowClear]="true" (ngModelChange)="proChange($event)">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="proList"
+            nzShowSearch
+            [nzMultiple]="false"
+            formControlName="proId"
+            id="proId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="projectManageArchivesa.proId"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="proChange($event)"
+          >
           </nz-tree-select>
           <nz-form-explain *ngIf="validateForm.get('proId')?.dirty && validateForm.get('proId')?.errors">
-            请选择项目
+            <!--请选择项目  -->
+            {{ 'cost.choose' | translate }}{{ 'project' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">项目名称</nz-form-label>
+        <!-- 项目名称 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ 'cost.item.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.proName}}
+          {{ projectManageArchivesa.proName }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">客户编码</nz-form-label>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ 'customer.code' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="cusId" id="cusId"
-            [(ngModel)]="projectManageArchivesa.cusId" nzPlaceHolder="请选择" (ngModelChange)="cusChange($event)">
+          <nz-select
+            style="widows: 100%;"
+            nzShowSearch
+            nzAllowClear
+            formControlName="cusId"
+            id="cusId"
+            [(ngModel)]="projectManageArchivesa.cusId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            (ngModelChange)="cusChange($event)"
+          >
             <nz-option *ngFor="let i of cusList" [nzValue]="i.id" [nzLabel]="i.name"></nz-option>
           </nz-select>
           <nz-form-explain *ngIf="validateForm.get('cusId')?.dirty && validateForm.get('cusId')?.errors">
-            请选择客户
+            <!--请选择客户  -->
+            {{ 'cost.choose' | translate }} {{ 'customer' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">客户名称</nz-form-label>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ 'customer.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.cusName}}
+          {{ projectManageArchivesa.cusName }}
         </nz-form-control>
       </nz-form-item>
     </div>
@@ -53,29 +79,53 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" nzRequired>项目总金额</nz-form-label>
+        <!-- 项目总金额 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" nzRequired>
+          {{ 'total.amount.of.the.project' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-input-number [(ngModel)]="projectManageArchivesa.totalPrice" formControlName="totalPrice" id="totalPrice"
-            [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar" [nzParser]="parserDollar"
-            (keyup)="getProjectManageArchivesa()" [nzMax]=10000000000></nz-input-number>
+          <nz-input-number
+            [(ngModel)]="projectManageArchivesa.totalPrice"
+            formControlName="totalPrice"
+            id="totalPrice"
+            [nzMin]="0"
+            [nzStep]="1"
+            [nzFormatter]="formatterDollar"
+            [nzParser]="parserDollar"
+            (keyup)="getProjectManageArchivesa()"
+            [nzMax]="10000000000"
+          ></nz-input-number>
           <nz-form-explain *ngIf="validateForm.get('totalPrice')?.dirty && validateForm.get('totalPrice')?.errors">
-            请输入项目总金额
+            <!-- 请输入项目总金额 -->
+            {{ 'placeholder' | translate }}{{ 'total.amount.of.the.project' | translate }}
           </nz-form-explain>
         </nz-form-control>
-
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" nzRequired>里程碑类型</nz-form-label>
+        <!-- 里程碑类型 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" nzRequired>
+          {{ 'financial.management.milestoneName' | translate }}
+          {{ 'milestone.milestone.type' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="milestoneId" id="milestoneId"
-            [(ngModel)]="projectManageArchivesa.milestoneId" nzPlaceHolder="请选择"
-            (ngModelChange)="milestoneChange($event)" [nzDisabled]="true">
+          <nz-select
+            style="widows: 100%;"
+            nzShowSearch
+            nzAllowClear
+            formControlName="milestoneId"
+            id="milestoneId"
+            [(ngModel)]="projectManageArchivesa.milestoneId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            (ngModelChange)="milestoneChange($event)"
+            [nzDisabled]="true"
+          >
             <nz-option *ngFor="let i of milestoneList" [nzValue]="i.value" [nzLabel]="i.text"></nz-option>
           </nz-select>
           <nz-form-explain *ngIf="validateForm.get('milestoneId')?.dirty && validateForm.get('milestoneId')?.errors">
-            请选择里程碑
+            <!-- 请选择里程碑-->
+            {{ 'select.please.choose' | translate }} {{ 'financial.management.milestoneName' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
@@ -84,27 +134,50 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">销售经理</nz-form-label>
+        <!-- 销售经理 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'sales' | translate }} {{ 'manager' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-tree-select style="width: 100%" [nzNodes]="saleManagerList" nzShowSearch [nzMultiple]="false"
-            formControlName="saleManagerId" id="saleManagerId" nzPlaceHolder="请选择"
-            [(ngModel)]="projectManageArchivesa.saleManagerId" [nzMaxTagCount]="3" [nzAllowClear]="true"
-            (ngModelChange)="managerChange($event,'1')">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="saleManagerList"
+            nzShowSearch
+            [nzMultiple]="false"
+            formControlName="saleManagerId"
+            id="saleManagerId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="projectManageArchivesa.saleManagerId"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="managerChange($event, '1')"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">业务员</nz-form-label>
+        <!-- 业务员 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ 'salesman' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <!-- <nz-select [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="请选择" formControlName="saleManIds"
+          <!-- <nz-select [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="{{ 'select.please.choose' | translate }}" formControlName="saleManIds"
             id="saleManIds" [(ngModel)]="saleManIds">
             <nz-option *ngFor="let item of personnelList" [nzLabel]="item.id" [nzValue]="item.name"></nz-option>
           </nz-select> -->
-          <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-            formControlName="saleManIds" id="saleManIds" nzPlaceHolder="请选择" [(ngModel)]="saleManIds"
-            [nzMaxTagCount]="3" [nzAllowClear]="true" (ngModelChange)="personnelChange($event,'1')">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="personnelList"
+            nzShowSearch
+            [nzMultiple]="true"
+            formControlName="saleManIds"
+            id="saleManIds"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="saleManIds"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="personnelChange($event, '1')"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
@@ -113,27 +186,52 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">实施项目经理</nz-form-label>
+        <!-- 实施项目经理 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'implementation' | translate }}{{ 'pm.PM' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-tree-select style="width: 100%" [nzNodes]="impManagerList" nzShowSearch [nzMultiple]="false"
-            formControlName="impManagerId" id="impManagerId" nzPlaceHolder="请选择"
-            [(ngModel)]="projectManageArchivesa.impManagerId" [nzMaxTagCount]="3" [nzAllowClear]="true"
-            (ngModelChange)="managerChange($event,'2')">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="impManagerList"
+            nzShowSearch
+            [nzMultiple]="false"
+            formControlName="impManagerId"
+            id="impManagerId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="projectManageArchivesa.impManagerId"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="managerChange($event, '2')"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">实施顾问</nz-form-label>
+        <!--实施顾问  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'implementation' | translate }}{{ 'consultant' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <!-- <nz-select [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="请选择" formControlName="impConsultantIds"
+          <!-- <nz-select [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="{{ 'select.please.choose' | translate }}" formControlName="impConsultantIds"
             id="impConsultantIds" [(ngModel)]="impConsultantIds">
             <nz-option *ngFor="let item of personnelList" [nzLabel]="item.id" [nzValue]="item.name"></nz-option>
           </nz-select> -->
-          <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-            formControlName="impConsultantIds" id="impConsultantIds" nzPlaceHolder="请选择" [(ngModel)]="impConsultantIds"
-            [nzMaxTagCount]="3" [nzAllowClear]="true" (ngModelChange)="personnelChange($event,'2')">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="personnelList"
+            nzShowSearch
+            [nzMultiple]="true"
+            formControlName="impConsultantIds"
+            id="impConsultantIds"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="impConsultantIds"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="personnelChange($event, '2')"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
@@ -142,23 +240,48 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">开发项目经理</nz-form-label>
+        <!-- 开发项目经理-->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'development' | translate }}{{ 'pm.PM' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-tree-select style="width: 100%" [nzNodes]="deManagerList" nzShowSearch [nzMultiple]="false"
-            formControlName="deManagerId" id="deManagerId" nzPlaceHolder="请选择"
-            [(ngModel)]="projectManageArchivesa.deManagerId" [nzMaxTagCount]="3" [nzAllowClear]="true"
-            (ngModelChange)="managerChange($event,'3')">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="deManagerList"
+            nzShowSearch
+            [nzMultiple]="false"
+            formControlName="deManagerId"
+            id="deManagerId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="projectManageArchivesa.deManagerId"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="managerChange($event, '3')"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">开发工程师</nz-form-label>
+        <!-- 开发工程师 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'customer.name' | translate }}{{ 'engineer' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-            formControlName="deEngineerIds" id="deEngineerIds" nzPlaceHolder="请选择" [(ngModel)]="deEngineerIds"
-            [nzMaxTagCount]="3" [nzAllowClear]="true" (ngModelChange)="personnelChange($event,'3')">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="personnelList"
+            nzShowSearch
+            [nzMultiple]="true"
+            formControlName="deEngineerIds"
+            id="deEngineerIds"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="deEngineerIds"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="personnelChange($event, '3')"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
@@ -167,26 +290,53 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">服务经理</nz-form-label>
+        <!-- 服务经理 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'service' | translate }}{{ 'manager' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-tree-select style="width: 100%" [nzNodes]="seManagerList" nzShowSearch [nzMultiple]="false"
-            formControlName="seManagerId" id="seManagerId" nzPlaceHolder="请选择"
-            [(ngModel)]="projectManageArchivesa.seManagerId" [nzMaxTagCount]="3" [nzAllowClear]="true"
-            (ngModelChange)="managerChange($event,'4')" [nzDefaultExpandedKeys]="expandKeys">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="seManagerList"
+            nzShowSearch
+            [nzMultiple]="false"
+            formControlName="seManagerId"
+            id="seManagerId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="projectManageArchivesa.seManagerId"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="managerChange($event, '4')"
+            [nzDefaultExpandedKeys]="expandKeys"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">服务工程师</nz-form-label>
+        <!-- 服务工程师 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'service' | translate }}{{ 'engineer' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-            formControlName="seEngineerIds" id="seEngineerIds" nzPlaceHolder="请选择" [(ngModel)]="seEngineerIds"
-            [nzMaxTagCount]="3" [nzAllowClear]="true" (ngModelChange)="personnelChange($event,'4')" [nzDefaultExpandedKeys]="expandKeys">
+          <nz-tree-select
+            style="width: 100%"
+            [nzNodes]="personnelList"
+            nzShowSearch
+            [nzMultiple]="true"
+            formControlName="seEngineerIds"
+            id="seEngineerIds"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            [(ngModel)]="seEngineerIds"
+            [nzMaxTagCount]="3"
+            [nzAllowClear]="true"
+            (ngModelChange)="personnelChange($event, '4')"
+            [nzDefaultExpandedKeys]="expandKeys"
+          >
           </nz-tree-select>
         </nz-form-control>
       </nz-form-item>
     </div>
   </div>
-</form>
+</form>

src/app/routes/project-manage-archives/update/implementation/implementation.component.html

@@ -3,67 +3,82 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.code' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!--  客户名称-->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">实施项目经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.impManager}}</nz-form-control>
+        <!--实施项目经理  -->
+        <nz-form-label [nzSpan]="8">{{ 'implementation' | translate }}{{ 'pm.PM' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.impManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">实施顾问</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.impConsultant}}</nz-form-control>
+        <!--实施顾问  -->
+        <nz-form-label [nzSpan]="8">{{ 'implementation' | translate }}{{ 'consultant' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.impConsultant }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 
-<!-- 汇款信息 -->
-<nz-card nzTitle="回款信息" nzSize="small">
+<!-- 回款信息 -->
+<nz-card nzTitle="{{ 'receivable' | translate }}{{ 'info' | translate }}" nzSize="small">
   <nz-table nzBordered nzSize="small" [nzNoResult]="' '" [nzShowPagination]="false">
     <tbody>
       <tr>
-        <td><strong>实施金额</strong></td>
-        <td>第一笔</td>
-        <td>{{remittanceInformation.price1}}</td>
-        <td>第二笔</td>
-        <td>{{remittanceInformation.price2}}</td>
-        <td>第三笔</td>
-        <td>{{remittanceInformation.price3}}</td>
-        <td>第四笔</td>
-        <td>{{remittanceInformation.price4}}</td>
-        <td>第五笔</td>
-        <td>{{remittanceInformation.price5}}</td>
+        <!-- 实施金额 -->
+        <td>
+          <strong>{{ 'implementation' | translate }}{{ 'their.fees.money' | translate }}</strong>
+        </td>
+        <!-- 第一笔 -->
+        <td>{{ 'the.first' | translate }}</td>
+        <td>{{ remittanceInformation.price1 }}</td>
+
+        <td>{{ 'the.second' | translate }}</td>
+        <td>{{ remittanceInformation.price2 }}</td>
+
+        <td>{{ 'the.third' | translate }}</td>
+        <td>{{ remittanceInformation.price3 }}</td>
+
+        <td>{{ 'the.fourth' | translate }}</td>
+        <td>{{ remittanceInformation.price4 }}</td>
+
+        <td>{{ 'the.fifth' | translate }}</td>
+        <td>{{ remittanceInformation.price5 }}</td>
       </tr>
       <tr>
-        <td><strong>实际回款</strong></td>
-        <td>{{remittanceInformation.milestone1}}</td>
-        <td>{{remittanceInformation.desc1}}</td>
-        <td>{{remittanceInformation.milestone2}}</td>
-        <td>{{remittanceInformation.desc2}}</td>
-        <td>{{remittanceInformation.milestone3}}</td>
-        <td>{{remittanceInformation.desc3}}</td>
-        <td>{{remittanceInformation.milestone4}}</td>
-        <td>{{remittanceInformation.desc4}}</td>
-        <td>{{remittanceInformation.milestone5}}</td>
-        <td>{{remittanceInformation.desc5}}</td>
+        <!--实际回款  -->
+        <td>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
+        </td>
+        <td>{{ remittanceInformation.milestone1 }}</td>
+        <td>{{ remittanceInformation.desc1 }}</td>
+        <td>{{ remittanceInformation.milestone2 }}</td>
+        <td>{{ remittanceInformation.desc2 }}</td>
+        <td>{{ remittanceInformation.milestone3 }}</td>
+        <td>{{ remittanceInformation.desc3 }}</td>
+        <td>{{ remittanceInformation.milestone4 }}</td>
+        <td>{{ remittanceInformation.desc4 }}</td>
+        <td>{{ remittanceInformation.milestone5 }}</td>
+        <td>{{ remittanceInformation.desc5 }}</td>
       </tr>
     </tbody>
   </nz-table>
 </nz-card>
 
 <!-- 实施计划 -->
-<nz-card nzTitle="实施计划" nzSize="small">
+<nz-card nzTitle="{{ 'implementation' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -72,66 +87,116 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #expandTable [nzData]="listOfMapData"
-        nzTableLayout="fixed" [nzShowPagination]="false" [nzFrontPagination]="false">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #expandTable
+        [nzData]="listOfMapData"
+        nzTableLayout="fixed"
+        [nzShowPagination]="false"
+        [nzFrontPagination]="false"
+      >
         <thead>
           <tr>
-            <th style="width: 8%;" ></th>
-            <th style="width: 5%;">编码</th>
-            <th style="width: 12%;">里程碑</th>
-            <th style="width: 10%;">开始时间</th>
-            <th style="width: 10%;">结束时间</th>
-            <th style="width: 10%;">计划人天</th>
-            <th style="width: 20%;">执行人</th>
-            <th style="width: 10%;">实际人天</th>
-            <th style="width: 10%;">操作</th>
+            <th style="width: 8%;"></th>
+            <!-- 编码 -->
+            <th style="width: 5%;">{{ 'table.thead.code' | translate }}</th>
+            <!-- 里程碑 -->
+            <th style="width: 12%;">{{ 'financial.management.milestoneName' | translate }}</th>
+            <!-- 开始时间 -->
+            <th style="width: 10%;">{{ 'contract.start.date' | translate }}</th>
+            <!-- 结束时间 -->
+            <th style="width: 10%;">{{ 'contract.end.date' | translate }}</th>
+            <!--计划人天  -->
+            <th style="width: 10%;">{{ 'the.plan' | translate }}{{ 'person.date' | translate }}</th>
+            <!-- 执行人 -->
+            <th style="width: 20%;">{{ 'executor' | translate }}</th>
+            <!-- 实际人天 -->
+            <th style="width: 10%;">{{ 'actual' | translate }}{{ 'person.date' | translate }}</th>
+            <!--操作  -->
+            <th style="width: 10%;">{{ 'table.operation' | translate }}</th>
           </tr>
         </thead>
         <tbody>
           <ng-container *ngFor="let data of expandTable.data">
             <ng-container *ngFor="let item of mapOfExpandedData[data.key]">
-
-
               <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
-                <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
-                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">*
+                <td
+                  [nzIndentSize]="item.level! * 20"
+                  [nzShowExpand]="!!item.children"
+                  [(nzExpand)]="item.expand"
+                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)"
+                >
+                  *
                 </td>
-                <td><input nz-input [(ngModel)]="item.muilesCode" maxlength=6/></td>
+                <td><input nz-input [(ngModel)]="item.muilesCode" maxlength="6" /></td>
                 <td>
                   <ng-container *ngIf="item.muilesId">
                     {{ item.muilesName }}
                   </ng-container>
                   <ng-container *ngIf="!item.muilesId">
-                    <input nz-input [(ngModel)]="item.muilesName" maxlength=20/>
+                    <input nz-input [(ngModel)]="item.muilesName" maxlength="20" />
                   </ng-container>
                 </td>
                 <td>
-                  <nz-date-picker [(ngModel)]="item.startDate" (ngModelChange)="startChange(item,$event)"></nz-date-picker>
+                  <nz-date-picker
+                    [(ngModel)]="item.startDate"
+                    (ngModelChange)="startChange(item, $event)"
+                  ></nz-date-picker>
                 </td>
                 <td>
-                  <nz-date-picker [(ngModel)]="item.endDate" (ngModelChange)="startChange(item,$event)"></nz-date-picker>
+                  <nz-date-picker
+                    [(ngModel)]="item.endDate"
+                    (ngModelChange)="startChange(item, $event)"
+                  ></nz-date-picker>
                 </td>
                 <td>
-                  <nz-input-number [(ngModel)]="item.planTime" [nzMin]="0" [nzStep]="1"(nzBlur)="planTimeKeyup(item)" [nzMax]=1000></nz-input-number>
+                  <nz-input-number
+                    [(ngModel)]="item.planTime"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    (nzBlur)="planTimeKeyup(item)"
+                    [nzMax]="1000"
+                  ></nz-input-number>
                 </td>
                 <td>
                   <!-- <nz-select style="width: 100%;" [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="请选择"
                     [(ngModel)]="item.executor">
                     <nz-option *ngFor="let item of personnelList" [nzLabel]="item.id" [nzValue]="item.name"></nz-option>
                   </nz-select> -->
-                  <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-                    nzPlaceHolder="请选择" [(ngModel)]="item.executors" [nzMaxTagCount]="3" [nzAllowClear]="true" [nzDefaultExpandedKeys]="expandKeys">
+                  <nz-tree-select
+                    style="width: 100%"
+                    [nzNodes]="personnelList"
+                    nzShowSearch
+                    [nzMultiple]="true"
+                    nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                    [(ngModel)]="item.executors"
+                    [nzMaxTagCount]="3"
+                    [nzAllowClear]="true"
+                    [nzDefaultExpandedKeys]="expandKeys"
+                  >
                   </nz-tree-select>
                 </td>
                 <td>
-                  <nz-input-number [(ngModel)]="item.realTime" [nzMin]="0" [nzStep]="1" [nzMax]=1000></nz-input-number>
+                  <nz-input-number
+                    [(ngModel)]="item.realTime"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    [nzMax]="1000"
+                  ></nz-input-number>
                 </td>
                 <td>
                   <a (click)="addChild(item.key)">{{ 'button.leve.lower' | translate }}</a>
                   <nz-divider nzType="vertical"></nz-divider>
-                  <a nz-popconfirm nzTitle="{{'isdelete'|translate}}" nzOkText="{{ 'yes' | translate }}"
+                  <a
+                    nz-popconfirm
+                    nzTitle="{{ 'isdelete' | translate }}"
+                    nzOkText="{{ 'yes' | translate }}"
                     nzCancelText="{{ 'no' | translate }}"
-                    (nzOnConfirm)="deleteRow(mapOfExpandedData[data.key],item,item.key)">{{ 'milestone.delete' | translate }}</a>
+                    (nzOnConfirm)="deleteRow(mapOfExpandedData[data.key], item, item.key)"
+                    >{{ 'milestone.delete' | translate }}</a
+                  >
                 </td>
               </tr>
             </ng-container>
@@ -140,4 +205,4 @@
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/update/serviceta/serviceta.component.html

@@ -3,67 +3,79 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!--客户编码  -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.code' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">服务项目经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.seManager}}</nz-form-control>
+        <!-- 服务项目经理 -->
+        <nz-form-label [nzSpan]="8">{{ 'service' | translate }}{{ 'pm.PM' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.seManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">服务工程师</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.seEngineer}}</nz-form-control>
+        <!-- 服务工程师 -->
+        <nz-form-label [nzSpan]="8">{{ 'service' | translate }}{{ 'engineer' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.seEngineer }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 
-<!-- 汇款信息 -->
-<nz-card nzTitle="回款信息" nzSize="small">
+<!-- 回款信息 -->
+<nz-card nzTitle="{{ 'receivable' | translate }}{{ 'info' | translate }}" nzSize="small">
   <nz-table nzBordered nzSize="small" [nzNoResult]="' '" [nzShowPagination]="false">
     <tbody>
+         <!-- 服务金额 -->
       <tr>
-        <td><strong>服务金额</strong></td>
-        <td>第一笔</td>
-        <td>{{remittanceInformation.price1}}</td>
-        <td>第二笔</td>
-        <td>{{remittanceInformation.price2}}</td>
-        <td>第三笔</td>
-        <td>{{remittanceInformation.price3}}</td>
-        <td>第四笔</td>
-        <td>{{remittanceInformation.price4}}</td>
-        <td>第五笔</td>
-        <td>{{remittanceInformation.price5}}</td>
+          <td>
+            <strong>{{ 'service' | translate }}{{ 'their.fees.money' | translate }}</strong>
+          </td>
+          <!-- 第一笔 -->
+          <td>{{ 'the.first' | translate }}</td>
+          <td>{{ remittanceInformation.price1 }}</td>
+          <td>{{ 'the.second' | translate }}</td>
+          <td>{{ remittanceInformation.price2 }}</td>
+          <td>{{ 'the.third' | translate }}</td>
+          <td>{{ remittanceInformation.price3 }}</td>
+          <td>{{ 'the.fourth' | translate }}</td>
+          <td>{{ remittanceInformation.price4 }}</td>
+          <td>{{ 'the.fifth' | translate }}</td>
+          <td>{{ remittanceInformation.price5 }}</td>
+        </tr>
       </tr>
       <tr>
-        <td><strong>实际回款</strong></td>
-        <td>{{remittanceInformation.milestone1}}</td>
-        <td>{{remittanceInformation.desc1}}</td>
-        <td>{{remittanceInformation.milestone2}}</td>
-        <td>{{remittanceInformation.desc2}}</td>
-        <td>{{remittanceInformation.milestone3}}</td>
-        <td>{{remittanceInformation.desc3}}</td>
-        <td>{{remittanceInformation.milestone4}}</td>
-        <td>{{remittanceInformation.desc4}}</td>
-        <td>{{remittanceInformation.milestone5}}</td>
-        <td>{{remittanceInformation.desc5}}</td>
+        <!--实际回款  -->
+        <td>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
+        </td>
+        <td>{{ remittanceInformation.milestone1 }}</td>
+        <td>{{ remittanceInformation.desc1 }}</td>
+        <td>{{ remittanceInformation.milestone2 }}</td>
+        <td>{{ remittanceInformation.desc2 }}</td>
+        <td>{{ remittanceInformation.milestone3 }}</td>
+        <td>{{ remittanceInformation.desc3 }}</td>
+        <td>{{ remittanceInformation.milestone4 }}</td>
+        <td>{{ remittanceInformation.desc4 }}</td>
+        <td>{{ remittanceInformation.milestone5 }}</td>
+        <td>{{ remittanceInformation.desc5 }}</td>
       </tr>
     </tbody>
   </nz-table>
 </nz-card>
 
-<!-- 实施计划 -->
-<nz-card nzTitle="服务计划" nzSize="small">
+<!-- 服务计划 -->
+<nz-card nzTitle="{{ 'service' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
       <!-- 新增按钮 -->
@@ -72,66 +84,118 @@
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" class="tableTdPadding" #expandTable [nzData]="listOfMapData"
-        nzTableLayout="fixed" [nzShowPagination]="false" [nzFrontPagination]="false">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        class="tableTdPadding"
+        #expandTable
+        [nzData]="listOfMapData"
+        nzTableLayout="fixed"
+        [nzShowPagination]="false"
+        [nzFrontPagination]="false"
+      >
         <thead>
           <tr>
-            <th style="width: 8%;" ></th>
-            <th style="width: 5%;">编码</th>
-            <th style="width: 12%;">里程碑</th>
-            <th style="width: 10%;">开始时间</th>
-            <th style="width: 10%;">结束时间</th>
-            <th style="width: 10%;">计划人天</th>
-            <th style="width: 20%;">执行人</th>
-            <th style="width: 10%;">实际人天</th>
-            <th style="width: 10%;">操作</th>
+            <th style="width: 8%;"></th>
+            <!-- 编码 -->
+            <th style="width: 5%;">{{ 'table.thead.code' | translate }}</th>
+            <!-- 里程碑 -->
+            <th style="width: 12%;">{{ 'financial.management.milestoneName' | translate }}</th>
+            <!-- 开始时间 -->
+            <th style="width: 10%;">{{ 'contract.start.date' | translate }}</th>
+            <!-- 结束时间 -->
+            <th style="width: 10%;">{{ 'contract.end.date' | translate }}</th>
+            <!--计划人天  -->
+            <th style="width: 10%;">{{ 'the.plan' | translate }}{{ 'person.date' | translate }}</th>
+            <!-- 执行人 -->
+            <th style="width: 20%;">{{ 'executor' | translate }}</th>
+            <!-- 实际人天 -->
+            <th style="width: 10%;">{{ 'actual' | translate }}{{ 'person.date' | translate }}</th>
+            <!--操作  -->
+            <th style="width: 10%;">{{ 'table.operation' | translate }}</th>
+          </tr>
         </thead>
+
         <tbody>
           <ng-container *ngFor="let data of expandTable.data">
             <ng-container *ngFor="let item of mapOfExpandedData[data.key]">
-
-
               <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
-                <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
-                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">*
+                <td
+                  [nzIndentSize]="item.level! * 20"
+                  [nzShowExpand]="!!item.children"
+                  [(nzExpand)]="item.expand"
+                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)"
+                >
+                  *
                 </td>
-                <td><input nz-input [(ngModel)]="item.muilesCode" maxlength=6/></td>
+                <td><input nz-input [(ngModel)]="item.muilesCode" maxlength="6" /></td>
                 <td>
                   <ng-container *ngIf="item.muilesId">
                     {{ item.muilesName }}
                   </ng-container>
                   <ng-container *ngIf="!item.muilesId">
-                    <input nz-input [(ngModel)]="item.muilesName" maxlength=20/>
+                    <input nz-input [(ngModel)]="item.muilesName" maxlength="20" />
                   </ng-container>
                 </td>
                 <td>
-                  <nz-date-picker [(ngModel)]="item.startDate" (ngModelChange)="startChange(item,$event)"></nz-date-picker>
+                  <nz-date-picker
+                    [(ngModel)]="item.startDate"
+                    (ngModelChange)="startChange(item, $event)"
+                  ></nz-date-picker>
                 </td>
                 <td>
-                  <nz-date-picker [(ngModel)]="item.endDate" (ngModelChange)="startChange(item,$event)"></nz-date-picker>
+                  <nz-date-picker
+                    [(ngModel)]="item.endDate"
+                    (ngModelChange)="startChange(item, $event)"
+                  ></nz-date-picker>
                 </td>
                 <td>
-                  <nz-input-number [(ngModel)]="item.planTime" [nzMin]="0" [nzStep]="1" (nzBlur)="planTimeKeyup(item)" [nzMax]=1000></nz-input-number>
+                  <nz-input-number
+                    [(ngModel)]="item.planTime"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    (nzBlur)="planTimeKeyup(item)"
+                    [nzMax]="1000"
+                  ></nz-input-number>
                 </td>
                 <td>
                   <!-- <nz-select style="width: 100%;" [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="请选择"
                     [(ngModel)]="item.executor">
                     <nz-option *ngFor="let item of personnelList" [nzLabel]="item.id" [nzValue]="item.name"></nz-option>
                   </nz-select> -->
-                  <nz-tree-select style="width: 100%" [nzNodes]="personnelList" nzShowSearch [nzMultiple]="true"
-                  nzPlaceHolder="请选择"
-                  [(ngModel)]="item.executors" [nzMaxTagCount]="3" [nzAllowClear]="true" [nzDefaultExpandedKeys]="expandKeys">
-                </nz-tree-select>
+                  <nz-tree-select
+                    style="width: 100%"
+                    [nzNodes]="personnelList"
+                    nzShowSearch
+                    [nzMultiple]="true"
+                    nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+                    [(ngModel)]="item.executors"
+                    [nzMaxTagCount]="3"
+                    [nzAllowClear]="true"
+                    [nzDefaultExpandedKeys]="expandKeys"
+                  >
+                  </nz-tree-select>
                 </td>
                 <td>
-                  <nz-input-number [(ngModel)]="item.realTime" [nzMin]="0" [nzStep]="1" [nzMax]=1000></nz-input-number>
+                  <nz-input-number
+                    [(ngModel)]="item.realTime"
+                    [nzMin]="0"
+                    [nzStep]="1"
+                    [nzMax]="1000"
+                  ></nz-input-number>
                 </td>
                 <td>
                   <a (click)="addChild(item.key)">{{ 'button.leve.lower' | translate }}</a>
                   <nz-divider nzType="vertical"></nz-divider>
-                  <a nz-popconfirm nzTitle="{{'isdelete'|translate}}" nzOkText="{{ 'yes' | translate }}"
+                  <a
+                    nz-popconfirm
+                    nzTitle="{{ 'isdelete' | translate }}"
+                    nzOkText="{{ 'yes' | translate }}"
                     nzCancelText="{{ 'no' | translate }}"
-                    (nzOnConfirm)="deleteRow(mapOfExpandedData[data.key],item,item.key)">{{ 'milestone.delete' | translate }}</a>
+                    (nzOnConfirm)="deleteRow(mapOfExpandedData[data.key], item, item.key)"
+                  >
+                    {{ 'milestone.delete' | translate }}
+                  </a>
                 </td>
               </tr>
             </ng-container>
@@ -140,4 +204,4 @@
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/view/business-affairs/business-affairs.component.html

@@ -3,50 +3,63 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.shortName' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">销售经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.saleManager}}</nz-form-control>
+        <!-- 销售经理 -->
+        <nz-form-label [nzSpan]="8">{{ 'sales' | translate }}{{ 'manager' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.saleManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">业务员</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.saleMan}}</nz-form-control>
+        <!-- 业务员 -->
+        <nz-form-label [nzSpan]="8">{{ 'salesman' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.saleMan }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">项目总金额</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.totalPrice}}</nz-form-control>
+        <!-- 项目总金额 -->
+        <nz-form-label [nzSpan]="8">{{ 'total.amount.of.the.project' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.totalPrice }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">已回款金额</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.received}}</nz-form-control>
+        <!--已回款金额  -->
+        <nz-form-label [nzSpan]="8">{{ 'amount.paid.back' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.received }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 <!-- 收款计划 -->
-<nz-card nzTitle="收款计划" nzSize="small">
+<nz-card nzTitle="{{ 'payment.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small"  #basicTable
-        [nzData]="collectionPlanList" [nzFrontPagination]="false" [nzShowPagination]="false" [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #basicTable
+        [nzData]="collectionPlanList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -60,57 +73,67 @@
         <tbody>
           <tr *ngFor="let data of basicTable.data">
             <td style="width: 7%;">
-              {{data.planName}}
+              {{ data.planName }}
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!-- 1 -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price1}}
+              {{ data.price1 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone1}}
+              {{ data.milestone1 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc1}}
+              {{ data.desc1 }}
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!-- 2 -->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price2}}
+              {{ data.price2 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone2}}
+              {{ data.milestone2 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc2}}
+              {{ data.desc2 }}
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!-- 3 -->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price3}}
+              {{ data.price3 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone3}}
+              {{ data.milestone3 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc3}}
+              {{ data.desc3 }}
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!-- 4 -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price4}}
+              {{ data.price4 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone4}}
+              {{ data.milestone4 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc4}}
+              {{ data.desc4 }}
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!-- 5 -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price5}}
+              {{ data.price5 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone5}}
+              {{ data.milestone5 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc5}}
+              {{ data.desc5 }}
             </td>
           </tr>
         </tbody>
@@ -119,14 +142,19 @@
   </div>
 </nz-card>
 
-
 <!-- 回款情况 -->
-<nz-card nzTitle="回款情况" nzSize="small">
+<nz-card nzTitle="{{ 'receivable.situation' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small"  #basicTable2
-        [nzData]="paymentCollectionList" [nzFrontPagination]="false" [nzShowPagination]="false"
-        [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #basicTable2
+        [nzData]="paymentCollectionList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -140,57 +168,67 @@
         <tbody>
           <tr *ngFor="let data of basicTable2.data">
             <td style="width: 7%;">
-              {{data.planName}}
+              {{ data.planName }}
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!-- 第一笔 -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price1}}
+              {{ data.price1 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone1}}
+              {{ data.milestone1 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc1}}
+              {{ data.desc1 }}
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!-- 第二笔 -->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price2}}
+              {{ data.price2 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone2}}
+              {{ data.milestone2 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc2}}
+              {{ data.desc2 }}
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!-- 第三笔 -->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price3}}
+              {{ data.price3 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone3}}
+              {{ data.milestone3 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc3}}
+              {{ data.desc3 }}
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!-- 第四笔 -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price4}}
+              {{ data.price4 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone4}}
+              {{ data.milestone4 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc4}}
+              {{ data.desc4 }}
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!-- 第五笔 -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price5}}
+              {{ data.price5 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone5}}
+              {{ data.milestone5 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc5}}
+              {{ data.desc5 }}
             </td>
           </tr>
         </tbody>
@@ -199,14 +237,19 @@
   </div>
 </nz-card>
 
-
 <!-- 付款计划 -->
-<nz-card nzTitle="付款计划" nzSize="small">
+<nz-card nzTitle="{{ 'payFor' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small"  #basicTable3
-        [nzData]="paymentPlanList" [nzFrontPagination]="false" [nzShowPagination]="false"
-        [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #basicTable3
+        [nzData]="paymentPlanList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -220,57 +263,67 @@
         <tbody>
           <tr *ngFor="let data of basicTable3.data">
             <td style="width: 7%;">
-              {{data.planName}}
+              {{ data.planName }}
             </td>
-            <td style="width: 4%;">第一笔</td>
+
+            <!-- 第一笔 -->
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price1}}
+              {{ data.price1 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone1}}
+              {{ data.milestone1 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc1}}
+              {{ data.desc1 }}
             </td>
-            <td style="width: 4%;">第二笔</td>
+
+            <!-- 第二笔 -->
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price2}}
+              {{ data.price2 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone2}}
+              {{ data.milestone2 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc2}}
+              {{ data.desc2 }}
             </td>
-            <td style="width: 4%;">第三笔</td>
+
+            <!--第三笔  -->
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price3}}
+              {{ data.price3 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone3}}
+              {{ data.milestone3 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc3}}
+              {{ data.desc3 }}
             </td>
-            <td style="width: 4%;">第四笔</td>
+
+            <!-- 第四笔 -->
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price4}}
+              {{ data.price4 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone4}}
+              {{ data.milestone4 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc4}}
+              {{ data.desc4 }}
             </td>
-            <td style="width: 4%;">第五笔</td>
+
+            <!-- 第五笔 -->
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price5}}
+              {{ data.price5 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone5}}
+              {{ data.milestone5 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc5}}
+              {{ data.desc5 }}
             </td>
           </tr>
         </tbody>
@@ -279,14 +332,19 @@
   </div>
 </nz-card>
 
-
 <!-- 付款情况 -->
-<nz-card nzTitle="付款情况" nzSize="small">
+<nz-card nzTitle="{{ 'payFor' | translate }}{{ 'situation' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" #basicTable4
-        [nzData]="paymentStatusList" [nzFrontPagination]="false" [nzShowPagination]="false"
-        [nzScroll]="{x:'123vw'}">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #basicTable4
+        [nzData]="paymentStatusList"
+        [nzFrontPagination]="false"
+        [nzShowPagination]="false"
+        [nzScroll]="{ x: '123vw' }"
+      >
         <!-- <thead>
           <tr>
             <th>{{ 'customer.contacts.name' | translate }}</th>
@@ -300,61 +358,61 @@
         <tbody>
           <tr *ngFor="let data of basicTable4.data">
             <td style="width: 7%;">
-              {{data.planName}}
+              {{ data.planName }}
             </td>
-            <td style="width: 4%;">第一笔</td>
+            <td style="width: 4%;">{{ 'the.first' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price1}}
+              {{ data.price1 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone1}}
+              {{ data.milestone1 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc1}}
+              {{ data.desc1 }}
             </td>
-            <td style="width: 4%;">第二笔</td>
+            <td style="width: 4%;">{{ 'the.second' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price2}}
+              {{ data.price2 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone2}}
+              {{ data.milestone2 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc2}}
+              {{ data.desc2 }}
             </td>
-            <td style="width: 4%;">第三笔</td>
+            <td style="width: 4%;">{{ 'the.third' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price3}}
+              {{ data.price3 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone3}}
+              {{ data.milestone3 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc3}}
+              {{ data.desc3 }}
             </td>
-            <td style="width: 4%;">第四笔</td>
+            <td style="width: 4%;">{{ 'the.fourth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price4}}
+              {{ data.price4 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone4}}
+              {{ data.milestone4 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc4}}
+              {{ data.desc4 }}
             </td>
-            <td style="width: 4%;">第五笔</td>
+            <td style="width: 4%;">{{ 'the.fifth' | translate }}</td>
             <td style="width: 4%;">
-              {{data.price5}}
+              {{ data.price5 }}
             </td>
             <td style="width: 5%;">
-              {{data.milestone5}}
+              {{ data.milestone5 }}
             </td>
             <td style="width: 5%;">
-              {{data.desc5}}
+              {{ data.desc5 }}
             </td>
           </tr>
         </tbody>
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/view/development/development.component.html

@@ -3,110 +3,147 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.code' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!--客户名称  -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">开发项目经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.deManager}}</nz-form-control>
+        <!-- 开发项目经理 -->
+        <nz-form-label [nzSpan]="8">{{ 'development' | translate }}{{ 'pm.PM' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.deManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">开发工程师</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.deEngineer}}</nz-form-control>
+        <!-- 开发工程师 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}{{ 'engineer' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.deEngineer }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 
 <!-- 汇款信息 -->
-<nz-card nzTitle="回款信息" nzSize="small">
+<nz-card nzTitle="{{ 'receivable' | translate }}{{ 'info' | translate }}" nzSize="small">
   <nz-table nzBordered nzSize="small" [nzNoResult]="' '" [nzShowPagination]="false">
     <tbody>
       <tr>
-        <td><strong>开发金额</strong></td>
-        <td>第一笔</td>
-        <td>{{remittanceInformation.price1}}</td>
-        <td>第二笔</td>
-        <td>{{remittanceInformation.price2}}</td>
-        <td>第三笔</td>
-        <td>{{remittanceInformation.price3}}</td>
-        <td>第四笔</td>
-        <td>{{remittanceInformation.price4}}</td>
-        <td>第五笔</td>
-        <td>{{remittanceInformation.price5}}</td>
+        <!--  开发金额-->
+        <td>
+          <strong>{{ 'development' | translate }}{{ 'their.fees.money' | translate }}</strong>
+        </td>
+        <!--  第一笔-->
+        <td>{{ 'the.first' | translate }}</td>
+        <td>{{ remittanceInformation.price1 }}</td>
+
+        <td>{{ 'the.second' | translate }}</td>
+        <td>{{ remittanceInformation.price2 }}</td>
+        <!--  -->
+        <td>{{ 'the.third' | translate }}</td>
+        <td>{{ remittanceInformation.price3 }}</td>
+        <!--  -->
+        <td>{{ 'the.fourth' | translate }}</td>
+        <td>{{ remittanceInformation.price4 }}</td>
+        <!--  -->
+        <td>{{ 'the.fifth' | translate }}</td>
+        <td>{{ remittanceInformation.price5 }}</td>
       </tr>
       <tr>
-        <td><strong>实际回款</strong></td>
-        <td>{{remittanceInformation.milestone1}}</td>
-        <td>{{remittanceInformation.desc1}}</td>
-        <td>{{remittanceInformation.milestone2}}</td>
-        <td>{{remittanceInformation.desc2}}</td>
-        <td>{{remittanceInformation.milestone3}}</td>
-        <td>{{remittanceInformation.desc3}}</td>
-        <td>{{remittanceInformation.milestone4}}</td>
-        <td>{{remittanceInformation.desc4}}</td>
-        <td>{{remittanceInformation.milestone5}}</td>
-        <td>{{remittanceInformation.desc5}}</td>
+        <!-- 实际回款 -->
+        <td>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
+        </td>
+        <td>{{ remittanceInformation.milestone1 }}</td>
+        <td>{{ remittanceInformation.desc1 }}</td>
+        <td>{{ remittanceInformation.milestone2 }}</td>
+        <td>{{ remittanceInformation.desc2 }}</td>
+        <td>{{ remittanceInformation.milestone3 }}</td>
+        <td>{{ remittanceInformation.desc3 }}</td>
+        <td>{{ remittanceInformation.milestone4 }}</td>
+        <td>{{ remittanceInformation.desc4 }}</td>
+        <td>{{ remittanceInformation.milestone5 }}</td>
+        <td>{{ remittanceInformation.desc5 }}</td>
       </tr>
     </tbody>
   </nz-table>
 </nz-card>
 
 <!-- 实施计划 -->
-<nz-card nzTitle="开发计划" nzSize="small">
+<nz-card
+  nzTitle="{{ 'development' | translate }}{{ 'the.plan' | translate }}
+<!-- "
+  nzSize="small"
+>
+  -->
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" #expandTable [nzData]="listOfMapData"
-        nzTableLayout="fixed" [nzShowPagination]="false" [nzFrontPagination]="false">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #expandTable
+        [nzData]="listOfMapData"
+        nzTableLayout="fixed"
+        [nzShowPagination]="false"
+        [nzFrontPagination]="false"
+      >
         <thead>
           <tr>
-            <th style="width: 8%;" ></th>
-            <th style="width: 5%;">编码</th>
-            <th style="width: 12%;">里程碑</th>
-            <th style="width: 10%;">开始时间</th>
-            <th style="width: 10%;">结束时间</th>
-            <th style="width: 10%;">计划人天</th>
-            <th style="width: 20%;">执行人</th>
-            <th style="width: 10%;">实际人天</th>
+            <th style="width: 8%;"></th>
+            <!-- 编码 -->
+            <th style="width: 5%;">{{ 'table.thead.code' | translate }}</th>
+            <!-- 里程碑 -->
+            <th style="width: 12%;">{{ 'financial.management.milestoneName' | translate }}</th>
+            <!--  开始时间-->
+            <th style="width: 10%;">{{ 'contract.start.date' | translate }}</th>
+            <!-- 结束时间 -->
+            <th style="width: 10%;">{{ 'contract.end.date' | translate }}</th>
+            <!-- 计划人天 -->
+            <th style="width: 10%;">{{ 'the.plan' | translate }}{{ 'person.date' | translate }}</th>
+            <!-- 执行人 -->
+            <th style="width: 20%;">{{ 'executor' | translate }}</th>
+            <!-- 实际人天 -->
+            <th style="width: 10%;">{{ 'actual' | translate }}{{ 'person.date' | translate }}</th>
           </tr>
         </thead>
         <tbody>
           <ng-container *ngFor="let data of expandTable.data">
             <ng-container *ngFor="let item of mapOfExpandedData[data.key]">
-
-
               <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
-                <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
-                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">*
+                <td
+                  [nzIndentSize]="item.level! * 20"
+                  [nzShowExpand]="!!item.children"
+                  [(nzExpand)]="item.expand"
+                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)"
+                >
+                  *
                 </td>
-                <td>{{item.muilesCode}}</td>
+                <td>{{ item.muilesCode }}</td>
                 <td>
-                  {{item.muilesName}}
+                  {{ item.muilesName }}
                 </td>
                 <td>
-                  {{item.startDate}}
+                  {{ item.startDate }}
                 </td>
                 <td>
-                  {{item.endDate}}
+                  {{ item.endDate }}
                 </td>
                 <td>
-                  {{item.planTime}}
+                  {{ item.planTime }}
                 </td>
                 <td>
-                  {{item.executor}}
+                  {{ item.executor }}
                 </td>
                 <td>
-                  {{item.realTime}}
+                  {{ item.realTime }}
                 </td>
               </tr>
             </ng-container>
@@ -115,4 +152,4 @@
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/view/essential-information/essential-information.component.html

@@ -3,37 +3,43 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" >项目编码</nz-form-label>
+        <!--项目编码  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">
+          {{ 'project' | translate }}{{ 'table.thead.code' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
           <!-- <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="proId" id="proId"
             [(ngModel)]="projectManageArchivesa.proId" nzPlaceHolder="请选择">
             <nz-option *ngFor="let i of proList" [nzValue]="i.id" [nzLabel]="i.code"></nz-option>
           </nz-select> -->
-          {{projectManageArchivesa.proCode}}
+          {{ projectManageArchivesa.proCode }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">项目名称</nz-form-label>
+        <!--项目名称  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ 'cost.item.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.proName}}
+          {{ projectManageArchivesa.proName }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">客户编码</nz-form-label>
+        <!--  客户编码-->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ customer.code }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.cusCode}}
+          {{ projectManageArchivesa.cusCode }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">客户名称</nz-form-label>
+        <!--客户名称  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{ customer.name }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.cusName}}
+          {{ projectManageArchivesa.cusName }}
         </nz-form-control>
       </nz-form-item>
     </div>
@@ -41,17 +47,24 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" >项目总金额</nz-form-label>
+        <!--项目总金额  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">{{
+          'total.amount.of.the.project' | translate
+        }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.totalPrice}}
+          {{ projectManageArchivesa.totalPrice }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24" >里程碑类型</nz-form-label>
+        <!-- 里程碑类型 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'financial.management.milestoneName' | translate }}
+          {{ 'financial.management.type' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.milestoneType}}
+          {{ projectManageArchivesa.milestoneType }}
         </nz-form-control>
       </nz-form-item>
     </div>
@@ -59,21 +72,27 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">销售经理</nz-form-label>
+        <!-- 销售经理 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'sales' | translate }}{{ 'manager' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.saleManager}}
+          {{ projectManageArchivesa.saleManager }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">业务员</nz-form-label>
+        <!--业务员 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'salesman' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
           <!-- <nz-select [nzMaxTagCount]="3" nzMode="multiple" nzPlaceHolder="请选择" formControlName="saleManIds"
             id="saleManIds" [(ngModel)]="saleManIds">
             <nz-option *ngFor="let item of personnelList" [nzLabel]="item.id" [nzValue]="item.name"></nz-option>
           </nz-select> -->
-          {{projectManageArchivesa.saleMan}}
+          {{ projectManageArchivesa.saleMan }}
         </nz-form-control>
       </nz-form-item>
     </div>
@@ -81,17 +100,23 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">实施项目经理</nz-form-label>
+        <!-- 实施项目经理 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">
+          {{ 'implementation' | translate }}{{ 'pm.PM' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.impManager}}
+          {{ projectManageArchivesa.impManager }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">实施顾问</nz-form-label>
+        <!-- 实施顾问 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24"
+          >{{ 'implementation' | translate }}{{ 'consultant' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.impConsultant}}
+          {{ projectManageArchivesa.impConsultant }}
         </nz-form-control>
       </nz-form-item>
     </div>
@@ -99,17 +124,23 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">开发项目经理</nz-form-label>
+        <!--开发项目经理  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24"
+          >{{ 'development' | translate }}{{ 'pm.PM' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.deManager}}
+          {{ projectManageArchivesa.deManager }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">开发工程师</nz-form-label>
+        <!--开发工程师  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24"
+          >{{ 'customer.name' | translate }}{{ 'engineer' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.deEngineer}}
+          {{ projectManageArchivesa.deEngineer }}
         </nz-form-control>
       </nz-form-item>
     </div>
@@ -117,19 +148,25 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">服务经理</nz-form-label>
+        <!-- 服务经理 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24"
+          >{{ 'service' | translate }}{{ 'manager' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.seManager}}
+          {{ projectManageArchivesa.seManager }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="18">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24">服务工程师</nz-form-label>
+        <!-- 服务工程师 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" [nzXs]="24"
+          >{{ 'service' | translate }}{{ 'engineer' | translate }}</nz-form-label
+        >
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{projectManageArchivesa.seEngineer}}
+          {{ projectManageArchivesa.seEngineer }}
         </nz-form-control>
       </nz-form-item>
     </div>
   </div>
-</form>
+</form>

src/app/routes/project-manage-archives/view/implementation/implementation.component.html

@@ -3,108 +3,142 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.code' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!--客户名称  -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">实施项目经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.impManager}}</nz-form-control>
+        <!-- 实施项目经理 -->
+        <nz-form-label [nzSpan]="8">{{ 'implementation' | translate }}{{ 'pm.PM' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.impManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">实施顾问</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.impConsultant}}</nz-form-control>
+        <!-- 实施顾问 -->
+        <nz-form-label [nzSpan]="8">{{ 'implementation' | translate }}{{ 'consultant' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.impConsultant }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 
-<!-- 汇款信息 -->
-<nz-card nzTitle="回款信息" nzSize="small">
+<!-- 回款信息 -->
+<nz-card nzTitle="{{ 'receivable' | translate }}{{ 'info' | translate }}" nzSize="small">
   <nz-table nzBordered nzSize="small" [nzNoResult]="' '" [nzShowPagination]="false">
     <tbody>
       <tr>
-        <td><strong>实施金额</strong></td>
-        <td>第一笔</td>
-        <td>{{remittanceInformation.price1}}</td>
-        <td>第二笔</td>
-        <td>{{remittanceInformation.price2}}</td>
-        <td>第三笔</td>
-        <td>{{remittanceInformation.price3}}</td>
-        <td>第四笔</td>
-        <td>{{remittanceInformation.price4}}</td>
-        <td>第五笔</td>
-        <td>{{remittanceInformation.price5}}</td>
+        <!-- 实施金额 -->
+        <td>
+          <strong>{{ 'implementation' | translate }}{{ 'their.fees.money' | translate }}</strong>
+        </td>
+        <!-- 第一笔 -->
+        <td>{{ 'the.first' | translate }}</td>
+        <td>{{ remittanceInformation.price1 }}</td>
+        <!--  2-->
+        <td>{{ 'the.second' | translate }}</td>
+        <td>{{ remittanceInformation.price2 }}</td>
+        <!--  3-->
+        <td>{{ 'the.third' | translate }}</td>
+        <td>{{ remittanceInformation.price3 }}</td>
+        <!-- 4 -->
+        <td>{{ 'the.fourth' | translate }}</td>
+        <td>{{ remittanceInformation.price4 }}</td>
+        <!-- 5 -->
+        <td>{{ 'the.fifth' | translate }}</td>
+        <td>{{ remittanceInformation.price5 }}</td>
       </tr>
       <tr>
-        <td><strong>实际回款</strong></td>
-        <td>{{remittanceInformation.milestone1}}</td>
-        <td>{{remittanceInformation.desc1}}</td>
-        <td>{{remittanceInformation.milestone2}}</td>
-        <td>{{remittanceInformation.desc2}}</td>
-        <td>{{remittanceInformation.milestone3}}</td>
-        <td>{{remittanceInformation.desc3}}</td>
-        <td>{{remittanceInformation.milestone4}}</td>
-        <td>{{remittanceInformation.desc4}}</td>
-        <td>{{remittanceInformation.milestone5}}</td>
-        <td>{{remittanceInformation.desc5}}</td>
+        <!-- 实际回款 -->
+        <td>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
+        </td>
+        <td>{{ remittanceInformation.milestone1 }}</td>
+        <td>{{ remittanceInformation.desc1 }}</td>
+        <td>{{ remittanceInformation.milestone2 }}</td>
+        <td>{{ remittanceInformation.desc2 }}</td>
+        <td>{{ remittanceInformation.milestone3 }}</td>
+        <td>{{ remittanceInformation.desc3 }}</td>
+        <td>{{ remittanceInformation.milestone4 }}</td>
+        <td>{{ remittanceInformation.desc4 }}</td>
+        <td>{{ remittanceInformation.milestone5 }}</td>
+        <td>{{ remittanceInformation.desc5 }}</td>
       </tr>
     </tbody>
   </nz-table>
 </nz-card>
 
 <!-- 实施计划 -->
-<nz-card nzTitle="实施计划" nzSize="small">
+<nz-card nzTitle="{{ 'implementation' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" #expandTable [nzData]="listOfMapData"
-        nzTableLayout="fixed" [nzShowPagination]="false" [nzFrontPagination]="false">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #expandTable
+        [nzData]="listOfMapData"
+        nzTableLayout="fixed"
+        [nzShowPagination]="false"
+        [nzFrontPagination]="false"
+      >
         <thead>
           <tr>
-            <th style="width: 8%;" ></th>
-            <th style="width: 5%;">编码</th>
-            <th style="width: 12%;">里程碑</th>
-            <th style="width: 10%;">开始时间</th>
-            <th style="width: 10%;">结束时间</th>
-            <th style="width: 10%;">计划人天</th>
-            <th style="width: 20%;">执行人</th>
-            <th style="width: 10%;">实际人天</th>
+            <th style="width: 8%;"></th>
+            <!-- 编码 -->
+            <th style="width: 5%;">{{ 'table.thead.code' | translate }}</th>
+            <!-- 里程碑 -->
+            <th style="width: 12%;">{{ 'financial.management.milestoneName' | translate }}</th>
+            <!-- 开始时间 -->
+            <th style="width: 10%;">{{ 'contract.start.date' | translate }}</th>
+            <!-- 结束时间 -->
+            <th style="width: 10%;">{{ 'contract.end.date' | translate }}</th>
+            <!--计划人天  -->
+            <th style="width: 10%;">{{ 'the.plan' | translate }}{{ 'person.date' | translate }}</th>
+            <!-- 执行人 -->
+            <th style="width: 20%;">{{ 'executor' | translate }}</th>
+            <!-- 实际人天 -->
+            <th style="width: 10%;">{{ 'actual' | translate }}{{ 'person.date' | translate }}</th>
           </tr>
         </thead>
         <tbody>
           <ng-container *ngFor="let data of expandTable.data">
             <ng-container *ngFor="let item of mapOfExpandedData[data.key]">
               <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
-                <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
-                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">*
+                <td
+                  [nzIndentSize]="item.level! * 20"
+                  [nzShowExpand]="!!item.children"
+                  [(nzExpand)]="item.expand"
+                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)"
+                >
+                  *
                 </td>
-                <td>{{item.muilesCode}}</td>
+                <td>{{ item.muilesCode }}</td>
                 <td>
-                  {{item.muilesName}}
+                  {{ item.muilesName }}
                 </td>
                 <td>
-                  {{item.startDate}}
+                  {{ item.startDate }}
                 </td>
                 <td>
-                  {{item.endDate}}
+                  {{ item.endDate }}
                 </td>
                 <td>
-                  {{item.planTime}}
+                  {{ item.planTime }}
                 </td>
                 <td>
-                  {{item.executor}}
+                  {{ item.executor }}
                 </td>
                 <td>
-                  {{item.realTime}}
+                  {{ item.realTime }}
                 </td>
               </tr>
             </ng-container>
@@ -113,4 +147,4 @@
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-manage-archives/view/serviceta/serviceta.component.html

@@ -3,109 +3,150 @@
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.code' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusCode }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
+        <!--客户名称  -->
+        <nz-form-label [nzSpan]="8">{{ 'customer.name' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.cusName }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">服务项目经理</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.seManager}}</nz-form-control>
+        <!--服务项目经理  -->
+        <nz-form-label [nzSpan]="8">{{ 'service' | translate }}{{ 'pm.PM' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.seManager }}</nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="8">服务工程师</nz-form-label>
-        <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.seEngineer}}</nz-form-control>
+        <!-- 服务工程师 -->
+        <nz-form-label [nzSpan]="8">{{ 'service' | translate }}{{ 'engineer' | translate }}</nz-form-label>
+        <nz-form-control [nzSm]="16" [nzXs]="24">{{ projectManageArchives.seEngineer }}</nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 
 <!-- 汇款信息 -->
-<nz-card nzTitle="回款信息" nzSize="small">
+<nz-card nzTitle="{{ 'receivable' | translate }}{{ 'info' | translate }}" nzSize="small">
   <nz-table nzBordered nzSize="small" [nzNoResult]="' '" [nzShowPagination]="false">
     <tbody>
       <tr>
-        <td><strong>服务金额</strong></td>
-        <td>第一笔</td>
-        <td>{{remittanceInformation.price1}}</td>
-        <td>第二笔</td>
-        <td>{{remittanceInformation.price2}}</td>
-        <td>第三笔</td>
-        <td>{{remittanceInformation.price3}}</td>
-        <td>第四笔</td>
-        <td>{{remittanceInformation.price4}}</td>
-        <td>第五笔</td>
-        <td>{{remittanceInformation.price5}}</td>
+        <!--  服务金额-->
+        <td>
+          <strong>{{ 'service' | translate }}{{ 'their.fees.money' | translate }}</strong>
+        </td>
+        <!-- 第一笔 -->
+        <td>{{ 'the.first' | translate }}</td>
+        <td>{{ remittanceInformation.price1 }}</td>
+        <!--  2-->
+        <td>{{ 'the.second' | translate }}</td>
+        <td>{{ remittanceInformation.price2 }}</td>
+        <!-- 3 -->
+        <td>{{ 'the.third' | translate }}</td>
+        <td>{{ remittanceInformation.price3 }}</td>
+        <!--4  -->
+        <td>{{ 'the.fourth' | translate }}</td>
+        <td>{{ remittanceInformation.price4 }}</td>
+        <!--5  -->
+        <td>{{ 'the.fifth' | translate }}</td>
+        <td>{{ remittanceInformation.price5 }}</td>
       </tr>
+
       <tr>
-        <td><strong>实际回款</strong></td>
-        <td>{{remittanceInformation.milestone1}}</td>
-        <td>{{remittanceInformation.desc1}}</td>
-        <td>{{remittanceInformation.milestone2}}</td>
-        <td>{{remittanceInformation.desc2}}</td>
-        <td>{{remittanceInformation.milestone3}}</td>
-        <td>{{remittanceInformation.desc3}}</td>
-        <td>{{remittanceInformation.milestone4}}</td>
-        <td>{{remittanceInformation.desc4}}</td>
-        <td>{{remittanceInformation.milestone5}}</td>
-        <td>{{remittanceInformation.desc5}}</td>
+        <!--实际回款  -->
+        <td>
+          <strong>{{ 'actual' | translate }}{{ 'receivable' | translate }}</strong>
+        </td>
+        <td>{{ remittanceInformation.milestone1 }}</td>
+        <td>{{ remittanceInformation.desc1 }}</td>
+        <td>{{ remittanceInformation.milestone2 }}</td>
+        <td>{{ remittanceInformation.desc2 }}</td>
+        <td>{{ remittanceInformation.milestone3 }}</td>
+        <td>{{ remittanceInformation.desc3 }}</td>
+        <td>{{ remittanceInformation.milestone4 }}</td>
+        <td>{{ remittanceInformation.desc4 }}</td>
+        <td>{{ remittanceInformation.milestone5 }}</td>
+        <td>{{ remittanceInformation.desc5 }}</td>
       </tr>
     </tbody>
   </nz-table>
 </nz-card>
 
-<!-- 实施计划 -->
-<nz-card nzTitle="服务计划" nzSize="small">
+<!-- 服务计划 -->
+<nz-card nzTitle="{{ 'service' | translate }}{{ 'the.plan' | translate }}" nzSize="small">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="24">
-      <nz-table style="padding-top: 5px;" nzSize="small" #expandTable [nzData]="listOfMapData"
-        nzTableLayout="fixed" [nzShowPagination]="false" [nzFrontPagination]="false">
+      <nz-table
+        style="padding-top: 5px;"
+        nzSize="small"
+        #expandTable
+        [nzData]="listOfMapData"
+        nzTableLayout="fixed"
+        [nzShowPagination]="false"
+        [nzFrontPagination]="false"
+      >
         <thead>
           <tr>
-            <th style="width: 8%;" ></th>
-            <th style="width: 5%;">编码</th>
-            <th style="width: 12%;">里程碑</th>
-            <th style="width: 10%;">开始时间</th>
-            <th style="width: 10%;">结束时间</th>
-            <th style="width: 10%;">计划人天</th>
-            <th style="width: 20%;">执行人</th>
-            <th style="width: 10%;">实际人天</th>
+            <th style="width: 8%;"></th>
+            <!-- 编码 -->
+            <th style="width: 5%;">{{ 'table.thead.code' | translate }}</th>
+
+            <!-- 里程碑 -->
+            <th style="width: 12%;">{{ 'financial.management.milestoneName' | translate }}</th>
+
+            <!-- 开始时间 -->
+            <th style="width: 10%;">{{ 'contract.start.date' | translate }}</th>
+
+            <!-- 结束时间 -->
+            <th style="width: 10%;">{{ 'contract.end.date' | translate }}</th>
+
+            <!-- 计划人天 -->
+            <th style="width: 10%;">{{ 'the.plan' | translate }}{{ 'person.date' | translate }}</th>
+
+            <!-- 执行人 -->
+            <th style="width: 20%;">{{ 'executor' | translate }}</th>
+
+            <!--实际人天  -->
+            <th style="width: 10%;">{{ 'actual' | translate }}{{ 'person.date' | translate }}</th>
+          </tr>
         </thead>
+
         <tbody>
           <ng-container *ngFor="let data of expandTable.data">
             <ng-container *ngFor="let item of mapOfExpandedData[data.key]">
-
-
               <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
-                <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
-                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)">*
+                <td
+                  [nzIndentSize]="item.level! * 20"
+                  [nzShowExpand]="!!item.children"
+                  [(nzExpand)]="item.expand"
+                  (nzExpandChange)="collapse(mapOfExpandedData[data.key], item, $event)"
+                >
+                  *
                 </td>
-                <td>{{item.muilesCode}}</td>
+                <td>{{ item.muilesCode }}</td>
                 <td>
-                  {{item.muilesName}}
+                  {{ item.muilesName }}
                 </td>
                 <td>
-                  {{item.startDate}}
+                  {{ item.startDate }}
                 </td>
                 <td>
-                  {{item.endDate}}
+                  {{ item.endDate }}
                 </td>
                 <td>
-                  {{item.planTime}}
+                  {{ item.planTime }}
                 </td>
                 <td>
-                  {{item.executor}}
+                  {{ item.executor }}
                 </td>
                 <td>
-                  {{item.realTime}}
+                  {{ item.realTime }}
                 </td>
               </tr>
             </ng-container>
@@ -114,4 +155,4 @@
       </nz-table>
     </div>
   </div>
-</nz-card>
+</nz-card>

src/app/routes/project-work/development-log/add/add.component.html

@@ -4,12 +4,13 @@
       <div nz-col [nzSpan]="8">
         <nz-form-item>
           <!-- 单据编码 -->
-          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="code">{{
-            'documents.code' | translate
-          }}</nz-form-label>
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="code">
+            {{'documents.code' | translate}}
+          </nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
+            <!-- 自动生成 -->
             <input
-              placeholder="自动生成"
+              placeholder="{{ 'aoto.create' | translate }}"
               nz-input
               formControlName="billcode"
               id="billcode"
@@ -31,7 +32,7 @@
               formControlName="proId"
               id="proId"
               [(ngModel)]="proWorkLogic.proId"
-              nzPlaceHolder="请选择"
+              nzPlaceHolder="{ 'select.please.choose' | translate }}"
               (ngModelChange)="proChange($event)"
             >
               <nz-option *ngFor="let i of proList" [nzValue]="i.id" [nzLabel]="i.proName"></nz-option>
@@ -56,7 +57,7 @@
               [nzMultiple]="false"
               formControlName="reporterId"
               id="reporterId"
-              nzPlaceHolder="请选择"
+              nzPlaceHolder="{ 'select.please.choose' | translate }}"
               [(ngModel)]="proWorkLogic.reporterId"
               [nzMaxTagCount]="3"
               [nzAllowClear]="true"

src/app/routes/project-work/development-log/view/view.component.html

@@ -3,25 +3,28 @@
     <div nz-row [nzGutter]="24">
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24"  nzFor="code">单据编码</nz-form-label>
+          <!-- 单据编码 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code">{{ 'documents.code' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            {{proWorkLogic.billcode}}
+            {{ proWorkLogic.billcode }}
           </nz-form-control>
         </nz-form-item>
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24" >项目名称</nz-form-label>
+          <!-- 项目名称 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'cost.item.name' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            {{proWorkLogic.proName}}
+            {{ proWorkLogic.proName }}
           </nz-form-control>
         </nz-form-item>
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24" >汇报人</nz-form-label>
+          <!-- 汇报人 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'report.person' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            {{proWorkLogic.reporter}}
+            {{ proWorkLogic.reporter }}
           </nz-form-control>
         </nz-form-item>
       </div>
@@ -29,23 +32,25 @@
     <div nz-row [nzGutter]="24">
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24" >开始时间</nz-form-label>
+          <!-- 开始时间 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'contract.start.date' | translate }}</nz-form-label>
           <!-- <nz-form-control [nzSm]="14" [nzXs]="24">
             <nz-range-picker [nzShowTime]="true" formControlName="date" id="date" [(ngModel)]="date"></nz-range-picker>
           </nz-form-control> -->
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            {{proWorkLogic.startDate}}
+            {{ proWorkLogic.startDate }}
           </nz-form-control>
         </nz-form-item>
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24" >结束时间</nz-form-label>
+          <!-- 结束时间 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'contract.end.date' | translate }}</nz-form-label>
           <!-- <nz-form-control [nzSm]="14" [nzXs]="24">
             <nz-range-picker [nzShowTime]="true" formControlName="date" id="date" [(ngModel)]="date"></nz-range-picker>
           </nz-form-control> -->
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            {{proWorkLogic.endDate}}
+            {{ proWorkLogic.endDate }}
           </nz-form-control>
         </nz-form-item>
       </div>
@@ -54,27 +59,37 @@
   <nz-card>
     <div nz-row [nzGutter]="24">
       <div nz-col [nzSpan]="24">
-        <nz-table style="padding-top: 5px;" nzSize="small" #basicTable [nzData]="itemList"
-          [nzFrontPagination]="false" [nzShowPagination]="false">
+        <nz-table
+          style="padding-top: 5px;"
+          nzSize="small"
+          #basicTable
+          [nzData]="itemList"
+          [nzFrontPagination]="false"
+          [nzShowPagination]="false"
+        >
           <thead>
             <tr>
-              <th nzAlign="center" style="width: 5%;">序号</th>
-              <th style="width: 30%;">里程碑</th>
-              <th style="width: 50%;">工作内容</th>
-              <th style="width: 5%;">工作用时</th>
+              <!--  序号-->
+              <th nzAlign="center" style="width: 5%;">{{ 'pm.contract.serial.number' | translate }}</th>
+              <!-- 里程碑 -->
+              <th style="width: 30%;">{{ 'financial.management.milestoneName' | translate }}</th>
+              <!-- 工作内容 -->
+              <th style="width: 50%;">{{ 'work.content' | translate }}</th>
+              <!--工作用时  -->
+              <th style="width: 5%;">{{ 'work.available' | translate }}</th>
             </tr>
           </thead>
           <tbody>
-            <tr *ngFor="let data of basicTable.data;let i =index">
-              <td nzAlign="center">{{i+1}}</td>
+            <tr *ngFor="let data of basicTable.data; let i = index">
+              <td nzAlign="center">{{ i + 1 }}</td>
               <td>
-                {{data.proArchivesMilestone}}
+                {{ data.proArchivesMilestone }}
               </td>
               <td>
-                {{data.content}}
+                {{ data.content }}
               </td>
               <td style="width: 10%;">
-                {{data.duration}}
+                {{ data.duration }}
               </td>
             </tr>
           </tbody>
@@ -85,8 +100,15 @@
 </nz-spin>
 <!-- 按钮 -->
 <div class="base">
-  <strong>填写人:</strong>{{proWorkLogic.currentUser}} <strong>填写时间:</strong>{{proWorkLogic.createTime}}
+  <!--填写人-->
+  <strong>{{ 'fill.person' | translate }}:</strong>
+  {{ proWorkLogic.currentUser }}
+
+  <!--   填写时间 -->
+  <strong>{{ 'fill.time' | translate }}:</strong>
+  {{ proWorkLogic.createTime }}
   <!-- 关闭按钮 -->
-  <button nz-button (click)="close()"
-    [nzLoading]="isLoadingSave"><span>{{'pm.quotation.cancel'|translate}}</span></button>
-</div>
+  <button nz-button (click)="close()" [nzLoading]="isLoadingSave">
+    <span>{{ 'pm.quotation.cancel' | translate }}</span>
+  </button>
+</div>

src/app/routes/project-work/development-milestone-confirm/development-milestone-confirm.component.html

@@ -1,6 +1,9 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'development-milestone-confirm:add'">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'development-milestone-confirm:add'">
+      {{ 'new' | translate }}
+    </button>
   </ng-template>
 </page-header>
 <nz-card>
@@ -9,7 +12,8 @@
     <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24">单据编码</nz-form-label>
+          <!-- 单据编码 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'documents.code' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input nz-input name="code" [(ngModel)]="proWorkMilestone.billcode" />
           </nz-form-control>
@@ -17,30 +21,53 @@
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
+          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]="true"></nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
+            <!-- 查询 -->
+            <button nzType="primary" (click)="query()" nz-button>
+              <span>{{ 'button.query' | translate }}</span>
+            </button>
           </nz-form-control>
         </nz-form-item>
       </div>
     </div>
   </form>
-   <!-- 表格 -->
-   <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
+  <!-- 表格 -->
+  <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
     <div nz-col [nzSpan]="24">
-      <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzTotal]="page.total"
-        [nzPageIndex]="page.current" (nzPageIndexChange)="pageIndexChange($event)" [nzLoading]="isSpinning">
+      <nz-table
+        nzSize="small"
+        #basicTable
+        [nzData]="listOfData"
+        [nzFrontPagination]="false"
+        [nzTotal]="page.total"
+        [nzPageIndex]="page.current"
+        (nzPageIndexChange)="pageIndexChange($event)"
+        [nzLoading]="isSpinning"
+      >
         <thead>
           <tr>
-            <th>单据编码</th>
-            <th>项目编码</th>
-            <th>项目名称</th>
-            <th>客户编码</th>
-            <th>客户名称</th>
-            <th>项目里程碑</th>
-            <th>里程碑确认</th>
-            <th>确认时间</th>
-            <th>操作</th>
+            <!-- 单据编码 -->
+            <th>{{ 'documents.code' | translate }}</th>
+            <!--项目编码  -->
+            <th>{{ 'project.code' | translate }}</th>
+            <!-- 项目名称 -->
+            <th>{{ 'cost.item.name' | translate }}</th>
+            <!-- 客户编码 -->
+            <th>{{ 'customer.code' | translate }}</th>
+            <!-- 客户名称 -->
+            <th>{{ 'customer.name' | translate }}</th>
+            <!-- 项目里程碑 -->
+            <th>{{ 'project' | translate }}{{ 'financial.management.milestoneName' | translate }}</th>
+            <!-- 里程碑确认 -->
+            <th>
+              {{ 'financial.management.milestoneName' | translate }}
+              {{ 'ok' | translate }}
+            </th>
+            <!-- 确认时间 -->
+            <th>{{ 'confim.date' | translate }}</th>
+            <!-- 操作 -->
+            <th>{{ 'table.operation' | translate }}</th>
           </tr>
         </thead>
         <tbody>
@@ -52,16 +79,27 @@
             <td>{{ data.cusName }}</td>
             <td>{{ data.mileName }}</td>
             <td>
-              <nz-tag *ngIf="data.mileConfirm===0" [nzColor]="'red'">否</nz-tag>
-              <nz-tag *ngIf="data.mileConfirm===1" [nzColor]="'green'">是</nz-tag>
+              <!-- 否 -->
+              <nz-tag *ngIf="data.mileConfirm === 0" [nzColor]="'red'">{{ 'no' | translate }}</nz-tag>
+              <!-- 是 -->
+              <nz-tag *ngIf="data.mileConfirm === 1" [nzColor]="'green'">{{ 'yes' | translate }}</nz-tag>
             </td>
             <td>{{ data.confirmTime }}</td>
             <td>
-              <a (click)="view(data)" acl [acl-ability]="'development-milestone-confirm:view'">详情</a>
+              <!-- 详情 -->
+              <a (click)="view(data)" acl [acl-ability]="'development-milestone-confirm:view'">
+                {{ 'table.view' | translate }}
+              </a>
               <nz-divider nzType="vertical" acl [acl-ability]="'development-milestone-confirm:view'"></nz-divider>
-              <a (click)="update(data)" acl [acl-ability]="'development-milestone-confirm:update'">修改</a>
+              <!-- 修改 -->
+              <a (click)="update(data)" acl [acl-ability]="'development-milestone-confirm:update'">
+                {{ 'table.update' | translate }}
+              </a>
               <nz-divider nzType="vertical" acl [acl-ability]="'development-milestone-confirm:update'"></nz-divider>
-              <a (click)="delete(data.id)" acl [acl-ability]="'development-milestone-confirm:delete'">删除</a>
+              <!-- 删除 -->
+              <a (click)="delete(data.id)" acl [acl-ability]="'development-milestone-confirm:delete'">
+                {{ 'table.delete' | translate }}
+              </a>
             </td>
           </tr>
         </tbody>

src/app/routes/project-work/implementation-milestone-confirm/add/add.component.html

@@ -1,89 +1,129 @@
 <!-- 基本信息 -->
 <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
-
-
-
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>单据编码</nz-form-label>
+        <!-- 单据编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
+          {{ 'documents.code' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          自动生成
+          <!--自动生成  -->
+          {{ 'aoto.create' | translate }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null">项目编码</nz-form-label>
+        <!-- 项目编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'project.code' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.proCode}}
+          {{ proWorkMilestone.proCode }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>项目名称</nz-form-label>
+        <!-- 项目名称 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
+          {{ 'cost.item.name' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="proId" id="proId"
-            [(ngModel)]="proWorkMilestone.proId" nzPlaceHolder="请选择" (ngModelChange)="proChange($event)">
+          <nz-select
+            style="widows: 100%;"
+            nzShowSearch
+            nzAllowClear
+            formControlName="proId"
+            id="proId"
+            [(ngModel)]="proWorkMilestone.proId"
+            nzPlaceHolder="{{ 'select.please.choose' | translate }}"
+            (ngModelChange)="proChange($event)"
+          >
             <nz-option *ngFor="let i of proList" [nzValue]="i.id" [nzLabel]="i.proName"></nz-option>
           </nz-select>
           <nz-form-explain *ngIf="validateForm.get('proId')?.dirty && validateForm.get('proId')?.errors">
-            请选择项目名称
+            <!--请选择项目名称  -->
+            {{ 'select.please.choose' | translate }}{{ 'cost.item.name' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null">客户编码</nz-form-label>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'customer.code' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.cusCode}}
+          {{ proWorkMilestone.cusCode }}
         </nz-form-control>
       </nz-form-item>
     </div>
-
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null">客户名称</nz-form-label>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'customer.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.cusName}}
+          {{ proWorkMilestone.cusName }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>项目里程碑</nz-form-label>
+        <!-- 项目里程碑 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
+          {{ 'project' | translate }}{{ 'financial.management.milestoneName' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="mileId" id="mileId"
-            [(ngModel)]="proWorkMilestone.mileId" nzPlaceHolder="请选择" (ngModelChange)="milChange($event)">
+          <nz-select
+            style="widows: 100%;"
+            nzShowSearch
+            nzAllowClear
+            formControlName="mileId"
+            id="mileId"
+            [(ngModel)]="proWorkMilestone.mileId"
+            nzPlaceHolder="{{ 'cost.choose' | translate }}"
+            (ngModelChange)="milChange($event)"
+          >
             <nz-option *ngFor="let i of mieList" [nzValue]="i.key" [nzLabel]="i.milesName"></nz-option>
           </nz-select>
           <nz-form-explain *ngIf="validateForm.get('mileId')?.dirty && validateForm.get('mileId')?.errors">
-            请选择里程碑
+            <!--请选择里程碑  -->
+            {{ 'cost.choose' | translate }}{{ 'financial.management.milestoneName' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>里程碑确认</nz-form-label>
+        <!-- 里程碑确认 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
+          {{ 'financial.management.milestoneName' | translate }}{{ 'ok' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          <nz-switch formControlName="milSwitch" id="milSwitch" [(ngModel)]="milSwitch" nzCheckedChildren="是"
-            nzUnCheckedChildren="否"></nz-switch>
+          <!-- 是 否 -->
+          <nz-switch
+            formControlName="milSwitch"
+            id="milSwitch"
+            [(ngModel)]="milSwitch"
+            nzCheckedChildren="{{ 'cost.yes' | translate }}"
+            nzUnCheckedChildren="{{ 'cost.no' | translate }}"
+          ></nz-switch>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>确认时间</nz-form-label>
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>
+          <!-- 确认时间 -->
+          {{ 'ok' | translate }}{{ 'date' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
           <nz-date-picker formControlName="confirmTime" id="confirmTime" [(ngModel)]="proWorkMilestone.confirmTime">
           </nz-date-picker>
           <nz-form-explain *ngIf="validateForm.get('confirmTime')?.dirty && validateForm.get('confirmTime')?.errors">
-            请选择时间
+            <!-- 请选择时间 -->
+            {{ 'select.please.choose' | translate }}{{ 'date' | translate }}
           </nz-form-explain>
         </nz-form-control>
       </nz-form-item>
@@ -91,25 +131,44 @@
   </div>
 </form>
 <!-- 项目成果 -->
-<nz-card nzTitle="项目成果">
+<nz-card nzTitle="{{ 'project.results' | translate }}">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
-      <nz-upload nzAction="sys/common/uploadFile" [nzFileList]="fileList" nzMultiple=true
-        (nzChange)="handleChange($event)">
-        <button nz-button><i nz-icon nzType="upload"></i>上传</button>
+      <nz-upload
+        nzAction="sys/common/uploadFile"
+        [nzFileList]="fileList"
+        nzMultiple="true"
+        (nzChange)="handleChange($event)"
+      >
+        <!-- 上传 -->
+        <button nz-button>
+          <i nz-icon nzType="upload"></i>
+          {{ 'pm.project.archives.file.up.load' | translate }}
+        </button>
       </nz-upload>
     </div>
   </div>
 </nz-card>
 <!-- 按钮 -->
 <div class="base">
-  <strong>填写人:</strong>{{proWorkMilestone.currentUser}} <strong>填写时间:</strong>{{proWorkMilestone.createTime}}
+  <!-- 填写人 -->
+  <strong>{{ 'fill.person' | translate }}:</strong>
+  {{ proWorkMilestone.currentUser }}
+
+  <!-- 填写时间 -->
+  <strong>{{ 'fill.time' | translate }}:</strong>
+  {{ proWorkMilestone.createTime }}
   <!-- 关闭按钮 -->
-  <a nz-popconfirm nzTitle="{{'pm.contract.contract.add.button.cancel'|translate}}" (nzOnConfirm)="close()"
-    style="padding-right: 8px">
-    <button nz-button>{{'pm.quotation.cancel'|translate}}</button>
+  <a
+    nz-popconfirm
+    nzTitle="{{ 'pm.contract.contract.add.button.cancel' | translate }}"
+    (nzOnConfirm)="close()"
+    style="padding-right: 8px"
+  >
+    <button nz-button>{{ 'pm.quotation.cancel' | translate }}</button>
   </a>
   <!-- 保存按钮 -->
-  <button nz-button nzType="primary" class="ant-btn ant-btn-primary" (click)="submitForm()"
-    [nzLoading]="isLoadingSave"><span>{{'pm.finish' | translate}}</span></button>
-</div>
+  <button nz-button nzType="primary" class="ant-btn ant-btn-primary" (click)="submitForm()" [nzLoading]="isLoadingSave">
+    <span>{{ 'pm.finish' | translate }}</span>
+  </button>
+</div>

src/app/routes/project-work/implementation-milestone-confirm/implementation-milestone-confirm.component.html

@@ -1,6 +1,9 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'implementation-milestone-confirm:add'">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'implementation-milestone-confirm:add'">
+      {{ 'new' | translate }}
+    </button>
   </ng-template>
 </page-header>
 <nz-card>
@@ -9,7 +12,8 @@
     <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24">单据编码</nz-form-label>
+          <!--单据编码  -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'documents.code' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input nz-input name="code" [(ngModel)]="proWorkMilestone.billcode" />
           </nz-form-control>
@@ -17,30 +21,50 @@
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
+          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]="true"></nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
+            <!--查询  -->
+            <button nzType="primary" (click)="query()" nz-button>
+              <span>{{ 'button.query' | translate }}</span>
+            </button>
           </nz-form-control>
         </nz-form-item>
       </div>
     </div>
   </form>
-   <!-- 表格 -->
-   <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
+  <!-- 表格 -->
+  <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
     <div nz-col [nzSpan]="24">
-      <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzTotal]="page.total"
-        [nzPageIndex]="page.current" (nzPageIndexChange)="pageIndexChange($event)" [nzLoading]="isSpinning">
+      <nz-table
+        nzSize="small"
+        #basicTable
+        [nzData]="listOfData"
+        [nzFrontPagination]="false"
+        [nzTotal]="page.total"
+        [nzPageIndex]="page.current"
+        (nzPageIndexChange)="pageIndexChange($event)"
+        [nzLoading]="isSpinning"
+      >
         <thead>
           <tr>
-            <th>单据编码</th>
-            <th>项目编码</th>
-            <th>项目名称</th>
-            <th>客户编码</th>
-            <th>客户名称</th>
-            <th>项目里程碑</th>
-            <th>里程碑确认</th>
-            <th>确认时间</th>
-            <th>操作</th>
+            <!-- 单据编码 -->
+            <th>{{ 'documents.code' | translate }}</th>
+            <!-- 项目编码 -->
+            <th>{{ 'project' | translate }}{{ 'table.thead.code' | translate }}</th>
+            <!-- 项目名称 -->
+            <th>{{ 'cost.item.name' | translate }}</th>
+            <!-- 客户编码 -->
+            <th>{{ 'customer.code' | translate }}</th>
+            <!-- 客户名称 -->
+            <th>{{ 'customer.name' | translate }}</th>
+            <!-- 项目里程碑 -->
+            <th>{{ 'project' | translate }}{{ 'financial.management.milestoneName' | translate }}</th>
+            <!--  里程碑确认-->
+            <th>{{ 'financial.management.milestoneName' | translate }}{{ 'ok' | translate }}</th>
+            <!-- 确认时间 -->
+            <th>{{ 'ok' | translate }}{{ 'date' | translate }}</th>
+            <!-- 操作 -->
+            <th>{{ 'cost.operation' | translate }}</th>
           </tr>
         </thead>
         <tbody>
@@ -52,16 +76,31 @@
             <td>{{ data.cusName }}</td>
             <td>{{ data.mileName }}</td>
             <td>
-              <nz-tag *ngIf="data.mileConfirm===0" [nzColor]="'red'">否</nz-tag>
-              <nz-tag *ngIf="data.mileConfirm===1" [nzColor]="'green'">是</nz-tag>
+              <!-- 否 -->
+              <nz-tag *ngIf="data.mileConfirm === 0" [nzColor]="'red'">
+                {{ 'cost.no' | translate }}
+              </nz-tag>
+              <!-- 是 -->
+              <nz-tag *ngIf="data.mileConfirm === 1" [nzColor]="'green'">
+                {{ 'cost.yes' | translate }}
+              </nz-tag>
             </td>
             <td>{{ data.confirmTime }}</td>
             <td>
-              <a (click)="view(data)" acl [acl-ability]="'implementation-milestone-confirm:view'">详情</a>
+              <!-- 详情 -->
+              <a (click)="view(data)" acl [acl-ability]="'implementation-milestone-confirm:view'">
+                {{ 'table.view' | translate }}
+              </a>
               <nz-divider nzType="vertical" acl [acl-ability]="'implementation-milestone-confirm:view'"></nz-divider>
-              <a (click)="update(data)" acl [acl-ability]="'implementation-milestone-confirm:update'">修改</a>
+              <!-- 修改 -->
+              <a (click)="update(data)" acl [acl-ability]="'implementation-milestone-confirm:update'">
+                {{ 'table.update' | translate }}
+              </a>
               <nz-divider nzType="vertical" acl [acl-ability]="'implementation-milestone-confirm:update'"></nz-divider>
-              <a (click)="delete(data.id)" acl [acl-ability]="'implementation-milestone-confirm:delete'">删除</a>
+              <!-- 删除 -->
+              <a (click)="delete(data.id)" acl [acl-ability]="'implementation-milestone-confirm:delete'">
+                {{ 'table.delete' | translate }}
+              </a>
             </td>
           </tr>
         </tbody>

src/app/routes/project-work/service-milestone-confirm/service-milestone-confirm.component.html

@@ -1,6 +1,9 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'service-milestone-confirm:add'">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'service-milestone-confirm:add'">
+      {{ 'new' | translate }}
+    </button>
   </ng-template>
 </page-header>
 <nz-card>
@@ -9,7 +12,8 @@
     <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="6" [nzXs]="24">单据编码</nz-form-label>
+          <!-- 单据编码 -->
+          <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'documents.code' | translate }}</nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input nz-input name="code" [(ngModel)]="proWorkMilestone.billcode" />
           </nz-form-control>
@@ -17,30 +21,50 @@
       </div>
       <div nz-col [nzSpan]="8">
         <nz-form-item>
-          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
+          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]="true"></nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
-            <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
+            <!-- 查询 -->
+            <button nzType="primary" (click)="query()" nz-button>
+              <span>{{ 'button.query' | translate }}</span>
+            </button>
           </nz-form-control>
         </nz-form-item>
       </div>
     </div>
   </form>
-   <!-- 表格 -->
-   <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
+  <!-- 表格 -->
+  <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
     <div nz-col [nzSpan]="24">
-      <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzTotal]="page.total"
-        [nzPageIndex]="page.current" (nzPageIndexChange)="pageIndexChange($event)" [nzLoading]="isSpinning">
+      <nz-table
+        nzSize="small"
+        #basicTable
+        [nzData]="listOfData"
+        [nzFrontPagination]="false"
+        [nzTotal]="page.total"
+        [nzPageIndex]="page.current"
+        (nzPageIndexChange)="pageIndexChange($event)"
+        [nzLoading]="isSpinning"
+      >
         <thead>
           <tr>
-            <th>单据编码</th>
-            <th>项目编码</th>
-            <th>项目名称</th>
-            <th>客户编码</th>
-            <th>客户名称</th>
-            <th>项目里程碑</th>
-            <th>里程碑确认</th>
-            <th>确认时间</th>
-            <th>操作</th>
+            <!-- 单据编码 -->
+            <th>{{ 'documents.code' | translate }}</th>
+            <!-- 项目编码 -->
+            <th>{{ 'project' | translate }}{{ 'table.thead.code' | translate }}</th>
+            <!-- 项目名称 -->
+            <th>{{ 'cost.item.name' | translate }}</th>
+            <!-- 客户编码 -->
+            <th>{{ 'customer.code' | translate }}</th>
+            <!-- 客户名称 -->
+            <th>{{ 'customer.name' | translate }}</th>
+            <!-- 项目里程碑 -->
+            <th>{{ 'project' | translate }}{{ 'financial.management.milestoneName' | translate }}</th>
+            <!--  里程碑确认-->
+            <th>{{ 'financial.management.milestoneName' | translate }}{{ 'ok' | translate }}</th>
+            <!-- 确认时间 -->
+            <th>{{ 'ok' | translate }}{{ 'date' | translate }}</th>
+            <!-- 操作 -->
+            <th>{{ 'cost.operation' | translate }}</th>
           </tr>
         </thead>
         <tbody>
@@ -52,16 +76,31 @@
             <td>{{ data.cusName }}</td>
             <td>{{ data.mileName }}</td>
             <td>
-              <nz-tag *ngIf="data.mileConfirm===0" [nzColor]="'red'">否</nz-tag>
-              <nz-tag *ngIf="data.mileConfirm===1" [nzColor]="'green'">是</nz-tag>
+              <!-- 否 -->
+              <nz-tag *ngIf="data.mileConfirm === 0" [nzColor]="'red'">
+                {{ 'cost.no' | translate }}
+              </nz-tag>
+              <!-- 是 -->
+              <nz-tag *ngIf="data.mileConfirm === 1" [nzColor]="'green'">
+                {{ 'cost.yes' | translate }}
+              </nz-tag>
             </td>
             <td>{{ data.confirmTime }}</td>
             <td>
-              <a (click)="view(data)" acl [acl-ability]="'service-milestone-confirm:view'">详情</a>
+              <!-- 详情 -->
+              <a (click)="view(data)" acl [acl-ability]="'service-milestone-confirm:view'">
+                {{ 'table.view' | translate }}
+              </a>
               <nz-divider nzType="vertical" acl [acl-ability]="'service-milestone-confirm:view'"></nz-divider>
-              <a (click)="update(data)" acl [acl-ability]="'service-milestone-confirm:update'">修改</a>
+              <!-- 修改 -->
+              <a (click)="update(data)" acl [acl-ability]="'service-milestone-confirm:update'">
+                {{ 'table.update' | translate }}
+              </a>
               <nz-divider nzType="vertical" acl [acl-ability]="'service-milestone-confirm:update'"></nz-divider>
-              <a (click)="delete(data.id)" acl [acl-ability]="'service-milestone-confirm:delete'">删除</a>
+              <!-- 删除 -->
+              <a (click)="delete(data.id)" acl [acl-ability]="'service-milestone-confirm:delete'">
+                {{ 'table.delete' | translate }}
+              </a>
             </td>
           </tr>
         </tbody>

src/app/routes/project-work/service-milestone-confirm/view/view.component.html

@@ -1,85 +1,100 @@
 <!-- 基本信息 -->
 <form nz-form>
-
-
-
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" >单据编码</nz-form-label>
+        <!-- 单据编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'documents.code' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.billcode}}
+          {{ proWorkMilestone.billcode }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null">项目编码</nz-form-label>
+        <!-- 项目编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'project.code' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.proCode}}
+          {{ proWorkMilestone.proCode }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" >项目名称</nz-form-label>
+        <!-- 项目名称 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'cost.item.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.proName}}
+          {{ proWorkMilestone.proName }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null">客户编码</nz-form-label>
+        <!-- 客户编码 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'customer.code' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.cusCode}}
+          {{ proWorkMilestone.cusCode }}
         </nz-form-control>
       </nz-form-item>
     </div>
-
   </div>
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null">客户名称</nz-form-label>
+        <!-- 客户名称 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'customer.name' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.cusName}}
+          {{ proWorkMilestone.cusName }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" >项目里程碑</nz-form-label>
+        <!--项目里程碑  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">
+          {{ 'project' | translate }}
+          {{ 'financial.management.milestoneName' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.mileName}}
+          {{ proWorkMilestone.mileName }}
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" >里程碑确认</nz-form-label>
+        <!-- 里程碑确认 -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">
+          {{ 'financial.management.milestoneName' | translate }}
+          {{ 'ok' | translate }}
+        </nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-            <nz-tag [nzColor]="'green'" *ngIf="proWorkMilestone.mileConfirm===1">是</nz-tag>
-            <nz-tag [nzColor]="'green'" *ngIf="proWorkMilestone.mileConfirm===0">否</nz-tag>
+          <!-- 是 -->
+          <nz-tag [nzColor]="'green'" *ngIf="proWorkMilestone.mileConfirm === 1">
+            {{ 'yes' | translate }}
+          </nz-tag>
+          <!-- 否 -->
+          <nz-tag [nzColor]="'green'" *ngIf="proWorkMilestone.mileConfirm === 0">
+            {{ 'no' | translate }}
+          </nz-tag>
         </nz-form-control>
       </nz-form-item>
     </div>
     <div nz-col [nzSpan]="6">
       <nz-form-item>
-        <nz-form-label [nzSpan]="'vertical' ? 24 : null" >确认时间</nz-form-label>
+        <!--确认时间  -->
+        <nz-form-label [nzSpan]="'vertical' ? 24 : null">{{ 'confim.date' | translate }}</nz-form-label>
         <nz-form-control [nzSm]="24" [nzXs]="24">
-          {{proWorkMilestone.confirmTime}}
+          {{ proWorkMilestone.confirmTime }}
         </nz-form-control>
       </nz-form-item>
     </div>
   </div>
 </form>
 <!-- 项目成果 -->
-<nz-card nzTitle="项目成果">
+<nz-card nzTitle="{{ 'project.results' | translate }}">
   <div nz-row [nzGutter]="24">
     <div nz-col [nzSpan]="6">
-      <nz-upload nzAction="sys/common/uploadFile" [nzFileList]="fileList" nzMultiple=true
-        >
+      <nz-upload nzAction="sys/common/uploadFile" [nzFileList]="fileList" nzMultiple="true">
         <!-- <button nz-button><i nz-icon nzType="upload"></i>上传</button> -->
       </nz-upload>
     </div>
@@ -87,8 +102,15 @@
 </nz-card>
 <!-- 按钮 -->
 <div class="base">
-  <strong>填写人:</strong>{{proWorkMilestone.currentUser}} <strong>填写时间:</strong>{{proWorkMilestone.createTime}}
+  <!-- 填写人 -->
+  <strong>{{ 'fill.person' | translate }}:</strong>
+  {{ proWorkMilestone.currentUser }}
+
+  <!-- 填写时间 -->
+  <strong>{{ 'fill.time' | translate }}:</strong>
+  {{ proWorkMilestone.createTime }}
   <!-- 关闭按钮 -->
-  <button nz-button (click)="close()"
-    [nzLoading]="isLoadingSave"><span>{{'pm.quotation.cancel'|translate}}</span></button>
-</div>
+  <button nz-button (click)="close()" [nzLoading]="isLoadingSave">
+    <span>{{ 'pm.quotation.cancel' | translate }}</span>
+  </button>
+</div>

src/app/routes/quality-control/control-bioanalysis-sample/control-bioanalysis-sample.component.html

@@ -1,6 +1,7 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary">{{ 'new' | translate }}</button>
   </ng-template>
 </page-header>
 <app-quality-control-control-bioanalysis-sample-bs-index></app-quality-control-control-bioanalysis-sample-bs-index>

src/app/routes/quality-control/control-bioanalyticalverification/control-bioanalyticalverification.component.html

@@ -1,6 +1,7 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button nz-button nzType="primary">新建</button>
+    <!-- 新建 -->
+    <button nz-button nzType="primary">{{ 'new' | translate }}</button>
   </ng-template>
 </page-header>
 <app-quality-control-control-bioanalyticalverification-bf-index>

src/app/routes/quality-control/pledge-bioanalysis-sample/pledge-bioanalysis-sample.component.html

@@ -1,6 +1,7 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary">{{ 'new' | translate }}</button>
   </ng-template>
 </page-header>
 <app-quality-control-pledge-bioanalysis-sample-bs-index></app-quality-control-pledge-bioanalysis-sample-bs-index>

src/app/routes/quality-control/process-and-facility/process-and-facility.component.html

@@ -1,6 +1,7 @@
 <page-header [action]="phActionTpl">
   <ng-template #phActionTpl>
-    <button (click)="add()" nz-button nzType="primary">新建</button>
+    <!-- 新建 -->
+    <button (click)="add()" nz-button nzType="primary">{{ 'new' | translate }}</button>
   </ng-template>
 </page-header>
 <app-quality-control-process-and-facility-home-page></app-quality-control-process-and-facility-home-page>

src/app/routes/report-form/project-statistics/project-statistics.component.html

@@ -14,8 +14,9 @@
       <div nz-col [nzSpan]="8">
         <nz-form-item>
           <!-- 项目名称 -->
-          <nz-form-label [nzSm]="6" [nzXs]="24">{{'cost.item.name'
-            translate}}</nz-form-label>
+          <nz-form-label [nzSm]="6" [nzXs]="24">
+            {{'cost.item.name'translate}}
+          </nz-form-label>
           <nz-form-control [nzSm]="14" [nzXs]="24">
             <input nz-input name="proArchivesName" [(ngModel)]="projectStatisticsWhere.proArchivesName" />
           </nz-form-control>

src/app/routes/system/dict/add/add.component.html

@@ -1,5 +1,6 @@
 <form nz-form>
   <nz-form-item>
+    <!-- 字典名称 -->
     <nz-form-label nzRequired [nzSm]="6" [nzXs]="24">{{ 'dictionary.name' | translate }}</nz-form-label>
     <nz-form-control [nzSm]="14" [nzXs]="24">
       <input
@@ -11,6 +12,7 @@
     </nz-form-control>
   </nz-form-item>
   <nz-form-item>
+    <!--字典编码  -->
     <nz-form-label nzRequired [nzSm]="6" [nzXs]="24">{{ 'dictionary.code' | translate }}</nz-form-label>
     <nz-form-control [nzSm]="14" [nzXs]="24">
       <input
@@ -22,6 +24,7 @@
     </nz-form-control>
   </nz-form-item>
   <nz-form-item>
+    <!-- 描述 -->
     <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'description' | translate }}</nz-form-label>
     <nz-form-control [nzSm]="14" [nzXs]="24">
       <input [(ngModel)]="dict.description" name="description" nz-input />

src/assets/tmp/i18n/zh-CN.json

@@ -1212,6 +1212,11 @@
   "field.name": "字段名",
   "user.account": "用户账号",
   "user.name": "用户姓名",
+  "contact.phone.number": "联系电话",
+  "commonly.used.express": "常用快递",
+  "pickup.address": "取货地址",
+  "return.goods": "退货商品",
+  "return.schedule": "退货进度",
   "role.assignments": "角色分配",
   "avatar": "头像",
   "click.to.upload": "点击上传",
@@ -1371,6 +1376,7 @@
   "Recipient": "领用人",
   "number.of.recipients": "领用量",
   "project": "项目",
+  "project.results": "项目成果",
   "receive.count": "领用数量之和不能大于总数量哦",
   "count.number": "总数量不能小于表体数量哦",
   "new.milestone.template.fasting": "新增里程碑-空腹",
@@ -2040,16 +2046,32 @@
   "such.data": "某某数据",
   "this.data.update.time": "该数据更新时间",
   "expiration.time": "过期时间",
-  "character.code":"角色码",
-  "scientific.name":"学名",
-  "success":"成功",
-  "user.call.records.sixMonths":"用户近半年来电记录",
-  "log.one":"日志一",
-  "log.two":"日志二",
-  "log.three":"日志三",
-  "order.products":"订购产品",
-  "associated.documents":"关联单据",
-  "vip.card.number":"会员卡号",
-  "Id.card":"身份证",
-  "contact":"联系方式"
+  "character.code": "角色码",
+  "scientific.name": "学名",
+  "success": "成功",
+  "user.call.records.sixMonths": "用户近半年来电记录",
+  "log.one": "日志一",
+  "log.two": "日志二",
+  "log.three": "日志三",
+  "order.products": "订购产品",
+  "associated.documents": "关联单据",
+  "vip.card.number": "会员卡号",
+  "Id.card": "身份证",
+  "contact": "联系方式",
+  "child.orders": "子订单",
+  "sales.orderNumber": "销售单号",
+  "take.invoice.number": "取货单号",
+  "refund.application": "退款申请",
+  "submit.fail": "提交失败",
+  "submit.success": "提交成功",
+  "thaw.immediately": "立即解冻",
+  "upgrade.immediately": "立即升级",
+  "return.modify": "返回修改",
+  "check.modify.following.information.before.resubmitting": "请核对并修改以下信息后，再重新提交",
+  "your.submission.has.following.error": "您提交的内容有如下错误",
+  "your.account.frozen": "您的账户已被冻结",
+  "your.account.eligible.for.application.not.yet": "您的账户还不具备申请资格",
+  "return.lists": "返回列表",
+  "view.object": "查看项目",
+  "confim.date":"确认时间"
 }