| | |
| | | class="product-type-switch" |
| | | @change="handleChange" |
| | | > |
| | | <el-radio-button :label="1">原材料</el-radio-button> |
| | | <el-radio-button :label="3">半成品</el-radio-button> |
| | | <el-radio-button :label="2">成品</el-radio-button> |
| | | <el-radio-button |
| | | v-for="opt in options" |
| | | :key="opt.label" |
| | | :label="opt.label" |
| | | > |
| | | {{ opt.text }} |
| | | </el-radio-button> |
| | | </el-radio-group> |
| | | </template> |
| | | |
| | |
| | | |
| | | const props = defineProps({ |
| | | modelValue: { |
| | | type: Number, |
| | | default: 1, // 默认选中"原材料" |
| | | type: [Number, String], |
| | | default: 1, // 默认选中第一个 |
| | | }, |
| | | // 可配置选项,默认是原组件的「原材料 / 半成品 / 成品」 |
| | | options: { |
| | | type: Array, |
| | | default: () => [ |
| | | { label: 1, text: '原材料' }, |
| | | { label: 3, text: '半成品' }, |
| | | { label: 2, text: '成品' }, |
| | | ], |
| | | }, |
| | | }) |
| | | |