doctor-admin-components 1.0.13-beta.41 → 1.0.13-beta.43

package/packages/src/views/biz/bizFileInfo/contract.vue

@@ -18,7 +18,7 @@
           <div class="content-root">
             <!-- 提单指令 -->
             <ContentTitle :contentTitleProp="{
-              bgButton: '提单指令',
+              bgButton: $t('contractDetail.blInfo'),
               bgTime:contractFileInfo.personalBillFileInfo && timeFormate(contractFileInfo.personalBillFileInfo),
             }"></ContentTitle>
             <el-col :span="12" v-if="getLastFileByList(contractFileInfo.latestBillFileInfo)">
@@ -54,16 +54,16 @@
                     'personal_deal_bill'
                   )
                   ":isShowTip="false" 
-                  uploadNameStr="提单指令" />
+                  :uploadNameStr="$t('contractDetail.blInfo')" />
               </div>
             </el-col>
             <el-col :span="12" v-if="contractFileInfo.bliConfirmFlag" class="center-status"> 
               <i class="el-icon-success success"></i>
-              提单指令已确认
+              {{ $t('contractDetail.bl_confirm_true') }}
             </el-col>
             <el-col :span="12" v-else class="center-status"> 
               <i class="el-icon-time"></i>
-              提单指令待确认
+              {{ $t('contractDetail.blInfo_unconfirm') }}
             </el-col>
             <!-- 销售合同-回签合同 -->
             <el-col :span="24">
@@ -78,12 +78,12 @@
                     : $t('contractDetail.purchaseContract'),
                   bgTime:contractFileInfo.latestContractFileInfo && timeFormate(contractFileInfo.latestContractFileInfo)
                 }"></ContentTitle>
-                  <span class="bg-history" @click="handleHistory('contract_formal')">查看历史版本</span>
+                  <span class="bg-history" @click="handleHistory('contract_formal')">{{ $t('contractDetail.view_history') }}</span>
                 </div>
               </el-col>
               <el-col :span="12" v-if="contractFileInfo.signContractFileInfo && contractFileInfo.signContractFileInfo.length">
                 <ContentTitle :contentTitleProp="{
-                  bgButton: '回签合同',
+                  bgButton: $t('contractDetail.signContract'),
                   bgTime:timeFormate(contractFileInfo.signContractFileInfo)
                 }"
                  :successFlag="true"
@@ -96,7 +96,7 @@
                   <file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :fileInfo="getLastFileByList(contractFileInfo.latestContractFileInfo)" />
                 </div>
                 <div v-else>
-                  暂无合同
+                  {{ $t('contractDetail.no_files') }}
                 </div>
               </el-col>
               <!-- 回签合同 -->
@@ -106,7 +106,7 @@
                   <el-button style="margin-left: 10px" @click="counterSign" size="mini">撤回回签</el-button>
                 </div> -->
                 <div class="file-list">
-                  <file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh"
+                  <file-show @refresh="handleRefresh"
                     @checked="handleChecked" @uncheck="handleUncheck" :file-info="item"
                     :selectFileListProp="selectFileList"
                     type="signContract"
@@ -121,7 +121,7 @@
                     'contract',
                     'contract_sign'
                   )
-                  " :isShowTip="false" uploadNameStr="回签合同" />
+                  " :isShowTip="false" :uploadNameStr="$t('contractDetail.signContract')" />
                 </div>
               </el-col>
             </el-col>
@@ -133,17 +133,17 @@
               <el-col :span="12">
                 <div style="display:flex;align-items:center">
                   <ContentTitle :contentTitleProp="{
-                    bgButton: '定金发票',
+                    bgButton: $t('contractDetail.depositInvoice'),
                     bgTime:contractFileInfo.proformaInvoiceFileInfo && timeFormate(contractFileInfo.proformaInvoiceFileInfo) ||  contractFileInfo.personalProformaInvoiceFileInfo && timeFormate(contractFileInfo.personalProformaInvoiceFileInfo) 
                   }">
                   </ContentTitle>
-                  <span class="bg-history" v-if="channel !== 'official-website'" @click="skipInvoiceList">发票列表</span>
+                  <span class="bg-history" v-if="channel !== 'official-website'" @click="skipInvoiceList">{{ $t('contractDetail.invoice_list') }}</span>
                 </div>
               </el-col>
 
               <el-col :span="12" v-if="contractFileInfo.proformaInvoiceWaterBillFileInfo && contractFileInfo.proformaInvoiceWaterBillFileInfo.length">
                 <ContentTitle :contentTitleProp="{
-                    bgButton: '支付凭证',
+                    bgButton: $t('contractDetail.Payment_voucher'),
                     bgTime: contractFileInfo.proformaInvoiceWaterBillFileInfo && timeFormate(contractFileInfo.proformaInvoiceWaterBillFileInfo)
                   }"
                     :successFlag="true"
@@ -161,7 +161,7 @@
               <el-col :span="12">
                   <div style="margin-bottom:20px" v-if="contract.contractType == 'purchase'">                    
                     <el-button type="primary" size="mini" v-if="channel !== 'official-website'" @click.stop="getDepositInvoice">
-                      {{ contract.contractType == "sale" ? "生成定金发票" : "上传定金发票" }}
+                      {{ contract.contractType == "sale" ? $t('contractDetail.Generate_deposit_invoice') : "上传定金发票" }}
                     </el-button>
                   </div>
                   <!-- 系统生成定金发票 -->
@@ -191,10 +191,10 @@
                       'personal_proforma_invoice'
                     )
                     ":isShowTip="false" 
-                    uploadNameStr="定金发票" />
+                    :uploadNameStr="$t('contractDetail.depositInvoice')" />
                     <div v-if="channel == 'official-website'" class="center-status">
                           <i class="el-icon-time"></i>
-                          <span>定金发票待上传</span>
+                          <span>{{ $t('contractDetail.Deposit_invoice_to_be_uploaded') }}</span>
                     </div>
                 </div>
               </el-col>
@@ -229,7 +229,7 @@
                       >
                         {{
                         channel !== "official-website"
-                        ? "定金已收"
+                        ? $t('contractDetail.Deposit_received')
                         : $t("contractDetail.Deposit_Paid")
                         }}
                       </div>
@@ -238,7 +238,7 @@
                         <span  style="color: red">
                           {{
                           channel !== "official-website"
-                          ? "定金待付"
+                          ? $t('contractDetail.deposit_unpaid')
                           : $t("contractDetail.Deposit_Unpaid")
                           }}
                         </span>
@@ -255,19 +255,20 @@
                         style="width:max-content"
                       >
                       <i class="el-icon-success success"></i>
-                      定金已付</div>
+                      {{ $t('contractDetail.Deposit_Paid') }}</div>
                       <div v-else style="width:max-content">
                         <i class="el-icon-time"></i>
-                        <span style="color: red">定金待付</span> 
+                        <span style="color: red">{{ $t('contractDetail.deposit_unpaid') }}</span> 
                       </div>
                     </el-col>
                   </el-row>
                   <div v-if="!contractFileInfo.proformaInvoiceWaterBillFileInfo || contractFileInfo.proformaInvoiceWaterBillFileInfo.length == 0">
                     <!-- <i class="el-icon-time"></i> -->
-                    支付凭证待提供
+                    {{ $t('contractDetail.deposit_unreceipt') }}
                   </div>
                   <div v-else style="color:#000">
                     <file-show @refresh="handleRefresh"
+                    :hiddenOperation="channel == 'official-website'"
                     @checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item"
                     v-for="(item, i) in contractFileInfo.proformaInvoiceWaterBillFileInfo" :key="i" />
                   </div>
@@ -280,7 +281,7 @@
             </el-col>
             <el-col :span="24">
               <ContentTitle :contentTitleProp="{
-                bgButton: '其他文件',
+                bgButton: $t('contractDetail.otherFile'),
                 bgTime: contract.contractType == 'sale' ? contractFileInfo.saleContractOtherFile && timeFormate(contractFileInfo.saleContractOtherFile) : contractFileInfo.purchaseContractOtherFile && timeFormate(contractFileInfo.purchaseContractOtherFile)
               }"></ContentTitle>
             </el-col>
@@ -296,7 +297,7 @@
                     'contract',
                     'sale_contract_other_file'
                   )
-                  " :isShowTip="false" uploadNameStr="其他文件" />
+                  " :isShowTip="false" :uploadNameStr="$t('contractDetail.otherFile')" />
               </div>
               <!-- 销售-采购文件 -->
               <div class="file-list" v-else>
@@ -311,7 +312,7 @@
                   )
                   " 
                   :isShowTip="false" 
-                  uploadNameStr="其他文件" 
+                  :uploadNameStr="$t('contractDetail.otherFile')" 
                 />
               </div>
             </el-col>
@@ -341,19 +342,19 @@
                 v-if="
                 channel !== 'official-website' && contract.contractType == 'purchase'
               "
-            >生成装运</div> 
+            >{{ $t("contractDetail.Generate_shipment") }}</div> 
           </div>
         </template>
         <template v-slot:content>
           <div  class="ship-empty" style="background-color:#fff">
             <div>
-              <b>装箱单</b>将会在卖家装运后更新
+              <b>{{ $t('contractDetail.packingList') }}</b>{{ $t('contractDetail.update_after_shipping') }}
             </div>
             <div>
-              <b>装运照片</b>将会在卖家装运后更新
+              <b>{{ $t('contractDetail.packingPhoto') }}</b>{{ $t('contractDetail.update_after_shipping') }}
             </div>
             <div>
-              <b>草稿提单</b>将会在卖家装运后更新
+              <b>{{ $t('contractDetail.draftBillOfLading') }}</b>{{ $t('contractDetail.update_after_shipping') }}
             </div>
           </div>
         </template>
@@ -374,7 +375,7 @@
                   v-if="
                   channel !== 'official-website' && contract.contractType == 'purchase'
                 "
-              >增加装运</div> 
+              >{{ $t('contractDetail.add_shipment') }}</div> 
             </div>
           </template>
           <template v-slot:content>
@@ -399,12 +400,12 @@
                           )
                         "
                         class="preview-download"
-                      >识别汇总</div>
-                      <div class="preview-download" @click="editShipment(shipmentItemData)">编辑船运</div>
+                      >{{ $t('contractDetail.identification_summary') }}</div>
+                      <div class="preview-download" @click="editShipment(shipmentItemData)">{{ $t('contractDetail.edit_shipment') }}</div>
                 </div>
               <!-- 订舱资料 -->
               <ContentTitle :contentTitleProp="{
-                  bgButton: '订舱资料',
+                  bgButton: $t('contractDetail.bookingConfirmation'),
                   bgTime: shipmentFileInfo.bookingConfirmation && timeFormate(shipmentFileInfo.bookingConfirmation),
                   bgcolor: shipProgressInfo.bgcolor
   
@@ -416,7 +417,7 @@
                 <div class="file-list">
                   <el-col v-if=" contract.contractType == 'sale' && (!shipmentFileInfo.bookingConfirmation || shipmentFileInfo.bookingConfirmation && shipmentFileInfo.bookingConfirmation.length == 0)" :span="12" class="center-status"> 
                       <i class="el-icon-time"></i>
-                      订舱资料待更新
+                      {{ $t('contractDetail.Booking_information_to_be_updated') }}
                   </el-col>
                   <file-show @refresh="handleRefresh" @checked="handleChecked" :hiddenOperation="channel == 'official-website'" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item"
                     v-for="(item, i) in shipmentFileInfo.bookingConfirmation" :key="i" />
@@ -430,7 +431,7 @@
                         'shipment',
                         'shipment_booking_confirmation'
                       )
-                      " :isShowTip="false" uploadNameStr="订舱资料" />
+                      " :isShowTip="false" :uploadNameStr="$t('contractDetail.bookingConfirmation')" />
                 </div>
               </el-col>
               <el-col :span="24">
@@ -438,8 +439,8 @@
               </el-col>
               <!-- 装箱单 -->
               <ContentTitle :contentTitleProp="{
-                  bgButton: '装箱单',
-                  bgTime: contract.contractType == 'purchase' ? shipmentFileInfo.purchasePersonalPackingList && timeFormate(shipmentFileInfo.purchasePersonalPackingList) : shipmentFileInfo.salePersonalPackingList && timeFormate(shipmentFileInfo.salePersonalPackingList),
+                  bgButton: $t('contractDetail.packingList'),
+                  bgTime: contract.contractType == 'purchase' ? shipmentFileInfo.purchasePersonalPackingList && timeFormate(shipmentFileInfo.purchasePersonalPackingList) : shipmentFileInfo.packingList && timeFormate(shipmentFileInfo.packingList),
                   bgcolor: shipProgressInfo.bgcolor
               }"></ContentTitle>
               <el-row v-if="contract.contractType == 'purchase'">
@@ -464,7 +465,7 @@
                       ">{{ identify }}
                     </span>
                   </div>
-                  <ShowAndHide :dataInfoArr="shipmentFileInfo.purchasePersonalPackingList" heightStr="50px" :HideAmount="4">
+                  <ShowAndHide :dataInfoArr="shipmentFileInfo.purchasePersonalPackingList" heightStr="50px" :HideAmount="2">
                     <template>
                       <el-col :span="24">
                         <div class="file-list">
@@ -485,7 +486,7 @@
                               'purchase_personal_shipment_packing_list'
                             )" 
                             :isShowTip="false" 
-                            uploadNameStr="装箱单"
+                            :uploadNameStr="$t('contractDetail.packingList')"
                           />
                         </div>
                       </el-col>
@@ -495,17 +496,17 @@
               </el-row>
               <el-row v-if="contract.contractType == 'sale'">
                 <div>
-                  <ShowAndHide :dataInfoArr="shipmentFileInfo.salePersonalPackingList" heightStr="50px" :HideAmount="4">
+                  <ShowAndHide :dataInfoArr="shipmentFileInfo.packingList || []" heightStr="50px" :HideAmount="2">
                     <el-col :span="24">
                     <div class="file-list">
-                      <el-col :span="12" v-if="!shipmentFileInfo.salePersonalPackingList || shipmentFileInfo.salePersonalPackingList.length == 0" class="center-status"> 
+                      <el-col :span="12" v-if="!shipmentFileInfo.packingList || shipmentFileInfo.packingList.length == 0" class="center-status"> 
                           <i class="el-icon-time"></i>
-                            装箱单待更新
+                            {{ $t('contractDetail.Packing_list_to_be_updated') }}
                         </el-col>
                       <file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh"
                         @checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item" v-for="(
                           item, i
-                        ) in shipmentFileInfo.salePersonalPackingList" :key="i" />
+                        ) in shipmentFileInfo.packingList || []" :key="i" />
                       <!-- sale 只做展示 -->
                       <!-- <contract-file-drag-upload v-if="channel !== 'official-website'" @upload="
                           handleUpload(
@@ -534,18 +535,18 @@
                 <el-col :span="24">
                   <div class="content-root-row">
                     <ContentTitle :contentTitleProp="{
-                        bgButton: '装箱照片' + containerFile.containerNo,
+                        bgButton: $t('contractDetail.packingPhoto') + containerFile.containerNo,
                         bgTime: containerFile.packingPhoto && timeFormate(containerFile.packingPhoto),
                         bgcolor: shipProgressInfo.bgcolor
                       }"></ContentTitle>
                     <div v-if="containerFile && containerFile.packingPhoto.length" style="display:flex">
                       <!-- <div style="display:flex"> -->
                       <div class="border-button" @click.stop="allSelectContainerPackingPhoto(containerFile.containerId)">
-                        全选照片 </div>
-                      <div class="border-button" @click.stop="cancelContainerPackingPhoto(containerFile.containerId)">取消全选
+                        {{ $t('contractDetail.select_all') }} </div>
+                      <div class="border-button" @click.stop="cancelContainerPackingPhoto(containerFile.containerId)">{{ $t('contractDetail.Deselect') }}
                       </div>
                       <div class="border-button border-button-share"
-                        @click.stop="shareContainerUrl(containerFile.containerId)">分享</div>
+                        @click.stop="shareContainerUrl(containerFile.containerId)">{{ $t('contractDetail.share') }}</div>
                     </div>
                   </div>
                 </el-col>
@@ -582,7 +583,7 @@
               </el-col>
               <el-col :span="24" style="display:flex;align-items:center">
                 <ContentTitle :contentTitleProp="{
-                  bgButton: '草稿提单',
+                  bgButton: $t('contractDetail.draftBillOfLading'),
                   bgTime: shipmentFileInfo.draftBillOfLading && timeFormate(shipmentFileInfo.draftBillOfLading),
                   bgcolor: shipProgressInfo.bgcolor
                 }"></ContentTitle>
@@ -623,29 +624,29 @@
                         'draft_bill_of_lading'
                       )
                       " :isShowTip="false"
-                        uploadNameStr="草稿提单"
+                        :uploadNameStr="$t('contractDetail.draftBillOfLading')"
                       />
                   </div>
                 </el-col>
                 <el-col :span="12" class="center-status" v-if="channel != 'official-website'"> 
                   <div v-if="shipmentItemData.confirmDraftBlFlag">
-                    <i class="el-icon-success success"></i> 提单信息已确认
+                    <i class="el-icon-success success"></i> {{ $t('contractDetail.BL_info_confirmed') }}
                   </div>
-                  <div v-else-if="contract.contractType == 'sale' && shipmentFileInfo.draftBillOfLading.length" class="confirm-draft-bl" @click.stop="shipmentConfirmDraftBlFun">确认提单草稿</div>
-                  <el-col :span="12"  v-else class="center-status"> 
+                  <div v-else-if="contract.contractType == 'sale' && shipmentFileInfo.draftBillOfLading.length" class="confirm-draft-bl" @click.stop="shipmentConfirmDraftBlFun">{{ $t('contractDetail.bl_draft_confirm') }}</div>
+                  <el-col :span="24"  v-else class="center-status"> 
                             <i class="el-icon-time"></i>
-                              草稿提单信息待确认
+                              {{ $t('contractDetail.Draft_bill_to_be_confirmed') }}
                   </el-col>
   
                 </el-col>
                 <el-col :span="24">
                   <el-col :span="12"  v-if="(shipmentFileInfo.draftBillOfLading == null || shipmentFileInfo.draftBillOfLading && shipmentFileInfo.draftBillOfLading.length == 0) && channel == 'official-website'" class="center-status"> 
                             <i class="el-icon-time"></i>
-                              提单草稿待更新
+                              {{ $t('contractDetail.Draft_bill_of_lading_to_be_updated') }}
                     </el-col>
                     <el-col :span="12"  v-if="!shipmentItemData.confirmDraftBlFlag && channel == 'official-website'" class="center-status"> 
                             <i class="el-icon-time"></i>
-                              草稿提单信息待确认
+                              {{ $t('contractDetail.Draft_bill_to_be_confirmed') }}
                     </el-col>
                 </el-col>
               </el-col>
@@ -655,7 +656,7 @@
               </el-col>
               <el-col :span="24">
                 <ContentTitle :contentTitleProp="{
-                  bgButton: '正式提单Copy',
+                  bgButton: $t('contractDetail.Copy_of_formal_bill_of_lading'),
                   bgTime: shipmentFileInfo.originalBillOfLadingCopy && timeFormate(shipmentFileInfo.originalBillOfLadingCopy),
                   bgcolor: shipProgressInfo.bgcolor
                 }"></ContentTitle>
@@ -675,12 +676,12 @@
                       'original_bill_of_lading_copy'
                     )
                     " :isShowTip="false" 
-                    uploadNameStr="正式提单Copy" 
+                    :uploadNameStr="$t('contractDetail.Copy_of_formal_bill_of_lading')" 
                   />
                 </div>
                 <el-col :span="12" v-if="(shipmentFileInfo.originalBillOfLadingCopy == null || shipmentFileInfo.originalBillOfLadingCopy && shipmentFileInfo.originalBillOfLadingCopy.length == 0) && channel == 'official-website'" class="center-status"> 
                           <i class="el-icon-time"></i>
-                            正式提单Copy待更新
+                          {{ $t('contractDetail.Formal_bill_of_lading_copy_to_be_updated') }}
                 </el-col>
               </el-col>
               <!-- 临时尾款发票 -->
@@ -689,7 +690,7 @@
               </el-col>
               <el-col :span="24" v-if="contract.quoteType != 'FIXED'">
                 <ContentTitle :contentTitleProp="{
-                  bgButton: '临时尾款发票',
+                  bgButton: $t('contractDetail.saleTemporaryFinallyInvoice'),
                   bgTime: shipmentFileInfo.salePersonalTemporaryFinallyInvoice && timeFormate(shipmentFileInfo.salePersonalTemporaryFinallyInvoice),
                   bgcolor: shipProgressInfo.bgcolor
                 }"></ContentTitle>
@@ -705,7 +706,7 @@
               </div>
               <el-col :span="12" v-if="channel == 'official-website' && shipmentFileInfo.salePersonalTemporaryFinallyInvoice && shipmentFileInfo.salePersonalTemporaryFinallyInvoice.length == 0" class="center-status"> 
                 <i class="el-icon-time"></i>
-                临时尾款发票待更新
+                {{ $t('contractDetail.Temporary_final_payment_invoice_to_be_updated') }}
               </el-col>
               <div>
                 <div class="file-list" v-if="contract.contractType == 'sale'">
@@ -734,7 +735,7 @@
                       'shipment',
                       'sale_personal_temporary_finally_invoice'
                     )
-                    ":isShowTip="false" uploadNameStr="临时尾款发票" />
+                    ":isShowTip="false" :uploadNameStr="$t('contractDetail.saleTemporaryFinallyInvoice')" />
                 </div>
                 <div class="file-list" v-else>
                   <file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh"
@@ -749,7 +750,7 @@
                       'shipment',
                       'purchase_temporary_finally_invoice'
                     )
-                    ":isShowTip="false" uploadNameStr="临时尾款发票" />
+                    ":isShowTip="false" :uploadNameStr="$t('contractDetail.saleTemporaryFinallyInvoice')" />
                 </div>
               </div>
               </el-col>
@@ -759,7 +760,7 @@
               </el-col>
               <el-col :span="24">
                 <el-col :span="24">
-                  <div>
+                  <div style="margin-bottom:-20px">
                     {{ getShipmentPurchaseAmount(shipmentFileInfo,shipmentIndex) }}
                     <span
                       v-if="channel !== 'official-website' &&
@@ -777,14 +778,14 @@
                       title=""
                       width="380"
                       trigger="hover"
-                      content="系统根据【重量x单价-扣除定金】自动计算出参考尾款，可以据此核对发票。点击蓝色字体可以查看系统的数据来源明细，修改系统自动计算的扣减定金。">
+                      :content="$t('contractDetail.final_payment_warning')">
                         <i class="el-icon-question" slot="reference" style="color:#c2c4c5;"/>
                     </el-popover>
                   </div>
                   <el-col :span="12">
                     <div style="display:flex;align-items:center">
                       <ContentTitle :contentTitleProp="{
-                        bgButton: '尾款发票',
+                        bgButton: $t('contractDetail.finallyInvoice'),
                         bgTime: contract.contractType == 'sale' ? shipmentFileInfo.saleFinallyInvoice && timeFormate(shipmentFileInfo.saleFinallyInvoice) : shipmentFileInfo.purchaseFinallyInvoice && timeFormate(shipmentFileInfo.purchaseFinallyInvoice),
                         bgcolor: shipProgressInfo.bgcolor
                       }"></ContentTitle>
@@ -862,7 +863,7 @@
                               )
                             "
                             :isShowTip="false"
-                            uploadNameStr="尾款发票"
+                            :uploadNameStr="$t('contractDetail.finallyInvoice')"
                           />
                         </div>
                       </div>
@@ -896,7 +897,7 @@
                                   shipmentFileInfo.shipmentId
                                 )
                               "
-                            >上传采购尾款发票</el-button>
+                            >{{ $t('contractDetail.uploadPurchaseInvoice') }}</el-button>
                           </div>
                         </div>
                       </div>
@@ -925,7 +926,7 @@
                         <div>
                           <div v-if="!shipmentItemData.balanceInvoiceFullyPaidFlag">
                             <i class="el-icon-time"></i>
-                            <span style="color:#f00">尾款待付</span>
+                            <span style="color:#f00">{{ $t('contractDetail.Final_payment_unpaid') }}</span>
                           </div>
                           <div v-if="!shipmentFileInfo.waterBill || shipmentFileInfo.waterBill && shipmentFileInfo.waterBill.length == 0">支付凭证待提供</div>
                         </div>
@@ -935,15 +936,14 @@
                   <el-col :span="12">
                     <!-- 支付凭证 -->
                       <ContentTitle :contentTitleProp="{
-                          bgButton: '尾款支付凭证',
+                          bgButton: $t('contractDetail.Final_payment_voucher'),
                           bgTime: shipmentFileInfo.waterBill && timeFormate(shipmentFileInfo.waterBill),
                           bgcolor: getGoodsProgressInfo.bgcolor,
                           successFlag: true
                         }"></ContentTitle>
-
-                      <div v-if="!contractFileInfo.balanceInvoiceFullyPaidFlag">
+                      <div v-if="!shipmentFileInfo.balanceInvoiceFullyPaidFlag">
                             <i class="el-icon-time"></i>
-                            <span style="color:#f00">尾款待付</span>
+                            <span style="color:#f00">{{ $t('contractDetail.Final_payment_unpaid') }}</span>
                       </div>
 
                       <div class="file-list">
@@ -960,7 +960,7 @@
                       <div v-if="!shipmentFileInfo.waterBill || shipmentFileInfo.waterBill.length == 0" class="center-status-block" style="align-items: flex-start">
                         <div>
                           <i class="el-icon-time"></i>
-                          支付凭证待提供
+                          {{ $t('contractDetail.deposit_unreceipt') }}
                         </div>
                       </div>
                   </el-col>
@@ -974,7 +974,7 @@
 
               <el-col :span="24">
                 <ContentTitle :contentTitleProp="{
-                  bgButton: '其他文件',
+                  bgButton: $t('contractDetail.otherFile'),
                   bgTime: contract.contractType == 'sale' ? shipmentFileInfo.saleShipmentOther && timeFormate(shipmentFileInfo.saleShipmentOther) : shipmentFileInfo.purchaseShipmentOther && timeFormate(shipmentFileInfo.purchaseShipmentOther),
                   bgcolor: shipProgressInfo.bgcolor
                 }"></ContentTitle>
@@ -982,7 +982,6 @@
               <el-col :span="24" v-if="contract.contractType == 'sale'">
                 <div class="file-list">
                   <file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item"
-                    :hiddenOperation="channel == 'official-website'"
                     v-for="(item, i) in shipmentFileInfo.saleShipmentOther" :key="i" />
                   <contract-file-drag-upload @upload="
                     handleUpload(
@@ -991,7 +990,7 @@
                       'shipment',
                       'sale_shipment_other'
                     )
-                    " :isShowTip="false" uploadNameStr="其他文件" />
+                    " :isShowTip="false" :uploadNameStr="$t('contractDetail.otherFile')" />
                 </div>
               </el-col>
               <el-col :span="24" v-else>
@@ -1009,7 +1008,7 @@
                       'purchase_shipment_other'
                     )" 
                     :isShowTip="false" 
-                    uploadNameStr="其他文件" />
+                    :uploadNameStr="$t('contractDetail.otherFile')" />
                 </div>
               </el-col>
             </div>
@@ -1102,13 +1101,14 @@
                 </el-row> -->
                 <!-- 提货凭证 -->
               <ContentTitle :contentTitleProp="{
-                bgButton: '提货凭证',
+                bgButton: $t('contractDetail.tip7'),
                 bgTime: shipmentFileInfo.deliveryReceipt && timeFormate(shipmentFileInfo.deliveryReceipt),
                 bgcolor: getGoodsProgressInfo.bgcolor
               }"></ContentTitle>
               <el-col :span="24">
                 <div class="file-list">
                   <file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck"
+                    :hiddenOperation="channel == 'official-website'"
                     :selectFileListProp="selectFileList"
                     :file-info="item" v-for="(item, i) in shipmentFileInfo.deliveryReceipt" :key="i" />
                     <!-- v-if="shipmentItemData.shipmentPercentage > 0" --> 
@@ -1123,12 +1123,12 @@
                         'shipment_delivery_receipt'
                       )
                     " :isShowTip="false"
-                    uploadNameStr="提货凭证"
+                    :uploadNameStr="$t('contractDetail.tip7')"
                      />
                 </div>
                 <div v-if="!shipmentFileInfo.deliveryReceipt || shipmentFileInfo.deliveryReceipt.length == 0 && channel == 'official-website'" class="center-status">
                   <i class="el-icon-time"></i> 
-                  暂无文件
+                  {{$t('contractDetail.no_files')}}
                 </div>
               </el-col>
             </div>
@@ -1170,6 +1170,7 @@
                 <div class="file-list" v-if="claimFileInfoCom">
                   <file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck"
                     :selectFileListProp="selectFileList"
+                    :hiddenOperation="channel == 'official-website'"
                     :file-info="item" v-for="(item, i) in claimFileInfoCom" :key="i" />
                   <!-- <contract-file-drag-upload
                     @upload="
@@ -1185,7 +1186,7 @@
                 </div>
                 <div v-else class="center-status">
                   <i class="el-icon-time"></i>
-                  暂无文件
+                  {{ $t('contractDetail.no_files') }}
                 </div>
               </el-col>
             </div>
@@ -1203,8 +1204,8 @@
     :getShipmentPurchaseFun="getShipmentPurchase"
     ></purchase-invoice-upload>
     <!-- 多个买家弹窗 -->
-    <el-dialog title="请先选择收货买家" :visible.sync="dialogVisible" width="30%">
-      <div>请在下方选择一个您需要发货的买家</div>
+    <el-dialog :title="$t('contractDetail.Please_select_the_receiving_buyer_first')" :visible.sync="dialogVisible" width="30%">
+      <div>{{ $t('contractDetail.Please_select_a_buyer_below_who_you_need_to_ship_to') }}</div>
       <div>
         <el-radio-group v-model="selectRadio">
           <el-radio :label="key" v-for="(purchaseBuyerListItem, key) in purchaseBuyerList" :key="key">
@@ -1217,8 +1218,8 @@
       </div>
 
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="addShipment">确 定</el-button>
+        <el-button @click="dialogVisible = false">{{ $t('contractDetail.cancel') }}</el-button>
+        <el-button type="primary" @click="addShipment">{{ $t('contractDetail.confirm') }}</el-button>
       </span>
     </el-dialog>
     <shipment-add ref="shipmentGen" @refresh="handleRefresh" />
@@ -1305,7 +1306,7 @@ export default {
     },
     channel: {
       type: String,
-      default: 'official-website11',
+      default: 'official-website123',
     },
     buyerFlag: {
       type: Boolean,
@@ -1325,34 +1326,34 @@ export default {
       goodsBillNo: 0,
       claimBillNo: 0,
       contractProgressInfo: {
-        text: '合同',
+        text: this.$t('contractDetail.contract'),
         rate: 0,
         img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/805524d45f964ad0b3f51437d3b5750e.png',
         bgcolor: '#FBB040',
         textArr:[]
       },
       shipProgressInfo: {
-        text: '装运',
+        text: this.$t('contractDetail.shipment'),
         rate: 0,
         img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/8517dbf0444542d5bf100279231c9597.png',
         bgcolor: '#54B8FF',
-        textArr:['等待卖家装运']
+        textArr:[this.$t('contractDetail.Waiting_for_the_seller_to_ship')]
       },
       getGoodsProgressInfo: {
-        text: '收货',
+        text: this.$t('contractDetail.receiving'),
         rate: 0,
         img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/a43ef25e953747efa9b88d3d9bbe674f.png',
         bgcolor: '#7CCF48',
         textArr:[]
       },
       claimProgressInfo: {
-        text: '索赔',
+        text: this.$t('contractDetail.claim'),
         rate: 0,
         img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/b427331405604eeb8ec368130f00c5e6.png',
         bgcolor: '#adadad',
         textArr:[]
       },
-      identify: '识别',
+      identify: this.$t('contractDetail.identify'),
       selectRadio: 0,
       purchaseBuyerList: [],
       // purchaseBuyerList1: [
@@ -1433,7 +1434,7 @@ export default {
   },
   created() {
       this.loadingInstance = Loading.service({
-        text: '请稍候',
+        text: this.$t('contractDetail.loading'),
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)',
       });
@@ -1483,9 +1484,8 @@ export default {
         getPurchaseAmount(shipmentFileInfo.shipmentId).then((res) => {
           this.purchaseBalanceMoney = (res.data.totalPurchaseAmount - res.data.purchaseDepositAmount).toFixed(2)
           this.shipmentPurchaseAmountMessage =
-            '参考采购尾款$' + this.purchaseBalanceMoney
+            `${this.$t('contractDetail.reference_invince')}$` + this.purchaseBalanceMoney
             ;
-            console.log('==/biz/shipment/getPurchaseAmount/===', this.shipmentPurchaseAmountMessage);
           return this.shipmentPurchaseAmountMessage;
         });
       }
@@ -1503,7 +1503,7 @@ export default {
             'final_invoice'
           );
         } else {
-          return this.$message.warning('暂无文件');
+          return this.$message.warning(this.$t('contractDetail.no_files'));
         }
       } else {
         // 临时 purchaseTemporaryFinallyInvoice
@@ -1533,7 +1533,7 @@ export default {
       }
 
       if (!url) {
-        return this.$message.error('暂无文件');
+        return this.$message.error(this.$t('contractDetail.no_files'));
       }
 
       if (type == 'draft_bill') {
@@ -1602,7 +1602,7 @@ export default {
         }]
       }).then((res) => {
         if (res.code === 200) {
-          this.$modal.msgSuccess('添加成功');
+          this.$modal.msgSuccess(this.$t('contractDetail.add_success'));
           this.handleRefresh();
         }
       });
@@ -1653,7 +1653,7 @@ export default {
 
       // 将 <textarea> 元素删除
       document.body.removeChild(textArea);
-      this.$modal.msgSuccess('已复制到剪切板');
+      this.$modal.msgSuccess(this.$t('contractDetail.has_copy'));
     },
     //撤回回签
     counterSign() {
@@ -1664,7 +1664,7 @@ export default {
         //   this.contract.beforeContractStatus || this.contract.contractStatus,
       }).then((res) => {
         if(res.code == 200) {
-          this.$modal.msgSuccess('撤回回签成功');
+          this.$modal.msgSuccess(this.$t('contractDetail.withdraw_sign_success'));
           this.handleRefresh();
         }
       });
@@ -1676,7 +1676,7 @@ export default {
         shipmentId: this.shipmentItemData.shipmentId,
       }).then((res) => {
         if(res.code == 200) {
-          this.$modal.msgSuccess('确认提单草稿成功');
+          this.$modal.msgSuccess(this.$t('contractDetail.draftBillOfLading_confirm_success'));
           this.handleRefresh();
         }
       });
@@ -1698,11 +1698,11 @@ export default {
           res.rows[0].amount == res.rows[0].remainingAmount
         ) {
           this.$confirm(
-            '是否确认直接生成装运？请注意，此合同的定金发票尚未生成或已生成但未收款，请先确认相关情况。',
-            '提示',
+            this.$t('contractDetail.ship_create_tips'),
+            this.$t('contractDetail.tip'),
             {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
+              confirmButtonText: this.$t('contractDetail.confirm'),
+              cancelButtonText: this.$t('contractDetail.cancel'),
               type: 'warning',
             }
           )
@@ -1791,7 +1791,7 @@ export default {
             //发送草稿合同标记
             if(!this.contractFileInfo.sendDraftContractFlag) {
               // 草稿合同待发出（英文：Draft contract to be sent out）
-              textArr.push('草稿合同待发出')
+              textArr.push(this.$t('contractDetail.draftContract_unsend'))
             } 
   
             // 点击合同确认标记
@@ -1800,7 +1800,7 @@ export default {
               //  textArr.push('正式合同已发出')
             } else {
               // 正式合同待发出（英文：Formal contract to be sent out）
-              textArr.push('正式合同待发出')
+              textArr.push(this.$t('contractDetail.contract_send_false'))
             }
   
             // BLI确认标记
@@ -1809,7 +1809,7 @@ export default {
               //  textArr.push('提单指令已确认')
             } else {
               //   提单指令待买家确认（英文： BL Instruction to be confirmed
-              textArr.push('提单指令待买家确认')
+              textArr.push(this.$t('contractDetail.bl_confirm_false'))
             }
   
             // 合同回签标记
@@ -1818,7 +1818,7 @@ export default {
               //  textArr.push('回签合同已上传')
             } else {
               // 回签合同待上传（英文：Formal contract to be signed back
-              textArr.push('回签合同待上传')
+              textArr.push(this.$t('contractDetail.contract_signback_false'))
             }
   
             if(this.contract.deposit  != null && this.contract.deposit > 0) {
@@ -1828,7 +1828,7 @@ export default {
                 //  textArr.push('定金已支付')
               } else {
                 // 定金待支付（英文：Deposit to be paid）
-                textArr.push('定金待支付')
+                textArr.push(this.$t('contractDetail.depositPaid_false'))
               }
             }
         } 
@@ -1838,7 +1838,7 @@ export default {
           //发送草稿合同标记
           if(!this.contractFileInfo.sendDraftContractFlag) {
             // 草稿合同待发出（英文：Draft contract to be sent out）
-            textArr.push('草稿合同待发出')
+            textArr.push(this.$t('contractDetail.draftContract_unsend'))
           } 
 
           // 点击合同确认标记
@@ -1847,7 +1847,7 @@ export default {
             //  textArr.push('正式合同已发出')
           } else {
             // 正式合同待发出（英文：Formal contract to be sent out）
-            textArr.push('正式合同待发出')
+            textArr.push(this.$t('contractDetail.contract_send_false'))
           }
 
           // BLI确认标记
@@ -1856,7 +1856,7 @@ export default {
             //  textArr.push('提单指令已确认')
           } else {
             //   提单指令待买家确认（英文： BL Instruction to be confirmed
-            textArr.push('提单指令待买家确认')
+            textArr.push(this.$t('contractDetail.bl_confirm_false'))
           }
 
           // 合同回签标记
@@ -1865,19 +1865,19 @@ export default {
             //  textArr.push('回签合同已上传')
           } else {
             // 回签合同待上传（英文：Formal contract to be signed back
-            textArr.push('回签合同待上传')
+            textArr.push(this.$t('contractDetail.contract_signback_false'))
           }
           
           if(this.contract.deposit  != null && this.contract.deposit > 0) {
             if(!this.contractFileInfo.existDepositInvoiceFlag) {
               // 定金发票待提供（英文：Deposit Invoice to be uploaded）
-              textArr.push('定金发票待提供')
+              textArr.push(this.$t('contractDetail.Deposit_invoice_to_be_provided'))
             }
 
             // 定金支付标记
             if(!this.contractFileInfo.depositInvoicePayFlag) {
               // 定金待支付（英文：Deposit to be paid）
-              textArr.push('定金待支付')
+              textArr.push(this.$t('contractDetail.depositPaid_false'))
             }
           }
         }
@@ -1903,13 +1903,13 @@ export default {
              // shipTextArr.push('装箱单已上传')
           } else {
             //  装箱单待上传（英文：Shipping docs-Packing list to be updated）
-            shipTextArr.push('装箱单待上传')
+            shipTextArr.push(this.$t('contractDetail.packinglist_false'))
           }
 
           // 是否已支付尾款
           if(!shipmentItem.balanceInvoiceFullyPaidFlag && this.contract.contractType == 'sale') {
            // 尾款发票待上传（英文：Balance Invoice to be updated）
-           shipTextArr.push('尾款发票待上传')
+           shipTextArr.push(this.$t('contractDetail.balance_invoice_false'))
           }
 
           // 上传装箱照片
@@ -1918,7 +1918,7 @@ export default {
            //  shipTextArr.push('装箱照片已上传')
           } else {
             // 装箱照片待上传（英文：Shipping docs-Shipping photos to be updated）
-            shipTextArr.push('装箱照片待上传')
+            shipTextArr.push(this.$t('contractDetail.container_photos_false'))
           }
 
 
@@ -1928,13 +1928,13 @@ export default {
            //  shipTextArr.push('草稿提单已上传')
            } else {
             // 草稿提单待上传（英文：Shipping docs-Draft BL to be updated）
-            shipTextArr.push('草稿提单待上传')
+            shipTextArr.push(this.$t('contractDetail.draftBl_false'))
           }
 
           // 是否确认草稿提单
           if(!shipmentItem.confirmDraftBlFlag) {
             // 草稿提单待买家确认（英文：Draft BL to be confirmed ）
-            shipTextArr.push('草稿提单待买家确认')
+            shipTextArr.push(this.$t('contractDetail.draftBl_buyer_confirm_false'))
           } else {
             // 草稿提单已确认（英文：Draft BL confirmed）
            //  shipTextArr.push('草稿提单已确认')
@@ -1949,10 +1949,10 @@ export default {
           } else {
              if(shipmentItem.balanceInvoicePartiallyPaidFlag) {
                // 尾款已部分支付（英文：Final Payment partially paid）
-               shipTextArr.push('尾款已部分支付')
+               shipTextArr.push(this.$t('contractDetail.balancePartPaid_true'))
              } else {
                // 尾款待买家支付（英文：Balance Invoice to be paid）
-                 shipTextArr.push('尾款待买家支付')
+                 shipTextArr.push(this.$t('contractDetail.balancePartPaid_false'))
              }
           }
  
@@ -1967,7 +1967,7 @@ export default {
           //  goodsTextArr.push('提货凭证已提供')
          } else {
            // 提货凭证待提供（英文：Release /Telxed BL to be done）
-           goodsTextArr.push('提货凭证待提供')
+           goodsTextArr.push(this.$t('contractDetail.releasedTelex_false'))
          }
  
          this.getGoodsProgressInfo.textArr = goodsTextArr
@@ -1976,22 +1976,22 @@ export default {
          let claimTextArr = []
          if(this.contractFileInfo.claimCreateFlag && !this.contractFileInfo.claimProcessFlag && !this.contractFileInfo.claimCloseFlag) {
            // 索赔中（英文：Claiming）
-           claimTextArr.push('索赔中')
+           claimTextArr.push(this.$t('contractDetail.claiming'))
          }
  
          if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimProcessFlag && !this.contractFileInfo.claimCloseFlag) {
            // 文件已更新（英文：Claiming-CN/DN issued
-           claimTextArr.push('文件已更新')
+           claimTextArr.push(this.$t('contractDetail.claiming_update'))
          }
  
          if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimProcessFlag && this.contractFileInfo.claimCloseFlag) {
            // 索赔已关闭（英文：Claim closed）
-           claimTextArr.push('索赔已关闭')
+           claimTextArr.push(this.$t('contractDetail.claiming_closed'))
          }
          
          this.claimProgressInfo.textArr = claimTextArr
        } else {
-          shipTextArr.push('等待卖家装运')
+          shipTextArr.push(this.$t('contractDetail.Waiting_for_the_seller_to_ship'))
           this.claimProgressInfo.textArr = shipTextArr
        }
 
@@ -2054,7 +2054,7 @@ export default {
     },
     handleUpload(e, linkId, linkType, fileType) {
       let loadingInstance = Loading.service({
-        text: '请稍候',
+        text: this.$t('contractDetail.loading'),
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)',
       });
@@ -2070,7 +2070,7 @@ export default {
         //如果是回签合同 保留原合同状态
         if (fileType == 'contract_sign') {
           let loading = Loading.service({
-            text: '请稍候',
+            text: this.$t('contractDetail.loading'),
             spinner: 'el-icon-loading',
             background: 'rgba(0, 0, 0, 0.7)',
           });
@@ -2084,23 +2084,25 @@ export default {
               contractSignTime: new Date(),
             }).then((res) => {
               loading.close();
-              this.$modal.msgSuccess('回签成功');
+              this.$modal.msgSuccess(this.$t('contractDetail.signContract_success'));
+              this.getContractFileInfo(this.contractId);
             });
           });
+        }  else if (fileType == 'shipment_delivery_receipt') {
+          //如果是上传电放
+            let loading1 = Loading.service({
+              text: this.$t('contractDetail.loading'),
+              spinner: 'el-icon-loading',
+              background: 'rgba(0, 0, 0, 0.7)',
+            });
+            chargedShipment({ shipmentId: linkId }).then((response) => {
+              loading1.close();
+              this.$modal.msgSuccess(this.$t('contractDetail.release_success'));
+              this.getContractFileInfo(this.contractId);
+            });
+          } {
+            this.getContractFileInfo(this.contractId);
         }
-        //如果是上传电放
-        if (fileType == 'shipment_delivery_receipt') {
-          let loading1 = Loading.service({
-            text: '请稍候',
-            spinner: 'el-icon-loading',
-            background: 'rgba(0, 0, 0, 0.7)',
-          });
-          chargedShipment({ shipmentId: linkId }).then((response) => {
-            loading1.close();
-            this.$modal.msgSuccess('电放成功');
-          });
-        }
-        this.getContractFileInfo(this.contractId);
       });
     },
 
@@ -2338,7 +2340,7 @@ export default {
         }
 </style>
 <style lang="scss">
-    .el-tooltip__popper {  
-      max-width: 300px !important; /* 设置你希望的最大宽度 */  
-    }
+    // .el-tooltip__popper {  
+    //   max-width: 300px !important; /* 设置你希望的最大宽度 */  
+    // }
 </style>