change - 修改在制品库/货道关系

src/router/index.js

@@ -218,6 +218,20 @@ export const dynamicRoutes = [
       },
     ],
   },
+  {
+    path: "/wcs/space-info",
+    component: Layout,
+    hidden: true,
+    permissions: ["base:storeInfo:list"],
+    children: [
+      {
+        path:"index/:storeCode",
+        component:() => import("@/views/base/spaceInfo/index"),
+        name:"childSpaceInfo",
+        meta: {title: "货道信息",activeMenu: "/base/spaceInfo"},
+      },
+    ],
+  },
 ]
 
 // 防止连续点击多次路由报错

src/views/base/spaceInfo/index.vue

@@ -2,12 +2,14 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="所属仓库" prop="storeCode">
-        <el-input
-          v-model="queryParams.storeCode"
-          placeholder="请输入所属仓库"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-select v-model="queryParams.storeCode" placeholder="请选择所属仓库">
+          <el-option
+            v-for="item in storeList"
+            :key="item.storeCode"
+            :label="item.storeName"
+            :value="item.storeCode"
+          ></el-option>
+        </el-select>
       </el-form-item>
       <!--      <el-form-item label="货道编号" prop="spaceCode">-->
       <!--        <el-input-->
@@ -88,6 +90,15 @@
         >导出
         </el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-close"
+          size="mini"
+          @click="handleClose"
+        >关闭</el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
     </el-row>
 
@@ -295,6 +306,7 @@ export default {
     };
   },
   created() {
+    this.queryParams.storeCode = this.$route.params && this.$route.params.storeCode;
     this.getList();
     findStoreList().then(response => {
       this.storeList = response.data;
@@ -345,6 +357,11 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
+    /** 返回按钮操作 */
+    handleClose() {
+      const obj = { path: "/wcs/storeInfo" };
+      this.$tab.closeOpenPage(obj);
+    },
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.objId)

src/views/base/storeInfo/index.vue

@@ -133,6 +133,12 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-d-arrow-right"
+            @click="findSpaceInfo(scope.row)"
+          >查看所属货道</el-button>
           <el-button
             size="mini"
             type="text"
@@ -325,6 +331,11 @@ export default {
       this.queryParams.pageNum = 1;
       this.getList();
     },
+    /** 查看所属货道 */
+    findSpaceInfo: function(row) {
+      const storeCode = row.storeCode;
+      this.$router.push("/wcs/space-info/index/" + storeCode);
+    },
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");