长沙做官方网站,可以做长页海报的网站,深圳建筑设计院招聘信息,什么网站做博客好业务需求#xff1a;表格的列名是循环出来的#xff0c;后台返回每行的表格数据结构如下#xff0c;需要表格里只有“当期”的行里数值超限waterGuildLine后显示红色。需要在vxe-table里写个插槽#xff0c;再写个方法。 vxe-table border refdayTableRef … 业务需求表格的列名是循环出来的后台返回每行的表格数据结构如下需要表格里只有“当期”的行里数值超限waterGuildLine后显示红色。需要在vxe-table里写个插槽再写个方法。 vxe-table border refdayTableRef height100% :column-config{ resizable: true } :datatableDataInstShow:menu-configmenuConfig menu-clickcontextMenuClickEventvxe-column v-for(item, index) in columnDayData :keyitem.value :fielditem.value show-overflow:titleitem.name aligncenter :widthindex columnDayData.length - 1 ? 100 : filterWidth(item.name):fixedindex 0 ? left : (index columnDayData.length - 1) ? right : template #default{ row }span :stylegetRowStyle(row, item.value){{ row[item.value] }}/span/template/vxe-column/vxe-table state.columnDayData [{ name: 年月, value: getTime },];for (let i 1; i 32; i) {state.columnDayData.push({ name: ${i}号, value: day${i} })}state.columnDayData.push({ name: 合计, value: total })getRowStyle(row, columnKey) {if (state.selectValue3 2 row?.getTime?.indexOf(当) ! -1) {const value row[columnKey];if (value row?.waterGuideLine columnKey ! getTime columnKey ! total) {return color: var(--gdky-warning-status-color);}}return ;},
