<template>
	<view class="content pt-2">
		<kevyloading v-if="loading" type="bsm-loader" color="#618af8" transparent></kevyloading>

		<wd-transition duration="320" :show="true" name="zoom-in">
			<view class="px-2 my-1">
				<view class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

					<view class="mb-2 pointer-events-auto relative inline-flex  bg-white font-medium ">
						<view class="flex items-baseline text-xs px-2">
							<span class="mr-2 warn-state warn-status-processing bg-emerald-400"></span>
							基础功能
						</view>
					</view>

					<view class="grid grid-cols-3 gap-3">

						<view @click="utils.toUrl('/store/cat/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							商品分类
							<wd-icon name="setting1 opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/goods/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							商品管理
							<wd-icon name="goods opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/user/list')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							会员管理
							<wd-icon name="user opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/user/memberList')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							会员等级
							<wd-icon name="lenovo opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

					</view>

				</view>
			</view>
		</wd-transition>

		<wd-transition duration="340" :show="true" name="zoom-in">
			<view class="px-2 my-1">
				<view class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

					<view class="mb-2 pointer-events-auto relative inline-flex  bg-white font-medium ">
						<view class="flex items-baseline text-xs px-2">
							<span class="mr-2 warn-state warn-status-processing bg-yellow-600"></span>
							订单管理
						</view>
					</view>

					<view class="grid grid-cols-3 gap-3">
						<view @click="utils.toUrl('/store/order/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							普通订单
							<wd-icon name="cart opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/afterSale/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							售后订单
							<wd-icon name="cart opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/inpersonPay/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							当面付订单
							<wd-icon name="cart opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>
					</view>


				</view>
			</view>
		</wd-transition>

		<wd-transition duration="360" :show="true" name="zoom-in">
			<view class="px-2 my-1">
				<view class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

					<view class="mb-2 pointer-events-auto relative inline-flex  bg-white font-medium ">
						<view class="flex items-baseline text-xs px-2">
							<span class="mr-2 warn-state warn-status-processing bg-stone-800"></span>
							折扣管理
						</view>
					</view>

					<view class="grid grid-cols-3 gap-3">
						<view @click="utils.toUrl('/store/discount/discount/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							限时折扣
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/discount/full_discount/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							梯度折扣
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/discount/full_set_redution/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							满额立减
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<!-- <view class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
						style="font-size: 0.75rem;">
						套餐优惠
					</view> -->

					</view>


				</view>
			</view>
		</wd-transition>


		<wd-transition duration="380" :show="true" name="zoom-in">
			<view class="px-2 my-1">
				<view class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

					<view class="mb-2 pointer-events-auto relative inline-flex bg-white font-medium ">
						<view class="flex items-baseline text-xs px-2">
							<span class="mr-2 warn-state warn-status-processing bg-teal-300"></span>
							积分商城
						</view>
					</view>

					<view class="grid grid-cols-2 gap-3">
						<view @click="utils.toUrl('/store/points/setUp')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							积分设置
							<wd-icon name="detection opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/points/cat')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							商品分类
							<wd-icon name="setting1 opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/points/goods/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							商品管理
							<wd-icon name="goods opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/points/order')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							订单管理
							<wd-icon name="lenovo opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

					</view>

				</view>
			</view>
		</wd-transition>

		<wd-transition duration="400" :show="true" name="zoom-in">
			<view class="px-2 my-1">
				<view class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

					<view class="mb-2 pointer-events-auto relative inline-flex bg-white font-medium ">
						<view class="flex items-baseline text-xs px-2">
							<span class="mr-2 warn-state warn-status-processing bg-fuchsia-950"></span>
							提现管理
						</view>
					</view>

					<view class="grid grid-cols-2 gap-3">
						<view @click="utils.toUrl('')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							提现设置
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							分销提现
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

					</view>

				</view>
			</view>
		</wd-transition>

		<wd-transition duration="420" :show="true" name="zoom-in">
			<view class="px-2 my-1">
				<view class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

					<view class="mb-2 pointer-events-auto relative inline-flex bg-white font-medium ">
						<view class="flex items-baseline text-xs px-2">
							<span class="mr-2 warn-state warn-status-processing bg-violet-700"></span>
							更多功能
						</view>
					</view>

					<view class="grid grid-cols-2 gap-3">
						<view @click="utils.toUrl('/store/recharge/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							充值管理
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/coupon/index')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							优惠券
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

						<view @click="utils.toUrl('/store/check/list')"
							class="items-center border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							核销记录
							<wd-icon name="chart-bubble opacity-80" class="opacity-80" size="12px"></wd-icon>
						</view>

					</view>

				</view>
			</view>
		</wd-transition>


		<view class="bg-transparent h-[80px]"></view>

		<view class="fixed left-2 right-2 bottom-4 z-50">
			<myTabbar tab="function"></myTabbar>
		</view>

	</view>
</template>

<script setup>
import { ref } from 'vue';
import utils from '@/utils/utils.js';
import index from '@/api/store/index.js';
import myTabbar from "../components/myTabbar/index.vue";
import bar from "../components/bar/bar.vue";
import kevyloading from "@/components/kevy-loading/kevy-loading";

/** 
 * @type {Ref<boolean>} 
 * 控制页面加载状态的 Ref
 */
const loading = ref(false);

/**
 * 从本地存储中获取用户信息
 */
const store_info = uni.getStorageSync("store_info");


</script>

<style lang="scss" scoped>
.content {}
</style>
