| | |
| | | <el-row :gutter="35"> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="指标名称" prop="quota"> |
| | | <el-input class="input-length" v-model.trim="inspectTargetForm.quota" placeholder="请输入指标名称" clearable></el-input> |
| | | <el-input class="input-add" v-model.trim="inspectTargetForm.quota" placeholder="请输入指标名称" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="指标类型" prop="quotaTypeId"> |
| | | <el-select |
| | | class="input-length" |
| | | v-model="inspectTargetForm.quotaTypeId" |
| | | @change="changeQuotaUnit" |
| | | placeholder="请选择指标类型" |
| | | clearable |
| | | filterable |
| | | > |
| | | <el-select class="input-add" v-model="inspectTargetForm.quotaTypeId" @change="changeQuotaUnit" placeholder="请选择指标类型" clearable filterable> |
| | | <el-option v-for="item in quotaTypeList" :key="item.id" :label="item.type" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> |
| | | <el-form-item label="指标单位" prop="quotaUnit"> |
| | | <el-input |
| | | class="input-length" |
| | | v-model.trim="inspectTargetForm.quotaUnit" |
| | | type="textarea" |
| | | placeholder="请输入指标单位" |
| | | maxlength="150" |
| | | ></el-input> |
| | | <el-input class="input-add" v-model.trim="inspectTargetForm.quotaUnit" type="textarea" placeholder="请输入指标单位" maxlength="150"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="isShowInspectTargetDialog = !isShowInspectTargetDialog" size="default">取 消</el-button> |
| | | <el-button type="primary" @click="submitInspectTarget" v-throttle size="default">确 实</el-button> |
| | | <el-button type="primary" @click="submitInspectTarget" v-throttle size="default">确 定</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { inspectPointApi } from '/@/api/intellectInspectSystem/inspectPointManage'; |
| | | |
| | | interface stateType { |
| | | isShowInspectTargetDialog: Boolean; |
| | | inspectTargetForm: { |
| | |
| | | }; |
| | | |
| | | const changeQuotaUnit = () => { |
| | | state.inspectTargetForm.quotaUnit = JSON.parse(JSON.stringify(state.quotaTypeList)).find( |
| | | (item: any) => item.id === state.inspectTargetForm.quotaTypeId |
| | | ).unit; |
| | | state.inspectTargetForm.quotaUnit = JSON.parse(JSON.stringify(state.quotaTypeList)).find((item: any) => item.id === state.inspectTargetForm.quotaTypeId).unit; |
| | | }; |
| | | |
| | | //新增修改提交 |
| | |
| | | if (res.data.code === '200') { |
| | | ElMessage({ |
| | | type: 'success', |
| | | message: '生巡检指标修改成功', |
| | | message: '巡检指标修改成功', |
| | | duration: 2000 |
| | | }); |
| | | state.isShowInspectTargetDialog = false; |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .input-length { |
| | | width: 85%; |
| | | } |
| | | </style> |
| | | <style scoped></style> |