编辑器修改

zyd_public/components/lowCodeEdit/EditDrawer.js

@@ -8,7 +8,7 @@ const { TextArea } = Input;
 
 function EditDrawer(props) {
   const { dispatch, templateData, TEMPLATE } = props;
-
+  const [loading, setLoading] = useState(false);
   const [showEdit, setShowEdit] = useState(process.env.NODE_ENV === 'development');
   const saveTimeOut = useRef();
   const [lowCodeEdit, setLowCodeEdit] = useState({});
@@ -30,6 +30,7 @@ function EditDrawer(props) {
     lowCodeEdit.updateTime = moment().format('YYYY-MM-DD HH:mm:ss');
     const content = JSON.stringify(lowCodeEdit);
     message.info('正在保存数据,请耐心等待');
+    setLoading(true);
     dispatch({
       type: 'lowCode_design/saveTemplateApi',
       payload: {
@@ -39,6 +40,7 @@ function EditDrawer(props) {
       },
       callback: () => {
         saveTimeOut.current = null;
+        setLoading(false);
       },
     });
   };
@@ -103,23 +105,29 @@ function EditDrawer(props) {
           disabled={true}
           style={{ marginBottom: '20px' }}
         />
-        挂载前执行
-        <ButtonDiy name={'全屏编辑'} handleClick={editFullScreen} type={'danger'} />
-        <TextArea
-          autoSize={{
-            minRows: 10,
-            maxRows: 15,
-          }}
-          defaultValue={lowCodeEdit?.beforeShow || ''}
-          onChange={(e) => {
-            changeKey(e.target.value, 'beforeShow');
-          }}
-          // readOnly={true}
-          style={{ marginBottom: '20px' }}
-        />
-        <Button onClick={handleSaveTemplate} type={'primary'}>
-          保存
-        </Button>
+
+        {
+          loading ? '正在保存中请勿编辑' :
+            <>
+              挂载前执行
+              <ButtonDiy name={'全屏编辑'} handleClick={editFullScreen} type={'danger'} />
+              <TextArea
+                autoSize={{
+                  minRows: 10,
+                  maxRows: 15,
+                }}
+                defaultValue={lowCodeEdit?.beforeShow || ''}
+                onChange={(e) => {
+                  changeKey(e.target.value, 'beforeShow');
+                }}
+                // readOnly={true}
+                style={{ marginBottom: '20px' }}
+              />
+              <Button onClick={handleSaveTemplate} type={'primary'}>
+                保存
+              </Button>
+            </>
+        }
       </Drawer>
       <div
         style={{