diff --git a/jeepay-ui-manager/src/components/JeepayTable/JeepayTable.vue b/jeepay-ui-manager/src/components/JeepayTable/JeepayTable.vue
index 22050f8..8b99839 100644
--- a/jeepay-ui-manager/src/components/JeepayTable/JeepayTable.vue
+++ b/jeepay-ui-manager/src/components/JeepayTable/JeepayTable.vue
@@ -16,6 +16,12 @@
:row-selection="rowSelection"
:rowKey="rowKey"
:scroll="{ x: scrollX }"
+ :customRow="(record, index) => {
+ if(!tableRowCrossColor){
+ return {};
+ }
+ return { style: { 'background-color': index % 2 == 0 ? '#FCFCFC' : '#FFFFFF'} }
+ }"
>
@@ -41,7 +47,8 @@ export default {
pageSize: { type: Number, default: 10 }, // 默认每页条数
rowSelection: Object, // checkbox选择
rowKey: { type: [String, Function] }, // 定义rowKey 如果不定义将会出现(树状结构出问题, checkbox不消失等)
- scrollX: { type: Number, default: 800 } // 表格显示滚动条的宽度
+ scrollX: { type: Number, default: 800 }, // 表格显示滚动条的宽度
+ tableRowCrossColor: { type: Boolean, default: false } // 是隔行换色
},
data () {
diff --git a/jeepay-ui-manager/src/views/order/pay/PayOrderList.vue b/jeepay-ui-manager/src/views/order/pay/PayOrderList.vue
index b179ef1..8f928ba 100644
--- a/jeepay-ui-manager/src/views/order/pay/PayOrderList.vue
+++ b/jeepay-ui-manager/src/views/order/pay/PayOrderList.vue
@@ -74,6 +74,7 @@
:searchData="searchData"
rowKey="payOrderId"
:scrollX="1350"
+ :tableRowCrossColor="true"
>
¥{{ record.amount/100 }}
¥{{ record.refundAmount/100 }}
diff --git a/jeepay-ui-manager/src/views/order/refund/RefundOrderList.vue b/jeepay-ui-manager/src/views/order/refund/RefundOrderList.vue
index e93d7e3..ec3e37d 100644
--- a/jeepay-ui-manager/src/views/order/refund/RefundOrderList.vue
+++ b/jeepay-ui-manager/src/views/order/refund/RefundOrderList.vue
@@ -57,6 +57,7 @@
:rowSelection="rowSelection"
rowKey="refundOrderId"
:scrollX="1350"
+ :tableRowCrossColor="true"
>
¥{{ record.payAmount/100 }}
¥{{ record.refundAmount/100 }}
diff --git a/jeepay-ui-manager/src/views/order/transfer/TransferOrderList.vue b/jeepay-ui-manager/src/views/order/transfer/TransferOrderList.vue
index 2564c9f..1d33a42 100644
--- a/jeepay-ui-manager/src/views/order/transfer/TransferOrderList.vue
+++ b/jeepay-ui-manager/src/views/order/transfer/TransferOrderList.vue
@@ -47,6 +47,7 @@
:searchData="searchData"
rowKey="transferId"
:scrollX="1350"
+ :tableRowCrossColor="true"
>
¥{{ record.amount/100 }}
diff --git a/jeepay-ui-merchant/src/components/JeepayTable/JeepayTable.vue b/jeepay-ui-merchant/src/components/JeepayTable/JeepayTable.vue
index 07afcd9..9df9c07 100644
--- a/jeepay-ui-merchant/src/components/JeepayTable/JeepayTable.vue
+++ b/jeepay-ui-merchant/src/components/JeepayTable/JeepayTable.vue
@@ -16,6 +16,12 @@
:row-selection="rowSelection"
:rowKey="rowKey"
:scroll="{ x: scrollX }"
+ :customRow="(record, index) => {
+ if(!tableRowCrossColor){
+ return {};
+ }
+ return { style: { 'background-color': index % 2 == 0 ? '#FCFCFC' : '#FFFFFF'} }
+ }"
>
@@ -41,7 +47,8 @@ export default {
pageSize: { type: Number, default: 10 }, // 默认每页条数
rowSelection: Object, // checkbox选择
rowKey: { type: [String, Function] }, // 定义rowKey 如果不定义将会出现(树状结构出问题, checkbox不消失等)
- scrollX: { type: Number, default: 980 } // 定义表格的最小宽度,在小就会出现横向的滚动条
+ scrollX: { type: Number, default: 980 }, // 定义表格的最小宽度,在小就会出现横向的滚动条
+ tableRowCrossColor: { type: Boolean, default: false } // 是隔行换色
},
data () {
diff --git a/jeepay-ui-merchant/src/views/order/pay/PayOrderList.vue b/jeepay-ui-merchant/src/views/order/pay/PayOrderList.vue
index 6c5257c..d437bf2 100644
--- a/jeepay-ui-merchant/src/views/order/pay/PayOrderList.vue
+++ b/jeepay-ui-merchant/src/views/order/pay/PayOrderList.vue
@@ -68,6 +68,7 @@
:searchData="searchData"
rowKey="payOrderId"
:scrollX="1000"
+ :tableRowCrossColor="true"
>
¥{{ record.amount/100 }}
¥{{ record.refundAmount/100 }}
diff --git a/jeepay-ui-merchant/src/views/order/refund/RefundOrderList.vue b/jeepay-ui-merchant/src/views/order/refund/RefundOrderList.vue
index d1a608d..287e150 100644
--- a/jeepay-ui-merchant/src/views/order/refund/RefundOrderList.vue
+++ b/jeepay-ui-merchant/src/views/order/refund/RefundOrderList.vue
@@ -49,6 +49,7 @@
:tableColumns="tableColumns"
rowKey="refundOrderId"
:scrollX="1300"
+ :tableRowCrossColor="true"
>
¥{{ record.payAmount/100 }}
¥{{ record.refundAmount/100 }}
diff --git a/jeepay-ui-merchant/src/views/order/transfer/TransferOrderList.vue b/jeepay-ui-merchant/src/views/order/transfer/TransferOrderList.vue
index 5034414..fa88335 100644
--- a/jeepay-ui-merchant/src/views/order/transfer/TransferOrderList.vue
+++ b/jeepay-ui-merchant/src/views/order/transfer/TransferOrderList.vue
@@ -46,6 +46,7 @@
:searchData="searchData"
rowKey="transferId"
:scrollX="1350"
+ :tableRowCrossColor="true"
>
¥{{ record.amount/100 }}