Skip to content

V
vue-gjjs
Commit ba91ab78 by liushikai
Options

bdtset界面布局调整

parent a2df3a98
Showing with 168 additions and 66 deletions
src/views/Business/Bdtset/Fktj.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24">
<c-col :span="12"> <!-- =======left========= -->
<el-form-item label="付款人：" prop="fkr"> <c-col :span="11">
<c-col :span="24">
<el-form-item label="付款人" prop="fkr">
<c-input v-model="model.fkr" maxlength="40" placeholder="请输入付款人："></c-input> <c-input v-model="model.fkr" maxlength="40" placeholder="请输入付款人："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="付款账号：" prop="fkzh"> <el-form-item label="付款账号" prop="fkzh">
<c-input v-model="model.fkzh" maxlength="40" placeholder="请输入付款账号："></c-input> <c-input v-model="model.fkzh" maxlength="40" placeholder="请输入付款账号："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="付款行行名：" prop="fkhnam"> <el-form-item label="付款行行名" prop="fkhnam">
<c-input v-model="model.fkhnam" maxlength="40" placeholder="请输入付款行行名："></c-input> <c-input v-model="model.fkhnam" maxlength="40" placeholder="请输入付款行行名："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <el-form-item label="付款行行号" prop="fkhnum">
<el-form-item label="收款银行�'�户名称" prop="bddgrp.rec.skmc">
<c-input type="textarea" v-model="model.bddgrp.rec.skmc" maxlength="40" show-word-limit placeholder="请输入收款银行�'�户名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="付款行行号：" prop="fkhnum">
<c-input v-model="model.fkhnum" maxlength="35" placeholder="请输入付款行行号："></c-input> <c-input v-model="model.fkhnum" maxlength="35" placeholder="请输入付款行行号："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="起息日：" prop="qxr"> <el-form-item label="起息日" prop="qxr">
<c-date-picker type="date" v-model="model.qxr" style="width:100%" placeholder="请选择起息日："></c-date-picker> <c-date-picker type="date" v-model="model.qxr" style="width:100%" placeholder="请选择起息日："></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <el-form-item label="收款人" prop="skr">
<el-form-item label="收款银行�'�号" prop="bddgrp.rec.skzh">
<c-input v-model="model.bddgrp.rec.skzh" maxlength="35" placeholder="请输入收款银行�'�号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收款人：" prop="skr">
<c-input v-model="model.skr" maxlength="40" placeholder="请输入收款人："></c-input> <c-input v-model="model.skr" maxlength="40" placeholder="请输入收款人："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="收款账号：" prop="skzh"> <el-form-item label="收款账号" prop="skzh">
<c-input v-model="model.skzh" maxlength="40" placeholder="请输入收款账号："></c-input> <c-input v-model="model.skzh" maxlength="40" placeholder="请输入收款账号："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <el-form-item label="收款行行名" prop="khh">
<el-form-item label="收款银行开户行名称" prop="bddgrp.rec.skhmc">
<c-input type="textarea" v-model="model.bddgrp.rec.skhmc" maxlength="40" show-word-limit placeholder="请输入收款银行开户行名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收款行行名：" prop="khh">
<c-input v-model="model.khh" maxlength="40" placeholder="请输入收款行行名："></c-input> <c-input v-model="model.khh" maxlength="40" placeholder="请输入收款行行名："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="收款行行号：" prop="skhnum"> <el-form-item label="收款行行号" prop="skhnum">
<c-input v-model="model.skhnum" maxlength="35" placeholder="请输入收款行行号："></c-input> <c-input v-model="model.skhnum" maxlength="35" placeholder="请输入收款行行号："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <el-form-item label="附言：寄单行编号" prop="jdhbh">
<el-form-item label="收款银行开户行行号" prop="bddgrp.rec.skhhh">
<c-input v-model="model.bddgrp.rec.skhhh" maxlength="20" placeholder="请输入收款银行开户行行号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="附言：" prop="jdhbh">
<c-input v-model="model.jdhbh" maxlength="40" placeholder="请输入附言："></c-input> <c-input v-model="model.jdhbh" maxlength="40" placeholder="请输入附言："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="信用证编号：" prop="xyzbh"> <el-form-item label="信用证编号" prop="xyzbh">
<c-input v-model="model.xyzbh" maxlength="40" placeholder="请输入信用证编号："></c-input> <c-input v-model="model.xyzbh" maxlength="40" placeholder="请输入信用证编号："></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="12"> <c-col :span="13">
<c-button size="small" type="primary" @click="onChange">
替换
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="付款类型" prop="bddgrp.rec.paytyp"> <el-form-item label="付款类型" prop="bddgrp.rec.paytyp">
<c-select v-model="model.bddgrp.rec.paytyp" style="width:100%" placeholder="请选择付款类型"> <c-select v-model="model.bddgrp.rec.paytyp" style="width:100%" placeholder="请选择付款类型">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="清算方式" prop="bddgrp.rec.clrmtd"> <el-form-item label="清算方式" prop="bddgrp.rec.clrmtd">
<c-select v-model="model.bddgrp.rec.clrmtd" style="width:100%" placeholder="请选择清算方式"> <c-select v-model="model.bddgrp.rec.clrmtd" style="width:100%" placeholder="请选择清算方式">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col>
</c-col>
</c-col>
<!-- =======right========= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="收款银行账户名称" prop="bddgrp.rec.skmc">
<c-input type="textarea" v-model="model.bddgrp.rec.skmc" maxlength="40" show-word-limit placeholder="请输入收款银行�'�户名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款银行账号" prop="bddgrp.rec.skzh">
<c-input v-model="model.bddgrp.rec.skzh" maxlength="35" placeholder="请输入收款银行�'�号"></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item label="收款银行开户行名称" prop="bddgrp.rec.skhmc">
<c-input type="textarea" v-model="model.bddgrp.rec.skhmc" maxlength="40" show-word-limit placeholder="请输入收款银行开户行名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="收款银行开户行行号" prop="bddgrp.rec.skhhh">
<c-input v-model="model.bddgrp.rec.skhhh" maxlength="20" placeholder="请输入收款银行开户行行号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-button size="small" style="margin-left:150px" type="primary" @click="onChange">
替换
</c-button>
</c-col>
</c-col>
</c-col>
<c-col :span="11">
<el-form-item label="备注" prop="bddgrp.blk.setrmk"> <el-form-item label="备注" prop="bddgrp.blk.setrmk">
<c-input type="textarea" v-model="model.bddgrp.blk.setrmk" maxlength="65" show-word-limit placeholder="请输入备注" ></c-input> <c-input type="textarea" v-model="model.bddgrp.blk.setrmk" maxlength="65" show-word-limit placeholder="请输入备注" ></c-input>
</el-form-item> </el-form-item>
......
src/views/Business/Bdtset/Shisuan.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
</div> <c-col :span="23" style="height:24px;margin-left:9px">
<el-form-item
class="labelClass"
label="S0001140"
label-width="300px"
>
</el-form-item>
</c-col>
<c-col :span="23" style="margin-left:9px">
<c-table
style="text-align: center"
:list="table1"
:paginationShow="false"
:border="true"
>
<el-table-column label="C0001073" prop="limtyp" width="auto"></el-table-column>
<el-table-column label="C0001075" prop="cur" width="auto"></el-table-column>
<el-table-column label="C0001076" prop="cbeamt" width="auto"></el-table-column>
<el-table-column label="C0001074" prop="reqtyp1" width="auto"></el-table-column>
<el-table-column label="C0001078" prop="limcbeamt" width="auto"></el-table-column>
<el-table-column label="C0001088" prop="reqtyp2" width="auto"></el-table-column>
<el-table-column label="C0001087" prop="ckcbeamt" width="auto"></el-table-column>
<el-table-column label="C0001079" prop="credat" width="auto"></el-table-column>
<el-table-column label="C0001080" prop="ptyextkey" width="auto"></el-table-column>
<el-table-column label="C0001081" prop="ptynam" width="auto"></el-table-column>
<el-table-column label="C0001082" prop="ownref" width="auto"></el-table-column>
<el-table-column label="C0001083" prop="ccvbl" width="auto"></el-table-column>
<el-table-column label="C0001085" prop="limvar" width="auto"></el-table-column>
<el-table-column label="C0001086" prop="dgzylimref" width="auto"></el-table-column>
</c-table>
</c-col>
<!-- ================================================ -->
<c-col :span="23" style="height:24px;margin-left:9px;margin-top:25px">
<el-form-item
class="labelClass"
label="S0001141"
label-width="300px"
>
</el-form-item>
</c-col>
<c-col :span="23" style="margin-left:9px">
<c-table
style="text-align: center"
:list="table2"
:paginationShow="false"
:border="true"
>
<el-table-column label="C0001056" prop="dgzylimvar" width="auto"></el-table-column>
<el-table-column label="C0001048" prop="tzhamt" width="auto"></el-table-column>
<el-table-column label="C0001050" prop="tzhccv" width="auto"></el-table-column>
<el-table-column label="C0001052" prop="tzhlimamt" width="auto"></el-table-column>
<el-table-column label="C0001054" prop="tzhlimck" width="auto"></el-table-column>
<el-table-column label="C0001049" prop="tzqamt" width="auto"></el-table-column>
<el-table-column label="C0001051" prop="tzqccv" width="auto"></el-table-column>
<el-table-column label="C0001053" prop="tzqlimamt" width="auto"></el-table-column>
<el-table-column label="C0001055" prop="tzqlimck" width="auto"></el-table-column>
</c-table>
</c-col>
<!-- ================================================== -->
<c-col :span="23" style="height:24px;margin-left:9px;margin-top:25px">
<el-form-item
class="labelClass"
label="S0001142"
label-width="300px"
>
</el-form-item>
</c-col>
<c-col :span="23" style="margin-left:9px">
<c-table
style="text-align: center"
:list="table3"
:paginationShow="false"
:border="true"
>
<el-table-column label="C0001020" prop="limvar" width="auto"></el-table-column>
<el-table-column label="C0001023" prop="dgzylimvar" width="auto"></el-table-column>
<el-table-column label="C0001024" prop="dglimcur" width="auto"></el-table-column>
<el-table-column label="C0001026" prop="dgsxlimamt" width="auto"></el-table-column>
<el-table-column label="C0001027" prop="dgyylimamt" width="auto"></el-table-column>
<el-table-column label="C0001028" prop="dgkylimamt" width="auto"></el-table-column>
<el-table-column label="C0001029" prop="dgcklimamt" width="auto"></el-table-column>
<el-table-column label="C0001030" prop="dgyylimck" width="auto"></el-table-column>
<el-table-column label="C0001031" prop="dgkylimck" width="auto"></el-table-column>
<el-table-column label="C0001032" prop="dghfxh" width="auto"></el-table-column>
<el-table-column label="C0001021" prop="dgzylimref" width="auto"></el-table-column>
<el-table-column label="C0001022" prop="dgzyliminfref" width="auto"></el-table-column>
<el-table-column label="C0001025" prop="dgccvbl" width="auto"></el-table-column>
</c-table>
</c-col>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api"
...@@ -14,6 +103,9 @@ export default { ...@@ -14,6 +103,9 @@ export default {
mixins: [CommonProcess], mixins: [CommonProcess],
data(){ data(){
return { return {
table1:[],
table2:[],
table3:[],
} }
}, },
...@@ -23,6 +115,9 @@ export default { ...@@ -23,6 +115,9 @@ export default {
} }
} }
</script> </script>
<style> <style scoped>
.labelClass >>> .el-form-item__label{
text-align: left;
font-weight:bold;
}
</style> </style>
src/views/Business/Bdtset/index.vue
...@@ -43,7 +43,9 @@ ...@@ -43,7 +43,9 @@
<!--PD000066 --> <!--PD000066 -->
<el-tab-pane label="付款途径" name="fktj"> <el-tab-pane label="付款途径" name="fktj">
<c-content>
<m-fktj :model="model" :codes="codes"/> <m-fktj :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> </el-tab-pane>
<!--PD001139 --> <!--PD001139 -->
......
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