From 54c22f2f0e98c35e48cdad6c4d0299d08beea630 Mon Sep 17 00:00:00 2001 From: Lius <Lius2225@163.com> Date: 星期一, 28 七月 2025 10:15:13 +0800 Subject: [PATCH] update --- src/views/mdc/base/WorkshopSignageEntrance.vue | 41 +++++++++++++++++++++++++++++++++-------- 1 files changed, 33 insertions(+), 8 deletions(-) diff --git a/src/views/mdc/base/WorkshopSignageEntrance.vue b/src/views/mdc/base/WorkshopSignageEntrance.vue index 05b5f38..4a8d2cc 100644 --- a/src/views/mdc/base/WorkshopSignageEntrance.vue +++ b/src/views/mdc/base/WorkshopSignageEntrance.vue @@ -1,12 +1,26 @@ <template> <div class="page-container"> - <a-list - :grid="{ gutter: [{xs: 0, sm: 24, md: 24, lg: 56, xl: 64, xxl: 80},20], xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 4 }" - :data-source="workshopList"> - <a-list-item slot="renderItem" slot-scope="item, index"> - <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div> - </a-list-item> - </a-list> + <a-row> + <h1>杞﹂棿甯冨眬鐪嬫澘</h1> + <a-list :grid="{gutter: 16, column:4}"> + <a-list-item v-for="item in workshopList" :key="item.id"> + <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div> + </a-list-item> + </a-list> + </a-row> + + + <a-row> + <h1>鍒嗙骇鐪嬫澘</h1> + <a-list :grid="{gutter: 16, column:4}"> + <a-list-item> + <div class="workshop-name" @click="navigateToWorkshopSignageByUrl('/GradeWorkshopSignage')">鍒嗙骇鐪嬫澘</div> + </a-list-item> + <a-list-item> + <div class="workshop-name" @click="navigateToWorkshopSignageByUrl('/RepairWorkshopSignage')">缁翠慨鐪嬫澘</div> + </a-list-item> + </a-list> + </a-row> </div> </template> @@ -33,6 +47,16 @@ const url = this.$router.resolve(`/MdcWorkshopSignage/${id}`).href window.open(url, '_blank') }, + + /** + * 閫氳繃杞﹂棿Url鍦板潃璺宠浆鑷冲搴斿ぇ灞忕湅鏉� + * @param httpUrl 杞﹂棿Url鍦板潃 + */ + navigateToWorkshopSignageByUrl(httpUrl) { + const url = this.$router.resolve(httpUrl).href + window.open(url, '_blank') + }, + /** * 鑾峰彇杞﹂棿鍒楄〃 */ @@ -53,7 +77,7 @@ padding: 30px 30px 0; .workshop-name { - width: 100%; + /*width: 100%;*/ background: #fff; padding: 55px 0; border-radius: 20px; @@ -63,6 +87,7 @@ text-overflow: ellipsis; font-size: 30px; cursor: pointer; + margin: 0 8px; } } -- Gitblit v1.9.3