修改

src/pages/studyAbroad/studyabroad.vue

@@ -18,6 +18,61 @@
             <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增留学" @click="EditStudy(null)" />
           </div>
         </template>
+        <template v-slot:body-cell-PreferentialList="props">
+          <q-td :props="props" style="padding-right:0px">
+            <div v-for="x in props.value">
+              <div class="border-bottom">
+                {{ x.B2BCommissionMoney }}
+              </div>
+            </div>
+          </q-td>
+        </template>
+          <template v-slot:body-cell-PreferentialListB2BCommissionType="props">
+          <q-td :props="props" style="padding-right:0px">
+            <div v-for="x in props.value">
+              <div class="border-bottom" style="padding-left: 16px" :class="{ 'text-red': x.B2BCommissionType == 1 }"
+                v-if="x.PriceDiscountType != 0">
+                {{ x.B2BCommissionType == 1 ? "￥" : ""
+                }}{{ x.B2BCommissionMoney
+                }}{{ x.B2BCommissionType == 0 ? "%" : "" }}
+              </div>
+              <div v-if="x.PriceDiscountType == 0">
+                <div class="remark-font">暂无佣金信息</div>
+              </div>
+            </div>
+            <div v-if="!props.value || props.value.length == 0">
+              <div class="remark-font">暂无佣金信息</div>
+            </div>
+            </div>
+            </q-td>
+        </template>
+        <template v-slot:body-cell-PreferentialList="props">
+            <q-td :props="props" style="padding-right:0px">
+                <div v-for="x in props.value">
+                <div class="border-bottom">
+                    {{ x.SaleCommissionMoney }}
+                </div>
+                </div>
+            </q-td>
+        </template>
+        <template v-slot:body-cell-PreferentialListB2BCommissionType="props">
+            <q-td :props="props" style="padding-right:0px">
+                <div v-for="x in props.value">
+                <div class="border-bottom" style="padding-left: 16px;padding-right: 16px"
+                    :class="{ 'text-red': x.SaleCommissionType == 1 }" v-if="x.PriceDiscountType != 0">
+                    {{ x.SaleCommissionType == 1 ? "￥" : ""
+                            }}{{ x.SaleCommissionMoney
+                            }}{{ x.SaleCommissionType == 0 ? "%" : "" }}
+                </div>
+                <div v-if="x.PriceDiscountType == 0">
+                    <div class="remark-font">暂无佣金信息</div>
+                </div>
+                </div>
+                <div v-if="!props.value || props.value.length == 0">
+                <div class="remark-font">暂无佣金信息</div>
+                </div>
+            </q-td>
+        </template>
         <template v-slot:body-cell-Id="props">
           <q-td :props="props">
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
@@ -33,7 +88,8 @@
       </q-table>
       <studyAbroad-form v-if="isShowStudy" :save-obj="studyObj" @close="closeStudyForm" @success="refreshPage">
       </studyAbroad-form>
-      <studyAbroadprice-form v-if="isShowStudyPrice" :save-obj="studyObj" @close="closeStudyForm" @success="refreshPage">
+      <studyAbroadprice-form v-if="isShowStudyPrice" :save-obj="studyObj" @close="closeStudyForm"
+        @success="refreshPage">
       </studyAbroadprice-form>
     </div>
   </div>
@@ -62,7 +118,7 @@
           pageSize: 10,
           rowsPerPage: 10,
           Name: "",
-          IsQPrice:1,
+          IsQPrice: 1,
         },
         dataList: [],
         loading: true,
@@ -84,7 +140,7 @@
             field: 'SupplierContract',
             align: 'left'
           },
-           
+
           {
             name: 'SuggestPrice',
             label: '建议卖价',
@@ -97,7 +153,7 @@
             field: 'SellPrice',
             align: 'left'
           },
-          
+
           {
             name: 'B2BCommission',
             label: '同行返佣',
@@ -122,7 +178,7 @@
             field: 'SaleCommissionType',
             align: 'left'
           },
-         
+
           {
             name: 'Remark',
             label: '备注',
@@ -166,6 +222,7 @@
             this.loading = false;
             this.dataList = res.Data.PageData;
             this.PageCount = res.Data.PageCount;
+            console.log(res, '数据');
           })
           .catch(() => {
             this.loading = false;
@@ -203,6 +260,14 @@
   }
 
 </script>
+<style scoped>
+  .border-bottom {
+    border-bottom: 1px dashed #EEE;
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+  }
+
+</style>
 <style lang="sass">
   @import url('~assets/css/table.sass')