Skip to content

V
vue-gjjs
Commit b9abbc22 by liuxin
Options

Setpan页面排版调整

parent 1d71667c
Showing with 40 additions and 131 deletions
src/views/Business/Ditopn/Setpan.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-col :span="12"> <el-col :span="10">
<el-form-item label="参考号"> <el-form-item label="参考号">
<c-input v-model="model.setmod.ref" maxlength="16" placeholder="请输入our reference"></c-input> <c-input v-model="model.setmod.ref" maxlength="16" placeholder="请输入our reference"></c-input>
</el-form-item> </el-form-item>
...@@ -13,27 +13,27 @@ ...@@ -13,27 +13,27 @@
</el-col> </el-col>
--> -->
<el-col :span="5"> <el-col :span="9" style="margin-left:-8%">
<el-form-item label="结算金额"> <el-form-item label="结算金额">
<c-select v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency"> <c-select v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency">
</c-select> </c-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="9" style="margin-left:-150px">
<el-form-item label=""> <el-form-item label="">
<c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input> <c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="10">
<el-form-item label="类型"> <el-form-item label="类型">
<c-select v-model="model.setmod.dspflg" style="width:100%" placeholder="请选择Type of settlement"> <c-select v-model="model.setmod.dspflg" style="width:100%" placeholder="请选择Type of settlement">
</c-select> </c-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <!--
<el-col :span="12"> <el-col :span="12">
<el-form-item label="自贸区账号"> <el-form-item label="自贸区账号">
<c-input v-model="model.setmod.zmqacc" maxlength="20" placeholder="请输入自贸区账号"></c-input> <c-input v-model="model.setmod.zmqacc" maxlength="20" placeholder="请输入自贸区账号"></c-input>
...@@ -46,61 +46,34 @@ ...@@ -46,61 +46,34 @@
</el-col> </el-col>
--> -->
<el-col :span="12" style="text-align:right"> <el-col :span="3" style="text-align:center">
<c-button size="small" type="primary" @click="onSetmodDet"> <c-button size="small" type="primary" @click="onSetmodDet">
细节 细节
</c-button> </c-button>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24" style="text-align:center">
<el-form-item label="Foreign Commission/Charges:"> <el-form-item label="Foreign Commission/Charges:">
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<c-table style="text-align:center"> <c-table style="text-align:center">
<el-table-column <el-table-column label="Payer" width=60>
label="Payer"
width=60
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Payee" width=60>
label="Payee"
width=60
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Source" width=50>
label="Source"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Disp" width=70>
label="Disp"
width=70
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Text for Payer" width=100>
label="Text for Payer"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Text for Payee" width=100>
label="Text for Payee"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Currency" width=30>
label="Currency"
width=30
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Amount" width=100>
label="Amount"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="" width=50>
label=""
width=50
>
</el-table-column> </el-table-column>
</c-table> </c-table>
...@@ -111,55 +84,25 @@ ...@@ -111,55 +84,25 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<c-table style="text-align:center"> <c-table style="text-align:center">
<el-table-column <el-table-column label="Role" width=50>
label="Role"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Code" width=60>
label="Code"
width=60
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Source" width=50>
label="Source"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Disp" width=70>
label="Disp"
width=70
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Units" width=50>
label="Units"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Long Fee Text" width=120>
label="Long Fee Text"
width=120
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Currency" width=30>
label="Currency"
width=30
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Original Amount" width=100>
label="Original Amount"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Fee Amount" width=100>
label="Fee Amount"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Details" width=50>
label="Details"
width=50
>
</el-table-column> </el-table-column>
</c-table> </c-table>
</el-col> </el-col>
...@@ -169,74 +112,41 @@ ...@@ -169,74 +112,41 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<c-table style="text-align:center"> <c-table style="text-align:center">
<el-table-column <el-table-column label="Mod" width=30>
label="Mod"
width=30
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Role" width=50>
label="Role"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="in" width=50>
label="in"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Amount Paid" width=100>
label="Amount Paid"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Disp." width=50>
label="Disp."
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Account" width=100>
label="Account"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="C" width=30>
label="C"
width=30
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Curr." width=30>
label="Curr."
width=30
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Original Amount" width=100>
label="Original Amount"
width=100
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="Rate" width=50>
label="Rate"
width=50
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="" width=50>
label=""
width=50
>
</el-table-column> </el-table-column>
</c-table> </c-table>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg" > </span> <span v-text="model.setmod.retmsg" data-path=".setmod.retmsg"> </span>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab" > </span> <span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab"> </span>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<span v-text="model.setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg" > </span> <span v-text="model.setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg"> </span>
</el-col> </el-col>
</div> </div>
</template> </template>
...@@ -259,5 +169,4 @@ export default { ...@@ -259,5 +169,4 @@ export default {
} }
</script> </script>
<style> <style>
</style> </style>
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