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> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24">
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Collection Instructions" prop="bodgrp.blk.colins"> <el-form-item label="Delivery of Documents 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> <c-fullbox>
</el-form-item> <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>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Our Charges to" prop="bodgrp.rec.chato"> <c-col :span="12">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to"> <el-form-item label="" prop="bodgrp.blk.colinsflg">
</c-select> <c-checkbox v-model="model.bodgrp.blk.colinsflg">Collection instructions modified</c-checkbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12">
<c-col :span="12"> <el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
<c-button size="small" type="primary" icon="el-icon-search" @click="onColinsButtxmsel"> <c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
... placeholder="请输入Charges Text"></c-input>
</c-button> </el-form-item>
</c-col> </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 :span="12">
</c-col> <c-button size="small" type="primary" icon="el-icon-search" @click="onColinsButtxmsel">
...
<c-col :span="12"> </c-button>
<el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins"> </c-col> -->
<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="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>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onDftinsButtxmsel"> <!-- <c-col :span="12">
... <c-button size="small" type="primary" icon="el-icon-search" @click="onDftinsButtxmsel">
</c-button> ...
</c-col> </c-button>
</c-col> -->
<c-col :span="12">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox> <c-col :span="24">
</c-col> <c-col :span="12">
<el-form-item label="Protest Instructions" prop="bodgrp.blk.proins">
<c-col :span="12"> <c-fullbox>
<el-form-item label="Protest Instructions" prop="bodgrp.rec.waicolcod"> <c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions"> placeholder="请输入Protest Instructions"></c-input>
</c-select> <template slot="footer">
</el-form-item> <c-button size="small" type="primary">
</c-col> ...
</c-button>
<c-col :span="12"> </template>
<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> </el-form-item>
</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>
<!-- <c-col :span="12">
<c-col :span="12"> <el-form-item label="Protest Instructions" prop="bodgrp.rec.waicolcod">
<c-button size="small" type="primary" icon="el-icon-search" @click="onProinsButtxmsel"> <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions">
... </c-select>
</c-button> </el-form-item>
</c-col> </c-col> -->
<!-- <c-col :span="12">
<c-col :span="12"> <c-button size="small" type="primary" icon="el-icon-search" @click="onProinsButtxmsel">
<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-button>
</c-select> </c-col> -->
</el-form-item> <c-col :span="24">
</c-col> <c-col :span="12">
<el-form-item label="Other Instructions" prop="bodgrp.blk.othins">
<c-col :span="12"> <c-fullbox>
<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
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit placeholder="请输入Other Instructions" ></c-input> placeholder="请输入Other Instructions"></c-input>
</el-form-item> <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>
<c-col :span="12"> <!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onOthins1Buttxmsel"> <c-button size="small" type="primary" icon="el-icon-search" @click="onOthins1Buttxmsel">
... ...
</c-button> </c-button>
</c-col> </c-col> -->
<c-col :span="12">
<el-form-item label="Defer Payment until" prop="bodgrp.rec.othins"> <c-col :span="24">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until"> <c-col :span="12">
</c-select> <el-form-item label="Delivery instructions" prop="bodgrp.blk.delins">
</el-form-item> <c-fullbox>
</c-col> <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
placeholder="请输入Delivery instructions"></c-input>
<c-col :span="12"> <template slot="footer">
<el-form-item label="Warehouse/Insurance" prop="bodgrp.rec.lescom"> <c-button size="small" type="primary">
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input> ...
</el-form-item> </c-button>
</c-col> </template>
</c-fullbox>
<c-col :span="12"> </el-form-item>
<el-form-item label="Delivery instructions" prop="bodgrp.blk.delins"> </c-col>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit placeholder="请输入Delivery instructions" ></c-input> <c-col :span="12">
</el-form-item> <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>
<!-- <c-col :span="12">
<c-col :span="12"> <c-button size="small" type="primary" icon="el-icon-search" @click="onWhinsButtxmsel">
<c-button size="small" type="primary" icon="el-icon-search" @click="onWhinsButtxmsel"> ...
... </c-button>
</c-button> </c-col> -->
</c-col> </div>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
...@@ -118,19 +195,18 @@ import Event from "~/model/Botacc/Event" ...@@ -118,19 +195,18 @@ import Event from "~/model/Botacc/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>
</style> </style>
src/views/Business/Botacc/index.vue
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
<c-page title="出口托收承兑"> <c-page title="出口托收承兑">
<div class="eContainer"> <div class="eContainer">
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash"> <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
</c-function-btn> </c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right"
size="small" :validate-on-rule-change="false"> size="small" :validate-on-rule-change="false">
...@@ -100,6 +99,7 @@ export default { ...@@ -100,6 +99,7 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { 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