|
|
|
@ -75,9 +75,10 @@ |
|
|
|
<el-table :data="dataList" ref="info" id="info" width="100%" :height="window.pageHeight < 600 |
|
|
|
? 210 |
|
|
|
: Math.floor((window.pageHeight - 340) / 2) |
|
|
|
" row-key="id" highlight-current-row @selection-change="handleSelectionChange" @row-click="rowClick"> |
|
|
|
<el-table-column type="index" label="序号" width="50" /> |
|
|
|
<el-table-column prop="cardTypeId" label="卡类别" width="70" sortable> |
|
|
|
" row-key="id" highlight-current-row @selection-change="handleSelectionChange" @row-click="rowClick" |
|
|
|
:row-class-name="tableRowClassName" :row-style="{height:'28px'}" border> |
|
|
|
<el-table-column type="index" label="序号" width="50" align="center"/> |
|
|
|
<el-table-column prop="cardTypeId" label="卡类别" width="70" sortable align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div> |
|
|
|
{{ |
|
|
|
@ -91,36 +92,36 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="cardNo" label="会员卡号" width="150" sortable/> |
|
|
|
<el-table-column prop="discount" label="折扣率" width="80" sortable/> |
|
|
|
<el-table-column prop="cardBalance" label="卡余额" width="80" sortable/> |
|
|
|
<el-table-column prop="expiryDate" label="有效期限" width="120" sortable> |
|
|
|
<el-table-column prop="cardNo" label="会员卡号" width="150" sortable align="center"/> |
|
|
|
<el-table-column prop="discount" label="折扣率" width="80" sortable align="center"/> |
|
|
|
<el-table-column prop="cardBalance" label="卡余额" width="80" sortable align="center"/> |
|
|
|
<el-table-column prop="expiryDate" label="有效期限" width="120" sortable align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.expiryDate"> |
|
|
|
{{ moment(scope.row.expiryDate).format("yyyy-MM-DD") }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="customerName" label="卡主姓名" width="80" sortable/> |
|
|
|
<el-table-column prop="idNo" label="卡主身份证号" width="200" sortable/> |
|
|
|
<el-table-column prop="telephone" label="卡主电话" width="150" sortable/> |
|
|
|
<el-table-column prop="mobileTelephone" label="卡主手机号" width="150" sortable/> |
|
|
|
<el-table-column prop="isActive" label="启用" width="80" sortable> |
|
|
|
<el-table-column prop="customerName" label="卡主姓名" width="100" sortable align="center" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="idNo" label="卡主身份证号" width="200" sortable align="center" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="telephone" label="卡主电话" width="150" sortable align="center" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="mobileTelephone" label="卡主手机号" width="150" sortable align="center" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="isActive" label="启用" width="60" sortable align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ scope.row.isActive == "N" ? "否" : "是" }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="remark" label="备注" width="200" sortable /> |
|
|
|
<el-table-column prop="creatorName" label="创建人员" width="100" sortable/> |
|
|
|
<el-table-column prop="creationTime" label="创建日期" width="150" sortable> |
|
|
|
<el-table-column prop="creatorName" label="创建人员" width="90" sortable align="center"/> |
|
|
|
<el-table-column prop="creationTime" label="创建日期" width="100" sortable align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.creationTime"> |
|
|
|
{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="lastModifierName" label="修改人员" width="100" sortable/> |
|
|
|
<el-table-column prop="lastModificationTime" label="修改日期" width="150" sortable> |
|
|
|
<el-table-column prop="lastModifierName" label="修改人员" width="90" sortable align="center"/> |
|
|
|
<el-table-column prop="lastModificationTime" label="修改日期" width="100" sortable align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.lastModificationTime"> |
|
|
|
{{ |
|
|
|
@ -1501,6 +1502,14 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 表格行底色样式 |
|
|
|
tableRowClassName({ row, rowIndex }) { |
|
|
|
if(row.isActive == 'N'){ |
|
|
|
return 'unActive'; |
|
|
|
} |
|
|
|
return ''; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
//监听事件 |
|
|
|
@ -1524,6 +1533,11 @@ export default { |
|
|
|
@import "../../assets/css/global_input.css"; |
|
|
|
@import "../../assets/css/global_font.css"; |
|
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table .unActive { |
|
|
|
background: #C0C4CC !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-icon-date:before { |
|
|
|
content: ""; |
|
|
|
} |
|
|
|
|