feats

src/pages/guaranteeTask/Edit/DishList.jsx

@@ -99,7 +99,7 @@ export default (props) => {
   }
 
   useEffect(() => {
-    if (dataSource.id) {
+    if (dataSource && dataSource.id) {
       setLoading(true);
       getGuaranteeDetailList({ pageNum: 1, pageSize: 500, guaranteeId: dataSource.id }).then(res => {
         setLoading(false);
@@ -108,7 +108,7 @@ export default (props) => {
         setLoading(false);
       })
     }
-  }, [dataSource.id])
+  }, [dataSource])
 
   return (
     <Row gutter={48}>
@@ -117,6 +117,7 @@ export default (props) => {
           <h3>选择套餐</h3>
           <Selector
             placeholder="请选择套餐"
+            disabled={!dataSource}
             fetch={getPackageList}
             onSubmit={handlePackageSubmit}
           />
@@ -125,6 +126,7 @@ export default (props) => {
           <h3>选择菜肴</h3>
           <Selector
             placeholder="请选择菜肴"
+            disabled={!dataSource}
             fetch={getDishList}
             onSubmit={handleDishSubmit}
           />
@@ -134,7 +136,7 @@ export default (props) => {
         <Card
           title="已选菜肴"
           loading={loading}
-          extra={<Button type='primary' loading={loading} onClick={onSubmit}>保存</Button>}
+          extra={<Button disabled={!dataSource} type='primary' loading={loading} onClick={onSubmit}>保存</Button>}
         >
           <EditableTag
             list={list}

src/pages/guaranteeTask/Edit/components/Selector.jsx

@@ -5,7 +5,7 @@ const { Group } = Input;
 const { Option } = Select;
 
 export default (props) => {
-  const { fetch, placeholder, onSubmit } = props;
+  const { fetch, placeholder, disabled, onSubmit } = props;
 
   const [data, setData] = useState([]);
   const [value, setValue] = useState();
@@ -51,6 +51,7 @@ export default (props) => {
       <Select
         allowClear
         showSearch
+        disabled={disabled}
         value={value}
         style={{ width: '50%' }}
         placeholder={placeholder}
@@ -63,8 +64,14 @@ export default (props) => {
       >
         {options}
       </Select>
-      <InputNumber style={{ width: '30%' }} placeholder="请输入数量" value={amount} onChange={setAmount} />
-      <Button type="primary" onClick={handleSubmit}>确定</Button>
+      <InputNumber
+        style={{ width: '30%' }}
+        placeholder="请输入数量"
+        disabled={disabled}
+        value={amount}
+        onChange={setAmount}
+      />
+      <Button type="primary" disabled={disabled} onClick={handleSubmit}>确定</Button>
     </Group>
   )
 }