| | |
| | | <!-- |
| | | * @Date: 2024-04-17 18:53:45 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-17 22:14:18 |
| | | * @LastEditTime: 2024-04-18 19:42:24 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Status.vue |
| | | --> |
| | | <template> |
| | |
| | | <scFormTable ref="table1" v-model="Tabledata" stripe @delRow="remove" :addTemplate="addTemplate" dragSort> |
| | | <el-table-column label="人工反馈状态" prop="name"> |
| | | <template #default="scope"> |
| | | <el-input v-model="scope.row.name"></el-input> |
| | | <el-input v-model="scope.row.name" @change="update(scope.row)"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="编号" prop="code"> |
| | | <template #default="scope"> |
| | | <el-input v-show="!scope.row.code" v-model="scope.row.code"></el-input> |
| | | <span>{{ scope.row.code }}</span> |
| | | <el-input v-show="scope.row.isNew" v-model="scope.row.code" |
| | | @change="update(scope.row)"></el-input> |
| | | <span v-show="!scope.row.isNew">{{ scope.row.code }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="颜色" prop="color"></el-table-column> |
| | | <el-table-column label="颜色" prop="color"> |
| | | <template #default="scope"> |
| | | <el-color-picker v-model="scope.row.color" /> |
| | | <el-color-picker v-model="scope.row.color" @change="update(scope.row)" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="计划内外" prop="state"> |
| | | <template #default="scope"> |
| | | <el-select v-model="scope.row.isPlan" style="width: 200px;"> |
| | | <el-select v-model="scope.row.isPlan" style="width: 200px;" @change="update(scope.row)"> |
| | | <el-option v-for="(item, index) in options.isPlan" :key="index" :label="item.label" |
| | | :value="item.value"></el-option> |
| | | </el-select> |
| | |
| | | }) |
| | | }, |
| | | update(row) { |
| | | console.log(row) |
| | | if (row.isNew) return |
| | | if (!row.code || !row.color || !row.name) { |
| | | return this.$message.warning('状态名称、编号、颜色必填'); (`操作成功`) |
| | | } console.log(row) |
| | | let data = { |
| | | code: row.code, |
| | | color: row.color, |
| | |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | add(row) { |
| | | if (!row.code || !row.color || !row.name) { |
| | | return this.$message.warning('状态名称、编号、颜色必填'); (`操作成功`) |