Browse Source

优化

master
陈裕财 4 years ago
parent
commit
a8cfdeacc3
  1. 6
      src/styles/mdp.scss
  2. 12
      src/views/xm/core/xmProduct/XmProductSelect.vue

6
src/styles/mdp.scss

@ -195,7 +195,13 @@
object-fit: scale-down; object-fit: scale-down;
} }
.el-table .warning-row {
background: oldlace;
}
.el-table .success-row {
background: #f0f9eb;
}
/*此处根据不同屏幕分配率显示不同的样式*/ /*此处根据不同屏幕分配率显示不同的样式*/

12
src/views/xm/core/xmProduct/XmProductSelect.vue

@ -2,7 +2,7 @@
<section> <section>
<el-row > <el-row >
<!--列表 XmProduct 产品表--> <!--列表 XmProduct 产品表-->
<el-table ref="table" :height="maxTableHeight" :data="xmProducts" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
<el-table ref="table" :height="maxTableHeight" :data="xmProducts" :row-class-name="tableRowClassName" @sort-change="sortChange" :highlight-current-row="true" current-row-key="id" v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
<el-table-column prop="productName" label="产品名称" min-width="150" > <el-table-column prop="productName" label="产品名称" min-width="150" >
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
产品名称 产品名称
@ -63,7 +63,7 @@
<el-button type="primary" @click="searchXmProducts" >查询</el-button> <el-button type="primary" @click="searchXmProducts" >查询</el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-button slot="reference" icon="el-icon-more"></el-button>
<el-button type="text" slot="reference" icon="el-icon-more">更多条件</el-button>
</el-popover> </el-popover>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
@ -256,9 +256,11 @@
}, },
rowClick: function(row, event, column){ rowClick: function(row, event, column){
this.editForm=row
this.$emit('row-click',row, event, column);// @row-click="rowClick" this.$emit('row-click',row, event, column);// @row-click="rowClick"
}, },
selectedProduct:function(row){ selectedProduct:function(row){
this.editForm=row
this.$emit('selected',row); this.$emit('selected',row);
}, },
@ -298,6 +300,12 @@
this.$notify({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' }); this.$notify({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' });
}).catch( err => this.load.edit=false ); }).catch( err => this.load.edit=false );
}, },
tableRowClassName({row, rowIndex}) {
if (row.id == this.editForm.id) {
return 'success-row';
}
return '';
}
},//end methods },//end methods
components: { components: {
UsersSelect, UsersSelect,

Loading…
Cancel
Save