Skip to content

V
vue-gjjs
Commit e40f0de7 by wangguangchao
Options

cptopn setpan优化

parent 4e8637b1
Showing with 428 additions and 18 deletions
src/views/Business/Cptopn/Setpan.vue
<template>
<div class="eibs-tab">
<el-row class="eibs-tab">
<!-- ===================顶部===================== -->
<el-col :span="6">
<el-form-item label="Reference" label-width="100px" prop="setmod.ref">
......@@ -11,12 +11,12 @@
></c-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-col :span="6">
<el-form-item label="Amount Settled" label-width="150px">
<c-input
v-model="temp1"
v-model="model.setmod.doccur"
style="width: 100%"
placeholder=""
placeholder="CNY"
:readonly="true"
></c-input>
......@@ -26,7 +26,7 @@
<el-col :span="4">
<el-form-item label="" label-width="20px">
<c-input
v-model="temp2"
v-model="model.setmod.docamt"
:readonly="true"
placeholder=""
></c-input>
......@@ -34,14 +34,21 @@
</el-col>
<el-col :span="6">
<el-form-item label="Type" label-width="100px">
<c-input
v-model="temp3"
readonly
<el-form-item label="类型" label-width="100px">
<c-select
v-model="model.setmod.dspflg"
disabled
style="width: 100%"
placeholder=""
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.dspflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</c-input >
</el-option>
</c-select>
</el-form-item>
</el-col>
......@@ -109,7 +116,7 @@
<el-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="data"
:list="model.setmod.setfog.setfol"
:paginationShow="false"
:border="true"
>
......@@ -265,6 +272,7 @@
</el-table-column>
</c-table>
</el-col>
<setpan-dialog v-if="dialogVisible2" :visible="dialogVisible2" :model="model" :idx="index" :codes="codes"/>
<!--=================== Settlement:================== -->
<el-col :span="24" style="text-align: left">
<el-form-item label="Settlement:" label-width="100px">
......@@ -273,7 +281,7 @@
<el-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="data"
:list="model.setmod.setglg.setgll"
:paginationShow="false"
:border="true"
>
......@@ -341,25 +349,49 @@
<el-table-column label="" width="auto"> </el-table-column>
</c-table>
</el-col>
</div>
</el-row>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptopn/Event";
import SetpanDialog from "./SetpanDialog.vue";
import Utils from "~/utils/index"
export default {
inject: ['root'],
props: ["model", "codes"],
components: { SetpanDialog },
data() {
return {
temp1:'USD',
temp2:'0.00',
temp3:'final',
dialogVisible2: false,
dialog2: {
feetxtinf:"",
feetxt:"",
},
index: 0,
data:[]
};
},
methods: { ...Event },
methods: {
...Event,
dispDefault(){
Api.post("cptopn/executeDefault/mac",Utils.getRequestDataFn.call(this)).then(res=>{
Utils.copyValueFromVO(this.model, res.data)
})
},
detail2(index, row) {
Api.post("cptopn/executeRule/det",Utils.getRequestDataFn.call(this)).then(res=>{
this.dialogVisible2 = true;
this.index = index;
this.dialog2 = row
})
},
},
created: function () {},
};
</script>
......
src/views/Business/Cptopn/SetpanDialog.vue 0 → 100644
<template>
<el-dialog :visible.sync="visiable" center fullscreen destroy-on-close><el-col>
<el-form v-model="model.setmod.setfeg.setfel[idx]" inline>
<el-col>
<el-col :span="8">
<el-form-item label="费用代码">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feecod"
disabled/>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="中文描述">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feetxt"
style="width: 350px"/>
<c-input
v-model="model.setmod.setfeg.setfel[idx].modflg"
disabled
style="width: 350px; margin-left: 100px"/>
</el-form-item>
</el-col>
</el-col>
<el-col>
<el-col :span="6">
<el-form-item label="详细信息">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feetxtinf"
/>
</el-form-item
>
</el-col>
<el-col :span="6">
<el-form-item label="起算时间">
<c-input
v-model="model.setmod.setfeg.setfel[idx].dat1"
type="date"
/>
</el-form-item
>
</el-col>
<el-col :span="6">
<el-form-item label="结束时间">
<c-input
v-model="
model.setmod.setfeg.setfel[idx].dat2
"
type="date"
/>
</el-form-item
>
</el-col>
<el-col :span="6">
<el-form-item label="收取份数">
<c-input
v-model="model.setmod.setfeg.setfel[idx].unt"
/>
</el-form-item
>
</el-col>
</el-col>
<el-col>
<el-form-item label="费用换算">
<c-select
v-model="model.setmod.setfeg.setfel[idx].usrcur">
<el-option
v-for="item in codes.usrcur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<c-input
v-model="model.setmod.setfeg.setfel[idx].usramt"
style="width: 200px; margin-left: 50px"
/>
</el-form-item>
</el-col>
<el-col>
<el-col :span="8">
<el-form-item label="应收费用"
>
<c-input
v-model="model.setmod.setfeg.setfel[idx].cur"
disabled
style="width: 100px; margin-right: 10px"
/>
<c-input
v-model="model.setmod.setfeg.setfel[idx].ogiamt"
disabled
style="width: 200px"
/>
</el-form-item
>
</el-col>
<el-col :span="8">
<el-form-item label="优惠百分比"
>
<c-input v-model="model.setmod.setfeg.setfel[idx].dctrat" >
<template #append>%</template>
</c-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="Period calculation starting at">
<c-input
v-model="model.setmod.setfeg.setfel[idx].datrefbeg"
disabled/>
</el-form-item
>
</el-col>
</el-col>
<el-col>
<el-col :span="8">
<el-form-item label="付款方">
<c-select
v-model="model.setmod.setfeg.setfel[idx].rol">
<el-option
v-for="item in codes.rol"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="优惠金额">
<c-input
v-model="model.setmod.setfeg.setfel[idx].dctamt"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="优惠后实收费用金额">
<c-input
v-model="model.setmod.setfeg.setfel[idx].amt"/>
</el-form-item>
</el-col>
</el-col>
<el-col>
<el-form-item
:label="idx==0?'Per mile fee depending on duration':
'A fixed amount per unit is caculated. This type will, for example, be used for correspondence charges.'"
/>
</el-col>
<el-col :span="12">
<el-col v-if="idx==0">
<el-col>
<el-form-item label="千分率">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.ratcal"
style="width: 200px"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="最小值">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.mincur"
style="width: 200px" >
<el-option
v-for="item in codes.mincur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<!-- v-model="model.setmod.setfeg.setfel[idx].fecp1.fec.minamt" -->
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.minamt"
/>
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.minfcc"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="最大值">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.maxcur"
style="width: 200px" >
<el-option
v-for="item in codes.maxcur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<c-input
style="width: 200px;"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.maxamt"/>
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.maxfcc"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item>
<c-checkbox
label="CG000652"
v-model="model.setmod.setfeg.setfel[idx].fecp1.jnwshx"
/>
</el-form-item>
</el-col>
</el-col>
<el-col v-else>
<el-form-item label="Amount">
<c-select v-model="model.setmod.setfeg.setfel[idx].wrkfec.ratcur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<c-input
style="width:200px;"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.untamt "
>
</c-input>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="销项税">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.taxrat"
disabled
style="width: 200px"
/>
</el-form-item>
</el-col>
<el-col>
<el-form-item label="客户属性">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.custyp"
disabled
style="width: 200px"
/>
</el-form-item>
</el-col>
</el-col>
<el-col v-if="idx==0" :span="12">
<el-form-item label="Caiculation Base">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.calcbs"
disabled
style="width: 200px"
/>
</el-form-item>
<el-form-item label="Calc.Period">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.pertyp">
<el-option
v-for="item in codes.pertyp"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
</el-form-item>
<el-form-item label="Min.Periods">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.per"
style="width: 200px"
/>
</el-form-item>
<el-form-item label="Rates to Apply per Period Tier"/>
<el-form-item label="from Perimod">
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr2"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr2"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr3"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr3"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr4"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr4"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr5"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr5"
/>
</el-form-item>
</el-col>
<el-col>&nbsp;</el-col>
<el-col :span="18" :offset="6">
<el-form-item label="收费的说明信息" >
<c-input
v-model="model.setmod.setfeg.setfel[idx].inftxt"
disabled
rows="10"
type="textarea"
style="width: 500px;"
/>
</el-form-item>
</el-col>
</el-form>
<el-col :span="4" :offset="8">
<c-button type="primary" @click="saveDialog">
确 定
</c-button>
</el-col>
<el-col :span="6" >
<c-button @click="visiable = false">取 消</c-button>
</el-col>
</el-col>
</el-dialog>
</template>
<script>
export default {
props: {
visible: Boolean,
model: Object,
idx: Number,
codes:Object,
},
methods: {
saveDialog() {
this.visiable = false;
},
},
computed:{
visiable:{
get:function () {return this.visible;},
set:function (value) {
debugger;
this.$parent.$parent.dialogVisible2 =value;
}
}
}
};
</script>
<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