尾部导航
This commit is contained in:
@ -22,8 +22,42 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="联系人" prop="name">
|
||||
<el-input v-model="modelValue.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="联系方式" prop="mobilephone">
|
||||
<el-input
|
||||
v-model="modelValue.mobilephone"
|
||||
:maxlength="11"
|
||||
oninput="
|
||||
value = value
|
||||
.replace(/[^\d.]/g, '')
|
||||
.replace(/\.{2,}/g, '.')
|
||||
.replace('.', '$#$')
|
||||
.replace(/\./g, '')
|
||||
.replace('$#$', '.')
|
||||
.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')
|
||||
.replace(/^\./g, '')
|
||||
"
|
||||
></el-input>
|
||||
<!-- v-number -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邮箱" prop="name">
|
||||
<el-input v-model="modelValue.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="信用代码:" prop="code">
|
||||
<el-row type="flex" justify="space-between">
|
||||
@ -36,7 +70,7 @@
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row> -->
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="企业类型:" prop="kind">
|
||||
@ -134,7 +168,11 @@
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="单位简介" prop="introduce">
|
||||
<WangEditor v-model="modelValue.introduce" :minHeight="300" />
|
||||
<WangEditor
|
||||
v-model="modelValue.introduce"
|
||||
:minHeight="300"
|
||||
@blur="formRef.validateField(`introduce`)"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -148,7 +186,7 @@ import InputBoxAdd from "../InputBoxAdd";
|
||||
// import { researchSelect, laboratorySelect } from "@/api/identity/index";
|
||||
import WangEditor from "@/components/WangEditor";
|
||||
import { enterpriseOptions } from "@/utils/parameter";
|
||||
import { toRefs } from "vue";
|
||||
import { nextTick, toRefs } from "vue";
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: Object,
|
||||
@ -166,6 +204,23 @@ const props = defineProps({
|
||||
},
|
||||
});
|
||||
const { modelValue, isAdd, showTitle, labelWidth } = toRefs(props);
|
||||
|
||||
const vNumber = {
|
||||
mounted: (el, _binding, vnode, _prevVnode) => {
|
||||
console.log(vnode);
|
||||
el.children[0].addEventListener("keypress", (e) => {
|
||||
// console.log(e);
|
||||
if (/[\D]/.test(e.key)) {
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
// el.addEventListener("input", (e) => {
|
||||
// console.log(e);
|
||||
// e.srcElement.value = e.srcElement.value.replace("3", "");
|
||||
// // value = value.replace("3", "");
|
||||
// });
|
||||
},
|
||||
};
|
||||
const data = reactive({
|
||||
rules: {
|
||||
product: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
|
@ -170,9 +170,9 @@
|
||||
<el-form-item label="个人简介:" prop="introduce">
|
||||
<el-input
|
||||
v-model="modelValue.introduce"
|
||||
placeholder="请输入研究方向、核心技术及产品、代表专利和论文、承担科研项目名称及项目摘要"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 8 }"
|
||||
maxlength="400"
|
||||
:autosize="{ minRows: 16, maxRows: 20 }"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
|
@ -19,7 +19,7 @@
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-row type="flex" justify="space-between">
|
||||
<el-row type="flex" class="input-add-bar" justify="space-between">
|
||||
<el-col :span="20">
|
||||
<el-input v-model="dataVal" :placeholder="placeholder"></el-input>
|
||||
</el-col>
|
||||
|
@ -19,13 +19,37 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="联系人:" prop="title">
|
||||
<el-input
|
||||
v-model="modelValue.title"
|
||||
placeholder="请输入联系人"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="联系方式:" prop="title">
|
||||
<el-input
|
||||
v-model="modelValue.title"
|
||||
placeholder="请输入联系方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<FieldOptions
|
||||
v-model="modelValue"
|
||||
:labelWidth="labelWidth"
|
||||
ref="fieldFormRef"
|
||||
/>
|
||||
|
||||
<CityOptions
|
||||
v-model="modelValue"
|
||||
:labelWidth="labelWidth"
|
||||
ref="cityFormRef"
|
||||
></CityOptions>
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="modelValue"
|
||||
@ -79,6 +103,7 @@
|
||||
<el-select
|
||||
v-model="modelValue.cooperationMode"
|
||||
clearable
|
||||
multiple
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
@ -110,6 +135,7 @@
|
||||
min-height="150px"
|
||||
width="100%"
|
||||
ref="introduceRef"
|
||||
@blur="formRef.validateField(`introduce`)"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@ -236,6 +262,7 @@ const { rules } = toRefs(data);
|
||||
const formRef = ref(null);
|
||||
const fieldFormRef = ref(null);
|
||||
const customerFormRef = ref(null);
|
||||
const cityFormRef = ref(null);
|
||||
const validateForm = async () => {
|
||||
// await formRef.value.validate();
|
||||
let formValid;
|
||||
@ -246,8 +273,10 @@ const validateForm = async () => {
|
||||
}
|
||||
const fieldFormValid = await fieldFormRef.value.validateForm(); // 城市选择表单验证
|
||||
const customerValid = await customerFormRef.value.validateForm(); // 领域选择表单验证
|
||||
const cityFormValid = await cityFormRef.value.validateForm(); // 领域选择表单验证
|
||||
|
||||
console.log(formValid, fieldFormValid, customerValid);
|
||||
return formValid && fieldFormValid && customerValid;
|
||||
return formValid && fieldFormValid && customerValid && cityFormValid;
|
||||
// const keywordsFormValid = await keywordsFormRef.value.validateForm(); // 关键词表单验证
|
||||
// console.log(cityFormValid);
|
||||
// if (isAdd.value) {
|
||||
|
Reference in New Issue
Block a user