1

src/components/TravelManager/TravelTeam/travelPayList.vue

@@ -20,70 +20,69 @@
   .p20 {
     padding: 20px;
   }
-.flex {
-  display: flex;
-}
-.col-1 {
-  width: 10%;
-}
-.text-center {
-  text-align: center;
-}
-.q-py-md {
-  padding: 12px 0;
-}
-.item:hover {
-  background: #eee;
-}
 
-.none {
-  text-align: center;
-  margin: 20px;
-  color: #666;
-  font-size: 16px;
-}
+  .flex {
+    display: flex;
+  }
+
+  .col-1 {
+    width: 10%;
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .q-py-md {
+    padding: 12px 0;
+  }
+
+  .item:hover {
+    background: #eee;
+  }
+
+  .none {
+    text-align: center;
+    margin: 20px;
+    color: #666;
+    font-size: 16px;
+  }
+
 </style>
 <template>
   <div class="TC_Content">
     <div class="TC-MyList">
       <div class="TravelTclList" v-loading="queryMsg.loading">
-        <!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
-          layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
-        </el-pagination> -->
         <div class="flex q-py-md">
-
-    <div class="col-1">{{$t('objFill.v101.hezuohuoban')}}:</div>
-    <div class="col-1">{{$t('objFill.v101.yirumdrens')}}</div>
-    <div class="col-1">{{$t('objFill.v101.baomzrens')}}</div>
-    <div class="col-1">{{$t('objFill.yisouzje')}}</div>
-    <div class="col-1">{{$t('fnc.tkjine')}}</div>
-    <div class="col-1">{{$t('fnc.ptshuijin')}}</div>
-    <div class="col-1">{{$t('fnc.shishou')}}</div>
-    <div class="col-1">{{$t('fnc.ztjine')}}</div>
-    <div class="col-1">{{$t('objFill.v101.Rest.zhe')}}{{$t('objFill.v101.koujine')}}</div>
-    <div class="col-1">{{$t('objFill.v101.dahbaodikje')}}</div>
-    <div class="col-1">{{$t('objFill.v101.daishouzjine')}}</div>
-    <div class="col-1">{{$t('restaurant.res_profit')}}</div>
-  </div>
-  <div class="flex q-py-md item" v-for="(item,index) in queryDataObj.dataList" :key="item.GTeamId">
-    <div class="col-1"><span>{{item.ContactName}}</span></div>
-    <div class="col-1 text-center"><span>{{item.EntGuestNum}}</span></div>
-    <div class="col-1"><span>{{item.GuestNum}}</span></div>
-    <div class="col-1"><span>{{item.PreferPrice}}</span></div>
-    <div class="col-1"><span>{{item.Refund}}</span></div>
-    <div class="col-1"><span>{{item.PlatformTax}}</span></div>
-    <div class="col-1"><span>{{item.Income}}</span></div>
-    <div class="col-1"><span>{{item.ZaiTuMoney}}</span></div>
-    <div class="col-1"><span>{{item.DiscountMoney}}</span></div>
-    <div class="col-1"><span>{{item.RedEnvelopeMoney}}</span></div>
-    <div class="col-1"><span>{{item.DueInMoney}}</span></div>
-    <div class="col-1"><span>{{item.CommissionRate}}</span></div>
-  </div>
-  <div v-if="!queryDataObj.dataList.length" class="none">{{$t('system.content_noData')}}</div>
+          <div class="col-1">{{$t('objFill.v101.hezuohuoban')}}:</div>
+          <div class="col-1">{{$t('objFill.v101.yirumdrens')}}</div>
+          <div class="col-1">{{$t('objFill.v101.baomzrens')}}</div>
+          <div class="col-1">{{$t('objFill.yisouzje')}}</div>
+          <div class="col-1">{{$t('fnc.tkjine')}}</div>
+          <div class="col-1">{{$t('fnc.ptshuijin')}}</div>
+          <div class="col-1">{{$t('fnc.shishou')}}</div>
+          <div class="col-1">{{$t('fnc.ztjine')}}</div>
+          <div class="col-1">{{$t('objFill.v101.Rest.zhe')}}{{$t('objFill.v101.koujine')}}</div>
+          <div class="col-1">{{$t('objFill.v101.dahbaodikje')}}</div>
+          <div class="col-1">{{$t('objFill.v101.daishouzjine')}}</div>
+          <div class="col-1">{{$t('restaurant.res_profit')}}</div>
+        </div>
+        <div class="flex q-py-md item" v-for="(item,index) in queryDataObj.dataList" :key="item.GTeamId">
+          <div class="col-1"><span>{{item.ContactName}}</span></div>
+          <div class="col-1 text-center"><span>{{item.EntGuestNum}}</span></div>
+          <div class="col-1"><span>{{item.GuestNum}}</span></div>
+          <div class="col-1"><span>{{item.PreferPrice}}</span></div>
+          <div class="col-1"><span>{{item.Refund}}</span></div>
+          <div class="col-1"><span>{{item.PlatformTax}}</span></div>
+          <div class="col-1"><span>{{item.Income}}</span></div>
+          <div class="col-1"><span>{{item.ZaiTuMoney}}</span></div>
+          <div class="col-1"><span>{{item.DiscountMoney}}</span></div>
+          <div class="col-1"><span>{{item.RedEnvelopeMoney}}</span></div>
+          <div class="col-1"><span>{{item.DueInMoney}}</span></div>
+          <div class="col-1"><span>{{item.CommissionRate}}</span></div>
+        </div>
+        <div v-if="!queryDataObj.dataList.length" class="none">{{$t('system.content_noData')}}</div>
         <div class="noData" v-show="queryMsg.noData">{{$t('system.content_noData')}}</div>
-        <!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
-          layout="total,prev, pager, next, jumper" :page-size="queryMsg.pageSize" :total="queryMsg.total">
-        </el-pagination> -->
       </div>
     </div>
     <el-dialog class="app-attachment-dialog" width="900" :title="dialogTitle" :visible.sync="isShowEditTeamDialog"
@@ -168,8 +167,7 @@
       this.queryMsg.TCID = this.$route.query.id
       this.getTravelTeamList();
     },
-    created() {
-    }
+    created() {}
   };
 
 </script>

src/components/TravelManager/TravelTeam/travelTeamList.vue

@@ -239,7 +239,7 @@
                   </el-popover>
                 </div>
               </div>
-              <div class="el-col w_10">
+              <div class="el-col w_20">
                 <div class="p20">
                   <div class="mb title"><i
                       class="iconfont icon-jiage"></i><span>{{$t('objFill.v101.dmc.jiweixx')}}</span></div>
@@ -261,7 +261,7 @@
                       {{item.LeaderNum}} </span></div>
                 </div>
               </div>
-              <div class="el-col w_10">
+              <div class="el-col w_20">
                 <div class="p20">
                   <!-- <div class="mb title"><i class="iconfont icon-jiage"></i><span>{{$t('Operation.Op_PriceInfo')}}</span></div>
                   <div class="mb"><span>{{$t('objFill.v101.zhongxinjia')}}: {{item.MiddlePrice}}</span></div>
@@ -440,7 +440,6 @@
                       </el-popover>
                     </p>
                     <p v-if="item.RakeBackRatio>0">{{$t('objFill.v102.dangqianfyje')}}：
-                      <br />
                       <span style="color: red;">￥{{ item.RakeBackRatio }}</span>
                     </p>
                     <p>
@@ -468,7 +467,7 @@
                   </div>
                 </div>
               </div>
-              <div class="el-col w_20">
+              <!-- <div class="el-col w_20">
                 <div class="p20">
                   <div class="mb title"><i
                       class="iconfont icon-tuandui"></i><span>{{$t('objFill.v101.hezuohuoban')}}:</span></div>
@@ -486,8 +485,8 @@
                     </span>
                   </template>
                 </div>
-              </div>
-              <div class="el-col w_10">
+              </div> -->
+              <div class="el-col w_20">
                 <div class="p20">
                   <div class="mb title"><i
                       class="iconfont icon-yuangong"></i><span>{{$t('objFill.v101.faqixinxi')}}:</span></div>