This commit is contained in:
熊丽君
2021-10-28 16:32:05 +08:00
parent 03181bbe31
commit 1e691dec8c

View File

@ -4,447 +4,251 @@
<img src="@/assets/image/banner-2.png" alt="" />
</div>
<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-step :title="index >= 1 ? '高企认定门槛检结果' : ''"></el-step>
<el-step :title="index >= 2 ? '创新指标评分' : ''"></el-step>
<el-step :title="index >= 3 ? '创新指标评分结果' : ''"></el-step> -->
</el-steps>
<el-form ref="formA" :model="formA" :rules="rulesA" v-if="status == 1">
<!-- <p><span class="margin-right-xs">A</span>高企认定门槛</p> -->
<section class="padding-left">
<p>一、企业基本情况</p>
<el-form-item label="企业全称" prop="companyName">
<el-table :data="tableData" size="small" border>
<el-table-column
type="index"
align="center"
label="序号"
width="60"
></el-table-column>
<el-table-column
prop="years"
align="center"
label="年限"
width="80"
></el-table-column>
<el-table-column
align="center"
header-align="center"
label="总收入(万元)"
>
<template slot-scope="{ row, $index }">
<span v-if="!showEdit[$index]">{{ row.total_income }}</span>
<el-input
v-model.trim="formA.companyName"
style="max-width: 420px"
type="text"
v-model="row.total_income"
v-else
placeholder="请输入总收入"
></el-input>
</el-form-item>
<el-form-item label="成立时间" prop="regTime">
<el-date-picker
v-model="formA.regTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="date"
placeholder="选择日期时间"
>
</el-date-picker>
<!-- <el-date-picker
v-model="formA.regTime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期"
>
</el-date-picker> -->
</el-form-item>
<el-form-item label="所属领域">
<el-col :span="5">
<el-form-item>
<el-select
v-model="formA.one"
placeholder="请选择"
@change="handleOne"
>
<el-option
v-for="i in oneMenuList"
:key="i.id"
:label="i.name"
:value="i.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item prop="territoryId">
<el-select v-model="formA.territoryId" placeholder="请选择">
<el-option
v-for="i in twoMenuList"
:key="i.id"
:label="i.name"
:value="i.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="拥有在所属领域发挥核心作用的知识产权?">
<el-select
v-model="formA.hasIntellectualProperty"
placeholder="请选择"
>
<el-option
v-for="item in propertyOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<p>二、财务数据(单位:万元)</p>
<el-form-item label="近一年企业总收入">
<el-input-number
v-model="formA.lastYearTotalRevenue"
></el-input-number>
<!-- <el-input
type="number"
v-model.number="formA.lastYearTotalRevenue"
class="w120"
></el-input> -->
</el-form-item>
<el-form-item label="近一年主营业务部分收入">
<el-input-number
v-model="formA.lastYearBusinessRevenue"
></el-input-number>
</el-form-item>
<el-form-item label="近一年研究开发费用">
<el-input-number
v-model="formA.lastYearResearchExpend"
></el-input-number>
</el-form-item>
<p>三、人力资源</p>
<el-form-item label="当年企业职工总数">
<el-input-number v-model="formA.totalEmployee"></el-input-number>
</el-form-item>
<el-form-item label="当年企业入职满183天的科技人员职工总数">
<el-input-number v-model="formA.scienceEmployee"></el-input-number>
</el-form-item>
<p>四、其他</p>
<el-form-item
label="企业近一年内未发生重大安全、重大质量事故或严重环境违法行为。 "
>
<el-select v-model="formA.hasBad" placeholder="请选择">
<el-option
v-for="item in propertyOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="warning" @click="submitFormA('formA')"
>提 交</el-button
>
</el-form-item>
</section>
</el-form>
</template>
</el-table-column>
<el-table-column
align="center"
header-align="center"
label="产品收入(万元)"
>
<template slot-scope="{ row, $index }">
<span v-if="!showEdit[$index]">{{ row.skill_income }}</span>
<el-input
type="text"
v-model="row.skill_income"
v-else
placeholder="请输入高新技术产品收入"
></el-input>
</template>
</el-table-column>
<el-form v-if="status == 2">
<p>您已通过高企认定门槛检查,请点击下一步进行创新指标评分!</p>
<el-form-item class="margin-center">
<!-- style="text-align: center; margin: 70px 0" -->
<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>
<el-table-column
align="center"
header-align="center"
label="销售收入(万元)"
>
<template slot-scope="{ row, $index }">
<span v-if="!showEdit[$index]">{{ row.sale_income }}</span>
<el-input
type="text"
v-model="row.sale_income"
v-else
placeholder="请输入销售收入"
></el-input>
</template>
</el-table-column>
<el-form v-if="status == -2">
<p>您的高企认定门槛检查未通过,请点击返回重新填写!</p>
<section class="padding-left">
<p style="font-weight: bold">未通过项:</p>
<p v-for="(item, index) in badSeason" :key="index">
{{ index + 1 }}、{{ item }}
</p>
<el-form-item class="margin-center">
<el-button type="warning" @click="backNext(1, false)"
>上一步</el-button
>
</el-form-item>
</section>
</el-form>
<el-table-column
align="center"
header-align="center"
label="研发费用(万元)"
>
<template slot-scope="{ row, $index }">
<span v-if="!showEdit[$index]">{{ row.r_d_expenses }}</span>
<el-input
type="text"
v-model="row.r_d_expenses"
v-else
placeholder="请输入研发费用"
></el-input>
</template>
</el-table-column>
<el-form ref="formB" :model="formB" v-if="status == 3">
<!-- <p><span class="margin-right-xs">B</span>创新指标评分</p> -->
<section class="padding-left">
<p>一、知识产权</p>
<el-form-item
label="自主研发的Ⅰ类(发明专利、植物新品种、国家新药、集成电路布图等)数量:"
>
<el-input-number
class="w165"
v-model="formB.propertyNumI"
></el-input-number>
<!-- <el-input v-model="formB.name" class="w120"></el-input> -->
</el-form-item>
<el-form-item
label="自主研发的Ⅱ类(实用新型专利、外观设计专利、软件著作权等(不含商标))数量:"
>
<el-input-number
class="w120"
v-model="formB.propertyNumII"
></el-input-number>
</el-form-item>
<el-form-item
label="企业参与过编制国家标准、行业标准、检测方法、技术规范?"
>
<el-select v-model="formB.hasStandard" placeholder="请选择">
<el-option
v-for="item in propertyOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<p>二、科技成果转化</p>
<el-form-item label="近三年年均成果转化数量:">
<el-input-number v-model="formB.achievementNum"></el-input-number>
</el-form-item>
<p>三、组织管理水平(多选)</p>
<el-checkbox-group v-model="formB.management">
<el-checkbox label="1">
制定了企业研究开发的组织管理制度,建立了研发投入核算体系,编制了研发费用辅助账。
</el-checkbox>
<el-checkbox label="2">
设立了内部科学技术研究开发机构并具备相应的科研条件,与国内外研究开发机构开展多种形式产学研合作
</el-checkbox>
<el-checkbox label="3">
建立了科技成果转化的组织实施与激励奖励制度,建立开放式的创新创业平台。
</el-checkbox>
<el-checkbox label="4">
建立了科技人员的培养进修、职工技能培训、优秀人才引进,以及人才绩效评价奖励制度。
</el-checkbox>
<br />
<el-checkbox label="5">
以上选项都不匹配。
</el-checkbox>
</el-checkbox-group>
<p>四、企业成长性</p>
<el-form-item
label="净资产增长率赋值其中合肥市高新区企业政策兑现要求上一年度净资产达40万元以上 "
>
<el-select
style="max-width: 95px"
v-model="formB.assetGrowth"
placeholder="请选择"
>
<el-option
v-for="item in assetOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="销售收入增长率赋值">
<el-select v-model="formB.sellGrowth" placeholder="请选择">
<el-option
v-for="item in assetOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="warning" @click="backNext(2, false)"
>上一步</el-button
>
<el-button type="warning" @click="submitFormB('formB')"
>提 交</el-button
>
</el-form-item>
</section>
</el-form>
<el-table-column
align="center"
header-align="center"
label="净资产(万元)"
>
<template slot-scope="{ row, $index }">
<span v-if="!showEdit[$index]">{{ row.net_assets }}</span>
<el-input
type="text"
v-model="row.net_assets"
v-else
placeholder="请输入净资产"
></el-input>
</template>
</el-table-column>
<el-form class="el_form_4" v-if="status == -3">
<p>
您的创新指标得分
<span style="color: red; font-size: 27px; font-weight: 700">{{
score
}}</span>
分,不符合高企认定条件!此评分为平台智能估算分,仅供参考,实际评分以政府实际打分为准!
</p>
<section class="padding-left">
<p style="font-weight: bold">平台建议:</p>
<p v-for="(item, index) in badSeason1" :key="index">
{{ index + 1 }}{{ item }}
</p>
<el-form-item style="text-align: center; margin: 70px 0">
<el-button type="warning" @click="backNext(3, false)"
>上一步</el-button
>
<el-button type="warning" @click="backNext(1, 0)"
>重新评估</el-button
>
</el-form-item>
</section>
</el-form>
<el-table-column
align="center"
header-align="center"
label="成果(个)"
>
<template slot-scope="{ row, $index }">
<span v-if="!showEdit[$index]">{{ row.achievements }}</span>
<el-input
type="text"
v-model="row.achievements"
v-else
placeholder="请输入成果"
></el-input>
</template>
</el-table-column>
<el-form class="el_form_4" v-if="status == 4">
<p>
您的创新指标得分
<span style="color: green; font-size: 27px; font-weight: 700">{{
score
}}</span>
符合高企认定条件此评分为平台智能估算分仅供参考实际评分以政府实际打分为准
</p>
<el-form-item style="text-align: center; margin: 70px 0">
<el-button type="warning" @click="status = 1">重新评估</el-button>
</el-form-item>
</el-form>
<el-table-column
header-align="center"
align="center"
label="操作"
width="150"
>
<template slot-scope="{ row, $index }">
<el-button
size="mini"
v-if="!showEdit[$index]"
@click="showUpdate($index, row)"
type="primary"
>
修改
</el-button>
<el-button
size="mini"
v-if="showEdit[$index]"
@click="submit($index, row)"
type="success"
>确定</el-button
>
<el-button
size="mini"
v-if="showEdit[$index]"
@click="cancelUpdate($index)"
type="warning"
>取消</el-button
>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
import {
getTerritoryOneMenu,
getTerritoryTwoMenu,
firstAssess,
secondAssess
} from '@/api/startEvaluation';
const dataList = [
{
id: 1,
years: '第一年',
total_income: '1',
skill_income: '1',
sale_income: '1',
r_d_expenses: '1',
net_assets: '1',
achievements: '1'
},
{
id: 2,
years: '第二年',
total_income: '2',
skill_income: '2',
sale_income: '2',
r_d_expenses: '2',
net_assets: '2',
achievements: '2'
},
{
id: 3,
years: '第三年',
total_income: '3',
skill_income: '3',
sale_income: '3',
r_d_expenses: '3',
net_assets: '3',
achievements: '3'
}
];
export default {
data() {
return {
index: 0,
oneMenuList: [], // 所属领域一级菜单
twoMenuList: [], // 所属领域二级菜单
propertyOption: [
{
value: 0,
label: ''
},
{
value: 1,
label: '是'
}
], // 核心领域发挥作用知识产权 0->否 1->是 和 四、其他
assetOption: [
{
value: 35,
label: '>=35%'
},
{
value: 25,
label: '>=25%'
},
{
value: 15,
label: '>=15%'
},
{
value: 5,
label: '>=5%'
},
{
value: 1,
label: '>0%'
},
{
value: 0,
label: '<=0%'
}
],
formA: {
companyName: '',
regTime: '',
territoryId: '',
hasIntellectualProperty: 0,
lastYearTotalRevenue: 0,
lastYearBusinessRevenue: 0,
lastYearResearchExpend: 0,
totalEmployee: 0,
scienceEmployee: 0,
hasBad: 0
}, // 高企认定门槛
formAData: {},
badSeason: [], // A 没有通过的数据
score: 0, // 分数
badSeason1: [], // B 没有通过的数据
formB: {
propertyNumI: 0,
propertyNumII: 0,
hasStandard: 0,
achievementNum: 0,
management: [],
assetGrowth: 35,
sellGrowth: 35
}, // 创新指标评分
status: 1,
rulesA: {
companyName: [{ required: true, message: '请输入', trigger: 'blur' }],
territoryId: [{ required: true, message: '请选择', trigger: 'change' }],
regTime: [
{
required: true,
message: '请选择日期',
trigger: 'change'
}
]
}
array: [],
//控制修改显示隐藏
showEdit: [],
showName: [], //显示姓名
showAge: [], //显示年龄
total_income: '',
skill_income: '',
tableData: JSON.parse(JSON.stringify(dataList))
};
},
methods: {
handleOne(e) {
this.formA.territoryId = '';
getTerritoryTwoMenu({ id: e }).then(({ data }) => {
this.twoMenuList = data;
//点击修改
showUpdate(index, row) {
this.array[index] = Object.assign({}, row);
this.showEdit[index] = true;
this.$set(this.showEdit, index, true); //这里要用$set方法否则页面状态不更新
},
//取消修改
cancelUpdate(index) {
this.$confirm('取消修改?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.$set(this.tableData, index, this.array[index]);
this.$set(this.showEdit, index, false);
this.$set(this.showName, index, '');
this.$set(this.showAge, index, '');
})
.catch(() => {});
},
//提交修改
submit(index, row) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1000
});
},
submitFormA(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
this.formA.territoryIName = this.oneMenuList.find(item => {
return item.id == this.formA.one;
}).name;
this.formA.territoryIIName = this.twoMenuList.find(item => {
return item.id == this.formA.territoryId;
}).name;
firstAssess(this.formA).then(({ data }) => {
if (!data.badSeason.length) {
// 通过
this.status = 2;
this.formAData = data;
} else {
// 没通过
this.badSeason = data.badSeason;
this.status = -2;
}
this.index++;
});
} else {
console.log('error submit!!');
return false;
}
});
},
backNext(status, index) {
this.status = status;
if (typeof index == 'number') return (this.index = index);
index ? this.index++ : this.index--;
},
submitFormB(formName) {
if (!this.formB.management.length)
return this.msgError('请至少选择一项组织管理水平');
secondAssess(Object.assign({}, this.formAData, this.formB)).then(
({ data }) => {
this.badSeason1 = data.badSeason1;
this.score = data.score;
if (data.score >= 71) {
this.status = 4;
} else {
this.status = -3;
}
this.index++;
}
);
this.$set(this.showEdit, index, false);
//发送请求,隐藏输入框
// this.axios({
// url: 'XXXXXXX',
// method: 'GET',
// params: {
// id: row.id,
// name: this.showName[index],
// age: this.showAge[index]
// }
// }).then(({ data }) => {
// if (data && data.code === 0) {
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {
// this.$set(this.showEdit, index, false);
// }
// });
// } else {
// this.$message.error(data.msg);
// }
// });
}
},
created() {
getTerritoryOneMenu().then(({ data }) => {
this.oneMenuList = data;
});
}
};
</script>
@ -465,52 +269,6 @@ export default {
background-color: #fff;
border-radius: 15px;
min-height: 350px;
.el-form {
width: 100%;
.margin-right-xs {
margin-right: 15px;
}
.padding-left {
padding-left: 30px;
}
.w120 {
max-width: 120px;
}
.w165 {
max-width: 165px;
}
.el-button {
background-color: #ffa32c;
}
.margin-center {
margin-top: 50px;
text-align: center;
}
.el-checkbox-group {
.el-checkbox {
margin: 10px 0;
}
}
}
.el_form_4 {
width: 100%;
}
}
.el-form {
font-size: 20px;
}
/deep/.el-form-item__label {
font-size: 16px;
color: #606266;
font-weight: 700;
}
/deep/.el-checkbox__label {
font-size: 16px;
color: #606266;
font-weight: 700;
}
}
/deep/.el-button--medium {
font-size: 18px;
}
</style>