Skip to content

V
vue-gjjs
Commit f0450220 by liushikai
Options

布局优化

parent b0bf3a8b
Showing with 87 additions and 40 deletions
src/views/Business/Ditopn/Engp.vue
...@@ -50,20 +50,23 @@ ...@@ -50,20 +50,23 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="12"> <c-col :span="16" style="margin-top:10px">
<el-form-item label="Amount not yet assigned"> <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:15%" 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: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> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <!-- <c-col :span="1" style="text-align:left;margin-left:0">
<el-form-item label=""> <el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt"> <c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line Add to Current Line
</c-button> </c-button>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label=""> <el-form-item label="">
......
src/views/Public/Setpan.vue
...@@ -90,35 +90,37 @@ ...@@ -90,35 +90,37 @@
:paginationShow="false" :paginationShow="false"
:border="true" :border="true"
> >
<el-table-column label="Payer" prop="ptydbt" width="auto"> <el-table-column label="Payer" prop="ptydbt" width="101px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.ptydbt"> <el-select v-model="scope.row.ptydbt">
<el-option <el-option
v-for="item in codes.ptydbt" v-for="item in codes.ptydbt"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Payee" width="auto"> <el-table-column label="Payee" width="101px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.payee"> <el-select v-model="scope.row.payee">
<el-option <el-option
v-for="item in codes.payee" v-for="item in codes.payee"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </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>
<el-table-column label="Disp" prop="dsp" width="auto"> <el-table-column label="Disp" prop="dsp" width="76px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="Text for Payer" label="Text for Payer"
...@@ -132,7 +134,7 @@ ...@@ -132,7 +134,7 @@
width="auto" width="auto"
> >
</el-table-column> </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"> <template slot-scope="scope">
<el-select v-model="scope.row.cur"> <el-select v-model="scope.row.cur">
<el-option <el-option
...@@ -145,7 +147,7 @@ ...@@ -145,7 +147,7 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </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>
<el-table-column label="" prop="det" width="80px"> <el-table-column label="" prop="det" width="80px">
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
...@@ -205,9 +207,10 @@ ...@@ -205,9 +207,10 @@
<el-option <el-option
v-for="item in codes.ptydbt" v-for="item in codes.ptydbt"
:key="item.value" :key="item.value"
:labelF="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> >
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -249,7 +252,7 @@ ...@@ -249,7 +252,7 @@
</el-dialog> </el-dialog>
</c-col> </c-col>
<!--=================== Own Commission/Charges:================== --> <!--=================== 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> <el-form-item class="formItemLabel" label="Own Commission/Charges:" label-width="200px"> </el-form-item>
</c-col> </c-col>
<c-col :span="23" style="margin-left:9px"> <c-col :span="23" style="margin-left:9px">
...@@ -259,37 +262,39 @@ ...@@ -259,37 +262,39 @@
:paginationShow="false" :paginationShow="false"
:border="true" :border="true"
> >
<el-table-column label="Role" width="auto"> <el-table-column label="Role" width="101px">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.rol"> <el-select v-model="scope.row.rol">
<el-option <el-option
v-for="item in codes.setfelRol" v-for="item in codes.setfelRol"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </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>
<el-table-column label="Source" prop="src" width="auto"> <el-table-column label="Source" prop="src" width="70px">
</el-table-column> </el-table-column>
<el-table-column label="Disp" width="auto"> <el-table-column label="Disp" width="76px">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.dsp" @change="dispDefault"> <el-select v-model="scope.row.dsp" @change="dispDefault">
<el-option <el-option
v-for="item in codes.setfeldsp" v-for="item in codes.setfeldsp"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </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>
<el-table-column <el-table-column
label="Long Fee Text" label="Long Fee Text"
...@@ -297,17 +302,35 @@ ...@@ -297,17 +302,35 @@
width="auto" width="auto"
> >
</el-table-column> </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>
<el-table-column <el-table-column
label="Original Amount" label="Original Amount"
prop="ogiamt" prop="ogiamt"
width="auto" width="150px"
> >
</el-table-column> </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>
<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"> <template slot-scope="scoped">
<el-button <el-button
style="margin-left:0" style="margin-left:0"
...@@ -321,7 +344,7 @@ ...@@ -321,7 +344,7 @@
</c-table> </c-table>
</c-col> </c-col>
<setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes"/> <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 class="formItemLabel" label="Settlement:" label-width="200px">
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -332,19 +355,20 @@ ...@@ -332,19 +355,20 @@
:paginationShow="false" :paginationShow="false"
:border="true" :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>
<el-table-column label="Role" prop="rol" width="auto"> <el-table-column label="Role" prop="rol" width="55px">
</el-table-column> </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"> <template slot-scope="scope">
<el-select v-model="scope.row.acccur"> <el-select v-model="scope.row.acccur">
<el-option <el-option
v-for="item in codes.acccur" v-for="item in codes.acccur"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
...@@ -352,18 +376,20 @@ ...@@ -352,18 +376,20 @@
<el-table-column <el-table-column
label="Amount Paid" label="Amount Paid"
prop="fmtaccamt" prop="fmtaccamt"
width="auto" width="120px"
> >
</el-table-column> </el-table-column>
<el-table-column label="Disp." width="auto"> <el-table-column label="Disp." width="101px">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.dsp"> <el-select v-model="scope.row.dsp">
<el-option <el-option
v-for="item in codes.setglldsp" v-for="item in codes.setglldsp"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="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-option>
</el-select> </el-select>
</template> </template>
...@@ -381,19 +407,37 @@ ...@@ -381,19 +407,37 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </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>
<el-table-column label="Curr." prop="cur" width="auto"> <el-table-column label="Curr." prop="cur" width="55px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="Original Amount" label="Original Amount"
prop="fmtamt" prop="fmtamt"
width="auto" width="150px"
> >
</el-table-column> </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>
<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"
>Get</el-button
>
</template>
</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-table>
</c-col> </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