1

src/router/index.js

@@ -65,6 +65,13 @@ const live = [
         meta: { title: '技术交流', subSite: true },
         component: () => import('../views/technical/list.vue'),
       },
+      {
+        path: '/technical/projectAdd/index',
+        name: 'projectAdd_index',
+        meta: { title: '项目征集', subSite: true },
+        component: () => import('../views/technical/projectAdd/index.vue'),
+      },
+
       // 科技超市
       {
         path: '/market/index',

src/views/technical/detail/expdetail.vue

@@ -46,15 +46,16 @@ export default {
     async onSubmit({ data, status }) {
       data.question_id = this.detailinfo._id;
       data.user_id = this.user.userid;
-      let res = await this.create(data);
-      if (this.$checkRes(res)) {
-        this.$message({
-          message: '数据添加成功',
-          type: 'success',
-        });
-        this.form = {};
-        this.active = 'first';
-      }
+      console.log(data);
+      // let res = await this.create(data);
+      // if (this.$checkRes(res)) {
+      //   this.$message({
+      //     message: '数据添加成功',
+      //     type: 'success',
+      //   });
+      //   this.form = {};
+      //   this.active = 'first';
+      // }
     },
   },
   computed: {

src/views/technical/detail/parts/projectForm.vue

@@ -2,7 +2,7 @@
   <div id="projectForm">
     <el-row>
       <el-col :span="24" class="main">
-        <el-form ref="form" :model="form" :rules="rules" label-width="125px">
+        <el-form :model="form" :rules="rules" ref="form" label-width="125px">
           <el-col :span="24" class="one">
             <el-col :span="24" class="txt">
               <span> 项目基本信息</span>
@@ -166,81 +166,105 @@
             </el-col>
             <el-col :span="24" class="info">
               <el-col :span="24" class="langInfo">
-                <el-col :span="24" class="title"> <span>立项背景</span>（含解决“卡脖子”技术问题及在行业中所处的地位和作用）:</el-col>
+                <el-col :span="24" class="title">
+                  <span><sup style="color:#ff0000">*</sup>立项背景</span>（含解决“卡脖子”技术问题及在行业中所处的地位和作用）:</el-col
+                >
                 <el-col :span="24" class="textarea">
-                  <el-input
-                    v-model="form.sign"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :autosize="{ minRows: 5, maxRows: 5 }"
-                    placeholder="请输入立项背景（含解决“卡脖子”技术问题及在行业中所处的地位和作用）"
-                  ></el-input>
+                  <el-form-item prop="sign">
+                    <el-input
+                      v-model="form.sign"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 5, maxRows: 5 }"
+                      placeholder="请输入立项背景（含解决“卡脖子”技术问题及在行业中所处的地位和作用）"
+                    ></el-input>
+                  </el-form-item>
                 </el-col>
               </el-col>
               <el-col :span="24" class="langInfo">
-                <el-col :span="24" class="title"> <span>前期基础</span>（含知识产权状况）:</el-col>
+                <el-col :span="24" class="title">
+                  <span><sup style="color:#ff0000">*</sup>前期基础</span>（含知识产权状况）:</el-col
+                >
                 <el-col :span="24" class="textarea">
-                  <el-input
-                    v-model="form.work_basics"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :autosize="{ minRows: 5, maxRows: 5 }"
-                    placeholder="请输入前期基础（含知识产权状况）"
-                  ></el-input>
+                  <el-form-item prop="work_basics">
+                    <el-input
+                      v-model="form.work_basics"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 5, maxRows: 5 }"
+                      placeholder="请输入前期基础（含知识产权状况）"
+                    ></el-input>
+                  </el-form-item>
                 </el-col>
               </el-col>
               <el-col :span="24" class="langInfo">
-                <el-col :span="24" class="title"> <span>研究内容</span>（含项目创新点）:</el-col>
+                <el-col :span="24" class="title">
+                  <span><sup style="color:#ff0000">*</sup>研究内容</span>（含项目创新点）:</el-col
+                >
                 <el-col :span="24" class="textarea">
-                  <el-input
-                    v-model="form.content"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :autosize="{ minRows: 5, maxRows: 5 }"
-                    placeholder="请输入研究内容（含项目创新点）"
-                  ></el-input>
+                  <el-form-item prop="content">
+                    <el-input
+                      v-model="form.content"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 5, maxRows: 5 }"
+                      placeholder="请输入研究内容（含项目创新点）"
+                    ></el-input>
+                  </el-form-item>
                 </el-col>
               </el-col>
               <el-col :span="24" class="langInfo">
-                <el-col :span="24" class="title"> <span>技术路线</span>（含拟解决关键技术）:</el-col>
+                <el-col :span="24" class="title">
+                  <span><sup style="color:#ff0000">*</sup>技术路线</span>（含拟解决关键技术）:</el-col
+                >
                 <el-col :span="24" class="textarea">
-                  <el-input
-                    v-model="form.route"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :autosize="{ minRows: 5, maxRows: 5 }"
-                    placeholder="请输入技术路线（含拟解决关键技术）"
-                  ></el-input>
+                  <el-form-item prop="route">
+                    <el-input
+                      v-model="form.route"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 5, maxRows: 5 }"
+                      placeholder="请输入技术路线（含拟解决关键技术）"
+                    ></el-input>
+                  </el-form-item>
                 </el-col>
               </el-col>
               <el-col :span="24" class="langInfo">
-                <el-col :span="24" class="title"> <span>核心指标</span>（要求可量化、可考核、可检测）:</el-col>
+                <el-col :span="24" class="title">
+                  <span><sup style="color:#ff0000">*</sup>核心指标</span>（要求可量化、可考核、可检测）:</el-col
+                >
                 <el-col :span="24" class="textarea">
-                  <el-input
-                    v-model="form.quota"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :autosize="{ minRows: 5, maxRows: 5 }"
-                    placeholder="请输入核心指标（要求可量化、可考核、可检测）"
-                  ></el-input>
+                  <el-form-item prop="quota">
+                    <el-input
+                      v-model="form.quota"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 5, maxRows: 5 }"
+                      placeholder="请输入核心指标（要求可量化、可考核、可检测）"
+                    ></el-input>
+                  </el-form-item>
                 </el-col>
               </el-col>
               <el-col :span="24" class="langInfo">
-                <el-col :span="24" class="title"> <span>经济效益</span>（含市场分析和产业化预期）:</el-col>
+                <el-col :span="24" class="title">
+                  <span><sup style="color:#ff0000">*</sup>经济效益</span>（含市场分析和产业化预期）:</el-col
+                >
                 <el-col :span="24" class="textarea">
-                  <el-input
-                    v-model="form.influence"
-                    type="textarea"
-                    maxlength="500"
-                    show-word-limit
-                    :autosize="{ minRows: 5, maxRows: 5 }"
-                    placeholder="请输入经济效益（含市场分析和产业化预期）"
-                  ></el-input>
+                  <el-form-item prop="influence">
+                    <el-input
+                      v-model="form.influence"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 5, maxRows: 5 }"
+                      placeholder="请输入经济效益（含市场分析和产业化预期）"
+                    ></el-input>
+                  </el-form-item>
                 </el-col>
               </el-col>
             </el-col>
@@ -265,7 +289,27 @@ export default {
   components: {},
   data: function() {
     return {
-      rules: {},
+      rules: {
+        name: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
+        pro_user: [{ required: true, message: '请输入项目负责人', trigger: 'blur' }],
+        pro_phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+        techol_stage: [{ required: true, message: '请输入技术阶段', trigger: 'blur' }],
+        techol_level: [{ required: true, message: '请输入技术水平', trigger: 'blur' }],
+        field: [{ required: true, message: '请输入领域分类', trigger: 'blur' }],
+        scale: [{ required: true, message: '请输入市场预估', trigger: 'blur' }],
+        proposal_company: [{ required: true, message: '请输入建议单位名称', trigger: 'blur' }],
+        proposal_user: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
+        proposal_phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+        sign: [{ required: true, message: '请输入立项背景（含解决“卡脖子”技术问题及在行业中所处的地位和作用）', trigger: 'blur' }],
+        work_basics: [{ required: true, message: '请输入前期基础（含知识产权状况）', trigger: 'blur' }],
+        content: [{ required: true, message: '请输入研究内容（含项目创新点）', trigger: 'blur' }],
+        route: [{ required: true, message: '请输入技术路线（含拟解决关键技术）', trigger: 'blur' }],
+        quota: [{ required: true, message: '请输入核心指标（要求可量化、可考核、可检测）', trigger: 'blur' }],
+        influence: [{ required: true, message: '请输入经济效益（含市场分析和产业化预期）', trigger: 'blur' }],
+        // coopera_company: [{ required: false, message: '请输入合作单位名称', trigger: 'blur' }],
+        // coopera_user: [{ required: false, message: '请输入联系人', trigger: 'blur' }],
+        // coopera_phone: [{ required: false, message: '请输入联系电话', trigger: 'blur' }],
+      },
       // 领域分类
       fieldList: [{ name: '新材料' }, { name: '先进制造' }, { name: '光电子' }, { name: '新一代信息技术' }, { name: '先进技术' }],
       techolstageList: [{ name: '理论研究' }, { name: '小试' }, { name: '中试' }, { name: '规模化试制' }, { name: '其他' }],
@@ -363,6 +407,9 @@ export default {
             font-weight: bold;
           }
         }
+        /deep/.el-form-item__content {
+          margin-left: 0px !important;
+        }
       }
     }
   }

src/views/technical/projectAdd/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="24" class="top">
+            标题
+          </el-col>
+          <el-col :span="24" class="down">
+            相亲
+          </el-col>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'index',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  min-height: 557px;
+  padding: 15px 0;
+}
+</style>