Skip to content

E
enterprise-serevice-platform-web
Commit 7e7b3e1f authored by 高宇's avatar 高宇
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 3410cd44 64aa5cf5
Show whitespace changes
Inline Side-by-side
Showing with 578 additions and 392 deletions
src/views/PolicyDirect/components/policyRecommendation.vue
View file @ 7e7b3e1f
<template>
<div class="recommendation-module">
<div class="progress">
<el-progress :text-inside="true" :stroke-width="26" :percentage="50" />
<div style="display: flex;justify-content: space-between;padding-top: 10px">
<div>选择企业</div>
<div>完善信息</div>
<div>获取报告</div>
<div class="top-step">
<div>
<div class="left">
<el-image :src="images.step1" alt="步骤1" />
</div>
<div class="right">
<div>1.选择企业</div>
<div />
</div>
</div>
<div>
<div class="left">
<el-image :src="images.step1" alt="步骤1" />
</div>
<div class="right">
<div>2.完善信息</div>
<div />
</div>
</div>
<div>
<div class="left">
<el-image :src="images.step1" alt="步骤1" />
</div>
<div class="right">
<div>3.获取报告</div>
<div />
</div>
</div>
</div>
<div class="separate" />
</div>
<div class="form-content">
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
......@@ -46,7 +71,14 @@
</el-col>
<el-col :span="8">
<el-form-item label="企业类型" prop="enterpriseTypeId">
<el-select v-model="form.enterpriseTypeId" clearable :popper-append-to-body="false" class="sortType-class" style="width: 100%" placeholder="请选择企业类型">
<el-select
v-model="form.enterpriseTypeId"
clearable
:popper-append-to-body="false"
class="sortType-class"
style="width: 100%"
placeholder="请选择企业类型"
>
<el-option
v-for="item in enterpriseTypeOptions"
:key="item.id"
......@@ -88,7 +120,15 @@
</el-col>
<el-col :span="8">
<el-form-item label="企业性质" prop="enterpriseNature">
<el-select v-model="form.enterpriseNature" clearable :popper-append-to-body="false" class="sortType-class" style="width: 100%" placeholder="请选择企业性质" multiple>
<el-select
v-model="form.enterpriseNature"
clearable
:popper-append-to-body="false"
class="sortType-class"
style="width: 100%"
placeholder="请选择企业性质"
multiple
>
<el-option
v-for="item in enterpriseNatureOptions"
:key="item.id"
......@@ -102,7 +142,15 @@
<el-row>
<el-col :span="8">
<el-form-item label="所属领域" prop="enterpriseField">
<el-select v-model="form.enterpriseField" clearable :popper-append-to-body="false" class="sortType-class" style="width: 100%" placeholder="请选择所属领域" multiple>
<el-select
v-model="form.enterpriseField"
clearable
:popper-append-to-body="false"
class="sortType-class"
style="width: 100%"
placeholder="请选择所属领域"
multiple
>
<el-option
v-for="item in fieldOptions"
:key="item.id"
......@@ -114,7 +162,15 @@
</el-col>
<el-col :span="8">
<el-form-item label="企业资质" prop="enterpriseQualifications">
<el-select v-model="form.enterpriseQualifications" clearable :popper-append-to-body="false" class="sortType-class" style="width: 100%" placeholder="请选择企业资质" multiple>
<el-select
v-model="form.enterpriseQualifications"
clearable
:popper-append-to-body="false"
class="sortType-class"
style="width: 100%"
placeholder="请选择企业资质"
multiple
>
<el-option
v-for="item in enterpriseQualification"
:key="item.id"
......@@ -126,7 +182,15 @@
</el-col>
<el-col :span="8">
<el-form-item label="企业技术能力" prop="enterpriseAblity">
<el-select v-model="form.enterpriseAblity" clearable :popper-append-to-body="false" class="sortType-class" placeholder="请输入企业技术能力" style="width: 100%" multiple>
<el-select
v-model="form.enterpriseAblity"
clearable
:popper-append-to-body="false"
class="sortType-class"
placeholder="请输入企业技术能力"
style="width: 100%"
multiple
>
<el-option
v-for="item in technologyCapabilityOptions"
:key="item.id"
......@@ -146,20 +210,41 @@
<el-row>
<el-col :span="8">
<el-form-item class="unitItem" label="企业总人数" prop="totalPeople">
<el-input-number v-model="form.totalPeople" clearable placeholder="请输入企业总人数" style="width: 100%" :min="0" :max="99999" :precision="0" controls-position="right" />
<el-input-number
v-model="form.totalPeople"
clearable
placeholder="请输入企业总人数"
style="width: 100%"
:min="0"
:max="99999"
:precision="0"
controls-position="right"
/>
<div class="peopleUnit">人</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="unitItem" label="领军人数" prop="leaderNumber">
<el-input v-model="form.leaderNumber" clearable type="number" placeholder="请输入领军人数" oninput="value=value.replace(/\D/,'')">
<el-input
v-model="form.leaderNumber"
clearable
type="number"
placeholder="请输入领军人数"
oninput="value=value.replace(/\D/,'')"
>
<template #suffix class="peopleUnit">人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="unitItem" label="大专及以上人数" prop="collegeNumber">
<el-input v-model="form.collegeNumber" clearable type="number" placeholder="请输入大专及以上人数" oninput="value=value.replace(/\D/,'')">
<el-input
v-model="form.collegeNumber"
clearable
type="number"
placeholder="请输入大专及以上人数"
oninput="value=value.replace(/\D/,'')"
>
<template #suffix class="peopleUnit">人</template>
</el-input>
</el-form-item>
......@@ -168,21 +253,39 @@
<el-row>
<el-col :span="8">
<el-form-item class="unitItem" label="本科及以上人数" prop="undergraduateNumber">
<el-input v-model="form.undergraduateNumber" clearable type="number" placeholder="请输入本科及以上人数" oninput="value=value.replace(/\D/,'')">
<el-input
v-model="form.undergraduateNumber"
clearable
type="number"
placeholder="请输入本科及以上人数"
oninput="value=value.replace(/\D/,'')"
>
<template #suffix class="peopleUnit">人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="unitItem" label="硕士及以上人数" prop="masterNumber">
<el-input v-model="form.masterNumber" clearable type="number" placeholder="请输入硕士及以上人数" oninput="value=value.replace(/\D/,'')">
<el-input
v-model="form.masterNumber"
clearable
type="number"
placeholder="请输入硕士及以上人数"
oninput="value=value.replace(/\D/,'')"
>
<template #suffix class="peopleUnit">人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="unitItem" label="博士及以上人数" prop="phdNumber">
<el-input v-model="form.phdNumber" clearable type="number" placeholder="请输入博士及以上人数" oninput="value=value.replaceAll(/\D/g,'')">
<el-input
v-model="form.phdNumber"
clearable
type="number"
placeholder="请输入博士及以上人数"
oninput="value=value.replaceAll(/\D/g,'')"
>
<template #suffix class="peopleUnit">人</template>
</el-input>
</el-form-item>
......@@ -336,7 +439,13 @@
</el-table-column>
<el-table-column align="center" label="项目情况" prop="projectStatus" :show-overflow-tooltip="true">
<template slot-scope="scope">
<el-select v-model="scope.row.projectStatus" clearable class="sortType-class" style="width: 100%" placeholder="请选择项目情况">
<el-select
v-model="scope.row.projectStatus"
clearable
class="sortType-class"
style="width: 100%"
placeholder="请选择项目情况"
>
<el-option
v-for="item in projectStatusOption"
:key="item.value"
......@@ -389,7 +498,6 @@
</el-form>
</div>
</div>
</div>
</template>
<script>
......@@ -568,7 +676,12 @@ export default {
}]
},
// 地址信息
addressInfo: []
addressInfo: [],
images: {
step1: require('@/assets/image/recommond-step1.png'),
step2: require('@/assets/image/recommond-step2.png'),
step3: require('@/assets/image/recommond-step3.png')
}
}
},
computed: {
......@@ -906,51 +1019,124 @@ export default {
</script>
<style scoped lang="scss">
.recommendation-module{
.sortType-class{
::v-deep.el-popper{
z-index: 5!important;
.recommendation-module {
.sortType-class {
::v-deep.el-popper {
z-index: 5 !important;
}
}
.yearInput {
::v-deep.el-input__inner {
padding-right: 5px !important;
}
}
::v-deep.el-progress-bar__outer {
background-color: #d6d6d6 !important;
}
background-color: #FFFFFF;
color: #333333;
font-size: 15px;
padding: 40px 80px;
.progress {
position: relative;
.top-step {
padding-left: 115px;
width: 100%;
box-sizing: border-box;
display: flex;
& > div {
display: flex;
flex: 1;
width: 100%;
.left {
.el-image {
width: 72px;
height: 72px;
background-color: #FFFFFF;
z-index: 3;
}
}
.yearInput{
::v-deep.el-input__inner{
padding-right: 5px!important;
.right {
width: 100%;
height: 100%;
font-size: 19px;
& > div {
text-align: center;
height: 50%;
}
}
}
::v-deep.el-progress-bar__outer{
background-color: #d6d6d6!important;
}
.progress{
padding: 20px;
.separate {
color: #F1931A;
background-color: #F1931A;
width: 100%;
height: 2px;
position: absolute;
top: calc(50% - 2px);
}
.form-content{
}
.form-content {
padding: 20px 0 10px 0;
.footer{
::v-deep .el-form {
::v-deep .el-row {
.el-col-12 {
::v-deep .el-form-item {
.el-form-item__label-wrap {
margin-left: 0 !important;
}
.el-form-item__content {
margin-left: 6rem !important;
}
}
}
}
}
}
.footer {
text-align: center;
}
::v-deep.el-form-item__label{
::v-deep.el-form-item__label {
font-weight: bold;
}
.unitItem{
::v-deep.el-form-item__content{
.unitItem {
::v-deep.el-form-item__content {
display: flex;
}
}
.peopleUnit{
.peopleUnit {
width: 30px;
padding-left: 10px;
font-weight: bold;
}
.unit{
.unit {
width: 43px;
padding-left: 10px;
font-weight: bold;
}
.form-title{
.form-title {
padding-bottom: 10px;
font-weight: bold;
color: #018FD6;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment