| | |
| | | ></el-step> |
| | | </el-steps> |
| | | </div> |
| | | <el-row height="50"> |
| | | <el-row height="50" v-show="previousShow || nextShow"> |
| | | <el-col :span="12"> |
| | | <div class="grid-content content-text"> |
| | | <div v-show="previousShow" class="grid-content content-text"> |
| | | <el-button type="danger" @click="previous" |
| | | >回滚到上一步</el-button |
| | | > |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="grid-content content-text"> |
| | | <div v-show="nextShow" class="grid-content content-text"> |
| | | <el-button type="warning" @click="next">跳转到下一步</el-button> |
| | | </div> |
| | | </el-col> |
| | |
| | | viewType: 1, |
| | | height: "200px", |
| | | tableData: [], |
| | | previousShow: false, |
| | | nextShow: false, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | } else { |
| | | this.getDetailDatas(); |
| | | } |
| | | |
| | | this.$emit("parentCall", ($vue) => { |
| | | var previousButton = $vue.buttons.find((x) => x.value == "Previous"); |
| | | this.previousShow = previousButton != null; |
| | | |
| | | var nextButton = $vue.buttons.find((x) => x.value == "Next"); |
| | | this.nextShow = nextButton != null; |
| | | }); |
| | | }, |
| | | getSteps() { |
| | | this.http |
| | |
| | | } |
| | | }, |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if (row.isNormal) { |
| | | if (!row.isNormal) { |
| | | return "error-row"; |
| | | } else if (row.isManual) { |
| | | return "warning-row"; |
| | | } |
| | |
| | | </style> |
| | | <style> |
| | | .el-table .warning-row { |
| | | background: #e6a23c; |
| | | background: #fcf1e2; |
| | | } |
| | | |
| | | .el-table .success-row { |
| | |
| | | } |
| | | |
| | | .el-table .error-row { |
| | | background: #f56c6c; |
| | | background: #fde2e2; |
| | | } |
| | | </style> |