<script setup lang="ts">
|
import { onMounted, reactive, ref, h } from "vue";
|
import MyHeader from "./component/myHeader.vue";
|
import MyFooter from "./component/myFooter.vue";
|
import { useIndex } from "../home/utils/hook";
|
import tableList from "./component/tableList.vue";
|
import { ArrowRight } from "@element-plus/icons-vue";
|
import EosIconsClusterManagement from "~icons/eos-icons/cluster-management";
|
const {
|
getNeirongfabuDetail,
|
route,
|
router,
|
getFeizhengfuDetail,
|
stateHook,
|
getOrderList
|
} = useIndex();
|
defineOptions({
|
name: "gonggaoInfo"
|
});
|
</script>
|
|
<template>
|
<div class="bg-[#f5f5f5] min-h-[100%]">
|
<my-header />
|
<div class="w-[80%] m-auto p-5">
|
<div class="h=[52px] w-[100%] bg-white p-2 pl-4 flex items-center">
|
<span class="text-sm">您的当前位置：</span>
|
<el-breadcrumb :separator-icon="ArrowRight">
|
<el-breadcrumb-item :to="{ path: '/index' }" replace>
|
首页
|
</el-breadcrumb-item>
|
<el-breadcrumb-item>{{ route.meta.title }}</el-breadcrumb-item>
|
</el-breadcrumb>
|
</div>
|
<el-row class="mt-5 flex justify-between">
|
<el-col :span="3">
|
<div class="left">
|
<div
|
v-for="(item, index) in stateHook.gonggaoList"
|
:key="index"
|
:class="['item', stateHook.activeList == index ? 'item1' : '']"
|
class="h-[58px] w-[188px] bg-white flex items-center justify-center"
|
@click="getOrderList(index)"
|
>
|
<EosIconsClusterManagement
|
:style="{ color: stateHook.activeList == index ? 'white' : '' }"
|
/>
|
<span class="ml-4">{{ item.name }}</span>
|
</div>
|
</div>
|
</el-col>
|
<el-col :span="21">
|
<div class="right">
|
<tableList />
|
</div>
|
</el-col>
|
</el-row>
|
</div>
|
<my-footer />
|
</div>
|
</template>
|
|
<style lang="scss" scoped>
|
.item {
|
background: white;
|
cursor: pointer;
|
font-size: 14px;
|
}
|
.item1 {
|
background: rgb(20, 92, 205);
|
span {
|
color: rgb(254, 254, 254);
|
}
|
}
|
</style>
|
