doctor-admin-components 1.0.4 → 1.0.6-beta.0

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

@@ -0,0 +1,1115 @@
+<template>
+  <div class="app-container" v-if="linkId">
+    <div slot="header">
+      <el-row>
+        <el-button style="float: right" type="text" @click="downloadZip"
+          >{{ $t("contractDetail.downloadZip") }}
+        </el-button>
+      </el-row>
+    </div>
+    <el-timeline>
+      <el-timeline-item icon="el-icon-success" type="primary" size="large">
+        <div style="color: #1890ff">
+          {{ $t("contractDetail.contractInfoConfirm") }}
+        </div>
+        <div>
+          <el-row>
+            <el-col :span="6">
+              <div class="sub-title">
+                {{
+                  contract.contractType == "sale"
+                    ? $t("contractDetail.saleContract")
+                    : "$t('contractDetail.purchaseContract')"
+                }}
+                <el-button
+                  v-if="channel !== 'official-website'"
+                  type="text"
+                  size="mini"
+                  @click="handleHistory('contract_formal')"
+                >
+                  查看历史合同
+                </el-button>
+              </div>
+              <div class="file-list">
+                <file-show
+                  @refresh="handleRefresh"
+                  @checked="handleChecked"
+                  @uncheck="handleUncheck"
+                  :fileInfo="
+                    getLastFileByList(contractFileInfo.latestContractFileInfo)
+                  "
+                />
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div>
+                <div class="sub-title">{{ $t("contractDetail.blInfo") }}</div>
+                <div class="file-list">
+                  <file-show
+                    @refresh="handleRefresh"
+                    @checked="handleChecked"
+                    @uncheck="handleUncheck"
+                    :fileInfo="
+                      getLastFileByList(contractFileInfo.latestBillFileInfo)
+                    "
+                  />
+                </div>
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="file-list">
+                <file-show
+                  @refresh="handleRefresh"
+                  @checked="handleChecked"
+                  @uncheck="handleUncheck"
+                  :file-info="item"
+                  v-for="(item, i) in contractFileInfo.personalBillFileInfo"
+                  :key="i"
+                />
+                <contract-file-drag-upload
+                  v-if="channel !== 'official-website'"
+                  @upload="
+                    handleUpload(
+                      $event,
+                      contract.dealId,
+                      'dealRecord',
+                      'personal_deal_bill'
+                    )
+                  "
+                  :isShowTip="false"
+                /></div
+            ></el-col>
+          </el-row>
+          <el-divider></el-divider>
+          <div  
+            v-if="channel !== 'official-website'"
+            class="sub-title">
+              {{
+                contract.contractType == "sale"
+                  ? $t("contractDetail.signSaleContract")
+                  : $t("contractDetail.signPuchaseContract")
+              }}
+          </div>
+          <div v-esle class="sub-title">
+            {{
+              $t("contractDetail.signSaleContract")
+            }}
+          </div>
+          <div class="file-list">
+            <file-show
+              @refresh="handleRefresh"
+              @checked="handleChecked"
+              @uncheck="handleUncheck"
+              :file-info="item"
+              v-for="(item, i) in contractFileInfo.signContractFileInfo"
+              :key="i"
+            />
+            <contract-file-drag-upload
+              @upload="
+                handleUpload(
+                  $event,
+                  contract.contractId,
+                  'contract',
+                  'contract_sign'
+                )
+              "
+              :isShowTip="false"
+            />
+            <div>
+              <el-button
+                v-if="channel !== 'official-website'"
+                style="margin-left: 10px"
+                @click="counterSign"
+                size="mini"
+                >撤回回签</el-button
+              >
+            </div>
+          </div>
+        </div>
+      </el-timeline-item>
+      <el-timeline-item
+        :icon="contractFileInfo.proformaInvoice ? 'el-icon-success' : ''"
+        :type="contractFileInfo.proformaInvoice ? 'primary' : ''"
+        size="large"
+        v-if="contract.deposit !== 0"
+      >
+        <el-row v-if="contract.contractType == 'sale'">
+          <el-col :span="2"
+            ><div style="color: #1890ff">
+              {{ $t("contractDetail.deposit") }}
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div
+              v-if="
+                contractFileInfo.proformaInvoice &&
+                contractFileInfo.proformaInvoice.amount >
+                  contractFileInfo.proformaInvoice.remainingAmount
+              "
+              class="el-icon-success customer-icon-success-color"
+            >
+              {{channel !== 'official-website' ? '定金已收' : $t('contractDetail.Deposit_Paid')}}
+            </div>
+            <div v-else style="color: red">{{channel !== 'official-website' ? '定金未收' : $t('contractDetail.Deposit_Unpaid')}}</div>
+          </el-col>
+        </el-row>
+        <el-row v-else>
+          <el-col :span="2"><div style="color: #1890ff">{{$t('contractDetail.Deposit')}}</div> </el-col>
+          <el-col :span="2">
+            <div
+              v-if="
+                contractFileInfo.proformaInvoice &&
+                contractFileInfo.proformaInvoice.amount >
+                  contractFileInfo.proformaInvoice.remainingAmount
+              "
+              class="el-icon-success customer-icon-success-color"
+            >
+              定金已付
+            </div>
+            <div v-else style="color: red">定金未付</div>
+          </el-col>
+        </el-row>
+        <el-row v-if="channel !== 'official-website'">
+          <el-col :span="5">
+            <el-button type="primary" size="mini" @click="getDepositInvoice">{{
+              contract.contractType == "sale" ? "生成定金发票" : "上传定金发票"
+            }}</el-button>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">
+              {{ $t("contractDetail.depositInvoice") }}
+            </div>
+            <div class="file-list">
+              <file-show
+                @refresh="handleRefresh"
+                @checked="handleChecked"
+                @uncheck="handleUncheck"
+                :fileInfo="
+                  getLastFileByList(contractFileInfo.proformaInvoiceFileInfo)
+                "
+              />
+            </div>
+          </el-col>
+          <el-col :span="13">
+            <el-row style="margin-top: 20px"></el-row>
+            <div class="file-list">
+              <file-show
+                @refresh="handleRefresh"
+                @checked="handleChecked"
+                @uncheck="handleUncheck"
+                :file-info="item"
+                v-for="(
+                  item, i
+                ) in contractFileInfo.personalProformaInvoiceFileInfo"
+                :key="i"
+              />
+              <contract-file-drag-upload
+                v-if="channel !== 'official-website'"
+                @upload="
+                  handleUpload(
+                    $event,
+                    contractFileInfo.proformaInvoice.id,
+                    'invoice',
+                    'personal_proforma_invoice'
+                  )
+                "
+                :isShowTip="false"
+              />
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <div class="sub-title">
+            {{ $t("contractDetail.voucherOrReceipt") }}
+          </div>
+          <div class="file-list">
+            <file-show
+              @refresh="handleRefresh"
+              @checked="handleChecked"
+              @uncheck="handleUncheck"
+              :file-info="item"
+              v-for="(
+                item, i
+              ) in contractFileInfo.proformaInvoiceWaterBillFileInfo"
+              :key="i"
+            />
+          </div>
+        </el-row>
+      </el-timeline-item>
+      <el-timeline-item
+        :icon="contractFileInfo.shipmentFileInfoList ? 'el-icon-success' : ''"
+        :type="contractFileInfo.shipmentFileInfoList ? 'primary' : ''"
+        size="large"
+      >
+        <div style="color: #1890ff">{{ $t("contractDetail.tip5") }}</div>
+        <el-button
+          type="primary"
+          size="mini"
+          @click="handleGenerate"
+          v-if="channel !== 'official-website' && contract.contractType == 'sale'"
+          >生成船运</el-button
+        >
+        <el-tabs v-model="activeName">
+          <el-tab-pane
+            :label="shipmentFileInfo.bookingNo"
+            :name="i.toString()"
+            v-for="(
+              shipmentFileInfo, i
+            ) in contractFileInfo.shipmentFileInfoList"
+            :key="i"
+          >
+            <el-timeline>
+              <el-timeline-item
+                :icon="shipmentFileInfo ? 'el-icon-success' : ''"
+                :type="shipmentFileInfo ? 'primary' : ''"
+                size="large"
+              >
+                <div v-if="channel !== 'official-website'" style="color: #1890ff">首批货运</div>
+                <div>
+                  <div class="sub-title">
+                    {{ $t("contractDetail.bookingConfirmation") }}
+                  </div>
+                  <div class="file-list">
+                    <file-show
+                      @refresh="handleRefresh"
+                      @checked="handleChecked"
+                      @uncheck="handleUncheck"
+                      :file-info="item"
+                      v-for="(item, i) in shipmentFileInfo.bookingConfirmation"
+                      :key="i"
+                    />
+                    <contract-file-drag-upload
+                      v-if="channel !== 'official-website'"
+                      @upload="
+                        handleUpload(
+                          $event,
+                          shipmentFileInfo.shipmentId,
+                          'shipment',
+                          'shipment_booking_confirmation'
+                        )
+                      "
+                      :isShowTip="false"
+                    />
+                  </div>
+                </div>
+                <el-divider></el-divider>
+                <el-row v-if="channel !== 'official-website'">
+                  <el-col :span="6" v-if="contract.contractType == 'sale'">
+                    <div>
+                      <div class="sub-title">
+                        {{ $t("contractDetail.packingList") }}
+                      </div>
+                      <div class="file-list">
+                        <file-show
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="
+                            getLastFileByList(shipmentFileInfo.packingList)
+                          "
+                        />
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="18">
+                    <el-row v-if="contract.contractType == 'purchase'">
+                      <div>
+                        <div class="sub-title">装箱单(P)</div>
+
+                        <div class="file-list">
+                          <file-show
+                            @refresh="handleRefresh"
+                            @checked="handleChecked"
+                            @uncheck="handleUncheck"
+                            :file-info="item"
+                            v-for="(
+                              item, i
+                            ) in shipmentFileInfo.purchasePersonalPackingList"
+                            :key="i"
+                          />
+                          <contract-file-drag-upload
+                            v-if="channel !== 'official-website'"
+                            @upload="
+                              handleUpload(
+                                $event,
+                                shipmentFileInfo.shipmentId,
+                                'shipment',
+                                'purchase_personal_shipment_packing_list'
+                              )
+                            "
+                            :isShowTip="false"
+                          />
+                        </div>
+                      </div>
+                    </el-row>
+                    <el-row v-if="contract.contractType == 'sale'">
+                      <div>
+                        <div class="sub-title">装箱单(S)</div>
+
+                        <div class="file-list">
+                          <file-show
+                            @refresh="handleRefresh"
+                            @checked="handleChecked"
+                            @uncheck="handleUncheck"
+                            :file-info="item"
+                            v-for="(
+                              item, i
+                            ) in shipmentFileInfo.salePersonalPackingList"
+                            :key="i"
+                          />
+                          <contract-file-drag-upload
+                            v-if="channel !== 'official-website'"
+                            @upload="
+                              handleUpload(
+                                $event,
+                                shipmentFileInfo.shipmentId,
+                                'shipment',
+                                'sale_personal_shipment_packing_list'
+                              )
+                            "
+                            :isShowTip="false"
+                          />
+                        </div>
+                      </div>
+                    </el-row>
+                  </el-col>
+                </el-row>
+                <el-divider></el-divider>
+                <div>
+                  <div class="sub-title">
+                    {{ $t("contractDetail.packingPhoto") }}
+                  </div>
+                  <el-row
+                    style="margin-left: 60px"
+                    v-for="(
+                      containerFile, i
+                    ) in shipmentFileInfo.containerFileInfoRespList"
+                    :key="i"
+                  >
+                    <div>
+                      {{ "集装箱" + (i + 1) + containerFile.containerNo }}
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        @refresh="handleRefresh"
+                        @checked="handleChecked"
+                        @uncheck="handleUncheck"
+                        :file-info="item"
+                        v-for="(item, i) in containerFile.packingPhoto"
+                        :key="i"
+                      />
+                      <contract-file-drag-upload
+                        v-if="channel !== 'official-website'"
+                        @upload="
+                          handleUpload(
+                            $event,
+                            containerFile.containerId,
+                            'container',
+                            'container_packing_photo'
+                          )
+                        "
+                        :isShowTip="false"
+                      />
+                    </div>
+                  </el-row>
+                </div>
+                <el-divider></el-divider>
+                <div class="sub-title">
+                  {{ $t("contractDetail.finallyInvoice") }}
+                </div>
+                <el-row v-if="contract.quoteType != 'FIXED'">
+                  <div v-if="contract.contractType == 'sale'">
+                    <el-col :span="6">
+                      <div style="margin-left: 60px">
+                        <div class="sub-title">
+                          $t("contractDetail.saleTemporaryFinallyInvoice")
+                        </div>
+                        <div class="file-list">
+                          <file-show
+                            @refresh="handleRefresh"
+                            @checked="handleChecked"
+                            @uncheck="handleUncheck"
+                            :file-info="
+                              getLastFileByList(
+                                shipmentFileInfo.saleTemporaryFinallyInvoice
+                              )
+                            "
+                          />
+                        </div>
+                      </div>
+                    </el-col>
+                    <el-col :span="18">
+                      <div>
+                        <div class="file-list">
+                          <file-show
+                            @refresh="handleRefresh"
+                            @checked="handleChecked"
+                            @uncheck="handleUncheck"
+                            :file-info="item"
+                            v-for="(
+                              item, i
+                            ) in shipmentFileInfo.salePersonalTemporaryFinallyInvoice"
+                            :key="i"
+                          />
+                          <contract-file-drag-upload
+                            v-if="channel !== 'official-website'"
+                            @upload="
+                              handleUpload(
+                                $event,
+                                shipmentFileInfo.shipmentId,
+                                'shipment',
+                                'sale_personal_temporary_finally_invoice'
+                              )
+                            "
+                            :isShowTip="false"
+                          />
+                        </div>
+                      </div>
+                    </el-col>
+                  </div>
+                  <div v-else style="margin-left: 60px">
+                    <div class="sub-title">卖家临时尾款发票</div>
+                    <div class="file-list">
+                      <file-show
+                        @refresh="handleRefresh"
+                        @checked="handleChecked"
+                        @uncheck="handleUncheck"
+                        :file-info="item"
+                        v-for="(
+                          item, i
+                        ) in shipmentFileInfo.purchaseTemporaryFinallyInvoice"
+                        :key="i"
+                      />
+                      <contract-file-drag-upload
+                       v-if="channel !== 'official-website'"
+                        @upload="
+                          handleUpload(
+                            $event,
+                            shipmentFileInfo.shipmentId,
+                            'shipment',
+                            'purchase_temporary_finally_invoice'
+                          )
+                        "
+                        :isShowTip="false"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+
+                <el-divider v-if="contract.quoteType != 'FIXED'"></el-divider>
+
+                <el-row v-if="contract.contractType == 'sale'">
+                  <el-col :span="6">
+                    <div style="margin-left: 60px">
+                      <div class="sub-title">
+                        {{ $t("contractDetail.saleFinallyInvoice") }}
+                      </div>
+                      <div class="file-list">
+                        <file-show
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="
+                            getLastFileByList(
+                              shipmentFileInfo.saleFinallyInvoice
+                            )
+                          "
+                        />
+                      </div>
+                    </div>
+                  </el-col>
+                  <el-col :span="18">
+                    <div>
+                      <div class="file-list">
+                        <file-show
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="item"
+                          v-for="(
+                            item, i
+                          ) in shipmentFileInfo.salePersonalFinallyInvoice"
+                          :key="i"
+                        />
+                        <contract-file-drag-upload
+                          v-if="channel !== 'official-website'"
+                          @upload="
+                            handleUpload(
+                              $event,
+                              shipmentFileInfo.shipmentId,
+                              'shipment',
+                              'sale_personal_finally_invoice'
+                            )
+                          "
+                          :isShowTip="false"
+                        />
+                      </div></div
+                  ></el-col>
+                </el-row>
+                <el-row v-else>
+                  <div style="margin-left: 60px">
+                    <div class="sub-title">卖家采购尾款发票</div>
+                    <div class="file-list">
+                      <file-show
+                        @refresh="handleRefresh"
+                        @checked="handleChecked"
+                        @uncheck="handleUncheck"
+                        :file-info="item"
+                        v-for="(
+                          item, i
+                        ) in shipmentFileInfo.purchaseFinallyInvoice"
+                        :key="i"
+                      />
+                      <div>
+                        <el-button
+                          type="primary"
+                          size="mini"
+                          @click="
+                            uploadFinalInvoice(
+                              'finally',
+                              shipmentFileInfo.shipmentId
+                            )
+                          "
+                        >
+                          上传采购尾款发票</el-button
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </el-row>
+                <el-divider></el-divider>
+                <!-- 提单草稿 -->
+                <el-row>
+                  <div>
+                    <div class="sub-title">
+                      {{ $t("contractDetail.draftBillOfLading") }}
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        @refresh="handleRefresh"
+                        @checked="handleChecked"
+                        @uncheck="handleUncheck"
+                        :file-info="item"
+                        v-for="(item, i) in shipmentFileInfo.draftBillOfLading"
+                        :key="i"
+                      />
+                      <contract-file-drag-upload
+                        v-if="channel !== 'official-website'"
+                        @upload="
+                          handleUpload(
+                            $event,
+                            shipmentFileInfo.shipmentId,
+                            'shipment',
+                            'draft_bill_of_lading'
+                          )
+                        "
+                        :isShowTip="false"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+                <el-divider></el-divider>
+                <!-- 提单正本Copy -->
+                <el-row>
+                  <div>
+                    <div class="sub-title">
+                      {{ $t("contractDetail.BLCopy") }}
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        @refresh="handleRefresh"
+                        @checked="handleChecked"
+                        @uncheck="handleUncheck"
+                        :file-info="item"
+                        v-for="(
+                          item, i
+                        ) in shipmentFileInfo.originalBillOfLadingCopy"
+                        :key="i"
+                      />
+                      <contract-file-drag-upload
+                        v-if="channel !== 'official-website'"
+                        @upload="
+                          handleUpload(
+                            $event,
+                            shipmentFileInfo.shipmentId,
+                            'shipment',
+                            'original_bill_of_lading_copy'
+                          )
+                        "
+                        :isShowTip="false"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+                <el-divider></el-divider>
+                <div>
+                  <div class="sub-title">
+                    {{ $t("contractDetail.otherFile") }}
+                  </div>
+                  <div class="file-list">
+                    <file-show
+                      @refresh="handleRefresh"
+                      @checked="handleChecked"
+                      @uncheck="handleUncheck"
+                      :file-info="item"
+                      v-for="(item, i) in shipmentFileInfo.shipmentOther"
+                      :key="i"
+                    />
+                    <contract-file-drag-upload
+                      v-if="channel !== 'official-website'"
+                      @upload="
+                        handleUpload(
+                          $event,
+                          shipmentFileInfo.shipmentId,
+                          'shipment',
+                          'shipment_other'
+                        )
+                      "
+                      :isShowTip="false"
+                    />
+                  </div>
+                </div>
+              </el-timeline-item>
+              <el-timeline-item
+                :icon="shipmentFileInfo.waterBill ? 'el-icon-success' : ''"
+                :type="shipmentFileInfo.waterBill ? 'primary' : ''"
+                size="large"
+              >
+                <div v-if="channel !== 'official-website'" style="color: #1890ff">
+                  {{
+                    contract.contractType == "sale" ? "尾款收款" : $t('contractDetail.Final_payment')
+                  }}
+                </div>
+                <div v-else class="sub-title">
+                  {{
+                    $t('contractDetail.Final_payment')
+                  }}
+                </div>
+                <el-row>
+                  <el-col :span="8">
+                    <div>
+                      <div v-if="channel !== 'official-website'" class="sub-title">
+                        {{
+                          contract.contractType == "sale"
+                            ? "收款水单"
+                            : $t('contractDetail.Payment_receipt')
+                        }}
+                      </div>
+                      <div v-else class="sub-title">
+                        {{
+                          $t('contractDetail.Payment_receipt')
+                        }}
+                      </div> 
+                      <div class="file-list">
+                        <file-show
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="item"
+                          v-for="(item, i) in shipmentFileInfo.waterBill"
+                          :key="i"
+                        />
+                      </div>
+                    </div>
+                  </el-col>
+                  <!-- <el-col :span="16">
+                    <div v-if="contract.contractType == 'sale'">
+                      <div class="file-list">
+                        <file-show
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="item"
+                          v-for="(
+                            item, i
+                          ) in shipmentFileInfo.salePersonalWaterBill"
+                          :key="i"
+                        />
+                        <contract-file-drag-upload
+                          @upload="
+                            handleUpload(
+                              $event,
+                              shipmentFileInfo.shipmentId,
+                              'shipment',
+                              'sale_personal_waterBill'
+                            )
+                          "
+                          :isShowTip="false"
+                        />
+                      </div>
+                    </div>
+                    <div v-else>
+                      <div class="file-list">
+                        <file-show
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="item"
+                          v-for="(
+                            item, i
+                          ) in shipmentFileInfo.purchasePersonalWaterBill"
+                          :key="i"
+                        />
+                        <contract-file-drag-upload
+                          @upload="
+                            handleUpload(
+                              $event,
+                              shipmentFileInfo.shipmentId,
+                              'shipment',
+                              'purchase_personal_waterBill'
+                            )
+                          "
+                          :isShowTip="false"
+                        />
+                      </div>
+                    </div>
+                  </el-col> -->
+                </el-row>
+                <el-row>
+                  <div>
+                    <div class="sub-title" v-if="channel !== 'official-website'">
+                      {{
+                        contract.contractType == "sale"
+                          ? "收款凭证"
+                          : $t('contractDetail.Payment_voucher')
+                      }}
+                    </div>
+                    <div v-else class="sub-title">
+                      {{
+                          $t('contractDetail.Payment_voucher')
+                      }}
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        @refresh="handleRefresh"
+                        @checked="handleChecked"
+                        @uncheck="handleUncheck"
+                        :file-info="item"
+                        v-for="(item, i) in shipmentFileInfo.voucher"
+                        :key="i"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+              </el-timeline-item>
+              <el-timeline-item
+                :icon="
+                  shipmentFileInfo.deliveryReceipt &&
+                  shipmentFileInfo.deliveryReceipt.length > 0
+                    ? 'el-icon-success'
+                    : ''
+                "
+                :type="
+                  shipmentFileInfo.deliveryReceipt &&
+                  shipmentFileInfo.deliveryReceipt.length > 0
+                    ? 'primary'
+                    : ''
+                "
+                size="large"
+              >
+                <div style="color: #1890ff">
+                  {{ $t("contractDetail.tip6") }}
+                </div>
+                <div class="sub-title">{{ $t("contractDetail.tip7") }}</div>
+
+                <div class="file-list">
+                  <file-show
+                    @refresh="handleRefresh"
+                    @checked="handleChecked"
+                    @uncheck="handleUncheck"
+                    :file-info="item"
+                    v-for="(item, i) in shipmentFileInfo.deliveryReceipt"
+                    :key="i"
+                  />
+                  <contract-file-drag-upload
+                  v-if="channel !== 'official-website'"
+                    @upload="
+                      handleUpload(
+                        $event,
+                        shipmentFileInfo.shipmentId,
+                        'shipment',
+                        'shipment_delivery_receipt'
+                      )
+                    "
+                    :isShowTip="false"
+                  />
+                </div>
+              </el-timeline-item>
+            </el-timeline>
+          </el-tab-pane>
+        </el-tabs>
+      </el-timeline-item>
+
+      <el-timeline-item icon="el-icon-success" type="primary" size="large">
+        <div style="color: #1890ff">{{ $t("contractDetail.tip8") }}</div>
+      </el-timeline-item>
+    </el-timeline>
+
+    <deposit-invoice ref="depositInvoice"></deposit-invoice>
+
+    <gen-shipment ref="genShipment" @refresh="handleRefresh" />
+
+    <purchase-invoice-upload
+      ref="purchaseInvoice"
+      @refresh="handleRefresh"
+    ></purchase-invoice-upload>
+  </div>
+</template>
+
+<script>
+import { listBizFileInfo, addBizFileInfo } from "../../../api/biz/bizFileInfo";
+import { getBizContractFileInfo } from "../../../api/biz/bizContract";
+import FileShow from "./fileShow.vue";
+import ContractFileUpload from "../../../components/FileUpload/contract.vue";
+import ContractFileDragUpload from "../../../components/FileUpload/contract-drag.vue";
+import { batchAsZip } from "../../../utils/zip";
+import {
+  getBizContract,
+  updateBizContract,
+} from "../../../api/biz/bizContract";
+import DepositInvoice from "../bizContract/depositInvoice.vue";
+import { getDepositInvoice } from "../../../api/biz/bizInvoice";
+import GenShipment from "../bizShipment/gen.vue";
+import { listWithContractInfo } from "../../../api/biz/bizContractDetail";
+import PurchaseInvoiceUpload from "../contractTracing/purchaseInvoiceUpload.vue";
+
+export default {
+  name: "ContractFile",
+  components: {
+    FileShow,
+    ContractFileUpload,
+    ContractFileDragUpload,
+    DepositInvoice,
+    GenShipment,
+    PurchaseInvoiceUpload,
+  },
+  props: {
+    // 文件信息
+    contract: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    channel: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      activeName: "0",
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 文件信息表格数据
+      fileInfoList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      //是否显示上传弹出层
+      uploadOpen: false,
+      // 查询参数
+      queryParams: {
+        linkId: null,
+        linkType: "contract",
+        fileName: null,
+        fileType: null,
+        url: null,
+        ext: null,
+      },
+      // 表单参数
+      form: {},
+      //上传表单
+      uploadForm: {},
+      // 表单校验
+      rules: {},
+      lintId: null,
+      selectFileList: [],
+      contractId: null,
+      //合同文件
+      contractFileInfo: {
+        latestContractFileInfo: [],
+      },
+    };
+  },
+  created() {
+    const contractId = this.$route.params && this.$route.params.contractId;
+    if (contractId) {
+      this.linkId = contractId;
+      this.contractId = contractId;
+      this.getContractFileInfo(contractId);
+      this.queryParams.linkId = contractId;
+    }
+  },
+  methods: {
+    //撤回回签
+    counterSign() {
+      //如果是回签合同 保留原合同状态
+      updateBizContract({
+        contractId: this.contractId,
+        contractStatus:
+          this.contract.beforeContractStatus || this.contract.contractStatus,
+      }).then((res) => {
+        this.$modal.msgSuccess("撤回回签成功");
+      });
+    },
+    //生船运按钮操作
+    handleGenerate() {
+      listWithContractInfo({
+        contractIds: [this.contractId],
+        contractType: "sale",
+      }).then((response) => {
+        this.$refs.genShipment.handleAdd(
+          response.rows,
+          this.contract.destination,
+          this.contract
+        );
+      });
+    },
+    handleRefresh() {
+      this.getContractFileInfo(this.contractId);
+    },
+    //定金发票
+    getDepositInvoice() {
+      if (this.contract.contractType == "sale") {
+        getDepositInvoice(this.contract).then((response) => {
+          const data = response.data;
+          this.$refs.depositInvoice.handleShow(data);
+        });
+      } else {
+        this.$refs.purchaseInvoice.handleUpload(this.contract, "deposit");
+      }
+    },
+    //上传尾款发票
+    uploadFinalInvoice(type, shipmentId) {
+      this.$refs.purchaseInvoice.handleUpload(this.contract, type, shipmentId);
+    },
+    getContractFileInfo(contractId) {
+      getBizContractFileInfo(contractId).then((res) => {
+        this.contractFileInfo = res.data;
+      });
+    },
+    handleHistory(fileType) {
+      this.$router.push({
+        path: "/contract/file/history",
+        query: {
+          linkId: this.linkId,
+          fileType: fileType,
+        },
+      });
+    },
+    downloadZip() {
+      batchAsZip(
+        this.selectFileList,
+        "contract-" + this.parseTime(new Date(), "{y}-{m}-{d}")
+      );
+    },
+    handleChecked(file) {
+      if (file) this.selectFileList.push(file);
+      console.log(this.selectFileList);
+    },
+    handleUncheck(val) {
+      let index = this.selectFileList.findIndex((item) => item.fileId === val);
+      if (index > -1) this.selectFileList.splice(index, 1);
+      console.log(this.selectFileList);
+    },
+    handleUpload(e, linkId, linkType, fileType) {
+      addBizFileInfo({
+        linkId: linkId,
+        linkType: linkType,
+        fileName: e.originFileName,
+        fileType: fileType,
+        url: e.url,
+        ext: e.url.substring(e.url.lastIndexOf(".")),
+      }).then((res) => {
+        this.getContractFileInfo(this.contractId);
+        //如果是回签合同 保留原合同状态
+        if (fileType == "contract_sign") {
+          getBizContract(this.contractId).then((res) => {
+            const contract = res.data;
+            updateBizContract({
+              contractId: this.contractId,
+              contractStatus: "signed",
+              beforeContractStatus: contract.contractStatus,
+              contractSignTime: new Date(),
+            }).then((res) => {
+              this.$modal.msgSuccess("回签成功");
+            });
+          });
+        }
+      });
+    },
+
+    getLastFileByList(fileList) {
+      if (!fileList || fileList.length <= 0) {
+        return;
+      }
+      //找到最新的文件
+      let sortFileList = fileList?.slice()?.sort((a, b) => {
+        return new Date(b.createTime) - new Date(a.createTime);
+      });
+      let file = sortFileList[0];
+      return file;
+    },
+    getLastFile(fileType) {
+      if (!fileType) {
+        return;
+      }
+      //找到最新的文件
+      let file = this.fileInfoList
+        .filter((item) => item.fileType === fileType)
+        .sort((a, b) => {
+          return new Date(b.createTime) - new Date(a.createTime);
+        })[0];
+      return file;
+    },
+    getFileList(fileType) {
+      if (!fileType) {
+        return;
+      }
+      //找到最新的文件
+      return this.fileInfoList.filter((item) => item.fileType === fileType);
+    },
+    /** 查询文件信息列表 */
+    getList() {
+      this.loading = true;
+      listBizFileInfo(this.queryParams).then((response) => {
+        this.fileInfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.box-card {
+  width: 100%;
+}
+.sub-title {
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.file-list {
+  display: flex;
+  flex-wrap: wrap;
+
+  .file-info {
+    margin-right: 10px;
+  }
+}
+</style>