guhongwei 4 years ago
parent
commit
bd40eee85e
1 changed files with 299 additions and 79 deletions
  1. 299 79
      src/views/notice/productForm.vue

+ 299 - 79
src/views/notice/productForm.vue

@@ -15,104 +15,104 @@
         </el-tabs>
         <el-col :span="24">
           <el-col :span="24">
-            <h3>企业信息</h3>
+            <h1>企业信息</h1>
             <el-col :span="24">
               <span>企业名称:</span>
               <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>注册类型:</span>
                 <el-input v-model="form.type" placeholder="请输入注册类型"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>组织机构代码:</span>
                 <el-input v-model="form.zzjgdm" placeholder="请输入组织机构代码"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>注册时间:</span>
                 <el-input v-model="form.companydate" placeholder="请输入注册时间"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>注册资金:</span>
                 <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>企业法人:</span>
                 <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>企业网站:</span>
                 <el-input v-model="form.companyweb" placeholder="请输入企业网站"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>上年度企业总收入:</span>
                 <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>上年度研发费用:</span>
                 <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>企业总人数:</span>
                 <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>专&兼职研发人数:</span>
                 <el-input v-model="form.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
               </el-col>
             </el-col>
           </el-col>
           <el-col :span="24">
-            <h3>技术需求</h3>
+            <h1>技术需求</h1>
             <el-col :span="24">
               <span>技术难题名称:</span>
               <el-input v-model="form.name" placeholder="请输入技术难题名称"></el-input>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>需求紧急程度:</span>
                 <el-input v-model="form.degreeurgency" placeholder="请输入需求紧急程度"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>所属领域:</span>
                 <el-input v-model="form.field" placeholder="请输入所属领域"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>合作方式:</span>
                 <el-input v-model="form.cooperation" placeholder="请输入合作方式"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>投资预算:</span>
                 <el-input v-model="form.budget" placeholder="请输入投资预算"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>技术难题说明:</span>
                 <el-input v-model="form.requirementdesc" placeholder="请输入技术难题说明"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>预期技术目标描述:</span>
                 <el-input v-model="form.expect" placeholder="请输入预期技术目标描述"></el-input>
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>需求现状及应对措施:</span>
                 <el-input v-model="form.present" placeholder="请输入需求现状及应对措施"></el-input>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" class='txt'>
                 <span>合作条件及要求:</span>
                 <el-input v-model="form.condition" placeholder="请输入合作条件及要求"></el-input>
               </el-col>
@@ -148,86 +148,250 @@
               <el-tab-pane label="技术需求" name="first">
                 <el-col :span="24" class="first">
                   <el-col :span="24" class="company">
-                    <h3>企业信息</h3>
-                    <el-col :span="24">
-                      <el-col :span="24">
-                        <span>企业名称:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                    <h1>企业信息</h1>
+                    <el-col :span="24" class="compnayInfo">
+                      <el-col :span="24" class="txt">
+                        <el-col :span="2" class="left">
+                          企业名称:
+                        </el-col>
+                        <el-col :span="22" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="12">
-                        <span>注册类型:</span>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
                       </el-col>
-                      <el-col :span="24">
-                        <p>企业简介</p>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
                       </el-col>
-                      <el-col :span="24">
-                        <p>企业简介</p>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
                       </el-col>
-                      <el-col :span="24">
-                        <p>企业简介</p>
-                        <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
                       </el-col>
                     </el-col>
                   </el-col>
                   <el-col :span="24" class="product">
-                    <h3>技术需求</h3>
-                    <el-col :span="24">
-                      技术需求
+                    <h1>技术需求</h1>
+                    <el-col :span="24" class="productInfo">
+                      <el-col :span="24" class="txt">
+                        <el-col :span="2" class="left">
+                          企业名称:
+                        </el-col>
+                        <el-col :span="22" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="12" class="txt">
+                        <el-col :span="4" class="left">
+                          注册类型:
+                        </el-col>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
+                      </el-col>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
+                      </el-col>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
+                      </el-col>
+                      <el-col :span="24" class="txtTwo">
+                        <p>企业简介:</p>
+                        <el-input
+                          v-model="technologyForm.company"
+                          type="textarea"
+                          maxlength="300"
+                          show-word-limit
+                          :autosize="{ minRows: 2, maxRows: 5 }"
+                          placeholder="请输入企业名称"
+                        ></el-input>
+                      </el-col>
                     </el-col>
                   </el-col>
                   <el-col :span="24" class="btn">
@@ -288,9 +452,65 @@ export default {
   .first {
     .company {
       border: 1px solid #ccc;
+      padding: 0 15px 15px 15px;
+      h1 {
+        margin: 10px 10px;
+        border-bottom: 1px solid red;
+        height: 40px;
+        line-height: 40px;
+      }
+      .compnayInfo {
+        .txt {
+          margin: 0 0 5px 0;
+          border-bottom: 1px dashed #ccc;
+          padding: 10px 0;
+          .left {
+            text-align: center;
+            height: 40px;
+            line-height: 40px;
+            font-size: 15px;
+          }
+          .right {
+          }
+        }
+        .txtTwo {
+          p {
+            font-size: 15px;
+            padding: 10px;
+          }
+        }
+      }
     }
     .product {
       border: 1px solid #ccc;
+      padding: 0 15px 15px 15px;
+      h1 {
+        margin: 10px 10px;
+        border-bottom: 1px solid red;
+        height: 40px;
+        line-height: 40px;
+      }
+      .productInfo {
+        .txt {
+          margin: 0 0 5px 0;
+          border-bottom: 1px dashed #ccc;
+          padding: 10px 0;
+          .left {
+            text-align: center;
+            height: 40px;
+            line-height: 40px;
+            font-size: 15px;
+          }
+          .right {
+          }
+        }
+        .txtTwo {
+          p {
+            font-size: 15px;
+            padding: 10px;
+          }
+        }
+      }
     }
     .btn {
       text-align: center;