页面修改

src/components/TravelManager/TravelNewQuotation/CostNewPrice.vue

@@ -17,29 +17,40 @@
   .CostNewPrice .QuotationFirstDiv1 .el-form-item__content .el-select {
     width: calc(100% - 100px);
   }
-  .CostNewPrice .CP_ComTitle2{ color:#106BAF;font-weight: bold;} 
-  .CostNewTable{
-    width:70%;
+
+  .CostNewPrice .CP_ComTitle2 {
+    color: #106BAF;
+    font-weight: bold;
+  }
+
+  .CostNewTable {
+    width: 70%;
   }
-  .CostNewTable td{
-    padding:5px;
+
+  .CostNewTable td {
+    padding: 5px;
     height: 40px;
-    border:1px solid #106BAF;
+    border: 1px solid #106BAF;
   }
-  .CostPriceDiv{
-    float:left;
-    width:19%;
-    margin-right:23px;
+
+  .CostPriceDiv {
+    float: left;
+    width: 19%;
+    margin-right: 23px;
   }
-  .CP_ComTitle{
-    color:#106BAF;
+
+  .CP_ComTitle {
+    color: #106BAF;
   }
-  .w505{
-    width:505px!important;
+
+  .w505 {
+    width: 505px !important;
   }
-  .CostcomCenter{
+
+  .CostcomCenter {
     text-align: center;
   }
+
 </style>
 
 <template>
@@ -69,15 +80,16 @@
             </el-col>
             <el-col :span="6">
               <el-form-item label="客户名称" label-width="100px">
-                <el-input v-model="postConfig.CustomerName" type="text" class="w280" placeholder="客户名称" maxlength="200"></el-input>
+                <el-input v-model="postConfig.CustomerName" type="text" class="w280" placeholder="客户名称" maxlength="200">
+                </el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="40">
             <el-col :span="6">
               <el-form-item label="团队标题" label-width="100px">
-                <el-input v-model="postConfig.Title" type="textarea" class="w240"
-                  :autosize="{minRows: 1, maxRows: 2 }" resize="none" placeholder="请填写团队标题" maxlength="200"></el-input>
+                <el-input v-model="postConfig.Title" type="textarea" class="w240" :autosize="{minRows: 1, maxRows: 2 }"
+                  resize="none" placeholder="请填写团队标题" maxlength="200"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="6">
@@ -132,16 +144,19 @@
             </div>
           </div>
         </div>
-        <table class="CP_comTable">
+        <br />
+
+        <table class="CostPriceTable CostNewTable">
+          <thead>
             <tr>
-            <td width="170">币种</td>
+              <td width="170" class="CP_ComTitle2 CostcomCenter">币种</td>
               <td v-for='(item,index) in CostCurrencyList'>
                 {{item.CurrencyName}}
                 <span>
                   <i class="iconfont icon-quxiao" @click="DeleteCurrency(index)"></i>
                 </span>
               </td>
-            <td>
+              <td :colspan="9-2-CostCurrencyList.length+1">
                 <el-form-item class="w100">
                   <el-select v-model='currencyType' @change="getRate(currencyType),addCurrency()">
                     <el-option v-for="item in currencyTypeArr" :label='item.Name' :value='item.ID' :key='item.ID'>
@@ -151,20 +166,20 @@
               </td>
             </tr>
             <tr>
-            <td>汇率</td>
+              <td class="CP_ComTitle2 CostcomCenter">汇率</td>
               <td v-for='item in CostCurrencyList'>
                 <el-input class="w80" v-model='item.ExchangeRate'
                   @keyup.native="checkRate(item,'ExchangeRate'),getchange()">
                 </el-input>
               </td>
-            <td>
+              <td :colspan="9-2-CostCurrencyList.length+1">
                 <el-input class="w100" v-model='queryMsg.RateInput'
                   @keyup.native="checkRate(queryMsg,'RateInput'),getchange()">
                 </el-input>
               </td>
             </tr>
             <tr>
-            <td width="170">人数</td>
+              <td width="170" class="CP_ComTitle2 CostcomCenter">人数</td>
               <td v-for="(item,index) in CostNumberList" :key='item.subCode'>
                 <el-input class="w80" v-model='item.PeopleNumber' @keyup.native="checkInteger(item,'PeopleNumber')">
                 </el-input>
@@ -172,31 +187,31 @@
                   <i class="iconfont icon-quxiao" @click="DeletePNumber(index),getchange()"></i>
                 </span>
               </td>
-            <td width="150">
+              <td width="150" :colspan="9-2-CostNumberList.length+1">
                 <el-form-item>
                   <el-input class="w80" v-model='queryMsg.PeopleNumber'
                     @keyup.native="checkInteger(queryMsg,'PeopleNumber'),getchange()"></el-input>
                 </el-form-item>
-              <div class="AS_addPeoNumer">
-                <i class="iconfont icon-img_haha" @click="addPeoNunber"></i>
-              </div>
+                <a @click="addPeoNunber" style="cursor:pointer;color:red;">添加</a>
               </td>
             </tr>
             <tr v-for="item in CostCurrencyList">
-            <td>地接报价（{{item.CurrencyName}}）</td>
+              <td class="CP_ComTitle2 CostcomCenter">地接报价
+                <br />({{item.CurrencyName}})
+              </td>
               <td v-if="checkExists(item.CurrencyId)" v-for="childItem in getCurrencyNumberList(item.CurrencyId)">
                 <el-form-item>
                   <el-input class="w80" v-model='childItem.Money'
                     @keyup.native="checkPrice(childItem,'Money',true),getchange()"></el-input>
                 </el-form-item>
               </td>
-            <td>
+              <td :colspan="9-2-getCurrencyNumberList(item.CurrencyId).length+1">
               </td>
             </tr>
-        </table>
-        <br/>
-
-        <table class="CostPriceTable CostNewTable">
+          </thead>
+           <tr>
+            <td colspan="9"></td>
+          </tr>
           <tr>
             <td rowspan="2" width='180' class="CP_ComTitle2 CostcomCenter">Day</td>
             <td rowspan="2" width='200' class="CP_ComTitle2 CostcomCenter">行程大点</td>
@@ -212,7 +227,9 @@
             <td width="100" class="CP_ComTitle2 CostcomCenter">晚</td>
           </tr>
           <tr v-for="subItem in dayCostPrice" :key="subItem.subCode">
-            <td align="center"><div style="width:100px;">{{subItem.DayNum}}</div></td>
+            <td align="center">
+              <div style="width:100px;">{{subItem.DayNum}}</div>
+            </td>
             <td>
               <el-input type="textarea" resize="none" v-model="subItem.Title"></el-input>
             </td>
@@ -739,6 +756,7 @@
       getCurrencyNumberList(CurrencyId) {
         let currencyNumberList = [];
         let flag = false;
+        console.log("this.CurrencyNumberListExt", this.CurrencyNumberListExt);
         this.CurrencyNumberListExt.forEach(item => {
           if (!flag && item.Key == CurrencyId) {
             flag = true;