采购样式

src/views/PurchasingCenter/OfflineContract/index.vue

@@ -2,16 +2,10 @@
   <div class="app-container">
     <el-card>
       <div slot="header">
-        <el-row style="margin-bottom: 10px">
-          <span>物料名称:</span>
+        <el-row>
           <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
-          <span>物料规格:</span>
           <el-input v-model="materialSpec" placeholder="物料规格" size="small" clearable/>
-          <span>物料型号:</span>
           <el-input v-model="materialModel" placeholder="物料型号" size="small" clearable/>
-        </el-row>
-        <el-row style="">
-          <span>物料状态:</span>
           <el-cascader :options="materialStatus" :props="{ checkStrictly: true }" v-model="materialStatusValue" size="small" style="margin: 0px"/>
           <el-button
             type="success"
@@ -1559,7 +1553,6 @@ export default {
 </script>
 
 <style scoped>
-
   .offlineContract td{
     height: 40px;
     text-align: center;
@@ -1569,12 +1562,7 @@ export default {
   }
   .el-date-editor{
     width:150px;
-  }
-  .el-select{
-    width:195px
-  }
-  .el-input{
-    width:195px
+    margin-right: 10px;
   }
   span{
     margin: 10px 0 10px 10px;
@@ -1593,6 +1581,18 @@ export default {
     right: 15px;
     top: 5px;
   }
+  .el-select{
+    width:150px;
+    margin-right: 10px;
+  }
+  .el-input{
+    width:150px;
+    margin-right: 10px;
+  }
+  .el-cascader{
+    width:150px;
+    margin-right: 10px;
+  }
 </style>
 <style>
   .el-table .MistyRose {