Skip to content

V
vue-gjjs
Commit 99b1a755 by liushikai
Options

布局优化

parent 962a5422
Showing with 160 additions and 153 deletions
src/views/Business/Ditopn/Detp.vue
......@@ -15,27 +15,37 @@
</el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:75%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
<c-col :span="20">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col>
<c-col :span="4" style="text-align: right">
<c-button size="medium" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
</c-col>
</el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:75%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
<c-col :span="20">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
</c-col>
<c-col :span="4" style="text-align: right">
<c-button size="medium" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
</c-col>
</el-form-item>
<el-form-item label="" prop="didgrp.blk.preperflg">
<c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
</el-form-item>
<el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
<c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-form-item label="货物运输/交货/服务方式" prop="didgrp.rec.tratyp">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.tratyp" style="width:90%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</c-col>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
......
src/views/Business/Ditopn/Detp1.vue
<template>
<div class="eibs-tab">
<!-- <c-row> -->
<c-col :span="24">
<!--=== ==========左边=============== -->
<c-col :span="11">
<el-form-item label="参考号" prop="didgrp.rec.tzref">
<c-col :span="24">
<el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
......@@ -11,9 +12,7 @@
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =========================通知行========================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
......@@ -62,7 +61,7 @@
rol: 'adv',
}"
></c-ptapdome>
<c-col :span="12">
<c-col :span="13">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
......@@ -71,7 +70,7 @@
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="12">
><c-col :span="11">
<el-form-item
label="通知行电话"
prop="didgrp.adv.pts.dihdig"
......@@ -85,92 +84,12 @@
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =========================开证行========================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
<el-form-item label="开证行联行名称" prop="didgrp.iss.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="开证行地址" prop="didgrp.iss.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
}"
:isIss="true"
></c-ptapdome>
<c-col :span="12">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="开证行电话"
prop="didgrp.iss.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- ============= 议付行 ========================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 50%"
style="width: 100%"
placeholder="请选择是否可议付"
>
<el-option
......@@ -243,18 +162,16 @@
rol: 'avb',
}"
></c-ptapdome>
</c-col>
<!-- =========================保兑行========================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<!-- ========================转让行 ======================== -->
<c-col :span="13">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 50%"
placeholder="请选择是否可保兑"
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.bdflg"
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -263,60 +180,133 @@
</c-select>
</el-form-item>
</c-col>
<!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<!-- </c-row> -->
<!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
v-model="model.didgrp.cmb.pts.jigomc"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
type="textarea"
v-model="model.didgrp.rmb.pts.dizhii"
v-model="model.didgrp.cmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.bdflg != 'Y'"
:disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
:disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
:model="model"
:argadr="{
title: '保兑行',
rol: 'rmb',
title: '转让行',
rol: 'cmb',
}"
></c-ptapdome>
</c-col>
<!--=== ==========右边=============== -->
<c-col :span="11" :offset="1">
<!-- =========================开证行========================= -->
<c-col :span="24">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
<el-form-item label="开证行联行名称" prop="didgrp.iss.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="开证行地址" prop="didgrp.iss.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
}"
:isIss="true"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">&nbsp;</c-col> -->
<!-- ========================转让行 ======================== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<el-form-item
label="开证行电话"
prop="didgrp.iss.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- =========================保兑行========================= -->
<c-col :span="13">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 50%"
placeholder="请选择"
v-model="model.didgrp.rec.bdflg"
style="width: 100%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.lcrtyp"
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -325,48 +315,47 @@
</c-select>
</el-form-item>
</c-col>
<!-- </c-row> -->
<!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
@keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.cmb.pts.jigomc"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
:disabled="model.didgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.didgrp.cmb.pts.dizhii"
v-model="model.didgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
:disabledBankno="model.didgrp.rec.bdflg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
:disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
:model="model"
:argadr="{
title: '转让行',
rol: 'cmb',
title: '保兑行',
rol: 'rmb',
}"
></c-ptapdome>
</c-col>
<!-- ========================申请行 ======================== -->
<c-col :span="11" :offset="1">
<!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
......@@ -402,15 +391,16 @@
rol: 'apc',
}"
></c-ptapdome>
<c-col :span="12">
<c-col :span="13">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="12">
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="申请人电话"
prop="didgrp.apc.pts.dihdig"
......@@ -419,12 +409,17 @@
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
show-word-limit
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24">&nbsp;</c-col> -->
</div>
</template>
<script>
......
src/views/Business/Ditopn/Tk.vue
......@@ -6,25 +6,25 @@
</c-col>
-->
<c-col :span="24">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据要求" prop="didgrp.blk.lcrdoc">
<el-form-item label="单据要求" prop="didgrp.blk.lcrdoc" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="附加条款" prop="didgrp.blk.adlcnd">
<el-form-item label="附加条款" prop="didgrp.blk.adlcnd" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="给付款丶承兑丶议付行的指示" prop="didgrp.blk.insbnk">
<el-form-item label="给付款/承兑/议付行的指示" prop="didgrp.blk.insbnk" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item>
</c-col>
......
src/views/Business/Ditopn/index.vue
......@@ -58,7 +58,9 @@
</el-tab-pane>
<el-tab-pane label="单据要求" name="tk">
<!--PD000342 -->
<c-content>
<m-tk :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- document rules
......
src/views/Layout/index.vue
......@@ -5,7 +5,7 @@
<el-header style="padding: 0">
<headerCom></headerCom>
</el-header>
<div style="height: 8px"></div>
<!-- <div style="height: 8px"></div> -->
<el-container>
<el-aside width="200px" style="background-color: white">
<sideMenu></sideMenu>
......
src/views/Public/Ptap.vue
......@@ -68,7 +68,7 @@
<template v-else>
<c-col :span="24">
<el-form-item
label="名称"
label="电证名称"
:prop="`${argadr.grp}.${argadr.rol}.namelc`"
>
<c-input
......@@ -85,7 +85,7 @@
<c-col :span="24">
<el-form-item
label="地址"
label="电证地址"
:prop="`${argadr.grp}.${argadr.rol}.adrelc`"
>
<c-input
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment