厂家票据启票账户样式调整

zhaofeng
1 parent 27123514
Showing 1 changed file with 34 additions and 48 deletions
src/pages/finance/SpecialAccount/FactoryBill/components/Filter.tsx
 import React, { useCallback } from "react";
-import { Button, Col, Row, Select } from "antd";
+import { Button, Row, Select } from "antd";
 import { useStore } from "../index";
 const { Option } = Select;
@@ -10,61 +10,47 @@ export default function Filter() {
   const searchDealer = useCallback((dealerId) => {
     setDealerId(dealerId);
   }, []);
-  
+
   const searchBrand = useCallback((brandId) => {
     setBrandId(brandId);
   }, []);
   return (
-    <div
-      style={{
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center",
-        marginBottom: 20,
-      }}
-    >
-      <Row style={{ display: "flex", flex: 1, alignItems: "center" }}>
-        <div>商家：</div>
-        <Col span={6}>
-          <Select
-            placeholder="请选择商家"
-            showSearch
-            optionFilterProp="children"
-            onChange={searchDealer}
-            // value={dealerId && dealerId > 0 ? dealerId : undefined}
-            style={{ width: 300 }}
-          >
-            {dealerList.map((dealer) => (
-              <Option value={dealer.id} key={dealer.id}>
-                {dealer.name}
-              </Option>
-            ))}
-          </Select>
-        </Col>
-        <div style={{ marginLeft: 20 }}>品牌：</div>
-        <Col span={6}>
-          <Select
-            placeholder="请选择品牌"
-            loading={brandLoading}
-            allowClear
-            optionFilterProp="children"
-            onChange={searchBrand}
-            value={brandId && brandId > 0 ? brandId : undefined}
-            style={{ width: 160 }}
-          >
-            {brandList.map((brand) => (
-              <Option value={brand.id} key={brand.id}>
-                {brand.name}
-              </Option>
-            ))}
-          </Select>
-        </Col>
+    <Row justify="space-between" style={{ marginBottom: 10 }}>
+      <Row justify="start">
+        <Select
+          placeholder="请选择商家"
+          showSearch
+          optionFilterProp="children"
+          onChange={searchDealer}
+          style={{ width: 200 }}
+        >
+          {dealerList.map((dealer) => (
+            <Option value={dealer.id} key={dealer.id}>
+              {dealer.name}
+            </Option>
+          ))}
+        </Select>
+        <Select
+          placeholder="请选择品牌"
+          loading={brandLoading}
+          allowClear
+          optionFilterProp="children"
+          onChange={searchBrand}
+          value={brandId && brandId > 0 ? brandId : undefined}
+          style={{ width: 200,marginLeft:100 }}
+        >
+          {brandList.map((brand) => (
+            <Option value={brand.id} key={brand.id}>
+              {brand.name}
+            </Option>
+          ))}
+        </Select>
       </Row>
+
       <Button type="primary" hidden={!dealerId} onClick={() => setVisible(true)}>
         新增
       </Button>
-    </div>
+    </Row>
   );
 }