From 1ed431e10a1b204759c2a15d1d6f676a16301729 Mon Sep 17 00:00:00 2001
From: gtz217 <535262213@qq.com>
Date: Mon, 7 Mar 2022 19:48:14 +0800
Subject: [PATCH] update

---
 package.json                    |    2 +-
 src/lang/i18n.js                |    4 +-
 src/router/index.js             |   26 +-
 src/styles/index.scss           |   37 +
 src/views/dashboard/index.vue   |  173 +-
 src/views/dashboard/testdata.js | 2953 +++++++++++++++++++++++++++++++
 6 files changed, 3175 insertions(+), 20 deletions(-)
 create mode 100644 src/views/dashboard/testdata.js

diff --git a/package.json b/package.json
index 5252f77..1504025 100644
--- a/package.json
+++ b/package.json
@@ -97,7 +97,7 @@
     "@vue/test-utils": "1.0.0-beta.29",
     "autoprefixer": "^9.5.1",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "10.0.1",
+    "babel-eslint": "^8.2.2",
     "babel-jest": "23.6.0",
     "chalk": "2.4.2",
     "chokidar": "2.1.5",
diff --git a/src/lang/i18n.js b/src/lang/i18n.js
index a56ab68..83d571c 100644
--- a/src/lang/i18n.js
+++ b/src/lang/i18n.js
@@ -254,8 +254,8 @@ export default {
   },
   routerTitle: {
     dashboard: {
-      zh: '仪表盘',
-      en: 'Dashboard'
+      zh: '首页',
+      en: 'Home'
     },
     basic: {
       zh: '系统管理',
diff --git a/src/router/index.js b/src/router/index.js
index 6994c7e..125507f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -57,19 +57,19 @@ export const constantRoutes = [
     component: () => import('@/views/login/index'),
     hidden: true
   },
-  // {
-  //   path: '/',
-  //   component: Layout,
-  //   redirect: '/dashboard',
-  //   children: [
-  //     {
-  //       path: 'dashboard',
-  //       component: () => import('@/views/dashboard/index'),
-  //       name: 'Dashboard',
-  //       meta: { title: routerTitle.dashboard?.[language] || routerTitle.dashboard.en, icon: 'form', iconPart: 'dashboard', affix: true, required: true, requireToken: true }
-  //     }
-  //   ]
-  // },
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/dashboard',
+    children: [
+      {
+        path: 'dashboard',
+        component: () => import('@/views/dashboard/index'),
+        name: 'Dashboard',
+        meta: { title: routerTitle.dashboard?.[language] || routerTitle.dashboard.en, icon: 'form', iconPart: 'dashboard', affix: true, required: true, requireToken: true }
+      }
+    ]
+  },
   // {
   //   path: '/',
   //   component: () => import('@/views/ChoicePart'),
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 85fab23..a98954f 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -198,3 +198,40 @@ aside {
 .el-dialog__wrapper {
   backdrop-filter: blur(5px);
 }
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-track-piece {
+  background-color:rgba(144,147,153,0);
+}
+
+::-webkit-scrollbar-corner {
+  background-color:rgba(144,147,153,0);
+}
+
+::-webkit-scrollbar-track {
+  width: 6px;
+  background: rgba(144,147,153,0);
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(144,147,153,.5);
+  background-clip: padding-box;
+  min-height: 28px;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+  transition: background-color .3s;
+  cursor: pointer;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(144,147,153,.3);
+}
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 48f5190..ce06f28 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,15 +1,180 @@
+<!--
+ * @Author: gtz
+ * @Date: 2022-03-03 09:16:10
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-03-07 19:47:15
+ * @Description: file content
+ * @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue
+-->
 <template>
   <div class="dashboard-container">
-    <!-- <component :is="currentRole" /> -->
-    <admin-dashboard />
+    <el-card class="dashboard-main">
+      <el-row class="dashboard-title">
+        <div class="dashboard-header-line" />
+        <div class="dashboard-header-title">WMS库存信息</div>
+      </el-row>
+      <el-row class="dashboard-legend">
+        <div v-for="item in cassetteStatusList" :key="'cassette' + item.id" class="dashboard-legend-cassette">
+          <div class="dashboard-legend-cassette-cricle" :style="{background: item.color}" />
+          {{ item.name }}
+        </div>
+        |
+        <div v-for="item in portAttributeList" :key="'port' + item.id" class="dashboard-legend-port" :style="{background: item.color}">
+          {{ item.name }}
+        </div>
+        <div class="dashboard-legend-search">
+          <el-select v-model="current" size="mini" placeholder="请选择库存范围" @change="handleChange">
+            <el-option v-for="item in totalPage" :key="'select' + item" :label="'第' + item + '页'" :value="item" />
+          </el-select>
+        </div>
+      </el-row>
+      <el-row v-if="current * 80 < shelfList[0].rowList[0].portList.length" class="dashboard-layout" :gutter="20">
+        <el-col v-for="item in 4" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
+          <el-row>
+            <el-col v-for="i in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
+              <el-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'}">
+                    <div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status]}" />
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name }}
+                  </div>
+                </el-col>
+              </el-row>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+      <el-row v-else class="dashboard-layout" :gutter="20">
+        <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-col v-for="i 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-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'}">
+                    <div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status]}" />
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name }}
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row v-else>
+                <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 shelfList[0].rowList[0].portList.length - (item - 1) * 20 - (current - 1) * 80" :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'}">
+                    <div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status]}" />
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name }}
+                  </div>
+                </el-col>
+              </el-row>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-card>
   </div>
 </template>
 
 <script>
-import AdminDashboard from './admin'
+import testdata from './testdata'
 
 export default {
   name: 'Dashboard',
-  components: { AdminDashboard }
+  data() {
+    return testdata
+  },
+  created() {
+    console.log(this.shelfList)
+    this.totalPage = Math.ceil(this.shelfList[0].rowList[0].portList.length / 80)
+  },
+  methods: {
+    handleChange(v) {
+      console.log(v)
+    }
+  }
 }
 </script>
+
+<style lang="scss" scoped>
+.dashboard-container {
+  background: #F2F4F9;
+  min-height: calc(100vh - 134px);
+  overflow-x: scroll;
+  padding: 0 16px;
+  padding-top: 24px;
+  .dashboard-main {
+    width: 100%;
+    min-width: 1380px;
+    background-color: #fff;
+    border-radius: 8px;
+    min-height: calc(100vh - 186px);
+    .dashboard-title {
+      .dashboard-header-line{
+        display: inline-block;
+        width: 4px;
+        height: 16px;
+        background: #0B58FF;
+        border-radius: 1px;
+        position: relative;
+        top: 2px;
+        margin-right: 4px;
+      }
+      .dashboard-header-title{
+        display: inline-block;
+        font-size: 16px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #000000;
+        line-height: 16px;
+      }
+    }
+    .dashboard-legend {
+      margin-top: 20px;
+      .dashboard-legend-cassette {
+        display: inline-block;
+        margin-right: 24px;
+        .dashboard-legend-cassette-cricle {
+          display: inline-block;
+          width: 12px;
+          height: 12px;
+          border-radius: 6px;
+        }
+      }
+      .dashboard-legend-port {
+        display: inline-block;
+        height: 24px;
+        line-height: 24px;
+        border-radius: 4px;
+        padding: 0 16px;
+        margin-left: 24px;
+      }
+      .dashboard-legend-search {
+        float: right;
+      }
+    }
+    .dashboard-layout {
+      margin: 20px 0;
+      .dashboard-layout-shelf-box {
+        .dashboard-layout-shelf {
+          padding: 0 8px;
+          .dashboard-layout-row {
+            padding: 0 1px;
+            .dashboard-layout-item {
+              width: 100%;
+              text-align: center;
+              height: 32px;
+              line-height: 32px;
+              box-shadow: 0px 3px 6px 0px rgba(166, 174, 190, 0.8);
+              border-radius: 2px 4px 4px 2px;
+              margin-bottom: 8px;
+              .dashboard-layout-item-cricle{
+                display: inline-block;
+                width: 12px;
+                height: 12px;
+                border-radius: 6px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/dashboard/testdata.js b/src/views/dashboard/testdata.js
new file mode 100644
index 0000000..1465a5f
--- /dev/null
+++ b/src/views/dashboard/testdata.js
@@ -0,0 +1,2953 @@
+/*
+ * @Author: gtz
+ * @Date: 2022-03-03 15:47:47
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-03-07 19:08:57
+ * @Description: file content
+ * @FilePath: \mt-ck-wms-ui\src\views\dashboard\testdata.js
+ */
+
+export default {
+  shelfList: [
+    {
+      id: 1,
+      name: 'shelf1',
+      rowList: [
+        {
+          id: 1,
+          name: 'row1',
+          portList: [
+            {
+              id: 1,
+              name: '库位1',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 2,
+              name: '库位2',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 3,
+              name: '库位3',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 4,
+              name: '库位4',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 5,
+              name: '库位5',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 6,
+              name: '库位6',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 7,
+              name: '库位7',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 8,
+              name: '库位8',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 9,
+              name: '库位9',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 10,
+              name: '库位10',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 11,
+              name: '库位11',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 12,
+              name: '库位12',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 13,
+              name: '库位13',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 14,
+              name: '库位14',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 15,
+              name: '库位15',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 16,
+              name: '库位16',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 17,
+              name: '库位17',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 18,
+              name: '库位18',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 19,
+              name: '库位19',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 20,
+              name: '库位20',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 21,
+              name: '库位21',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 22,
+              name: '库位22',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 23,
+              name: '库位23',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 24,
+              name: '库位24',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 25,
+              name: '库位25',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 26,
+              name: '库位26',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 27,
+              name: '库位27',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 28,
+              name: '库位28',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 29,
+              name: '库位29',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 30,
+              name: '库位30',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 31,
+              name: '库位31',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 32,
+              name: '库位32',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 33,
+              name: '库位33',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 34,
+              name: '库位34',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 35,
+              name: '库位35',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 36,
+              name: '库位36',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 37,
+              name: '库位37',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 38,
+              name: '库位38',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 39,
+              name: '库位39',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 40,
+              name: '库位40',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 41,
+              name: '库位41',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 42,
+              name: '库位42',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 43,
+              name: '库位43',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 44,
+              name: '库位44',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 45,
+              name: '库位45',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 46,
+              name: '库位46',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 47,
+              name: '库位47',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 48,
+              name: '库位48',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 49,
+              name: '库位49',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 50,
+              name: '库位50',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 51,
+              name: '库位51',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 52,
+              name: '库位52',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 53,
+              name: '库位53',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 54,
+              name: '库位54',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 55,
+              name: '库位55',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 56,
+              name: '库位56',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 57,
+              name: '库位57',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 58,
+              name: '库位58',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 59,
+              name: '库位59',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 60,
+              name: '库位60',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 61,
+              name: '库位61',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 62,
+              name: '库位62',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 63,
+              name: '库位63',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 64,
+              name: '库位64',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 65,
+              name: '库位65',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 66,
+              name: '库位66',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 67,
+              name: '库位67',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 68,
+              name: '库位68',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 69,
+              name: '库位69',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 70,
+              name: '库位70',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 71,
+              name: '库位71',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 72,
+              name: '库位72',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 73,
+              name: '库位73',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 74,
+              name: '库位74',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 75,
+              name: '库位75',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 76,
+              name: '库位76',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 77,
+              name: '库位77',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 78,
+              name: '库位78',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 79,
+              name: '库位79',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 80,
+              name: '库位80',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 81,
+              name: '库位1',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 82,
+              name: '库位2',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 83,
+              name: '库位3',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 84,
+              name: '库位4',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 85,
+              name: '库位5',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 86,
+              name: '库位6',
+              attribute: 2,
+              cassetteList: [
+                { id: 1, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 87,
+              name: '库位7',
+              attribute: 1,
+              cassetteList: [
+                { id: 2, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 88,
+              name: '库位8',
+              attribute: 2,
+              cassetteList: [
+                { id: 3, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 89,
+              name: '库位9',
+              attribute: 3,
+              cassetteList: [
+                { id: 4, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 90,
+              name: '库位10',
+              attribute: 1,
+              cassetteList: [
+                { id: 5, name: 'cassette', status: 3 }
+              ]
+            }
+          ]
+        },
+        {
+          id: 2,
+          name: 'row2',
+          portList: [
+            {
+              id: 101,
+              name: '库位101',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 102,
+              name: '库位102',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 103,
+              name: '库位103',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 104,
+              name: '库位104',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 105,
+              name: '库位105',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 106,
+              name: '库位106',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 107,
+              name: '库位107',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 108,
+              name: '库位108',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 109,
+              name: '库位109',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 110,
+              name: '库位110',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 111,
+              name: '库位111',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 112,
+              name: '库位112',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 113,
+              name: '库位113',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 114,
+              name: '库位114',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 115,
+              name: '库位115',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 116,
+              name: '库位116',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 117,
+              name: '库位117',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 118,
+              name: '库位118',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 119,
+              name: '库位119',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 120,
+              name: '库位120',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 121,
+              name: '库位121',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 122,
+              name: '库位122',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 123,
+              name: '库位123',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 124,
+              name: '库位124',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 125,
+              name: '库位125',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 126,
+              name: '库位126',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 127,
+              name: '库位127',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 128,
+              name: '库位128',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 129,
+              name: '库位129',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 130,
+              name: '库位130',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 131,
+              name: '库位131',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 132,
+              name: '库位132',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 133,
+              name: '库位133',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 134,
+              name: '库位134',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 135,
+              name: '库位135',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 136,
+              name: '库位136',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 137,
+              name: '库位137',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 138,
+              name: '库位138',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 139,
+              name: '库位139',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 140,
+              name: '库位140',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 141,
+              name: '库位141',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 142,
+              name: '库位142',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 143,
+              name: '库位143',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 144,
+              name: '库位144',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 145,
+              name: '库位145',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 146,
+              name: '库位146',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 147,
+              name: '库位147',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 148,
+              name: '库位148',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 149,
+              name: '库位149',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 150,
+              name: '库位150',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 151,
+              name: '库位151',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 152,
+              name: '库位152',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 153,
+              name: '库位153',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 154,
+              name: '库位154',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 155,
+              name: '库位155',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 156,
+              name: '库位156',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 157,
+              name: '库位157',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 158,
+              name: '库位158',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 159,
+              name: '库位159',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 160,
+              name: '库位160',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 161,
+              name: '库位161',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 162,
+              name: '库位162',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 163,
+              name: '库位163',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 164,
+              name: '库位164',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 165,
+              name: '库位165',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 166,
+              name: '库位166',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 167,
+              name: '库位167',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 168,
+              name: '库位168',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 169,
+              name: '库位169',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 170,
+              name: '库位170',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 171,
+              name: '库位171',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 172,
+              name: '库位172',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 173,
+              name: '库位173',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 174,
+              name: '库位174',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 175,
+              name: '库位175',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 176,
+              name: '库位176',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 177,
+              name: '库位177',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 178,
+              name: '库位178',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 179,
+              name: '库位179',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 180,
+              name: '库位180',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 181,
+              name: '库位181',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 182,
+              name: '库位182',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 183,
+              name: '库位183',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 184,
+              name: '库位184',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 185,
+              name: '库位185',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 186,
+              name: '库位186',
+              attribute: 2,
+              cassetteList: [
+                { id: 101, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 187,
+              name: '库位187',
+              attribute: 1,
+              cassetteList: [
+                { id: 102, name: 'cassette', status: 3 }
+              ]
+            },
+            {
+              id: 188,
+              name: '库位188',
+              attribute: 2,
+              cassetteList: [
+                { id: 103, name: 'cassette', status: 4 }
+              ]
+            },
+            {
+              id: 189,
+              name: '库位189',
+              attribute: 3,
+              cassetteList: [
+                { id: 104, name: 'cassette', status: 2 }
+              ]
+            },
+            {
+              id: 190,
+              name: '库位190',
+              attribute: 2,
+              cassetteList: [
+                { id: 105, name: 'cassette', status: 4 }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: 'shelf2',
+      rowList: [
+        {
+          id: 3,
+          name: 'row1',
+          portList: [
+            {
+              id: 201,
+              name: '库位201',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 202,
+              name: '库位202',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 203,
+              name: '库位203',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 204,
+              name: '库位204',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 205,
+              name: '库位205',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 206,
+              name: '库位206',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 207,
+              name: '库位207',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 208,
+              name: '库位208',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 209,
+              name: '库位209',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 210,
+              name: '库位210',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 211,
+              name: '库位211',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 212,
+              name: '库位212',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 213,
+              name: '库位213',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 214,
+              name: '库位214',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 215,
+              name: '库位215',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 216,
+              name: '库位216',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 217,
+              name: '库位217',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 218,
+              name: '库位218',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 219,
+              name: '库位219',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 220,
+              name: '库位220',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 221,
+              name: '库位221',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 222,
+              name: '库位222',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 223,
+              name: '库位223',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 224,
+              name: '库位224',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 225,
+              name: '库位225',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 226,
+              name: '库位226',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 227,
+              name: '库位227',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 228,
+              name: '库位228',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 229,
+              name: '库位229',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 230,
+              name: '库位230',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 231,
+              name: '库位231',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 232,
+              name: '库位232',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 233,
+              name: '库位233',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 234,
+              name: '库位234',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 235,
+              name: '库位235',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 236,
+              name: '库位236',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 237,
+              name: '库位237',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 238,
+              name: '库位238',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 239,
+              name: '库位239',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 240,
+              name: '库位240',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 241,
+              name: '库位241',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 242,
+              name: '库位242',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 243,
+              name: '库位243',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 244,
+              name: '库位244',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 245,
+              name: '库位245',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 246,
+              name: '库位246',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 247,
+              name: '库位247',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 248,
+              name: '库位248',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 249,
+              name: '库位249',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 250,
+              name: '库位250',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 251,
+              name: '库位251',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 252,
+              name: '库位252',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 253,
+              name: '库位253',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 254,
+              name: '库位254',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 255,
+              name: '库位255',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 256,
+              name: '库位256',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 257,
+              name: '库位257',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 258,
+              name: '库位258',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 259,
+              name: '库位259',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 260,
+              name: '库位260',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 261,
+              name: '库位261',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 262,
+              name: '库位262',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 263,
+              name: '库位263',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 264,
+              name: '库位264',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 265,
+              name: '库位265',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 266,
+              name: '库位266',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 267,
+              name: '库位267',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 268,
+              name: '库位268',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 269,
+              name: '库位269',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 270,
+              name: '库位270',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 271,
+              name: '库位271',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 272,
+              name: '库位272',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 273,
+              name: '库位273',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 274,
+              name: '库位274',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 275,
+              name: '库位275',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 276,
+              name: '库位276',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 277,
+              name: '库位277',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 278,
+              name: '库位278',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 279,
+              name: '库位279',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 280,
+              name: '库位280',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 281,
+              name: '库位281',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 282,
+              name: '库位282',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 283,
+              name: '库位283',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 284,
+              name: '库位284',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 285,
+              name: '库位285',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 286,
+              name: '库位286',
+              attribute: 2,
+              cassetteList: [
+                { id: 201, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 287,
+              name: '库位287',
+              attribute: 1,
+              cassetteList: [
+                { id: 202, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 288,
+              name: '库位288',
+              attribute: 2,
+              cassetteList: [
+                { id: 203, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 289,
+              name: '库位289',
+              attribute: 1,
+              cassetteList: [
+                { id: 204, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 290,
+              name: '库位290',
+              attribute: 3,
+              cassetteList: [
+                { id: 205, name: 'cassette', status: 1 }
+              ]
+            }
+          ]
+        },
+        {
+          id: 4,
+          name: 'row2',
+          portList: [
+            {
+              id: 301,
+              name: '库位301',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 302,
+              name: '库位302',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 303,
+              name: '库位303',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 304,
+              name: '库位304',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 305,
+              name: '库位305',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 306,
+              name: '库位306',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 307,
+              name: '库位307',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 308,
+              name: '库位308',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 309,
+              name: '库位309',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 310,
+              name: '库位310',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 311,
+              name: '库位311',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 312,
+              name: '库位312',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 313,
+              name: '库位313',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 314,
+              name: '库位314',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 315,
+              name: '库位315',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 316,
+              name: '库位316',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 317,
+              name: '库位317',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 318,
+              name: '库位318',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 319,
+              name: '库位319',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 320,
+              name: '库位320',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 321,
+              name: '库位321',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 322,
+              name: '库位322',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 323,
+              name: '库位323',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 324,
+              name: '库位324',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 325,
+              name: '库位325',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 326,
+              name: '库位326',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 327,
+              name: '库位327',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 328,
+              name: '库位328',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 329,
+              name: '库位329',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 330,
+              name: '库位330',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 331,
+              name: '库位331',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 332,
+              name: '库位332',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 333,
+              name: '库位333',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 334,
+              name: '库位334',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 335,
+              name: '库位335',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 336,
+              name: '库位336',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 337,
+              name: '库位337',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 338,
+              name: '库位338',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 339,
+              name: '库位339',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 340,
+              name: '库位340',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 341,
+              name: '库位341',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 342,
+              name: '库位342',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 343,
+              name: '库位343',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 344,
+              name: '库位344',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 345,
+              name: '库位345',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 346,
+              name: '库位346',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 347,
+              name: '库位347',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 348,
+              name: '库位348',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 349,
+              name: '库位349',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 350,
+              name: '库位350',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 351,
+              name: '库位351',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 352,
+              name: '库位352',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 353,
+              name: '库位353',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 354,
+              name: '库位354',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 355,
+              name: '库位355',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 356,
+              name: '库位356',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 357,
+              name: '库位357',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 358,
+              name: '库位358',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 359,
+              name: '库位359',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 360,
+              name: '库位360',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 361,
+              name: '库位361',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 362,
+              name: '库位362',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 363,
+              name: '库位363',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 364,
+              name: '库位364',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 365,
+              name: '库位365',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 366,
+              name: '库位366',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 367,
+              name: '库位367',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 368,
+              name: '库位368',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 369,
+              name: '库位369',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 370,
+              name: '库位370',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 371,
+              name: '库位371',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 372,
+              name: '库位372',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 373,
+              name: '库位373',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 374,
+              name: '库位374',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 375,
+              name: '库位375',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 376,
+              name: '库位376',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 377,
+              name: '库位377',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 378,
+              name: '库位378',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 379,
+              name: '库位379',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 380,
+              name: '库位380',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 381,
+              name: '库位381',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 382,
+              name: '库位382',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 383,
+              name: '库位383',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 384,
+              name: '库位384',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 385,
+              name: '库位385',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 386,
+              name: '库位386',
+              attribute: 2,
+              cassetteList: [
+                { id: 301, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 387,
+              name: '库位387',
+              attribute: 1,
+              cassetteList: [
+                { id: 302, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 388,
+              name: '库位388',
+              attribute: 2,
+              cassetteList: [
+                { id: 303, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 389,
+              name: '库位389',
+              attribute: 2,
+              cassetteList: [
+                { id: 304, name: 'cassette', status: 1 }
+              ]
+            },
+            {
+              id: 390,
+              name: '库位390',
+              attribute: 3,
+              cassetteList: [
+                { id: 305, name: 'cassette', status: 1 }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  portAttributeList: [
+    { id: 1, name: 'Working Port', color: '#D8E5FF' },
+    { id: 2, name: 'Buffer Port', color: '#FFF8E8' },
+    { id: 3, name: 'Exception Port', color: '#F6F6F6' }
+  ],
+  portAttributeObj: {
+    1: '#D8E5FF',
+    2: '#FFF8E8',
+    3: '#F6F6F6'
+  },
+  cassetteStatusList: [
+    { id: 1, name: 'Empty Cassette', color: '#7362F3' },
+    { id: 2, name: 'Dummy Cassette', color: '#FFD781' },
+    { id: 3, name: 'OK Cassette', color: '#16DC09' },
+    { id: 4, name: 'NOK Cassette', color: '#FFA08F' }
+  ],
+  cassetteStatusObj: {
+    1: '#7362F3',
+    2: '#FFD781',
+    3: '#16DC09',
+    4: '#FFA08F'
+  },
+  current: 1,
+  totalPage: 1
+}
-- 
2.45.2