Skip to content

V
vue-gjjs
Commit f0450220 by liushikai
Options

布局优化

parent b0bf3a8b
Showing with 92 additions and 45 deletions
src/views/Business/Ditopn/Engp.vue
......@@ -50,20 +50,23 @@
</el-form-item>
</c-col> -->
<c-col :span="12">
<c-col :span="16" style="margin-top:10px">
<el-form-item label="Amount not yet assigned">
<c-input style="width:20%" disabled v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
<c-input style="width:50%" disabled v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></c-input>
<c-input style="width:15%" disabled v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
<c-input style="width:40%" disabled v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></c-input>
<c-button style="width:20%" size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<!-- <c-col :span="1" style="text-align:left;margin-left:0">
<el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
</el-form-item>
</c-col>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="">
......
src/views/Public/Setpan.vue
......@@ -90,35 +90,37 @@
:paginationShow="false"
:border="true"
>
<el-table-column label="Payer" prop="ptydbt" width="auto">
<el-table-column label="Payer" prop="ptydbt" width="101px">
<template slot-scope="scope">
<el-select v-model="scope.row.ptydbt">
<el-option
v-for="item in codes.ptydbt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
v-for="item in codes.ptydbt"
:key="item.value"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Payee" width="auto">
<el-table-column label="Payee" width="101px">
<template slot-scope="scope">
<el-select v-model="scope.row.payee">
<el-option
v-for="item in codes.payee"
:key="item.value"
:label="item.label"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Source" prop="src" width="auto">
<el-table-column label="Source" prop="src" width="70px">
</el-table-column>
<el-table-column label="Disp" prop="dsp" width="auto">
<el-table-column label="Disp" prop="dsp" width="76px">
</el-table-column>
<el-table-column
label="Text for Payer"
......@@ -132,7 +134,7 @@
width="auto"
>
</el-table-column>
<el-table-column label="Currency" prop="cur" width="auto">
<el-table-column label="Currency" prop="cur" width="93px">
<template slot-scope="scope">
<el-select v-model="scope.row.cur">
<el-option
......@@ -145,7 +147,7 @@
</el-select>
</template>
</el-table-column>
<el-table-column label="Amount" prop="amt" width="auto">
<el-table-column label="Amount" prop="amt" width="150px">
</el-table-column>
<el-table-column label="" prop="det" width="80px">
<template slot-scope="scope" slot="header">
......@@ -205,9 +207,10 @@
<el-option
v-for="item in codes.ptydbt"
:key="item.value"
:labelF="item.label"
:label="item.label"
:value="item.value"
/>
>
</el-option>
</el-select>
</el-form-item>
</c-col>
......@@ -249,7 +252,7 @@
</el-dialog>
</c-col>
<!--=================== Own Commission/Charges:================== -->
<c-col :span="23" style="margin-left:9px;height:24px;margin-top:15px">
<c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px">
<el-form-item class="formItemLabel" label="Own Commission/Charges:" label-width="200px"> </el-form-item>
</c-col>
<c-col :span="23" style="margin-left:9px">
......@@ -259,37 +262,39 @@
:paginationShow="false"
:border="true"
>
<el-table-column label="Role" width="auto">
<el-table-column label="Role" width="101px">
<template #default="scope">
<el-select v-model="scope.row.rol">
<el-option
v-for="item in codes.setfelRol"
:key="item.value"
:label="item.label"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Code" prop="feecod" width="auto">
<el-table-column label="Code" prop="feecod" width="101px">
</el-table-column>
<el-table-column label="Source" prop="src" width="auto">
<el-table-column label="Source" prop="src" width="70px">
</el-table-column>
<el-table-column label="Disp" width="auto">
<el-table-column label="Disp" width="76px">
<template #default="scope">
<el-select v-model="scope.row.dsp" @change="dispDefault">
<el-option
v-for="item in codes.setfeldsp"
:key="item.value"
:label="item.label"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Units" prop="unt" width="auto">
<el-table-column label="Units" prop="unt" width="70px">
</el-table-column>
<el-table-column
label="Long Fee Text"
......@@ -297,17 +302,35 @@
width="auto"
>
</el-table-column>
<el-table-column label="Currency" prop="cur" width="auto">
<el-table-column label="Currency" prop="cur" width="100px">
</el-table-column>
<el-table-column
label="Original Amount"
prop="ogiamt"
width="auto"
width="150px"
>
</el-table-column>
<el-table-column label="Fee Amount" prop="amt" width="auto">
<el-table-column label="Fee Amount" prop="amt" width="150px">
</el-table-column>
<el-table-column label="Details" prop="det" width="80px">
<el-table-column label="" prop="det" width="80px">
<template slot-scope="scope" slot="header">
<el-button
circle
style="padding:4px"
class="el-icon-plus"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
style="padding:4px"
circle
class="el-icon-minus"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<el-button
style="margin-left:0"
......@@ -321,7 +344,7 @@
</c-table>
</c-col>
<setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes"/>
<c-col :span="23" style="margin-left:9px;height:24px;margin-top:15px">
<c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px">
<el-form-item class="formItemLabel" label="Settlement:" label-width="200px">
</el-form-item>
</c-col>
......@@ -332,19 +355,20 @@
:paginationShow="false"
:border="true"
>
<el-table-column label="Mod" prop="modflg" width="auto">
<el-table-column label="Mod" prop="modflg" width="46px">
</el-table-column>
<el-table-column label="Role" prop="rol" width="auto">
<el-table-column label="Role" prop="rol" width="55px">
</el-table-column>
<el-table-column label="in" prop="acccur" width="auto">
<el-table-column label="in" prop="acccur" width="101px">
<template slot-scope="scope">
<el-select v-model="scope.row.acccur">
<el-option
v-for="item in codes.acccur"
:key="item.value"
:label="item.label"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</template>
......@@ -352,18 +376,20 @@
<el-table-column
label="Amount Paid"
prop="fmtaccamt"
width="auto"
width="120px"
>
</el-table-column>
<el-table-column label="Disp." width="auto">
<el-table-column label="Disp." width="101px">
<template #default="scope">
<el-select v-model="scope.row.dsp">
<el-option
v-for="item in codes.setglldsp"
:key="item.value"
:label="item.label"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.value }}</span>
<span style="float: left;margin-left:20px">{{ item.label }}</span>
</el-option>
</el-select>
</template>
......@@ -381,19 +407,37 @@
</el-select>
</template>
</el-table-column>
<el-table-column label="C" prop="debcdtflg" width="auto">
<el-table-column label="C" prop="debcdtflg" width="45px">
</el-table-column>
<el-table-column label="Curr." prop="cur" width="auto">
<el-table-column label="Curr." prop="cur" width="55px">
</el-table-column>
<el-table-column
label="Original Amount"
prop="fmtamt"
width="auto"
width="150px"
>
</el-table-column>
<el-table-column label="Rate" prop="rat" width="auto">
<el-table-column label="Rate" prop="rat" width="120px">
</el-table-column>
<el-table-column label="" width="80px">
<template>
<el-button
style="margin-left:0"
size="small"
type="primary"
>Get</el-button
>
</template>
</el-table-column>
<el-table-column label="" width="80px"> </el-table-column>
<el-table-column label="" width="80px">
<template>
<el-button
style="margin-left:0"
size="small"
type="primary"
>详情</el-button
>
</template> </el-table-column>
</c-table>
</c-col>
......
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