|
@@ -17,6 +17,7 @@
|
|
|
:class="item.active ? 'elevation-0 mt-0' : 'elevation-0 mt-2'"
|
|
:class="item.active ? 'elevation-0 mt-0' : 'elevation-0 mt-2'"
|
|
|
@mouseover="item.active = true"
|
|
@mouseover="item.active = true"
|
|
|
@mouseleave="item.active = false"
|
|
@mouseleave="item.active = false"
|
|
|
|
|
+ @click="handleClick(item)"
|
|
|
>
|
|
>
|
|
|
<!-- <span>{{ item.title }}</span> -->
|
|
<!-- <span>{{ item.title }}</span> -->
|
|
|
<v-icon color="primary" size="50" class="mt-6" style="height: 100px; line-height: 100px;">{{ item.icon }}</v-icon>
|
|
<v-icon color="primary" size="50" class="mt-6" style="height: 100px; line-height: 100px;">{{ item.icon }}</v-icon>
|
|
@@ -27,6 +28,7 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
|
|
+// import { useRouter } from 'vue-router'; const router = useRouter()
|
|
|
import { ref } from 'vue'
|
|
import { ref } from 'vue'
|
|
|
|
|
|
|
|
defineOptions({name: 'entrances-list'})
|
|
defineOptions({name: 'entrances-list'})
|
|
@@ -39,11 +41,15 @@ const smallTitle = [
|
|
|
'尽享海量VIP特权',
|
|
'尽享海量VIP特权',
|
|
|
]
|
|
]
|
|
|
const menuList = ref([
|
|
const menuList = ref([
|
|
|
- { icon: 'mdi-account-group', title: '招聘管理系统' },
|
|
|
|
|
- { icon: 'mdi-ballot-outline', title: '考勤管理系统' },
|
|
|
|
|
- { icon: 'mdi-chart-bar-stacked', title: '绩效管理系统' },
|
|
|
|
|
- { icon: 'mdi-checkbox-marked-outline', title: '审批管理系统' },
|
|
|
|
|
|
|
+ { icon: 'mdi-account-group-outline', title: '招聘管理系统', to: '/personal' },
|
|
|
|
|
+ { icon: 'mdi-shopping-outline', title: '臻选商城系统', to: '/mall' },
|
|
|
|
|
+ { icon: 'mdi-chart-bar-stacked', title: '考勤管理系统', to: '' },
|
|
|
|
|
+ { icon: 'mdi-checkbox-marked-outline', title: '审批管理系统', to: '' },
|
|
|
])
|
|
])
|
|
|
|
|
+ const handleClick = (item) => {
|
|
|
|
|
+ // router.push(item.to)
|
|
|
|
|
+ window.open(item.to)
|
|
|
|
|
+ }
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.listBox {
|
|
.listBox {
|
