| | |
| | | </template> |
| | | <template #default="scope"> |
| | | <el-select :disabled="!scope.row.status" v-model="scope.row[item.prop]" |
| | | @change="change($event, scope.row, scope.$index, item.prop)" placeholder="" size="small" |
| | | @change="change($event, scope.row, scope.$index, item)" placeholder="" size="small" |
| | | v-if="item.type === 'option'"> |
| | | <el-option v-for="item in item.options" :key="item.value || item" :label="(item?.label || item)" |
| | | :value="(item.value || item)" /> |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | change(e, row, index, prop) { |
| | | console.log(e) |
| | | change(e, row, index, { prop, options }) { |
| | | console.log(e, options) |
| | | if (prop === 'dpCategory' && e !== 'Other') { |
| | | const label = [{ |
| | | label: '状态', |
| | | value: 'DeviceStatus' |
| | | }, { |
| | | label: '产量', |
| | | value: 'Output' |
| | | }, { |
| | | label: '告警', |
| | | value: 'Alarm' |
| | | }].find(v => v.value === e).label |
| | | const label = options.find(v => v.value === e).label |
| | | this.tabledata[index].dpLabel = label |
| | | this.tabledata[index].dpName = e |
| | | } else if (prop === 'dpCategory' && e === 'Other') { |