|
|
@@ -5,7 +5,7 @@
|
|
|
<div class="cost-haed">
|
|
|
<div class="ser-btn">
|
|
|
<div class="ser-btn-li Cost_topFlex" style="display: flex;">
|
|
|
- <el-select v-model="diid" filterable placeholder="请选择" @change="groupChange">
|
|
|
+ <el-select size="small" v-model="diid" filterable placeholder="请选择" @change="groupChange">
|
|
|
<el-option v-for="item in options" :key="item.id" :label="item.groupName" :value="item.id">
|
|
|
<span v-if="item.isTrue == 'True'" style="color:green">{{ item.groupName }}</span>
|
|
|
<span v-else style="color:gray">{{ item.groupName }}</span>
|
|
|
@@ -14,7 +14,7 @@
|
|
|
<div style="line-height: 40px;width: 90px;text-align: right;padding-right: 12px;">
|
|
|
分段类型:
|
|
|
</div>
|
|
|
- <el-select v-model="costTypevalue" placeholder="请选择" @change="costTypeSelect">
|
|
|
+ <el-select size="small" v-model="costTypevalue" placeholder="请选择" @change="costTypeSelect">
|
|
|
<el-option v-for="item in costType" :key="item.value" :label="item.label"
|
|
|
:value="item.value">
|
|
|
</el-option>
|
|
|
@@ -34,10 +34,10 @@
|
|
|
<el-form :inline="true" class="demo-form-inline" :model='AGroupCostParameter' ref="inputs"
|
|
|
:rules="rules">
|
|
|
<el-form-item label="税率:" prop="tax">
|
|
|
- <el-input v-model="AGroupCostParameter.tax" placeholder="税率"></el-input>
|
|
|
+ <el-input size="small" v-model="AGroupCostParameter.tax" placeholder="税率"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="货币:">
|
|
|
- <el-select v-model="AGroupCostParameter.currency" @change="changeCurrency"
|
|
|
+ <el-select size="small" v-model="AGroupCostParameter.currency" @change="changeCurrency"
|
|
|
placeholder="请选择">
|
|
|
<el-option v-for="item in currencyOption" :key="item.currencyId"
|
|
|
:label="item.currencyCode" :value="item.currencyId">
|
|
|
@@ -45,32 +45,32 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="汇率:" prop="rate">
|
|
|
- <el-input v-model="AGroupCostParameter.rate" placeholder="汇率"></el-input>
|
|
|
+ <el-input size="small" v-model="AGroupCostParameter.rate" placeholder="汇率"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div v-show="costTypevalue == 'A'">
|
|
|
<el-form :inline="true" class="demo-form-inline" :rules="HotelRules" ref="DHotel"
|
|
|
:model="costTypeHotelNumbers.filter(item => item.type == 'Default')[0]">
|
|
|
<el-form-item label="TBR:" prop="tbr">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'Default')[0].tbr"
|
|
|
placeholder="TBR"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="SGR:" prop="sgr">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'Default')[0].sgr"
|
|
|
placeholder="SGR"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="JS/ES:" prop="jses">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'Default')[0].jses"
|
|
|
placeholder="JS/ES"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="SUITE:" prop="suite">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'Default')[0].suite"
|
|
|
placeholder="SUITE"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -83,7 +83,7 @@
|
|
|
:model="AGroupCostParameter">
|
|
|
<el-col :span="5">
|
|
|
<div> <el-form-item label="第一段开始时间:" prop="costTypeStartTime">
|
|
|
- <el-date-picker v-model="AGroupCostParameter.costTypeStartTime" type="date"
|
|
|
+ <el-date-picker size="small" v-model="AGroupCostParameter.costTypeStartTime" type="date"
|
|
|
placeholder="第一段开始时间" format="yyyy 年 MM 月 dd 日"
|
|
|
value-format="yyyy-MM-dd">
|
|
|
</el-date-picker>
|
|
|
@@ -92,7 +92,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<div> <el-form-item label="结束时间:" prop="costTypeendTime"><el-date-picker
|
|
|
- v-model="AGroupCostParameter.costTypeendTime" type="date"
|
|
|
+ size="small" v-model="AGroupCostParameter.costTypeendTime" type="date"
|
|
|
placeholder="结束时间" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -100,7 +100,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div>
|
|
|
- <el-form-item label="人数:" prop="costTypenumber"><el-input placeholder="人数"
|
|
|
+ <el-form-item label="人数:" prop="costTypenumber"><el-input size="small" placeholder="人数"
|
|
|
v-model.number="AGroupCostParameter.costTypenumber" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -111,7 +111,7 @@
|
|
|
:model="costTypeHotelNumbers.filter(item => item.type == 'A')[0]">
|
|
|
<el-col :span="3">
|
|
|
<div><el-form-item label="TBR:" prop="tbr">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'A')[0].tbr"
|
|
|
placeholder="TBR"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -119,7 +119,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div> <el-form-item label="SGR:" prop="sgr">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'A')[0].sgr"
|
|
|
placeholder="SGR"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -127,7 +127,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div><el-form-item label="JS/ES:" prop="jses">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'A')[0].jses"
|
|
|
placeholder="JS/ES"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -135,7 +135,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div><el-form-item label="SUITE:" prop="suite">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'A')[0].suite"
|
|
|
placeholder="SUITE"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -148,7 +148,7 @@
|
|
|
:model="BGroupCostParameter">
|
|
|
<el-col :span="5">
|
|
|
<div> <el-form-item label="第二段开始时间:" prop="costTypeStartTime">
|
|
|
- <el-date-picker v-model="BGroupCostParameter.costTypeStartTime" type="date"
|
|
|
+ <el-date-picker size="small" v-model="BGroupCostParameter.costTypeStartTime" type="date"
|
|
|
placeholder="第二段开始时间" format="yyyy 年 MM 月 dd 日"
|
|
|
value-format="yyyy-MM-dd">
|
|
|
</el-date-picker>
|
|
|
@@ -156,7 +156,7 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <div> <el-form-item label="结束时间:" prop="costTypeendTime"><el-date-picker
|
|
|
+ <div> <el-form-item label="结束时间:" prop="costTypeendTime"><el-date-picker size="small"
|
|
|
v-model="BGroupCostParameter.costTypeendTime" type="date"
|
|
|
placeholder="结束时间" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd">
|
|
|
</el-date-picker>
|
|
|
@@ -165,7 +165,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div>
|
|
|
- <el-form-item label="人数:" prop="costTypenumber"><el-input placeholder="人数"
|
|
|
+ <el-form-item label="人数:" prop="costTypenumber"><el-input size="small" placeholder="人数"
|
|
|
v-model.number="BGroupCostParameter.costTypenumber" clearable>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -177,7 +177,7 @@
|
|
|
<el-col :span="3">
|
|
|
<div>
|
|
|
<el-form-item label="TBR:" prop="tbr">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'B')[0].tbr"
|
|
|
placeholder="TBR"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -186,7 +186,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div> <el-form-item label="SGR:" prop="sgr">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'B')[0].sgr"
|
|
|
placeholder="SGR"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -194,7 +194,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div><el-form-item label="JS/ES:" prop="jses">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'B')[0].jses"
|
|
|
placeholder="JS/ES"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -202,7 +202,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="3">
|
|
|
<div><el-form-item label="SUITE:" prop="suite">
|
|
|
- <el-input @blur='inSelectChangeCheck'
|
|
|
+ <el-input size="small" @blur='inSelectChangeCheck'
|
|
|
v-model.number="costTypeHotelNumbers.filter(item => item.type == 'B')[0].suite"
|
|
|
placeholder="SUITE"><i slot="suffix"
|
|
|
style="font-style:normal;margin-right: 10px;">间</i></el-input>
|
|
|
@@ -760,43 +760,43 @@ export default {
|
|
|
{ label: 'E/C T', tips: '会务费(EXPO/CONFERENCE TICKET)' }
|
|
|
],
|
|
|
tableLabel: [
|
|
|
- { label: 'DAY', width: '85', prop: 'day', describe: '天数(DAY)' },
|
|
|
+ { label: 'DAY', width: '50', prop: 'day', describe: '天数(DAY)' },
|
|
|
{ label: 'DATE', width: '85', prop: 'date', describe: '时间(DATE)' },
|
|
|
{ label: 'ITIN', width: '100', prop: 'itin', describe: '行程描述(ITINERARY)' },
|
|
|
{ label: 'VA', width: '77', prop: 'sale', describe: '车服务区域(Vehicle Area)' }, // ??????????????
|
|
|
{ label: 'VT', width: '100', prop: 'carType', describe: '车型(VEHICLE TYPE)' },
|
|
|
- { label: 'VF', width: '140', prop: 'carCost', describe: '车费用(VEHICLE FEES)' },
|
|
|
- { label: 'VN', width: '140', prop: 'carNumber', describe: '车数量(VEHICLE Number)' },
|
|
|
- { label: 'VRD', width: '140', prop: 'carTiming', describe: '用车时间(VEHICLE RENTAL DURATION)' },
|
|
|
- { label: 'T/G S', width: '140', prop: 'tgs', describe: '导游工资(TOUR GUIDE SALARY)' },
|
|
|
- { label: 'T/G N', width: '140', prop: 'tgn', describe: '导游数量(TOUR GUIDE Number' },
|
|
|
- { label: 'T/G WH', width: '140', prop: 'tgwh', describe: '导游工作时间(导游工作时间)' },
|
|
|
- { label: 'T/G OF', width: '140', prop: 'tgof', describe: '导游超时费用(TOUR GUIDE OVERTIME FEES)' },
|
|
|
- { label: 'T/G M', width: '140', prop: 'tgm', describe: '导游餐补(TOUR GUIDE MEALS)' },
|
|
|
- { label: 'T/G A', width: '140', prop: 'tga', describe: '导游房补(TOUR GUIDE ACCOMMODATION)' },
|
|
|
- { label: 'T/G TF', width: '140', prop: 'tgtf', describe: '导游交通费(TOUR GUIDE TRANSPORATION FEES)' },
|
|
|
- { label: 'T/G EF', width: '140', prop: 'tgef', describe: '导游景点费(TOUR GUIDE ENTRANCE FEES)' },
|
|
|
- { label: 'C/F M', width: '140', prop: 'cfm', describe: '司机餐补(CHAUFFEUR MEALS)' },
|
|
|
- { label: 'C/F OF', width: '140', prop: 'cfof', describe: '司机超时费用(CHAUFFEUR OVERTIME FEES)' },
|
|
|
- { label: 'B', width: '140', prop: 'b', describe: '早餐(BREAKFAST) #个人成本' },
|
|
|
- { label: 'L', width: '140', prop: 'l', describe: '午餐(LUNCH) #个人成本' },
|
|
|
- { label: 'D', width: '140', prop: 'd', describe: '晚餐(DINNER) #个人成本' },
|
|
|
- { label: 'TBR', width: '140', prop: 'tbr', describe: '双人间(TWIN BED ROOM) #个人成本' },
|
|
|
- { label: 'SGR', width: '140', prop: 'sgr', describe: '单间(SINGLE ROOM) #个人成本' },
|
|
|
- { label: 'JS/ES', width: '140', prop: 'jS_ES', describe: '小套房/豪华套房(JUNIOR SUITE/EXECUTIVE SUITE) #个人成本' },
|
|
|
- { label: 'SUITE', width: '140', prop: 'suite', describe: '套房(SUITE) #个人成本' },
|
|
|
+ { label: 'VF', width: '60', prop: 'carCost', describe: '车费用(VEHICLE FEES)' },
|
|
|
+ { label: 'VN', width: '60', prop: 'carNumber', describe: '车数量(VEHICLE Number)' },
|
|
|
+ { label: 'VRD', width: '60', prop: 'carTiming', describe: '用车时间(VEHICLE RENTAL DURATION)' },
|
|
|
+ { label: 'T/G S', width: '60', prop: 'tgs', describe: '导游工资(TOUR GUIDE SALARY)' },
|
|
|
+ { label: 'T/G N', width: '60', prop: 'tgn', describe: '导游数量(TOUR GUIDE Number' },
|
|
|
+ { label: 'T/G WH', width: '60', prop: 'tgwh', describe: '导游工作时间(导游工作时间)' },
|
|
|
+ { label: 'T/G OF', width: '60', prop: 'tgof', describe: '导游超时费用(TOUR GUIDE OVERTIME FEES)' },
|
|
|
+ { label: 'T/G M', width: '60', prop: 'tgm', describe: '导游餐补(TOUR GUIDE MEALS)' },
|
|
|
+ { label: 'T/G A', width: '60', prop: 'tga', describe: '导游房补(TOUR GUIDE ACCOMMODATION)' },
|
|
|
+ { label: 'T/G TF', width: '60', prop: 'tgtf', describe: '导游交通费(TOUR GUIDE TRANSPORATION FEES)' },
|
|
|
+ { label: 'T/G EF', width: '60', prop: 'tgef', describe: '导游景点费(TOUR GUIDE ENTRANCE FEES)' },
|
|
|
+ { label: 'C/F M', width: '60', prop: 'cfm', describe: '司机餐补(CHAUFFEUR MEALS)' },
|
|
|
+ { label: 'C/F OF', width: '60', prop: 'cfof', describe: '司机超时费用(CHAUFFEUR OVERTIME FEES)' },
|
|
|
+ { label: 'B', width: '60', prop: 'b', describe: '早餐(BREAKFAST) #个人成本' },
|
|
|
+ { label: 'L', width: '60', prop: 'l', describe: '午餐(LUNCH) #个人成本' },
|
|
|
+ { label: 'D', width: '60', prop: 'd', describe: '晚餐(DINNER) #个人成本' },
|
|
|
+ { label: 'TBR', width: '60', prop: 'tbr', describe: '双人间(TWIN BED ROOM) #个人成本' },
|
|
|
+ { label: 'SGR', width: '60', prop: 'sgr', describe: '单间(SINGLE ROOM) #个人成本' },
|
|
|
+ { label: 'JS/ES', width: '60', prop: 'jS_ES', describe: '小套房/豪华套房(JUNIOR SUITE/EXECUTIVE SUITE) #个人成本' },
|
|
|
+ { label: 'SUITE', width: '60', prop: 'suite', describe: '套房(SUITE) #个人成本' },
|
|
|
{ label: 'ACCO N', width: '100', prop: 'accon', describe: '住宿地名称(ACCOMMODATION NAME)' },
|
|
|
- { label: 'T/V', width: '140', prop: 'tv', describe: '公务活动费用(T/V)' },
|
|
|
- { label: '1/L', width: '140', prop: 'iL', describe: '邀请函相关费用(1/L)' },
|
|
|
- { label: 'I/F', width: '140', prop: 'if', describe: '公务翻译费用(INTERPRETER FEES)' },
|
|
|
- { label: 'EF', width: '140', prop: 'ef', describe: '景点门票(ENTRANCE FEE) #个人成本' },
|
|
|
- { label: 'B/R/F', width: '140', prop: 'b_R_F', describe: '饮料零食水果(BEVERAGE/RRESHMENT/FRUIT)' },
|
|
|
- { label: 'TE', width: '140', prop: 'te', describe: '出行物资(TRAVELLLING ESSENTIALS) #个人成本' },
|
|
|
- { label: 'T/G T', width: '140', prop: 'tgTips', describe: '导游小费(T/G TIPS) #个人成本' },
|
|
|
- { label: 'DRV T', width: '140', prop: 'drvTips', describe: '司机小费(DRIVER TIPS #个人成本)' },
|
|
|
- { label: 'P/C', width: '140', prop: 'pc', describe: '零用金(PETTY CASH) #个人成本' },
|
|
|
- { label: 'T/L F', width: '140', prop: 'tlf', describe: '领队费(TOUR LEADER FEES)' },
|
|
|
- { label: 'E/C T', width: '140', prop: 'ect', describe: '会务费(EXPO/CONFERENCE TICKET)' }
|
|
|
+ { label: 'T/V', width: '60', prop: 'tv', describe: '公务活动费用(T/V)' },
|
|
|
+ { label: '1/L', width: '60', prop: 'iL', describe: '邀请函相关费用(1/L)' },
|
|
|
+ { label: 'I/F', width: '60', prop: 'if', describe: '公务翻译费用(INTERPRETER FEES)' },
|
|
|
+ { label: 'EF', width: '60', prop: 'ef', describe: '景点门票(ENTRANCE FEE) #个人成本' },
|
|
|
+ { label: 'B/R/F', width: '60', prop: 'b_R_F', describe: '饮料零食水果(BEVERAGE/RRESHMENT/FRUIT)' },
|
|
|
+ { label: 'TE', width: '60', prop: 'te', describe: '出行物资(TRAVELLLING ESSENTIALS) #个人成本' },
|
|
|
+ { label: 'T/G T', width: '60', prop: 'tgTips', describe: '导游小费(T/G TIPS) #个人成本' },
|
|
|
+ { label: 'DRV T', width: '60', prop: 'drvTips', describe: '司机小费(DRIVER TIPS #个人成本)' },
|
|
|
+ { label: 'P/C', width: '60', prop: 'pc', describe: '零用金(PETTY CASH) #个人成本' },
|
|
|
+ { label: 'T/L F', width: '60', prop: 'tlf', describe: '领队费(TOUR LEADER FEES)' },
|
|
|
+ { label: 'E/C T', width: '60', prop: 'ect', describe: '会务费(EXPO/CONFERENCE TICKET)' }
|
|
|
],
|
|
|
statisticsArr: [
|
|
|
{ label: 'DAY', total: '', individual: '' },
|
|
|
@@ -5019,7 +5019,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.Cost_topFlex .el-select {
|
|
|
- width: 200px;
|
|
|
+ width: 400px;
|
|
|
}
|
|
|
|
|
|
.hiddenElement {
|
|
|
@@ -5077,4 +5077,8 @@ export default {
|
|
|
.tables .el-input--mini {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
+.tables .el-input__inner{
|
|
|
+ padding: 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|
