guhongwei 4 years ago
parent
commit
ed2b5e98f9
1 changed files with 103 additions and 56 deletions
  1. 103 56
      src/views/userCenter/projectInfo/parts/projectForm.vue

+ 103 - 56
src/views/userCenter/projectInfo/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>
@@ -267,7 +291,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: '其他' }],
@@ -337,6 +381,9 @@ export default {
             font-weight: bold;
           }
         }
+        /deep/.el-form-item__content {
+          margin-left: 0px !important;
+        }
       }
     }
   }