页面修改

src/components/busManagement/busUsePrice.vue

@@ -144,11 +144,13 @@
   .busUsePrice2 .combottomDiv .el-select {
     width: 100%;
   }
+
   .busUsePrice2 .linkStrle {
     cursor: pointer;
     text-decoration: underline;
-    color:blue;
+    color: blue;
   }
+
   .busUsePriceTable {
     width: 100%;
     font-size: 14px;
@@ -165,6 +167,7 @@
     text-indent: 15px;
     border: 1px solid #cccccc;
   }
+
   .busUsePriceTable tr td {
     min-height: 60px;
     height: auto;
@@ -172,9 +175,11 @@
     font-size: 14px !important;
     border: 1px solid #cccccc;
   }
-  .busUsePrice2 .busUsePriceTable .el-pagination{
-    border-top:0!important;
+
+  .busUsePrice2 .busUsePriceTable .el-pagination {
+    border-top: 0 !important;
   }
+
 </style>
 <template>
   <div class="flexOne busUsePrice2">
@@ -223,6 +228,9 @@
             <th>
               接送茶代
             </th>
+            <th>
+              报价详情
+            </th>
             <th>
               操作
             </th>
@@ -257,19 +265,63 @@
             </td>
             <td>{{item.AllDayChaDaiFee}}</td>
             <td>{{item.PickUpChaDaiFee}}</td>
+            <td>
+              <el-popover width="590" trigger="click">
+                <table width="100%" border="0" cellspacing="0" cellpadding="0" >
+                  <tr style="text-align:center;">
+                    <th width="70">月份</th>
+                    <th width="80">接送价格</th>
+                    <th width="80">全天价格</th>
+                    <th width="80">半天价格</th>
+                    <th width="80">全天高速</th>
+                    <th width="80">接送高速</th>
+                    <th width="80">全天茶代</th>
+                    <th width="80">接送茶代</th>
+                  </tr>
+                  <tr v-for="(fItem,fIndex) in item.DetailsList" :key="fIndex" style="text-align:center;">
+                    <td>
+                      {{fItem.MonthStr}}
+                    </td>
+                    <td>
+                      {{fItem.S_ReceivePrice}}
+                    </td>
+                    <td>
+                      {{fItem.S_AllDayPrice}}
+                    </td>
+                    <td>
+                      {{fItem.S_HalfDayPrice}}
+                    </td>
+                    <td>
+                      {{fItem.S_AllDayHighSpeedFee}}
+                    </td>
+                    <td>
+                      {{fItem.S_PickUpHighSpeedFee}}
+                    </td>
+                    <td>
+                      {{fItem.S_AllDayChaDaiFee}}
+                    </td>
+                    <td>
+                      {{fItem.S_PickUpChaDaiFee}}
+                    </td>
+                  </tr>
+                </table>
+                <span slot="reference" style="cursor:pointer;">详情
+                  <i class="iconfont icon-xiaotuziCduan_1"></i>
+                </span>
+              </el-popover>
+            </td>
             <td rowspan="2" style="text-align:center;">
-              <!-- <input type="button" class="normalBtn" @click="managePrice(item.Id)" value="管理报价" />&nbsp;
-              <a class="linkStrle" @click="goUrl('busUsePriceDetails',item.Id,'报价详情')">详情</a>&nbsp;
-              <a class="linkStrle" @click="isdelete(item.Id)">删除</a> -->
               <el-button-group size='mini'>
                 <el-tooltip class="item" effect="dark" content="管理报价" placement="top-start">
                   <el-button type="primary" class="iconfont icon-bianji-smal" @click="managePrice(item.Id)"></el-button>
                 </el-tooltip>
                 <el-tooltip class="item" effect="dark" content="报价详情" placement="top-start">
-                      <el-button type="primary" class="iconfont icon-danju1" @click="goUrl('busUsePriceDetails',item.Id,'报价详情')"></el-button>
+                  <el-button type="primary" class="iconfont icon-danju1"
+                    @click="goUrl('busUsePriceDetails',item.Id,'报价详情')"></el-button>
                 </el-tooltip>
                 <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
-                      <el-button type="danger" class="iconfont icon-img_delete_small"  @click="isdelete(item.Id)"></el-button>
+                  <el-button type="danger" class="iconfont icon-img_delete_small" @click="isdelete(item.Id)">
+                  </el-button>
                 </el-tooltip>
               </el-button-group>
             </td>