页面修改

src/components/TravelManager/TravelNewQuotation/CostNewPrice.vue

@@ -21,6 +21,7 @@
   .CostNewPrice .CP_ComTitle2 {
     color: #106BAF;
     font-weight: bold;
+    background-color: #D1EEEE;
   }
 
   .CostNewTable td {
@@ -279,8 +280,8 @@
             <td class="CP_ComTitle2" colspan="5">杂支部分</td>
           </tr>
           <tr>
-            <td class="CostcomCenter">1</td>
-            <td>内陆段机位(每人)</td>
+            <td class="CP_ComTitle2 CostcomCenter">1</td>
+            <td class="CP_ComTitle2">内陆段机位(每人)</td>
             <td>
               <el-form-item>
                 <el-select v-model='OtherPrice.InlandAirTicketCurrency' class="w100">
@@ -297,8 +298,8 @@
                   @keyup.native="checkPrice(OtherPrice,'InlandAirTicketMoney'),getchange()"></el-input>
               </el-form-item>
             </td>
-            <td class="CostcomCenter">1</td>
-            <td colspan="2">签证费(每人)</td>
+            <td class="CP_ComTitle2 CostcomCenter">1</td>
+            <td colspan="2" class="CP_ComTitle2">签证费(每人)</td>
             <td colspan="2">
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.VisaMoney"
@@ -307,8 +308,8 @@
             </td>
           </tr>
           <tr>
-            <td class="CostcomCenter">2</td>
-            <td>内陆段船票(每人)</td>
+            <td class="CP_ComTitle2 CostcomCenter">2</td>
+            <td class="CP_ComTitle2">内陆段船票(每人)</td>
             <td>
               <el-form-item>
                 <el-select v-model='OtherPrice.InlandShipTicketCurrency' class="w100">
@@ -325,8 +326,8 @@
                   @keyup.native="checkPrice(OtherPrice,'InlandShipTicketMoney'),getchange()"></el-input>
               </el-form-item>
             </td>
-            <td class="CostcomCenter">2</td>
-            <td colspan="2">保险费(每人)</td>
+            <td class="CP_ComTitle2 CostcomCenter">2</td>
+            <td colspan="2" class="CP_ComTitle2">保险费(每人)</td>
             <td colspan="2">
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.SafeMoney"
@@ -335,8 +336,8 @@
             </td>
           </tr>
           <tr>
-            <td class="CostcomCenter">3</td>
-            <td>内陆段火车票(每人)</td>
+            <td class="CP_ComTitle2 CostcomCenter">3</td>
+            <td class="CP_ComTitle2">内陆段火车票(每人)</td>
             <td>
               <el-form-item>
                 <el-select v-model='OtherPrice.InlandTrainTicketCurrency' class="w100">
@@ -353,8 +354,8 @@
                   @keyup.native="checkPrice(OtherPrice,'InlandTrainTicketMoney'),getchange()"></el-input>
               </el-form-item>
             </td>
-            <td class="CostcomCenter">3</td>
-            <td colspan="2">领队小费</td>
+            <td class="CP_ComTitle2 CostcomCenter">3</td>
+            <td colspan="2" class="CP_ComTitle2">领队小费</td>
             <td colspan="2">
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.LeaderTripMoney"
@@ -364,8 +365,8 @@
           </tr>
           <tr>
             <td colspan="4"></td>
-            <td class="CostcomCenter">4</td>
-            <td colspan="2">司机、导游小费</td>
+            <td class="CP_ComTitle2 CostcomCenter">4</td>
+            <td colspan="2" class="CP_ComTitle2">司机、导游小费</td>
             <td colspan="2">
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.DriverGuideMoney"
@@ -393,28 +394,28 @@
             <td class="CP_ComTitle2 CostcomCenter" colspan="2">金额（人民币）</td>
           </tr>
           <tr>
-            <td style="white-space:nowrap; ">销售提成1%</td>
+            <td style="white-space:nowrap; " class="CP_ComTitle2">销售提成1%</td>
             <td>
               <el-form-item>
                 <el-input type='text' class="w120" v-model="OtherPrice.SalesCommissionMoney"
                   @keyup.native="checkPrice(OtherPrice,'SalesCommissionMoney'),getchange()"></el-input>
               </el-form-item>
             </td>
-            <td>机票</td>
+            <td class="CP_ComTitle2">机票</td>
             <td>
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.AirTicketMoeny"
                   @keyup.native="checkPrice(OtherPrice,'AirTicketMoeny'),getchange()"></el-input>
               </el-form-item>
             </td>
-            <td>客人小费收入</td>
+            <td class="CP_ComTitle2">客人小费收入</td>
             <td>
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.TripMoney"
                   @keyup.native="checkPrice(OtherPrice,'TripMoney',true),getchange()"></el-input>
               </el-form-item>
             </td>
-            <td>KB</td>
+            <td class="CP_ComTitle2">KB</td>
             <td colspan="2">
               <el-form-item>
                 <el-input type='text' class="w120" v-model="OtherPrice.KBMoney"
@@ -423,7 +424,7 @@
             </td>
           </tr>
           <tr>
-            <td style="white-space:nowrap; ">作业处提成</td>
+            <td style="white-space:nowrap; " class="CP_ComTitle2">作业处提成</td>
             <td>
               <el-form-item>
                 <el-input type='text' class="w120" v-model="OtherPrice.OfficeCommissionMoney"
@@ -431,7 +432,7 @@
               </el-form-item>
             </td>
             <td colspan="2"></td>
-            <td>导游人头费</td>
+            <td class="CP_ComTitle2">导游人头费</td>
             <td>
               <el-form-item>
                 <el-input type='text' class="w100" v-model="OtherPrice.GuidePeopleMoney"
@@ -505,7 +506,7 @@
             <td colspan="9" class="CP_ComTitle2">成本统计</td>
           </tr>
           <tr>
-            <td>人数统计</td>
+            <td class="CP_ComTitle2">人数统计</td>
             <td colspan="8"></td>
           </tr>
           <tr v-for="item in CostNumberList" :key="item.subCode">

src/components/TravelManager/TravelNewQuotation/DirectNewQuotation.vue

@@ -111,17 +111,28 @@
     <el-form label-width="100px" ref="currentOfferFrom">
       <div class="switchDiv clearfix" style="width:98%;">
         <div class="DirectPriceCenter">
-
           <div class="singlePrice clearfix">
-            <CostNewPrice ref="CostNewPrice" :postConfig="postConfig" :OtherPrice="otherPrice" 
-                :dayCostPrice="dayCostPrice" :LineList="LineList"       :CostCurrencyList="CostCurrencyList" :CostNumberList="CostNumberList"  :CurrencyNumberListExt="CurrencyNumberListExt"></CostNewPrice>
+            <CostNewPrice ref="CostNewPrice" :postConfig="postConfig" :OtherPrice="otherPrice"
+              :dayCostPrice="dayCostPrice" :LineList="LineList" :CostCurrencyList="CostCurrencyList"
+              :CostNumberList="CostNumberList" :CurrencyNumberListExt="CurrencyNumberListExt"></CostNewPrice>
           </div>
         </div>
         <div class="DirectRightPrice" style="margin-left:20px;">
           <div class="dingjiaDiv">
             <span class="TMTitle"><i></i>定价</span>
+            &nbsp;&nbsp;&nbsp;&nbsp;
+            <template v-if="!IsShow">
+              <span @click="IsShow=true" class="TMTitle" style="color:blue;cursor:pointer;text-decoration:underline;">
+                显示分项报价
+              </span>
+            </template>
+            <template v-else>
+              <span @click="IsShow=false" class="TMTitle" style="color:blue;cursor:pointer;text-decoration:underline;">
+                隐藏分项报价
+              </span>
+            </template>
           </div>
-          <div>
+          <div v-show="IsShow">
             <div class="Dleftname"></div>
             <div class="DrightList">
               <el-checkbox style="margin-left:25px;" v-model="teamPrice.IsSupportChildren"
@@ -139,7 +150,7 @@
               </el-form-item>
             </div>
           </div>
-          <div class="clearfix">
+          <div class="clearfix" v-show="IsShow">
             <div class="Dleftname">标准</div>
             <div class="DrightList">
               <el-form-item>
@@ -180,7 +191,7 @@
               </el-form-item>
             </div>
           </div>
-          <div class="clearfix">
+          <div class="clearfix" v-show="IsShow">
             <div class="Dleftname">增收</div>
             <div class="DrightList">
               <el-form-item>
@@ -227,7 +238,7 @@
               </el-form-item>
             </div>
           </div>
-          <div class="clearfix">
+          <div class="clearfix" v-show="IsShow">
             <div class="Dleftname">减免</div>
             <div class="DrightList">
               <el-form-item>
@@ -273,11 +284,14 @@
   import CostNewPrice from "../TravelNewQuotation/CostNewPrice";
 
   export default {
-    props: ["postConfig", "dayCostPrice", "otherPrice", "teamPrice","LineList","CostCurrencyList","CostNumberList","CurrencyNumberListExt"],
+    props: ["postConfig", "dayCostPrice", "otherPrice", "teamPrice", "LineList", "CostCurrencyList", "CostNumberList",
+      "CurrencyNumberListExt"
+    ],
     data() {
       return {
         CheckedVaule: 2,
         UnCheckedVaule: 1,
+        IsShow: false,
       };
     },
     methods: {