fix

src/pages/MiniApp/CompConfig/index.tsx

@@ -98,7 +98,7 @@ const Page: React.FC = () => {
     }
     // 编辑
     const edit = (data: any) => {
-        console.log(" data?.templateName", data?.templateName,formRef.current[data?.templateName])
+        console.log(" data?.templateName", data?.templateName, formRef.current[data?.templateName])
         let that = formRef.current[data?.templateName]
         dispatch({ type: 'setAll', params: { templateName: data?.templateName, pageConfigList: that?.pageConfigList } })
         DrawerBoxRef?.current?.openDrawer();
@@ -111,10 +111,14 @@ const Page: React.FC = () => {
         <Row gutter={[20, 20]}>
             {
                 getList?.data?.data?.map((item: any) => {
-                    return <Col key={item.templateName} style={{ cursor: 'pointer' }} onClick={() => { switchTemplate(item.templateName) }} >
+                    return <Col key={item.templateName} style={{ cursor: 'pointer' }} onClick={() => {
+                        if (activeT !== item.templateName) {
+                            switchTemplate(item.templateName)
+                        }
+                    }} >
                         <Card className={activeT === item.templateName ? styles.active : ""} style={{ background: activeT === item.templateName ? token.colorPrimaryBgHover : token.colorFillAlter }} hoverable>
                             <h3 style={{ fontSize: 16, fontWeight: 500, color: token.colorText, fontFamily: 'PingFang SC' }}>{item.templateName}</h3>
-                            <Template data={item} formRef={formRef}/>
+                            <Template data={item} formRef={formRef} />
                             <p style={{ marginTop: 20, color: token.colorTextSecondary, fontSize: 12 }}>{item.templateDescription}</p>
                             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'end' }}>
                                 <Space>

src/pages/MiniApp/CompConfig/template.tsx

@@ -149,10 +149,10 @@ export function Template(params: { data: any, formRef: any }) {
                         }
                     }
                 }
-                if( !formRef.current){
+                if (!formRef.current) {
                     formRef.current = {}
                 }
-                if(formRef){
+                if (formRef) {
                     formRef.current[data.templateName] = state
                 }
             }
@@ -161,12 +161,12 @@ export function Template(params: { data: any, formRef: any }) {
     }, [formRef])
     // 获取配置页面的列表
     return <Spin spinning={GetShortBookHotBooks?.loading || GetShortBookBanners?.loading || GetHotCategory?.loading || AppComponentConfigGetAppPageList?.loading}>
-        <div className={styles.phone} onClick={(e) => {
-            e.stopPropagation()
-        }}>
-            <div className={styles.content} >
+        <div className={styles.phone}>
+            <div className={styles.content} onClick={(e) => {
+                e.stopPropagation()
+            }}>
                 {/* 头部男女tabs */}
-                <Space className={styles.tabs} size={[20, 20]}>
+                <Space className={styles.tabs} size={[20, 20]} >
                     {
                         ["男生", "女生"].map((s, i) => {
                             return <strong