<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">
				<div class="relative flex flex-col rounded-xl bg-white p-4 shadow-sm">

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

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

						<div @click="utils.toUrl('/mall/cat/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							商品分类
						</div>

						<div @click="utils.toUrl('/mall/goods/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							商品管理
						</div>

					</view>

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

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

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

					<view class="grid grid-cols-3 gap-3">
						<div @click="utils.toUrl('/mall/order/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							普通订单
						</div>

						<div @click="utils.toUrl('/mall/pickUp/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							自提订单
						</div>

						<div @click="utils.toUrl('/mall/inpersonPay/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							当面付订单
						</div>
					</view>


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

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

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

					<view class="grid grid-cols-3 gap-3">
						<div @click="utils.toUrl('/mall/discount/discount/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							限时折扣
						</div>

						<div @click="utils.toUrl('/mall/discount/full_discount/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							梯度折扣
						</div>

						<div @click="utils.toUrl('/mall/discount/full_set_redution/index')"
							class="item border-2 border-solid border-gray-100  rounded bg-slate-50 p-2 flex justify-between"
							style="font-size: 0.75rem;">
							满额立减
						</div>

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

					</view>


				</div>
			</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>
