response style

src/views/PurchasingCenter/PurchaseContractSearch/index.vue

@@ -12,46 +12,51 @@
         <!--format="yyyy-MM-dd"-->
         <!--start-placeholder="开始日期"-->
         <!--end-placeholder="结束日期"/>-->
-        <span>合同号:</span>
-        <el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable>
-          <el-option
-            v-for="item in contractNum"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-            <div style="float: left">{{ item.label }}</div>
-            <div style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</div>
-          </el-option>
-        </el-select>
-        <span>供应商:</span>
-        <el-input v-model="supplierName" placeholder="供应商" size="small" clearable style="width:180px"/>
-        <span>采购员:</span>
-        <el-select v-model="personValue" placeholder="采购员" size="small" clearable style="width: 100px">
-          <el-option
-            v-for="item in person"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"/>
-        </el-select>
-        <span>审批情况:</span>
-        <el-select v-model="approvalValue" placeholder="审批情况" size="small" style="width: 100px">
-          <el-option
-            v-for="item in approval"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"/>
-        </el-select>
-        <el-button
-          type="success"
-          size="small"
-          icon="el-icon-search"
-          style="margin-left:10px"
-          @click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button>
-        <el-button
-          type="warning"
-          size="small"
-          icon="el-icon-download"
-          @click="download()">导出</el-button>
+        <el-row>
+          <span>合同编号:</span>
+          <el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable>
+            <el-option
+              v-for="item in contractNum"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+              <div style="float: left">{{ item.label }}</div>
+              <div style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</div>
+            </el-option>
+          </el-select>
+          <span>供应商:</span>
+          <el-input v-model="supplierName" placeholder="供应商" size="small" clearable style="width:180px"/>
+          <span>采购员:</span>
+          <el-select v-model="personValue" placeholder="采购员" size="small" clearable style="width: 100px">
+            <el-option
+              v-for="item in person"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"/>
+          </el-select>
+        </el-row>
+
+        <el-row style="margin-top: 15px">
+          <span>审批情况:</span>
+          <el-select v-model="approvalValue" placeholder="审批情况" size="small" style="width: 100px">
+            <el-option
+              v-for="item in approval"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"/>
+          </el-select>
+          <el-button
+            type="success"
+            size="small"
+            icon="el-icon-search"
+            style="margin-left:10px"
+            @click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button>
+          <el-button
+            type="warning"
+            size="small"
+            icon="el-icon-download"
+            @click="download()">导出</el-button>
+        </el-row>
       </div>
       <el-table
         v-loading="loading1"