style(usermachine): 优化机台列表搜索区域样式

jnpf-java-boot/jnpf-web/src/views/example/usermachine/machineList.vue

@@ -10,17 +10,18 @@
     <!-- 搜索区域 -->
     <el-row :gutter="20" style="margin-bottom: 15px; padding: 0 10px;">
       <el-col :span="16">
-        <el-input
-          v-model="listQuery.selectKey"
-          placeholder="请输入机台编码或机台名称"
-          clearable
-          label="检索条件"
-          @keyup.enter.native="initData"
-        >
-          <i slot="prefix" class="el-icon-search"></i>
-        </el-input>
+        <div style="display: flex; align-items: center;">
+          <span style="margin-right: 10px;">检索条件</span>
+          <el-input
+            v-model="listQuery.selectKey"
+            placeholder="请输入机台编码或机台名称"
+            clearable
+            @keyup.enter.native="initData"
+            style="width: calc(100% - 80px);"
+          ></el-input>
+        </div>
       </el-col>
-      <el-col :span="8" style="text-align: right;">
+      <el-col :span="8">
         <el-button type="primary" icon="el-icon-search" @click="initData">查询</el-button>
         <el-button icon="el-icon-refresh-right" @click="reset">重置</el-button>
       </el-col>
@@ -50,8 +51,8 @@
     </div>
     
     <div slot="footer" class="dialog-footer">
-      <el-button @click="handleClose">取 消</el-button>
       <el-button type="primary" @click="handleConfirm">确 定</el-button>
+      <el-button @click="handleClose">取 消</el-button>
     </div>
   </el-dialog>
 </template>