fix

config/routerConfig.ts

@@ -364,6 +364,12 @@ const gameDataStatistics = {
                     access: 'serverData',
                     component: './gameDataStatistics/gameServer/serverData',
                 },
+                {
+                    path: '/gameDataStatistics/gameServer/serverEveryData',
+                    name: '区服每日数据',
+                    access: 'serverEveryData',
+                    component: './gameDataStatistics/gameServer/serverEveryData',
+                },
             ]
         },
         {

src/pages/gameDataStatistics/gameServer/serverEveryData/index.less

@@ -0,0 +1,15 @@
+.dbox{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    // padding: 10px;
+    >span{
+        display: flex;
+        justify-content: left;
+        width: 100%;
+    }
+}
+
+.tabsBottom0 .ant-tabs-nav {
+    margin-bottom: 0;
+}

src/pages/gameDataStatistics/gameServer/serverEveryData/index.tsx

@@ -0,0 +1,91 @@
+import { GameServerEveryListProps, getGameServerEveryListApi, getGameServerEveryTotalApi, getGameServerTotalApi } from "@/services/gameData/gameServer"
+import React, { useEffect, useState } from "react"
+import moment from "moment"
+import { useAjax } from "@/Hook/useAjax"
+import TableData from "../../components/TableData"
+import QueryForm from "@/components/QueryForm"
+import columns12 from "./tableConfig"
+import {  getPresets } from "@/components/QueryForm/const"
+
+/**
+ * 区服每日数据
+ * @returns 
+ */
+const ServerEveryData: React.FC = () => {
+
+    /********************************/
+    const [queryForm, setQueryForm] = useState<GameServerEveryListProps>({ pageNum: 1, pageSize: 50, beginDate: moment().format('YYYY-MM-DD'), endDate: moment().format('YYYY-MM-DD'), sourceSystem: 'ZX_ONE' })
+    const [totalData, setTotalData] = useState<any[]>([])
+
+    const getGameServerEveryList = useAjax((params) => getGameServerEveryListApi(params))
+    const getGameServerEveryTotal = useAjax((params) => getGameServerEveryTotalApi(params))
+    /********************************/
+
+    useEffect(() => {
+        getGameServerEveryTotal.run(queryForm).then((res: { id: number; dt?: string; gameName: string; }) => {
+            res.id = 1
+            res.dt = queryForm.beginDate
+            res.gameName = '总计'
+            setTotalData([res])
+        })
+        getGameServerEveryList.run(queryForm)
+    }, [queryForm])
+
+    return <div>
+        <TableData
+            leftChild={<QueryForm
+                initialValues={{ sourceSystem: 'ZX_ONE', serverDay: [moment(), moment()] }}
+                onChange={(data: any) => {
+                    const { serverDay, ...params } = data
+                    let newQueryForm = JSON.parse(JSON.stringify(queryForm))
+                    if (serverDay && serverDay?.length === 2) {
+                        newQueryForm['beginDate'] = moment(serverDay[0]).format('YYYY-MM-DD')
+                        newQueryForm['endDate'] = moment(serverDay[1]).format('YYYY-MM-DD')
+                    } else {
+                        delete newQueryForm['beginDate']
+                        delete newQueryForm['endDate']
+                    }
+                    newQueryForm.pageNum = 1
+                    setQueryForm({ ...newQueryForm, ...params })
+                }}
+                isSource
+                isServerDay={{ ranges: getPresets() }}
+                isGameId
+            />}
+            isZj
+            isVirtually={false}
+            totalData={totalData}
+            scroll={{ x: 1000, y: 600 }}
+            ajax={getGameServerEveryList}
+            fixed={{ left: 5, right: 1 }}
+            dataSource={getGameServerEveryList?.data?.records?.map((item: any, index: number) => ({ ...item, id: Number(queryForm.pageNum.toString() + index.toString()) }))}
+            total={getGameServerEveryList?.data?.total}
+            page={queryForm.pageNum}
+            pageSize={queryForm.pageSize}
+            sortData={{
+                field: queryForm?.sortFiled,
+                order: queryForm?.sortType === 'asc' ? 'ascend' : 'descend'
+            }}
+            title='区服每日数据'
+            onChange={(props: any) => {
+                let { pagination, sortData } = props
+                let { current, pageSize } = pagination
+                let newQueryForm = JSON.parse(JSON.stringify(queryForm))
+                if (sortData && sortData?.order) {
+                    newQueryForm['sortType'] = sortData?.order === 'ascend' ? 'asc' : 'desc'
+                    newQueryForm['sortFiled'] = sortData?.field
+                } else {
+                    delete newQueryForm['sortType']
+                    delete newQueryForm['sortFiled']
+                }
+                newQueryForm.pageNum = current
+                newQueryForm.pageSize = pageSize
+                setQueryForm({ ...newQueryForm })
+            }}
+            config={columns12()}
+            configName={'区服每日数据'}
+        />
+    </div>
+}
+
+export default ServerEveryData

src/pages/gameDataStatistics/gameServer/serverEveryData/tableConfig.tsx

@@ -0,0 +1,395 @@
+import { gameClassifyEnum } from "@/components/QueryForm/const"
+import WidthEllipsis from "@/components/widthEllipsis"
+import { Statistic, Tooltip } from "antd"
+import React from "react"
+import moment from "moment"
+import style from './index.less'
+import { version } from "../../components/TableData"
+
+function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
+
+    const getFieldDta = () => {
+        let defaultValue = [  // 默认展示字段
+            { label: '新用户人数', key: 'regNum', type: 'D1~Dn' },
+            { label: '创角人数', key: 'roleNum', type: 'D1~Dn' },
+            { label: '活跃人数', key: 'activeNum', type: 'D1~Dn' },
+            { label: '付费人数', key: 'amountNum', type: 'D1~Dn' },
+            { label: '付费金额', key: 'amount', type: 'D1~Dn' },
+            { label: '滚服人数', key: 'rollServerNum', type: 'D1~Dn' },
+            { label: '滚服付费人数', key: 'rollServerAmountNum', type: 'D1~Dn' },
+            { label: '滚服付费金额', key: 'rollServerAmount', type: 'D1~Dn' },
+            { label: '滚服（付费金额）占比', key: 'rollServerAmountRate', type: 'D1~Dn' },
+        ]
+        let mySelectFieldData = localStorage.getItem(`myAdFieldConfig${version}_区服数据`)
+        let newSelectFieldData: any = {}
+        if (mySelectFieldData) {
+            newSelectFieldData = JSON.parse(mySelectFieldData).date_field
+        } else {
+            newSelectFieldData = defaultValue
+        }
+        return newSelectFieldData
+    }
+
+    let defaultStart = 13
+    const day = Array(90).fill('').map((_item: string, index: number) => {
+        let field = `da${index + 1}Trend`
+        let data = {
+            title: `D${index + 1}`,
+            dataIndex: field,
+            label: "D1~Dn",
+            align: "center",
+            width: 120,
+            children: [{
+                title: `新创角`,
+                dataIndex: field,
+                key: 'newCreate',
+                align: "center",
+                width: 140,
+                render: (a: any, b: any) => {
+                    let date1 = moment()
+                    if (b?.gameName === '总计') {
+                        if (b?.dt) {
+                            date1 = moment(b?.dt)
+                        } else {
+                            date1 = moment()
+                        }
+                    } else {
+                        date1 = moment(b.dt)
+                    }
+                    let dt = moment()
+                    let day = dt.diff(date1, 'day');
+                    let fieldData = getFieldDta()
+                    if (fieldData?.length > 0 && index <= day) {
+                        let data: any = {}
+                        let keyS: string[] = fieldData?.map((item: any) => item.key)
+                        switch (fieldData[0].type) {
+                            case 'D1~Dn':
+                                if (b?.[field]) {
+                                    data = b?.[field]
+                                    return <div className={style.dbox}>
+                                        {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人数：<span>{data?.regNum}</span></span>}
+                                        {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创角人数：<span>{data?.roleNum}</span></span>}
+                                        {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人数：<span>{data?.activeNum}</span></span>}
+                                        {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人数：<span>{data?.amountNum}</span></span>}
+                                        {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付费金额：<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
+                                    </div>
+                                }
+                                return '--'
+                        }
+                    }
+                    return '--'
+                },
+            }, {
+                title: `滚服`,
+                dataIndex: field,
+                key: 'gf',
+                align: "center",
+                width: 150,
+                render: (a: any, b: any) => {
+                    let date1 = moment()
+                    if (b?.gameName === '总计') {
+                        if (b?.dt) {
+                            date1 = moment(b?.dt)
+                        } else {
+                            date1 = moment()
+                        }
+                    } else {
+                        date1 = moment(b.dt)
+                    }
+                    let dt = moment()
+                    let day = dt.diff(date1, 'day');
+                    let fieldData = getFieldDta()
+                    if (fieldData?.length > 0 && index <= day) {
+                        let data: any = {}
+                        let keyS: string[] = fieldData?.map((item: any) => item.key)
+                        switch (fieldData[0].type) {
+                            case 'D1~Dn':
+                                if (b?.[field]) {
+                                    data = b?.[field]
+                                    return <div className={style.dbox}>
+                                        {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚服人数：<span>{data?.rollServerNum}</span></span>}
+                                        {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚服付费人数：<span>{data?.rollServerAmountNum}</span></span>}
+                                        {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚服付费金额：<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
+                                        {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚服占比：<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
+                                    </div>
+                                }
+                                return '--'
+                        }
+                    }
+                    return '--'
+                },
+            }]
+        }
+        data['default'] = defaultStart + index
+        return data
+    })
+
+    let defaultStartM = 103
+    let month = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((item, index) => {
+        let field = `m${item}Trend`
+        let data = {
+            title: `M${item}`,
+            dataIndex: field,
+            label: "D1~Dn",
+            children: [{
+                title: `新创角`,
+                dataIndex: field,
+                key: 'newCreate',
+                align: "center",
+                width: 140,
+                render: (a: any, b: any) => {
+                    let date1 = moment()
+                    if (b?.gameName === '总计') {
+                        if (b?.dt) {
+                            date1 = moment(b?.dt)
+                        } else {
+                            date1 = moment()
+                        }
+                    } else {
+                        date1 = moment(b.dt)
+                    }
+                    let dt = moment()
+                    let day = dt.diff(date1, 'day');
+                    let fieldData = getFieldDta()
+                    if (fieldData?.length > 0 && item * 30 <= day) {
+                        let data: any = {}
+                        let keyS: string[] = fieldData?.map((item: any) => item.key)
+                        switch (fieldData[0].type) {
+                            case 'D1~Dn':
+                                if (b?.[field]) {
+                                    data = b?.[field]
+                                    return <div className={style.dbox}>
+                                        {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人数：<span>{data?.regNum}</span></span>}
+                                        {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创角人数：<span>{data?.roleNum}</span></span>}
+                                        {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人数：<span>{data?.activeNum}</span></span>}
+                                        {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人数：<span>{data?.amountNum}</span></span>}
+                                        {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付费金额：<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
+                                    </div>
+                                }
+                                return '--'
+                        }
+                    }
+                    return '--'
+                },
+            }, {
+                title: `滚服`,
+                dataIndex: field,
+                key: 'gf',
+                align: "center",
+                width: 150,
+                render: (a: any, b: any) => {
+                    let date1 = moment()
+                    if (b?.gameName === '总计') {
+                        if (b?.dt) {
+                            date1 = moment(b?.dt)
+                        } else {
+                            date1 = moment()
+                        }
+                    } else {
+                        date1 = moment(b.dt)
+                    }
+                    let dt = moment()
+                    let day = dt.diff(date1, 'day');
+                    let fieldData = getFieldDta()
+                    if (fieldData?.length > 0 && item * 30 <= day) {
+                        let data: any = {}
+                        let keyS: string[] = fieldData?.map((item: any) => item.key)
+                        switch (fieldData[0].type) {
+                            case 'D1~Dn':
+                                if (b?.[field]) {
+                                    data = b?.[field]
+                                    return <div className={style.dbox}>
+                                        {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚服人数：<span>{data?.rollServerNum}</span></span>}
+                                        {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚服付费人数：<span>{data?.rollServerAmountNum}</span></span>}
+                                        {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚服付费金额：<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
+                                        {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚服占比：<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
+                                    </div>
+                                }
+                                return '--'
+                        }
+                    }
+                    return '--'
+                },
+            }]
+        }
+        data['default'] = defaultStartM + index
+        return data
+    })
+
+    month.push({
+        title: `总`,
+        dataIndex: 'totalTrend',
+        label: "D1~Dn",
+        align: "center",
+        default: 112,
+        children: [{
+            title: `新创角`,
+            dataIndex: 'totalTrend',
+            key: 'newCreate',
+            align: "center",
+            width: 140,
+            render: (a: any, b: any) => {
+                let fieldData = getFieldDta()
+                if (fieldData?.length > 0) {
+                    let data: any = {}
+                    let keyS: string[] = fieldData?.map((item: any) => item.key)
+                    switch (fieldData[0].type) {
+                        case 'D1~Dn':
+                            if (b?.['totalTrend']) {
+                                data = b?.['totalTrend']
+                                return <div className={style.dbox}>
+                                    {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人数：<span>{data?.regNum}</span></span>}
+                                    {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创角人数：<span>{data?.roleNum}</span></span>}
+                                    {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人数：<span>{data?.activeNum}</span></span>}
+                                    {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人数：<span>{data?.amountNum}</span></span>}
+                                    {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付费金额：<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
+                                </div>
+                            }
+                            return '--'
+                    }
+                }
+                return '--'
+            },
+        }, {
+            title: `滚服`,
+            dataIndex: 'totalTrend',
+            key: 'gf',
+            align: "center",
+            width: 150,
+            render: (a: any, b: any) => {
+                let fieldData = getFieldDta()
+                if (fieldData?.length > 0) {
+                    let data: any = {}
+                    let keyS: string[] = fieldData?.map((item: any) => item.key)
+                    switch (fieldData[0].type) {
+                        case 'D1~Dn':
+                            if (b?.['totalTrend']) {
+                                data = b?.['totalTrend']
+                                return <div className={style.dbox}>
+                                    {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚服人数：<span>{data?.rollServerNum}</span></span>}
+                                    {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚服付费人数：<span>{data?.rollServerAmountNum}</span></span>}
+                                    {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚服付费金额：<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
+                                    {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚服占比：<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
+                                </div>
+                            }
+                            return '--'
+                    }
+                }
+                return '--'
+            },
+        }],
+    } as any)
+
+    return [
+        {
+            label: '时间',
+            data: [
+                {
+                    title: '开服时间', dataIndex: 'dt', label: '时间', align: 'center', width: 90, default: 4, sorter: true,
+                    render: (a: any, b: any) => {
+                        if (b.gameName === '总计') {
+                            return '--'
+                        }
+                        return a
+                    }
+                },
+            ]
+        },
+        {
+            label: '游戏信息',
+            data: [
+                {
+                    title: '游戏名称', dataIndex: 'gameName', label: '游戏信息', align: 'center', width: 90, default: 1,
+                    render: (a: string) => (<WidthEllipsis value={a} />)
+                },
+                { title: '游戏ID', dataIndex: 'gameId', label: '游戏信息', align: 'center', width: 90 },
+                {
+                    title: '游戏应用类型', dataIndex: 'classify', label: '游戏信息', align: 'center', width: 80, default: 2,
+                    render: (a: string) => (<WidthEllipsis value={gameClassifyEnum[a]} />)
+                },
+                {
+                    title: '区服名称', dataIndex: 'serverName', label: '游戏信息', align: 'center', width: 90, default: 3,
+                    render: (a: string) => (<WidthEllipsis value={a} />)
+                },
+                { title: '区服ID', dataIndex: 'serverId', label: '游戏信息', align: 'center', width: 90 },
+            ]
+        },
+        {
+            label: '数据',
+            data: [
+                {
+                    title: '新用户人数', dataIndex: 'totalRegNum', label: '数据', align: 'center', width: 70, sorter: true, default: 5,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '创角人数', dataIndex: 'totalRoleNum', label: '数据', align: 'center', width: 70, sorter: true, default: 6,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '滚服人数', dataIndex: 'outTotalNum', label: '数据', align: 'center', width: 70, sorter: true, default: 7,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '滚服付费人数', dataIndex: 'outTotalAmountNum', label: '数据', align: 'center', width: 70, sorter: true, default: 8,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '滚服付费金额', dataIndex: 'outTotalAmount', label: '数据', align: 'center', width: 70, sorter: true, default: 9,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '付费人数', dataIndex: 'totalAmountNum', label: '数据', align: 'center', width: 70, sorter: true, default: 10,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '付费金额', dataIndex: 'totalAmount', label: '数据', align: 'center', width: 70, sorter: true, default: 11,
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '滚服（付费金额）占比', dataIndex: 'outTotalRate', label: '数据', align: 'center', width: 90, sorter: true, default: 12,
+                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
+                },
+            ]
+        },
+        {
+            // fieldSHow: {
+            //     label: 'D1~Dn区间字段展示',
+            //     saveField: 'date_field',
+            //     defaultValue: [  // 默认展示字段
+            //         { label: '新用户人数', key: 'regNum', type: 'D1~Dn' },
+            //         { label: '创角人数', key: 'roleNum', type: 'D1~Dn' },
+            //         { label: '活跃人数', key: 'activeNum', type: 'D1~Dn' },
+            //         { label: '付费人数', key: 'amountNum', type: 'D1~Dn' },
+            //         { label: '付费金额', key: 'amount', type: 'D1~Dn' },
+            //         { label: '滚服人数', key: 'rollServerNum', type: 'D1~Dn' },
+            //         { label: '滚服付费人数', key: 'rollServerAmountNum', type: 'D1~Dn' },
+            //         { label: '滚服付费金额', key: 'rollServerAmount', type: 'D1~Dn' },
+            //         { label: '滚服（付费金额）占比', key: 'rollServerAmountRate', type: 'D1~Dn' },
+            //     ],
+            //     data: [
+            //         {
+            //             label: 'D1~Dn',
+            //             data: [
+            //                 { label: '新用户人数', key: 'regNum', type: 'D1~Dn' },
+            //                 { label: '创角人数', key: 'roleNum', type: 'D1~Dn' },
+            //                 { label: '活跃人数', key: 'activeNum', type: 'D1~Dn' },
+            //                 { label: '付费人数', key: 'amountNum', type: 'D1~Dn' },
+            //                 { label: '付费金额', key: 'amount', type: 'D1~Dn' },
+            //                 { label: '滚服人数', key: 'rollServerNum', type: 'D1~Dn' },
+            //                 { label: '滚服付费人数', key: 'rollServerAmountNum', type: 'D1~Dn' },
+            //                 { label: '滚服付费金额', key: 'rollServerAmount', type: 'D1~Dn' },
+            //                 { label: '滚服（付费金额）占比', key: 'rollServerAmountRate', type: 'D1~Dn' },
+            //             ]
+            //         }
+            //     ]
+            // },
+            label: 'D1~Dn',
+            data: [
+                ...day,
+                ...month
+            ]
+        }
+    ]
+}
+
+export default columns12

src/services/gameData/gameServer.ts

@@ -34,4 +34,35 @@ export async function getGameServerTotalApi(data: GameServerListProps) {
         method: 'POST',
         data
     });
+}
+
+
+
+export interface GameServerEveryListProps extends Paging, SortProps {
+    beginDate?: string,
+    endDate?: string,
+    gameId?: number,
+}
+/**
+ * 游戏区服每日列表
+ * @param data 
+ * @returns 
+ */
+export async function getGameServerEveryListApi(data: GameServerEveryListProps) {
+    return request(wapi + `/gameServer/sum/day`, {
+        method: 'POST',
+        data
+    });
+}
+
+/**
+ * 游戏区服每日总计
+ * @param data 
+ * @returns 
+ */
+export async function getGameServerEveryTotalApi(data: GameServerEveryListProps) {
+    return request(wapi + `/gameServer/sum/day/total`, {
+        method: 'POST',
+        data
+    });
 }