|
|
@@ -1,311 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="projectForm">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
- <el-col :span="24" class="form">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="name">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 项目名称
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.name" placeholder="请输入项目名称"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="pro_user">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 项目负责人
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.pro_user" placeholder="请输入项目负责人"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="pro_phone">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 联系电话
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.pro_phone" placeholder="请输入联系电话"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="langSelect">
|
|
|
- <el-form-item prop="techol_stage">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 技术阶段
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-select v-model="form.techol_stage" filterable>
|
|
|
- <el-option v-for="(item, index) in techolstageList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="langSelect">
|
|
|
- <el-form-item prop="techol_level">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 技术水平
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-select v-model="form.techol_level" filterable>
|
|
|
- <el-option v-for="(item, index) in techollevelList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langSelect">
|
|
|
- <el-form-item prop="field">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 领域分类
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-select v-model="form.field" filterable>
|
|
|
- <el-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="scale">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 市场预估
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-input type="number" v-model.number="form.scale" placeholder="请输入市场预估值"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" style="padding:0 10px;color:#ff0000;font-weight:bold;">
|
|
|
- 关键技术所支撑的产品市场规模（亿元/年）
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="proposal_company">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 建议单位名称
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.proposal_company" placeholder="请输入建议单位名称"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="proposal_user">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 联系人
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.proposal_user" placeholder="请输入联系人"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="proposal_phone">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 联系电话
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.proposal_phone" placeholder="请输入联系电话"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item prop="coopera_company">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 合作单位名称
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.coopera_company" placeholder="请输入合作单位名称"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="coopera_user">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 联系人
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.coopera_user" placeholder="请输入联系人"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="coopera_phone">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- 联系电话
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.coopera_phone" placeholder="请输入联系电话"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="project_back">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">项目背景</p>
|
|
|
- <p class="placs">（含国内外同类研究现状）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.project_back" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="sign">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">立项意义</p>
|
|
|
- <p class="placs">（含解决“卡脖子”技术问题及在行业中所处的地位和作用）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.sign" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="work_basics">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">前期基础</p>
|
|
|
- <p class="placs">（含知识产权状况）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.work_basics" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="content">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">研究内容</p>
|
|
|
- <p class="placs">（含项目创新点）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.content" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="route">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">技术路线</p>
|
|
|
- <p class="placs">（含拟解决关键技术）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.route" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="quota">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">核心指标</p>
|
|
|
- <p class="placs">（要求可量化、可考核、可检测）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.quota" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langInfo">
|
|
|
- <el-form-item prop="influence">
|
|
|
- <el-col :span="21" slot="label">
|
|
|
- <p class="title">经济效益</p>
|
|
|
- <p class="placs">（含市场分析和产业化预期）</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-input v-model="form.influence" type="textarea" maxlength="500" show-word-limit :autosize="{ minRows: 5, maxRows: 5 }"></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="btn">
|
|
|
- <el-button type="danger" size="mini" @click="resetBtn">取消</el-button>
|
|
|
- <el-button type="primary" size="mini" @click="onSubmit('0')">保存</el-button>
|
|
|
- <el-button type="success" size="mini" @click="onSubmit('1')">提交</el-button>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-export default {
|
|
|
- name: 'projectForm',
|
|
|
- props: {
|
|
|
- form: { type: Object },
|
|
|
- },
|
|
|
- components: {},
|
|
|
- data: function() {
|
|
|
- return {
|
|
|
- rules: {},
|
|
|
- // 领域分类
|
|
|
- fieldList: [{ name: '新材料' }, { name: '先进制造' }, { name: '光电子' }, { name: '新一代信息技术' }, { name: '先进技术' }],
|
|
|
- techolstageList: [{ name: '理论研究' }, { name: '小试' }, { name: '中试' }, { name: '规模化试制' }, { name: '其他' }],
|
|
|
- // 项目技术水平
|
|
|
- techollevelList: [{ name: '国际领先' }, { name: '国际先进' }, { name: '国内领先' }, { name: '国内先进' }],
|
|
|
- };
|
|
|
- },
|
|
|
- created() {},
|
|
|
- methods: {
|
|
|
- // 取消添加
|
|
|
- resetBtn() {
|
|
|
- this.$emit('resetBtn');
|
|
|
- },
|
|
|
- // 保存
|
|
|
- onSubmit(status) {
|
|
|
- this.$emit('onSubmit', { data: { ...this.form, status } });
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- },
|
|
|
- watch: {},
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.main {
|
|
|
- .form {
|
|
|
- /deep/.el-form-item {
|
|
|
- margin-bottom: 0px;
|
|
|
- }
|
|
|
- /deep/.el-form-item__label {
|
|
|
- border: 1px solid #dcdfe6;
|
|
|
- }
|
|
|
- /deep/.el-input__inner {
|
|
|
- border-radius: 0;
|
|
|
- height: 42px;
|
|
|
- line-height: 42px;
|
|
|
- }
|
|
|
- /deep/.el-radio-group {
|
|
|
- border: 1px solid #ccc;
|
|
|
- padding: 12px 20px;
|
|
|
- width: 268px;
|
|
|
- }
|
|
|
- /deep/.langInfo .el-form-item__label {
|
|
|
- height: 117px;
|
|
|
- line-height: 25px;
|
|
|
- padding: 15px 0;
|
|
|
- }
|
|
|
- .langInfo .placs {
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
- .langInfo .title {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-
|
|
|
- /deep/.langSelect .el-select {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.btn {
|
|
|
- text-align: center;
|
|
|
- margin: 15px 0;
|
|
|
-}
|
|
|
-</style>
|
