智能评估添加分步显示

This commit is contained in:
熊丽君
2021-09-14 15:03:04 +08:00
parent f4753f5705
commit e3af309a49

View File

@ -4,8 +4,14 @@
<img src="@/assets/image/banner-2.png" alt="" /> <img src="@/assets/image/banner-2.png" alt="" />
</div> </div>
<div class="content start_box"> <div class="content start_box">
<el-steps :active="index" align-center>
<el-step title="高企认定门槛"></el-step>
<el-step title="高企认定门槛检结果"></el-step>
<el-step title="创新指标评分"></el-step>
<el-step title="创新指标评分结果"></el-step>
</el-steps>
<el-form ref="formA" :model="formA" :rules="rulesA" v-if="status == 1"> <el-form ref="formA" :model="formA" :rules="rulesA" v-if="status == 1">
<p><span class="margin-right-xs">A</span>高企认定门槛</p> <!-- <p><span class="margin-right-xs">A</span>高企认定门槛</p> -->
<section class="padding-left"> <section class="padding-left">
<p>一、企业基本情况</p> <p>一、企业基本情况</p>
<el-form-item label="企业名称" prop="companyName"> <el-form-item label="企业名称" prop="companyName">
@ -31,7 +37,7 @@
</el-date-picker> --> </el-date-picker> -->
</el-form-item> </el-form-item>
<el-form-item label="所属领域"> <el-form-item label="所属领域">
<el-col :span="7"> <el-col :span="5">
<el-form-item> <el-form-item>
<el-select <el-select
v-model="formA.one" v-model="formA.one"
@ -47,7 +53,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="5">
<el-form-item prop="territoryId"> <el-form-item prop="territoryId">
<el-select v-model="formA.territoryId" placeholder="请选择"> <el-select v-model="formA.territoryId" placeholder="请选择">
<el-option <el-option
@ -78,7 +84,6 @@
<el-form-item label="上一年企业总收入"> <el-form-item label="上一年企业总收入">
<el-input-number <el-input-number
v-model="formA.lastYearTotalRevenue" v-model="formA.lastYearTotalRevenue"
:min="30"
></el-input-number> ></el-input-number>
<!-- <el-input <!-- <el-input
type="number" type="number"
@ -97,7 +102,7 @@
></el-input-number> ></el-input-number>
</el-form-item> </el-form-item>
<p>三、人力资源</p> <p>三、人力资源</p>
<el-form-item label="上一年企业入职满183天的总员工数"> <el-form-item label="上一年企业总员工数">
<el-input-number v-model="formA.totalEmployee"></el-input-number> <el-input-number v-model="formA.totalEmployee"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="上一年企业入职满183天的科技员工数"> <el-form-item label="上一年企业入职满183天的科技员工数">
@ -128,8 +133,13 @@
<el-form v-if="status == 2"> <el-form v-if="status == 2">
<p>您已通过高企认定门槛检查,请点击下一步进行创新指标评分!</p> <p>您已通过高企认定门槛检查,请点击下一步进行创新指标评分!</p>
<el-form-item class="margin-center"> <el-form-item class="margin-center">
<el-button type="warning" @click="status = 1">返 回</el-button> <!-- style="text-align: center; margin: 70px 0" -->
<el-button type="warning" @click="status = 3">下一步</el-button> <el-button type="warning" @click="backNext(1, false)"
>返 回</el-button
>
<el-button type="warning" @click="backNext(3, true)"
>下一步</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -141,13 +151,15 @@
{{ index + 1 }}、{{ item }} {{ index + 1 }}、{{ item }}
</p> </p>
<el-form-item class="margin-center"> <el-form-item class="margin-center">
<el-button type="warning" @click="status = 1">返 回</el-button> <el-button type="warning" @click="backNext(1, false)"
>返 回</el-button
>
</el-form-item> </el-form-item>
</section> </section>
</el-form> </el-form>
<el-form ref="formB" :model="formB" v-if="status == 3"> <el-form ref="formB" :model="formB" v-if="status == 3">
<p><span class="margin-right-xs">B</span>创新指标评分</p> <!-- <p><span class="margin-right-xs">B</span>创新指标评分</p> -->
<section class="padding-left"> <section class="padding-left">
<p>一、知识产权</p> <p>一、知识产权</p>
<el-form-item <el-form-item
@ -198,6 +210,10 @@
<el-checkbox label="4"> <el-checkbox label="4">
建立了科技人员的培养进修、职工技能培训、优秀人才引进,以及人才绩效评价奖励制度。 建立了科技人员的培养进修、职工技能培训、优秀人才引进,以及人才绩效评价奖励制度。
</el-checkbox> </el-checkbox>
<br />
<el-checkbox label="5">
其它。
</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<p>四、企业成长性</p> <p>四、企业成长性</p>
<el-form-item <el-form-item
@ -250,7 +266,9 @@
{{ index + 1 }}{{ item }} {{ index + 1 }}{{ item }}
</p> </p>
<el-form-item style="text-align: center; margin: 70px 0"> <el-form-item style="text-align: center; margin: 70px 0">
<el-button type="warning" @click="status = 1">重新评估</el-button> <el-button type="warning" @click="backNext(1, 0)"
>重新评估</el-button
>
</el-form-item> </el-form-item>
</section> </section>
</el-form> </el-form>
@ -280,6 +298,7 @@ import {
export default { export default {
data() { data() {
return { return {
index: 0,
oneMenuList: [], // 所属领域一级菜单 oneMenuList: [], // 所属领域一级菜单
twoMenuList: [], // 所属领域二级菜单 twoMenuList: [], // 所属领域二级菜单
propertyOption: [ propertyOption: [
@ -323,7 +342,7 @@ export default {
regTime: '', regTime: '',
territoryId: '', territoryId: '',
hasIntellectualProperty: 0, hasIntellectualProperty: 0,
lastYearTotalRevenue: 30, lastYearTotalRevenue: 0,
lastYearBusinessRevenue: 0, lastYearBusinessRevenue: 0,
lastYearResearchExpend: 0, lastYearResearchExpend: 0,
totalEmployee: 0, totalEmployee: 0,
@ -375,6 +394,7 @@ export default {
this.badSeason = data.badSeason; this.badSeason = data.badSeason;
this.status = -2; this.status = -2;
} }
this.index++;
}); });
} else { } else {
console.log('error submit!!'); console.log('error submit!!');
@ -382,6 +402,11 @@ export default {
} }
}); });
}, },
backNext(status, index) {
this.status = status;
if (typeof index == 'number') return (this.index = index);
index ? this.index++ : this.index--;
},
submitFormB(formName) { submitFormB(formName) {
if (!this.formB.management.length) if (!this.formB.management.length)
return this.msgError('请至少选择一项组织管理水平'); return this.msgError('请至少选择一项组织管理水平');
@ -393,6 +418,7 @@ export default {
} else { } else {
this.status = -3; this.status = -3;
} }
this.index++;
}); });
} }
}, },
@ -421,7 +447,7 @@ export default {
border-radius: 15px; border-radius: 15px;
min-height: 350px; min-height: 350px;
.el-form { .el-form {
width: 60%; width: 100%;
.margin-right-xs { .margin-right-xs {
margin-right: 15px; margin-right: 15px;
} }
@ -439,7 +465,7 @@ export default {
} }
.margin-center { .margin-center {
margin-top: 50px; margin-top: 50px;
text-align: right; text-align: center;
} }
.el-checkbox-group { .el-checkbox-group {
.el-checkbox { .el-checkbox {