<template>
  <div class="eibs">
    <!-- ================= 左 ================== -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="Shipping Gua. Ref." prop="brdgrp.rec.shgref">
          <c-fullbox>
            <c-input
              disabled
              v-model="model.brdgrp.rec.shgref"
              maxlength="16"
              placeholder="请输入提货担保编号"></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" @click="queryShgref"> 获取 </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Amount of Shipment" prop="brdgrp.cbs.max.cur">
            <c-select-cur
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.brdgrp.cbs.max.cur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.cbs.max.amt">
            <c-input-currency
              :currency="model.brdgrp.cbs.max.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max.amt"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Shipping Mark" prop="shpmar">
          <c-input
            :rows="3"
            type="textarea"
            v-model="model.shpmar"
            maxlength="320"
            show-word-limit
            placeholder="请输入装运备注"></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ================右  ==================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="Document Number" prop="brdgrp.rec.ownref">
          <c-fullbox>
            <c-input disabled v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号"></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" @click="Butgetref"> 获取 </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Pieces in Total" prop="pietat">
          <c-input v-model="model.pietat" maxlength="80" placeholder="请输入货物总件数（大写）"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="担保银行" prop="guabnkval">
          <c-input v-model="model.guabnkval" maxlength="40" style="width: 100%" placeholder="请输入担保银行"></c-input>
          <span style="font-size: 12px; color: #606266">(提货担保面函落款)</span>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="发票类型" prop="brdgrp.rec.invtyp">
          <c-select v-model="model.brdgrp.rec.invtyp" style="width: 100%" placeholder="请选择发票类型" dbCode="invtyp">
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, Event],
  data() {
    return {
      ptsaddg: {
        columns: [
          {
            title: "角色",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "当事人",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "名称",
            width: "250px",
            dataIndex: "nam",
          },
          {
            title: "参考号",
            width: "250px",
            dataIndex: "ref",
          },
        ],
        urls: "litp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: {
    handleEdit() {
      console.log("1111测试");
    },

    addRow() {},
    removeRow() {},
  },
  created: function () {
    this.ptypValue = "prb";
  },
  watch: {
    "model.brdgrp.rec.docprbrol": {
      handler(val, oldval) {
        this.ptypValue = val.toLowerCase();
      },
    },
  },
};
</script>
<style></style>