| | |
| | | <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>--> |
| | |
| | | <!--<!–<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> |
| | | |
| | |
| | | |
| | | <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> |