| 
					
				 | 
			
			
				@@ -1,12 +1,13 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { useAjax } from "@/Hook/useAjax" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { CheckOutlined, CloseOutlined, QuestionCircleOutlined, SyncOutlined } from "@ant-design/icons" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { Button, Input, message, Modal, Space, Table, Tooltip, Typography } from "antd" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { Button, Input, message, Modal, Select, Space, Table, Tooltip, Typography } from "antd" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import React, { useEffect, useState } from "react" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import style from '../GoodsModal/index.less' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import columns from "./tableConfig" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { getWechatAppletApi } from "@/services/adqV3/global" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import New1Radio from "../New1Radio" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { getErpUserAll } from "@/services/launchAdq/adq" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const { Title, Text } = Typography; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 /** 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -28,12 +29,18 @@ const MiniProgramPage: React.FC<Props> = (props) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const { creativeTemplateId, deliveryMode, creativeComponents: { mainJumpInfo }, landingPageType } = dynamic 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const [selectAdz, setSelectAdz] = useState<number>(1)   // 选择广告主 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const [data, setData] = useState<PULLIN.AccountCreateLogsProps[]>(data1 || []) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    const [queryForm, setQueryForm] = useState<{ appletName?: string, appletIdList?: string[], pageSize: number, pageNum: number }>({ pageNum: 1, pageSize: 20 }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const userId = localStorage.getItem('userId') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const [queryForm, setQueryForm] = useState<{ appletName?: string, appletIdList?: string[], createBy?: number, pageSize: number, pageNum: number }>({ pageNum: 1, pageSize: 20, createBy: userId ? Number(userId) : undefined }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const [pageAllocationType, setPageAllocationType] = useState<0 | 1>(landingPageType || 0) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const listAjax = useAjax((params) => getWechatAppletApi(params)) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const allOfMember = useAjax(() => getErpUserAll()) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     /*************************/ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    useEffect(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        allOfMember.run() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, []) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     useEffect(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         getList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, [queryForm]) 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -123,18 +130,36 @@ const MiniProgramPage: React.FC<Props> = (props) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <div className={style.content}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div className={style.left}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <h4 className={style.title}>媒体账户</h4> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                {data?.map((item, index) => ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <div key={index} onClick={() => { handleSelectAdz(index + 1, item) }} className={`${style.accItem} ${selectAdz === index + 1 && style.select} `}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        {item?.accountId} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        {data[index].pageList?.length > 0 && <CheckOutlined style={{ color: '#1890ff' }} />} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                ))} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <div className={style.accountIdList}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    {data?.map((item, index) => ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <div key={index} onClick={() => { handleSelectAdz(index + 1, item) }} className={`${style.accItem} ${selectAdz === index + 1 && style.select} `}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            {item?.accountId} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            {data[index].pageList?.length > 0 && <CheckOutlined style={{ color: '#1890ff' }} />} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    ))} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div className={style.right}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <Space style={{ marginBottom: 10 }}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <Input style={{ width: 200 }} placeholder="请输入小程序名称" value={queryForm?.appletName} allowClear onChange={(e) => setQueryForm({ ...queryForm, appletName: e.target.value, pageNum: 1 })} /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <Select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        showSearch 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        placeholder="请选择创建人" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        onChange={(e) => setQueryForm({ ...queryForm, createBy: e, pageNum: 1 })} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        filterOption={(input, option) => 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            (option?.label as any)?.toLowerCase().indexOf(input.toLowerCase()) >= 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        value={queryForm?.createBy} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        style={{ width: 120 }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        loading={allOfMember.loading} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        options={allOfMember?.data?.map((item: { userId: any; nickname: string }) => ({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            value: item.userId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                            label: item.nickname 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        }))} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <Input style={{ width: 160 }} placeholder="请输入小程序名称" value={queryForm?.appletName} allowClear onChange={(e) => setQueryForm({ ...queryForm, appletName: e.target.value, pageNum: 1 })} /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <Input.TextArea 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        style={{ width: 300 }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        style={{ width: 250 }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         placeholder="请输入小程序原始ID(多个逗号隔开)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                         rows={1} 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -155,7 +180,7 @@ const MiniProgramPage: React.FC<Props> = (props) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     dataSource={listAjax.data?.records?.map((item: { appletName: any; id: any }) => ({ ...item, pageName: item.appletName, pageId: item.id }))} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     loading={listAjax?.loading} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    scroll={{ y: 300 }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    scroll={{ y: 400 }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     bordered 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     rowKey={'id'} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     pagination={{ 
			 |