feats

src/pages/TobeShop/index.jsx

@@ -23,6 +23,7 @@ import "./style.less";
 export default withLayout((props) => {
   const { router, person, location } = props;
   const { id, subOrderId } = props.router.params;
+  const [submiting, setSubmiting] = useState(false)
   const [showDialog, setShowDialog] = useState(false);
   //核销
   const [Consumption, setConsumption] = useState(false);
@@ -86,28 +87,39 @@ export default withLayout((props) => {
     }
   }
 
-  const ShowMoldeOn = () => {
+  const handleVerifyClick = () => {
+    if (!checked || !checked.length) {
+      Taro.showToast({
+        title: '请选择待核销套餐',
+        icon: 'none',
+      })
+
+      return;
+    }
+
     setShowDialog(true);
   };
   const ButtonCancel = () => {
     setShowDialog(false);
   };
   const ButtonOK = (e) => {
-    if (!checked || !checked.length) return
-    if (showDialog === true) {
+    if (!submiting) {
       Taro.showLoading({
         title: '核销中'
       })
 
+      setSubmiting(true);
       Promise.all(checked.map(verifyNo => putVerifyTarget(verifyNo)))
       .then(res => {
         Taro.hideLoading()
+        setSubmiting(false);
         setShowDialog(false);
         setConsumption(true);
       })
       .catch(e => {
         Taro.hideLoading()
         setShowDialog(false);
+        setSubmiting(false);
         getList();  // 刷新数据
         Taro.showToast({
           title: '核销失败',
@@ -142,7 +154,7 @@ export default withLayout((props) => {
           <button className='button-Cancel' onClick={ButtonCancel}>
             取消
           </button>
-          <button className='button-OK' onClick={ButtonOK}>
+          <button className='button-OK' onClick={ButtonOK} loading={submiting}>
             确定
           </button>
         </view>
@@ -220,7 +232,7 @@ export default withLayout((props) => {
         </SpinBox>
 
         <view className='button-info'>
-          <Button className='button-box' disabled={!checked.length} onClick={ShowMoldeOn}>
+          <Button className='button-box' onClick={handleVerifyClick}>
             {btnText}
           </Button>
         </view>