|
|
|
@ -4,18 +4,20 @@ |
|
|
|
<a-row> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-form-item label="模型编号" v-bind="validateInfos.modelCode" > |
|
|
|
<a-input-number v-model:value="formData.modelCode" placeholder="请输入模型编号" style="width: 100%" |
|
|
|
:disabled="disabled"></a-input-number> |
|
|
|
<!-- <a-input-number v-model:value="formData.modelCode" placeholder="请输入模型编号" style="width: 100%" :disabled="disabled"></a-input-number> --> |
|
|
|
<a-input-number v-model:value="formData.modelCode" placeholder="请输入模型编号" style="width: 100%" :disabled="disabledForm.modelCode"></a-input-number> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-form-item label="模型名称" v-bind="validateInfos.modelName"> |
|
|
|
<a-input v-model:value="formData.modelName" placeholder="请输入模型名称" :disabled="disabled"></a-input> |
|
|
|
<a-input v-model:value="formData.modelName" placeholder="请输入模型名称" :disabled="disabledForm.modelName"></a-input> |
|
|
|
<!-- <a-input v-model:value="formData.modelName" placeholder="请输入模型名称" :disabled="disabled"></a-input> --> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<a-col :span="24"> |
|
|
|
<a-form-item label="备注" v-bind="validateInfos.remark"> |
|
|
|
<a-input v-model:value="formData.remark" placeholder="请输入备注" :disabled="disabled"></a-input> |
|
|
|
<a-input v-model:value="formData.remark" placeholder="请输入备注" :disabled="disabledForm.remark"></a-input> |
|
|
|
<!-- <a-input v-model:value="formData.remark" placeholder="请输入备注" :disabled="disabled"></a-input> --> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<!-- <a-col :span="24"> |
|
|
|
@ -55,6 +57,7 @@ import { useMessage } from '/@/hooks/web/useMessage'; |
|
|
|
import { getValueType } from '/@/utils'; |
|
|
|
import { saveOrUpdate } from '../DtMonitorModel.api'; |
|
|
|
import { Form } from 'ant-design-vue'; |
|
|
|
import { title } from 'process'; |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
formDisabled: { type: Boolean, default: false }, |
|
|
|
@ -62,6 +65,7 @@ const props = defineProps({ |
|
|
|
formBpm: { type: Boolean, default: true } |
|
|
|
}); |
|
|
|
const formRef = ref(); |
|
|
|
// const isShow=ref(true); |
|
|
|
const useForm = Form.useForm; |
|
|
|
const emit = defineEmits(['register', 'ok']); |
|
|
|
const formData = reactive<Record<string, any>>({ |
|
|
|
@ -85,25 +89,31 @@ const validatorRules = { |
|
|
|
modelName: [{ required: true, message: '请输入模型名称!' }] |
|
|
|
}; |
|
|
|
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: true }); |
|
|
|
|
|
|
|
const disabledForm=ref({ |
|
|
|
modelCode:false, |
|
|
|
modelName:false, |
|
|
|
remark:false |
|
|
|
}) |
|
|
|
// 表单禁用 |
|
|
|
const disabled = computed(() => { |
|
|
|
if (props.formBpm === true) { |
|
|
|
if (props.formData.disabled === false) { |
|
|
|
return false; |
|
|
|
} else { |
|
|
|
return true; |
|
|
|
} |
|
|
|
} |
|
|
|
return props.formDisabled; |
|
|
|
}); |
|
|
|
|
|
|
|
// const disabled = computed(() => { |
|
|
|
// if (props.formBpm === true) { |
|
|
|
// if (props.formData.disabled === false) { |
|
|
|
// return false; |
|
|
|
// } else { |
|
|
|
// return true; |
|
|
|
// } |
|
|
|
// } |
|
|
|
// return props.formDisabled; |
|
|
|
// }); |
|
|
|
|
|
|
|
/** |
|
|
|
* 新增 |
|
|
|
*/ |
|
|
|
function add() { |
|
|
|
edit({}); |
|
|
|
disabledForm.value.modelCode=false |
|
|
|
disabledForm.value.modelName=false |
|
|
|
disabledForm.value.remark=false |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|
@ -115,6 +125,15 @@ function edit(record) { |
|
|
|
//赋值 |
|
|
|
Object.assign(formData, record); |
|
|
|
}); |
|
|
|
if(!props.formDisabled){//为编辑 |
|
|
|
disabledForm.value.modelCode=true |
|
|
|
disabledForm.value.modelName=false |
|
|
|
disabledForm.value.remark=false |
|
|
|
}else{ |
|
|
|
disabledForm.value.modelCode=true |
|
|
|
disabledForm.value.modelName=true |
|
|
|
disabledForm.value.remark=true |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|
|
