样式调整

src/components/Restaurant/restaurantList.vue

@@ -60,23 +60,27 @@
 
   .restaurantList .L1 {
     background-color: #e95252;
+    border-radius: 2px;
   }
 
   .restaurantList .L2 {
     background-color: #47bf8c;
+    border-radius: 2px;
   }
 
   .restaurantList .L3 {
     background-color: #2aaef2;
+    border-radius: 2px;
   }
 
   .restaurantList .L4 {
     background-color: #9cf;
+    border-radius: 2px;
   }
 
   .restaurantList .L5 {
     background-color: #00c6ff;
-    margin-top: 5px;
+    border-radius: 2px;
   }
 
   .restaurantList .F1 {
@@ -321,7 +325,7 @@
         <li>
           <button class="hollowFixedBtn" type="button"
             @click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button>
- 
+
           <button v-if="IsEditDmcSource==1" class="normalBtn" type="button"
             @click="$router.push('restaurantInfoManage')">{{$t('pub.addBtn')}}</button>
         </li>
@@ -354,7 +358,7 @@
         <template v-if="item.OpenPlatformList&&item.OpenPlatformList.length>0">
           <div class="hotelTitle fz12">上架平台:<span v-for="(items,index) in item.OpenPlatformList"
               :class="{'L1':items.ID==1,'L2':items.ID==2,'L3':items.ID==3,'L4':items.ID==4,'L5':items.ID==5}"
-              :key="`pl_`+index" style="padding-left:1px;">{{items.Name}}</span>
+              :key="`pl_`+index" style="margin-left:1.5px;">{{items.Name}}</span>
           </div>
         </template>
         <el-tooltip class="item" effect="dark" :content="item.UseTypeListStr" placement="top-start"
@@ -372,11 +376,14 @@
           <span v-if="item.UpdateName && item.UpdateName!=''">{{item.UpdateName}}</span>
           {{item.UpdateTimeStr}}
         </div>
-        <div class="btnList" :style="msg.IsRecommend==1?'text-align:left;':''">
-          <button  v-if="IsEditDmcSource==1" @click="goSubInfo('restaurantInfoManage',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button>
-          <button  :style="msg.IsRecommend==1?'margin-left:19px;':''"  @click="goSubInfo('restaurantInfoDetail',item.ID)" class="hotelBtn">{{$t('fnc.xiangqing')}}</button>
-          <button  v-if="IsHotelPriceStock==1&&IsEditDmcSource==1" @click="goUrl('RestaurantPackage',item.ID)"
+        <div class="btnList" style="text-align:center;">
+          <button v-if="IsEditDmcSource==1" @click="goSubInfo('restaurantInfoManage',item.ID)"
+            class="hotelBtn">{{$t('pub.updateMsg')}}</button>
+
+          <button v-if="IsHotelPriceStock==1&&IsEditDmcSource==1" @click="goUrl('RestaurantPackage',item.ID)"
             class="hotelBtn">{{$t('restaurant.res_package')}}</button>
+
+          <button @click="goSubInfo('restaurantInfoDetail',item.ID)" class="hotelBtn">{{$t('fnc.xiangqing')}}</button>
         </div>
       </div>
     </div>
@@ -427,7 +434,7 @@
           currentPage: 1,
           ID: 0,
           UpdateBy: 0, //操作人
-          IsRecommend:0,
+          IsRecommend: 0,
         },
         IsHotelPriceStock: 0, //1-有获取餐厅与报价添加修改权限
         IsEditDmcSource: 0, //是否有新增修改权限
@@ -592,16 +599,14 @@
               if (tempData.includes(isStock)) {
                 this.IsHotelPriceStock = 1;
               }
-              if (tempData.includes(editDmcSource)) {//查看列表权限
+              if (tempData.includes(editDmcSource)) { //查看列表权限
                 this.IsEditDmcSource = 1;
-              }
-              else{
-                this.msg.IsRecommend=1;
+              } else {
+                this.msg.IsRecommend = 1;
               }
             }
-          }
-          else{
-            this.msg.IsRecommend=1;
+          } else {
+            this.msg.IsRecommend = 1;
           }
           this.selectResource();
         });