From dfb1f3d97b4d4edc584a424db0c00ddf704d67ac Mon Sep 17 00:00:00 2001
From: zwq <zwq229436@163.com>
Date: Wed, 16 Mar 2022 16:18:59 +0800
Subject: [PATCH 1/8] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/art/components/Process-add.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/art/components/Process-add.vue b/src/views/art/components/Process-add.vue
index dd281ce..20b9f08 100644
--- a/src/views/art/components/Process-add.vue
+++ b/src/views/art/components/Process-add.vue
@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-09 16:53:23
+ * @LastEditTime: 2022-03-16 14:30:59
  * @Description:
 -->
 <template>
@@ -15,7 +15,7 @@
         <el-input v-model="dataForm.name" :placeholder="$i18nForm(['placeholder.input', $t('module.art.processList.processName')])" clearable />
       </el-form-item>
       <el-form-item :label="$t('module.art.processList.processEq')" prop="equipmentIds">
-        <el-select v-model="dataForm.equipmentIds" clearable filterable multiple>
+        <el-select v-model="dataForm.equipmentIds" clearable filterable multiple @change="$forceUpdate()">
           <el-option v-for="item in eqList" :key="item.id" :value="item.id" :label="item.name" />
         </el-select>
       </el-form-item>

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 2/8] 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
 }

From 79238fca27692f111c9fa4961ab02814839369a7 Mon Sep 17 00:00:00 2001
From: gtz217 <535262213@qq.com>
Date: Thu, 17 Mar 2022 10:52:22 +0800
Subject: [PATCH 3/8] 1

---
 src/layout/components/Navbar.vue              | 4 ++--
 src/views/dashboard/components/PortDetail.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 80e37a8..5bf80fe 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -11,10 +11,10 @@
 
     <div class="right-menu">
 
-      <div v-if="showhome" class="right-menu-back" @click="toHome">
+      <!-- <div v-if="showhome" class="right-menu-back" @click="toHome">
         <svg-icon class="item-icon" icon-class="home" />
         {{ 'navbar.homepage' | i18nFilter }}
-      </div>
+      </div> -->
 
       <template>
         <lang-select class="right-menu-item hover-effect" />
diff --git a/src/views/dashboard/components/PortDetail.vue b/src/views/dashboard/components/PortDetail.vue
index da16705..81d6201 100644
--- a/src/views/dashboard/components/PortDetail.vue
+++ b/src/views/dashboard/components/PortDetail.vue
@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
  * @LastEditors: gtz
- * @LastEditTime: 2022-03-16 20:06:20
+ * @LastEditTime: 2022-03-17 10:49:54
  * @Description:
 -->
 <template>

From 61270a542dfabd4235c4fc62fb8301f721ae98dd Mon Sep 17 00:00:00 2001
From: gtz217 <535262213@qq.com>
Date: Thu, 17 Mar 2022 10:56:24 +0800
Subject: [PATCH 4/8] base eq

---
 .../basicData/Equipment/components/equipmentInfo-add.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/basicData/Equipment/components/equipmentInfo-add.vue b/src/views/basicData/Equipment/components/equipmentInfo-add.vue
index 6ea5827..0f85ac3 100644
--- a/src/views/basicData/Equipment/components/equipmentInfo-add.vue
+++ b/src/views/basicData/Equipment/components/equipmentInfo-add.vue
@@ -57,7 +57,7 @@
             <!-- <el-form-item :label="$t('module.basicData.equipment.EquipmentType')" prop="equipmentType">
               <el-input v-model="dataForm.equipmentType" :disabled="isdetail" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.equipment.EquipmentType')])" clearable :style="{width: '100%'}" />
             </el-form-item> -->
-            <el-form-item :label="$t('module.basicData.equipment.EquipmentType')" prop="EquipmentType">
+            <el-form-item :label="$t('module.basicData.equipment.EquipmentType')" prop="equipmentType">
               <el-select v-model="dataForm.equipmentType" :placeholder="this.$t('module.basicData.cache.logisticsEquipment')" default>
                 <el-option
                   v-for="item in options"
@@ -399,7 +399,7 @@ export default {
         code: '',
         enName: '',
         abbr: '',
-        equipmentType: this.$t('module.basicData.cache.logisticsEquipment'),
+        equipmentType: '',
         spec: '',
         createTime: '',
         enterTime: '',
@@ -442,6 +442,11 @@ export default {
           required: true,
           message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.equipment.EquipmentCode')]),
           trigger: 'blur'
+        }],
+        equipmentType: [{
+          required: true,
+          message: this.$i18nForm(['placeholder.select', this.$t('module.basicData.equipment.EquipmentType')]),
+          trigger: 'blur'
         }]
         // maintenanceCycle: [{
         //   required: true,

From 995db83484380aedd079b3fa23d0eb44164eb0c9 Mon Sep 17 00:00:00 2001
From: zwq <zwq229436@163.com>
Date: Thu, 17 Mar 2022 10:59:00 +0800
Subject: [PATCH 5/8] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BB=93=E5=BA=93?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/processStorageLink.vue         | 294 +++++++++++++++---
 .../Warehouse/components/testdata.js          |   3 +-
 2 files changed, 254 insertions(+), 43 deletions(-)

diff --git a/src/views/basicData/Warehouse/components/processStorageLink.vue b/src/views/basicData/Warehouse/components/processStorageLink.vue
index 81ac54c..cbc8de7 100644
--- a/src/views/basicData/Warehouse/components/processStorageLink.vue
+++ b/src/views/basicData/Warehouse/components/processStorageLink.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: gtz
  * @Date: 2022-03-03 09:16:10
- * @LastEditors: gtz
- * @LastEditTime: 2022-03-16 19:25:19
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-03-17 10:56:14
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\views\basicData\Warehouse\components\processStorageLink.vue
 -->
@@ -11,7 +11,9 @@
     <el-card class="dashboard-main">
       <el-row class="dashboard-title">
         <div class="dashboard-header-line" />
-        <div class="dashboard-header-title">{{ $t('module.dashboard.title') }}</div>
+        <div class="dashboard-header-title">
+          {{ $t("module.dashboard.title") }}
+        </div>
       </el-row>
       <el-row class="dashboard-legend">
         <div
@@ -38,15 +40,28 @@
           <el-button type="primary" size="mini" @click="submitLinkList">{{
             "btn.submit" | i18nFilter
           }}</el-button>
-          <el-button type="warning" size="mini" @click="init()">{{ 'btn.reset' | i18nFilter }}</el-button>
-          <el-button type="success" size="mini" @click="goback()">{{ 'btn.back' | i18nFilter }}</el-button>
+          <el-button type="warning" size="mini" @click="init()">{{
+            "btn.reset" | i18nFilter
+          }}</el-button>
+          <el-button type="success" size="mini" @click="goback()">{{
+            "btn.back" | i18nFilter
+          }}</el-button>
         </div>
         <div class="dashboard-legend-search">
           <el-select
             v-model="current"
             size="mini"
             @change="handleChange"
-          ><el-option v-for="item in totalPage" :key="'select' + item" :label="$t('module.dashboard.pageHeader') + item + $t('module.dashboard.pageFooter')" :value="item" />
+          ><el-option
+            v-for="item in totalPage"
+            :key="'select' + item"
+            :label="
+              $t('module.dashboard.pageHeader') +
+                item +
+                $t('module.dashboard.pageFooter')
+            "
+            :value="item"
+          />
           </el-select>
         </div>
       </el-row>
@@ -98,9 +113,15 @@
                         ].attribute === 3
                           ? '#A2A8B5'
                           : '',
-                      border:
-                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
-                          ? '1px solid red' : ''
+                      border: selectStorageList.some(
+                        StorageItem =>
+                          StorageItem.locationId ===
+                          z.portVoList[
+                            (current - 1) * 80 + (item - 1) * 20 + (x - 1)
+                          ].id
+                      )
+                        ? '2px dashed red'
+                        : ''
                     }"
                     @click="
                       setType(
@@ -110,13 +131,57 @@
                       )
                     "
                   >
-                    <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
+                      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
+                          ]
+                          : ''
+                      }"
+                    />
+                    <div
+                      :class="
+                        StorageList.some(
+                          StorageItem =>
+                            StorageItem.id ===
+                            z.portVoList[
+                              (current - 1) * 80 + (item - 1) * 20 + (x - 1)
+                            ].id
+                        )
+                          ? 'dashboard-layout-item-horn'
+                          : ''
+                      "
+                    />
+                    {{
+                      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>
               <div class="dashboard-layout-footer">
-                {{ $t(bottomIndex[index]) + '(' + ((current - 1) * 4 + item) + ')' }}
+                {{
+                  $t(bottomIndex[index]) +
+                    "(" +
+                    ((current - 1) * 4 + item) +
+                    ")"
+                }}
               </div>
             </el-col>
           </el-row>
@@ -125,7 +190,9 @@
       <el-row v-else class="dashboard-layout" :gutter="12">
         <el-col
           v-for="item in Math.ceil(
-            (shelfVoList[0].rowVoList[0].portVoList.length - (current - 1) * 80) / 20
+            (shelfVoList[0].rowVoList[0].portVoList.length -
+              (current - 1) * 80) /
+              20
           )"
           :key="'shelfbox' + item"
           class="dashboard-layout-shelf-box"
@@ -177,9 +244,15 @@
                         ].attribute === 3
                           ? '#A2A8B5'
                           : '',
-                      border:
-                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
-                          ? '1px solid red' : ''
+                      border: selectStorageList.some(
+                        StorageItem =>
+                          StorageItem.locationId ===
+                          z.portVoList[
+                            (current - 1) * 80 + (item - 1) * 20 + (x - 1)
+                          ].id
+                      )
+                        ? '2px dashed red'
+                        : ''
                     }"
                     @click="
                       setType(
@@ -189,8 +262,47 @@
                       )
                     "
                   >
-                    <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
+                      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
+                          ]
+                          : ''
+                      }"
+                    />
+                    <div
+                      :class="
+                        StorageList.some(
+                          StorageItem =>
+                            StorageItem.id ===
+                            z.portVoList[
+                              (current - 1) * 80 + (item - 1) * 20 + (x - 1)
+                            ].id
+                        )
+                          ? 'dashboard-layout-item-horn'
+                          : ''
+                      "
+                    />
+                    {{
+                      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>
@@ -226,9 +338,15 @@
                         ].attribute === 3
                           ? '#A2A8B5'
                           : '',
-                      border:
-                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
-                          ? '1px solid red' : ''
+                      border: selectStorageList.some(
+                        StorageItem =>
+                          StorageItem.locationId ===
+                          z.portVoList[
+                            (current - 1) * 80 + (item - 1) * 20 + (x - 1)
+                          ].id
+                      )
+                        ? '2px dashed red'
+                        : ''
                     }"
                     @click="
                       setType(
@@ -238,13 +356,57 @@
                       )
                     "
                   >
-                    <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
+                      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
+                          ]
+                          : ''
+                      }"
+                    />
+                    <div
+                      :class="
+                        StorageList.some(
+                          StorageItem =>
+                            StorageItem.id ===
+                            z.portVoList[
+                              (current - 1) * 80 + (item - 1) * 20 + (x - 1)
+                            ].id
+                        )
+                          ? 'dashboard-layout-item-horn'
+                          : ''
+                      "
+                    />
+                    {{
+                      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>
               <div class="dashboard-layout-footer">
-                {{ $t(bottomIndex[index]) + '(' + ((current - 1) * 4 + item) + ')' }}
+                {{
+                  $t(bottomIndex[index]) +
+                    "(" +
+                    ((current - 1) * 4 + item) +
+                    ")"
+                }}
               </div>
             </el-col>
           </el-row>
@@ -261,6 +423,7 @@
 
 <script>
 import { getPortList } from '@/api/dashboard'
+import { locationByProcessList } from '@/api/basicData/Warehouse/StorageBoxInfo'
 import { batchListAdd } from '@/api/basicData/Warehouse/StorageBoxInfo'
 import testdata from './testdata'
 import processStorageType from './processStorageType'
@@ -273,21 +436,45 @@ export default {
   },
   created() {
     this.id = this.$route.query.id
-    this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
+    this.totalPage = Math.ceil(
+      this.shelfVoList[0].rowVoList[0].portVoList.length / 80
+    )
     this.init()
   },
   methods: {
     init() {
       getPortList().then(res => {
         this.shelfVoList = res.data[0].shelfVoList
-        this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
+        this.totalPage = Math.ceil(
+          this.shelfVoList[0].rowVoList[0].portVoList.length / 80
+        )
+      })
+      locationByProcessList({
+        current: 1,
+        size: 990,
+        workSequenId: this.id
+      }).then(response => {
+        if (response.data.records) {
+          this.StorageList = response.data.records
+        } else {
+          this.StorageList.splice(0, this.list.length)
+        }
       })
       this.selectStorageList.splice(0, this.selectStorageList.length)
     },
     setType(item) {
       if (item.attribute !== 3) {
-        if (this.selectStorageList.findIndex(StorageItem => StorageItem.locationId === item.id) + 1) {
-          this.selectStorageList.splice(this.selectStorageList.findIndex(StorageItem => StorageItem.locationId === item.id), 1)
+        if (
+          this.selectStorageList.findIndex(
+            StorageItem => StorageItem.locationId === item.id
+          ) + 1
+        ) {
+          this.selectStorageList.splice(
+            this.selectStorageList.findIndex(
+              StorageItem => StorageItem.locationId === item.id
+            ),
+            1
+          )
         } else {
           this.typeVisible = true
           this.$nextTick(() => {
@@ -312,22 +499,34 @@ export default {
           workSequenId: this.id,
           processLocationStorageList: this.selectStorageList
         }
-        this.$confirm(`${this.$t('module.basicData.visual.TipsStorageBefore')}[${tipArr.join(',')}]?`, this.$t('module.basicData.visual.Tips'), {
-          confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
-          cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
-          type: 'warning'
-        }).then(() => {
-          batchListAdd(obj).then(res => {
-            this.$message({
-              message: this.$t('module.basicData.visual.success'),
-              type: 'success',
-              duration: 1500,
-              onClose: () => {
-                this.init()
-              }
+        this.$confirm(
+          `${this.$t(
+            'module.basicData.visual.TipsStorageBefore'
+          )}[${tipArr.join(',')}]?`,
+          this.$t('module.basicData.visual.Tips'),
+          {
+            confirmButtonText: this.$t(
+              'module.basicData.visual.confirmButtonText'
+            ),
+            cancelButtonText: this.$t(
+              'module.basicData.visual.cancelButtonText'
+            ),
+            type: 'warning'
+          }
+        )
+          .then(() => {
+            batchListAdd(obj).then(res => {
+              this.$message({
+                message: this.$t('module.basicData.visual.success'),
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.init()
+                }
+              })
             })
           })
-        }).catch(() => {})
+          .catch(() => {})
       } else {
         this.$message({
           message: this.$t('module.basicData.visual.PleaseAddLocationFirst'),
@@ -427,6 +626,7 @@ export default {
               display: flex;
               align-items: center;
               justify-content: center;
+              position: relative;
               .dashboard-layout-item-cricle {
                 display: inline-block;
                 width: 12px;
@@ -434,6 +634,16 @@ export default {
                 border-radius: 6px;
                 margin-right: 6px;
               }
+              .dashboard-layout-item-horn {
+                position: absolute;
+                width: 0;
+                height: 0;
+                right: 0;
+                top: 0;
+                border-style: solid;
+                border-width: 14px 0px 0px 14px;
+                border-color: #0B58FF transparent transparent transparent;
+              }
             }
           }
         }
diff --git a/src/views/basicData/Warehouse/components/testdata.js b/src/views/basicData/Warehouse/components/testdata.js
index 68339a6..196fcff 100644
--- a/src/views/basicData/Warehouse/components/testdata.js
+++ b/src/views/basicData/Warehouse/components/testdata.js
@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-03-03 15:47:47
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-16 09:43:36
+ * @LastEditTime: 2022-03-17 09:05:02
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\views\dashboard\testdata.js
  */
@@ -2603,6 +2603,7 @@ export default {
     4: '#FFA08F'
   },
   selectStorageList: [],
+  StorageList: [],
   typeVisible: false,
   id: '',
   bottomIndex: ['module.dashboard.first', 'module.dashboard.second'],

From fe549188015e7a0790ca300abb5909290f361bcf Mon Sep 17 00:00:00 2001
From: gtz217 <535262213@qq.com>
Date: Thu, 17 Mar 2022 14:00:36 +0800
Subject: [PATCH 6/8] eqtyep default

---
 src/views/basicData/Equipment/components/equipmentInfo-add.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/basicData/Equipment/components/equipmentInfo-add.vue b/src/views/basicData/Equipment/components/equipmentInfo-add.vue
index 0f85ac3..442e314 100644
--- a/src/views/basicData/Equipment/components/equipmentInfo-add.vue
+++ b/src/views/basicData/Equipment/components/equipmentInfo-add.vue
@@ -399,7 +399,7 @@ export default {
         code: '',
         enName: '',
         abbr: '',
-        equipmentType: '',
+        equipmentType: '1',
         spec: '',
         createTime: '',
         enterTime: '',

From 2a2bd1d726da85f492832e59f26b6bf3a3764dcb Mon Sep 17 00:00:00 2001
From: zwq <zwq229436@163.com>
Date: Thu, 17 Mar 2022 16:21:35 +0800
Subject: [PATCH 7/8] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Warehouse/components/ProcessStorageManagement-info.vue    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/basicData/Warehouse/components/ProcessStorageManagement-info.vue b/src/views/basicData/Warehouse/components/ProcessStorageManagement-info.vue
index dedf331..72970dd 100644
--- a/src/views/basicData/Warehouse/components/ProcessStorageManagement-info.vue
+++ b/src/views/basicData/Warehouse/components/ProcessStorageManagement-info.vue
@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-16 09:52:07
+ * @LastEditTime: 2022-03-17 14:50:20
  * @Description:
 -->
 <template>
@@ -62,7 +62,7 @@ const tableProps = [
     align: 'center'
   },
   {
-    prop: 'name',
+    prop: 'locationName',
     label: i18n.t('module.basicData.cache.LocationName'),
     align: 'center'
   }

From 018695fe70d8cd30661ea1a0cadb2e23cfe93213 Mon Sep 17 00:00:00 2001
From: zwq <zwq229436@163.com>
Date: Fri, 18 Mar 2022 09:49:30 +0800
Subject: [PATCH 8/8] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/processStorageLink.vue         | 34 +++++++++----------
 .../components/processStorageType.vue         | 23 +++++++++----
 2 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/views/basicData/Warehouse/components/processStorageLink.vue b/src/views/basicData/Warehouse/components/processStorageLink.vue
index cbc8de7..34c4116 100644
--- a/src/views/basicData/Warehouse/components/processStorageLink.vue
+++ b/src/views/basicData/Warehouse/components/processStorageLink.vue
@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-03-03 09:16:10
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-17 10:56:14
+ * @LastEditTime: 2022-03-18 09:25:04
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\views\basicData\Warehouse\components\processStorageLink.vue
 -->
@@ -151,17 +151,15 @@
                       }"
                     />
                     <div
-                      :class="
+                      v-if="
                         StorageList.some(
                           StorageItem =>
                             StorageItem.id ===
                             z.portVoList[
                               (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                             ].id
-                        )
-                          ? 'dashboard-layout-item-horn'
-                          : ''
-                      "
+                        )"
+                      class="dashboard-layout-item-horn"
                     />
                     {{
                       z.portVoList[
@@ -282,17 +280,15 @@
                       }"
                     />
                     <div
-                      :class="
+                      v-if="
                         StorageList.some(
                           StorageItem =>
                             StorageItem.id ===
                             z.portVoList[
                               (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                             ].id
-                        )
-                          ? 'dashboard-layout-item-horn'
-                          : ''
-                      "
+                        )"
+                      class="dashboard-layout-item-horn"
                     />
                     {{
                       z.portVoList[
@@ -376,17 +372,15 @@
                       }"
                     />
                     <div
-                      :class="
+                      v-if="
                         StorageList.some(
                           StorageItem =>
                             StorageItem.id ===
                             z.portVoList[
                               (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                             ].id
-                        )
-                          ? 'dashboard-layout-item-horn'
-                          : ''
-                      "
+                        )"
+                      class="dashboard-layout-item-horn"
                     />
                     {{
                       z.portVoList[
@@ -457,7 +451,7 @@ export default {
         if (response.data.records) {
           this.StorageList = response.data.records
         } else {
-          this.StorageList.splice(0, this.list.length)
+          this.StorageList.splice(0, this.StorageList.length)
         }
       })
       this.selectStorageList.splice(0, this.selectStorageList.length)
@@ -476,9 +470,13 @@ export default {
             1
           )
         } else {
+          const isExist = this.StorageList.some(
+            StorageItem =>
+              StorageItem.id === item.id
+          )
           this.typeVisible = true
           this.$nextTick(() => {
-            this.$refs.typeRef.init(item.id, item.name)
+            this.$refs.typeRef.init(item.id, item.name, item.attribute, isExist)
           })
         }
       }
diff --git a/src/views/basicData/Warehouse/components/processStorageType.vue b/src/views/basicData/Warehouse/components/processStorageType.vue
index 9e0fcdc..006ee12 100644
--- a/src/views/basicData/Warehouse/components/processStorageType.vue
+++ b/src/views/basicData/Warehouse/components/processStorageType.vue
@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-16 09:47:01
+ * @LastEditTime: 2022-03-18 09:39:09
  * @Description:
 -->
 <template>
@@ -18,9 +18,9 @@
       label-position="left"
     >
       <el-form-item :label="$t('module.basicData.Warehouse.SelectStorageType')" prop="portAttrId">
-        <el-radio v-model="dataForm.portAttrId" :label="1">Working Port</el-radio>
-        <el-radio v-model="dataForm.portAttrId" :label="2">Buffer Port</el-radio>
-        <el-radio v-model="dataForm.portAttrId" :label="3">Exception Port</el-radio>
+        <el-radio v-model="dataForm.portAttrId" label="1">Working Port</el-radio>
+        <el-radio v-model="dataForm.portAttrId" label="2">Buffer Port</el-radio>
+        <el-radio v-model="dataForm.portAttrId" label="3">Exception Port</el-radio>
       </el-form-item>
       <el-form-item :label="$t('module.basicData.storageBox.name')" prop="storageId">
         <el-select v-model="dataForm.storageId" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.storageBox.name')])" clearable>
@@ -41,6 +41,7 @@
 </template>
 
 <script>
+import { getPortDetail } from '@/api/dashboard'
 import { storageBoxList } from '@/api/basicData/Cache/storageBox'
 
 export default {
@@ -50,7 +51,7 @@ export default {
       locationId: '',
       locationName: '',
       dataForm: {
-        portAttrId: 1,
+        portAttrId: '1',
         storageId: ''
       },
       dataRule: {
@@ -65,7 +66,7 @@ export default {
     }
   },
   methods: {
-    init(id, name) {
+    init(id, name, attribute, isExist) {
       this.locationId = id
       this.locationName = name
       const listQuery = {
@@ -81,6 +82,16 @@ export default {
       })
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
+        if (attribute) {
+          this.dataForm.portAttrId = attribute
+        } else {
+          this.dataForm.portAttrId = '1'
+        }
+        if (isExist) {
+          getPortDetail(id).then(res => {
+            if (res.code === 0) { this.dataForm.storageId = res.data.storageBoxId }
+          })
+        }
       })
       this.visible = true
     },