doctor-admin-components 1.0.6-beta.3 → 1.0.6

package/packages/src/views/biz/bizContract/detail.vue

@@ -1,1168 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form
-      :model="form"
-      ref="form"
-      :label-position="'right'"
-      label-width="180px"
-    >
-      <el-row>
-        <div class="grid-content bg-purple-light">
-          <el-col :span="22">
-            <span class="text item">
-              {{
-                form.contractType == "sale"
-                  ? "Sales Contract"
-                  : "Purchase Contract"
-              }}
-            </span>
-          </el-col>
-          <el-col :span="2">
-            <span class="text item">
-              <el-button
-                type="primary"
-                size="mini"
-                round
-                @click="updateAndDownload"
-                >保存并下载</el-button
-              >
-            </span>
-          </el-col>
-        </div>
-      </el-row>
-
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="Contract Order #:" prop="contractNo">
-            <el-input v-model="form.contractNo" clearable size="small" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="12">
-          <el-form-item label="Contract Date:" prop="createTime">
-            <el-date-picker
-              clearable
-              size="small"
-              v-model="form.createTime"
-              type="datetime"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="Completion Date:" prop="completionTime">
-            <el-date-picker
-              clearable
-              size="small"
-              v-model="form.completionTime"
-              type="datetime"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row>
-        <div class="grid-content bg-purple-light">
-          <span class="text item">
-            {{ "Company information" }}
-          </span>
-        </div>
-      </el-row>
-
-      <el-row>
-        <el-col :span="12">
-          <el-row>
-            <el-col :span="17">
-              <div class="text item">
-                {{ "Seller" }}
-              </div>
-            </el-col>
-            <el-col :span="6">
-              <el-button
-                type="text"
-                @click="handleUserCompany(form.supplierCompanyId, 'seller')"
-                buyerAccountId
-                >Select Seller's Company</el-button
-              >
-              <!-- <el-button type="text" @click="handleAllCompany('seller')"
-                >Select All Company</el-button
-              > -->
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="22">
-              <el-form-item label="Company Name">
-                <el-input
-                  v-model="form.supplierContractCompany.companyEnglishName"
-                  clearable
-                  size="small"
-                  disabled
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="22">
-              <el-form-item label="Company Adress">
-                <el-input
-                  v-model="form.supplierContractCompany.address"
-                  clearable
-                  size="small"
-                  disabled
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-form-item label="Contact">
-            {{ form.supplierContractCompany.contacts }}
-          </el-form-item>
-          <el-form-item label="Phone Number">
-            {{ form.supplierContractCompany.phoneNumber }}
-          </el-form-item>
-          <el-form-item label="Email Address">
-            {{ form.supplierContractCompany.email }}
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="12">
-          <el-row>
-            <el-col :span="17">
-              <div class="text item">
-                {{ "Buyer" }}
-              </div>
-            </el-col>
-            <el-col :span="6">
-              <el-button
-                type="text"
-                @click="handleUserCompany(form.buyCompanyId, 'buyer')"
-                >Select Buyer's Company</el-button
-              >
-              <!-- <el-button type="text" @click="handleAllCompany('buyer')"
-                >Select All Company</el-button
-              > -->
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="22">
-              <el-form-item label="Company Name">
-                <el-input
-                  v-model="form.buyContractCompany.companyEnglishName"
-                  clearable
-                  size="small"
-                  disabled
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="22">
-              <el-form-item label="Company Adress">
-                <el-input
-                  v-model="form.buyContractCompany.address"
-                  clearable
-                  size="small"
-                  disabled
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-form-item label="Contact">
-            {{ form.buyContractCompany.contact }}
-          </el-form-item>
-          <el-form-item label="Phone Number">
-            {{ form.buyContractCompany.phoneNumber }}
-          </el-form-item>
-          <el-form-item label="Email Address">
-            {{ form.buyContractCompany.email }}
-          </el-form-item>
-          <!-- <div style="text-align: right">
-            <el-checkbox
-              v-model="saveBuyerCompanyAddress"
-              @change="handleBuyerCompanychange(form.buyerCompanyInfo, $event)"
-              >保存地址</el-checkbox
-            >
-          </div> -->
-        </el-col>
-      </el-row>
-
-      <el-row>
-        <div class="grid-content bg-purple-light">
-          <span class="text item">
-            {{ "Commodity information" }}
-          </span>
-        </div>
-      </el-row>
-      <el-table :data="form.contractDetailList">
-        <el-table-column label="Description" align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.askName" clearable size="small" />
-          </template>
-        </el-table-column>
-        <el-table-column label="Quantity" align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.weight" clearable size="small">
-              <template slot="append">MT</template>
-            </el-input>
-          </template>
-        </el-table-column>
-        <el-table-column
-          v-if="form.quoteType == 'FIXED'"
-          label="Unit Price/MT"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <el-input
-              v-if="form.contractType == 'sale'"
-              v-model="scope.row.quotePrice"
-              clearable
-              size="small"
-            >
-              <template slot="prepend">$</template>
-            </el-input>
-            <el-input
-              v-else
-              v-model="scope.row.sllerPrice"
-              clearable
-              size="small"
-            >
-              <template slot="prepend">$</template>
-            </el-input>
-          </template>
-        </el-table-column>
-
-        <!-- CMX 都显示 -->
-        <el-table-column
-          v-if="form.quoteType == 'CMX'"
-          label="Unit Price/MT"
-          align="center"
-          width="250"
-        >
-          <template slot-scope="scope">
-            <el-input
-              v-if="form.contractType == 'sale'"
-              v-model="scope.row.quotePrice"
-              size="small"
-            >
-              <template slot="prepend">$(CMX-</template>
-              <template slot="append">*2204.62</template>
-            </el-input>
-            <el-input v-else v-model="scope.row.sllerPrice" size="small">
-              <template slot="prepend">$(CMX-</template>
-              <template slot="append">*2204.62</template>
-            </el-input>
-          </template>
-        </el-table-column>
-        <!--  LME -->
-        <el-table-column
-          v-if="form.quoteType == 'LME'"
-          label="Unit Price/MT"
-          align="center"
-          width="300"
-        >
-          <template slot-scope="scope">
-            <el-input
-              v-if="form.contractType == 'sale'"
-              v-model="scope.row.quotePrice"
-              clearable
-              size="small"
-            >
-              <template slot="prepend">$(LME 3M *</template>
-              <template slot="append">%</template>
-            </el-input>
-            <el-input
-              v-else
-              v-model="scope.row.sllerPrice"
-              clearable
-              size="small"
-            >
-              <template slot="prepend">$(LME 3M *</template>
-              <template slot="append">%</template>
-            </el-input>
-          </template>
-        </el-table-column>
-
-        <!-- CMX 都显示 CMX Month-->
-        <el-table-column
-          v-if="form.quoteType == 'CMX'"
-          label="CMX Month"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <el-select
-              v-model="scope.row.cmxMonth"
-              placeholder="Please select cmxMonth"
-              clearable
-              size="small"
-            >
-              <el-option
-                v-for="dict in dict.type.cmx_month"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="Service fee/MT" align="center">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.serviceFee" clearable size="small">
-              <template slot="prepend">$</template>
-            </el-input>
-          </template>
-        </el-table-column>
-
-        <!-- 采购合同 FIXED -->
-        <el-table-column label="Net Unit Price/MT" align="center">
-          <template slot-scope="scope">
-            <span
-              v-if="
-                form.quoteType == 'FIXED' && form.contractType == 'purchase'
-              "
-            >
-              {{ "$" + (scope.row.sllerPrice - Number(scope.row.serviceFee)) }}
-            </span>
-            <span
-              v-else-if="
-                form.quoteType == 'FIXED' && form.contractType == 'sale'
-              "
-            >
-              {{
-                "$" +
-                (Number(scope.row.quotePrice) + Number(scope.row.serviceFee))
-              }}
-            </span>
-            <span
-              v-else-if="
-                form.quoteType == 'LME' && form.contractType == 'purchase'
-              "
-            >
-              {{
-                "$(LME 3M * " +
-                scope.row.sllerPrice +
-                "%) - $" +
-                Number(scope.row.serviceFee)
-              }}
-            </span>
-            <span
-              v-else-if="form.quoteType == 'LME' && form.contractType == 'sale'"
-            >
-              {{
-                "$(LME 3M * " +
-                scope.row.quotePrice +
-                "%) + $" +
-                Number(scope.row.serviceFee)
-              }}
-            </span>
-            <span
-              v-else-if="
-                form.quoteType == 'CMX' && form.contractType == 'purchase'
-              "
-            >
-              {{
-                "${(CMX-" +
-                scope.row.sllerPrice +
-                ")*2204.62} - $" +
-                Number(scope.row.serviceFee)
-              }}
-            </span>
-            <span v-else>
-              {{
-                "${(CMX-" +
-                scope.row.quotePrice +
-                ")*2204.62} + $" +
-                Number(scope.row.serviceFee)
-              }}
-            </span>
-          </template>
-        </el-table-column>
-
-        <!-- <el-table-column width="100" align="center">
-          <el-popconfirm
-            title="确定删除吗？"
-            @onConfirm="deleteTableRow(scope.row)"
-          >
-            <el-button
-              type="danger"
-              slot="reference"
-              style="min-width: 60px"
-              size="mini"
-              >删除</el-button
-            >
-          </el-popconfirm>
-        </el-table-column> -->
-      </el-table>
-      <el-button
-        type="success"
-        icon="el-icon-plus"
-        @click="addDetails"
-        size="mini"
-        >Add</el-button
-      >
-      <el-row></el-row>
-      <el-row>
-        <div class="grid-content bg-purple-light">
-          <span class="text item">
-            {{ "Trade information" }}
-          </span>
-        </div>
-      </el-row>
-
-      <el-form-item label="Service Fee">
-        <el-radio-group v-model="form.serviceFeeSwitch">
-          <el-radio :label="false">Close</el-radio>
-          <el-radio :label="true">open</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-row>
-        <el-col :span="16">
-          <el-form-item>
-            <el-input
-              v-model="form.serviceFee"
-              placeholder="Please enter serviceFee"
-              clearable
-              size="small"
-            />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="12">
-          <el-form-item label="Freight Terms">
-            <el-select
-              v-model="form.freightTerms"
-              style="width: 25%"
-              placeholder="请选择交易条款"
-              size="small"
-              clearable
-            >
-              <el-option
-                v-for="dict in dict.type.freight_terms"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-form-item label="Payment Terms">
-          <el-col :span="8">
-            <el-input v-model="form.deposit" size="small" clearable="">
-              <template slot="prepend">Deposit Ratio</template>
-              <template slot="append">%</template>
-            </el-input>
-          </el-col>
-          <el-col :span="8">
-            <el-input v-model="form.depositDays" size="small" clearable>
-              <template slot="append">Days after the contract</template>
-            </el-input>
-          </el-col>
-        </el-form-item>
-      </el-row>
-      <el-row>
-        <el-form-item label=" ">
-          <el-col :span="6">
-            <el-input
-              v-model="form.balance"
-              placeholder="Please enter balance"
-              size="small"
-              clearable
-            >
-              <template slot="append">% balance</template>
-            </el-input>
-          </el-col>
-          <el-col :span="4">
-            <el-input v-model="form.balancePaymentType" size="small" clearable>
-              <template slot="append">paid</template>
-            </el-input>
-          </el-col>
-          <el-col :span="4">
-            <el-input v-model="form.balanceDays" size="small" clearable>
-              <template slot="append">Days</template>
-            </el-input>
-          </el-col>
-          <el-col :span="8">
-            <el-radio-group
-              v-model="form.balancePaymentForm"
-              style="top: 100px"
-            >
-              <el-radio :label="'Before arrive'">Before arrive</el-radio>
-              <el-radio :label="'After arrival'">After arrival</el-radio>
-            </el-radio-group>
-          </el-col>
-        </el-form-item>
-      </el-row>
-      <el-form-item label="Loading Country/Region">
-        <el-col :span="10">
-          <el-select
-            v-model="form.loadingCountry"
-            filterable
-            placeholder="Please select loadingCountry"
-          >
-            <el-option
-              v-for="item in countryDictList"
-              :key="item.dictDataId"
-              :label="item.dictValue"
-              :value="item.dictValue"
-            >
-            </el-option>
-          </el-select>
-        </el-col>
-      </el-form-item>
-
-      <el-form-item label="Origin Country/Region">
-        <el-col :span="10">
-          <el-select
-            v-model="form.originCountry"
-            filterable
-            placeholder="Please select originCountry"
-          >
-            <el-option
-              v-for="item in countryDictList"
-              :key="item.dictDataId"
-              :label="item.dictValue"
-              :value="item.dictValue"
-            >
-            </el-option>
-          </el-select>
-        </el-col>
-      </el-form-item>
-
-      <el-form-item label="Destination">
-        <el-col :span="10">
-          <el-select
-            v-model="form.destination"
-            filterable
-            placeholder="Please select destination"
-          >
-            <el-option
-              v-for="item in portDictList"
-              :key="item.dictDataId"
-              :label="item.dictValue"
-              :value="item.dictValue"
-            >
-            </el-option>
-          </el-select>
-        </el-col>
-      </el-form-item>
-
-      <el-row>
-        <el-col :span="2">
-          <el-form-item label="Number of Containers"> </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label="20'" label-width="120px">
-            <el-input-number
-              v-model="form.numberOfContainersForTwenty"
-              :min="0"
-              size="small"
-            >
-            </el-input-number>
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label="40'" label-width="120px">
-            <el-input-number
-              v-model="form.numberOfContainersForForty"
-              :min="0"
-              size="small"
-            >
-            </el-input-number>
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label="20'/40'" label-width="120px">
-            <el-input-number
-              v-model="form.numberOfContainersForTwentyOrForty"
-              :min="0"
-              size="small"
-            >
-            </el-input-number>
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="More or less<" label-width="200px">
-            <el-input
-              v-model="form.toleranceFloat"
-              placeholder="Please enter toleranceFloat"
-              size="small"
-            >
-              <template slot="append">x100%</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row>
-        <el-col :span="6">
-          <el-form-item label="Weight Tolerance">
-            <el-input
-              v-model="form.weightTolerance"
-              placeholder="Please enter weightTolerance"
-              size="small"
-            >
-              <template slot="append">%</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="7">
-          <el-form-item label="Latest shipment">
-            <el-input
-              v-model="form.latestShipment"
-              placeholder="Please enter latestShipment"
-              size="medium"
-            >
-              <template slot="append">Days</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <span class="text1">{{ "of the contract signed date" }}</span>
-        </el-col>
-      </el-row>
-      <el-form-item label="Price Fixing Option">
-        <el-radio-group v-model="form.livePriceSwitch">
-          <el-radio :label="false">Close</el-radio>
-          <el-radio :label="true">open</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-row :gutter="10">
-        <el-col :span="6">
-          <el-form-item>
-            <el-input v-model="form.livePriceDays" size="small">
-              <template slot="append">Days</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="5">
-          <el-radio-group v-model="form.livePriceForm">
-            <el-radio :label="'before'">Before arrive</el-radio>
-            <el-radio :label="'after'">After arrival</el-radio>
-          </el-radio-group>
-        </el-col>
-      </el-row>
-      <el-form-item label="By">
-        <el-radio-group v-model="form.livePriceUsertype">
-          <el-radio :label="'Buyer'">Buyer</el-radio>
-          <el-radio :label="'Seller'">Seller</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="Required documents">
-        <el-tag
-          :key="tag"
-          v-for="tag in dynamicTags"
-          closable
-          :disable-transitions="false"
-          @close="handleClose(tag)"
-        >
-          {{ tag }}
-        </el-tag>
-        <el-input
-          class="input-new-tag"
-          v-if="inputVisible"
-          v-model="inputValue"
-          ref="saveTagInput"
-          size="small"
-          @keyup.enter.native="handleInputConfirm"
-          @blur="handleInputConfirm"
-        >
-        </el-input>
-        <el-button v-else class="button-new-tag" size="small" @click="showInput"
-          >+ New Tag</el-button
-        >
-      </el-form-item>
-      <el-form-item label="Quality certificate">
-        <el-radio-group v-model="form.qualityCertificateSwitch">
-          <el-radio :label="false">Close</el-radio>
-          <el-radio :label="true">open</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-row>
-        <el-col :span="15">
-          <el-form-item>
-            <el-input
-              autosize
-              type="textarea"
-              placeholder="请输入内容"
-              v-model="form.qualityCertificate"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-form-item label="Claim ">
-        <el-radio-group v-model="form.claimSwitch">
-          <el-radio :label="false">Close</el-radio>
-          <el-radio :label="true">open</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-row>
-        <el-col :span="15">
-          <el-form-item>
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入内容"
-              v-model="form.claim"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-form-item label="Arbitration ">
-        <el-radio-group v-model="form.arbitrationSwitch">
-          <el-radio :label="false">Close</el-radio>
-          <el-radio :label="true">open</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-row>
-        <el-col :span="15">
-          <el-form-item>
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 3, maxRows: 5 }"
-              placeholder="请输入内容"
-              v-model="form.arbitration"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-form-item label="Memo ">
-        <el-radio-group v-model="form.memoSwitch">
-          <el-radio :label="false">Close</el-radio>
-          <el-radio :label="true">open</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-row>
-        <el-col :span="15">
-          <el-form-item>
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入内容"
-              v-model="form.memo"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-
-    <div style="text-align: center">
-      <el-button type="warning" @click="sendContract">发送合同</el-button>
-      <el-button type="primary" @click="submitForm">保 存</el-button>
-      <el-button type="success" @click="updateAndDownload">下 载</el-button>
-    </div>
-
-    <company-list ref="companyList" @confirmCompany="confirmCompany" />
-
-    <contract-company-list
-      ref="contractCompanyList"
-      @confirmCompany="confirmCompany"
-    ></contract-company-list>
-  </div>
-</template>
-
-<script>
-import { getBizContract, updateBizContract } from "../../../api/biz/bizContract";
-import CompanyList from "./companyList.vue";
-import { updateCompanyInfo } from "../../../api/biz/companyInfo";
-import { portDictList, listDictData } from "../../../api/biz/dictData";
-import ContractCompanyList from "./contractCompanyList.vue";
-export default {
-  name: "contractDetail",
-  dicts: ["freight_terms", "cmx_month"],
-  components: {
-    CompanyList,
-    ContractCompanyList,
-  },
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 表单参数
-      form: {
-        sellerCompanyInfo: {
-          companyEnglishName: null,
-          address: null,
-        },
-        buyerCompanyInfo: {
-          companyEnglishName: null,
-          address: null,
-        },
-        buyContractCompanyId: null,
-        buyContractCompany: { companyEnglishName: null, address: null },
-        supplierContractCompanyId: null,
-        supplierContractCompany: {
-          companyEnglishName: null,
-          address: null,
-        },
-        contractDetailList: [],
-      },
-      dynamicTags: [],
-      inputVisible: false,
-      inputValue: "",
-      //是否保存卖家地址
-      saveSellerCompanyAddress: false,
-      //是否保存买家地址
-      saveBuyerCompanyAddress: false,
-      //买家地址
-      buyerCompanyAddress: null,
-      //卖家地址
-      sellerCompanyAddress: null,
-      //港口数据列表
-      portDictList: [],
-      //国家数据李北奥
-      countryDictList: [],
-    };
-  },
-  created() {
-    const contractId = this.$route.params && this.$route.params.id;
-    this.getContract(contractId);
-    this.getPortDictList();
-    this.getCountryDictList();
-  },
-  methods: {
-    //改变未发送合同状态为已发送合同
-    sendContract() {
-      this.form.contractState = 1;
-      updateBizContract(this.form).then((response) => {
-        this.$modal.msgSuccess("发送成功");
-        this.getContract(this.form.contractId);
-      });
-    },
-    //选择公司
-    handleUserCompany(companyId, type) {
-      this.$refs.contractCompanyList.handleShow(companyId, type);
-    },
-    //
-    addDetails() {
-      const detail = {
-        contractId: this.form.contractId,
-        askId: this.form.askId,
-        askName: "",
-        weight: "",
-        cmxMonth: "",
-        serviceFee: "",
-        quotePrice: "",
-        sllerPrice: "",
-      };
-      this.form.contractDetailList.push(detail);
-    },
-    //获取国家数据列表
-    getCountryDictList() {
-      const dictData = {
-        dictType: "Country",
-        pageNum: 1,
-        pageSize: 999,
-        orderByColumn: "dictValue",
-        isAsc: "asc",
-      };
-      listDictData(dictData).then((response) => {
-        this.countryDictList = response.rows;
-      });
-    },
-    //获取港口数据列表
-    getPortDictList() {
-      portDictList().then((response) => {
-        this.portDictList = response.rows;
-      });
-    },
-    //买家公司保存地址
-    handleBuyerCompanychange(buyerCompanyInfo, val) {
-      if (
-        val &&
-        this.form.buyerCompanyInfo.address !== this.buyerCompanyAddress
-      ) {
-        this.$modal
-          .confirm("该名下已有地址，是否更新覆盖")
-          .then(function () {
-            return updateCompanyInfo(buyerCompanyInfo);
-          })
-          .then(() => {
-            this.$modal.msgSuccess("覆盖成功");
-          })
-          .catch(() => {});
-      }
-    },
-    //卖家公司保存地址
-    handleSellerCompanychange(sellerCompanyInfo, val) {
-      if (
-        val &&
-        this.form.sellerCompanyInfo.address !== this.sellerCompanyAddress
-      ) {
-        this.$modal
-          .confirm("该名下已有地址，是否更新覆盖")
-          .then(function () {
-            return updateCompanyInfo(sellerCompanyInfo);
-          })
-          .then(() => {
-            this.$modal.msgSuccess("覆盖成功");
-          })
-          .catch(() => {});
-      }
-    },
-    //确认公司
-    confirmCompany(companyList, type) {
-      var company = companyList[0];
-      company.email =
-        company.email && company.email.length > 0 ? company.email[0] : "";
-      company.phoneNumber =
-        company.phoneNumber && company.phoneNumber.length > 0
-          ? company.phoneNumber[0]
-          : "";
-      if (type == "seller") {
-        this.$set(this.form, "supplierContractCompany", company);
-        this.form.supplierContractCompanyId = company.contractCompanyId;
-        this.form.supplierCompanyId = company.companyId;
-      } else if (type == "buyer") {
-        this.$set(this.form, "buyContractCompany", company);
-        this.form.buyContractCompanyId = company.contractCompanyId;
-        this.form.buyCompanyId = company.companyId;
-      }
-    },
-    //选择卖家公司弹框
-    handleAllCompany(type) {
-      this.$refs.companyList.handleShow(type);
-    },
-    handleClose(tag) {
-      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
-    },
-
-    showInput() {
-      this.inputVisible = true;
-      this.$nextTick((_) => {
-        this.$refs.saveTagInput.$refs.input.focus();
-      });
-    },
-
-    handleInputConfirm() {
-      let inputValue = this.inputValue;
-      if (inputValue) {
-        this.dynamicTags.push(inputValue);
-      }
-      this.inputVisible = false;
-      this.inputValue = "";
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        contractId: null,
-        contractNo: null,
-        askId: null,
-        buyId: null,
-        supplierId: null,
-        buyCompanyId: null,
-        supplierCompanyId: null,
-        serviceFee: null,
-        serviceFeeSwitch: null,
-        freightTerms: null,
-        deposit: null,
-        depositDays: null,
-        balance: null,
-        balanceDays: null,
-        balancePaymentForm: null,
-        balancePaymentForm: null,
-        loadingCountry: null,
-        originCountry: null,
-        destination: null,
-        numberOfContainersForTwenty: null,
-        numberOfContainersForForty: null,
-        numberOfContainersForTwentyOrForty: null,
-        toleranceFloat: null,
-        weightTolerance: null,
-        latestShipment: null,
-        livePriceSwitch: null,
-        livePriceDays: null,
-        livePriceForm: null,
-        livePriceUsertype: null,
-        qualityCertificate: null,
-        qualityCertificateSwitch: null,
-        claim: null,
-        claimSwitch: null,
-        arbitration: null,
-        arbitrationSwitch: null,
-        memo: null,
-        memoSwitch: null,
-        contractStatus: "0",
-        createTime: null,
-        updateTime: null,
-        completionTime: null,
-        requiredDocuments: null,
-        supplierAccountId: null,
-        supplierCompanyId: null,
-        sellerCompanyInfo: {
-          companyEnglishName: null,
-          address: null,
-        },
-        buyerAccountId: null,
-        buyCompanyId: null,
-        buyerCompanyInfo: {
-          companyEnglishName: null,
-          address: null,
-        },
-        buyContractCompanyId: null,
-        buyContractCompany: { companyEnglishName: null, address: null },
-        supplierContractCompanyId: null,
-        supplierContractCompany: {
-          companyEnglishName: null,
-          address: null,
-        },
-        contractDetailList: [],
-      };
-      this.resetForm("form");
-    },
-    getContract(contractId) {
-      this.reset();
-      getBizContract(contractId).then((response) => {
-        this.form = response.data;
-        this.dynamicTags = JSON.parse(this.form.requiredDocuments);
-        if (!this.form.contractDetailList) {
-          this.form.contractDetailList = [];
-        }
-        if (!this.form.supplierContractCompany) {
-          this.form.supplierContractCompany = {
-            companyEnglishName: "",
-            address: "",
-          };
-        }
-        if (!this.form.buyContractCompany) {
-          this.form.buyContractCompany = {
-            companyEnglishName: "",
-            address: "",
-          };
-        }
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.contractId != null) {
-            this.form.requiredDocuments = JSON.stringify(this.dynamicTags);
-            updateBizContract(this.form).then((response) => {
-              this.$modal.msgSuccess("保存成功");
-              this.$router.push({
-                name: "Contract",
-                params: { askId: this.form.askId },
-              });
-            });
-          }
-        }
-      });
-    },
-    /** 下载合同 */
-    handleDownLoadContract(row) {
-      if (row.contractType == "sale") {
-        this.download(
-          "biz/contract/exportTemplate",
-          {
-            contractId: row.contractId,
-            templateType: "EXCEL",
-          },
-          `${
-            row.contractNo + "-" + row.buyContractCompany.companyEnglishName
-          }.xlsx`
-        );
-      } else {
-        this.download(
-          "biz/contract/exportTemplate",
-          {
-            contractId: row.contractId,
-            templateType: "EXCEL",
-          },
-          `${
-            row.contractNo +
-            "-" +
-            row.supplierContractCompany.companyEnglishName
-          }.xlsx`
-        );
-      }
-    },
-    async updateAndDownload() {
-      await this.submitForm();
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          this.handleDownLoadContract(this.form);
-        }, 2000);
-      });
-    },
-    deleteTableRow(value) {
-      console.log(this.form.contractDetailList);
-      console.log(value);
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.text {
-  font-size: 16px;
-  font-weight: 700;
-  height: 35px;
-  line-height: 35px;
-}
-.item {
-  margin-bottom: 18px;
-}
-.text1 {
-  font-size: 15px;
-  text-align: center;
-  height: 35px;
-  line-height: 39px;
-}
-.bg-purple-dark {
-  background: #99a9bf;
-}
-.bg-purple {
-  background: #d3dce6;
-}
-.bg-purple-light {
-  background: #e5e9f2;
-}
-.grid-content {
-  border-radius: 4px;
-  min-height: 36px;
-}
-.el-row {
-  margin-bottom: 20px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.el-col {
-  border-radius: 4px;
-}
-.row-bg {
-  padding: 10px 0;
-  background-color: #f9fafc;
-}
-.el-tag + .el-tag {
-  margin-left: 10px;
-}
-.button-new-tag {
-  margin-left: 10px;
-  height: 32px;
-  line-height: 30px;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.input-new-tag {
-  width: 90px;
-  margin-left: 10px;
-  vertical-align: bottom;
-}
-</style>