|
@@ -2,7 +2,7 @@ |
|
|
* @Author: gtz |
|
|
* @Author: gtz |
|
|
* @Date: 2022-03-03 09:16:10 |
|
|
* @Date: 2022-03-03 09:16:10 |
|
|
* @LastEditors: gtz |
|
|
* @LastEditors: gtz |
|
|
* @LastEditTime: 2022-03-07 20:14:55 |
|
|
|
|
|
|
|
|
* @LastEditTime: 2022-03-08 14:34:24 |
|
|
* @Description: file content |
|
|
* @Description: file content |
|
|
* @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue |
|
|
* @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue |
|
|
--> |
|
|
--> |
|
@@ -31,7 +31,7 @@ |
|
|
<el-row v-if="current * 80 < shelfList[0].rowList[0].portList.length" class="dashboard-layout" :gutter="12"> |
|
|
<el-row v-if="current * 80 < shelfList[0].rowList[0].portList.length" class="dashboard-layout" :gutter="12"> |
|
|
<el-col v-for="item in 4" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6"> |
|
|
<el-col v-for="item in 4" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6"> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col v-for="i in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf"> |
|
|
|
|
|
|
|
|
<el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf"> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row"> |
|
|
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row"> |
|
|
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}"> |
|
|
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}"> |
|
@@ -40,6 +40,9 @@ |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
<div class="dashboard-layout-footer"> |
|
|
|
|
|
{{ '第' + (index + 1) + '排(' + ((current - 1) * 4 + item) + ')' }} |
|
|
|
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-col> |
|
|
</el-col> |
|
@@ -47,7 +50,7 @@ |
|
|
<el-row v-else class="dashboard-layout" :gutter="12"> |
|
|
<el-row v-else class="dashboard-layout" :gutter="12"> |
|
|
<el-col v-for="item in Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6"> |
|
|
<el-col v-for="item in Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6"> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col v-for="i in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf"> |
|
|
|
|
|
|
|
|
<el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf"> |
|
|
<el-row v-if="item < Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)"> |
|
|
<el-row v-if="item < Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)"> |
|
|
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row"> |
|
|
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row"> |
|
|
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}"> |
|
|
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}"> |
|
@@ -64,6 +67,9 @@ |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
<div class="dashboard-layout-footer"> |
|
|
|
|
|
{{ '第' + (index + 1) + '排(' + ((current - 1) * 4 + item) + ')' }} |
|
|
|
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-col> |
|
|
</el-col> |
|
@@ -153,6 +159,10 @@ export default { |
|
|
.dashboard-layout { |
|
|
.dashboard-layout { |
|
|
margin: 20px 0; |
|
|
margin: 20px 0; |
|
|
.dashboard-layout-shelf-box { |
|
|
.dashboard-layout-shelf-box { |
|
|
|
|
|
.dashboard-layout-footer { |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
margin-top: 12px; |
|
|
|
|
|
} |
|
|
.dashboard-layout-shelf { |
|
|
.dashboard-layout-shelf { |
|
|
padding: 0 8px; |
|
|
padding: 0 8px; |
|
|
.dashboard-layout-row { |
|
|
.dashboard-layout-row { |
|
|