| | |
| | | <template> |
| | | <div class="page-container"> |
| | | <h1>车间布局看板</h1> |
| | | <a-list |
| | | :grid="{gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }" |
| | | :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> |
| | | |
| | | <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> |
| | | <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> |
| | | |