yangjun
/
nursing_unit_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改样式

This commit is contained in:
yangjun 2025-11-04 14:16:07 +08:00
parent 8c6c28ba10
commit a73b0520f0
2 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/invoicing/warehouseMaterialInfo/components/CkfzrForm.vue
View File

@ -3,7 +3,7 @@
<JFormContainer :disabled="disabled">
<template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="BlWarehouseMaterialInfoForm">
<a-row>
<a-row class="card-class">
<a-col :span="24">
<a-form-item label="库房" v-bind="validateInfos.nuName" id="BlWarehouseMaterialInfoForm-nuName" name="nuName" >
<a-input v-model:value="formData.nuName" ></a-input>
@ -21,11 +21,7 @@
</a-col>
<a-col :span="24">
<a-form-item label="性别" v-bind="validateInfos.fzrSex" id="BlWarehouseMaterialInfoForm-fzrSex" name="fzrSex">
<a-select placeholder="性别" v-model:value="formData.fzrSex">
<a-select-option value="">请选择</a-select-option>
<a-select-option value="男">男</a-select-option>
<a-select-option value="女">女</a-select-option>
</a-select>
<a-input placeholder="性别" v-model:value="formData.fzrSex" ></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
@ -80,8 +76,6 @@
const confirmLoading = ref<boolean>(false);
//表单验证
const validatorRules = reactive({
nuName: [{ required: true, message: '请输入库房名称!' },],
fzrTel: [{ required: false, message: '请输入负责人电话!' },{ pattern: /^1[3456789]\d{9}$/, message: '手机号码格式有误', trigger: 'blur' }],
});
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
@ -182,4 +176,18 @@
.antd-modal-form {
padding: 14px;
}
.card-class {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 14px;
padding-right: 14px;
// background-color: rgba(255, 255, 255, 0.9);
background-color: #fcfdff;
border-radius: 10px;
// box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
margin-bottom: 14px;
}
</style>

16
src/views/invoicing/warehouseMaterialInfo/components/CkfzrFormEdit.vue
View File

@ -19,6 +19,20 @@
<a-input v-model:value="formData.fzrTel" ></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="性别" v-bind="validateInfos.fzrSex" id="BlWarehouseMaterialInfoForm-fzrSex" name="fzrSex">
<a-select placeholder="性别" v-model:value="formData.fzrSex">
<a-select-option value="">请选择</a-select-option>
<a-select-option value="男">男</a-select-option>
<a-select-option value="女">女</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="年龄" v-bind="validateInfos.fzrAge" id="BlWarehouseMaterialInfoForm-fzrAge" name="fzrAge">
<a-input-number placeholder="年龄" v-model:value="formData.fzrAge" min="18" max="99" style="width: 100%" ></a-input-number>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="负责人头像" v-bind="validateInfos.fzrHeadPath" id="BlWarehouseMaterialInfoForm-fzrHeadPath" name="fzrHeadPath">
<j-image-upload :fileMax="1" text="无" v-model:value="formData.fzrHeadPath"></j-image-upload>
@ -57,6 +71,8 @@
fzr: '',
fzrTel: '',
fzrHeadPath:'',
fzrSex:'',
fzrAge:'',
});
const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });