fixed
This commit is contained in:
@ -1,76 +1,200 @@
|
||||
<!-- 企业需求弹框 -->
|
||||
<template>
|
||||
<el-dialog title="基本信息" v-model="isShow">
|
||||
<el-form label-width="150px">
|
||||
<el-form-item label="所属企业">
|
||||
<el-input placeholder=""></el-input>
|
||||
<el-dialog title="基本信息" v-model="isShow">
|
||||
<el-form ref="formRef" :model="modelValue" :label-width="labelWidth + 'px'">
|
||||
<p><b>基本信息</b></p>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="成果需求名称:" prop="title">
|
||||
<el-input v-model="modelValue.title"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属需求名称">
|
||||
<el-input placeholder=""></el-input>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<!-- <el-checkbox label="0" @change="handleCheck">其他</el-checkbox> -->
|
||||
<el-form-item label="需求类别:">
|
||||
<el-checkbox-group v-model="modelValue.kinds">
|
||||
<el-checkbox
|
||||
v-for="item in checkList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
>{{ item.name }}</el-checkbox
|
||||
>
|
||||
</el-checkbox-group>
|
||||
<!-- <el-row :gutter="20">
|
||||
<el-col :span="20">
|
||||
<el-input
|
||||
v-model="checkInput"
|
||||
placeholder="请输入需求类别"
|
||||
></el-input>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button type="primary" @click="addCheck">添加</el-button>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</el-form-item>
|
||||
<el-form-item label="需求描述">
|
||||
<Editor></Editor>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="需求描述:" prop="introduce">
|
||||
<!-- <Editor v-model="modelValue.add" :minHeight="150" /> -->
|
||||
<wangEditor
|
||||
v-model="modelValue.introduce"
|
||||
width="100%"
|
||||
min-height="150px"
|
||||
></wangEditor>
|
||||
</el-form-item>
|
||||
<el-form-item label="行业分类">
|
||||
<el-select placeholder="" style="width: 100px;">
|
||||
<el-option></el-option>
|
||||
</el-select>
|
||||
<el-select placeholder="" style="width: 100px;">
|
||||
<el-option></el-option>
|
||||
</el-select>
|
||||
<el-select placeholder="" style="width: 100px;">
|
||||
<el-option></el-option>
|
||||
</el-select>
|
||||
<el-select placeholder="" style="width: 100px;">
|
||||
<el-option></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- <CityOptions
|
||||
v-model="form"
|
||||
:labelWidth="labelWidth"
|
||||
ref="cityForm"
|
||||
/> -->
|
||||
<FieldOptions
|
||||
v-model="modelValue"
|
||||
:labelWidth="labelWidth"
|
||||
ref="fieldFormRef"
|
||||
/>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="成果需求预算:"
|
||||
:prop="modelValue.budgetMode == 1 ? 'budget' : ''"
|
||||
>
|
||||
<el-input
|
||||
v-model="modelValue.budget"
|
||||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"
|
||||
placeholder="请输入技术需求预算"
|
||||
>
|
||||
<template #append>万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="需求类别">
|
||||
<el-checkbox-group v-model="checkList">
|
||||
<el-checkbox label="成果难题解决" />
|
||||
<el-checkbox label="成果储备/项目投资" />
|
||||
<el-checkbox label="新成果开发" />
|
||||
<el-checkbox label="校验检测" />
|
||||
<el-checkbox label="其他" />
|
||||
</el-checkbox-group>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label-width="50px">
|
||||
<el-checkbox
|
||||
false-label="1"
|
||||
true-label="2"
|
||||
v-model="modelValue.budgetMode"
|
||||
>面议</el-checkbox
|
||||
>
|
||||
</el-form-item>
|
||||
<el-form-item label="成果需求预算">
|
||||
<el-input style="width: 200px;" placeholder=""></el-input>万元 <input type="checkbox">面议
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="截止时间:" prop="deadline">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="modelValue.deadline"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择截止时间"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="截至时间">
|
||||
<el-input placeholder=""></el-input>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="需求联系人:" prop="name">
|
||||
<el-input
|
||||
v-model="modelValue.name"
|
||||
placeholder="请输入需求联系人"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-row >
|
||||
<el-col :span="12">
|
||||
<el-form-item label="需求联系人">
|
||||
<el-input placeholder=""></el-input>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人手机号:" prop="mobile">
|
||||
<el-input
|
||||
v-model="modelValue.mobile"
|
||||
placeholder="请输入联系人手机号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系人手机号码">
|
||||
<el-input placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="想合作的企业及模式">
|
||||
<el-input placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row type="flex" justify="end">
|
||||
<el-button type="primary">驳回</el-button>
|
||||
<el-button type="primary">通过需求</el-button>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- <el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="需求提交人:" prop="commitUserName">
|
||||
<el-input
|
||||
v-model="modelValue.commitUserName"
|
||||
placeholder="请输入需求提交人"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="需求提交人手机号:" prop="commitUserPhone">
|
||||
<el-input
|
||||
v-model="modelValue.commitUserPhone"
|
||||
placeholder="请输入需求提交人手机号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<InputBoxAdd
|
||||
:labelWidth="labelWidth"
|
||||
v-model="modelValue"
|
||||
title="想合作的单位及模式"
|
||||
placeholder=""
|
||||
fieldKey="wants"
|
||||
ref="directionsFormRef"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-row type="flex" justify="end">
|
||||
<el-button type="primary">驳回</el-button>
|
||||
<el-button type="primary">通过需求</el-button>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup>
|
||||
import Editor from '@/components/WangEditor'
|
||||
import { ref } from 'vue';
|
||||
const props=defineProps({
|
||||
isShow:{
|
||||
type:Boolean,
|
||||
required:true
|
||||
}
|
||||
})
|
||||
const checkList=ref([])
|
||||
import WangEditor from "@/components/WangEditor";
|
||||
import FieldOptions from "@/views/components/FieldOptions";
|
||||
import InputBoxAdd from "@/views/components/InputBoxAdd";
|
||||
import { ref, toRefs } from "vue";
|
||||
const props = defineProps({
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
modelValue: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
const { isShow, modelValue } = toRefs(props);
|
||||
const labelWidth = 160;
|
||||
const checkList = reactive([
|
||||
{
|
||||
id: 1,
|
||||
name: "成果推广",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "关键成果解决",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "对接专家院士",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "上市辅导",
|
||||
},
|
||||
]);
|
||||
</script>
|
||||
<style></style>
|
||||
<style></style>
|
||||
|
||||
Reference in New Issue
Block a user