查询库区明细

src/api/basicData/inventoryAccount.js

@@ -129,3 +129,11 @@ export function getStockList(data) {
         params: data
     })
 }
+
+export function getAreaList(data) {
+    return request({
+        url: '/api/blade-sales-part/reservoirarearecord/listAll',
+        method: 'get',
+        params: data
+    })
+}

src/enums/column-name.js

@@ -2090,6 +2090,9 @@ const columnName = [{
 },{
   code: 479,
   name: '基础资料L-库区管理-列表页'
+},{
+  code: 480,
+  name: '库存管理(L)-库存查询-库区明细'
 }
 ]
 export const getColumnName = (key) => {

src/router/views/index.js

@@ -2083,6 +2083,18 @@ export default [{
     component: () => import( /* webpackChunkName: "views" */ '@/views/tirePartsMall/inventory/detail')
   }]
 }, {
+  path: '/tirePartsMall/inventory/areaDetail',
+  component: Layout,
+  hidden: true,
+  children: [{
+    path: '/tirePartsMall/inventory/areaDetail',
+    name: '库区明细',
+    meta: {
+      keepAlive: true,
+    },
+    component: () => import( /* webpackChunkName: "views" */ '@/views/tirePartsMall/inventory/areaDetail')
+  }]
+}, {
   path: '/statisticAnalysis/AmtAmount/index',
   component: Layout,
   hidden: true,

src/views/tirePartsMall/inventory/areaDetail.vue

@@ -0,0 +1,189 @@
+<template>
+  <basic-container>
+    <avue-crud
+      ref="crud"
+      :data="dataList"
+      :option="option"
+      v-model="form"
+      :table-loading="loading"
+      @refresh-change="refreshChange"
+      @resetColumn="resetColumnTwo('crud', 'option', 'optionBack', 480)"
+      @saveColumn="saveColumnTwo('crud', 'option', 'optionBack', 480)"
+    >
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import { getAreaList } from "@/api/basicData/inventoryAccount";
+
+export default {
+  name: "detail",
+  data() {
+    return {
+      option: {},
+      optionBack: {
+        searchShow: true,
+        searchMenuSpan: 8,
+        border: true,
+        index: true,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        addBtn: false,
+        align: "center",
+        menuWidth: "120",
+        menu: false,
+        showSummary: true,
+        searchIcon: true,
+        searchIndex: 2,
+        selection: true,
+        tip: false,
+        expand: false,
+        expandWidth: 38,
+        head: false,
+        summaryText: "合计",
+        sumColumnList: [
+          {
+            name: "addSendTotalNum",
+            type: "sum"
+          },
+          {
+            name: "subSendTotalNum",
+            type: "sum"
+          }
+        ],
+        column: [
+          {
+            label: "商品名称",
+            prop: "goodsName",
+            overHidden: true
+          },
+          {
+            label: "编码",
+            prop: "goodsNo",
+            overHidden: true
+          },
+          {
+            label: "品牌",
+            prop: "brandName",
+            overHidden: true
+          },
+
+          {
+            label: "库区",
+            prop: "reservoirAreaName",
+            overHidden: true
+          },
+          {
+            label: "批次号",
+            prop: "dot",
+            overHidden: true
+          },
+          {
+            label: "数量(总)",
+            prop: "quantity",
+            overHidden: true
+          },
+          {
+            label: "数量(融资)",
+            prop: "updateTime",
+            overHidden: true
+          },
+          {
+            label: "数量(自有)",
+            prop: "inQuantityHave",
+            overHidden: true
+          },
+          {
+            label: "出库数量(总)",
+            prop: "outQuantity",
+            overHidden: true
+          },
+          {
+            label: "出库数量(融资)",
+            prop: "outQuantityFinancing",
+            overHidden: true
+          },
+          {
+            label: "出库数量(自有)",
+            prop: "outQuantityHave",
+            overHidden: true
+          },
+          {
+            label: "结余数量(总)",
+            prop: "balanceQuantity",
+            overHidden: true
+          },
+          {
+            label: "结余数量(融资)",
+            prop: "balanceQuantityFinancing",
+            overHidden: true
+          },
+          {
+            label: "结余数量(自有)",
+            prop: "balanceQuantityHave",
+            overHidden: true
+          }
+        ]
+      },
+      dataList: [],
+      form: {},
+      loading: false
+    };
+  },
+  async created() {
+    this.option = await this.getColumnData(this.getColumnName(480), this.optionBack);
+    if (this.$route.query && this.$route.query.pid) {
+      this.onLoad();
+    }
+  },
+  activated() {},
+  methods: {
+    onLoad() {
+      let obj = {
+        pid: this.$route.query.pid,
+        goodsId: this.$route.query.goodsId,
+        storageId: this.$route.query.storageId,
+        dot: this.$route.query.dot
+      };
+      getAreaList(obj)
+        .then(res => {
+          console.log(res);
+          this.dataList = res.data.data ? res.data.data : [];
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    refreshChange() {
+      this.onLoad();
+    },
+    //自定义列保存
+    async saveColumnTwo(ref, option, optionBack, code) {
+      /**
+       * 已定义全局方法，直接使用，saveColumnData保存列数据方法,参数传值(表格名称，当前表格的option数据)
+       * 已定义全局方法，直接使用，getColumnName方法用来获取枚举值，参数根据自己定义的code值获取中文名
+       * 一定要执行异步操作，要等接口成功返回，才能执行下一行代码
+       */
+      const inSave = await this.saveColumnData(this.getColumnName(code), this[option]);
+      if (inSave) {
+        this.$message.success("保存成功");
+        //关闭窗口
+        this.$refs[ref].$refs.dialogColumn.columnBox = false;
+      }
+    },
+    //自定义列重置
+    async resetColumnTwo(ref, option, optionBack, code) {
+      this[option] = this[optionBack];
+      const inSave = await this.delColumnData(this.getColumnName(code), this[optionBack]);
+      if (inSave) {
+        this.$message.success("重置成功");
+        this.$refs[ref].$refs.dialogColumn.columnBox = false;
+      }
+    }
+  }
+};
+</script>
+
+<style scoped></style>

src/views/tirePartsMall/inventory/index.vue

@@ -5,17 +5,35 @@
         <el-tab-pane label="明细" name="first">
           <el-row>
             <el-col :span="4">
-              <avue-tree ref="treeRef" :option="treeOption" :data="treeData" @node-click="nodeClick"
-                style="height:73vh;" @save="corpTypeVisible = true">
+              <avue-tree
+                ref="treeRef"
+                :option="treeOption"
+                :data="treeData"
+                @node-click="nodeClick"
+                style="height:73vh;"
+                @save="corpTypeVisible = true"
+              >
               </avue-tree>
             </el-col>
             <el-col :span="20">
-              <avue-crud :option="option" :search.sync="search" v-model="form" :table-loading="loading" :data="dataList"
-                ref="crud" :key="key" @on-load="onLoad" @search-change="searchChange" @refresh-change="refreshChange"
-                :cell-style="cellStyle" @search-criteria-switch="searchCriteriaSwitch"
+              <avue-crud
+                :option="option"
+                :search.sync="search"
+                v-model="form"
+                :table-loading="loading"
+                :data="dataList"
+                ref="crud"
+                :key="key"
+                @on-load="onLoad"
+                @search-change="searchChange"
+                @refresh-change="refreshChange"
+                :cell-style="cellStyle"
+                @search-criteria-switch="searchCriteriaSwitch"
                 @resetColumn="resetColumnTwo('crud', 'option', 'optionList', 268)"
-                @saveColumn="saveColumnTwo('crud', 'option', 'optionList', 268)" :page.sync="page">
-                <template slot-scope="{type,size,row,$index}" slot="menuLeft">
+                @saveColumn="saveColumnTwo('crud', 'option', 'optionList', 268)"
+                :page.sync="page"
+              >
+                <template slot-scope="{ type, size, row, $index }" slot="menuLeft">
                   <div style="display: flex;align-items: center;">
                     <el-button type="warning" icon="el-icon-download" size="small" @click="outExport">导出</el-button>
                     <div style="display: flex;align-items: center;">
@@ -30,6 +48,11 @@
                     </div>
                   </div>
                 </template>
+                <template slot-scope="{ row }" slot="storageName">
+                  <span style="color: #409EFF;cursor: pointer" @click.stop="inPage(row)">
+                    {{ row.storageName }}
+                  </span>
+                </template>
                 <template slot-scope="{ row }" slot="balanceQuantity">
                   <span style="color: #409EFF;cursor: pointer" @click.stop="storeInventoryOpen(row)">
                     {{ row.balanceQuantity }}
@@ -40,21 +63,27 @@
           </el-row>
         </el-tab-pane>
         <el-tab-pane label="品牌" name="second">
-          <avue-crud :option="brandOption" :table-loading="loading" :data="brandList" ref="crudBrand"
-            :search.sync="brandSearch" @on-load="onbrandLoad" @search-change="brandsearchChange"
-            @refresh-change="brandrefreshChange" :cell-style="cellStyle"
+          <avue-crud
+            :option="brandOption"
+            :table-loading="loading"
+            :data="brandList"
+            ref="crudBrand"
+            :search.sync="brandSearch"
+            @on-load="onbrandLoad"
+            @search-change="brandsearchChange"
+            @refresh-change="brandrefreshChange"
+            :cell-style="cellStyle"
             @resetColumn="resetColumnTwo('crudBrand', 'brandOption', 'brandOptionList', 374)"
-            @saveColumn="saveColumnTwo('crudBrand', 'brandOption', 'brandOptionList', 374)">
-            <template slot-scope="{type,size,row,$index}" slot="menuLeft">
+            @saveColumn="saveColumnTwo('crudBrand', 'brandOption', 'brandOptionList', 374)"
+          >
+            <template slot-scope="{ type, size, row, $index }" slot="menuLeft">
               <el-button type="warning" icon="el-icon-download" size="small" @click="outExport2">导出</el-button>
             </template>
           </avue-crud>
         </el-tab-pane>
       </el-tabs>
-
     </basic-container>
-    <report-dialog :switchDialog="switchDialog" reportName="轮胎商城--盘库单" :reportId="form.id"
-      @onClose="onClose()"></report-dialog>
+    <report-dialog :switchDialog="switchDialog" reportName="轮胎商城--盘库单" :reportId="form.id" @onClose="onClose()"></report-dialog>
   </div>
 </template>
 
@@ -75,7 +104,7 @@ export default {
       treeData: [],
       loading: false,
       corpTypeVisible: false,
-      search: { whether: '0', ifGrounding: '1' },
+      search: { whether: "0", ifGrounding: "1" },
       form: {},
       dataList: [],
       stockSum: {}, // 合计数据
@@ -98,7 +127,7 @@ export default {
         props: {
           labelText: "标题",
           label: "title",
-          value: "value",
+          value: "value"
         }
       },
       option: {},
@@ -108,7 +137,7 @@ export default {
         delBtn: false,
         addBtn: false,
         index: true,
-        width: '100%',
+        width: "100%",
         span: 8,
         border: true,
         menu: false,
@@ -122,129 +151,137 @@ export default {
         searchIndex: 2,
         highlightCurrentRow: true,
         dialogWidth: "70%",
-        summaryText:this.$t("land118n.total"),
+        summaryText: this.$t("land118n.total"),
         showSummary: true,
         sumColumnList: [
           {
-            name: 'balanceQuantity',
-            type: 'sum',
+            name: "balanceQuantity",
+            type: "sum",
             decimals: 0
           },
           {
-            name: 'storeInventory',
-            type: 'sum',
+            name: "storeInventory",
+            type: "sum"
           },
           {
-            name: 'inventoryAmount',
-            type: 'sum',
+            name: "inventoryAmount",
+            type: "sum"
           },
           {
-            name: 'balanceQuantityFinancing',
-            type: 'sum',
+            name: "balanceQuantityFinancing",
+            type: "sum"
           },
           {
-            name: 'balanceQuantityHave',
-            type: 'sum',
-          },
+            name: "balanceQuantityHave",
+            type: "sum"
+          }
         ],
         column: [
           {
-            label: '商品名称',
+            label: "商品名称",
             prop: "cname",
             search: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '商品编码',
+            label: "商品编码",
             prop: "code",
             search: true,
-            overHidden: true,
-          }, {
-            label: '品牌',
+            overHidden: true
+          },
+          {
+            label: "品牌",
             prop: "brandName",
             // searchProp: "brandId",
             search: true,
             overHidden: true,
             filterable: true,
-            type: 'select',
+            type: "select",
             props: {
-              label: 'cname',
-              value: 'cname'
+              label: "cname",
+              value: "cname"
             },
-            dicUrl: '/api/blade-sales-part/brandDesc/listAllV1?type=PP&enableOrNot=1',
+            dicUrl: "/api/blade-sales-part/brandDesc/listAllV1?type=PP&enableOrNot=1",
             width: 100
-          }, {
-            label: '规格型号',
+          },
+          {
+            label: "规格型号",
             prop: "typeno",
             search: true,
             overHidden: true,
             width: 100
-          }, {
-            label: '花纹',
+          },
+          {
+            label: "花纹",
             prop: "brandItem",
             overHidden: true,
             width: 100
-          }, {
-            label: '商品描述',
+          },
+          {
+            label: "商品描述",
             prop: "productDescription",
             overHidden: true,
             width: 100
-          }, {
-            label: '分类',
+          },
+          {
+            label: "分类",
             prop: "goodsTypeId",
             overHidden: true,
             props: {
-              label: 'title',
-              value: 'value',
-              children: 'children'
+              label: "title",
+              value: "value",
+              children: "children"
             },
-            dicUrl: '/api/blade-sales-part/goodsType/tree?corpType=SP',
+            dicUrl: "/api/blade-sales-part/goodsType/tree?corpType=SP",
             width: 100
-          }, {
-            label: '仓库',
+          },
+          {
+            label: "仓库",
             prop: "storageId",
             // searchProp: "storageId",
             search: true,
             overHidden: true,
             hide: true,
-            type: 'select',
+            type: "select",
             props: {
-              label: 'cname',
-              value: 'id'
+              label: "cname",
+              value: "id"
             },
-            dicUrl: '/api/blade-sales-part/storageDesc/listAll',
+            dicUrl: "/api/blade-sales-part/storageDesc/listAll",
             width: 100
           },
           {
-            label: '仓库',
+            label: "仓库",
             prop: "storageName",
             overHidden: true,
             width: 100
           },
           {
-            label: '库存数量',
+            label: "库存数量",
             prop: "balanceQuantity",
             overHidden: true,
             width: 100
           },
           {
-            label: '结余数量(融资)',
+            label: "结余数量(融资)",
             prop: "balanceQuantityFinancing",
             overHidden: true,
             width: 120
           },
           {
-            label: '结余数量(自有)',
+            label: "结余数量(自有)",
             prop: "balanceQuantityHave",
             overHidden: true,
             width: 120
-          }, {
-            label: '库存单价',
+          },
+          {
+            label: "库存单价",
             prop: "inventoryCostPrice",
             overHidden: true,
             width: 100
-          }, {
-            label: '批次',
+          },
+          {
+            label: "批次",
             search: true,
             prop: "dot",
             overHidden: true,
@@ -257,51 +294,58 @@ export default {
           //   width: 100
           // },
           {
-            label: '库存金额',
+            label: "库存金额",
             prop: "inventoryAmount",
             overHidden: true,
             width: 100
           },
-/*            {
+          /*            {
             label: '库存预警',
             prop: "inventoryAlert",
             overHidden: true,
             width: 100
           }, */
-            {
-            label: '是否显示零库存',
+          {
+            label: "是否显示零库存",
             prop: "whether",
             overHidden: true,
             search: true,
-            type: 'select',
+            type: "select",
             showColumn: false,
             hide: true,
             width: 120,
             searchLabelWidth: 120,
-            searchValue: '0',
-            dicData: [{
-              label: '是',
-              value: '1'
-            }, {
-              label: '否',
-              value: '0'
-            }],
-          }, {
-            label: '是否上架',
+            searchValue: "0",
+            dicData: [
+              {
+                label: "是",
+                value: "1"
+              },
+              {
+                label: "否",
+                value: "0"
+              }
+            ]
+          },
+          {
+            label: "是否上架",
             prop: "ifGrounding",
             overHidden: true,
             search: true,
-            type: 'select',
-            dicData: [{
-              label: '未上架',
-              value: '0'
-            }, {
-              label: '已上架',
-              value: '1'
-            }],
-            searchValue: '1',
-
-          }]
+            type: "select",
+            dicData: [
+              {
+                label: "未上架",
+                value: "0"
+              },
+              {
+                label: "已上架",
+                value: "1"
+              }
+            ],
+            searchValue: "1"
+          }
+        ]
       },
       brandOption: {},
       brandOptionList: {
@@ -311,220 +355,240 @@ export default {
         searchMenuSpan: 12,
         column: [
           {
-            label: '仓库',
+            label: "仓库",
             prop: "storageId",
             search: true,
             overHidden: true,
             hide: true,
             showColumn: false,
-            type: 'select',
+            type: "select",
             filterable: true,
             props: {
-              label: 'cname',
-              value: 'id'
+              label: "cname",
+              value: "id"
             },
-            dicUrl: '/api/blade-sales-part/storageDesc/listAll',
+            dicUrl: "/api/blade-sales-part/storageDesc/listAll"
           },
           {
-            label: '品牌',
+            label: "品牌",
             prop: "brandId",
             search: true,
             overHidden: true,
             hide: true,
             showColumn: false,
-            type: 'select',
+            type: "select",
             filterable: true,
             props: {
-              label: 'cname',
-              value: 'id'
+              label: "cname",
+              value: "id"
             },
-            dicUrl: '/api/blade-sales-part/brandDesc/listAll?type=PP&enableOrNot=1'
+            dicUrl: "/api/blade-sales-part/brandDesc/listAll?type=PP&enableOrNot=1"
           },
           {
-            label: '品牌',
-            prop: 'brandName',
+            label: "品牌",
+            prop: "brandName",
             overHidden: true
-          }, {
-            label: '合计',
-            prop: 'goodsSizeTotal',
+          },
+          {
+            label: "合计",
+            prop: "goodsSizeTotal",
             overHidden: true
-          }, {
-            label: '12',
-            prop: 'goodsSize12',
+          },
+          {
+            label: "12",
+            prop: "goodsSize12",
             overHidden: true
-          }, {
-            label: '13',
-            prop: 'goodsSize13',
+          },
+          {
+            label: "13",
+            prop: "goodsSize13",
             overHidden: true
-          }, {
-            label: '14',
-            prop: 'goodsSize14',
+          },
+          {
+            label: "14",
+            prop: "goodsSize14",
             overHidden: true
-          }, {
-            label: '15',
-            prop: 'goodsSize15',
+          },
+          {
+            label: "15",
+            prop: "goodsSize15",
             overHidden: true
-          }, {
-            label: '16',
-            prop: 'goodsSize16',
+          },
+          {
+            label: "16",
+            prop: "goodsSize16",
             overHidden: true
-          }, {
-            label: '17',
-            prop: 'goodsSize17',
+          },
+          {
+            label: "17",
+            prop: "goodsSize17",
             overHidden: true
-          }, {
-            label: '18',
-            prop: 'goodsSize18',
+          },
+          {
+            label: "18",
+            prop: "goodsSize18",
             overHidden: true
-          }, {
-            label: '19',
-            prop: 'goodsSize19',
+          },
+          {
+            label: "19",
+            prop: "goodsSize19",
             overHidden: true
-          }, {
-            label: '20',
-            prop: 'goodsSize20',
+          },
+          {
+            label: "20",
+            prop: "goodsSize20",
             overHidden: true
-          }, {
-            label: '21',
-            prop: 'goodsSize21',
+          },
+          {
+            label: "21",
+            prop: "goodsSize21",
             overHidden: true
-          }, {
-            label: '22',
-            prop: 'goodsSize22',
+          },
+          {
+            label: "22",
+            prop: "goodsSize22",
             overHidden: true
-          }, {
-            label: '23',
-            prop: 'goodsSize23',
+          },
+          {
+            label: "23",
+            prop: "goodsSize23",
             overHidden: true
-          }, {
-            label: '24',
-            prop: 'goodsSize24',
+          },
+          {
+            label: "24",
+            prop: "goodsSize24",
             overHidden: true
-          }, {
-            label: '25',
-            prop: 'goodsSize25',
+          },
+          {
+            label: "25",
+            prop: "goodsSize25",
             overHidden: true
-          }, {
-            label: '26',
-            prop: 'goodsSize26',
+          },
+          {
+            label: "26",
+            prop: "goodsSize26",
             overHidden: true
-          }, {
-            label: '27',
-            prop: 'goodsSize27',
+          },
+          {
+            label: "27",
+            prop: "goodsSize27",
             overHidden: true
-          }, {
-            label: '28',
-            prop: 'goodsSize28',
+          },
+          {
+            label: "28",
+            prop: "goodsSize28",
             overHidden: true
-          }, {
-            label: '其它',
-            prop: 'goodsSizeOther',
+          },
+          {
+            label: "其它",
+            prop: "goodsSizeOther",
             overHidden: true
           }
         ]
       },
       brandList: [],
       brandSearch: {}
-    }
+    };
   },
   async created() {
     this.option = await this.getColumnData(this.getColumnName(268), this.optionList);
     this.brandOption = await this.getColumnData(this.getColumnName(374), this.brandOptionList);
-    this.option = this.optionList
-    isProcurement({ "param": "whether.model" }).then(res => {
+    this.option = this.optionList;
+    isProcurement({ param: "whether.model" }).then(res => {
       if (res.data.data == 1) {
-        this.findObject(this.option.column, "brandItem").label = '规格型号1'
+        this.findObject(this.option.column, "brandItem").label = "规格型号1";
       }
-    })
-    this.key++
+    });
+    this.key++;
     let i = 0;
     this.option.column.forEach(item => {
-      if (item.search) i++
-    })
+      if (item.search) i++;
+    });
     if (i % 3 !== 0) {
-      const num = 3 - Number(i % 3)
+      const num = 3 - Number(i % 3);
       this.option.searchMenuSpan = num * 8;
       this.option.searchMenuPosition = "right";
     }
     this.option.height = window.innerHeight - 260;
     this.brandOption.height = window.innerHeight - 230;
-    this.getAllWorkDicts()
-
+    this.getAllWorkDicts();
   },
   methods: {
     // 导出
     outExport() {
-      let config = { params: { ...this.search } }
+      let config = { params: { ...this.search } };
       if (config.params) {
         for (const propName of Object.keys(config.params)) {
           const value = config.params[propName];
-          if (value !== null && typeof (value) !== "undefined") {
+          if (value !== null && typeof value !== "undefined") {
             if (value instanceof Array) {
               for (const key of Object.keys(value)) {
-                let params = propName + '[' + key + ']';
-                config.params[params] = value[key]
+                let params = propName + "[" + key + "]";
+                config.params[params] = value[key];
               }
-              delete config.params[propName]
+              delete config.params[propName];
             }
           }
         }
       }
       const routeData = this.$router.resolve({
-        path: '/api/blade-sales-part/stockDesc/stockExport',      //跳转目标下载地址
+        path: "/api/blade-sales-part/stockDesc/stockExport", //跳转目标下载地址
         query: {
           ...config.params
         }
-      })
-      window.open(routeData.href.slice(1, routeData.href.length) + '&' + `${this.website.tokenHeader}=${getToken()}`);
+      });
+      window.open(routeData.href.slice(1, routeData.href.length) + "&" + `${this.website.tokenHeader}=${getToken()}`);
     },
     // 导出
     outExport2() {
-      let config = { params: { ...this.brandSearch } }
+      let config = { params: { ...this.brandSearch } };
       if (config.params) {
         for (const propName of Object.keys(config.params)) {
           const value = config.params[propName];
-          if (value !== null && typeof (value) !== "undefined") {
+          if (value !== null && typeof value !== "undefined") {
             if (value instanceof Array) {
               for (const key of Object.keys(value)) {
-                let params = propName + '[' + key + ']';
-                config.params[params] = value[key]
+                let params = propName + "[" + key + "]";
+                config.params[params] = value[key];
               }
-              delete config.params[propName]
+              delete config.params[propName];
             }
           }
         }
       }
       const routeData = this.$router.resolve({
-        path: '/api/blade-sales-part/stockDesc/stockBrandExport',      //跳转目标下载地址
+        path: "/api/blade-sales-part/stockDesc/stockBrandExport", //跳转目标下载地址
         query: {
           ...config.params
         }
-      })
-      window.open(routeData.href.slice(1, routeData.href.length) + '&' + `${this.website.tokenHeader}=${getToken()}`);
+      });
+      window.open(routeData.href.slice(1, routeData.href.length) + "&" + `${this.website.tokenHeader}=${getToken()}`);
     },
     handleClick() {
-      if (this.activeName == 'second') {
-        this.onbrandLoad()
+      if (this.activeName == "second") {
+        this.onbrandLoad();
       }
     },
     brandsearchChange(params, done) {
-      this.page.currentPage = 1
+      this.page.currentPage = 1;
       this.brandSearch = params;
       done();
-      this.onbrandLoad()
+      this.onbrandLoad();
     },
     brandrefreshChange() {
-      this.onLoad()
+      this.onLoad();
     },
     onbrandLoad() {
-      this.loading = true
-      stockBrandList(this.brandSearch).then(res => {
-        this.brandList = res.data.data
-      }).finally(() => {
-        this.$refs.crudBrand.init();
-        this.$refs.crudBrand.getTableHeight();
-        this.loading = false
-      })
+      this.loading = true;
+      stockBrandList(this.brandSearch)
+        .then(res => {
+          this.brandList = res.data.data;
+        })
+        .finally(() => {
+          this.$refs.crudBrand.init();
+          this.$refs.crudBrand.getTableHeight();
+          this.loading = false;
+        });
     },
     // 打印
     handlePrint() {
@@ -534,36 +598,36 @@ export default {
       this.switchDialog = val;
     },
     check(row) {
-      this.form = row
-      this.detailsOpen = true
+      this.form = row;
+      this.detailsOpen = true;
     },
     backToList(type) {
-      this.form = {}
-      this.detailsOpen = false
+      this.form = {};
+      this.detailsOpen = false;
       if (type === 0) {
-        this.detailData = {}
+        this.detailData = {};
       }
-      this.onLoad(this.page, this.search)
+      this.onLoad(this.page, this.search);
     },
     getAllWorkDicts() {
-      getCorpType({ corpType: 'SP' }).then(res => {
+      getCorpType({ corpType: "SP" }).then(res => {
         this.treeData = res.data.data;
         // this.findObject(this.option2.column, "parentId").dicData = res.data.data;
       });
     },
     nodeClick(data) {
-      this.search.goodsTypeId = data.value
+      this.search.goodsTypeId = data.value;
       this.page.currentPage = 1;
       this.onLoad(this.page, this.search);
     },
     //刷新
     refreshChange() {
-      this.onLoad(this.page, this.search)
+      this.onLoad(this.page, this.search);
     },
     searchChange(params, done) {
-      this.page.currentPage = 1
+      this.page.currentPage = 1;
       done();
-      this.onLoad(this.page, params)
+      this.onLoad(this.page, params);
     },
     onLoad(page, params = {}) {
       console.log(params);
@@ -572,21 +636,23 @@ export default {
         current: page.currentPage,
         size: page.pageSize,
         ...Object.assign(params, this.search)
-      }
-      this.loading = true
-      getList(params).then(res => {
-        this.dataList = res.data.data.records
-        this.page.total = res.data.data.total
-        stockDescStockSum(params).then(re => {
-          this.stockSum = re.data.data
-        })
-        this.$nextTick(() => {
-          this.$refs.crud.doLayout()
+      };
+      this.loading = true;
+      getList(params)
+        .then(res => {
+          this.dataList = res.data.data.records;
+          this.page.total = res.data.data.total;
+          stockDescStockSum(params).then(re => {
+            this.stockSum = re.data.data;
+          });
+          this.$nextTick(() => {
+            this.$refs.crud.doLayout();
+          });
+          this.loading = false;
         })
-        this.loading = false
-      }).finally(() => {
-        this.loading = false
-      })
+        .finally(() => {
+          this.loading = false;
+        });
     },
     searchCriteriaSwitch(type) {
       if (type) {
@@ -599,6 +665,18 @@ export default {
     cellStyle() {
       return "padding:0;height:40px;";
     },
+    inPage(row) {
+      this.$router.$avueRouter.closeTag("/tirePartsMall/inventory/areaDetail");
+      this.$router.push({
+        path: "/tirePartsMall/inventory/areaDetail",
+        query: {
+          pid: row.id,
+          storageId: row.storageId,
+          goodsId: row.goodsId,
+          dot: row.dot
+        }
+      });
+    },
     //点击可用库存打开
     storeInventoryOpen(row) {
       console.log(this.$store.getters.inventoryAccount);
@@ -611,10 +689,10 @@ export default {
           }
         });
       } else {
-        console.log(row)
-        this.params.corpId = row.corpId
-        this.params.itemId = row.goodsId
-        this.params.storageId = row.storageId
+        console.log(row);
+        this.params.corpId = row.corpId;
+        this.params.itemId = row.goodsId;
+        this.params.storageId = row.storageId;
         this.$router.$avueRouter.closeTag("/tirePartsMall/inventory/detail");
         this.$router.push({
           path: "/tirePartsMall/inventory/detail",
@@ -622,10 +700,9 @@ export default {
             stockId: row.storageId,
             goodsId: row.goodsId,
             dot: row.dot
-          },
+          }
         });
       }
-
     },
     //自定义列保存
     async saveColumnTwo(ref, option, optionBack, code) {
@@ -635,11 +712,11 @@ export default {
        * 一定要执行异步操作，要等接口成功返回，才能执行下一行代码
        */
       const inSave = await this.saveColumnData(this.getColumnName(code), this[option]);
-      isProcurement({ "param": "whether.model" }).then(res => {
+      isProcurement({ param: "whether.model" }).then(res => {
         if (res.data.data == 1) {
-          this.findObject(this.option.column, "brandItem").label = '规格型号1'
+          this.findObject(this.option.column, "brandItem").label = "规格型号1";
         }
-      })
+      });
       if (inSave) {
         this.$message.success("保存成功");
         //关闭窗口
@@ -649,11 +726,11 @@ export default {
     //自定义列重置
     async resetColumnTwo(ref, option, optionBack, code) {
       this[option] = this[optionBack];
-      isProcurement({ "param": "whether.model" }).then(res => {
+      isProcurement({ param: "whether.model" }).then(res => {
         if (res.data.data == 1) {
-          this.findObject(this.option.column, "brandItem").label = '规格型号1'
+          this.findObject(this.option.column, "brandItem").label = "规格型号1";
         }
-      })
+      });
       const inSave = await this.delColumnData(this.getColumnName(code), this[optionBack]);
       if (inSave) {
         this.$message.success("重置成功");
@@ -661,7 +738,7 @@ export default {
       }
     }
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>