1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- <template>
- <div class="page_configureCenter">
- <div class="configureCenterTitle">
- <i class="iconfont icon-zuojiantou jiantou" @click="$router.go(-1)"></i>
- <span class="titleName">配置中心</span>
- </div>
- <div class="configureCenterMain">
- <van-tabs v-model="active" sticky>
- <van-tab title="分区">
- <partition :active="active"></partition>
- </van-tab>
- <van-tab title="分组">
- <grouping :active="active"></grouping>
- </van-tab>
- <van-tab title="床位">
- <bed :active="active"></bed>
- </van-tab>
- </van-tabs>
- </div>
- </div>
- </template>
-
- <script>
- import Partition from "@/pages/configureCenter/components/Partition";
- import Grouping from "@/pages/configureCenter/components/Grouping";
- import Bed from "@/pages/configureCenter/components/Bed";
- import { setRem } from "@/libs/functionRem";
- export default {
- components: {
- Partition,
- Grouping,
- Bed
- },
- data() {
- return {
- active: 0
- };
- },
- methods: {
- toReturn() {
- this.$router.push("/manageconsole");
- }
- },
- created() {
- setRem()
- // if (this.$route.query.active) {
- // this.active = parseInt(this.$route.query.active);
- // console.log("ac", this.active);
- // }
- }
- };
- </script>
-
- <style lang="scss" scoped>
- .page_configureCenter {
- height: 100%;
- overflow: hidden;
- overflow-y: auto;
- .configureCenterTitle {
- background: #fff;
- padding: 0 1.125rem;
- height: 3.125rem;
- display: flex;
- align-items: center;
- }
- .jiantou {
- font-size: 1.5rem;
- font-weight: 600;
- margin-right: 7rem;
- }
- .titleName {
- font-size: 1.125rem;
- font-weight: 600;
- }
- }
- </style>
- <style lang="scss">
- .page_configureCenter {
- .van-tabs__line {
- background: #5b98ff;
- }
- .van-tab--active {
- font-size: 1rem;
- color: #000;
- font-weight: bold;
- }
- }
- </style>
|