表格修改

src/components/Hotel/HotelProductManage2.vue

@@ -60,7 +60,7 @@
               <el-popover placement="bottom" title="报价信息" width="400" trigger="hover"
                 v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
                 <template>
-                  <table style="margin-left:3px;padding-top:2px;width:350px;">
+                  <table style="margin-left:3px;padding-top:2px;width:370px;">
                     <tr>
                       <th width="40" style="text-align:center">批次</th>
                       <th width="40" style="text-align:center">价格</th>

src/components/Supplier/HotelProductManage.vue

@@ -55,43 +55,41 @@
             <div :class="stockColor(item,subItem)"
               :style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''"
               @click="calendarDayOn(item, subItem)">
-              {{subItem.date.getDate()}}<br />
-
-              <div class="detailInfo" v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
-                <div class="triangle_border_up"></div>
-                <div class="popContent">
-                  <template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
-                    <div class="popList">
-                      <table style="margin-left:3px;padding-top:2px;">
+               <el-popover placement="bottom" title="报价信息" width="280" trigger="hover"
+                v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
+                <template>
+                  <table style="margin-left:3px;padding-top:2px;width:270px;">
                     <tr>
-                          <th width="50">批次</th>
-                          <th width="50">价格</th>
-                          <th width="50">库存</th>
-                          <th width="50">剩余库存</th>
+                      <th width="50" style="text-align:center">批次</th>
+                      <th width="50" style="text-align:center">价格</th>
+                      <th width="50" style="text-align:center">库存</th>
+                      <th width="60" style="text-align:center">剩余<br/>库存</th>
+                      <th width="50" style="text-align:center">操作</th>
                     </tr>
                     <tr v-for="(childItem,childIndex) in subItem.data.SubList">
-                          <td>
+                      <td style="text-align:center">
                         {{childItem.BatchNumber}}
                       </td>
-                          <td>
+                      <td style="text-align:center">
                         {{childItem.CostPrice}}
                       </td>
-                          <td>
+                      <td style="text-align:center">
                         {{childItem.Inventory}}
                       </td>
-                          <td>
+                      <td style="text-align:center">
                         {{childItem.RemainingInventory}}
                       </td>
+                      <td style="text-align:center">
+                        <a style="text-decoration:underline;cursor:pointer;color:blue;"
+                          @click="goEdit('2', subItem.day,childItem.BatchNumber)">修改</a>
+                      </td>
                     </tr>
                   </table>
-                      <input type="button" class="hollowFixedBtn Htupbtn" value="修改"
-                        @click="goEdit('2', subItem.day,subItem.data.SubList[0].BatchNumber)" />
-                    </div>
                 </template>
-                </div>
-              </div>
-              <template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
-                <span v-if="subItem.data.SubList.length>1"> {{subItem.data.SubList.length}} </span>
+                <span slot="reference" >{{subItem.date.getDate()}}</span>
+              </el-popover>
+              <template v-else>
+                {{subItem.date.getDate()}}
               </template>
             </div>
           </div>