style

src/views/PurchasingCenter/MaterialManagement/index.vue

@@ -2,19 +2,10 @@
   <div class="app-container">
     <el-card>
       <el-row>
-        <!--<span>部门名称:</span>-->
+        <el-col style="width: 280px">
-        <!--<el-select v-model="DepartmentValue" style="width:200px" placeholder="请选择" size="small" clearable @change="searchMaterialCategory">-->
-        <!--<el-option-->
-        <!--v-for="item in Department"-->
-        <!--:key="item.value"-->
-        <!--:label="item.label"-->
-        <!--:value="item.value">-->
-        <!--</el-option>-->
-        <!--</el-select>-->
           <span>物料类别:</span>
           <el-select
             v-model="MaterialCategoryValue"
-          style="width:200px"
             placeholder="请选择"
             size="small"
             clearable
@@ -25,10 +16,11 @@
               :label="item.label"
               :value="item.value"/>
           </el-select>
+        </el-col>
+        <el-col style="width: 280px">
           <span>物料品种:</span>
           <el-select
             v-model="MaterialVarietyValue"
-          style="width:200px"
             placeholder="请选择"
             size="small"
             clearable
@@ -39,44 +31,43 @@
               :label="item.label"
               :value="item.value"/>
           </el-select>
-        <el-button
+        </el-col>
-          type="warning"
+        <el-col style="width: 280px">
-          icon="el-icon-refresh"
-          size="small"
-          style="margin-left: 15px"
-          @click="CategoryMaintenance">维护物料类别
-        </el-button>
-      </el-row>
-      <el-row>
           <span>物料名称:</span>
-        <el-input v-model="MaterialName" placeholder="物料名称" size="small" clearable style="margin-top: 15px;width:200px"/>
+          <el-input v-model="MaterialName" placeholder="物料名称" size="small" clearable/>
+        </el-col>
+        <el-col style="width: 280px">
           <span>物料全称:</span>
           <el-input
             v-model="FullNameOfMaterial"
             placeholder="物料全称"
             size="small"
             clearable
-          style="margin-top: 15px;width:200px"/>
+            style="margin-top: 15px;"/>
+        </el-col>
+        <el-col style="width: 280px">
           <span>物料规格:</span>
           <el-input
             v-model="MaterialSpecification"
             placeholder="物料规格"
             size="small"
             clearable
-          style="margin-top: 15px;width:200px"/>
+            style="margin-top: 15px;"/>
+        </el-col>
+        <el-col style="width: 280px">
           <span>物料型号:</span>
           <el-input
             v-model="MaterialModel"
             placeholder="物料型号"
             size="small"
             clearable
-          style="margin-top: 15px;width:200px"/>
+            style="margin-top: 15px;"/>
-      </el-row>
+        </el-col>
-      <el-row>
+        <el-col style="width: 280px">
           <span>计算单位:</span>
           <el-select
             v-model="MeasurementUnitValue"
-          style="margin-top: 15px;width:200px"
+            style="margin-top: 15px;"
             placeholder="请选择"
             size="small"
             clearable>
@@ -86,10 +77,12 @@
               :label="item.label"
               :value="item.value"/>
           </el-select>
+        </el-col>
+        <el-col style="width: 280px">
           <span>物料来源:</span>
           <el-select
             v-model="MaterialSourceValue"
-          style="margin-top: 15px;width:200px"
+            style="margin-top: 15px;"
             placeholder="请选择"
             size="small"
             clearable>
@@ -99,22 +92,34 @@
               :label="item.label"
               :value="item.value"/>
           </el-select>
+        </el-col>
+        <el-col style="width: 280px">
           <span style="margin-left: 25px">供货商:</span>
           <el-input
             v-model="supplier"
             placeholder="供货商"
             size="small"
             clearable
-          style="margin-top: 15px;width:200px"
+            style="margin-top: 15px;"
             @dblclick.native="param=0;openSupplier()"/>
+        </el-col>
+        <el-col style="width: 330px">
           <el-button
             type="success"
             icon="el-icon-search"
             size="small"
-          style="margin-top: 15px;margin-left: 15px"
+            style="margin-top: 15px;margin-left: 10px"
             @click="pageCurrent=1;searchMaterial()">查询
           </el-button>
           <el-button type="primary" icon="el-icon-circle-plus-outline" size="small" @click="handleAdd()">增加</el-button>
+          <el-button
+            type="warning"
+            icon="el-icon-refresh"
+            size="small"
+            style="margin-left: 10px"
+            @click="CategoryMaintenance">维护物料类别
+          </el-button>
+        </el-col>
       </el-row>
     </el-card>
 
@@ -765,4 +770,10 @@ export default {
   span {
     margin: 10px 0px 10px 10px;
   }
+  .el-select{
+    width:190px
+  }
+  .el-input{
+    width:190px
+  }
 </style>