doctor-admin-components 1.0.13-pro.1 → 1.0.14-beta.1

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

@@ -0,0 +1,1711 @@
+<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="5">
+              <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
+                  :hiddenOperation="channel == 'official-website'"
+                  @refresh="handleRefresh"
+                  @checked="handleChecked"
+                  @uncheck="handleUncheck"
+                  :fileInfo="
+                    getLastFileByList(contractFileInfo.latestContractFileInfo)
+                  "
+                />
+              </div>
+            </el-col>
+            <el-col :span="4">
+              <div>
+                <div class="sub-title">{{ $t("contractDetail.blInfo") }}</div>
+                <div class="file-list">
+                  <file-show
+                    :hiddenOperation="channel == 'official-website'"
+                    @refresh="handleRefresh"
+                    @checked="handleChecked"
+                    @uncheck="handleUncheck"
+                    :fileInfo="
+                      getLastFileByList(contractFileInfo.latestBillFileInfo)
+                    "
+                  />
+                </div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="file-list">
+                <file-show
+                  :hiddenOperation="channel == 'official-website'"
+                  @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-col :span="9">
+              <div>
+                <div v-if="channel !== 'official-website'" class="sub-title">
+                  {{ $t("contractDetail.signContract") }}
+                  <el-button style="margin-left: 10px" @click="counterSign" size="mini">撤回回签</el-button>
+                </div>
+                <div v-else class="sub-title">{{ $t("contractDetail.signContract") }}</div>
+              </div>
+              <div class="file-list">
+                <file-show
+                  :hiddenOperation="channel == 'official-website'"
+                  @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-col>
+          </el-row>
+          <el-divider></el-divider>
+          <el-row>
+            <div class="sub-title">{{ $t("contractDetail.otherFile") }}</div>
+            <div class="file-list" v-if="contract.contractType == 'sale'">
+              <file-show
+                :hiddenOperation="channel == 'official-website'"
+                @refresh="handleRefresh"
+                @checked="handleChecked"
+                @uncheck="handleUncheck"
+                :file-info="item"
+                v-for="(item, i) in contractFileInfo.saleContractOtherFile"
+                :key="i"
+              />
+              <contract-file-drag-upload
+                @upload="
+                  handleUpload(
+                    $event,
+                    contract.contractId,
+                    'contract',
+                    'sale_contract_other_file'
+                  )
+                "
+                :isShowTip="false"
+              />
+            </div>
+            <div class="file-list" v-else>
+              <file-show
+                :hiddenOperation="channel == 'official-website'"
+                @refresh="handleRefresh"
+                @checked="handleChecked"
+                @uncheck="handleUncheck"
+                :file-info="item"
+                v-for="(item, i) in contractFileInfo.purchaseContractOtherFile"
+                :key="i"
+              />
+              <contract-file-drag-upload
+                @upload="
+                  handleUpload(
+                    $event,
+                    contract.contractId,
+                    'contract',
+                    'purchase_contract_other_file'
+                  )
+                "
+                :isShowTip="false"
+              />
+            </div>
+          </el-row>
+        </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") }}
+              <el-button
+                v-if="channel !== 'official-website'"
+                type="text"
+                size="small"
+                @click="skipInvoiceList"
+              >发票列表</el-button>
+            </div>
+            <div class="file-list">
+              <file-show
+                :hiddenOperation="channel == 'official-website'"
+                @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
+                :hiddenOperation="channel == 'official-website'"
+                @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.depositRemittanceReceipt") }}</div>
+          <div class="file-list">
+            <file-show
+              :hiddenOperation="channel == 'official-website'"
+              @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-button
+          type="primary"
+          size="mini"
+          @click="handleGeneratePurchase"
+          v-if="
+            channel !== 'official-website' &&
+            contract.contractType == 'purchase'
+          "
+        >生成装运</el-button>
+        <el-tabs v-model="activeName">
+          <el-tab-pane
+            :label="
+              '提单号 ' +
+              (shipmentFileInfo.billOfLadingNo
+                ? shipmentFileInfo.billOfLadingNo
+                : '')
+            "
+            :name="shipmentIndex.toString()"
+            v-for="(
+              shipmentFileInfo, shipmentIndex
+            ) in contractFileInfo.shipmentFileInfoList"
+            :key="shipmentIndex"
+          >
+            <div
+              v-if="
+                channel !== 'official-website' &&
+                contract.contractType == 'purchase'
+              "
+              style="margin-bottom: 20px"
+            >
+              <el-button
+                type="primary"
+                size="mini"
+                v-if="shipmentFileInfo && shipmentFileInfo.shipmentId"
+                @click="
+                  identifyPage(
+                    '',
+                    shipmentFileInfo && shipmentFileInfo.shipmentId,
+                    'summary'
+                  )
+                "
+              >识别汇总</el-button>
+              <el-button type="primary" size="mini" @click="editShipment(shipmentFileInfo)">编辑船运</el-button>
+            </div>
+            <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
+                      :hiddenOperation="channel == 'official-website'"
+                      @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
+                          :hiddenOperation="channel == 'official-website'"
+                          @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)
+                          <span
+                            style="color: #1890ff; cursor: pointer"
+                            v-if="
+                              shipmentFileInfo &&
+                              shipmentFileInfo.purchasePersonalPackingList &&
+                              shipmentFileInfo.purchasePersonalPackingList[0] &&
+                              shipmentFileInfo.purchasePersonalPackingList[0]
+                                .url
+                            "
+                            @click="
+                              identifyPage(
+                                shipmentFileInfo &&
+                                  shipmentFileInfo.purchasePersonalPackingList &&
+                                  shipmentFileInfo
+                                    .purchasePersonalPackingList[0] &&
+                                  shipmentFileInfo
+                                    .purchasePersonalPackingList[0].url,
+                                shipmentFileInfo && shipmentFileInfo.shipmentId,
+                                'packing'
+                              )
+                            "
+                          >{{ identify }}</span>
+                        </div>
+                        <div class="file-list">
+                          <file-show
+                            :hiddenOperation="channel == 'official-website'"
+                            @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
+                            :hiddenOperation="channel == 'official-website'"
+                            @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 style="display: flex; align-items: center">
+                      <div>{{ "集装箱" + (i + 1) + containerFile.containerNo }}</div>
+                      <div>
+                        <el-button
+                          type="text"
+                          @click="shareContainerUrl(containerFile.containerId)"
+                        >分享</el-button>
+                      </div>
+                      <!-- 展开/折叠按钮 -->
+                      <div v-if="containerFile.packingPhoto.length > 1" style="margin-left: 10px;">
+                        <el-button
+                          type="text"
+                          style="color: rgb(255, 0, 191);"
+                          @click="toggleExpand(shipmentIndex, i)"
+                        >
+                          {{
+                          containerFile.expandedFlag
+                          ? "收起图片"
+                          : "展开全部图片"
+                          }}
+                        </el-button>
+                      </div>
+                    </div>
+                    <div class="file-list">
+                      <div
+                        v-if="
+                          !containerFile.expandedFlag &&
+                          containerFile.packingPhoto.length > 1
+                        "
+                      >
+                        <file-show
+                          :hiddenOperation="channel == 'official-website'"
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="containerFile.packingPhoto[0]"
+                        />
+                      </div>
+                      <div v-else class="file-list">
+                        <file-show
+                          :hiddenOperation="channel == 'official-website'"
+                          @refresh="handleRefresh"
+                          @checked="handleChecked"
+                          @uncheck="handleUncheck"
+                          :file-info="item"
+                          v-for="(item, i) in containerFile.packingPhoto"
+                          :key="i"
+                        />
+                      </div>
+
+                      <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") }}
+                  <el-button
+                    v-if="channel !== 'official-website'"
+                    type="text"
+                    size="small"
+                    @click="skipInvoiceList"
+                  >发票列表</el-button>
+                  <span
+                    v-if="channel !== 'official-website' &&
+                      contract.contractType == 'purchase' "
+                    style="color: #1890ff; margin-left: 10px"
+                  >
+                    {{
+                    shipmentPurchaseAmountMessage}}
+                  </span>
+                  <el-button
+                    style="color: #1890ff; cursor: pointer; margin-left: 10px"
+                    v-if="channel !== 'official-website' &&
+                      contract.contractType == 'purchase'"
+                    type="text"
+                    size="small"
+                    @click="getShipmentPurchase(shipmentFileInfo)"
+                  >点击可查看明细</el-button>
+                  <div>{{ getShipmentPurchaseAmount(shipmentFileInfo,shipmentIndex) }}</div>
+                </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
+                            :hiddenOperation="channel == 'official-website'"
+                            @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
+                            :hiddenOperation="channel == 'official-website'"
+                            @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">
+                      临时尾款发票
+                      <span
+                        v-if="
+                            channel !== 'official-website' &&
+                            contract.contractType == 'purchase'
+                          "
+                        style="color: #1890ff; cursor: pointer; margin-left: 10px"
+                        @click.stop="identifyPageBoth(shipmentFileInfo, 1)"
+                      >{{ identify }}</span>
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        :hiddenOperation="channel == 'official-website'"
+                        @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
+                          :hiddenOperation="channel == 'official-website'"
+                          @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
+                          :hiddenOperation="channel == 'official-website'"
+                          @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">
+                      卖家采购尾款发票
+                      <span
+                        v-if="
+                            channel !== 'official-website' &&
+                            contract.contractType == 'purchase'
+                          "
+                        style="color: #1890ff; cursor: pointer; margin-left: 10px"
+                        @click.stop="identifyPageBoth(shipmentFileInfo, 2)"
+                      >{{ identify }}</span>
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        :hiddenOperation="channel == 'official-website'"
+                        @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") }}
+                      <span
+                        style="color: #1890ff; cursor: pointer"
+                        v-if="
+                          shipmentFileInfo &&
+                          shipmentFileInfo.draftBillOfLading &&
+                          shipmentFileInfo.draftBillOfLading[0] &&
+                          shipmentFileInfo.draftBillOfLading[0].url
+                        "
+                        @click="
+                          identifyPage(
+                            shipmentFileInfo &&
+                              shipmentFileInfo.draftBillOfLading &&
+                              shipmentFileInfo.draftBillOfLading[0] &&
+                              shipmentFileInfo.draftBillOfLading[0].url,
+                            shipmentFileInfo && shipmentFileInfo.shipmentId,
+                            'draft_bill'
+                          )
+                        "
+                      >{{ identify }}</span>
+                    </div>
+                    <div class="file-list">
+                      <file-show
+                        :hiddenOperation="channel == 'official-website'"
+                        @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
+                        :hiddenOperation="channel == 'official-website'"
+                        @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.otherShipmentFile") }}</div>
+                  <div class="file-list" v-if="contract.contractType == 'sale'">
+                    <file-show
+                      :hiddenOperation="channel == 'official-website'"
+                      @refresh="handleRefresh"
+                      @checked="handleChecked"
+                      @uncheck="handleUncheck"
+                      :file-info="item"
+                      v-for="(item, i) in shipmentFileInfo.saleShipmentOther"
+                      :key="i"
+                    />
+                    <contract-file-drag-upload
+                      v-if="channel !== 'official-website'"
+                      @upload="
+                        handleUpload(
+                          $event,
+                          shipmentFileInfo.shipmentId,
+                          'shipment',
+                          'sale_shipment_other'
+                        )
+                      "
+                      :isShowTip="false"
+                    />
+                  </div>
+                  <div v-else class="file-list">
+                    <file-show
+                      :hiddenOperation="channel == 'official-website'"
+                      @refresh="handleRefresh"
+                      @checked="handleChecked"
+                      @uncheck="handleUncheck"
+                      :file-info="item"
+                      v-for="(
+                        item, i
+                      ) in shipmentFileInfo.purchaseShipmentOther"
+                      :key="i"
+                    />
+                    <contract-file-drag-upload
+                      v-if="channel !== 'official-website'"
+                      @upload="
+                        handleUpload(
+                          $event,
+                          shipmentFileInfo.shipmentId,
+                          'shipment',
+                          'purchase_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 class="sub-title">{{ $t("contractDetail.finalPaymentMemo") }}</div>
+
+                      <div class="file-list">
+                        <file-show
+                          :hiddenOperation="channel == 'official-website'"
+                          @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
+                          :hiddenOperation="channel == 'official-website'"
+                          @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
+                          :hiddenOperation="channel == 'official-website'"
+                          @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">{{ $t("contractDetail.swift") }}</div>
+                    <div class="file-list">
+                      <file-show
+                        :hiddenOperation="channel == 'official-website'"
+                        @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
+                    :hiddenOperation="channel == 'official-website'"
+                    @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>
+    <el-timeline v-if="channel !== 'official-website' && claimFileInfoCom">
+      <el-timeline-item icon="el-icon-success" type="primary" size="large">
+        <span style="color: #1890ff">{{ $t("contractDetail.Claim_documents") }}</span>
+        <div style="font-size: 16px; font-weight: 600; margin-top: 10px">
+          {{
+          buyerFlag
+          ? $t("contractDetail.Credit_Note")
+          : $t("contractDetail.Debit_Note")
+          }}
+        </div>
+        <div class="file-list">
+          <file-show
+            :hiddenOperation="channel == 'official-website'"
+            @refresh="handleRefresh"
+            @checked="handleChecked"
+            @uncheck="handleUncheck"
+            :file-info="item"
+            v-for="(item, i) in claimFileInfoCom"
+            :key="i"
+          />
+        </div>
+      </el-timeline-item>
+
+      <el-timeline-item
+        icon="el-icon-success"
+        :type="claimFileInfoCom ? 'primary' : ''"
+        size="large"
+      >
+        <span style="color: #1890ff">{{ $t("contractDetail.Claim_completion") }}</span>
+      </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>
+    <!-- 多个买家弹窗 -->
+    <el-dialog title="请先选择收货买家" :visible.sync="dialogVisible" width="30%">
+      <div>请在下方选择一个您需要发货的买家</div>
+      <div>
+        <el-radio-group v-model="selectRadio">
+          <el-radio
+            :label="key"
+            v-for="(purchaseBuyerListItem, key) in purchaseBuyerList"
+            :key="key"
+          >
+            {{ purchaseBuyerListItem.buyerUserInfo.companyName }} ({{
+            purchaseBuyerListItem.contractNo
+            }}) {{ purchaseBuyerListItem.buyerUserInfo.firstName }}
+            {{ purchaseBuyerListItem.buyerUserInfo.lastName }}
+          </el-radio>
+        </el-radio-group>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addShipment">确 定</el-button>
+      </span>
+    </el-dialog>
+    <shipment-add ref="shipmentGen" @refresh="handleRefresh" />
+
+    <shipment-purchase-amount ref="shipmentPurchaseAmount"></shipment-purchase-amount>
+  </div>
+</template>
+
+<script>
+import {
+  chargedShipment,
+  getPurchaseAmount,
+} from '../../../api/biz/bizShipment';
+import { listBizFileInfo, addBizFileInfo } from '../../../api/biz/bizFileInfo';
+import { getBizContractFileInfo } from '../../../api/biz/bizContract';
+import FileShow from './fileShow.vue';
+import FileShowClaim from './fileShowClaim.vue';
+import ContractFileUpload from '../../../components/FileUpload/contract.vue';
+import ContractFileDragUpload from '../../../components/FileUpload/contract-drag-new.vue';
+import { batchAsZip } from '../../../utils/zip';
+import {
+  getBizContract,
+  updateBizContract,
+  signContract,
+} from '../../../api/biz/bizContract';
+import DepositInvoice from '../bizContract/depositInvoice.vue';
+import { getDepositInvoice, listBizInvoice } from '../../../api/biz/bizInvoice';
+import GenShipment from '../bizShipment/add.vue';
+import {
+  listWithContractInfo,
+  listSaleContracts,
+  addBizShipment,
+  addBizShipmentPurchase
+} from '../../../api/biz/bizContractDetail';
+import PurchaseInvoiceUpload from '../contractTracing/purchaseInvoiceUpload.vue';
+import ShipmentAdd from '../bizShipment/add.vue';
+import ShipmentPurchaseAmount from '../contractTracing/shipmentPurchaseAmount.vue';
+import { encryptId } from '../../../utils/index.js';
+import { Loading } from 'element-ui';
+
+export default {
+  name: 'ContractFile',
+  components: {
+    FileShow,
+    ContractFileUpload,
+    ContractFileDragUpload,
+    DepositInvoice,
+    GenShipment,
+    PurchaseInvoiceUpload,
+    FileShowClaim,
+    ShipmentAdd,
+    ShipmentPurchaseAmount,
+  },
+  props: {
+    // 文件信息
+    contract: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    channel: {
+      type: String,
+      default: '',
+    },
+    buyerFlag: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      identify: '识别',
+      selectRadio: 0,
+      purchaseBuyerList: [],
+      // purchaseBuyerList1: [
+      //     {
+      //         "contractId": 2046, // saleContractId
+      //        //  purchaseContractId: ARP合同ID,
+      //         "contractNo": "ARS20231018-49366",
+      //         "buyerAccountId": 1003532,
+      //         "buyerUserInfo": {
+      //             "userId": 1003532,
+      //             "companyId": 11247,
+      //             "companyName": "顶点回收有限公司",
+      //             "firstName": "刘",
+      //             "lastName": "刘"
+      //         }
+      //     },
+      //     {
+      //         "contractId": 2046,
+      //         "contractNo": "ARS20231018-49366",
+      //         "buyerAccountId": 1003532,
+      //         "buyerUserInfo": {
+      //             "userId": 1003532,
+      //             "companyId": 11247,
+      //             "companyName": "顶点回收有限公司",
+      //             "firstName": "刘",
+      //             "lastName": "刘"
+      //         }
+      //     }
+      // ],
+      dialogVisible: false,
+      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: [],
+      },
+      //参考采购价
+      shipmentPurchaseAmountMessage: '',
+    };
+  },
+  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;
+    }
+  },
+  mounted() {},
+  methods: {
+    getShipmentPurchaseAmount(shipmentFileInfo, shipmentIndex) {
+      if (shipmentIndex == this.activeName) {
+        getPurchaseAmount(shipmentFileInfo.shipmentId).then((res) => {
+          this.shipmentPurchaseAmountMessage =
+            '参考采购尾款$' +
+            (
+              res.data.totalPurchaseAmount - res.data.purchaseDepositAmount
+            ).toFixed(2);
+        });
+      }
+    },
+    getShipmentPurchase(shipmentFileInfo) {
+      this.$refs.shipmentPurchaseAmount.handleShow(shipmentFileInfo.shipmentId);
+    },
+    identifyPageBoth(shipmentFileInfo, type) {
+      // 正式 purchaseFinallyInvoice
+      if (type == 2) {
+        if (shipmentFileInfo?.purchaseFinallyInvoice[0]?.url) {
+          this.identifyPage(
+            shipmentFileInfo?.purchaseFinallyInvoice[0]?.url,
+            shipmentFileInfo && shipmentFileInfo.shipmentId,
+            'final_invoice'
+          );
+        }
+      } else {
+        // 临时 purchaseTemporaryFinallyInvoice
+        this.identifyPage(
+          shipmentFileInfo?.purchaseTemporaryFinallyInvoice[0]?.url,
+          shipmentFileInfo && shipmentFileInfo.shipmentId,
+          'temporary_invoice'
+        );
+      }
+    },
+    editShipment(val) {
+      this.$refs.shipmentGen.handleUpdate({
+        shipmentId: val && val.shipmentId,
+      });
+    },
+    identifyPage(url, shipmentId, type) {
+      if (type == 'summary') {
+        return this.$router.push({
+          path: '/jxxg/ocr/index',
+          query: {
+            // url: url,
+            shipmentId,
+            shipmentOcrType: type,
+            contractId: this.contractId,
+          },
+        });
+      }
+
+      if (!url) {
+        return this.$message.error('暂无文件');
+      }
+
+      if (type == 'draft_bill') {
+        return this.$router.push({
+          path: '/jxxg/ocr/draft-bill',
+          query: {
+            url: url,
+            shipmentId,
+            shipmentOcrType: type,
+            contractId: this.contractId,
+          },
+        });
+      }
+
+      if (type == 'packing') {
+        return this.$router.push({
+          path: '/jxxg/ocr/packing-list',
+          query: {
+            url: url,
+            shipmentId,
+            shipmentOcrType: type,
+            contractId: this.contractId,
+          },
+        });
+      }
+
+      if (type == 'temporary_invoice') {
+        return this.$router.push({
+          path: '/jxxg/ocr/invoice-balance-temp',
+          query: {
+            url: url,
+            shipmentId,
+            shipmentOcrType: type,
+            contractId: this.contractId,
+          },
+        });
+      }
+
+      if (type == 'final_invoice') {
+        return this.$router.push({
+          path: '/jxxg/ocr/invoice-balance',
+          query: {
+            url: url,
+            shipmentId,
+            shipmentOcrType: type,
+            contractId: this.contractId,
+          },
+        });
+      }
+    },
+
+    /**
+     * @description: 添加货运
+     * @return {*}
+     */
+    addShipment() {
+      const purchaseBuyerInfo = this.purchaseBuyerList[this.selectRadio];
+      let timer = Date.now();
+      addBizShipmentPurchase({
+        bookingNo: 'bookingNo-'+ timer,
+        billOfLadingNo: 'billOfLadingNo-' + timer,
+        saleContractId: purchaseBuyerInfo.contractId,
+        purchaseContractId: this.contract.contractId,
+        containerList:[{
+          containerNo:'containerNo-1'
+        }]
+      }).then((res) => {
+        if (res.code === 200) {
+          this.$modal.msgSuccess('添加成功');
+          this.handleRefresh();
+        }
+      });
+    },
+    // this.dialogVisible = false;
+    // this.$refs.genShipment.handleAdd(
+    //   this.selectRadio,
+    //   this.contract.destination,
+    //   this.contract
+    // );
+    toggleExpand(shipmentIndex, index) {
+      console.log(shipmentIndex, index);
+      console.log(
+        this.contractFileInfo.shipmentFileInfoList[shipmentIndex]
+          .containerFileInfoRespList[index]
+      );
+      this.contractFileInfo.shipmentFileInfoList[
+        shipmentIndex
+      ].containerFileInfoRespList[index].expandedFlag =
+        !this.contractFileInfo.shipmentFileInfoList[shipmentIndex]
+          .containerFileInfoRespList[index].expandedFlag;
+    },
+    //跳转发票列表
+    skipInvoiceList() {
+      this.$router.push({
+        name: 'Invoice',
+        params: { contractNo: this.contract.contractNo },
+      });
+    },
+    shareContainerUrl(containerId) {
+      console.log(process.env.VUE_APP_PAGETOIMG_URL);
+      this.shareImgUrl =
+        // 获取要复制到剪切板的链接
+        process.env.VUE_APP_PAGETOIMG_URL +
+        '/share-cabinet?containerId=' +
+        containerId +
+        '&encryptedContainerId=' +
+        encryptId(containerId);
+
+      // 创建临时 <textarea> 元素，将链接写入其中
+      const textArea = document.createElement('textarea');
+      textArea.value = this.shareImgUrl;
+      document.body.appendChild(textArea);
+
+      // 选中并复制链接
+      textArea.select();
+      document.execCommand('copy');
+
+      // 将 <textarea> 元素删除
+      document.body.removeChild(textArea);
+      this.$modal.msgSuccess('已复制到剪切板');
+    },
+    //撤回回签
+    counterSign() {
+      //如果是回签合同 保留原合同状态
+      updateBizContract({
+        contractId: this.contractId,
+        contractStatus:
+          this.contract.beforeContractStatus || this.contract.contractStatus,
+      }).then((res) => {
+        this.$modal.msgSuccess('撤回回签成功');
+      });
+    },
+    //生船运按钮操作
+    handleGenerate() {
+      listBizInvoice({
+        contractId: this.contractId,
+        invoiceType: 'sale',
+        invoiceSpecies: 'proforma',
+      }).then((res) => {
+        if (
+          res.rows.length <= 0 ||
+          res.rows[0].amount == res.rows[0].remainingAmount
+        ) {
+          this.$confirm(
+            '是否确认直接生成装运？请注意，此合同的定金发票尚未生成或已生成但未收款，请先确认相关情况。',
+            '提示',
+            {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning',
+            }
+          )
+            .then(() => {
+              listWithContractInfo({
+                contractIds: [this.contractId],
+                contractType: 'sale',
+              }).then((response) => {
+                this.$refs.genShipment.handleAdd(
+                  response.rows,
+                  this.contract.destination,
+                  this.contract
+                );
+              });
+            })
+            .catch(() => {});
+        } else {
+          listWithContractInfo({
+            contractIds: [this.contractId],
+            contractType: 'sale',
+          }).then((response) => {
+            this.$refs.genShipment.handleAdd(
+              response.rows,
+              this.contract.destination,
+              this.contract
+            );
+          });
+        }
+      });
+    },
+    handleGeneratePurchase() {
+      listSaleContracts({ purchaseContractNo: this.contract.contractNo }).then(
+        (res) => {
+          this.purchaseBuyerList = res.rows;
+          if (res.rows.length > 1) {
+            this.dialogVisible = true;
+          } else {
+            this.addShipment();
+          }
+        }
+      );
+    },
+    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) {
+      let loadingInstance = Loading.service({
+        text: '请稍候',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)',
+      });
+      addBizFileInfo({
+        linkId: linkId,
+        linkType: linkType,
+        fileName: e.originFileName,
+        fileType: fileType,
+        url: e.url,
+        ext: e.url.substring(e.url.lastIndexOf('.')),
+      }).then((res) => {
+        loadingInstance.close();
+        //如果是回签合同 保留原合同状态
+        if (fileType == 'contract_sign') {
+          let loading = Loading.service({
+            text: '请稍候',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)',
+          });
+          getBizContract(this.contractId).then((res) => {
+            const contract = res.data;
+            signContract({
+              contractId: this.contractId,
+              contractFlag: 'normal',
+              contractStatus: 'signed',
+              beforeContractStatus: contract.contractStatus,
+              contractSignTime: new Date(),
+            }).then((res) => {
+              loading.close();
+              this.$modal.msgSuccess('回签成功');
+            });
+          });
+        }
+        //如果是上传电放
+        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);
+      });
+    },
+
+    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;
+      });
+    },
+  },
+  computed: {
+    claimFileInfoCom() {
+      if (
+        (this.contractFileInfo &&
+          this.contractFileInfo.claimCreditNoteFileList &&
+          this.contractFileInfo.claimCreditNoteFileList[0]) ||
+        (this.contractFileInfo &&
+          this.contractFileInfo.claimDebitNoteFileList &&
+          this.contractFileInfo.claimDebitNoteFileList[0])
+      ) {
+        return this.buyerFlag
+          ? this.contractFileInfo &&
+              this.contractFileInfo.claimCreditNoteFileList &&
+              this.contractFileInfo.claimCreditNoteFileList
+          : this.contractFileInfo &&
+              this.contractFileInfo.claimDebitNoteFileList &&
+              this.contractFileInfo.claimDebitNoteFileList;
+      } else {
+        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;
+  }
+}
+::v-deep .el-tabs--top .el-tabs__item.is-top:last-child {
+  font-weight: 900;
+}
+</style>