src/api/dashboard.js

@@ -1,27 +0,0 @@
-/*
- * @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 }
-  })
-}

src/lang/i18n.js

@@ -115,10 +115,6 @@ export default {
     design: {
       zh: '设计',
       en: 'Design'
-    },
-    refresh: {
-      zh: '刷新',
-      en: 'Refresh'
     }
   },
   navbar: {

src/lang/i18n/en/module/dashboard.js

@@ -1,8 +1,8 @@
 /*
  * @Author: gtz
  * @Date: 2022-03-15 16:42:34
- * @LastEditors: gtz
+ * @LastEditors: zwq
- * @LastEditTime: 2022-03-16 20:01:32
+ * @LastEditTime: 2022-03-16 08:57:49
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\lang\i18n\en\module\dashboard.js
  */
@@ -12,12 +12,5 @@ export default {
   second: 'Second Row',
   title: 'WMS Inventory Information',
   pageHeader: 'No.',
-  pageFooter: ' Page',
+  pageFooter: ' Page'
-  isEmpty: 'Is Empty',
-  status: 'Status',
-  storageBoxCode: 'Cassette Code',
-  name: 'Location Name',
-  attribute: 'Location Attribute',
-  cassetteStatus: 'Cassette Status',
-  workOrderNo: 'Work Order Number'
 }

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-16 20:01:27
+ * @LastEditTime: 2022-03-15 16:58:30
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\lang\i18n\zh\module\dashboard.js
  */
@@ -12,12 +12,5 @@ export default {
   second: '第二排',
   title: 'WMS库存信息',
   pageHeader: '第',
-  pageFooter: '页',
+  pageFooter: '页'
-  isEmpty: '是否为空',
-  status: '状态',
-  storageBoxCode: '存储箱编码',
-  name: '库位名',
-  attribute: '库位属性',
-  cassetteStatus: '存储箱状态',
-  workOrderNo: '工单号'
 }

src/views/basicData/Warehouse/components/processStorageLink.vue

@@ -1,10 +1,10 @@
 <!--
  * @Author: gtz
  * @Date: 2022-03-03 09:16:10
- * @LastEditors: gtz
+ * @LastEditors: zwq
- * @LastEditTime: 2022-03-16 19:25:19
+ * @LastEditTime: 2022-03-16 10:11:10
  * @Description: file content
- * @FilePath: \mt-ck-wms-ui\src\views\basicData\Warehouse\components\processStorageLink.vue
+ * @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue
 -->
 <template>
   <div class="dashboard-container">
@@ -45,13 +45,14 @@
           <el-select
             v-model="current"
             size="mini"
+            placeholder="请选择库存范围"
             @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-select>
         </div>
       </el-row>
       <el-row
-        v-if="current * 80 < shelfVoList[0].rowVoList[0].portVoList.length"
+        v-if="current * 80 < shelfList[0].rowList[0].portList.length"
         class="dashboard-layout"
         :gutter="12"
       >
@@ -63,14 +64,14 @@
         >
           <el-row>
             <el-col
-              v-for="(i, index) in shelfVoList"
+              v-for="(i, index) in shelfList"
               :key="item + 'shelf' + i.id"
               :span="12"
               class="dashboard-layout-shelf"
             >
               <el-row>
                 <el-col
-                  v-for="z in i.rowVoList"
+                  v-for="z in i.rowList"
                   :key="item + 'shelf' + i + 'row' + z.id"
                   :span="12"
                   class="dashboard-layout-row"
@@ -82,36 +83,36 @@
                     :style="{
                       background:
                         portAttributeObj[
-                          z.portVoList[
+                          z.portList[
                             (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                           ].attribute
                         ],
                       cursor:
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ].attribute === 3
                           ? 'not-allowed'
                           : 'pointer',
                       color:
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ].attribute === 3
                           ? '#A2A8B5'
                           : '',
                       border:
-                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
+                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
                           ? '1px solid red' : ''
                     }"
                     @click="
                       setType(
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ]
                       )
                     "
                   >
-                    <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 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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </div>
                 </el-col>
               </el-row>
@@ -125,7 +126,7 @@
       <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
+            (shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20
           )"
           :key="'shelfbox' + item"
           class="dashboard-layout-shelf-box"
@@ -133,7 +134,7 @@
         >
           <el-row>
             <el-col
-              v-for="(i, index) in shelfVoList"
+              v-for="(i, index) in shelfList"
               :key="item + 'shelf' + i.id"
               :span="12"
               class="dashboard-layout-shelf"
@@ -142,14 +143,14 @@
                 v-if="
                   item <
                     Math.ceil(
-                      (shelfVoList[0].rowVoList[0].portVoList.length -
+                      (shelfList[0].rowList[0].portList.length -
                         (current - 1) * 80) /
                         20
                     )
                 "
               >
                 <el-col
-                  v-for="z in i.rowVoList"
+                  v-for="z in i.rowList"
                   :key="item + 'shelf' + i + 'row' + z.id"
                   :span="12"
                   class="dashboard-layout-row"
@@ -161,48 +162,48 @@
                     :style="{
                       background:
                         portAttributeObj[
-                          z.portVoList[
+                          z.portList[
                             (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                           ].attribute
                         ],
                       cursor:
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ].attribute === 3
                           ? 'not-allowed'
                           : 'pointer',
                       color:
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ].attribute === 3
                           ? '#A2A8B5'
                           : '',
                       border:
-                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
+                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
                           ? '1px solid red' : ''
                     }"
                     @click="
                       setType(
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ]
                       )
                     "
                   >
-                    <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 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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(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.rowVoList"
+                  v-for="z in i.rowList"
                   :key="item + 'shelf' + i + 'row' + z.id"
                   :span="12"
                   class="dashboard-layout-row"
                 >
                   <div
-                    v-for="x in shelfVoList[0].rowVoList[0].portVoList.length -
+                    v-for="x in shelfList[0].rowList[0].portList.length -
                       (item - 1) * 20 -
                       (current - 1) * 80"
                     :key="item + 'shelf' + i + 'row' + z + 'item' + x"
@@ -210,36 +211,36 @@
                     :style="{
                       background:
                         portAttributeObj[
-                          z.portVoList[
+                          z.portList[
                             (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                           ].attribute
                         ],
                       cursor:
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ].attribute === 3
                           ? 'not-allowed'
                           : 'pointer',
                       color:
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ].attribute === 3
                           ? '#A2A8B5'
                           : '',
                       border:
-                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
+                        selectStorageList.some(StorageItem=>StorageItem.locationId===z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
                           ? '1px solid red' : ''
                     }"
                     @click="
                       setType(
-                        z.portVoList[
+                        z.portList[
                           (current - 1) * 80 + (item - 1) * 20 + (x - 1)
                         ]
                       )
                     "
                   >
-                    <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 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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </div>
                 </el-col>
               </el-row>
@@ -260,7 +261,6 @@
 </template>
 
 <script>
-import { getPortList } from '@/api/dashboard'
 import { batchListAdd } from '@/api/basicData/Warehouse/StorageBoxInfo'
 import testdata from './testdata'
 import processStorageType from './processStorageType'
@@ -273,15 +273,13 @@ 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.shelfList[0].rowList[0].portList.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.selectStorageList.splice(0, this.selectStorageList.length)
     },
     setType(item) {
@@ -323,7 +321,7 @@ export default {
               type: 'success',
               duration: 1500,
               onClose: () => {
-                this.init()
+                this.selectStorageList.splice(0, this.selectStorageList.length)
               }
             })
           })

src/views/dashboard/components/PortDetail.vue

@@ -1,75 +0,0 @@
-<!--
- * @Author: zwq
- * @Date: 2020-12-29 16:37:56
- * @LastEditors: gtz
- * @LastEditTime: 2022-03-16 20:06:20
- * @Description:
--->
-<template>
-  <el-dialog
-    :title="'btn.detail' | i18nFilter"
-    :visible.sync="visible"
-  >
-    <el-form ref="dataForm" :model="dataForm" label-width="150px">
-      <el-form-item :label="$t('module.dashboard.name')" prop="name">
-        {{ dataForm.name }}
-      </el-form-item>
-      <el-form-item :label="$t('module.dashboard.attribute')" prop="attribute">
-        {{ dataForm.attribute ? portAttributeObj[dataForm.attribute] : '' }}
-      </el-form-item>
-      <el-form-item :label="$t('module.dashboard.cassetteStatus')" prop="cassetteVoList">
-        {{ dataForm.cassetteVoList.length && dataForm.cassetteVoList[0].status ? cassetteStatusObj[dataForm.cassetteVoList[0].status] : '' }}
-      </el-form-item>
-      <el-form-item :label="$t('module.dashboard.workOrderNo')" prop="workOrderNo">
-        {{ dataForm.workOrderNo }}
-      </el-form-item>
-      <el-form-item :label="$t('module.dashboard.storageBoxCode')" prop="storageBoxCode">
-        {{ dataForm.storageBoxCode }}
-      </el-form-item>
-    </el-form>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
-    </span>
-  </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
-      },
-      cassetteStatusObj: {
-        '1': 'Empty Cassette',
-        '2': 'Dummy Cassette',
-        '3': 'OK Cassette',
-        '4': 'NOK Cassette'
-      },
-      portAttributeObj: {
-        1: 'Working Port',
-        2: 'Buffer Port',
-        3: 'Exception Port'
-      }
-    }
-  },
-  methods: {
-    init(data) {
-      console.log(data)
-      this.visible = true
-      this.dataForm = data
-    }
-  }
-}
-</script>

src/views/dashboard/index.vue

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-03-03 09:16:10
  * @LastEditors: gtz
- * @LastEditTime: 2022-03-16 20:07:40
+ * @LastEditTime: 2022-03-15 16:47:57
  * @Description: file content
  * @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue
 -->
@@ -23,21 +23,20 @@
           {{ item.name }}
         </div>
         <div class="dashboard-legend-search">
-          <el-select v-model="current" size="mini" @change="handleChange">
+          <el-select v-model="current" size="mini" placeholder="请选择库存范围" @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-select>
-          <el-button type="primary" @click="refresh">{{ 'btn.refresh' | i18nFilter }}</el-button>
         </div>
       </el-row>
-      <el-row v-if="current * 80 < shelfVoList[0].rowVoList[0].portVoList.length" class="dashboard-layout" :gutter="12">
+      <el-row v-if="current * 80 < shelfList[0].rowList[0].portList.length" class="dashboard-layout" :gutter="12">
         <el-col v-for="item in 4" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
           <el-row>
-            <el-col v-for="(i, index) in shelfVoList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
+            <el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
               <el-row>
-                <el-col v-for="z in i.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
+                <el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
-                  <div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.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-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.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 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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </div>
                 </el-col>
               </el-row>
@@ -49,22 +48,22 @@
         </el-col>
       </el-row>
       <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)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
+        <el-col v-for="item in Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
           <el-row>
-            <el-col v-for="(i, index) in shelfVoList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
+            <el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
-              <el-row v-if="item < Math.ceil((shelfVoList[0].rowVoList[0].portVoList.length - (current - 1) * 80) / 20)">
+              <el-row v-if="item < Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)">
-                <el-col v-for="z in i.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
+                <el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
-                  <div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.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-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.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 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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(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.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
+                <el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
-                  <div v-for="x in 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-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.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 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.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
+                    {{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
                   </div>
                 </el-col>
               </el-row>
@@ -76,45 +75,24 @@
         </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() {
-    this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
+    console.log(this.shelfList)
-    this.init()
+    this.totalPage = Math.ceil(this.shelfList[0].rowList[0].portList.length / 80)
   },
   methods: {
-    init() {
-      getPortList().then(res => {
-        this.shelfVoList = res.data[0].shelfVoList
-        this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
-      })
-    },
     handleChange(v) {
       console.log(v)
-    },
-    handlePort(z, x) {
-      getPortDetail(z.portVoList[x - 1].id).then(res => {
-        this.addOrUpdateVisible = true
-        this.$nextTick(() => {
-          this.$refs.addOrUpdate.init({ ...(res.data), ...z.portVoList[x - 1] })
-        })
-      })
-    },
-    refresh() {
-      this.init()
     }
   }
 }