<template>
    <view class="write-off-menu">
        <view class="wom-section">
            <view class="ws-tit">场地订单核销</view>
            <view class="ws-ls">
                <view class="wl-item" @click="toOperate('site')">
                    <image mode="aspectFit" src="/static/images/write_off/site.png"></image>
                    <view>场地订单核销</view>
                </view>
                <view class="wl-item" @click="toSiteList">
                    <image mode="aspectFit" src="/static/images/write_off/order.png"></image>
                    <view>场地订单核销记录</view>
                </view>
            </view>
        </view>
        <view class="wom-section">
            <view class="ws-tit">商城订单核销</view>
            <view class="ws-ls">
                <view class="wl-item" @click="toOperate('mall')">
                    <image mode="aspectFit" src="/static/images/write_off/mall.png"></image>
                    <view>商城订单核销</view>
                </view>
                <view class="wl-item" @click="toMallLs">
                    <image mode="aspectFit" src="/static/images/write_off/order.png"></image>
                    <view>商城订单核销记录</view>
                </view>
            </view>
        </view>
        <view class="wom-section">
            <view class="ws-tit">抖音团购核销</view>
            <view class="ws-ls">
                <view class="wl-item" @click="toOperate('dypoi')">
                    <image mode="aspectFit" src="/static/images/write_off/site.png"></image>
                    <view>抖音团购核销</view>
                </view>
                <view class="wl-item" @click="toDypoiOrderLs">
                    <image mode="aspectFit" src="/static/images/write_off/order.png"></image>
                    <view>抖音团购核销记录</view>
                </view>
            </view>
        </view>
        <view class="wom-section">
            <view class="ws-tit">现场散客人数</view>
            <view class="ws-ls">
                <view class="wl-item" @click="toPeopleNum">
                    <image mode="aspectFit" src="/static/images/write_off/people.png"></image>
                    <view>现场散客人数查询</view>
                </view>
            </view>
        </view>
        
    </view>
</template>

<script>
import util from '../../../utils/util';
import { WRITE_OFF_STORE_NAME } from '../../../js/once_name';
export default {
    methods: {
        toPeopleNum(){
            util.routeTo(`/pages/write_off/number_of_people/number_of_people`, 'nT');
        },
        toOperate(type){
            util.$_emit(WRITE_OFF_STORE_NAME, null);
            util.routeTo(`/pages/write_off/operate/operate?type=${type}`, 'nT');
        },
        toSiteList(){
            util.routeTo(`/pages/write_off/search_result/search_result`, 'nT');
        },
        toMallLs(){
            util.routeTo(`/pages/write_off/mall/list/list`, 'nT');
        },
        toDypoiOrderLs(){
            util.routeTo(`/pages/write_off/douyin/poi_list`, 'nT');
        }
    }
}
</script>

<style lang="scss">
    @import '~style/public.scss';
    .write-off-menu{
        padding: 60upx 68upx 0upx;
        .wom-section{
            margin-bottom: 30upx;
            .ws-tit{
                margin-bottom: 20upx;
                font-size: 32upx;
                font-weight: 500;
                line-height: 44upx;
                color: #1a1a1a;
            }
            .ws-ls{
                @include centerFlex(space-between);
                flex-wrap: wrap;
                .wl-item{
                    padding-top: 58upx;
                    margin-bottom: 32upx;
                    width: 288upx;
                    height: 220upx;
                    border-radius: 10upx;
                    background-color: #fff;
                    >image{
                        margin: 0 auto 22upx;
                        display: block;
                        width: 60upx;
                        height: 60upx;
                    }
                    >view{
                        text-align: center;
                        line-height: 40upx;
                        font-size: 28upx;
                        color: #9c9c9f;
                        @include textHide(1);
                    }

                }
            }

        }
    }
</style>