尾部导航

This commit is contained in:
cxc
2022-11-17 17:29:47 +08:00
parent c2327f30cb
commit 7dc27a03ea
54 changed files with 956 additions and 433 deletions

View File

@ -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" }],

View File

@ -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>

View File

@ -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>

View File

@ -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) {