fix: 修改门店筛选问题

src/pages/ServiceGoods/components/FormRuleSetting.jsx

@@ -24,6 +24,16 @@ const FormRuleSetting = forwardRef((props, ref) => {
   const [form] = Form.useForm();
   const customer = useContext(ServiceContext);
 
+  // 判断是否有禁用的店铺 禁用店铺不显示
+  const getIsInShops = arr => {
+    const list = [];
+    arr.forEach(item => {
+      // eslint-disable-next-line no-unused-expressions
+      supplierIdList.some(s => +s.id === +item) && list.push(item);
+    });
+    return list;
+  };
+
   useEffect(() => {
     if (customer.isEdit) {
       if (!editData) return;
@@ -31,6 +41,16 @@ const FormRuleSetting = forwardRef((props, ref) => {
     }
   }, [customer.isEdit, editData]);
 
+  useEffect(() => {
+    if ((customer.isEdit, supplierIdList.length)) {
+      if (!editData) return;
+      const shopIds = getIsInShops(editData.shopIds);
+      form.setFieldsValue({
+        shopIds,
+      });
+    }
+  }, [supplierIdList]);
+
   const onCheck = async () => {
     try {
       const { useTime, purchaseTime, ...values } = await form.validateFields();
@@ -98,7 +118,14 @@ const FormRuleSetting = forwardRef((props, ref) => {
           label="适用门店"
           rules={[{ required: true, message: '请选择适用门店!', type: 'array' }]}
         >
-          <Select mode="multiple" placeholder="请选择适用门店">
+          <Select
+            mode="multiple"
+            placeholder="请选择适用门店"
+            showSearch
+            filterOption={(input, option) =>
+              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            }
+          >
             {(supplierIdList || []).map(item => (
               <Option value={+item.id} key={item.id}>
                 {item.name}