|
@@ -61,7 +61,7 @@
|
|
|
</el-tabs>
|
|
|
<div>
|
|
|
<el-table height="600" ref="multipleTable" border :data="tableData" tooltip-effect="dark" style="width: 100%"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
+ @selection-change="handleSelectionChange" :row-class-name="rowClassName">
|
|
|
<el-table-column type="selection" width="40" v-if="formInline.Status == 0">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="priceNameContent" label="费用名称">
|
|
@@ -382,6 +382,15 @@ export default {
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
customClass:'message_box_alert'
|
|
|
});
|
|
|
+ },
|
|
|
+ rowClassName({ row, rowIndex }) {
|
|
|
+ console.log(row, rowIndex);
|
|
|
+
|
|
|
+ if (rowIndex % 2 === 0) {
|
|
|
+ return 'warning-row';
|
|
|
+ }else{
|
|
|
+ return 'success-row';
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -400,6 +409,13 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
+.el-table .warning-row {
|
|
|
+ background: #f9f9f9;
|
|
|
+}
|
|
|
+
|
|
|
+.el-table .success-row {
|
|
|
+ background: #efefef;
|
|
|
+}
|
|
|
.fesspage-box {
|
|
|
background-color: #fff;
|
|
|
padding: 10px;
|