From becfd8257727daca9eb66f853c10dd1a2f5c8ee3 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期一, 30 十月 2023 15:31:39 +0800 Subject: [PATCH] 优化首页布局 --- src/views/dashboard/Analysis.vue | 106 ++++++++++++++++++++++++++++++++++++++++++++-------- src/views/system/modules/WorkshopModal.vue | 3 - 2 files changed, 89 insertions(+), 20 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index 505d8a7..4f4d329 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,6 +1,6 @@ <template> - <div> - <index-chart v-if="indexStyle==1"></index-chart> + <div class="page-container" style="width: 100%"> + <!--<index-chart v-if="indexStyle==1"></index-chart>--> <!--<index-bdc v-if="indexStyle==2"></index-bdc>--> <!--<index-task v-if="indexStyle==3"></index-task>--> <!--<div style="width: 100%;text-align: right;margin-top: 20px">--> @@ -11,9 +11,14 @@ <!--<!–<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-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> </div> </template> @@ -35,21 +40,67 @@ indexStyle: 1, workshopList: [ { - workshopName: '闀挎矙杞﹂棿', + workshopName: '408杞﹂棿', id: '5321' }, { - workshopName: '澶╂触杞﹂棿', - id: '6312' + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' + }, { + workshopName: '408杞﹂棿', + id: '5321' }, - { - workshopName: '姝︽眽杞﹂棿', - id: '3463' - }, - { - workshopName: '鍖椾含杞﹂棿', - id: '8421' - } ] } }, @@ -78,4 +129,25 @@ } } } -</script> \ No newline at end of file +</script> + +<style lang="less" scoped> + .page-container { + width: 100%; + display: flex; + flex-wrap: wrap; + + .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; + border-radius: 20px; + } + } +</style> \ No newline at end of file diff --git a/src/views/system/modules/WorkshopModal.vue b/src/views/system/modules/WorkshopModal.vue index 5c74232..364a8fa 100644 --- a/src/views/system/modules/WorkshopModal.vue +++ b/src/views/system/modules/WorkshopModal.vue @@ -12,9 +12,6 @@ <a-spin :spinning="confirmLoading"> <a-form-model ref="form" v-bind="layout" :model="model" :rules="validatorRules"> - <a-form-model-item label="杞﹂棿缂栧彿" required prop="id"> - <a-input v-model="model.id" :disabled="isEdit" placeholder="璇疯緭鍏ヨ溅闂寸紪鍙�"/> - </a-form-model-item> <a-form-model-item label="杞﹂棿鍚嶇О" required prop="workshopName"> <a-input v-model="model.workshopName" placeholder="璇疯緭鍏ヨ溅闂村悕绉�"/> </a-form-model-item> -- Gitblit v1.9.3