0428整合lhj

src/components/Finance/Cost.vue

@@ -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>