Skip to content

V
vue-gjjs
Commit 279d043b by lsk
Options

ditame修改页布局调整

parent e6359b31
Showing with 317 additions and 261 deletions
src/views/Business/Ditame/Amep.vue
<template>
<c-row>
<!--
<c-row>
<!--
<c-col :span="12">
<el-form-item label="Drag Drop Sender">
<c-input v-model="model.ditamep.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
......@@ -12,64 +12,69 @@
<c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col> -->
<c-col>
<c-col :span="10">
<el-form-item label="参考号">
<c-input
v-model="model.ditamep.recget.sdamod.seainf"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<el-form-item label-width="15px">
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
<c-col>
<c-col :span="10">
<el-form-item label="参考号" prop="didgrp.rec.ownref">
<c-input
v-model="model.didgrp.rec.ownref"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="1" style="text-align: right">
<el-form-item label-width="0">
<c-button
size="small"
type="primary"
icon="el-icon-search"
style="margin-left: 0"
></c-button>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="摘要">
<c-input
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="修改日期">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.amedat"
style="width: 100%"
placeholder="请选择修改日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要">
<c-input
v-model="model.didgrp.rec.nam"
maxlength="40"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11">
<el-form-item label="修改日期">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.amedat"
style="width: 100%"
placeholder="请选择修改日期"
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col> -->
<c-col :span="12">
<el-form-item label="修改次数">
<c-input
v-model="model.trnmod.swiadd.amenbr"
placeholder="请输入修改次数"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<el-form-item label="修改次数">
<c-input
v-model="model.trnmod.swiadd.amenbr"
placeholder="请输入修改次数"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="实际修改次数">
<c-input
v-model="model.ditamep.amenbr"
placeholder="请输入实际修改次数"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item label="实际修改次数" label-width="130px">
<c-input
v-model="model.ditamep.amenbr"
placeholder="请输入实际修改次数"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Currency">
<c-input
v-model="model.didgrp.cbs.nom1.cur"
......@@ -78,230 +83,278 @@
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="9">
<el-form-item label="信用证金额">
<c-input
v-model="model.olddidgrp.cbs.nom1.amt"
disabled
style="width: 100px"
></c-input>
<c-input
v-model="model.olddidgrp.cbs.nom1.amt"
style="width: 150px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
<!-- ===========left======== -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-input
v-model="model.didgrp.cbs.nom1.cur"
disabled
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="溢短装" label-width="60px">
<c-input
v-model="model.olddidgrp.rec.nomtop"
style="width: 100px"
disabled
></c-input>
<c-input
v-model="model.olddidgrp.rec.nomton"
style="width: 100px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
<c-col :span="11">
<el-form-item label="" label-width="0">
<c-input
v-model="model.olddidgrp.cbs.nom1.amt"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="最大金额" label-width="100px;">
<c-input
v-model="model.olddidgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入Currency"
style="width: 150px"
disabled
></c-input>
<c-input
v-model="model.olddidgrp.cbs.max.cur"
maxlength="3"
style="width: 150px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="溢短装">
<c-input
v-model="model.olddidgrp.rec.nomtop"
style="width: 45%"
disabled
></c-input>
<label style="display: inline-block; width: 28px; text-align: center"
>-</label>
<c-input
v-model="model.olddidgrp.rec.nomton"
style="width: 45%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="增减金额" prop="trnmod.swiadd.amecur">
<c-input
v-model="model.trnmod.swiadd.amecur"
style="width: 95%"
disabled
>
</c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Balance">
<c-input
v-model="model.olddidgrp.cbs.max.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="12">
<el-form-item label="增减金额">
<c-input
v-model="model.trnmod.swiadd.amecur"
style="width: 100px"
disabled
>
</c-input>
<c-input
v-model="model.trnmod.swiadd.ameamt"
style="width: 150px; margin-left: 20px"
></c-input>
</el-form-item>
<c-col :span="11">
<el-form-item label="" label-width="0" prop="trnmod.swiadd.ameamt">
<c-input
v-model="model.trnmod.swiadd.ameamt"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="修改后金额">
<c-input
v-model="model.trnmod.swiadd.newcur"
style="width: 95%"
disabled
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="修改总金额" label-width="230px" >
<c-input
v-model="model.ditamep.engcur"
style="width: 150px"
disabled
></c-input>
<c-input
v-model="model.ditamep.engamt"
style="width: 150px; margin-left: 20px"
disabled
>
</c-input>
</el-form-item>
<el-form-item label="" label-width="0">
<c-input
v-model="model.trnmod.swiadd.newamt"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ===========right======== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="最大金额">
<c-input
v-model="model.olddidgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入Currency"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0">
<c-input
v-model="model.olddidgrp.cbs.max.amt"
maxlength="3"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="修改总金额">
<c-input
v-model="model.ditamep.engcur"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0">
<c-input
v-model="model.ditamep.engamt"
style="width: 100%"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="">
<c-input
v-model="model.ditamep.maxcur"
maxlength="3"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0">
<c-input
v-model="model.ditamep.maxamt"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item>
<c-input
v-model="model.trnmod.swiadd.newnomtopame"
style="width: 45%"
></c-input>
<label style="display: inline-block; width: 28px; text-align: center">-</label>
<c-input
v-model="model.trnmod.swiadd.newnomtoname"
style="width: 45%"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="9">
<el-form-item label="修改后金额">
<c-input
v-model="model.trnmod.swiadd.newcur"
style="width: 100px"
disabled
>
</c-input>
<!-- <c-col :span="12">
<el-form-item label="Balance">
<c-input
v-model="model.trnmod.swiadd.newamt"
style="width: 150px; margin-left: 20px"
v-model="model.olddidgrp.cbs.max.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="6">
<el-form-item label-width="60px">
<c-input
v-model="model.trnmod.swiadd.newnomtopame"
style="width: 100px"
></c-input>
<c-input
v-model="model.trnmod.swiadd.newnomtoname"
style="width: 100px; margin-left: 20px"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label=" " label-width="60px">
<c-input
v-model="model.ditamep.maxcur"
maxlength="3"
style="width: 150px"
disabled
></c-input>
<c-input
v-model="model.ditamep.maxamt"
style="width: 150px; margin-left: 20px"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到期日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="到期日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="最迟货物装运日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="最迟货物装运日">
<c-date-picker
type="date"
v-model="model.olddidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.ditamep.zchday" data-path=".ditamep.zchday">
</span>
</c-col> -->
<c-col :span="12">
<el-form-item label="新到期日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newexpdat"
style="width: 100%"
placeholder="请选择新到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="新到期日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newexpdat"
style="width: 100%"
placeholder="请选择新到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="新最迟货物装运日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newshpdat"
style="width: 100%"
placeholder="请选择New Shipmentdate"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="新最迟货物装运日">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newshpdat"
style="width: 100%"
placeholder="请选择New Shipmentdate"
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.ditamep.newday" data-path=".ditamep.newday">
</span>
</c-col> -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="货物装运地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shpfroelc"
maxlength="35"
show-word-limit
:rows="5"
placeholder="请输入Shipment from"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="类型">
<c-input disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="货物装运地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shpfroelc"
maxlength="35"
show-word-limit
:rows="5"
placeholder="请输入Shipment from"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.ditamep.hwzydi" data-path=".ditamep.hwzydi">
</span>
</c-col> -->
<c-col :span="11">
<el-form-item label="货物目的地/交货地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shptoelc"
maxlength="35"
show-word-limit
:rows="5"
placeholder="请输入货物目的地/交货地(港)"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="11">
<el-form-item label="货物目的地/交货地(港)">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.shptoelc"
maxlength="35"
show-word-limit
:rows="5"
placeholder="请输入货物目的地/交货地(港)"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<span
v-text="model.ditamep.ramrollab"
......@@ -326,7 +379,7 @@
>Create Amendment Message</c-checkbox
>
</c-col> -->
</c-row>
</c-row>
</template>
<script>
import Api from "~/service/Api";
......@@ -335,14 +388,14 @@ import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditame/Event";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
......
src/views/Business/Ditame/index.vue
<template>
<c-page title="信用证修改">
<div class="eContainer">
<c-bus-button :$pntvm="this"></c-bus-button>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="200px"
label-width="150px"
size="small"
label-position="right"
>
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
......@@ -105,11 +107,12 @@
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
<c-bus-button :$pntvm="this"></c-bus-button>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
</div>
</c-page>
</template>
<script>
import Utils from "~/utils/index";
......
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