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

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

@@ -0,0 +1,559 @@
+<template>
+  <div>
+    <div v-if="form && form.deliveryCompanyId != null">
+      <div class="info" id="printPdf" v-if="!printModel">
+        <el-form :model="form" ref="form" size="mini" :rules="rules">
+          <el-row>
+            <el-col :span="22">
+              <div class="sub-title mb20">Consignee Information</div>
+            </el-col>
+            <el-col :span="2">
+              <el-button type="text" @click="editBill">{{$t('contractDetail.edit')}}</el-button>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="Company:">
+                {{
+                  this.form.deliveryCompany
+                    ? this.form.deliveryCompany.companyEnglishName
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="Tax ID:">
+                {{
+                  this.form.deliveryCompany
+                    ? this.form.deliveryCompany.taxNumber
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="Address:">
+                {{
+                  this.form.deliveryCompany
+                    ? this.form.deliveryCompany.address
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="Contacts:">
+                {{
+                  this.form.deliveryCompany
+                    ? this.form.deliveryCompany.contact
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="Phone Number:">
+                {{
+                  this.form.deliveryCompany &&
+                  this.form.deliveryCompany.phoneNumber &&
+                  this.form.deliveryCompany.phoneNumber.length > 0
+                    ? this.form.deliveryCompany.phoneNumber.join("/")
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-form-item label="Email:">
+              {{
+                this.form.deliveryCompany &&
+                this.form.deliveryCompany.email &&
+                this.form.deliveryCompany.email.length > 0
+                  ? this.form.deliveryCompany.email.join("/")
+                  : ""
+              }}
+            </el-form-item>
+          </el-row>
+
+          <el-divider></el-divider>
+          <div class="sub-title mb20">Notify Information</div>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="Company:">
+                {{
+                  this.form.notifierCompany
+                    ? this.form.notifierCompany.companyEnglishName
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="Tax ID:">
+                {{
+                  this.form.notifierCompany
+                    ? this.form.notifierCompany.taxNumber
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="Address:">
+                {{
+                  this.form.notifierCompany
+                    ? this.form.notifierCompany.address
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="Contacts:">
+                {{
+                  this.form.notifierCompany
+                    ? this.form.notifierCompany.contact
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="Phone Number:">
+                {{
+                  this.form.notifierCompany &&
+                  this.form.notifierCompany.phoneNumber &&
+                  this.form.notifierCompany.phoneNumber.length > 0
+                    ? this.form.notifierCompany.phoneNumber.join("/")
+                    : ""
+                }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="8"></el-col>
+          </el-row>
+
+          <el-row>
+            <el-form-item label="Email:">
+              {{
+                this.form.notifierCompany &&
+                this.form.notifierCompany.email &&
+                this.form.notifierCompany.email.length > 0
+                  ? this.form.notifierCompany.email.join("/")
+                  : ""
+              }}
+            </el-form-item>
+          </el-row>
+          <el-divider></el-divider>
+          <div class="sub-title mb20">Other Information</div>
+
+          <el-row>
+            <el-row
+              v-for="(buyCompanyBillGood, index) in form.buyerCompanyBillGoods"
+              :key="index"
+              class="mt5"
+            >
+              <el-col :span="3">
+                <div
+                  style="
+                    height: 26px;
+                    margin-top: -1px;
+                    text-align: center;
+                    line-height: 28px;
+                    font-size: 14px;
+                  "
+                >
+                  {{ (index == 0 ? "Preferred " : "Next ") + (index + 1) }}
+                </div>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="Product">
+                  {{ buyCompanyBillGood.goodsName }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="HS Code">
+                  {{ buyCompanyBillGood.hsCode }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-row>
+
+          <el-form-item label="port of destination:">
+            {{ contract.destination }}
+          </el-form-item>
+
+          <el-form-item label="Shipping mark:">
+            {{ form.shippingMark }}
+          </el-form-item>
+
+          <el-form-item label="Remark:" prop="blRemark">
+            {{ form.blRemark }}
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="footer" v-if="!printModel">
+        <el-button type="primary" @click="handleExportPdf()">
+          Export ( PDF format)
+        </el-button>
+      </div>
+
+      <div class="billPdf" v-if="printModel">
+        <bill-pdf :contract="this.contract" :deal="this.form"></bill-pdf>
+      </div>
+    </div>
+    <div v-else>
+      <div style="text-align: center; margin-top: 50px">
+        <svg-icon icon-class="un-submit" style="height: 100px; width: 100px" />
+      </div>
+      <div
+        style="
+          text-align: center;
+          margin-top: 20px;
+          font-weight: bold;
+          font-size: 25px;
+        "
+      >
+        The buyer has not provided the required Bill of Lading information.
+      </div>
+      <div
+        style="
+          margin-left: 50px;
+          margin-right: 50px;
+          color: grey;
+          font-size: 25px;
+          font-weight: bold;
+          text-align: center;
+        "
+      >
+        Once the buyer submits the Bill of Lading information, you will be able
+        to view it at this location.
+      </div>
+    </div>
+
+    <edit-bill ref="editBill" @edit="edit"></edit-bill>
+  </div>
+</template>
+
+<script>
+import {
+  getBizDealRecordByAskId,
+  updateBizDealRecord,
+} from "../../../api/biz/bizDealRecord";
+import { exportPdf } from "../../../utils/pdf";
+import { listBizContractCompany } from "../../../api/biz/bizContractCompany";
+import BillPdf from "./billPdf.vue";
+import { listCompanyBillGoods } from "../../../api/biz/bizCompanyBillGoods";
+import EditBill from "./editBill.vue";
+export default {
+  name: "BillInfo",
+  props: {
+    contract: {
+      type: Object,
+      default: null,
+    },
+  },
+  components: { BillPdf, EditBill },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {
+        //买家公司提单货物名称
+        buyerCompanyBillGoods: [
+          {
+            goodsName: "",
+            hsCode: "",
+          },
+        ],
+      },
+      printModel: false,
+      //
+      deliveryCompanyList: [],
+      //
+      notifierCompanyList: [],
+      //
+      billGoodsList: [],
+      //
+      contractId: null,
+      //
+      dealId: null,
+      rules: {
+        shippingMark: [{ required: true, trigger: "blur" }],
+        deliveryCompanyId: [{ required: true, trigger: "blur" }],
+        notifierCompanyId: [{ required: true, trigger: "blur" }],
+        goodsName: [{ required: true, trigger: "blur" }],
+      },
+    };
+  },
+  created() {
+    const { contractId, printModel } = this.$route.query;
+    this.contractId = contractId;
+    this.getDealRecord(this.contract.askId);
+    if (printModel == 1) {
+      this.printModel = true;
+    }
+  },
+  methods: {
+    edit() {
+      this.getDealRecord(this.contract.askId);
+    },
+    editBill() {
+      this.$refs.editBill.handleEdit(
+        this.contract.contractId,
+        this.form.dealId
+      );
+    },
+    //子公司更新
+    changeSubCompanyList() {
+      this.getContractCompanyList(this.form.buyerCompanyId);
+    },
+    //子组件更新
+    changeBillGoods() {
+      this.getCompanyBillGoods(this.form.buyerCompanyId);
+    },
+    //
+    handleBillGoods(companyId) {
+      this.$refs.billGoods.handleShow(companyId);
+    },
+    //选中提单货物时
+    changeBillGood(val, index) {
+      const billGood = this.billGoodsList.find((i) => i.goodsName == val);
+      this.form.buyerCompanyBillGoods[index].hsCode = billGood.hsCode;
+    },
+    //添加提单货物
+    addBillGoods() {
+      this.form.buyerCompanyBillGoods.push({
+        goodsName: "",
+        hsCode: "",
+      });
+    },
+    //删除提单货物
+    deleteBillGoods(index) {
+      this.form.buyerCompanyBillGoods.splice(index, 1);
+    },
+    //获取公司提单货物
+    getCompanyBillGoods(companyId) {
+      listCompanyBillGoods({ companyId: companyId }).then((res) => {
+        const billGoodsList = res.rows;
+        this.billGoodsList = billGoodsList;
+        if (!this.form.buyerCompanyBillGoods) {
+          const defaultBillGoods =
+            billGoodsList.filter((item) => item.defaultFlag).length > 0
+              ? billGoodsList.filter((item) => item.defaultFlag)[0]
+              : null;
+          this.form.buyerCompanyBillGoods.push({
+            goodsName: defaultBillGoods.goodsName,
+            hsCode: defaultBillGoods.hsCode,
+          });
+        }
+      });
+    },
+    //更改收货人或者通知人公司时 相应显示变更
+    changeSubCompany(val, type) {
+      if (type == "delivery") {
+        this.form.deliveryCompany = this.deliveryCompanyList.filter(
+          (item) => item.contractCompanyId == val
+        )[0];
+      }
+      if (type == "notifier") {
+        this.form.notifierCompany = this.notifierCompanyList.filter(
+          (item) => item.contractCompanyId == val
+        )[0];
+      }
+    },
+    //获取收货人公司与通知人公司
+    getContractCompanyList(companyId) {
+      listBizContractCompany({ companyId: companyId }).then((res) => {
+        const contractCompanyList = res.rows;
+        this.deliveryCompanyList = contractCompanyList.filter(
+          (item) => item.companyType == "delivery"
+        );
+        this.notifierCompanyList = contractCompanyList.filter(
+          (item) => item.companyType == "notifier"
+        );
+
+        const defaultDeliveryCompany = this.deliveryCompanyList.find(
+          (item) => item.defaultFlag
+        );
+
+        const notifierDeliveryCompany = this.notifierCompanyList.find(
+          (item) => item.defaultFlag
+        );
+        //成交没收货人公司取默认 否则取收货人公司信息
+        if (!this.form.deliveryCompanyId && defaultDeliveryCompany) {
+          this.form.deliveryCompanyId =
+            defaultDeliveryCompany.contractCompanyId;
+          this.form.deliveryCompany = defaultDeliveryCompany;
+        } else {
+          const deliveryCompany = contractCompanyList.find(
+            (item) => item.contractCompanyId == this.form.deliveryCompanyId
+          );
+          this.$set(this.form, "deliveryCompany", deliveryCompany);
+        }
+
+        //成交没通知人公司取默认 否则取通知人公司信息
+        if (!this.form.notifierCompanyId && notifierDeliveryCompany) {
+          this.form.notifierCompanyId =
+            notifierDeliveryCompany.contractCompanyId;
+          this.form.notifierCompany = notifierDeliveryCompany;
+        } else {
+          const notifierCompany = contractCompanyList.find(
+            (item) => item.contractCompanyId == this.form.notifierCompanyId
+          );
+          this.$set(this.form, "notifierCompany", notifierCompany);
+        }
+      });
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        dealId: null,
+        dealNo: null,
+        askId: null,
+        askName: null,
+        askNameZh: null,
+        market: null,
+        descriptions: null,
+        descriptionsZh: null,
+        askExpireAt: null,
+        sellerAccount: null,
+        sellerCompanyId: null,
+        sellerCompanyName: null,
+        sellerCompanyAddress: null,
+        sellerFirstname: null,
+        sellerLastname: null,
+        sellerEmail: null,
+        sellerDestination: null,
+        sellerPhoneNumber: null,
+        sellerPaymentTerm: null,
+        sellerOtherPaymentTerm: null,
+        sellerFee: null,
+        sellerTotalPrice: null,
+        sellerUnitPrice: null,
+        totalWeight: null,
+        terms: null,
+        advanceRatio: null,
+        contactAccountId: null,
+        contactFirstname: null,
+        contactLastname: null,
+        contactEmail: null,
+        contactPhoneNumber: null,
+        buyerAccountId: null,
+        buyerEmail: null,
+        buyerCompanyId: null,
+        buyerFirstname: null,
+        buyerLastname: null,
+        buyerCompanyName: null,
+        buyerCompanyNameCn: null,
+        buyerCompanyAddress: null,
+        buyerPhoneNumber: null,
+        buyerTotalPrice: null,
+        buyerUnitPrice: null,
+        buyerDestination: null,
+        buyerPaymentTerm: null,
+        buyerOtherPaymentTerm: null,
+        buyerFee: null,
+        fixedQuotedPrice: null,
+        dynamicQuotedPrice: null,
+        quoteType: null,
+        paymentType: null,
+        cmxCu: null,
+        lmeCu: null,
+        al: null,
+        zn: null,
+        sn: null,
+        pb: null,
+        ni: null,
+        dealTime: null,
+        shipmentDays: null,
+        preferredQuoteMethod: null,
+        originCertificateFlag: null,
+        customsRejectionFlag: null,
+        containerNumber: null,
+        warnFlag: null,
+        contractState: null,
+        pricingRight: null,
+        deliveryCompanyId: null,
+        notifierCompanyId: null,
+        shippingMark: null,
+        blRemark: null,
+        buyerCompanyBillGoods: null,
+      };
+      this.resetForm("form");
+    },
+    getDealRecord(askId) {
+      this.loading = false;
+      this.reset();
+      getBizDealRecordByAskId(askId).then((response) => {
+        this.form = response.data;
+        if (this.form.buyerCompanyBillGoods) {
+          this.form.buyerCompanyBillGoods = JSON.parse(
+            this.form.buyerCompanyBillGoods
+          );
+        } else {
+          this.form.buyerCompanyBillGoods = [];
+          this.addBillGoods();
+        }
+
+        this.getContractCompanyList(this.form.buyerCompanyId);
+        this.getCompanyBillGoods(this.form.buyerCompanyId);
+        this.form.dealRecordDetailList.map((item) => {
+          if (item.imageList) {
+            item.askCover = item.imageList.toString();
+          }
+        });
+        this.loading = true;
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.dealId != null) {
+            var deal = JSON.parse(JSON.stringify(this.form));
+            deal.buyerCompanyBillGoods = JSON.stringify(
+              deal.buyerCompanyBillGoods
+            );
+            updateDealRecord(deal).then((response) => {
+              this.$modal.msgSuccess("保存成功");
+            });
+          }
+        }
+      });
+    },
+    //设置打印model为true
+    setPrintModel(val) {
+      this.printModel = val;
+      return Promise.resolve();
+    },
+    /** 下载 */
+    handleExportPdf() {
+      this.setPrintModel(true)
+        .then(() => {
+          exportPdf(".billPdf", "bill");
+        })
+        .then(() => {
+          this.printModel = false;
+        });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.info {
+  border: 1px solid #606676;
+  padding: 20px;
+
+  .sub-title {
+    text-align: left;
+    font-size: 16px;
+  }
+}
+.footer {
+  padding: 10px 20px;
+  text-align: right;
+}
+</style>