From 8c168889e5ef37b4d334827108615e762511c622 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期二, 26 十二月 2023 11:39:25 +0800 Subject: [PATCH] 1、根页面网站标题由统计分析调整为MDC智慧车间 2、车间看板页面优化代码,去除冗余代码,试图解决新增车间后设备无法自由拖拽问题(未在现场调试,本地调试无问题) 3、车间看板页面全屏模式进入车间后车间背景图无法正常计算高度 4、车间看板与设备监控页面设备详情弹窗调整数据过长则省略的判定条件 5、首页优化布局方式,实现响应式布局 --- src/views/dashboard/Analysis.vue | 42 +++++++++++++++++++++--------------------- 1 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index edb65db..209c1ab 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,5 +1,5 @@ <template> - <div class="page-container" style="width: 100%"> + <div class="page-container"> <!--<index-chart v-if="indexStyle==1"></index-chart>--> <!--<index-bdc v-if="indexStyle==2"></index-bdc>--> <!--<index-task v-if="indexStyle==3"></index-task>--> @@ -11,14 +11,15 @@ <!--<!–<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>–>--> <!--<!–</a-radio-group>–>--> <!--</div>--> - <!--<a-button type="primary" size="large" v-for="item in workshopList" :key="item.workshopId"--> - <!--@click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}--> - <!--</a-button>--> - <a-card v-for="item in workshopList" :key="item.workshopId" - @click="navigateToWorkshopSignage(item.id)" class="workshop-entrance"> - {{item.workshopName}} - </a-card> + <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> + </div> </template> @@ -70,21 +71,20 @@ <style lang="less" scoped> .page-container { - width: 100%; - display: flex; - flex-wrap: wrap; + padding: 30px 30px 0; - .workshop-entrance { - font-size: 30px; - background-color: #fff; - width: 300px; - height: 140px; - display: flex; - justify-content: center; - align-items: center; - margin: 30px 38px; - cursor: pointer; + .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; } } + </style> \ No newline at end of file -- Gitblit v1.9.3