Drv.vue

<template>
	<c-row>
		<!-- top -->
		<c-col :span="24">

			<c-col :span="11">
				<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="11" :offset="1">
				<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="11">
				<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="11" :offset="1">
				<el-form-item label="" prop="btdgrp.rec.nam">
					<c-input v-model="model.btdgrp.rec.nam" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>

		</c-col>

		<!-- left -->
		<c-col :span="11">

			<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>
							<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="10">
					<el-form-item label="" label-width="5px" prop="btdgrp.cbs.max.amt">
						<c-input v-model="model.btdgrp.cbs.max.amt" placeholder="请输入单据金额" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="4" class="centerLable">
					<el-form-item label="" label-width="5px" prop="bttp.aammod.addamtflg">
					<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>
							<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="10">
					<el-form-item label="" label-width="5px" prop="btdgrp.cbs.opn1.cur">
						<c-input v-model="model.btdgrp.cbs.opn1.cur" 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>


			<el-row>
            <c-col :span="24">
                <c-docpre
            :model="model"
            rol="docgrdmbe1"
            :argadr="{
                path: 'btdgrp.blk.prsdocbe1',
                grp: 'bttp',
                code: 'docpre',
            }"
                ></c-docpre>
            </c-col>
        </el-row>

      <el-row>
          <c-col :span="24">
            <c-docpre
            :model="model"
            rol="docgrdmbe2"
            :argadr="{
                path: 'btdgrp.blk.prsdocbe2',
                grp: 'bttp',
                code: 'docpre',
            }"
                ></c-docpre>
          </c-col>
      </el-row>
		</c-col>

		<!-- right -->
		<c-col :span="11" :offset="1">

			<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" label-width="0px">
					<c-input v-model="model.btdgrp.be1.pts.nam" maxlength="40" 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" label-width="0px">
					<c-input v-model="model.btdgrp.be2.pts.nam" maxlength="40" 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" label-width="0px">
					<c-input v-model="model.btdgrp.prb.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</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 :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 :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>
</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>