简化代码，优化排版 (df049f90) · Commits · sustech-online / sustech-online-ng

docs/.vuepress/client.js

+0 −2

Original line number	Diff line number	Diff line
		@@ -4,7 +4,6 @@ import TabView from "./components/TabView.vue";
		import RealtimeMap from './components/RealtimeMap.vue'
		import WeatherSpan from './components/weather-span.vue'
		import BusChartVue from './components/BusChartVue.vue'

		import Canteen from './components/Canteen.vue'

		export default defineClientConfig({
		@@ -14,7 +13,6 @@ export default defineClientConfig({
		app.component("RealtimeMap", RealtimeMap)
		app.component("WeatherSpan", WeatherSpan)
		app.component("BusChartVue", BusChartVue)

		app.component("Canteen", Canteen)
		},
		})

+9 −17

Original line number	Diff line number	Diff line
		<template>
		<div>
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#49BF7C',
		},
		}">
		<a-segmented v-model:value="initSelect" :options="tabOptions" @change="switchTab">
		<template #label="{ payload }">
		<div style="padding: 4px 2px">
		@@ -13,7 +8,6 @@
		</div>
		</template>
		</a-segmented>
		</a-config-provider>

		<div class="tab-container">
		<div v-if="currentSelect === 'realtime-queue-length'">
		@@ -34,9 +28,8 @@
		</template>

		<script>
		import { ConfigProvider } from 'ant-design-vue';
		import { Segmented } from 'ant-design-vue';
		import { watch, ref } from 'vue';
		import { ref } from 'vue';

		import RealtimeTraffic from './canteen/RealtimeTraffic.vue'
		import TrendChart from './canteen/TrendChart.vue';
		@@ -50,7 +43,6 @@ export default {
		RealtimeTraffic,
		TrendChart,
		Menu

		},
		data() {
		return {

+1 −1

Original line number	Diff line number	Diff line
		@@ -36,7 +36,7 @@
		<script>
		import { ConfigProvider } from 'ant-design-vue';
		import { Segmented } from 'ant-design-vue';
		import { watch, ref } from 'vue';
		import { ref } from 'vue';

		export default {
		name: 'TabView',

+5 −11

Original line number	Diff line number	Diff line
		<template>
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#49BF7C',
		},
		}">
		<a-button v-for="(value, key, index) in objs" :key="index" @click="select(key)"
		:class="key == keySelected ? 'selected' : 'unselected'" :type="key == keySelected ? 'primary' : 'default'" size="large">
		:class="key == keySelected ? 'selected' : 'unselected'" :type="key == keySelected ? 'primary' : 'default'"
		size="large">
		{{ key }}
		</a-button>
		</a-config-provider>

		<slot v-bind:selected="objs[keySelected]"></slot>
		</template>
		@@ -19,7 +14,6 @@ import { Button as AButton } from 'ant-design-vue';
		export default {
		components: {
		AButton,
		AConfigProvider: ConfigProvider
		},
		data() {
		return {

+34 −22

Original line number	Diff line number	Diff line
		<template>
		<div id="bustable">
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#ED6D00',
		},
		}">
		<object-selector :objs="{
		'中心餐厅 \| Center Cafeteria': true,
		'十栋餐厅 \| Building 10 No.2 Cafeteria': false
		}" v-slot="canteenProps">
		<br />
		<br />
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#49BF7C',
		},
		}">
		<object-selector :objs="canteenProps.selected ? {
		'麻辣烫 \| Spicy Hot Pot': 11,
		'大众菜左 \| Popular Dishes': 12,
		@@ -21,12 +30,14 @@
		</data-request>
		</div>
		</object-selector>

		</a-config-provider>
		</object-selector>
		</a-config-provider>
		</div>
		</template>

		<script>
		import { ConfigProvider } from 'ant-design-vue';
		import ECharts from 'vue-echarts';
		import { use } from 'echarts/core';

		@@ -50,6 +61,7 @@ use([
		export default {
		name: "TrendChart",
		components: {
		AConfigProvider: ConfigProvider,
		'data-request': DataRequest,
		'object-selector': ObjectSelector,
		'v-chart': ECharts