<template>
	<view class="page">
		<!-- 撑高度 -->
		<view style="height: 10rpx"></view>
		<view v-for="(item, index) in list" :key="index" @tap="toPage(item.path)">
			<JMainCard wrapPd="10rpx 30rpx" bgColor="#fff" pd="0">
				<JInput :icon="item.icon" :isBorder="true" :name="item.name" align="center" size="33rpx" :img="true"
					iconSize="60rpx" />
			</JMainCard>
		</view>

	</view>
</template>

<script setup>
import JMainCard from '@/components/newComponents/JMainCard/JMainCard.vue' // 卡片
import JInput from '@/components/newComponents/JInput/JInput.vue'

const list = [
	{
		icon: '/static/equipmentImg/code-open.svg',
		name: '码牌管理',
		path: 'codeCardManagement'
	},
	{
		icon: '/static/equipmentImg/horn-open.svg',
		name: '云喇叭管理',
		path: 'cloudHornManagement'
	},
	{
		icon: '/static/equipmentImg/print-open.svg',
		name: '云打印管理',
		path: 'cloudPrintManagement'
	},
	{
		icon: '/static/equipmentImg/pos-open.svg',
		name: '扫码POS管理',
		path: 'posMachineManagement'
	},
	{
		icon: '/static/equipmentImg/iqpos-open.svg',
		name: '智能POS管理',
		path: 'iqPosManagement'
	},
	{
		icon: '/static/equipmentImg/terminal-open.svg',
		name: '辅助终端设备',
		path: '../terminal/terminalList'
	},
	{
		icon: '/pageWork/static/images/icon-face-1.svg',
		name: '刷脸设备',
		path:"../face/index"
	},
	{
		icon: '/pageWork/static/images/lite-list.svg',
		name: '如意Lite管理',
		path:"../liteManager/index"
	}
]
function toPage(path) {
	uni.navigateTo({
		url: `./${path}`
	})
}
</script>
<style>
page {
	background: #F5F6FC;
}
</style>
<style scoped lang="scss">
.content {
	width: 100%;
	background-color: #fff;
}

.list {
	margin-top: 20rpx;
	padding: 0 30rpx;
	box-sizing: border-box;
	border-top: 1px solid #ededed;

	.list-item {
		padding: 30rpx 0;
		box-sizing: border-box;
		border-top: 1px solid #ededed;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;

		.left {
			view {
				font-size: 30rpx;
				color: #000;
			}

			text {
				font-size: 22rpx;
				color: #9ea5b3;
			}
		}

		.right {
			display: flex;
			flex-direction: row;
			align-items: center;

			image {
				width: 40rpx;
				height: 40rpx;
				margin-top: 6rpx;
			}
		}
	}

	.list-item:first-child {
		border-top: none;
	}
}

.back-color {
	background-color: #f5f6fc;
	height: 20rpx;
}

.unique {
	margin-top: 0;
	border: 0;
}
</style>
