<template> <c-row> <!-- =================顶部====================== --> <c-col :span="24"> <c-col :span="11"> <c-col :span="20"> <el-form-item label="Reference" prop="bodgrp.rec.ownref" style="width: 100%" > <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" style="width: 95%" disabled ></c-input> </el-form-item> </c-col> <c-col :span="1"> <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search" @click="onSeainf" ></c-button> </c-col> <c-col :span="3" style="text-align: right"> <c-button style="margin:0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref" > 获取 </c-button> </c-col> </c-col> <c-col :span="11" :offset="1"> <el-form-item label="摘要" prop="bodgrp.rec.nam"> <c-input align="middle" v-model="model.bodgrp.rec.nam" maxlength="40" disabled placeholder="请输入Externally Displayed Name to Identify the Contract" ></c-input> </el-form-item> </c-col> </c-col> <!-- ====================左边======================= --> <c-col :span="11"> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Responsible User" prop="ditp.usr.extkey" style="width: 100%" > <c-input style="width: 95%" v-model="model.botp.usr.extkey" maxlength="8" placeholder="请输入User ID" disabled ></c-input> </el-form-item> </c-col> <c-col :span="4"> <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" icon="el-icon-search" type="primary" @click="onExtkey" ></c-button> </c-col> <c-col :span="8"> <c-checkbox v-model="model.bodgrp.rec.dircolflg" >Direct Collection</c-checkbox> </c-col> </c-col> <c-col :span="12"> <el-form-item label="Document Amount" prop="bodgrp.cbs.max.cur"> <c-select disabled v-model="model.bodgrp.cbs.max.cur" style="width: 100%" placeholder="请选择Currency" > <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item style="text-align: left" label-width="20px" prop="bodgrp.cbs.max.amt" > <c-input-currency v-model="model.bodgrp.cbs.max.amt" style="text-align: left; width: 100%" placeholder="请输入Document Amount" @keyup.enter.native="defaultFunction('bodgrp.cbs.max.amt', model.bodgrp.cbs.max.amt)" ></c-input-currency> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Warehouse/Insurance" prop="bodgrp.cbs.opn1.cur"> <c-select disabled v-model="model.bodgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择Currency" > <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item style="text-align: left" label-width="20px" prop="bodgrp.cbs.opn1.amt" > <c-input-currency v-model="model.bodgrp.cbs.opn1.amt" style="text-align: left; width: 100%" placeholder="请输入Warehouse/Insurance" @keyup.enter.native="defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)" ></c-input-currency> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Order Date" prop="bodgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%" placeholder="请选择Order Date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Shipment date" prop="bodgrp.rec.shpdat"> <c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%" placeholder="请选择Shipment date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Presentation Date" prop="bodgrp.rec.predat"> <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Dispatched on" prop="bodgrp.rec.advdat"> <c-date-picker type="date" v-model="model.bodgrp.rec.advdat" style="width:100%" placeholder="请选择Dispatched on"></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Collection Condition" prop="bodgrp.rec.doctypcod"> <c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择Collection Condition"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Maturity Date" prop="bodgrp.rec.matdat"> <c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="发票类型" prop="bodgrp.rec.invtyp"> <c-select v-model="model.bodgrp.rec.invtyp" style="width:100%" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Tenor Specification" prop="bodgrp.rec.matpercnt"> <c-input v-model="model.bodgrp.rec.matpercnt" placeholder="请输入Tenor Specification"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Starting from" prop="bodgrp.rec.matperbeg"> <c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择Starting from"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Tenor Details Text" prop="bodgrp.blk.bogdet"> <c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit placeholder="请输入Tenor Details Text" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-istream-table :list="model.botp.docgrdm.docgrd" :columns="columns" > </c-istream-table> </c-col> </c-col> <!-- ====================右边======================= --> <c-col :span="11" :offset="1"> <c-ptap :model="model" :argadr="{ title: 'Drawer', grp: 'bodgrp', rol: 'drr', }" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onBenpDet" > </c-ptap> <c-ptap :model="model" :argadr="{ title: 'Collecting Bank', grp: 'bodgrp', rol: 'col', }" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onBenpDet" > </c-ptap> <c-ptap :model="model" :argadr="{ title: 'Drawee', grp: 'bodgrp', rol: 'dre', }" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onBenpDet" > </c-ptap> <c-col :span="24"> <el-form-item label="Country Code Risk Country!" prop="bodgrp.rec.stacty"> <c-select v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country!"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Goods Code" prop="bodgrp.rec.stagod"> <c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择Goods Code"> </c-select> </el-form-item> </c-col> </c-col> </c-row> </template> <script> import Api from "~/service/Api" import CommonProcess from "~/mixin/CommonProcess"; import CodeTable from "~/config/CodeTable" import Event from "~/model/Botame/Event" import Utils from "~/utils"; import Ptap from "~/views/Public/Ptap"; export default { components: { "c-ptap": Ptap }, inject: ["root"], props: ["model", "codes"], mixins: [CommonProcess], data() { return { columns: ['0 0 "lst1" 50 ', '1 1 "lst2" 50', '2 2 "document" 200'], }; }, methods: { ...Event }, created: function () { console.log(this.root); }, } </script> <style> </style>