zc

src/views/chemicalManage/purchaseManage/purchaseRegister/addPage.vue

@@ -15,7 +15,7 @@
               </el-select>
             </el-form-item>
             <el-form-item label="申购人：" prop="name">
-              <el-input v-model="newData.deviceName" placeholder="回显当前账号姓名-联系电话" maxLength="20" style="width:350px;"></el-input>
+              <el-input v-model="newData.deviceName" placeholder="回显当前账号姓名-联系电话"  style="width:350px;"></el-input>
             </el-form-item>
             <div class="research-selete">
               <img src="@/assets/ZDimages/chemicalManage/icon_6.png">
@@ -27,17 +27,21 @@
           </div>
           <div class="content-box-t-b">
             <el-form-item label="用途：">
-              <el-input type="textarea" v-model="newData.deviceName" placeholder="请输入用途" maxLength="20" style="width:350px;height:100px;"></el-input>
+              <el-input type="textarea" v-model="newData.deviceName" placeholder="请输入用途"  :rows="4"style="width:350px;"></el-input>
             </el-form-item>
             <div class="content-box-t-b-r">
               <el-form-item label="导师：">
-                <el-input  v-model="newData.deviceName" placeholder="回显所属导师-联系电话" maxLength="20" style="width:825px;"></el-input>
+                <el-input  v-model="newData.deviceName" placeholder="回显所属导师-联系电话"  style="width:825px;"></el-input>
               </el-form-item>
-              <div><p>液体已存储量：6666ml（上限100000ml）</p><p>固体已存储量：1000g（上限100000g）</p></div>
+              <div class="content-box-t-b-r-b"><p>液体已存储量：6666ml（上限100000ml）</p><p>固体已存储量：1000g（上限100000g）</p></div>
             </div>
           </div>
         </el-form>
       </div>
+      <div class="line"></div>
+      <div class="content-box-b">
+        <div class="content-box-b-t"><p>化学品信息</p></div>
+      </div>
     </div>
     <div class="page-bottom-button-box">
       <p class="page-bottom-button-null-p"></p>
@@ -128,9 +132,6 @@
 <style scoped lang="scss">
   .purchaseRegister-addPage{
     .content-box{
-      flex:1;
-      display: flex;
-      overflow: hidden;
       .content-box-t{
         width: 100%;
         padding: 34px 100px 40px 0px;
@@ -143,11 +144,13 @@
           font-weight: 400;
           color: #333333;
           line-height: 24px;
+          margin-bottom: 20px;
         }
         .content-box-t-m{
           display: flex;
           justify-content: flex-start;
           align-items: center;
+          margin-bottom: 10px;
           .research-selete{
             display: flex;
             justify-content: flex-start;
@@ -175,10 +178,33 @@
           display: flex;
           justify-content: flex-start;
           .content-box-t-b-r{
+            .content-box-t-b-r-b{
+              display: flex;
+              justify-content: flex-start;
+              >p{
+                font-size: 16px;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                color: #333333;
+                line-height: 24px;
+              }
+              >p:nth-of-type(1){
+                margin-left: 35px;
+              }
+              >p:nth-of-type(2){
+                margin-left: 146px;
+              }
+            }
 
           }
+
         }
       }
+      .line{
+        width: 1579px;
+        height: 20px;
+        background: #F5F5F5;
+      }
     }
   }
 </style>