| | |
|---|
| | | <script setup> |
|---|
| | | import {ref} from "vue"; |
|---|
| | | import {ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue"; |
|---|
| | | import {ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue" |
|---|
| | | import request from "@/utils/request"; |
|---|
| | | import deepClone from "@/utils/deepClone"; |
|---|
| | | import {ElMessage} from "element-plus"; |
|---|
| | | import {useRouter} from "vue-router"; |
|---|
| | | import GlassType from '@/components/sd/product/GlassType.vue' |
|---|
| | | |
|---|
| | | |
|---|
| | | import {useRouter,useRoute,onBeforeRouteUpdate} from "vue-router" |
|---|
| | | import {useI18n} from "vue-i18n" |
|---|
| | | const { t } = useI18n() |
|---|
| | | const router = useRouter() |
|---|
| | | const route = useRoute() |
|---|
| | | let indexFlag=$ref(1) |
|---|
| | | function changeRouter(index){ |
|---|
| | | indexFlag=index |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | <div id="main"> |
|---|
| | | <div id="div-title"> |
|---|
| | | <el-breadcrumb :separator-icon="ArrowRight"> |
|---|
| | | <el-breadcrumb-item :to="{ path: '/main/product/selectProduct' }">产品首页</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item :to="{ path: '/main/product/createProduct' }">创建</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(1)" :class="indexFlag===1?'indexTag':''" :to="{ path: '/main/product/selectProduct' }">{{$t('product.ProductHomePage')}}</el-breadcrumb-item> |
|---|
| | | <el-breadcrumb-item @click="changeRouter(2)" :class="indexFlag===2?'indexTag':''" :to="{ path: '/main/product/createProduct' }">{{$t('product.create')}}</el-breadcrumb-item> |
|---|
| | | <!-- <el-breadcrumb-item :to="{ path: '/main/product/test' }">测试</el-breadcrumb-item>--> |
|---|
| | | <!-- <el-breadcrumb-item :to="{ path: '/main/product/test1' }">测试</el-breadcrumb-item>--> |
|---|
| | | <el-breadcrumb-item v-show="false" :to="{ path: '/main/product/test1' }">测试</el-breadcrumb-item> |
|---|
| | | <!-- <el-breadcrumb-item :to="{ path: '/main/product/testSort11' }">测试</el-breadcrumb-item>--> |
|---|
| | | <el-breadcrumb-item v-show="false" :to="{ path: '/main/product/test1' }">测试</el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="main-body"> |
|---|
| | | <router-view /> |
|---|
| | | <router-view :key="route.fullPath" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | #select{ |
|---|
| | | margin-left:0.5rem; |
|---|
| | | } |
|---|
| | | :deep(.indexTag .el-breadcrumb__inner){ |
|---|
| | | color: #5CADFE !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
