From accebdce93486d3b4f26e55ffdea047549cce20c Mon Sep 17 00:00:00 2001 From: cuijian <cuijian@xalxzn.com> Date: 星期一, 28 七月 2025 21:12:38 +0800 Subject: [PATCH] Merge branch 'master' of http://125.76.225.53:18448/r/xhj/vue_mdc_xhj --- src/views/mdc/base/WorkshopSignageEntrance.vue | 94 +++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 94 insertions(+), 0 deletions(-) diff --git a/src/views/mdc/base/WorkshopSignageEntrance.vue b/src/views/mdc/base/WorkshopSignageEntrance.vue new file mode 100644 index 0000000..4a8d2cc --- /dev/null +++ b/src/views/mdc/base/WorkshopSignageEntrance.vue @@ -0,0 +1,94 @@ +<template> + <div class="page-container"> + <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> + +<script> + import api from '@/api/mdc' + + export default { + name: 'WorkshopSignageEntrance', + data() { + return { + indexStyle: 1, + workshopList: [] + } + }, + created() { + this.getWorkshopListByApi() + }, + methods: { + /** + * 閫氳繃杞﹂棿Id璺宠浆鑷崇浉搴旇溅闂村ぇ灞忕湅鏉� + * @param id 杞﹂棿Id + */ + navigateToWorkshopSignage(id) { + 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') + }, + + /** + * 鑾峰彇杞﹂棿鍒楄〃 + */ + getWorkshopListByApi() { + api.getWorkshopListInHomePageApi().then(res => { + console.log('res', res) + if (res.result && res.result.length > 0) { + this.workshopList = res.result + } + }) + } + } + } +</script> + +<style lang="less" scoped> + .page-container { + padding: 30px 30px 0; + + .workshop-name { + /*width: 100%;*/ + background: #fff; + padding: 55px 0; + border-radius: 20px; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 30px; + cursor: pointer; + margin: 0 8px; + } + } + +</style> \ No newline at end of file -- Gitblit v1.9.3