更新

src/views/ManufacturingCenter/StatusQuery/index.vue

@@ -1,77 +1,80 @@
 <template>
   <div class="app-container">
-
     <el-card>
-      <span>项目名称:</span>
-      <el-select
-        v-model="entryNameValue"
-        placeholder="项目名称"
-        style="width:200px"
-        size="small"
-        clearable
-        filterable
-        @change="empty">
-        <el-option
-          v-for="item in entryName"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"/>
-      </el-select>
-      <span>机床号:</span>
-      <el-input v-model="machineToolNumber" placeholder="机床号" size="small" readonly clearable style="width:200px" @change="empty1">
-        <el-button slot="append" icon="el-icon-search" @click="SearchMachine" />
-      </el-input>
-      <span>组号:</span>
-      <el-input v-model="groupNumber" placeholder="组号" size="small" readonly clearable style="width:200px">
-        <el-button slot="append" icon="el-icon-search" @click="searchGroupList" />
-      </el-input>
-      <span>零件号:</span>
-      <el-input v-model="partNumber" placeholder="零件号" size="small" clearable style="width:200px"/>
-      <span>零件状态:</span>
-      <el-select v-model="partStateValue" placeholder="零件状态" size="small" clearable style="width:200px">
-        <el-option
-          v-for="item in partState"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"/>
-      </el-select>
-      <!--<span>零件类型:</span>-->
-      <!--<el-select v-model="partTypeValue" placeholder="零件类型" size="small" clearable style="margin-top: 15px;width: 200px">-->
-      <!--<el-option-->
-      <!--v-for="item in partType"-->
-      <!--:key="item.value"-->
-      <!--:label="item.label"-->
-      <!--:value="item.value"/>-->
-      <!--</el-select>-->
-      <el-button type="success" icon="el-icon-search" size="small" style="margin: 15px 0 0 10px" @click="pageCurrent=1;pageSize=10;total=0;searchData()">查询</el-button>
+      <el-row>
+        <span>项目名称:</span>
+        <el-select
+          v-model="entryNameValue"
+          placeholder="项目名称"
+          style="width:200px;margin-top: 10px"
+          size="small"
+          clearable
+          filterable
+          @change="empty">
+          <el-option
+            v-for="item in entryName"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+        <span>机床号:</span>
+        <el-input v-model="machineToolNumber" placeholder="机床号" size="small" readonly clearable style="width:200px" @change="empty1">
+          <el-button slot="append" icon="el-icon-search" @click="SearchMachine" />
+        </el-input>
+        <span>组号:</span>
+        <el-input v-model="groupNumber" placeholder="组号" size="small" readonly clearable style="width:200px">
+          <el-button slot="append" icon="el-icon-search" @click="searchGroupList" />
+        </el-input>
+      </el-row>
+      <el-row>
+        <span>零件号:</span>
+        <el-input v-model="partNumber" placeholder="零件号" size="small" clearable style="width:200px;margin-top: 10px"/>
+        <span>零件状态:</span>
+        <el-select v-model="partStateValue" placeholder="零件状态" size="small" clearable style="width:200px">
+          <el-option
+            v-for="item in partState"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"/>
+        </el-select>
+        <!--<span>零件类型:</span>-->
+        <!--<el-select v-model="partTypeValue" placeholder="零件类型" size="small" clearable style="margin-top: 15px;width: 200px">-->
+        <!--<el-option-->
+        <!--v-for="item in partType"-->
+        <!--:key="item.value"-->
+        <!--:label="item.label"-->
+        <!--:value="item.value"/>-->
+        <!--</el-select>-->
+        <el-button type="success" icon="el-icon-search" size="small" style="margin: 15px 0 0 10px" @click="pageCurrent=1;pageSize=10;total=0;searchData()">查询</el-button>
+      </el-row>
     </el-card>
-
     <el-card>
       <el-table
         v-loading="loading0"
         :data="tableData"
         style="width: 100%;max-height: 600px"
         height="600"
+        stripe="true"
         size="mini"
         highlight-current-row
         border>
-        <el-table-column align="center" label="序号" type="index" width="60px"/>
-        <el-table-column align="center" label="机床图号" width="170px">
+        <el-table-column align="center" label="序号" type="index" width="55px"/>
+        <el-table-column align="center" label="机床图号" width="150px">
           <template slot-scope="scope">
             {{ scope.row.机床图号 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="组号" width="140px">
+        <el-table-column align="center" label="组号" width="120px">
           <template slot-scope="scope">
             {{ scope.row.组号 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="零件图号" width="200px">
+        <el-table-column align="center" label="零件图号" min-width="160px">
           <template slot-scope="scope">
             {{ scope.row.零件图号 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="零件名称" width="180px">
+        <el-table-column align="center" label="零件名称" min-width="170px">
           <template slot-scope="scope">
             {{ scope.row.零件名称 }}
           </template>
@@ -120,7 +123,6 @@
           @current-change="handleCurrentChange"/>
       </div>
     </el-card>
-
     <el-dialog :title="title" :visible.sync="dialogFormVisible4" center style="min-height: 300px" width="400px">
       <el-form label-position="left" label-width="110px" class="demo-ruleForm">
         <el-form-item label="零件状态">
@@ -490,4 +492,7 @@ export default {
   span{
     margin: 10px 0 10px 10px;
   }
+  .el-card{
+    margin: 0px;
+  }
 </style>