perf: config fe

client/src/pages/number/index.tsx

@@ -14,6 +14,7 @@ import dynamic from 'next/dynamic';
 import { useSelectFile } from '@/hooks/useSelectFile';
 import { compressImg } from '@/utils/file';
 import { getErrText, useCopyData } from '@/utils/tools';
+import { feConfigs } from '@/store/static';
 
 import Loading from '@/components/Loading';
 import Avatar from '@/components/Avatar';
@@ -58,7 +59,7 @@ const NumberSetting = ({ tableType }: { tableType: `${TableEnum}` }) => {
   const { copyData } = useCopyData();
   const { userInfo, updateUserInfo, initUserInfo, setUserInfo } = useUserStore();
   const { setLoading } = useGlobalStore();
-  const { register, handleSubmit, reset } = useForm<UserUpdateParams>({
+  const { reset } = useForm<UserUpdateParams>({
     defaultValues: userInfo as UserType
   });
   const { toast } = useToast();
@@ -146,105 +147,117 @@ const NumberSetting = ({ tableType }: { tableType: `${TableEnum}` }) => {
   );
 
   return (
-    <Box py={[5, 10]} px={'5vw'}>
-      <Grid gridTemplateColumns={['1fr', '3fr 300px']} gridGap={4}>
-        <Card px={6} py={4}>
-          <Flex justifyContent={'space-between'}>
-            <Box fontSize={'xl'} fontWeight={'bold'}>
-              账号信息
-            </Box>
-            <Button variant={'base'} size={'xs'} onClick={onclickLogOut}>
-              退出登录
-            </Button>
-          </Flex>
-          <Flex mt={6} alignItems={'center'}>
-            <Box flex={'0 0 50px'}>头像:</Box>
-            <Avatar
-              src={userInfo?.avatar}
-              w={['28px', '36px']}
-              h={['28px', '36px']}
-              cursor={'pointer'}
-              title={'点击切换头像'}
-              onClick={onOpenSelectFile}
-            />
-          </Flex>
-          <Flex mt={6} alignItems={'center'}>
-            <Box flex={'0 0 50px'}>账号:</Box>
-            <Box>{userInfo?.username}</Box>
-          </Flex>
-          <Box mt={6}>
-            <Flex alignItems={'center'}>
-              <Box flex={'0 0 50px'}>余额:</Box>
-              <Box>
-                <strong>{userInfo?.balance}</strong> 元
+    <>
+      <Box py={[5, 10]} px={'5vw'}>
+        <Grid gridTemplateColumns={['1fr', '3fr 300px']} gridGap={4}>
+          <Card px={6} py={4}>
+            <Flex justifyContent={'space-between'}>
+              <Box fontSize={'xl'} fontWeight={'bold'}>
+                账号信息
               </Box>
-              <Button size={['xs', 'sm']} w={['70px', '80px']} ml={5} onClick={onOpenPayModal}>
-                充值
+              <Button variant={'base'} size={'xs'} onClick={onclickLogOut}>
+                退出登录
               </Button>
             </Flex>
-          </Box>
-        </Card>
-        <Card px={6} py={4}>
-          <Box fontSize={'xl'} fontWeight={'bold'}>
-            我的邀请
-          </Box>
-          {[
-            { label: '佣金比例', value: `${userInfo?.promotion.rate || 15}%` },
-            { label: '已注册用户数', value: `${invitedAmount}人` },
-            { label: '可用佣金', value: `￥${residueAmount}` }
-          ].map((item) => (
-            <Flex key={item.label} alignItems={'center'} mt={4} justifyContent={'space-between'}>
-              <Box w={'120px'}>{item.label}</Box>
-              <Box fontWeight={'bold'}>{item.value}</Box>
+            <Flex mt={6} alignItems={'center'}>
+              <Box flex={'0 0 50px'}>头像:</Box>
+              <Avatar
+                src={userInfo?.avatar}
+                w={['28px', '36px']}
+                h={['28px', '36px']}
+                cursor={'pointer'}
+                title={'点击切换头像'}
+                onClick={onOpenSelectFile}
+              />
             </Flex>
-          ))}
-          <Button
-            mt={4}
-            variant={'base'}
-            w={'100%'}
-            onClick={() =>
-              copyData(`${location.origin}/?inviterId=${userInfo?._id}`, '已复制邀请链接')
-            }
-          >
-            复制邀请链接
-          </Button>
-          <Button
-            mt={4}
-            leftIcon={<MyIcon name="withdraw" w={'22px'} />}
-            px={4}
-            title={residueAmount < 50 ? '最低提现额度为50元' : ''}
-            isDisabled={residueAmount < 50}
-            variant={'base'}
-            colorScheme={'myBlue'}
-            onClick={onOpenWxConcat}
-          >
-            {residueAmount < 50 ? '50元起提' : '提现'}
-          </Button>
-        </Card>
-      </Grid>
+            <Flex mt={6} alignItems={'center'}>
+              <Box flex={'0 0 50px'}>账号:</Box>
+              <Box>{userInfo?.username}</Box>
+            </Flex>
+            {feConfigs.show_userDetail && (
+              <Box mt={6}>
+                <Flex alignItems={'center'}>
+                  <Box flex={'0 0 50px'}>余额:</Box>
+                  <Box>
+                    <strong>{userInfo?.balance}</strong> 元
+                  </Box>
+                  <Button size={['xs', 'sm']} w={['70px', '80px']} ml={5} onClick={onOpenPayModal}>
+                    充值
+                  </Button>
+                </Flex>
+              </Box>
+            )}
+          </Card>
+          {feConfigs.show_userDetail && (
+            <Card px={6} py={4}>
+              <Box fontSize={'xl'} fontWeight={'bold'}>
+                我的邀请
+              </Box>
+              {[
+                { label: '佣金比例', value: `${userInfo?.promotion.rate || 15}%` },
+                { label: '已注册用户数', value: `${invitedAmount}人` },
+                { label: '可用佣金', value: `￥${residueAmount}` }
+              ].map((item) => (
+                <Flex
+                  key={item.label}
+                  alignItems={'center'}
+                  mt={4}
+                  justifyContent={'space-between'}
+                >
+                  <Box w={'120px'}>{item.label}</Box>
+                  <Box fontWeight={'bold'}>{item.value}</Box>
+                </Flex>
+              ))}
+              <Button
+                mt={4}
+                variant={'base'}
+                w={'100%'}
+                onClick={() =>
+                  copyData(`${location.origin}/?inviterId=${userInfo?._id}`, '已复制邀请链接')
+                }
+              >
+                复制邀请链接
+              </Button>
+              <Button
+                mt={4}
+                leftIcon={<MyIcon name="withdraw" w={'22px'} />}
+                px={4}
+                title={residueAmount < 50 ? '最低提现额度为50元' : ''}
+                isDisabled={residueAmount < 50}
+                variant={'base'}
+                colorScheme={'myBlue'}
+                onClick={onOpenWxConcat}
+              >
+                {residueAmount < 50 ? '50元起提' : '提现'}
+              </Button>
+            </Card>
+          )}
+        </Grid>
 
-      <Card mt={4} px={[3, 6]} py={4}>
-        <Tabs
-          m={'auto'}
-          w={'200px'}
-          list={tableList.current}
-          activeId={tableType}
-          size={'sm'}
-          onChange={(id: any) => router.replace(`/number?type=${id}`)}
-        />
-        <Box minH={'300px'}>
-          {(() => {
-            const item = tableList.current.find((item) => item.id === tableType);
-
-            return item ? item.Component : null;
-          })()}
-        </Box>
-      </Card>
+        {feConfigs.show_userDetail && (
+          <Card mt={4} px={[3, 6]} py={4}>
+            <Tabs
+              m={'auto'}
+              w={'200px'}
+              list={tableList.current}
+              activeId={tableType}
+              size={'sm'}
+              onChange={(id: any) => router.replace(`/number?type=${id}`)}
+            />
+            <Box minH={'300px'}>
+              {(() => {
+                const item = tableList.current.find((item) => item.id === tableType);
 
+                return item ? item.Component : null;
+              })()}
+            </Box>
+          </Card>
+        )}
+      </Box>
       {isOpenPayModal && <PayModal onClose={onClosePayModal} />}
       {isOpenWxConcat && <WxConcat onClose={onCloseWxConcat} />}
       <File onSelect={onSelectFile} />
-    </Box>
+    </>
   );
 };