| | |
| | | |
| | | <scFormTable v-show="type" ref="table1" v-model="tabledata" stripe hideDelete :hideAdd="!type" |
| | | :addTemplate="addTemplate"> |
| | | <el-table-column label="操作" prop="state" width="200" fixed="left"> |
| | | <template #default="scope"> |
| | | <el-button-group> |
| | | <el-button text type="primary" size="small" @click="table_edit(scope.row)">编辑</el-button> |
| | | <el-button text type="primary" size="small" @click="copy(scope.row)">复制</el-button> |
| | | <el-popconfirm width="220" title="确定将选择的数据删除" @confirm="del(scope.$index)"> |
| | | <template #reference> |
| | | <el-button text type="primary" size="small">删除</el-button> |
| | | </template> |
| | | </el-popconfirm> |
| | | </el-button-group> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" v-for="item in cols" :key="item.prop" :prop="item.prop" :label="item.label"> |
| | | <template #header="scope"> |
| | | <span v-show="item.isRequired" style="color: red;">*</span> |
| | |
| | | </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)" /> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" prop="state" width="200" fixed="right"> |
| | | <template #default="scope"> |
| | | <el-button-group> |
| | | <el-button text type="primary" size="small" @click="table_edit(scope.row)">编辑</el-button> |
| | | <el-button text type="primary" size="small" @click="copy(scope.row)">复制</el-button> |
| | | <el-popconfirm width="220" title="确定将选择的数据删除" @confirm="del(scope.$index)"> |
| | | <template #reference> |
| | | <el-button text type="primary" size="small">删除</el-button> |
| | | </template> |
| | | </el-popconfirm> |
| | | </el-button-group> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | </scFormTable> |
| | | <template #footer> |
| | | <el-button @click="visible = false">取 消</el-button> |
| | |
| | | |
| | | }, |
| | | 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') { |