页面修改

src/pages/studyAbroad/employment.vue

@@ -25,9 +25,14 @@
           </div>
         </template>
         <template v-slot:body="props">
-        <q-tr>
-            <q-td>
-              <div>{{props.row.SupplierName}}</div>
+          <q-tr :props="props">
+
+            <template v-for="col in props.cols">
+              <q-td v-if="col.name == 'Name'">
+                {{col.value}}
+              </q-td>
+              <q-td v-else-if="col.name == 'SupplierName'">
+                <div>{{col.value}}</div>
                 <div>
                   <a :href="props.row.SupplierContract" style="color:#2961FE;text-decoration:none;"
                     v-if="props.row.SupplierContract" target="_blank">
@@ -35,9 +40,8 @@
                   </a>
                 </div>
               </q-td>
-          <template v-slot:body-cell-PreferentialList="props">
-            <q-td :props="props" style="padding-right:0px">
-              <div v-for="x in props.value">
+              <q-td v-if="col.name == 'PreferentialList'" style="padding-right:0px">
+                <div v-for="x in col.value">
                   <div class="border-bottom" v-if="x.PriceDiscountType == 1">
                     买{{ x.BuyNum }}送{{ x.SendNum }}
                   </div>
@@ -58,9 +62,8 @@
                   <div class="remark-font">暂无优惠政策</div>
                 </div>
               </q-td>
-          </template>
-          <template v-slot:body-cell-PreferentialListSellCommission="props">
-            <q-td :props="props" style="padding-right:0px;padding-left:0px">
+
+              <q-td v-else-if="col.name == 'PreferentialListSellCommission'" style="padding-right:0px;padding-left: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">
@@ -76,12 +79,11 @@
                   <div class="remark-font">暂无佣金信息</div>
                 </div>
               </q-td>
-          </template>
-          <template v-slot:body-cell-PreferentialListB2BCommission="props">
-            <q-td :props="props" style="padding-left:0px">
+
+              <q-td v-else-if="col.name == 'PreferentialListB2BCommission'" style="padding-left: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">
+                  <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 ? "%" : "" }}
@@ -94,9 +96,7 @@
                   <div class="remark-font">暂无佣金信息</div>
                 </div>
               </q-td>
-          </template>
-          <template v-slot:body-cell-Id="props">
-            <q-td :props="props">
+              <q-td v-else-if="col.name == 'Id'">
                 <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
                   @click="EditStudy(props.row)" />
                 <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="价格设置"
@@ -116,7 +116,6 @@
               </div>
             </q-td>
           </q-tr>
-
         </template>
         <template v-slot:bottom>
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="PageCount"
@@ -210,12 +209,7 @@
             align: "left",
             field: row => row.PreferentialList
           },
-          {
-            name: 'Remark',
-            label: '备注',
-            field: 'Remark',
-            align: 'left'
-          },
+
           {
             name: 'SaleStateName',
             label: '销售状态',