Skip to content

V
vue-gjjs
Commit 73a16a58 by nanrui
Options

botacc inst面板排版及index更改

parent 8aaa5673
Showing with 186 additions and 110 deletions
src/views/Business/Botacc/Inst.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Collection Instructions" prop="bodgrp.blk.colins">
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit placeholder="请输入Collection Instructions" ></c-input>
</el-form-item>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Delivery of Documents Instructions" prop="bodgrp.blk.colins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
placeholder="请输入Collection Instructions"></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Charges Condition" prop="bodgrp.rec.chato">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to">
<el-option v-for="item in codes.chato" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Our Charges to" prop="bodgrp.rec.chato">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onColinsButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit placeholder="请输入Charges Text" ></c-input>
</el-form-item>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="model.bodgrp.blk.colinsflg">Collection instructions modified</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入Charges Text"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.bodgrp.blk.colinsflg">Collection instructions modified</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins">
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit placeholder="请输入Draft Instructions" ></c-input>
</el-form-item>
<!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onColinsButtxmsel">
...
</c-button>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入Draft Instructions">
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onDftinsButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="Protest Instructions" prop="bodgrp.rec.waicolcod">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Protest Instructions" prop="bodgrp.blk.proins">
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit placeholder="请输入Protest Instructions" ></c-input>
</el-form-item>
<!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onDftinsButtxmsel">
...
</c-button>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Protest Instructions" prop="bodgrp.blk.proins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
placeholder="请输入Protest Instructions"></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Waive Collecting Bank Charges" prop="bodgrp.rec.waicolcod">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges">
<el-option v-for="item in codes.waicolcod" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges">
<el-option v-for="item in codes.wairmtcod" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onProinsButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%" placeholder="请选择Waive Remitting Bank Charges">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Other Instructions" prop="bodgrp.blk.othins">
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit placeholder="请输入Other Instructions" ></c-input>
</el-form-item>
<!-- <c-col :span="12">
<el-form-item label="Protest Instructions" prop="bodgrp.rec.waicolcod">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions">
</c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onProinsButtxmsel">
...
</c-button>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Other Instructions" prop="bodgrp.blk.othins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入Other Instructions"></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Defer Payment until" prop="bodgrp.rec.othins">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until">
<el-option v-for="item in codes.othins" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onOthins1Buttxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Defer Payment until" prop="bodgrp.rec.othins">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Warehouse/Insurance" prop="bodgrp.rec.lescom">
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Delivery instructions" prop="bodgrp.blk.delins">
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit placeholder="请输入Delivery instructions" ></c-input>
</el-form-item>
<!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onOthins1Buttxmsel">
...
</c-button>
</c-col> -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Delivery instructions" prop="bodgrp.blk.delins">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
placeholder="请输入Delivery instructions"></c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="9">
<el-form-item label="less comm" prop="bodgrp.rec.lescom">
<c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
:disabled="true" :code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="14" :offset="1">
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
</c-col>
</c-col>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onWhinsButtxmsel">
...
</c-button>
</c-col>
</div>
<!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onWhinsButtxmsel">
...
</c-button>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
......@@ -118,19 +195,18 @@ import Event from "~/model/Botacc/Event"
export default {
inject: ['root'],
props:["model","codes"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
}
},
methods:{...Event},
created:function(){
methods: { ...Event },
created: function () {
}
}
</script>
<style>
</style>
src/views/Business/Botacc/index.vue
......@@ -2,7 +2,6 @@
<c-page title="出口托收承兑">
<div class="eContainer">
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right"
size="small" :validate-on-rule-change="false">
......@@ -100,6 +99,7 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable
},
}
},
......
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