doctor-admin-components 1.0.13-beta.7 → 1.0.13-beta.71

package/packages/src/views/biz/contractTracing/contractSummary.vue

@@ -2,7 +2,7 @@
  * @Author: zhangpengwei 15038779532@163.com
  * @Date: 2023-08-28 19:04:39
  * @LastEditors: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
- * @LastEditTime: 2023-10-23 17:08:54
+ * @LastEditTime: 2024-03-20 09:46:11
  * @FilePath: /doctor-admin-components/packages/src/views/biz/contractTracing/contractSummary.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -11,82 +11,55 @@
     <el-card class="box-card">
       <el-row>
         <el-col :span="12">
-          {{
-          $t("contractDetail.contractNo") +
-          ":" +
-          (this.contract && this.contract.contractNo
-          ? this.contract.contractNo
-          : "")
-          }}
+          {{ $t('contractDetail.contractNo') + ':' + (this.contract && this.contract.contractNo ? this.contract.contractNo : '') }}
         </el-col>
         <el-col v-if="channel !== 'official-website'" :span="12">
-          <div
-            v-if="
-              contract.contractSignTime &&
-              isOvertime(contract.contractSignTime, 14)
-            "
-          >
+          <div v-if="contract.contractSignTime && isOvertime(contract.contractSignTime, 14)">
             {{
-            depositStatus == "not_received"
-            ? "【超时未收定金】提醒：您已于【" +
-            utc2local(contract.contractSignTime, "YYYY-MM-DD") +
-            "】 签订合同，定金款已超过【" +
-            getDays(contract.contractSignTime) +
-            "】天未收到"
-            : depositStatus == "not_paid"
-            ? "【超时未付定金】提醒：您已于【" +
-            utc2local(contract.contractSignTime, "YYYY-MM-DD") +
-            "】 签订合同，定金款已超过【" +
-            getDays(contract.contractSignTime) +
-            "】天未支付"
-            : ""
+              depositStatus == 'not_received'
+                ? '【超时未收定金】提醒：您已于【' +
+                  utc2local(contract.contractSignTime, 'YYYY-MM-DD') +
+                  '】 签订合同，定金款已超过【' +
+                  getDays(contract.contractSignTime) +
+                  '】天未收到'
+                : depositStatus == 'not_paid'
+                ? '【超时未付定金】提醒：您已于【' +
+                  utc2local(contract.contractSignTime, 'YYYY-MM-DD') +
+                  '】 签订合同，定金款已超过【' +
+                  getDays(contract.contractSignTime) +
+                  '】天未支付'
+                : ''
             }}
           </div>
-          <div
-            v-if="
-              contract.contractSignTime &&
-              isOvertime(contract.contractSignTime, contract.latestShipment)
-            "
-          >
+          <div v-if="contract.contractSignTime && isOvertime(contract.contractSignTime, contract.latestShipment)">
             {{
-            deliveryStatus != "all_shipment"
-            ? "【超时未发货】提醒：当前合同约定签订后【" +
-            contract.latestShipment +
-            "】天发货；目前距合同签订【" +
-            getDays(contract.contractSignTime) +
-            "】天，卖家仍未全部发货；"
-            : "" + "】"
+              deliveryStatus != 'all_shipment'
+                ? '【超时未发货】提醒：当前合同约定签订后【' +
+                  contract.latestShipment +
+                  '】天发货；目前距合同签订【' +
+                  getDays(contract.contractSignTime) +
+                  '】天，卖家仍未全部发货；'
+                : '' + '】'
             }}
           </div>
-          <div
-            v-if="
-              deliveryStatus == 'all_shipment' &&
-              depositStatus == 'not_received'
-            "
-          >{{ "【已发货未收定金】提醒：卖家已全部发货，定金款仍未收到" }}</div>
+          <div v-if="deliveryStatus == 'all_shipment' && depositStatus == 'not_received'">{{ '【已发货未收定金】提醒：卖家已全部发货，定金款仍未收到' }}</div>
         </el-col>
       </el-row>
       <el-row v-if="channel !== 'official-website'">
-        {{
-        $t("contractDetail.relatedContract") +
-        ":" +
-        getContractNos(
-        (this.contract && this.contract.associationContractList) || []
-        )
-        }}
+        {{ $t('contractDetail.relatedContract') + ':' + getContractNos((this.contract && this.contract.associationContractList) || []) }}
       </el-row>
     </el-card>
 
     <el-card style="margin-top: 5px">
       <div slot="header" class="clearfix">
-        <span>{{ $t("contractDetail.dealSummary") }}</span>
+        <span>{{ $t('contractDetail.dealSummary') }}</span>
         <!-- <el-button style="float: right; padding: 3px 0" type="text"
           >操作按钮</el-button
         >-->
       </div>
       <el-form :model="dealRecord">
         <el-card>
-          <div slot="header" class="clearfix">{{ $t("contractDetail.askOverview") }}</div>
+          <div slot="header" class="clearfix">{{ $t('contractDetail.askOverview') }}</div>
           <el-row>
             <el-col :span="8">
               <el-form-item :label="$t('contractDetail.askId')">{{ dealRecord.askId }}</el-form-item>
@@ -100,44 +73,26 @@
           </el-row>
           <el-row>
             <el-col :span="8">
-              <el-form-item
-                :label="$t('contractDetail.loadingCountry')"
-              >{{ getCountryName("loading") }}</el-form-item>
+              <el-form-item :label="$t('contractDetail.loadingCountry')">{{ getCountryName('loading') }}</el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item
-                :label="$t('contractDetail.originCountry')"
-              >{{ getCountryName("country") }}</el-form-item>
+              <el-form-item :label="$t('contractDetail.originCountry')">{{ getCountryName('country') }}</el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item :label="$t('contractDetail.shipmentDays')">
-                {{
-                $t("contractDetail.tip1") +
-                "[" +
-                dealRecord.shipmentDays +
-                "]" +
-                $t("contractDetail.tip2")
-                }}
+                {{ $t('contractDetail.tip1') + '[' + dealRecord.shipmentDays + ']' + $t('contractDetail.tip2') }}
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="8">
               <el-form-item :label="$t('contractDetail.tip3')">
-                {{
-                dealRecord.originCertificateFlag
-                ? $t("contractDetail.yes")
-                : $t("contractDetail.no")
-                }}
+                {{ dealRecord.originCertificateFlag ? $t('contractDetail.yes') : $t('contractDetail.no') }}
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item :label="$t('contractDetail.tip4')">
-                {{
-                dealRecord.customsRejectionFlag
-                ? $t("contractDetail.yes")
-                : $t("contractDetail.no")
-                }}
+                {{ dealRecord.customsRejectionFlag ? $t('contractDetail.yes') : $t('contractDetail.no') }}
               </el-form-item>
             </el-col>
           </el-row>
@@ -146,9 +101,7 @@
               <el-form-item :label="$t('contractDetail.paymentType')">{{ dealRecord.paymentType }}</el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item
-                :label="$t('contractDetail.destination')"
-              >{{ dealRecord.buyerDestination }}</el-form-item>
+              <el-form-item :label="$t('contractDetail.destination')">{{ dealRecord.buyerDestination }}</el-form-item>
             </el-col>
           </el-row>
           <el-row>
@@ -157,19 +110,12 @@
           <el-row>
             <el-col :span="18">
               <el-form-item :label="$t('contractDetail.preferredQuoteMethod')">
-                {{
-                getPreferredQuoteMethodLabel(dealRecord.preferredQuoteMethod)
-                }}
+                {{ getPreferredQuoteMethodLabel(dealRecord) }}
               </el-form-item>
             </el-col>
             <!-- 买家点价 -->
             <el-col :span="6">
-              <div
-                class="share"
-                v-if="showPricing"
-                style="right:100px;"
-                @click.stop="openPriceFix"
-              >{{ $t('index.priceFix') }}</div>
+              <div class="share" v-if="showPricing" style="right: 100px" @click.stop="openPriceFix">{{ $t('index.priceFix') }}</div>
             </el-col>
           </el-row>
         </el-card>
@@ -180,29 +126,20 @@
           </div>
           <el-row>
             <el-col :span="12">
-              <div class="text item">{{ "卖方" }}</div>
+              <div class="text item">{{ '卖方' }}</div>
               <el-form-item label="公司名称" prop="sellerCompanyName">{{ dealRecord.sellerCompanyName }}</el-form-item>
               <el-form-item label="公司地址">{{ dealRecord.sellerCompanyAddress }}</el-form-item>
               <el-form-item label="联系人">
-                {{
-                dealRecord.contactLastname + " " + dealRecord.contactFirstname
-                }}
+                {{ dealRecord.contactLastname + ' ' + dealRecord.contactFirstname }}
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <div class="text item">{{ "买方" }}</div>
+              <div class="text item">{{ '买方' }}</div>
               <el-form-item label="公司名称" prop="buyerCompanyName">
-                {{
-                dealRecord.buyerCompanyName || dealRecord.buyerCompanyNameCn
-                }}
+                {{ dealRecord.buyerCompanyName || dealRecord.buyerCompanyNameCn }}
               </el-form-item>
-              <el-form-item
-                label="公司地址"
-                prop="buyerCompanyName"
-              >{{ dealRecord.buyerCompanyAddress }}</el-form-item>
-              <el-form-item
-                label="联系人"
-              >{{ dealRecord.buyerLastname + " " + dealRecord.buyerFirstname }}</el-form-item>
+              <el-form-item label="公司地址" prop="buyerCompanyName">{{ dealRecord.buyerCompanyAddress }}</el-form-item>
+              <el-form-item label="联系人">{{ dealRecord.buyerLastname + ' ' + dealRecord.buyerFirstname }}</el-form-item>
             </el-col>
           </el-row>
         </el-card>
@@ -210,9 +147,7 @@
         <el-card class="mt5">
           <div slot="header" class="clearfix">
             <span class="text item">
-              {{
-              $t("contractDetail.commodityInfo")
-              }}
+              {{ $t('contractDetail.commodityInfo') }}
             </span>
           </div>
           <el-table
@@ -227,214 +162,78 @@
                 <image-preview :src="scope.row.askCover" :width="50" :height="50" />
               </template>
             </el-table-column>
-            <el-table-column
-              prop="askName"
-              :label="$t('contractDetail.askName')"
-              :width="channel === 'official-website' ? 200 : 100"
-            ></el-table-column>
-            <el-table-column
-              v-if="channel !== 'official-website'"
-              :label="$t('contractDetail.categoryName')"
-              prop="categoryName"
-            ></el-table-column>
-            <el-table-column
-              v-if="channel !== 'official-website'"
-              :label="$t('contractDetail.subCategory')"
-              prop="subCategoryName"
-              width="110"
-            ></el-table-column>
-            <el-table-column
-              :label="$t('contractDetail.packaging')"
-              prop="packingMethod"
-              width="90"
-            />
-            <el-table-column
-              prop="descriptions"
-              :label="$t('contractDetail.description')"
-              :width="channel === 'official-website' ? 200 : 160"
-            ></el-table-column>
+            <el-table-column prop="askName" :label="$t('contractDetail.askName')" :width="channel === 'official-website' ? 200 : 100"></el-table-column>
+            <el-table-column v-if="channel !== 'official-website'" :label="$t('contractDetail.categoryName')" prop="categoryName"></el-table-column>
+            <el-table-column v-if="channel !== 'official-website'" :label="$t('contractDetail.subCategory')" prop="subCategoryName" width="110"></el-table-column>
+            <el-table-column :label="$t('contractDetail.packaging')" prop="packingMethod" width="90" />
+            <el-table-column prop="descriptions" :label="$t('contractDetail.description')" :width="channel === 'official-website' ? 200 : 160"></el-table-column>
             <el-table-column prop="weight" :label="$t('contractDetail.weight')" width="120px"></el-table-column>
-            <el-table-column
-              v-if="channel !== 'official-website'"
-              prop="sllerPrice"
-              :label="$t('contractDetail.sellerPrice')"
-              width="120"
-            >
+            <el-table-column v-if="channel !== 'official-website'" prop="sllerPrice" :label="$t('contractDetail.sellerPrice')" width="120">
               <template slot-scope="scope">
-                <span v-if="dealRecord.quoteType == 'FIXED'">{{ "$" + scope.row.sllerPrice }}</span>
-                <span
-                  v-else-if="dealRecord.quoteType == 'CMX'"
-                >{{ "CMX - " + scope.row.sllerPrice }}</span>
-                <span v-else>{{ scope.row.sllerPrice + "%LME" }}</span>
+                <span v-if="dealRecord.quoteType == 'FIXED'">{{ '$' + scope.row.sllerPrice }}</span>
+                <span v-else-if="dealRecord.quoteType == 'CMX'">{{ 'CMX - ' + scope.row.sllerPrice }}</span>
+                <span v-else>{{ scope.row.sellerPriceFormula || scope.row.sllerPrice + '%LME' }}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="quotePrice"
-              :label="$t('contractDetail.quotePrice')"
-              :width="channel === 'official-website' ? 180 : 120"
-            >
+            <el-table-column prop="quotePrice" :label="$t('contractDetail.quotePrice')" :width="channel === 'official-website' ? 180 : 120">
               <template slot-scope="scope">
-                <span v-if="dealRecord.quoteType == 'FIXED'">{{ "$" + scope.row.quotePrice }}</span>
-                <span
-                  v-else-if="dealRecord.quoteType == 'CMX'"
-                >{{ "CMX - " + scope.row.quotePrice }}</span>
-                <span v-else>{{ scope.row.quotePrice + "%LME" }}</span>
+                <span v-if="dealRecord.quoteType == 'FIXED'">{{ '$' + scope.row.quotePrice }}</span>
+                <span v-else-if="dealRecord.quoteType == 'CMX'">{{ 'CMX - ' + scope.row.quotePrice }}</span>
+                <span v-else>{{ scope.row.quotePriceFormula || scope.row.quotePrice + '%LME' }}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="totalQuote"
-              :label="$t('contractDetail.totalQuote')"
-              :width="channel === 'official-website' ? 180 : 120"
-            ></el-table-column>
+            <el-table-column prop="totalQuote" :label="$t('contractDetail.totalQuote')" :width="channel === 'official-website' ? 180 : 120"></el-table-column>
           </el-table>
         </el-card>
       </el-form>
 
       <el-card class="mt5">
         <div slot="header" class="clearfix">
-          <span class="text item">{{ $t("contractDetail.invoiceInfo") }}</span>
+          <span class="text item">{{ $t('contractDetail.invoiceInfo') }}</span>
           <el-button style="float: right; padding: 3px 0" type="text" @click="collectInvoice">
-            {{ $t("contractDetail.closeInvoiceInfo") }}
+            {{ $t('contractDetail.closeInvoiceInfo') }}
             <i class="el-icon-arrow-down"></i>
           </el-button>
-          <el-button
-            v-if="channel !== 'official-website'"
-            style="padding: 3px 0"
-            type="text"
-            @click="viceDocuments"
-          >{{ $t("contractDetail.viewPaymentInfo") }}</el-button>
+          <el-button v-if="channel !== 'official-website'" style="padding: 3px 0" type="text" @click="viceDocuments">{{
+            $t('contractDetail.viewPaymentInfo')
+          }}</el-button>
         </div>
         <el-table :data="invoiceList" v-if="invoiceActive">
-          <el-table-column
-            :label="$t('contractDetail.invoiceNo')"
-            align="center"
-            prop="invoiceNo"
-            width="165"
-          />
-          <el-table-column
-            :label="$t('contractDetail.contractNo')"
-            align="center"
-            prop="contractNo"
-            width="155"
-          />
-          <el-table-column
-            :label="$t('contractDetail.invoiceType')"
-            align="center"
-            prop="invoiceType"
-            width="120"
-          >
+          <el-table-column :label="$t('contractDetail.invoiceNo')" align="center" prop="invoiceNo" width="165" />
+          <el-table-column :label="$t('contractDetail.contractNo')" align="center" prop="contractNo" width="155" />
+          <el-table-column :label="$t('contractDetail.invoiceType')" align="center" prop="invoiceType" width="120">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.contract_type" :value="scope.row.invoiceType" />
             </template>
           </el-table-column>
-          <el-table-column
-            :label="$t('contractDetail.invoiceSpecies')"
-            align="center"
-            prop="invoiceSpecies"
-            width="120"
-          >
+          <el-table-column :label="$t('contractDetail.invoiceSpecies')" align="center" prop="invoiceSpecies" width="120">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.invoice_species" :value="scope.row.invoiceSpecies" />
             </template>
           </el-table-column>
           <el-table-column :label="$t('contractDetail.invoiceDate')" prop="createTime" width="120"></el-table-column>
-          <el-table-column
-            :label="$t('contractDetail.issuer')"
-            align="center"
-            prop="billCompanyName"
-            width="150"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column
-            :label="$t('contractDetail.billTo')"
-            align="center"
-            prop="receiveCompanyName"
-            width="150"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column
-            v-if="channel !== 'official-website'"
-            label="未付/未收金额"
-            align="center"
-            prop="remainingAmount"
-            width="120"
-          />
-          <el-table-column
-            v-if="channel !== 'official-website'"
-            label="已付/已收金额"
-            align="center"
-            prop="remainingAmount"
-            width="120"
-          >
+          <el-table-column :label="$t('contractDetail.issuer')" align="center" prop="billCompanyName" width="150" :show-overflow-tooltip="true" />
+          <el-table-column :label="$t('contractDetail.billTo')" align="center" prop="receiveCompanyName" width="150" :show-overflow-tooltip="true" />
+          <el-table-column v-if="channel !== 'official-website'" label="未付/未收金额" align="center" prop="remainingAmount" width="120" />
+          <el-table-column v-if="channel !== 'official-website'" label="已付/已收金额" align="center" prop="remainingAmount" width="120">
             <template slot-scope="{ row }">{{ row.amount - row.remainingAmount }}</template>
           </el-table-column>
-          <el-table-column
-            v-if="channel !== 'official-website'"
-            label="总金额"
-            align="center"
-            prop="amount"
-            width="100"
-          />
+          <el-table-column v-if="channel !== 'official-website'" label="总金额" align="center" prop="amount" width="100" />
 
           <!-- 官网 -->
-          <el-table-column
-            v-if="channel == 'official-website'"
-            :label="$t('contract.Payable_Amount')"
-            align="center"
-            prop="amount"
-            width="100"
-          />
-          <el-table-column
-            v-if="channel == 'official-website'"
-            :label="$t('contract.Amount_Paid')"
-            align="center"
-            prop="amount"
-            width="100"
-          >
+          <el-table-column v-if="channel == 'official-website'" :label="$t('contract.Payable_Amount')" align="center" prop="amount" width="100" />
+          <el-table-column v-if="channel == 'official-website'" :label="$t('contract.Amount_Paid')" align="center" prop="amount" width="100">
             <template slot-scope="{ row }">{{ row.amount - row.remainingAmount }}</template>
           </el-table-column>
-          <el-table-column
-            v-if="channel == 'official-website'"
-            :label="$t('contract.Balance_Due')"
-            align="center"
-            prop="remainingAmount"
-            width="100"
-          />
-          <el-table-column
-            :label="$t('contractDetail.quoteType')"
-            align="center"
-            prop="quoteType"
-            width="120"
-          />
+          <el-table-column v-if="channel == 'official-website'" :label="$t('contract.Balance_Due')" align="center" prop="remainingAmount" width="100" />
+          <el-table-column :label="$t('contractDetail.quoteType')" align="center" prop="quoteType" width="120" />
 
-          <el-table-column
-            :label="$t('contractDetail.paymentTerms')"
-            align="center"
-            prop="paymentTerms"
-            show-overflow-tooltip
-            width="120"
-          />
+          <el-table-column :label="$t('contractDetail.paymentTerms')" align="center" prop="paymentTerms" show-overflow-tooltip width="120" />
 
-          <el-table-column
-            v-if="channel !== 'official-website'"
-            :label="$t('contractDetail.remark')"
-            align="center"
-            prop="remark"
-            show-overflow-tooltip
-          />
-          <el-table-column
-            :label="$t('contractDetail.operate')"
-            v-if="channel !== 'official-website'"
-          >
+          <el-table-column v-if="channel !== 'official-website'" :label="$t('contractDetail.remark')" align="center" prop="remark" show-overflow-tooltip />
+          <el-table-column :label="$t('contractDetail.operate')" v-if="channel !== 'official-website'">
             <template slot-scope="{ row }">
-              <el-button
-                v-if="
-                  contract.contractType == 'sale' &&
-                  row.invoiceSpecies != 'proforma'
-                "
-                type="text"
-                @click="handleUrge(row)"
-              >一键催款</el-button>
+              <el-button v-if="contract.contractType == 'sale' && row.invoiceSpecies != 'proforma'" type="text" @click="handleUrge(row)">一键催款</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -443,176 +242,91 @@
       <el-card class="mt5">
         <el-collapse v-model="shipmentActiveName" accordion>
           <el-collapse-item name="0">
-            <template slot="title">{{ $t("contractDetail.shipping") }}</template>
+            <template slot="title">{{ $t('contractDetail.shipping') }}</template>
             <el-row v-if="channel !== 'official-website'" class="mb10">
               <el-col :span="2">
                 <el-button type="primary" size="small" @click="handleShipmentStatus('shipped')">全部发货</el-button>
               </el-col>
               <el-col :span="2">
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="handleShipmentStatus('arrived_port')"
-                >全部到港</el-button>
+                <el-button type="primary" size="small" @click="handleShipmentStatus('arrived_port')">全部到港</el-button>
               </el-col>
               <el-col :span="2">
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="handleShipmentStatus('delivered')"
-                >全部到货</el-button>
+                <el-button type="primary" size="small" @click="handleShipmentStatus('delivered')">全部到货</el-button>
               </el-col>
             </el-row>
             <el-table :data="shipmentList" default-expand-all>
               <el-table-column type="expand" v-if="channel == 'official-website'">
                 <template slot-scope="{ row }" v-if="row && row.claimList && row.claimList.length">
                   <div class="claim-list">
-                    <div>
-                      {{ $t("contract.Claim_records") }}({{
-                      row.claimList.length
-                      }})
-                    </div>
-                    <div
-                      class="claim-report"
-                      v-for="(claimItem, index) in row.claimList"
-                      :key="index"
-                    >
+                    <div>{{ $t('contract.Claim_records') }}({{ row.claimList.length }})</div>
+                    <div class="claim-report" v-for="(claimItem, index) in row.claimList" :key="index">
                       <div style="display: flex">
                         <div class="claim-report-info-wrap">
-                          <div class="claim-report-info-wrap-item">
-                            {{ $t("contract.Claim_ID") }}：{{
-                            claimItem.claimNo
-                            }}
-                          </div>
-                          <div class="claim-report-info-wrap-item">
-                            {{ $t("contract.Claim_Type") }}：{{
-                            claimTypeFun(claimItem.type)
-                            }}
-                          </div>
-                          <div class="claim-report-info-wrap-item">
-                            {{ $t("contract.Claim_status") }}：{{
-                            claimStatusFun(claimItem.status)
-                            }}
-                          </div>
+                          <div class="claim-report-info-wrap-item">{{ $t('contract.Claim_ID') }}：{{ claimItem.claimNo }}</div>
+                          <div class="claim-report-info-wrap-item">{{ $t('contract.Claim_Type') }}：{{ claimTypeFun(claimItem.type) }}</div>
+                          <div class="claim-report-info-wrap-item">{{ $t('contract.Claim_status') }}：{{ claimStatusFun(claimItem.status) }}</div>
                         </div>
-                        <div
-                          style="width: 50px"
-                          class="view"
-                          @click.stop="viewFun(claimItem)"
-                        >{{ $t("contract.View") }}</div>
+                        <div style="width: 50px" class="view" @click.stop="viewFun(claimItem)">{{ $t('contract.View') }}</div>
                       </div>
                       <div class="claim-report-info-wrap">
-                        <div class="claim-report-info-wrap-item">
-                          {{ $t("contract.create_time") }}：{{
-                          parseTime(claimItem.createTime)
-                          }}
-                        </div>
-                        <div class="claim-report-info-wrap-item">
-                          {{ $t("contract.commitTime") }}：{{
-                          parseTime(claimItem.commitTime)
-                          }}
-                        </div>
+                        <div class="claim-report-info-wrap-item">{{ $t('contract.create_time') }}：{{ parseTime(claimItem.createTime) }}</div>
+                        <div class="claim-report-info-wrap-item">{{ $t('contract.commitTime') }}：{{ parseTime(claimItem.commitTime) }}</div>
                       </div>
                     </div>
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column
-                :label="$t('contractDetail.billOfLadingNo')"
-                align="center"
-                prop="billOfLadingNo"
-                width="130"
-              >
+              <el-table-column :label="$t('contractDetail.billOfLadingNo')" align="center" prop="billOfLadingNo" width="130">
                 <template slot-scope="scope">
-                  <el-button
-                    type="text"
-                    @click="openShipmentDetail(scope.row)"
-                  >{{ scope.row.billOfLadingNo }}</el-button>
+                  <el-button type="text" @click="openShipmentDetail(scope.row)">{{ scope.row.billOfLadingNo }}</el-button>
                 </template>
               </el-table-column>
               <el-table-column :label="$t('contractDetail.conrainerNo')" align="center" width="130">
                 <template slot-scope="{ row }">
-                  <div style="white-space: pre-line !important">{{ row.containerNoList.join("\n") }}</div>
+                  <div style="white-space: pre-line !important">{{ row.containerNoList.join('\n') }}</div>
                 </template>
               </el-table-column>
-              <el-table-column
-                :label="$t('contractDetail.shipmentStatus')"
-                align="center"
-                width="130"
-              >
+              <el-table-column :label="$t('contractDetail.shipmentStatus')" align="center" width="130">
                 <template slot-scope="scope">
                   <dict-tag :options="dict.type.shipment_status" :value="scope.row.shipmentStatus" />
                 </template>
               </el-table-column>
-              <el-table-column
-                :label="$t('contractDetail.chargingStatus')"
-                align="center"
-                width="130"
-              >
+              <el-table-column :label="$t('contractDetail.chargingStatus')" align="center" width="130">
                 <template slot-scope="scope">
                   <dict-tag :options="dict.type.charging_status" :value="scope.row.chargingStatus" />
                 </template>
               </el-table-column>
-              <el-table-column
-                :label="$t('contractDetail.destination')"
-                align="center"
-                prop="destinationPort"
-                width="150"
-              />
+              <el-table-column :label="$t('contractDetail.destination')" align="center" prop="destinationPort" width="150" />
               <el-table-column label="ETD" align="center" prop="etd" width="180">
                 <template slot-scope="scope">
-                  <span>{{ parseTime(scope.row.etd, "{y}-{m}-{d}") }}</span>
+                  <span>{{ parseTime(scope.row.etd, '{y}-{m}-{d}') }}</span>
                 </template>
               </el-table-column>
               <el-table-column label="ETA" align="center" prop="eta" width="180">
                 <template slot-scope="scope">
-                  <span>{{ parseTime(scope.row.eta, "{y}-{m}-{d}") }}</span>
+                  <span>{{ parseTime(scope.row.eta, '{y}-{m}-{d}') }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                v-if="channel !== 'official-website'"
-                label="实际到港日"
-                align="center"
-                prop="actualArrivalDate"
-                width="180"
-              >
+              <el-table-column v-if="channel !== 'official-website'" label="实际到港日" align="center" prop="actualArrivalDate" width="180">
                 <template slot-scope="scope">
                   <span>
-                    {{
-                    parseTime(scope.row.actualArrivalDate, "{y}-{m}-{d}")
-                    }}
+                    {{ parseTime(scope.row.actualArrivalDate, '{y}-{m}-{d}') }}
                   </span>
                 </template>
               </el-table-column>
 
-              <el-table-column
-                label="对应合同"
-                align="center"
-                width="160px"
-                v-if="channel !== 'official-website'"
-              >
+              <el-table-column label="对应合同" align="center" width="160px" v-if="channel !== 'official-website'">
                 <template slot-scope="scope">
                   <span v-if="contract.contract == 'sale'">
-                    <el-button
-                      type="text"
-                      @click="viewContractDetail(scope.row.saleContractNo)"
-                    >{{ scope.row.saleContractNo }}</el-button>
+                    <el-button type="text" @click="viewContractDetail(scope.row.saleContractNo)">{{ scope.row.saleContractNo }}</el-button>
                   </span>
                   <span v-else>
-                    <el-button
-                      type="text"
-                      @click="viewContractDetail(scope.row.purchaseContractNo)"
-                    >{{ scope.row.purchaseContractNo }}</el-button>
+                    <el-button type="text" @click="viewContractDetail(scope.row.purchaseContractNo)">{{ scope.row.purchaseContractNo }}</el-button>
                   </span>
                 </template>
               </el-table-column>
 
-              <el-table-column
-                :label="$t('contractDetail.operate')"
-                align="center"
-                class-name="small-padding fixed-width"
-                width="300px"
-              >
+              <el-table-column :label="$t('contractDetail.operate')" align="center" class-name="small-padding fixed-width" width="300px">
                 <template slot-scope="scope">
                   <el-button
                     v-if="channel == 'official-website'"
@@ -620,29 +334,24 @@
                     type="primary"
                     style="padding-left: 5px; padding-right: 5px"
                     @click.stop="activeNameFun(scope.$index)"
-                  >{{ $t("contract.Track_Shipment") }}</el-button>
+                    >{{ $t('contract.Track_Shipment') }}</el-button
+                  >
                   <!-- v-if="channel == 'official-website' && scope.row.showFallbackQuality" -->
                   <el-button
                     v-if="
-                      channel == 'official-website' &&
-                      scope.row.showFallbackQuality
-                    "
+                      channel == 'official-website'"
                     size="mini"
-                    type="primary"
+                    :type="scope.row.showFallbackQuality ? 'primary': 'info'"
                     style="padding-left: 5px; padding-right: 5px"
                     @click.stop="qualityFeedback(scope.row)"
-                  >{{ $t("contract.Quality_Feedback") }}</el-button>
+                    >{{ $t('contract.Quality_Feedback') }}</el-button
+                  >
                 </template>
               </el-table-column>
             </el-table>
 
             <el-tabs v-model="activeName" type="card">
-              <el-tab-pane
-                v-for="(item, index) in shipmentList"
-                :key="index"
-                :name="index.toString()"
-                :label="item.billOfLadingNo"
-              >
+              <el-tab-pane v-for="(item, index) in shipmentList" :key="index" :name="index.toString()" :label="item.billOfLadingNo">
                 <iframe :src="getGeekYumPage(item)" width="1100" height="600"></iframe>
               </el-tab-pane>
             </el-tabs>
@@ -656,26 +365,13 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
-import {
-  getBizDealRecordByAskId,
-  orderTracing,
-} from '../../../api/biz/bizDealRecord';
-import {
-  getBizContract,
-  getBizContractByNo,
-} from '../../../api/biz/bizContract';
-import {
-  listBizInvoice,
-  getInfoWithShipment,
-} from '../../../api/biz/bizInvoice';
-import {
-  listBizShipment,
-  getGeekYumToken,
-  updateAllShipmentStatus,
-} from '../../../api/biz/bizShipment';
-import { listContainerWithInvoice } from '../../../api/biz/bizContainer';
-import ShipmentDetail from '../bizShipment/detail.vue';
+import { mapGetters } from 'vuex'
+import { getBizDealRecordByAskId, orderTracing } from '../../../api/biz/bizDealRecord'
+import { getBizContract, getBizContractByNo } from '../../../api/biz/bizContract'
+import { listBizInvoice, getInfoWithShipment } from '../../../api/biz/bizInvoice'
+import { listBizShipment, getGeekYumToken, updateAllShipmentStatus } from '../../../api/biz/bizShipment'
+import { listContainerWithInvoice } from '../../../api/biz/bizContainer'
+import ShipmentDetail from '../bizShipment/detail.vue'
 
 export default {
   name: 'ContractSummary',
@@ -689,15 +385,15 @@ export default {
     'cmx_month',
     'contract_type',
     'shipment_status',
-    'charging_status',
+    'charging_status'
   ],
   mixins: [],
   components: { ShipmentDetail },
   props: {
     channel: {
       type: String,
-      default: '',
-    },
+      default: ''
+    }
   },
   data() {
     return {
@@ -714,24 +410,24 @@ export default {
       preferredQuoteMethod: {
         fixed: {
           label: 'FIXED',
-          labelZh: '固定价',
+          labelZh: '固定价'
         },
         lme_seller: {
           label: "LME(seller's option to fix)",
-          labelZh: 'LME活价(卖家点价)',
+          labelZh: 'LME活价(卖家点价)'
         },
         lme_buyer: {
           label: "LME(buyer's option to fix)",
-          labelZh: 'LME活价(买家点价)',
+          labelZh: 'LME活价(买家点价)'
         },
         cmx_buyer: {
           label: "CMX(seller's option to fix)",
-          labelZh: 'CMX活价(卖家点价))',
+          labelZh: 'CMX活价(卖家点价))'
         },
         cmx_seller: {
           label: "CMX(buyer's option to fix)",
-          labelZh: 'CMX活价(买家点价)',
-        },
+          labelZh: 'CMX活价(买家点价)'
+        }
       },
       accessToken: '',
       claimList: [
@@ -769,30 +465,29 @@ export default {
           lastOperationTime: null,
           isDeleted: false,
           createTime: '2023-08-16T02:14:23',
-          updateTime: '2023-08-16T10:14:27',
-        },
+          updateTime: '2023-08-16T10:14:27'
+        }
       ],
-      showPricing: false,
-    };
+      showPricing: false
+    }
   },
   computed: {},
   watch: {},
   created() {
-    const contractId = this.$route.params && this.$route.params.contractId;
-    this.contractId = contractId;
-    const deliveryStatus =
-      this.$route.query && this.$route.query.deliveryStatus;
-    this.deliveryStatus = deliveryStatus;
-    const depositStatus = this.$route.query && this.$route.query.depositStatus;
-    this.depositStatus = depositStatus;
-    this.getData();
-    this.getGeekYumToken();
+    const contractId = this.$route.params && this.$route.params.contractId
+    this.contractId = contractId
+    const deliveryStatus = this.$route.query && this.$route.query.deliveryStatus
+    this.deliveryStatus = deliveryStatus
+    const depositStatus = this.$route.query && this.$route.query.depositStatus
+    this.depositStatus = depositStatus
+    this.getData()
+    this.getGeekYumToken()
   },
   computed: {
     ...mapGetters(['language']),
     isChina() {
-      return ['zh-CN', 'zh-TW', 'zh'].includes(this.language);
-    },
+      return ['zh-CN', 'zh-TW', 'zh'].includes(this.language)
+    }
   },
   methods: {
     /**
@@ -804,19 +499,19 @@ export default {
       const claimTypeMap = {
         1: {
           cn: '重量索赔',
-          en: 'Weight claim',
+          en: 'Weight claim'
         },
         2: {
           cn: '质量索赔',
-          en: 'Quality claim',
+          en: 'Quality claim'
         },
         3: {
           cn: '重量索赔+质量索赔',
-          en: 'Weight claim + Quality claim',
-        },
-      };
-      const obj = claimTypeMap[type || '1'];
-      return this.$store?.state.locale === 'en' ? obj.en : obj.cn;
+          en: 'Weight claim + Quality claim'
+        }
+      }
+      const obj = claimTypeMap[type || '1']
+      return this.$store?.state.locale === 'en' ? obj.en : obj.cn
     },
 
     /**
@@ -829,22 +524,22 @@ export default {
         1: {
           code: 1,
           cn: '待提交',
-          en: 'Pending',
+          en: 'Pending'
         },
         2: {
           code: 2,
           en: 'In Progress',
-          cn: '处理中',
+          cn: '处理中'
         },
         3: {
           code: 3,
           en: 'Completed',
-          cn: '已结束',
-        },
-      };
-      const obj = claimTypeMap[type || '1'];
+          cn: '已结束'
+        }
+      }
+      const obj = claimTypeMap[type || '1']
 
-      return this.$store?.state.locale === 'en' ? obj.en : obj.cn;
+      return this.$store?.state.locale === 'en' ? obj.en : obj.cn
     },
 
     /**
@@ -853,126 +548,115 @@ export default {
      */
     qualityFeedback(row) {
       this.$buryingPoint({ data: { funcKey: 'click_feedback' } });
+      if(!row.showFallbackQuality) {
+        this.$message.warning(this.$t('contract.No_quality_feedback'));
+        return;
+      }
 
       this.$store.commit('setBillNoInfo', {
         eta: row.eta,
         billNo: row.billOfLadingNo,
-        shipmentId: row.shipmentId,
-      });
-      this.$store.commit('setFeedbackDialogVisible', true);
+        shipmentId: row.shipmentId
+      })
+      this.$store.commit('setFeedbackDialogVisible', true)
     },
     viewFun(row) {
-      this.$buryingPoint({ data: { funcKey: 'click_claim_edit' } });
+      this.$buryingPoint({ data: { funcKey: 'click_claim_edit' } })
       if (row.type === 1) {
         this.$router.push({
           path: '/claim-edit-weight',
           query: {
-            claimId: row.id,
-          },
-        });
+            claimId: row.id
+          }
+        })
       }
 
       if (row.type === 2) {
         this.$router.push({
           path: '/claim-edit-quality',
           query: {
-            claimId: row.id,
-          },
-        });
+            claimId: row.id
+          }
+        })
       }
 
       if (row.type === 3) {
         this.$router.push({
           path: '/claim-edit-both',
           query: {
-            claimId: row.id,
-          },
-        });
+            claimId: row.id
+          }
+        })
       }
     },
     getCountryName(type) {
       if (type == 'loading') {
-        return this.isChina
-          ? this.dealRecord?.loadingCountryNameCn
-          : this.dealRecord?.loadingCountryNameEn;
+        return this.isChina ? this.dealRecord?.loadingCountryNameCn : this.dealRecord?.loadingCountryNameEn
       } else {
-        return this.isChina
-          ? this.dealRecord?.originCountryNameCn
-          : this.dealRecord?.originCountryNameEn;
+        return this.isChina ? this.dealRecord?.originCountryNameCn : this.dealRecord?.originCountryNameEn
       }
     },
     openShipmentDetail(row) {
-      this.$refs.shipmentDetail.handleShow(row);
+      this.$refs.shipmentDetail.handleShow(row)
     },
     //查看合同详情
 
     viewContractDetail(contractNo) {
       getBizContractByNo(contractNo).then((res) => {
         this.$router.push({
-          path: '/contract/tracing/detail/' + res.data.contractId,
-        });
-      });
+          path: '/contract/tracing/detail/' + res.data.contractId
+        })
+      })
     },
     //查看收付款列表
     viceDocuments() {
       this.$router.push({
         name: 'Documents',
-        params: { contractNo: this.contract.contractNo },
-      });
+        params: { contractNo: this.contract.contractNo }
+      })
     },
     //收起展开发票
     collectInvoice() {
-      this.invoiceActive = !this.invoiceActive;
+      this.invoiceActive = !this.invoiceActive
     },
     //一键催款
     handleUrge(row) {
-      const invoiceId = row.id;
+      const invoiceId = row.id
       if (row.invoiceSpecies == 'provision') {
         this.$confirm('该发票未点价,是否需要点价后再催款?', '点价确认', {
           distinguishCancelAndClose: true,
           confirmButtonText: '去点价',
           cancelButtonText: '直接催款',
-          type: 'warning',
+          type: 'warning'
         })
           .then(() => {
             this.$router.push({
               name: 'Invoice',
-              params: { invoiceNo: row.invoiceNo },
-            });
+              params: { invoiceNo: row.invoiceNo }
+            })
           })
           .catch((action) => {
-            action === 'cancel' ? this.copyCall(invoiceId) : '';
-          });
+            action === 'cancel' ? this.copyCall(invoiceId) : ''
+          })
       } else {
-        this.copyCall(invoiceId);
+        this.copyCall(invoiceId)
       }
     },
     //复制一键催款
     copyCall(invoiceId) {
       getInfoWithShipment(invoiceId).then((res) => {
-        var invoice = res.data;
-        const contractNo = invoice.contractNo || '待补充';
-        const invoiceNoTitle =
-          invoice.invoiceSpecies == 'provision'
-            ? 'PROVISION INVOICE'
-            : 'FIXED INVOICE' || '待补充';
-        const invoiceNoTitleZh =
-          invoice.invoiceSpecies == 'provision'
-            ? '临时发票号'
-            : '正式发票号' || '待补充';
-        const invoiceNo = invoice.invoiceNo || '待补充';
-        const value = invoice.amount || '待补充';
-        const blNumber = invoice.billOfLadingNo || '待补充';
-        const containerNo = invoice.containerNoList || '待补充';
-        const eta = this.parseTime(invoice.eta, '{y}-{m}-{d}') || '待补充';
-        const pod =
-          (invoice.terminal ? invoice.terminal : '') + invoice?.destination;
-        const askNames = invoice.containerDetailList
-          .map((item) => item.askName)
-          .join('/');
-        const englishText = `更新时间 ${
-          invoice.geekUpdateTime || invoice.shipmentCreateTime
-        }
+        var invoice = res.data
+        const contractNo = invoice.contractNo || '待补充'
+        const invoiceNoTitle = invoice.invoiceSpecies == 'provision' ? 'PROVISION INVOICE' : 'FIXED INVOICE' || '待补充'
+        const invoiceNoTitleZh = invoice.invoiceSpecies == 'provision' ? '临时发票号' : '正式发票号' || '待补充'
+        const invoiceNo = invoice.invoiceNo || '待补充'
+        const value = invoice.amount || '待补充'
+        const blNumber = invoice.billOfLadingNo || '待补充'
+        const containerNo = invoice.containerNoList || '待补充'
+        const eta = this.parseTime(invoice.eta, '{y}-{m}-{d}') || '待补充'
+        const pod = (invoice.terminal ? invoice.terminal : '') + invoice?.destination
+        const askNames = invoice.containerDetailList.map((item) => item.askName).join('/')
+        const englishText = `更新时间 ${invoice.geekUpdateTime || invoice.shipmentCreateTime}
 Attention: Arrive notice. Please arrange the payment within 7 days after receiving this notice, in order to obtain telex BL and avoid unnecessary demurrage charges.
 TO: ${invoice.receiveCompanyName || '待补充'}
 Contract #: ${contractNo}
@@ -994,63 +678,55 @@ ${invoiceNoTitleZh}：${invoiceNo}
 预计到港：${eta}
 目的港: ${pod}
 品名: ${askNames}
-`;
+`
 
         // 创建临时 <textarea> 元素，将链接写入其中
-        const textArea = document.createElement('textarea');
-        textArea.value = englishText;
+        const textArea = document.createElement('textarea')
+        textArea.value = englishText
 
-        document.body.appendChild(textArea);
+        document.body.appendChild(textArea)
 
         // 选中并复制链接
-        textArea.select();
-        document.execCommand('copy');
+        textArea.select()
+        document.execCommand('copy')
 
         // 将 <textarea> 元素删除
-        document.body.removeChild(textArea);
-        this.$modal.msgSuccess('已复制到剪切板');
-      });
+        document.body.removeChild(textArea)
+        this.$modal.msgSuccess('已复制到剪切板')
+      })
     },
     //处理装运状态
     handleShipmentStatus(status) {
-      let statusCn =
-        status == 'shipped'
-          ? '全部发货'
-          : status == 'arrived_port'
-          ? '全部到港'
-          : '全部到货';
+      let statusCn = status == 'shipped' ? '全部发货' : status == 'arrived_port' ? '全部到港' : '全部到货'
 
       this.$prompt('', '请填写手动' + statusCn + '的原因', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         inputType: 'textarea',
-        inputPlaceholder:
-          '请添加手动变为' +
-          statusCn +
-          '原因。填写后，可以在合同详情-备注里展示。',
+        inputPlaceholder: '请添加手动变为' + statusCn + '原因。填写后，可以在合同详情-备注里展示。'
       })
         .then(({ value }) => {
           updateAllShipmentStatus({
             contractId: this.contract.contractId,
             shipmentStatus: status,
-            remark: value,
+            remark: value
           }).then(() => {
             this.$message({
               type: 'success',
-              message: '变更成功',
-            });
-            this.getData();
-          });
+              message: '变更成功'
+            })
+            this.getData()
+          })
         })
         .catch((e) => {
           this.$message({
             type: 'info',
-            message: e,
-          });
-        });
+            message: e
+          })
+        })
     },
     getGeekYumPage(shipment) {
-      console.log(shipment);
+      console.log(shipment)
       if (shipment.subNo) {
         let url =
           'https://tracking.geekyum.com/shipping/detail?bizNo=' +
@@ -1058,68 +734,49 @@ ${invoiceNoTitleZh}：${invoiceNo}
           '&bizType=1&subNo=' +
           shipment.subNo.toString() +
           '&access_token=' +
-          this.accessToken;
-        url = url + (this.isChina ? '&lang=zh' : '&lang=en');
-        console.log(url);
-        return url;
+          this.accessToken
+        url = url + (this.isChina ? '&lang=zh' : '&lang=en')
+        console.log(url)
+        return url
       }
     },
     getGeekYumToken() {
       getGeekYumToken().then((res) => {
-        this.accessToken = res.msg;
-      });
+        this.accessToken = res.msg
+      })
     },
     getDays(date) {
-      const targetDate = new Date(date);
-      const currentDate = new Date();
+      const targetDate = new Date(date)
+      const currentDate = new Date()
 
       // 计算时间差，返回毫秒数
-      const timeDifference = currentDate.getTime() - targetDate.getTime();
+      const timeDifference = currentDate.getTime() - targetDate.getTime()
 
       // 将毫秒数转换为天数
-      const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24));
-      return daysDifference;
+      const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24))
+      return daysDifference
     },
     //是否超时
     isOvertime(date, days) {
-      const targetDate = new Date(date);
-      const currentDate = new Date();
+      const targetDate = new Date(date)
+      const currentDate = new Date()
 
       // 添加14天
-      targetDate.setDate(targetDate.getDate() + days);
+      targetDate.setDate(targetDate.getDate() + days)
 
       if (targetDate < currentDate) {
-        return true;
+        return true
       } else {
-        return false;
+        return false
       }
     },
-    getPreferredQuoteMethodLabel(val) {
-      var preferredQuote = val?.split(',');
-      if (preferredQuote) {
-        return preferredQuote
-          ?.map((i) => {
-            return this.isChina
-              ? this.preferredQuoteMethod[i]?.labelZh
-              : this.preferredQuoteMethod[i].label;
-          })
-          .join();
-      } else {
-        return '';
-      }
+    getPreferredQuoteMethodLabel(form) {
+      return form?.preferredQuoteMethod
     },
     getContractNos(contractList) {
       return contractList?.map((i) => {
-        return (
-          i.contractNo +
-          ' ' +
-          this.selectDictLabelMapFun(
-            this.dict.type.contract_status,
-            i.contractStatus
-          ) +
-          ';'
-        );
-      });
+        return i.contractNo + ' ' + this.selectDictLabelMapFun(this.dict.type.contract_status, i.contractStatus) + ';'
+      })
     },
 
     /**
@@ -1130,26 +787,26 @@ ${invoiceNoTitleZh}：${invoiceNo}
      */
     selectDictLabelMapFun(contract_status, contractStatus) {
       if (contractStatus == 'voided') {
-        return this.$t('contractDetail.voided');
+        return this.$t('contractDetail.voided')
       } else if (contractStatus == 'signed') {
-        return this.$t('contractDetail.signed');
+        return this.$t('contractDetail.signed')
       } else {
-        return this.$t('contractDetail.Pending_Confirmation');
+        return this.$t('contractDetail.Pending_Confirmation')
       }
     },
     getData() {
       getBizContract(this.contractId)
         .then((res) => {
-          this.contract = res.data;
+          this.contract = res.data
         })
         .then(() => {
           getBizDealRecordByAskId(this.contract.askId).then((response) => {
-            this.dealRecord = response.data;
+            this.dealRecord = response.data
             this.dealRecord.dealRecordDetailList.map((item) => {
               if (item.imageList) {
-                item.askCover = item.imageList.toString();
+                item.askCover = item.imageList.toString()
               }
-            });
+            })
 
             if (this.dealRecord.askId && this.channel == 'official-website') {
               orderTracing({ askId: this.dealRecord.askId })
@@ -1157,98 +814,98 @@ ${invoiceNoTitleZh}：${invoiceNo}
                   if (res.code == 200) {
                     res?.data?.contracts?.forEach((element) => {
                       if (element.showPricing) {
-                        this.showPricing = true;
+                        this.showPricing = true
                       }
-                    });
+                    })
                   }
                 })
                 .catch((err) => {
-                  console.log(err);
-                });
+                  console.log(err)
+                })
             }
-          });
+          })
           listBizInvoice({
-            contractId: this.contractId,
+            contractId: this.contractId
           }).then((response) => {
-            this.invoiceList = response.rows;
-          });
-          var queryParams = {};
+            this.invoiceList = response.rows
+          })
+          var queryParams = {}
           if (this.contract.contractType == 'sale') {
-            queryParams.saleContractId = this.contractId;
+            queryParams.saleContractId = this.contractId
           } else {
-            queryParams.purchaseContractId = this.contractId;
+            queryParams.purchaseContractId = this.contractId
           }
           listContainerWithInvoice(queryParams).then((res) => {
-            var shipmentList = this.processData(res.rows);
-            this.shipmentList = shipmentList;
-          });
-        });
+            var shipmentList = this.processData(res.rows)
+            this.shipmentList = shipmentList
+          })
+        })
     },
     //数据处理
     processData(data) {
-      const shipmentMap = {}; // 使用对象来存储shipmentId和containerNoList的映射
-      const processedData = [];
+      const shipmentMap = {} // 使用对象来存储shipmentId和containerNoList的映射
+      const processedData = []
 
       for (const item of data) {
-        const shipmentId = item.shipmentId;
+        const shipmentId = item.shipmentId
 
         // 如果shipmentId在shipmentMap中不存在，则初始化containerNoList为空数组
         if (!shipmentMap.hasOwnProperty(shipmentId)) {
           shipmentMap[shipmentId] = {
             shipmentId: shipmentId,
             containerNoList: [],
-            showFallbackQuality: false, // 默认为false
-          };
+            showFallbackQuality: false // 默认为false
+          }
         }
 
         // 将containerNo添加到相应的shipmentId的containerNoList中
-        shipmentMap[shipmentId].containerNoList.push(item.containerNo);
+        shipmentMap[shipmentId].containerNoList.push(item.containerNo)
 
         // 如果showFallbackQuality为true，则将shipment的showFallbackQuality设置为true
         if (item.showFallbackQuality === true) {
-          shipmentMap[shipmentId].showFallbackQuality = true;
+          shipmentMap[shipmentId].showFallbackQuality = true
         }
 
         // 将其他需要保留的字段合并到shipmentMap中
-        Object.assign(shipmentMap[shipmentId], item);
+        Object.assign(shipmentMap[shipmentId], item)
       }
 
       // 将shipmentMap中的值转换为数组形式并添加到processedData中
       for (const key in shipmentMap) {
         if (shipmentMap.hasOwnProperty(key)) {
-          processedData.push(shipmentMap[key]);
+          processedData.push(shipmentMap[key])
         }
       }
-      console.log('===processedData==', processedData);
-      return processedData;
+      console.log('===processedData==', processedData)
+      return processedData
     },
 
     //获取合同信息
     getContract(contractId) {
       getBizContract(contractId).then((res) => {
-        this.contract = res.data;
-      });
+        this.contract = res.data
+      })
     },
     getDealRecord(askId) {
       getBizDealRecordByAskId(askId).then((response) => {
-        this.dealRecord = response.data;
+        this.dealRecord = response.data
         this.dealRecord.dealRecordDetailList.map((item) => {
           if (item.imageList) {
-            item.askCover = item.imageList.toString();
+            item.askCover = item.imageList.toString()
           }
-        });
-      });
+        })
+      })
     },
     activeNameFun(v) {
-      this.activeName = '' + v;
+      this.activeName = '' + v
     },
     openPriceFix() {
-      this.$buryingPoint({ data: { funcKey: 'click_fixprice_buyer' } });
-      this.$store.commit('setPriceFixAskId', this.contract.askId);
-      this.$store.commit('setFixPriceDialogVisible', true);
-    },
-  },
-};
+      this.$buryingPoint({ data: { funcKey: 'click_fixprice_buyer' } })
+      this.$store.commit('setPriceFixAskId', this.contract.askId)
+      this.$store.commit('setFixPriceDialogVisible', true)
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">