04-28lhj成本样式

src/components/Finance/Cost.vue

@@ -7,7 +7,7 @@
                     <div class="ser-btn-li Cost_topFlex" style="display: flex;">
                         <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-if="item.isTrue == 'True'" style="color:#409EFF">{{ item.groupName }}</span>
                                 <span v-else style="color:gray">{{ item.groupName }}</span>
                             </el-option>
                         </el-select>
@@ -21,13 +21,13 @@
                         </el-select>
                     </div>
                     <div class="ser-btn-li">
-                        <el-button type="primary">导入收款账单</el-button>
-                        <el-button type="primary" @click="GetPriceCheckWord">生成收款账单</el-button>
-                        <el-button type="primary" @click="GetClientWord">导出客户报表</el-button>
-                        <el-button type="primary" @click="GetGroupCostExcel">导出成本</el-button>
+                        <el-button size="small" type="primary">导入收款账单</el-button>
+                        <el-button size="small" type="primary" @click="GetPriceCheckWord">生成收款账单</el-button>
+                        <el-button size="small" type="primary" @click="GetClientWord">导出客户报表</el-button>
+                        <el-button size="small" type="primary" @click="GetGroupCostExcel">导出成本</el-button>
                         <!-- <el-button type="primary">一键复制</el-button> -->
-                        <el-button type="primary" @click="GroupIsShare">成本通知</el-button>
-                        <el-button type="primary" @click="save">保存设置</el-button>
+                        <el-button size="small" type="primary" @click="GroupIsShare">成本通知</el-button>
+                        <el-button size="small" type="primary" @click="save">保存设置</el-button>
                     </div>
                 </div>
                 <div class="cost-input">
@@ -372,27 +372,27 @@
             <div style="text-align: center;padding: 10px 0;"><el-button @click="addStrip" type="primary">添 加 <i
                         class="el-icon-plus"></i></el-button></div>
             <div>
-                <el-table :data="[{ a: 1 }]" border style="width: 100%">
+                <el-table :data="[{ a: 1 }]" border style="width: 100%;font-size:12px">
                     <el-table-column v-for="item in columnTotalData" :key="item.label"
                         :width="item.width ? item.width : columnWidth"
                         :label="item.tips ? item.tips + '(' + getCurr + ')' : ''"
                         v-if="CheckBoxListSelect.filter(item => item.cbType == 'Top')[0].cbValues.includes(item.label)">
                         {{ item.totalPrice }}
                     </el-table-column>
-                    <el-table-column class="czbtn" :width="100">
-                    </el-table-column>
+                    <!-- <el-table-column class="czbtn" :width="100">
+                    </el-table-column> -->
                 </el-table>
             </div>
             <div>
-                <el-table :data="[{ a: 1 }]" border style="width: 100%">
+                <el-table :data="[{ a: 1 }]" border style="width: 100%;font-size:12px">
                     <el-table-column v-for="item in columnTotalData" :key="item.label"
                         :width="item.width ? item.width : columnWidth"
                         :label="item.singleTips ? item.singleTips + '(' + getCurr + ')' : ''"
                         v-if="CheckBoxListSelect.filter(item => item.cbType == 'Top')[0].cbValues.includes(item.label)">
                         {{ item.singlePrice }}
                     </el-table-column>
-                    <el-table-column class="czbtn" :width="100">
-                    </el-table-column>
+                    <!-- <el-table-column class="czbtn" :width="100">
+                    </el-table-column> -->
                 </el-table>
             </div>
 
@@ -403,7 +403,7 @@
                         <el-checkbox v-for="(      item, index      ) in       sheetoneOptions      " :key="index"
                             :label="item"></el-checkbox>
                     </el-checkbox-group>
-                    <div style="display: flex;">
+                    <div style="display: flex;font-size: 12px">
                         <div :style="{ 'width': costTypevalue == 'A' ? '100%' : '49%' }">
                             <div class="biaoge" style="width: 200px;margin-bottom:0px;margin-top: 20px;"
                                 v-if="CheckBoxListSelect.filter(item => item.cbType == 'Left')[0].cbValues.includes('签证') && visaCountryInfoArr.length > 0">
@@ -581,7 +581,7 @@
                                             :key="index" :prop="itemcabinone.prop" :label="itemcabinone.childLabel">
                                             <template slot-scope="scope">
                                                 <div v-if="itemcabinone.prop === 'toll'">
-                                                    <el-input :ref="'el-input-' + index"
+                                                    <el-input size="small" :ref="'el-input-' + index"
                                                         v-model="scope.row[itemcabinone.prop]" show-word-limit
                                                         disabled />
                                                 </div>
@@ -652,7 +652,7 @@
                                             :key="index" :prop="itemcabinone.prop" :label="itemcabinone.childLabel">
                                             <template slot-scope="scope">
                                                 <div v-if="itemcabinone.prop === 'toll'">
-                                                    <el-input :ref="'el-input-' + index"
+                                                    <el-input size="small" :ref="'el-input-' + index"
                                                         v-model="scope.row[itemcabinone.prop]" show-word-limit
                                                         disabled />
                                                 </div>
@@ -2300,7 +2300,7 @@ export default {
                     "totalPrice": 0,
                     "singlePrice": 0,
                     "singleTips": "",
-                    width: 85,
+                    "width": 50,
                 },
                 {
                     "label": "DATE",
@@ -2308,7 +2308,7 @@ export default {
                     "totalPrice": 0,
                     "singlePrice": 0,
                     "singleTips": "",
-                    width: 85,
+                    "width": 85,
                 },
                 {
                     "label": "ITIN",
@@ -2316,7 +2316,7 @@ export default {
                     "totalPrice": 0,
                     "singlePrice": 0,
                     "singleTips": "",
-                    width: 100,
+                    "width": 100,
                 },
                 {
                     "label": "VA",
@@ -2324,7 +2324,7 @@ export default {
                     "totalPrice": 0,
                     "singlePrice": 0,
                     "singleTips": "",
-                    width: 77,
+                    "width": 77,
                 },
                 {
                     "label": "VT",
@@ -2332,147 +2332,167 @@ export default {
                     "totalPrice": 0,
                     "singlePrice": 0,
                     "singleTips": "",
-                    width: 100,
+                    "width": 100,
                 },
                 {
                     "label": "VF",
                     "tips": "车费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "车费用人均"
+                    "singleTips": "车费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "VN",
                     "tips": "",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": ""
+                    "singleTips": "",
+                    "width": 60,
                 },
                 {
                     "label": "VRD",
                     "tips": "",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": ""
+                    "singleTips": "",
+                    "width": 60,
                 },
                 {
                     "label": "T/G S",
                     "tips": "导游工资",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游工资人均"
+                    "singleTips": "导游工资人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/G N",
                     "tips": "",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": ""
+                    "singleTips": "",
+                    "width": 60,
                 },
                 {
                     "label": "T/G WH",
                     "tips": "",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": ""
+                    "singleTips": "",
+                    "width": 60,
                 },
                 {
                     "label": "T/G OF",
                     "tips": "导游超时费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游超时费用人均"
+                    "singleTips": "导游超时费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/G M",
                     "tips": "导游餐补",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游餐补人均"
+                    "singleTips": "导游餐补人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/G A",
                     "tips": "导游房补",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游房补人均"
+                    "singleTips": "导游房补人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/G TF",
                     "tips": "导游交通费",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游交通费人均"
+                    "singleTips": "导游交通费人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/G EF",
                     "tips": "导游景点费",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游景点费人均"
+                    "singleTips": "导游景点费人均",
+                    "width": 60,
                 },
                 {
                     "label": "C/F M",
                     "tips": "司机餐补",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "司机餐补人均"
+                    "singleTips": "司机餐补人均",
+                    "width": 60,
                 },
                 {
                     "label": "C/F OF",
                     "tips": "司机超时费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "司机超时费用人均"
+                    "singleTips": "司机超时费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "B",
                     "tips": "早餐费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "早餐费用人均"
+                    "singleTips": "早餐费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "L",
                     "tips": "午餐费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "午餐费用人均"
+                    "singleTips": "午餐费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "D",
                     "tips": "晚餐费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "晚餐费用人均"
+                    "singleTips": "晚餐费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "TBR",
                     "tips": "双人间费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "双人间费用人均"
+                    "singleTips": "双人间费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "SGR",
                     "tips": "单间费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "单间费用人均"
+                    "singleTips": "单间费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "JS/ES",
                     "tips": "小套房/豪华套房费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "小套房/豪华套房费用人均"
+                    "singleTips": "小套房/豪华套房费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "SUITE",
                     "tips": "套房费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "套房费用人均"
+                    "singleTips": "套房费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "ACCO N",
@@ -2480,84 +2500,95 @@ export default {
                     "totalPrice": 0,
                     "singlePrice": 0,
                     "singleTips": "",
-                    width: 100,
+                    "width": 100,
                 },
                 {
                     "label": "T/V",
                     "tips": "公务活动费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "公务活动费用人均"
+                    "singleTips": "公务活动费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "1/L",
                     "tips": "公务活动费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "公务活动费用人均"
+                    "singleTips": "公务活动费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "I/F",
                     "tips": "公务翻译费用",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "公务翻译费用人均"
+                    "singleTips": "公务翻译费用人均",
+                    "width": 60,
                 },
                 {
                     "label": "EF",
                     "tips": "景点门票",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "景点门票人均"
+                    "singleTips": "景点门票人均",
+                    "width": 60,
                 },
                 {
                     "label": "B/R/F",
                     "tips": "饮料零食水果",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "饮料零食水果人均"
+                    "singleTips": "饮料零食水果人均",
+                    "width": 60,
                 },
                 {
                     "label": "TE",
                     "tips": "出行物资",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "出行物资人均"
+                    "singleTips": "出行物资人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/G T",
                     "tips": "导游小费",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "导游小费人均"
+                    "singleTips": "导游小费人均",
+                    "width": 60,
                 },
                 {
                     "label": "DRV T",
                     "tips": "司机小费",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "司机小费人均"
+                    "singleTips": "司机小费人均",
+                    "width": 60,
                 },
                 {
                     "label": "P/C",
                     "tips": "零用金",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "零用金人均"
+                    "singleTips": "零用金人均",
+                    "width": 60,
                 },
                 {
                     "label": "T/L F",
                     "tips": "领队费",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "领队费人均"
+                    "singleTips": "领队费人均",
+                    "width": 60,
                 },
                 {
                     "label": "E/C T",
                     "tips": "会务费",
                     "totalPrice": 0,
                     "singlePrice": 0,
-                    "singleTips": "会务费人均"
+                    "singleTips": "会务费人均",
+                    "width": 60,
                 }
             ]
         };
@@ -5301,7 +5332,6 @@ export default {
 .ser-btn {
     display: flex;
     justify-content: space-between;
-    margin-bottom: 10px;
 }
 
 .cost-info {
@@ -5359,6 +5389,7 @@ export default {
     text-align: center;
     padding-left: 5px;
     padding-right: 5px;
+    font-size: 12px;
 }
 
 .figures-btn {
@@ -5448,4 +5479,13 @@ export default {
     padding: 0;
     text-align: center;
 }
+.sheet-box .el-table th.el-table__cell>.cell{
+    font-size: 12px;
+}
+.sheet-box .el-input__inner{
+    font-size: 12px;
+}
+.cost-all .el-form-item{
+    margin-bottom: 5px;
+}
 </style>