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