Drv.vue

<template>
  <div class="eibs">
	<!-- ==============上部分============ -->
	<c-row>
		<!-- 左边-->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
			<el-form-item label="转让信用证编号" prop="ltdgrp.rec.ownref">
				<c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" placeholder="请输入转让信用证编号" style="width: 100%"
				 disabled>
				</c-input>
			</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="单据编号" prop="btdgrp.rec.ownref">
					<c-input v-model="model.btdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号" disabled>
					</c-input>
				</el-form-item>
			</c-col>

		<c-col :span="24">
        <c-col :span="10">
        <el-form-item label="单据金额" prop="btdgrp.cbs.max.cur">
            <c-select
              v-model="model.btdgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请选择币种"
              disabled
              :code="codes.cur"
            ></c-select>
          </el-form-item>
        </c-col>

        <c-col :span="10">
        <el-form-item label="" prop="btdgrp.cbs.max.amt" label-width="5px">
            <c-input
              v-model="model.btdgrp.cbs.max.amt"
              style="width: 100%"
              placeholder="请输入金额"
              disabled
            ></c-input>
        </el-form-item>
        </c-col>

        <c-col :span="4">
        <el-form-item label="" prop="bttp.aammod.addamtflg" style=" float:right;">
              <c-checkbox
                v-model="model.bttp.aammod.addamtflg"
                disabled
                >附加金额</c-checkbox
              >
        </el-form-item>
      </c-col>
      </c-col>

	   <c-col :span="24">
        <c-col :span="10">
        <el-form-item label="余额" prop="btdgrp.cbs.opn1.cur">
            <c-select
              v-model="model.btdgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请输入金额"
              disabled
              :code="codes.curtxt1"
            ></c-select>
          </el-form-item>
          </c-col>

          <c-col :span="10">
        <el-form-item label="" prop="btdgrp.cbs.opn1.cur" label-width="5px">
            <c-input
              v-model="model.btdgrp.cbs.opn1.cur"
              style="width: 100%"
              placeholder="请输入金额"
              disabled
            ></c-input>
            </el-form-item>
            </c-col>
        </c-col>

	        <c-col :span="24">
				<el-form-item label="单据类型" prop="btdgrp.rec.doctypcod">
					<c-select v-model="model.btdgrp.rec.doctypcod" style="width:100%" placeholder="请输入单据类型" disabled :code="doctypcod"></c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="到期日" prop="btdgrp.rec.matdat">
					<c-date-picker type="date" v-model="model.btdgrp.rec.matdat" style="width:100%" placeholder="请选择到期日"
					 disabled></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="交单日期" prop="btdgrp.rec.predat">
					<c-date-picker type="date" v-model="model.btdgrp.rec.predat" style="width:100%" placeholder="请选择交单日期"
					 disabled></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="单据状态" prop="btdgrp.rec.docsta">
					<c-select v-model="model.btdgrp.rec.docsta" style="width:100%" placeholder="请输入单据状态" disabled :code="codes.docsta2"></c-select>
				</el-form-item>
			</c-col>
		</c-col>

   <!-- ========右边======== -->
        <c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-form-item label="信用证编号" prop="ledgrp.rec.ownref">
					<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号" disabled>
					</c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="第一受益人参考号" prop="btdgrp.be1.pts.ref">
					<c-input v-model="model.btdgrp.be1.pts.ref" maxlength="16" placeholder="请输入第一受益人参考号" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="第一受益人名称" prop="btdgrp.be1.pts.nam">
					<c-input v-model="model.btdgrp.be1.pts.nam" maxlength="16" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="第二受益人参考号" prop="btdgrp.be2.pts.ref">
					<c-input v-model="model.btdgrp.be2.pts.ref" maxlength="16" placeholder="请输入第二受益人参考号" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="第二受益人名称" prop="btdgrp.be2.pts.nam">
					<c-input v-model="model.btdgrp.be2.pts.nam" maxlength="16" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="寄单行" prop="btdgrp.prb.pts.ref">
					<c-input v-model="model.btdgrp.prb.pts.ref" maxlength="16" placeholder="请输入寄单行" ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="寄单行名称" prop="btdgrp.prb.pts.nam">
					<c-input v-model="model.btdgrp.prb.pts.nam" maxlength="16" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>

		</c-col>
	</c-row>
	<!-- 列表 -->
	<c-row>
		<c-col :span="24">
                <c-docpre
            :model="model"
            rol="docgrdmbe1"
            :argadr="{
                path: 'btdgrp.blk.prsdocbe1',
                grp: 'bttp',
                code: 'docpre',
            }"
                ></c-docpre>
        </c-col>
		<c-col :span="24">
            <c-docpre
            :model="model"
            rol="docgrdmbe2"
            :argadr="{
                path: 'btdgrp.blk.prsdocbe2',
                grp: 'bttp',
                code: 'docpre',
            }"
                ></c-docpre>
          </c-col>
	</c-row>
	<c-row>
		<!-- ======左边===== -->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<el-form-item label="单据类型" prop="btdgrp.rec.doctypcod">
					<c-select v-model="model.btdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型" disabled :code="doctypcod">
					</c-select>
				</el-form-item>

				<c-col :span="24">
					<el-form-item label="单据利用次数" prop="ltdgrp.rec.utlnbr">
						<c-input v-model="model.ltdgrp.rec.utlnbr" placeholder="请输入单据利用次数" disabled></c-input>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
		<!-- =====右边===== -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="从第一受益人那收到单据日期" prop="btdgrp.rec.rcvdatbe1">
						<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%" placeholder="请选择从第一受益人那收到单据日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="12">
					<el-form-item label="订单日期" prop="btdgrp.rec.orddatbe1">
						<c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe1" style="width:100%" placeholder="请选择订单日期"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="从第二受益人那收到单据日期" prop="btdgrp.rec.rcvdatbe2">
						<c-date-picker disabled type="date" v-model="model.btdgrp.rec.rcvdatbe2" style="width:100%" placeholder="请选择从第二受益人那收到单据日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="12">
					<el-form-item label="订单日期" prop="btdgrp.rec.orddatbe2">
						<c-date-picker disabled type="date" v-model="model.btdgrp.rec.orddatbe2" style="width:100%" placeholder="请选择订单日期"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="装运日期" prop="btdgrp.rec.shpdat">
						<c-date-picker type="date" v-model="model.btdgrp.rec.shpdat" style="width:100%" placeholder="请选择装运日期"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
	</c-row>
  </div>
</template>
<script>
	import Api from "~/service/Api"
	import commonProcess from "~/mixin/commonProcess";
	import CodeTable from "~/config/CodeTable"
	import Event from "~/model/Bttdrv/Event"
	import Docpre from "~/views/Public/Docpre";

	export default {
		components: { "c-docpre": Docpre },
		inject: ['root'],
		props: ["model", "codes"],
		mixins: [commonProcess],
		data() {
			return {
				doctypcod: [
        { label: "混合付款单据", value: "M" },
        { label: "即期单据", value: "P" },
        { label: "远期票据（承兑）", value: "A" },
        { label: "远期票据（递延）", value: "D" },
	],
			};
		},
		methods: {
			...Event,
			handleEdit() {
				console.log("1111测试");
			},
		},
		created: function() {

		}
	}
</script>
<style>

</style>