From 6d4594b338a9b7750ef40001daf0b754e194f2c0 Mon Sep 17 00:00:00 2001
From: gtz217 <535262213@qq.com>
Date: Wed, 16 Mar 2022 19:14:00 +0800
Subject: [PATCH] update

---
 src/api/dashboard.js                          |  27 +
 src/lang/i18n/en/module/dashboard.js          |  12 +-
 src/lang/i18n/zh/module/dashboard.js          |  12 +-
 src/views/dashboard/components/PortDetail.vue |  79 ++
 src/views/dashboard/index.vue                 |  67 +-
 src/views/dashboard/testdata.js               | 767 +++++++++---------
 6 files changed, 557 insertions(+), 407 deletions(-)
 create mode 100644 src/api/dashboard.js
 create mode 100644 src/views/dashboard/components/PortDetail.vue

diff --git a/src/api/dashboard.js b/src/api/dashboard.js
new file mode 100644
index 0000000..45ec4f8
--- /dev/null
+++ b/src/api/dashboard.js
@@ -0,0 +1,27 @@
+/*
+ * @Author: gtz
+ * @Date: 2022-03-16 16:08:06
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-03-16 16:45:41
+ * @Description: file content
+ * @FilePath: \mt-ck-wms-ui\src\api\dashboard.js
+ */
+import request from '@/utils/request'
+
+// 获取菜单列表
+export function getPortList(data) {
+  return request({
+    url: '/api/wms/location/shelfList',
+    method: 'post',
+    data
+  })
+}
+
+// 获取菜单详情
+export function getPortDetail(id) {
+  return request({
+    url: '/api/wms/storage/box/circ/info/getByLocationId',
+    method: 'post',
+    data: { id }
+  })
+}
diff --git a/src/lang/i18n/en/module/dashboard.js b/src/lang/i18n/en/module/dashboard.js
index 2029cf6..00b6fbb 100644
--- a/src/lang/i18n/en/module/dashboard.js
+++ b/src/lang/i18n/en/module/dashboard.js
@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-03-15 16:42:34
  * @LastEditors: gtz
- * @LastEditTime: 2022-03-15 16:58:26
+ * @LastEditTime: 2022-03-16 19:08:39
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\lang\i18n\en\module\dashboard.js
  */
@@ -12,5 +12,13 @@ export default {
   second: 'Second Row',
   title: 'WMS Inventory Information',
   pageHeader: 'No.',
-  pageFooter: ' Page'
+  pageFooter: ' Page',
+  currLocation: 'Current Location',
+  isEmpty: 'Is Empty',
+  status: 'Status',
+  storageBoxCode: 'Cassette Code',
+  empty: 'Empty',
+  notEmpty: 'Not Empty',
+  initialize: 'Initialize',
+  finish: 'Finish'
 }
diff --git a/src/lang/i18n/zh/module/dashboard.js b/src/lang/i18n/zh/module/dashboard.js
index 6b4bdb9..c00db54 100644
--- a/src/lang/i18n/zh/module/dashboard.js
+++ b/src/lang/i18n/zh/module/dashboard.js
@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-03-15 16:42:34
  * @LastEditors: gtz
- * @LastEditTime: 2022-03-15 16:58:30
+ * @LastEditTime: 2022-03-16 19:08:19
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\lang\i18n\zh\module\dashboard.js
  */
@@ -12,5 +12,13 @@ export default {
   second: '第二排',
   title: 'WMS库存信息',
   pageHeader: '第',
-  pageFooter: '页'
+  pageFooter: '页',
+  currLocation: '当前库位',
+  isEmpty: '是否为空',
+  status: '状态',
+  storageBoxCode: '存储箱编码',
+  empty: '空箱',
+  notEmpty: '有货',
+  initialize: '初始化',
+  finish: '完成'
 }
diff --git a/src/views/dashboard/components/PortDetail.vue b/src/views/dashboard/components/PortDetail.vue
new file mode 100644
index 0000000..a441313
--- /dev/null
+++ b/src/views/dashboard/components/PortDetail.vue
@@ -0,0 +1,79 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-03-16 19:13:47
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="'btn.detail' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-form ref="dataForm" :model="dataForm" label-width="100px">
+      <el-form-item :label="$t('module.dashboard.currLocation')" prop="currLocation">
+        {{ dataForm.currLocation }}
+      </el-form-item>
+      <el-form-item :label="$t('module.dashboard.storageBoxCode')" prop="storageBoxCode">
+        {{ dataForm.storageBoxCode }}
+      </el-form-item>
+      <el-form-item :label="$t('module.dashboard.isEmpty')" prop="isEmpty">
+        {{ dataForm.isEmpty >= 0 ? emptyDict[dataForm.isEmpty] : '' }}
+      </el-form-item>
+      <el-form-item :label="$t('module.dashboard.status')" prop="status">
+        {{ dataForm.status >= 0 ? statusDict[dataForm.status] : '' }}
+      </el-form-item>
+    </el-form>
+    <div class="drawer-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        code: null,
+        createTime: null,
+        currLocation: null,
+        currLocationId: null,
+        id: null,
+        isEmpty: null,
+        status: null,
+        storageBoxCode: null,
+        storageBoxId: null,
+        updateTime: null
+      },
+      emptyDict: {
+        0: this.$t('module.dashboard.empty'),
+        1: this.$t('module.dashboard.notEmpty')
+      },
+      statusDict: {
+        0: this.$t('module.dashboard.initialize'),
+        1: this.$t('module.dashboard.finish')
+      }
+    }
+  },
+  methods: {
+    init(data) {
+      this.visible = true
+      console.log(data)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.drawer-footer {
+  width: 100%;
+  margin-top: 50px;
+  border-top: 1px solid #e8e8e8;
+  padding: 10px 50px;
+  text-align: left;
+  background: #fff;
+}
+</style>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 5def9bf..af4cd8f 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-03-03 09:16:10
  * @LastEditors: gtz
- * @LastEditTime: 2022-03-15 16:47:57
+ * @LastEditTime: 2022-03-16 19:12:35
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue
 -->
@@ -28,15 +28,15 @@
           </el-select>
         </div>
       </el-row>
-      <el-row v-if="current * 80 < shelfList[0].rowList[0].portList.length" class="dashboard-layout" :gutter="12">
+      <el-row v-if="current * 80 < shelfVoList[0].rowVoList[0].portVoList.length" class="dashboard-layout" :gutter="12">
         <el-col v-for="item in 4" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
           <el-row>
-            <el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
+            <el-col v-for="(i, index) in shelfVoList" :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', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}">
-                    <div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
-                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                <el-col v-for="z in i.rowVoList" :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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}" @click="handlePort(z, x)">
+                    <div v-if="z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0] ? cassetteStatusObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0].status] : ''}" />
+                    {{ z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </div>
                 </el-col>
               </el-row>
@@ -48,22 +48,22 @@
         </el-col>
       </el-row>
       <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((shelfVoList[0].rowVoList[0].portVoList.length - (current - 1) * 80) / 20)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
           <el-row>
-            <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-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-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
-                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+            <el-col v-for="(i, index) in shelfVoList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
+              <el-row v-if="item < Math.ceil((shelfVoList[0].rowVoList[0].portVoList.length - (current - 1) * 80) / 20)">
+                <el-col v-for="z in i.rowVoList" :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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}" @click="handlePort(z, x)">
+                    <div v-if="z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0] ? cassetteStatusObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0].status] : ''}" />
+                    {{ z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </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', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}">
-                    <div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
-                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                <el-col v-for="z in i.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
+                  <div v-for="x in shelfVoList[0].rowVoList[0].portVoList.length - (item - 1) * 20 - (current - 1) * 80" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}" @click="handlePort(z, x)">
+                    <div v-if="z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0] ? cassetteStatusObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0].status] : ''}" />
+                    {{ z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </div>
                 </el-col>
               </el-row>
@@ -75,24 +75,51 @@
         </el-col>
       </el-row>
     </el-card>
+    <port-detail ref="addOrUpdate" />
   </div>
 </template>
 
 <script>
 import testdata from './testdata'
+import { getPortList, getPortDetail } from '@/api/dashboard'
+import portDetail from './components/PortDetail'
 
 export default {
   name: 'Dashboard',
+  components: { portDetail },
   data() {
     return testdata
   },
   created() {
-    console.log(this.shelfList)
-    this.totalPage = Math.ceil(this.shelfList[0].rowList[0].portList.length / 80)
+    this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
+    getPortList().then(res => {
+      console.log(res.data[0].shelfVoList)
+      this.shelfVoList = res.data[0].shelfVoList.map(item => {
+        item.rowVoList.map(i => {
+          i.portVoList.map(z => {
+            if (!(z.attribute)) {
+              z.attribute = 0
+            }
+            return z
+          })
+          return i
+        })
+        return item
+      })
+      this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
+    })
   },
   methods: {
     handleChange(v) {
       console.log(v)
+    },
+    handlePort(z, x) {
+      getPortDetail(z.portVoList[x].id).then(res => {
+        this.addOrUpdateVisible = true
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init(res.data)
+        })
+      })
     }
   }
 }
diff --git a/src/views/dashboard/testdata.js b/src/views/dashboard/testdata.js
index c13c53b..f9fb805 100644
--- a/src/views/dashboard/testdata.js
+++ b/src/views/dashboard/testdata.js
@@ -2,26 +2,26 @@
  * @Author: gtz
  * @Date: 2022-03-03 15:47:47
  * @LastEditors: gtz
- * @LastEditTime: 2022-03-15 16:46:04
+ * @LastEditTime: 2022-03-16 18:31:19
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\views\dashboard\testdata.js
  */
 
 export default {
-  shelfList: [
+  shelfVoList: [
     {
       id: 1,
       name: 'shelf1',
-      rowList: [
+      rowVoList: [
         {
           id: 1,
           name: 'row1',
-          portList: [
+          portVoList: [
             {
               id: 1,
               name: '12001',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -29,13 +29,13 @@ export default {
               id: 2,
               name: '12002',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 3,
               name: '12003',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -43,13 +43,13 @@ export default {
               id: 4,
               name: '12004',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 5,
               name: '12005',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -57,7 +57,7 @@ export default {
               id: 6,
               name: '12006',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -65,13 +65,13 @@ export default {
               id: 7,
               name: '12007',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 8,
               name: '12008',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -79,13 +79,13 @@ export default {
               id: 9,
               name: '12009',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 10,
               name: '12010',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -93,7 +93,7 @@ export default {
               id: 11,
               name: '12011',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -101,13 +101,13 @@ export default {
               id: 12,
               name: '12012',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 13,
               name: '12013',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -115,13 +115,13 @@ export default {
               id: 14,
               name: '12014',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 15,
               name: '12015',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -129,7 +129,7 @@ export default {
               id: 16,
               name: '12016',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -137,13 +137,13 @@ export default {
               id: 17,
               name: '12017',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 18,
               name: '12018',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -151,13 +151,13 @@ export default {
               id: 19,
               name: '12019',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 20,
               name: '12020',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -165,13 +165,13 @@ export default {
               id: 21,
               name: '12021',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 22,
               name: '12022',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -179,7 +179,7 @@ export default {
               id: 23,
               name: '12023',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -187,19 +187,19 @@ export default {
               id: 24,
               name: '12024',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 25,
               name: '12025',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 26,
               name: '12026',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -207,7 +207,7 @@ export default {
               id: 27,
               name: '12027',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -215,19 +215,19 @@ export default {
               id: 28,
               name: '12028',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 29,
               name: '12029',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 30,
               name: '12030',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -235,7 +235,7 @@ export default {
               id: 31,
               name: '12031',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -243,13 +243,13 @@ export default {
               id: 32,
               name: '12032',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 33,
               name: '12033',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -257,13 +257,13 @@ export default {
               id: 34,
               name: '12034',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 35,
               name: '12035',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -271,7 +271,7 @@ export default {
               id: 36,
               name: '12036',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -279,7 +279,7 @@ export default {
               id: 37,
               name: '12037',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -287,25 +287,25 @@ export default {
               id: 38,
               name: '12038',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 39,
               name: '12039',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 40,
               name: '12040',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 41,
               name: '12041',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -313,7 +313,7 @@ export default {
               id: 42,
               name: '12042',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -321,19 +321,19 @@ export default {
               id: 43,
               name: '12043',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 44,
               name: '12044',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 45,
               name: '12045',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -341,19 +341,19 @@ export default {
               id: 46,
               name: '12046',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 47,
               name: '12047',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 48,
               name: '12048',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -361,19 +361,19 @@ export default {
               id: 49,
               name: '12049',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 50,
               name: '12050',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 51,
               name: '12051',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -381,7 +381,7 @@ export default {
               id: 52,
               name: '12052',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -389,19 +389,19 @@ export default {
               id: 53,
               name: '12053',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 54,
               name: '12054',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 55,
               name: '12055',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -409,13 +409,13 @@ export default {
               id: 56,
               name: '12056',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 57,
               name: '12057',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -423,7 +423,7 @@ export default {
               id: 58,
               name: '12058',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -431,13 +431,13 @@ export default {
               id: 59,
               name: '12059',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 60,
               name: '12060',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -445,13 +445,13 @@ export default {
               id: 61,
               name: '12061',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 62,
               name: '12062',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -459,19 +459,19 @@ export default {
               id: 63,
               name: '12063',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 64,
               name: '12064',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 65,
               name: '12065',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -479,7 +479,7 @@ export default {
               id: 66,
               name: '12066',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -487,31 +487,31 @@ export default {
               id: 67,
               name: '12067',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 68,
               name: '12068',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 69,
               name: '12069',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 70,
               name: '12070',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 71,
               name: '12071',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -519,7 +519,7 @@ export default {
               id: 72,
               name: '12072',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -527,7 +527,7 @@ export default {
               id: 73,
               name: '12073',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -535,13 +535,13 @@ export default {
               id: 74,
               name: '12074',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 75,
               name: '12075',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -549,7 +549,7 @@ export default {
               id: 76,
               name: '12076',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -557,7 +557,7 @@ export default {
               id: 77,
               name: '12077',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 2, name: 'cassette', status: 4 }
               ]
             },
@@ -565,7 +565,7 @@ export default {
               id: 78,
               name: '12078',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -573,13 +573,13 @@ export default {
               id: 79,
               name: '12079',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 80,
               name: '12080',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             },
@@ -587,7 +587,7 @@ export default {
               id: 81,
               name: '12081',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -595,31 +595,31 @@ export default {
               id: 82,
               name: '12082',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 83,
               name: '12083',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 84,
               name: '12084',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 85,
               name: '12085',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 86,
               name: '12086',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 1, name: 'cassette', status: 1 }
               ]
             },
@@ -627,13 +627,13 @@ export default {
               id: 87,
               name: '12087',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 88,
               name: '12088',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 3, name: 'cassette', status: 4 }
               ]
             },
@@ -641,13 +641,13 @@ export default {
               id: 89,
               name: '12089',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 90,
               name: '12090',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 5, name: 'cassette', status: 3 }
               ]
             }
@@ -656,12 +656,12 @@ export default {
         {
           id: 2,
           name: 'row2',
-          portList: [
+          portVoList: [
             {
               id: 101,
               name: '11001',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -669,13 +669,13 @@ export default {
               id: 102,
               name: '11002',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 103,
               name: '11003',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -683,25 +683,25 @@ export default {
               id: 104,
               name: '11004',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 105,
               name: '11005',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 106,
               name: '11006',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 107,
               name: '11007',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -709,7 +709,7 @@ export default {
               id: 108,
               name: '11008',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -717,19 +717,19 @@ export default {
               id: 109,
               name: '11009',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 110,
               name: '11010',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 111,
               name: '11011',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -737,13 +737,13 @@ export default {
               id: 112,
               name: '11012',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 113,
               name: '11013',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -751,19 +751,19 @@ export default {
               id: 114,
               name: '11014',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 115,
               name: '11015',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 116,
               name: '11016',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -771,7 +771,7 @@ export default {
               id: 117,
               name: '11017',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -779,31 +779,31 @@ export default {
               id: 118,
               name: '11018',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 119,
               name: '11019',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 120,
               name: '11020',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 121,
               name: '11021',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 122,
               name: '11022',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -811,7 +811,7 @@ export default {
               id: 123,
               name: '11023',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -819,13 +819,13 @@ export default {
               id: 124,
               name: '11024',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 125,
               name: '11025',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -833,7 +833,7 @@ export default {
               id: 126,
               name: '11026',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -841,13 +841,13 @@ export default {
               id: 127,
               name: '11027',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 128,
               name: '11028',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -855,13 +855,13 @@ export default {
               id: 129,
               name: '11029',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 130,
               name: '11030',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -869,13 +869,13 @@ export default {
               id: 131,
               name: '11031',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 132,
               name: '11032',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -883,7 +883,7 @@ export default {
               id: 133,
               name: '11033',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -891,13 +891,13 @@ export default {
               id: 134,
               name: '11034',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 135,
               name: '11035',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -905,37 +905,37 @@ export default {
               id: 136,
               name: '11036',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 137,
               name: '11037',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 138,
               name: '11038',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 139,
               name: '11039',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 140,
               name: '11040',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 141,
               name: '11041',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -943,13 +943,13 @@ export default {
               id: 142,
               name: '11042',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 143,
               name: '11043',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -957,13 +957,13 @@ export default {
               id: 144,
               name: '11044',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 145,
               name: '11045',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -971,7 +971,7 @@ export default {
               id: 146,
               name: '11046',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -979,7 +979,7 @@ export default {
               id: 147,
               name: '11047',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -987,7 +987,7 @@ export default {
               id: 148,
               name: '11048',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -995,13 +995,13 @@ export default {
               id: 149,
               name: '11049',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 150,
               name: '11050',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -1009,7 +1009,7 @@ export default {
               id: 151,
               name: '11051',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -1017,7 +1017,7 @@ export default {
               id: 152,
               name: '11052',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -1025,7 +1025,7 @@ export default {
               id: 153,
               name: '11053',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -1033,19 +1033,19 @@ export default {
               id: 154,
               name: '11054',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 155,
               name: '11055',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 156,
               name: '11056',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -1053,13 +1053,13 @@ export default {
               id: 157,
               name: '11057',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 158,
               name: '11058',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -1067,19 +1067,19 @@ export default {
               id: 159,
               name: '11059',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 160,
               name: '11060',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 161,
               name: '11061',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -1087,13 +1087,13 @@ export default {
               id: 162,
               name: '11062',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 163,
               name: '11063',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -1101,13 +1101,13 @@ export default {
               id: 164,
               name: '11064',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 165,
               name: '11065',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -1115,7 +1115,7 @@ export default {
               id: 166,
               name: '11066',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -1123,31 +1123,31 @@ export default {
               id: 167,
               name: '11067',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 168,
               name: '11068',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 169,
               name: '11069',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 170,
               name: '11070',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 171,
               name: '11071',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -1155,13 +1155,13 @@ export default {
               id: 172,
               name: '11072',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 173,
               name: '11073',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -1169,19 +1169,19 @@ export default {
               id: 174,
               name: '11074',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 175,
               name: '11075',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 176,
               name: '11076',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 101, name: 'cassette', status: 1 }
               ]
             },
@@ -1189,13 +1189,13 @@ export default {
               id: 177,
               name: '11077',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 178,
               name: '11078',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -1203,13 +1203,13 @@ export default {
               id: 179,
               name: '11079',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 180,
               name: '11080',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -1217,13 +1217,13 @@ export default {
               id: 181,
               name: '11081',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 182,
               name: '11082',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 102, name: 'cassette', status: 3 }
               ]
             },
@@ -1231,19 +1231,19 @@ export default {
               id: 183,
               name: '11083',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 184,
               name: '11084',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 185,
               name: '11085',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             },
@@ -1251,19 +1251,19 @@ export default {
               id: 186,
               name: '11086',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 187,
               name: '11087',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 188,
               name: '11088',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 103, name: 'cassette', status: 4 }
               ]
             },
@@ -1271,13 +1271,13 @@ export default {
               id: 189,
               name: '11089',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 190,
               name: '11090',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 105, name: 'cassette', status: 4 }
               ]
             }
@@ -1288,16 +1288,16 @@ export default {
     {
       id: 2,
       name: 'shelf2',
-      rowList: [
+      rowVoList: [
         {
           id: 3,
           name: 'row1',
-          portList: [
+          portVoList: [
             {
               id: 201,
               name: '21001',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 3 }
               ]
             },
@@ -1305,13 +1305,13 @@ export default {
               id: 202,
               name: '21002',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 203,
               name: '21003',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 2 }
               ]
             },
@@ -1319,25 +1319,25 @@ export default {
               id: 204,
               name: '21004',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 205,
               name: '21005',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 206,
               name: '21006',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 207,
               name: '21007',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 4 }
               ]
             },
@@ -1345,13 +1345,13 @@ export default {
               id: 208,
               name: '21008',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 209,
               name: '21009',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 4 }
               ]
             },
@@ -1359,13 +1359,13 @@ export default {
               id: 210,
               name: '21010',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 211,
               name: '21011',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 1 }
               ]
             },
@@ -1373,7 +1373,7 @@ export default {
               id: 212,
               name: '21012',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 4 }
               ]
             },
@@ -1381,7 +1381,7 @@ export default {
               id: 213,
               name: '21013',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 1 }
               ]
             },
@@ -1389,7 +1389,7 @@ export default {
               id: 214,
               name: '21014',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 1 }
               ]
             },
@@ -1397,13 +1397,13 @@ export default {
               id: 215,
               name: '21015',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 216,
               name: '21016',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 3 }
               ]
             },
@@ -1411,7 +1411,7 @@ export default {
               id: 217,
               name: '21017',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 2 }
               ]
             },
@@ -1419,13 +1419,13 @@ export default {
               id: 218,
               name: '21018',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 219,
               name: '21019',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 4 }
               ]
             },
@@ -1433,13 +1433,13 @@ export default {
               id: 220,
               name: '21020',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 221,
               name: '21021',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 4 }
               ]
             },
@@ -1447,7 +1447,7 @@ export default {
               id: 222,
               name: '21022',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 1 }
               ]
             },
@@ -1455,25 +1455,25 @@ export default {
               id: 223,
               name: '21023',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 224,
               name: '21024',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 225,
               name: '21025',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 226,
               name: '21026',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 2 }
               ]
             },
@@ -1481,7 +1481,7 @@ export default {
               id: 227,
               name: '21027',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 1 }
               ]
             },
@@ -1489,13 +1489,13 @@ export default {
               id: 228,
               name: '21028',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 229,
               name: '21029',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 1 }
               ]
             },
@@ -1503,13 +1503,13 @@ export default {
               id: 230,
               name: '21030',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 231,
               name: '21031',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 1 }
               ]
             },
@@ -1517,7 +1517,7 @@ export default {
               id: 232,
               name: '21032',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 1 }
               ]
             },
@@ -1525,13 +1525,13 @@ export default {
               id: 233,
               name: '21033',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 234,
               name: '21034',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 3 }
               ]
             },
@@ -1539,13 +1539,13 @@ export default {
               id: 235,
               name: '21035',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 236,
               name: '21036',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 3 }
               ]
             },
@@ -1553,13 +1553,13 @@ export default {
               id: 237,
               name: '21037',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 238,
               name: '21038',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 3 }
               ]
             },
@@ -1567,7 +1567,7 @@ export default {
               id: 239,
               name: '21039',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 3 }
               ]
             },
@@ -1575,13 +1575,13 @@ export default {
               id: 240,
               name: '21040',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 241,
               name: '21041',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 2 }
               ]
             },
@@ -1589,13 +1589,13 @@ export default {
               id: 242,
               name: '21042',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 243,
               name: '21043',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 4 }
               ]
             },
@@ -1603,7 +1603,7 @@ export default {
               id: 244,
               name: '21044',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 4 }
               ]
             },
@@ -1611,13 +1611,13 @@ export default {
               id: 245,
               name: '21045',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 246,
               name: '21046',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 2 }
               ]
             },
@@ -1625,13 +1625,13 @@ export default {
               id: 247,
               name: '21047',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 248,
               name: '21048',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 2 }
               ]
             },
@@ -1639,7 +1639,7 @@ export default {
               id: 249,
               name: '21049',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 2 }
               ]
             },
@@ -1647,13 +1647,13 @@ export default {
               id: 250,
               name: '21050',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 251,
               name: '21051',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 2 }
               ]
             },
@@ -1661,7 +1661,7 @@ export default {
               id: 252,
               name: '21052',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 3 }
               ]
             },
@@ -1669,13 +1669,13 @@ export default {
               id: 253,
               name: '21053',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 254,
               name: '21054',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 3 }
               ]
             },
@@ -1683,19 +1683,19 @@ export default {
               id: 255,
               name: '21055',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 256,
               name: '21056',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 257,
               name: '21057',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 1 }
               ]
             },
@@ -1703,13 +1703,13 @@ export default {
               id: 258,
               name: '21058',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 259,
               name: '21059',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 1 }
               ]
             },
@@ -1717,13 +1717,13 @@ export default {
               id: 260,
               name: '21060',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 261,
               name: '21061',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 2 }
               ]
             },
@@ -1731,7 +1731,7 @@ export default {
               id: 262,
               name: '21062',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 1 }
               ]
             },
@@ -1739,13 +1739,13 @@ export default {
               id: 263,
               name: '21063',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 264,
               name: '21064',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 2 }
               ]
             },
@@ -1753,19 +1753,19 @@ export default {
               id: 265,
               name: '21065',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 266,
               name: '21066',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 267,
               name: '21067',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 3 }
               ]
             },
@@ -1773,7 +1773,7 @@ export default {
               id: 268,
               name: '21068',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 2 }
               ]
             },
@@ -1781,19 +1781,19 @@ export default {
               id: 269,
               name: '21069',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 270,
               name: '21070',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 271,
               name: '21071',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 1 }
               ]
             },
@@ -1801,13 +1801,13 @@ export default {
               id: 272,
               name: '21072',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 273,
               name: '21073',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 1 }
               ]
             },
@@ -1815,19 +1815,19 @@ export default {
               id: 274,
               name: '21074',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 275,
               name: '21075',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 276,
               name: '21076',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 4 }
               ]
             },
@@ -1835,19 +1835,19 @@ export default {
               id: 277,
               name: '21077',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 278,
               name: '21078',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 279,
               name: '21079',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 1 }
               ]
             },
@@ -1855,13 +1855,13 @@ export default {
               id: 280,
               name: '21080',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 281,
               name: '21081',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 201, name: 'cassette', status: 1 }
               ]
             },
@@ -1869,7 +1869,7 @@ export default {
               id: 282,
               name: '21082',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 4 }
               ]
             },
@@ -1877,7 +1877,7 @@ export default {
               id: 283,
               name: '21083',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 3 }
               ]
             },
@@ -1885,7 +1885,7 @@ export default {
               id: 284,
               name: '21084',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 204, name: 'cassette', status: 2 }
               ]
             },
@@ -1893,19 +1893,19 @@ export default {
               id: 285,
               name: '21085',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 286,
               name: '21086',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 287,
               name: '21087',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 202, name: 'cassette', status: 2 }
               ]
             },
@@ -1913,7 +1913,7 @@ export default {
               id: 288,
               name: '21088',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 203, name: 'cassette', status: 1 }
               ]
             },
@@ -1921,25 +1921,25 @@ export default {
               id: 289,
               name: '21089',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 290,
               name: '21090',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             }
           ]
         },
         {
           id: 4,
           name: 'row2',
-          portList: [
+          portVoList: [
             {
               id: 301,
               name: '22001',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 1 }
               ]
             },
@@ -1947,19 +1947,19 @@ export default {
               id: 302,
               name: '22002',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 303,
               name: '22003',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 304,
               name: '22004',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 1 }
               ]
             },
@@ -1967,13 +1967,13 @@ export default {
               id: 305,
               name: '22005',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 306,
               name: '22006',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -1981,7 +1981,7 @@ export default {
               id: 307,
               name: '22007',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 3 }
               ]
             },
@@ -1989,7 +1989,7 @@ export default {
               id: 308,
               name: '22008',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 2 }
               ]
             },
@@ -1997,7 +1997,7 @@ export default {
               id: 309,
               name: '22009',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 4 }
               ]
             },
@@ -2005,13 +2005,13 @@ export default {
               id: 310,
               name: '22010',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 311,
               name: '22011',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 2 }
               ]
             },
@@ -2019,7 +2019,7 @@ export default {
               id: 312,
               name: '22012',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 4 }
               ]
             },
@@ -2027,7 +2027,7 @@ export default {
               id: 313,
               name: '22013',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 1 }
               ]
             },
@@ -2035,7 +2035,7 @@ export default {
               id: 314,
               name: '22014',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 4 }
               ]
             },
@@ -2043,25 +2043,25 @@ export default {
               id: 315,
               name: '22015',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 316,
               name: '22016',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 317,
               name: '22017',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 318,
               name: '22018',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 4 }
               ]
             },
@@ -2069,25 +2069,25 @@ export default {
               id: 319,
               name: '22019',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 320,
               name: '22020',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 321,
               name: '22021',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 322,
               name: '22022',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 2 }
               ]
             },
@@ -2095,13 +2095,13 @@ export default {
               id: 323,
               name: '22023',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 324,
               name: '22024',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 1 }
               ]
             },
@@ -2109,19 +2109,19 @@ export default {
               id: 325,
               name: '22025',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 326,
               name: '22026',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 327,
               name: '22027',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 3 }
               ]
             },
@@ -2129,13 +2129,13 @@ export default {
               id: 328,
               name: '22028',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 329,
               name: '22029',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 1 }
               ]
             },
@@ -2143,13 +2143,13 @@ export default {
               id: 330,
               name: '22030',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 331,
               name: '22031',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -2157,13 +2157,13 @@ export default {
               id: 332,
               name: '22032',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 333,
               name: '22033',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 1 }
               ]
             },
@@ -2171,19 +2171,19 @@ export default {
               id: 334,
               name: '22034',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 335,
               name: '22035',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 336,
               name: '22036',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 1 }
               ]
             },
@@ -2191,7 +2191,7 @@ export default {
               id: 337,
               name: '22037',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 1 }
               ]
             },
@@ -2199,13 +2199,13 @@ export default {
               id: 338,
               name: '22038',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 339,
               name: '22039',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 4 }
               ]
             },
@@ -2213,13 +2213,13 @@ export default {
               id: 340,
               name: '22040',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 341,
               name: '22041',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -2227,7 +2227,7 @@ export default {
               id: 342,
               name: '22042',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 4 }
               ]
             },
@@ -2235,7 +2235,7 @@ export default {
               id: 343,
               name: '22043',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 2 }
               ]
             },
@@ -2243,19 +2243,19 @@ export default {
               id: 344,
               name: '22044',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 345,
               name: '22045',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 346,
               name: '22046',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 1 }
               ]
             },
@@ -2263,13 +2263,13 @@ export default {
               id: 347,
               name: '22047',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 348,
               name: '22048',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 3 }
               ]
             },
@@ -2277,7 +2277,7 @@ export default {
               id: 349,
               name: '22049',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 4 }
               ]
             },
@@ -2285,13 +2285,13 @@ export default {
               id: 350,
               name: '22050',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 351,
               name: '22051',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 4 }
               ]
             },
@@ -2299,13 +2299,13 @@ export default {
               id: 352,
               name: '22052',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 353,
               name: '22053',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 2 }
               ]
             },
@@ -2313,7 +2313,7 @@ export default {
               id: 354,
               name: '22054',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 1 }
               ]
             },
@@ -2321,13 +2321,13 @@ export default {
               id: 355,
               name: '22055',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 356,
               name: '22056',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 2 }
               ]
             },
@@ -2335,13 +2335,13 @@ export default {
               id: 357,
               name: '22057',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 358,
               name: '22058',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 2 }
               ]
             },
@@ -2349,7 +2349,7 @@ export default {
               id: 359,
               name: '22059',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 2 }
               ]
             },
@@ -2357,13 +2357,13 @@ export default {
               id: 360,
               name: '22060',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 361,
               name: '22061',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -2371,13 +2371,13 @@ export default {
               id: 362,
               name: '22062',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 363,
               name: '22063',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 3 }
               ]
             },
@@ -2385,7 +2385,7 @@ export default {
               id: 364,
               name: '22064',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 3 }
               ]
             },
@@ -2393,13 +2393,13 @@ export default {
               id: 365,
               name: '22065',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 366,
               name: '22066',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -2407,13 +2407,13 @@ export default {
               id: 367,
               name: '22067',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 368,
               name: '22068',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 1 }
               ]
             },
@@ -2421,7 +2421,7 @@ export default {
               id: 369,
               name: '22069',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 4 }
               ]
             },
@@ -2429,13 +2429,13 @@ export default {
               id: 370,
               name: '22070',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 371,
               name: '22071',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 1 }
               ]
             },
@@ -2443,13 +2443,13 @@ export default {
               id: 372,
               name: '22072',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 373,
               name: '22073',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 4 }
               ]
             },
@@ -2457,7 +2457,7 @@ export default {
               id: 374,
               name: '22074',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 4 }
               ]
             },
@@ -2465,13 +2465,13 @@ export default {
               id: 375,
               name: '22075',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 376,
               name: '22076',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 2 }
               ]
             },
@@ -2479,13 +2479,13 @@ export default {
               id: 377,
               name: '22077',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 378,
               name: '22078',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 2 }
               ]
             },
@@ -2493,7 +2493,7 @@ export default {
               id: 379,
               name: '22079',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 1 }
               ]
             },
@@ -2501,13 +2501,13 @@ export default {
               id: 380,
               name: '22080',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 381,
               name: '22081',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -2515,13 +2515,13 @@ export default {
               id: 382,
               name: '22082',
               attribute: 1,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 383,
               name: '22083',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 303, name: 'cassette', status: 1 }
               ]
             },
@@ -2529,7 +2529,7 @@ export default {
               id: 384,
               name: '22084',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 1 }
               ]
             },
@@ -2537,13 +2537,13 @@ export default {
               id: 385,
               name: '22085',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 386,
               name: '22086',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 301, name: 'cassette', status: 3 }
               ]
             },
@@ -2551,7 +2551,7 @@ export default {
               id: 387,
               name: '22087',
               attribute: 1,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 302, name: 'cassette', status: 3 }
               ]
             },
@@ -2559,13 +2559,13 @@ export default {
               id: 388,
               name: '22088',
               attribute: 2,
-              cassetteList: []
+              cassetteVoList: []
             },
             {
               id: 389,
               name: '22089',
               attribute: 2,
-              cassetteList: [
+              cassetteVoList: [
                 { id: 304, name: 'cassette', status: 2 }
               ]
             },
@@ -2573,7 +2573,7 @@ export default {
               id: 390,
               name: '22090',
               attribute: 3,
-              cassetteList: []
+              cassetteVoList: []
             }
           ]
         }
@@ -2581,28 +2581,29 @@ export default {
     }
   ],
   portAttributeList: [
-    { id: 1, name: 'Working Port', color: '#E1EBFF' },
-    { id: 2, name: 'Buffer Port', color: '#FFF8E8' },
-    { id: 3, name: 'Exception Port', color: '#F6F6F6' }
+    { id: '1', name: 'Working Port', color: '#E1EBFF' },
+    { id: '2', name: 'Buffer Port', color: '#FFF8E8' },
+    { id: '3', name: 'Exception Port', color: '#F6F6F6' }
   ],
   portAttributeObj: {
-    1: '#E1EBFF',
-    2: '#FFF8E8',
-    3: '#F6F6F6'
+    '1': '#E1EBFF',
+    '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' }
+    { 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'
+    '1': '#7362F3',
+    '2': '#FFD781',
+    '3': '#16DC09',
+    '4': '#FFA08F'
   },
   current: 1,
   totalPage: 1,
-  rowIndex: ['module.dashboard.first', 'module.dashboard.second']
+  rowIndex: ['module.dashboard.first', 'module.dashboard.second'],
+  addOrUpdateVisible: false
 }