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


		<view class="px-2 my-2">
			<div class="relative flex flex-col rounded-md 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('/store/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('/store/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>



		<view class="px-2 my-2">
			<div class="relative flex flex-col rounded-md 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('/store/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('/store/afterSale/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('/store/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>

		<view class="px-2 my-2">
			<div class="relative flex flex-col rounded-md 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-2 gap-3">
					<div @click="utils.toUrl('/store/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('/store/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('/store/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>


		<view class="px-2 my-2">
			<div class="relative flex flex-col rounded-md 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-violet-700"></span>
						更多功能
					</div>
				</div>

				<view class="grid grid-cols-2 gap-3">
					<div @click="utils.toUrl('/store/coupon/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('/store/check/list')"
						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('/store/user/list')"
						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('/store/user/memberList')"
						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>


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