Explorar o código

新增库存管理页面

1004749546@qq.com %!s(int64=4) %!d(string=hai) anos
pai
achega
2c297887e9

+ 73 - 0
src/components/Table/EditableCell.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="editable-cell">
+    <div class="add-cont" v-if="editable">
+      <a-icon @click="handleMinus" :style="{fontSize:'20px', color: '#1890ff',padding: '10px'}" type="minus-circle" />
+      <a-input-number :max="max" :min="min" :value="value" @change="handleChange"/>
+      <a-icon @click="handleAdd" :style="{fontSize:'20px', color: '#1890ff',padding: '10px'}" type="plus-circle" />
+    </div>
+    <span v-else>{{ value }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EditableCell',
+  props: {
+    // 文本框内容
+    text: {
+      type: [String, Number],
+      default: ''
+    },
+    // 是否可编辑
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    // 可输入最大值
+    max: {
+      type: [String, Number],
+      default: ''
+    },
+    // 可输入最小值
+    min: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  data () {
+    return {
+      value: this.text
+    }
+  },
+  methods: {
+    // 减
+    handleMinus () {
+      this.value--
+      this.$emit('change', this.value)
+    },
+    // 加
+    handleAdd () {
+      this.value++
+      this.$emit('change', this.value)
+    },
+    // 文本框变化
+    handleChange (v) {
+      this.value = v
+      this.$emit('change', this.value)
+    }
+  }
+}
+</script>
+
+<style lang="less">
+  .editable-cell{
+    .add-cont{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .ant-input-number-input {
+        text-align: center;
+      }
+    }
+  }
+</style>

+ 14 - 0
src/config/router.config.js

@@ -63,6 +63,20 @@ export const asyncRouterMap = [{
         meta: { title: '提现管理', icon: 'property-safety' }
       }
 	  ]
+  },
+  {
+    path: '/storehouseManagement',
+    name: 'storehouseManagement',
+    component: PageView,
+    meta: { title: '卫星仓管理', icon: 'switcher' },
+    children: [
+      {
+        path: 'StockSearch/list',
+        name: 'StockSearch',
+        component: () => import(/* webpackChunkName: "storehouseManagement" */ '@/views/storehouseManagement/StockSearch.vue'),
+        meta: { title: '库存查询', icon: 'security-scan' }
+      }
+    ]
   }
   // {
   //   path: '/auth',

+ 2 - 9
src/views/FinancialManagement/CashOutManagement.vue

@@ -172,12 +172,7 @@ export default {
     },
     // 重置
     resetSearchForm () {
-      this.queryOrderDate = undefined
-      this.queryParam = {
-        settleNo: '',
-        beginDate: '',
-        endDate: ''
-      }
+      this.queryOrderDate = null
       this.$refs.table.refresh(true)
       this.getListTotal()
     },
@@ -195,8 +190,6 @@ export default {
         params.beginDate = ''
         params.endDate = ''
       }
-      //    params.beginDate == null ? params.beginDate = getDate.getToday().starttime : null
-      //    params.endDate == null ? params.endDate = getDate.getToday().endtime : null
       settlementRecordsListTotal(params).then(res => {
         if (res.status == 200) {
           if (res.data) {
@@ -218,7 +211,7 @@ export default {
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
-      vm.resetSearchForm()
+      vm.queryOrderDate = null
     })
   }
 }

+ 17 - 23
src/views/FinancialManagement/LedgerRecords.vue

@@ -2,10 +2,10 @@
   <a-card :bordered="false">
     <!-- 搜索条件 -->
     <div class="table-page-search-wrapper">
-      <a-form layout="inline" @keyup.enter.native="refresh">
+      <a-form-model ref="queryForm" :model="queryParam" layout="inline" @keyup.enter.native="refresh">
         <a-row :gutter="48">
           <a-col :lg="8" :sm="12">
-            <a-form-item label="分账时间" :label-col="{ span:4 }" :wrapper-col="{ span:16}">
+            <a-form-model-item label="分账时间" :label-col="{ span:4 }" :wrapper-col="{ span:16}">
               <a-range-picker
                 id="PaySettlementRecords-queryOrderDate"
                 :disabledDate="disabledDate"
@@ -14,10 +14,10 @@
                 :show-time="{ format: 'HH:mm' }"
                 format="YYYY-MM-DD HH:mm"
                 :placeholder="['开始时间', '结束时间']" />
-            </a-form-item>
-          </a-col>
+            </a-form-model-item>
+            </a-form-model-item></a-col>
           <a-col :lg="8" :sm="12">
-            <a-form-item label="客户名称" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+            <a-form-model-item label="客户名称" prop="storeName" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
               <a-select
                 show-search
                 allowClear
@@ -29,20 +29,20 @@
                   {{ item.name }}
                 </a-select-option>
               </a-select>
-            </a-form-item>
+            </a-form-model-item>
           </a-col>
           <a-col :lg="8" :sm="12">
-            <a-form-item label="配件名称" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+            <a-form-model-item label="配件名称" prop="partName" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
               <a-input class="full-width" v-model="queryParam.partName" placeholder="请输入配件名称" allowClear id="PaySettlementRecords-queryOrderDate"/>
-            </a-form-item>
+            </a-form-model-item>
           </a-col>
           <a-col :lg="8" :sm="12">
-            <a-form-item label="配件编码" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+            <a-form-model-item label="配件编码" prop="settleNo" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
               <a-input class="full-width" v-model="queryParam.settleNo" placeholder="请输入配件编码" allowClear id="PaySettlementRecords-queryOrderDate"/>
-            </a-form-item>
+            </a-form-model-item>
           </a-col>
           <a-col :lg="6" :sm="12">
-            <a-form-item label="分账状态" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+            <a-form-model-item label="分账状态" prop="status" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
               <v-select
                 v-model="queryParam.status"
                 ref="ledgerStatus"
@@ -50,15 +50,15 @@
                 code="SETTLE_STATUS_ALL"
                 placeholder="请选择分账状态"
                 allowClear></v-select>
-            </a-form-item>
+            </a-form-model-item>
           </a-col>
           <a-col :lg="6" :sm="12">
             <a-button type="primary" @click="refresh" id="PaySettlementRecords-refresh">查询</a-button>
             <a-button style="margin-left: 8px" @click="resetSearchForm" id="PaySettlementRecords-resetSearchForm">重置</a-button>
           </a-col>
         </a-row>
-      </a-form>
-    </div>
+      </a-form-model>
+      </a-form></div>
     <!-- 合计 -->
     <a-alert type="info" showIcon style="margin-bottom:15px">
       <div class="ftext" slot="message">总计:<span>{{ orderTotal }}</span>条,分账金额<span>¥{{ amountTotal }}</span>元</div>
@@ -104,7 +104,7 @@ export default {
         { id: 116, name: '凤城八路店' }
       ],
       queryParam: {
-        storeName: '', // 客户名称
+        storeName: undefined, // 客户名称
         partName: '', // 配件名称
         status: '', // 分账状态
         settleNo: '',
@@ -216,11 +216,7 @@ export default {
     // 重置
     resetSearchForm () {
       this.queryOrderDate = undefined
-      this.queryParam = {
-        settleNo: '',
-        beginDate: '',
-        endDate: ''
-      }
+      this.$refs.queryForm.resetFields()
       this.$refs.table.refresh(true)
       this.getListTotal()
     },
@@ -238,8 +234,6 @@ export default {
         params.beginDate = ''
         params.endDate = ''
       }
-      //    params.beginDate == null ? params.beginDate = getDate.getToday().starttime : null
-      //    params.endDate == null ? params.endDate = getDate.getToday().endtime : null
       settlementRecordsListTotal(params).then(res => {
         if (res.status == 200) {
           if (res.data) {
@@ -256,7 +250,7 @@ export default {
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
-      vm.resetSearchForm()
+      vm.$refs.queryForm.resetFields()
     })
   }
 }

+ 190 - 0
src/views/storehouseManagement/ReplenishmentListModal.vue

@@ -0,0 +1,190 @@
+<template>
+  <div>
+    <a-modal
+      class="modalBox"
+      title="补货清单"
+      v-model="isshow"
+      @cancle="cancel"
+      :footer="null"
+      width="60%"
+      :centered="true">
+      <s-table
+        ref="table"
+        size="default"
+        rowKey="id"
+        bordered
+        :columns="columns"
+        :data="loadData">
+        <!-- 补货数量 -->
+        <template slot="number" slot-scope="text, record, index">
+          <editable-cell :max="999999" :text="text" @change="onCellChange(index, 'number', $event)" />
+        </template>
+        <!-- 操作 -->
+        <template slot="action" slot-scope="text, record">
+          <a-button @click="remove(record)" type="primary">移除</a-button>
+        </template>
+      </s-table>
+      <a-row class="footer" type="flex" align="middle" justify="center">
+        <a-button @click="handleSubmit" type="primary">创建销售单</a-button>
+      </a-row>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import {
+  settlementRecordsList
+} from '@/api/FinancialManagement'
+import EditableCell from '@/components/Table/EditableCell.vue'
+import {
+  STable,
+  VSelect
+} from '@/components'
+export default {
+  props: {
+    openReplenishmentModal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    STable,
+    EditableCell
+  },
+  data () {
+    return {
+      isshow: this.openReplenishmentModal,
+      dataSource: [],
+      columns: [
+        {
+          title: '客户名称',
+          dataIndex: 'settleDate',
+          width: 200,
+          align: 'center'
+        },
+        {
+          title: '仓库名称',
+          dataIndex: 'settleNo',
+          width: 150,
+          align: 'center'
+        },
+        {
+          title: '配件名称',
+          dataIndex: 'orderNum',
+          width: 150,
+          align: 'center',
+          scopedSlots: {
+            customRender: 'userInfo'
+          }
+        },
+        {
+          title: '产品编码',
+          dataIndex: 'realAmount',
+          align: 'center',
+          width: 150
+        },
+        {
+          title: '产品原厂编码',
+          dataIndex: 'code',
+          align: 'center',
+          width: 150
+        },
+        {
+          title: '差异库存',
+          dataIndex: 'status',
+          align: 'center',
+          width: 100
+        },
+        {
+          title: '补货数量',
+          width: 200,
+          align: 'center',
+          dataIndex: 'number',
+          scopedSlots: {
+            customRender: 'number'
+          }
+        },
+        {
+          title: '操作',
+          width: 150,
+          align: 'center',
+          scopedSlots: {
+            customRender: 'action'
+          }
+        }
+      ],
+      loadData: parameter => {
+        const params = {
+          beginDate: '',
+          endDate: '',
+          settleNo: '',
+          pageNo: 1,
+          pageSize: 10
+        }
+        return settlementRecordsList(params).then(res => {
+          res.data.list.map(item => item.number = item.number ? item.number : 1)
+          this.dataSource = res.data.list || []
+          return res.data
+        })
+      }
+    }
+  },
+  methods: {
+    // 获取补货清单列表
+    getList () {
+      const params = {
+        beginDate: '',
+        endDate: '',
+        settleNo: '',
+        pageNo: 1,
+        pageSize: 10
+      }
+      settlementRecordsList(params).then(res => {
+        if (res.status == 200) {
+          this.dataSource = res.data.list
+          this.dataSource.map(item => item.number = item.number ? item.number : 1)
+        } else {
+          this.dataSource = []
+        }
+      })
+    },
+    // 补货数量改变 index:下标  dataIndex:字段名  value:值
+    onCellChange (index, dataIndex, value) {
+      const dataSource = [...this.dataSource]
+      dataSource[index][dataIndex] = value
+      this.dataSource = dataSource
+      console.log(this.dataSource, 'ddddd')
+    },
+    // 移除
+    remove () {
+
+    },
+    // 提交
+    handleSubmit () {
+
+    },
+	  // 关闭弹窗
+	  cancel () {
+	    this.$emit('close')
+	  }
+  },
+  watch: {
+	  openReplenishmentModal (newValue, oldValue) {
+      this.isshow = newValue
+	  },
+	  isshow (val) {
+	    if (!val) {
+	      this.$emit('close')
+	    } else {
+        // this.getList()
+      }
+	  }
+  }
+}
+</script>
+
+<style scoped="scoped">
+  .footer{
+    padding-top: 50px;
+  }
+</style>

+ 281 - 0
src/views/storehouseManagement/StockSearch.vue

@@ -0,0 +1,281 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 搜索条件 -->
+    <div class="table-page-search-wrapper">
+      <a-form-model ref="queryForm" :model="queryParam" :rules="rules" layout="inline" @keyup.enter.native="refresh">
+        <a-row :gutter="48">
+          <a-col :lg="8" :sm="12">
+            <a-form-model-item prop="storeName" required label="客户名称" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+              <a-select
+                show-search
+                allowClear
+                placeholder="请输入客户名称"
+                option-filter-prop="children"
+                v-model="queryParam.storeName"
+              >
+                <a-select-option v-for="item in storeList" :key="item.id" :value="item.id">
+                  {{ item.name }}
+                </a-select-option>
+              </a-select>
+            </a-form-model-item>
+          </a-col>
+          <a-col :lg="8" :sm="12">
+            <a-form-model-item prop="partName" label="配件名称" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+              <a-input class="full-width" v-model="queryParam.partName" placeholder="请输入配件名称" allowClear id="PaySettlementRecords-queryOrderDate"/>
+            </a-form-model-item>
+          </a-col>
+          <a-col :lg="8" :sm="12">
+            <a-form-model-item prop="settleNo" label="配件编码" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+              <a-input class="full-width" v-model="queryParam.settleNo" placeholder="产品编码/产品原厂编码" allowClear id="PaySettlementRecords-queryOrderDate"/>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="48">
+          <a-col :lg="8" :sm="12">
+            <a-form-model-item prop="status" label="是否缺货" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
+              <v-select
+                v-model="queryParam.status"
+                ref="ledgerStatus"
+                id="purchasedSetmeal-status"
+                code="SETTLE_STATUS_ALL"
+                placeholder="请选择"
+                allowClear></v-select>
+            </a-form-model-item>
+          </a-col>
+          <a-col :lg="6" :sm="12">
+            <a-button type="primary" @click="handleSearch" id="PaySettlementRecords-refresh">查询</a-button>
+            <a-button style="margin-left: 8px" @click="resetSearchForm" id="PaySettlementRecords-resetSearchForm">重置</a-button>
+          </a-col>
+        </a-row>
+        </a-form>
+      </a-form-model></div>
+    <!-- 合计 -->
+    <div class="ftext" >
+      <a-button class="btn-cont" icon="unordered-list" type="primary" @click="openModal" id="PaySettlementRecords-refresh">补货清单</a-button>
+    </div>
+    <!-- 列表 -->
+    <div>
+      <s-table
+        ref="table"
+        size="default"
+        rowKey="id"
+        bordered
+        :columns="columns"
+        :data="loadData">
+        <!-- 操作 -->
+        <template slot="action" slot-scope="text, record">
+          <a href="#" class="action-btn" id="StockSearch-openAddBtn" @click="addReplenishmentList(record)">加入补货单</a>
+          <a href="#" class="action-btn" id="StockSearch-openOutInBtn" @click="openOutInModal(record)">出入库记录</a>
+        </template>
+      </s-table>
+    </div>
+    <!-- 补货清单弹窗 -->
+    <replenishmentList-modal
+      :openReplenishmentModal="openReplenishmentModal"
+      @close="openReplenishmentModal=false"
+      @refresh="$refs.table.refresh(true)">
+    </replenishmentList-modal>
+    <!-- 出入库记录弹窗 -->
+    <stock-outIn-modal
+      :showOutInModal="showOutInModal"
+      :partId="itemId"
+      :partName="partName"
+      @close="showOutInModal=false">
+    </stock-outIn-modal>
+  </a-card>
+</template>
+
+<script>
+import moment from 'moment'
+import {
+  STable,
+  VSelect
+} from '@/components'
+import ReplenishmentListModal from './ReplenishmentListModal.vue'
+import stockOutInModal from './stockOutInModal.vue'
+import {
+  settlementRecordsList,
+  settlementRecordsListTotal
+} from '@/api/FinancialManagement'
+export default {
+  name: 'StockSearch',
+  components: {
+    VSelect,
+    STable,
+    ReplenishmentListModal,
+    stockOutInModal
+  },
+  data () {
+    return {
+      openReplenishmentModal: false, // 是否打开补货清单弹窗
+      showOutInModal: false, // 是否打开出入库记录弹窗
+      partName: '', // 要查询出入库记录的配件名称
+      storeList: [
+        { id: 11, name: '常青二路店' },
+        { id: 112, name: '西部大道店99999999999999999' },
+        { id: 114, name: '渭滨路店' },
+        { id: 115, name: '未央店' },
+        { id: 116, name: '凤城八路店' }
+      ],
+      // 搜索条件
+      queryParam: {
+        // storeName: undefined, // 客户名称
+        // partName: '', // 配件名称
+        // status: '', // 分账状态
+        settleNo: ''
+      },
+      // 校验规则
+      rules: {
+        storeName: [{ required: true, message: '请先选择客户名称', trigger: 'change' }]
+      },
+      itemId: '', // 每条数据id
+      settleId: '',
+      replenishmentList: [], // 补货清单列表
+      columns: [{
+        title: '序号',
+        dataIndex: 'no',
+        width: 60,
+        align: 'center'
+      },
+      {
+        title: '客户名称',
+        dataIndex: 'settleDate',
+        width: 200,
+        align: 'center'
+      },
+      {
+        title: '配件名称',
+        dataIndex: 'settleNo',
+        width: 150,
+        align: 'center'
+      },
+      {
+        title: '产品编码',
+        dataIndex: 'orderNum',
+        width: 150,
+        align: 'center',
+        scopedSlots: {
+          customRender: 'userInfo'
+        }
+      },
+      {
+        title: '产品原厂编码',
+        dataIndex: 'realAmount',
+        align: 'center',
+        width: 150
+      },
+      {
+        title: '安全库存',
+        dataIndex: 'code',
+        align: 'center',
+        width: 150
+      },
+      {
+        title: '当前库存',
+        dataIndex: 'status',
+        align: 'center',
+        width: 150
+      },
+      {
+        title: '差异库存',
+        dataIndex: 'remarks',
+        width: 100,
+        align: 'center',
+        customRender: (text) => {
+          return text || '--'
+        }
+      },
+      {
+        title: '操作',
+        width: 200,
+        align: 'center',
+        scopedSlots: {
+          customRender: 'action'
+        }
+      }
+      ],
+      loadData: parameter => {
+        const searchData = Object.assign(parameter, this.queryParam)
+        console.log(this.queryOrderDate, 'this.queryOrderDate')
+        if (this.queryOrderDate && this.queryOrderDate.length) {
+          searchData.beginDate = moment(this.queryOrderDate[0]).format('YYYY-MM-DD')
+          searchData.endDate = moment(this.queryOrderDate[1]).format('YYYY-MM-DD')
+        } else {
+          searchData.beginDate = ''
+          searchData.endDate = ''
+        }
+        return settlementRecordsList(searchData).then(res => {
+          const no = (res.data.pageNo - 1) * res.data.pageSize
+          for (let i = 0; i < res.data.list.length; i++) {
+            const _item = res.data.list[i]
+            _item.no = no + i + 1
+          }
+          return res.data
+        })
+      }
+    }
+  },
+  methods: {
+    // 查询
+    handleSearch () {
+      this.$refs.queryForm.validate(valid => {
+        if (valid) {
+          this.$refs.table.refresh(true)
+        } else {
+          return false
+        }
+      })
+    },
+    // 重置
+    resetSearchForm () {
+      this.$refs.queryForm.resetFields()
+      this.$refs.table.refresh(true)
+    },
+    // 打开补货清单弹窗
+    openModal () {
+      this.openReplenishmentModal = true
+    },
+    // 加入补货清单
+    addReplenishmentList (row) {
+      const item = row
+      item.number = 1
+      this.replenishmentList.unshift(item)
+    },
+    // 打开出入库记录弹窗
+    openOutInModal (item) {
+      this.partName = item.settleNo
+      this.itemId = item.id
+      this.showOutInModal = true
+    }
+
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      vm.$refs.queryForm.resetFields()
+    })
+  }
+}
+</script>
+
+<style scoped lang="less">
+  .ftext{
+    margin-bottom: 15px;
+    font-size: 18px;
+    .btn-cont{
+      margin-right: 20px;
+    }
+  }
+  .action-btn{
+    display: inline-block;
+    padding: 8px 10px;
+    color: #fff;
+    border-radius: 5px;
+    margin: 3px;
+  }
+	#StockSearch-openAddBtn{
+     background-color: #1890ff;
+  }
+  #StockSearch-openOutInBtn {
+    background-color: #00aa00;
+  }
+</style>

+ 181 - 0
src/views/storehouseManagement/stockOutInModal.vue

@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <a-modal
+      class="modalBox"
+      title="出入库记录"
+      v-model="isshow"
+      @cancle="cancel"
+      :footer="null"
+      width="60%"
+      :centered="true">
+      <a-row class="name-cont">
+        {{ partName }}
+      </a-row>
+      <div>
+        <a href="#" :class="['tab-btn',currentKey=='1'?'active':'']" @click="tabChange(1)" >出库记录</a>
+        <a href="#" :class="['tab-btn',currentKey=='2'?'active':'']" @click="tabChange(2)" >入库记录</a>
+      </div>
+      <s-table
+        ref="table"
+        size="default"
+        rowKey="id"
+        bordered
+        :columns="currentKey=='1'?columnsOut:columnsIn"
+        :data="loadData">
+      </s-table>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import {
+  settlementRecordsList
+} from '@/api/FinancialManagement'
+import EditableCell from '@/components/Table/EditableCell.vue'
+import {
+  STable,
+  VSelect
+} from '@/components'
+export default {
+  props: {
+    showOutInModal: {
+      type: Boolean,
+      default: false
+    },
+    partId: {
+      type: [String, Number],
+      default: ''
+    },
+    // 配件名称
+    partName: {
+      type: String,
+      default: ''
+    }
+  },
+  components: {
+    STable,
+    EditableCell
+  },
+  data () {
+    return {
+      isshow: this.showOutInModal,
+      currentKey: '1', // 当前下标
+      dataSource: [],
+      // 出库记录
+      columnsOut: [
+        {
+          title: '出库时间',
+          dataIndex: 'settleDate',
+          width: 200,
+          align: 'center'
+        },
+        {
+          title: '出库单号',
+          dataIndex: 'settleNo',
+          width: 150,
+          align: 'center'
+        },
+        {
+          title: '出库类型',
+          dataIndex: 'orderNum',
+          width: 150,
+          align: 'center',
+          scopedSlots: {
+            customRender: 'userInfo'
+          }
+        },
+        {
+          title: '出库数量',
+          dataIndex: 'realAmount',
+          align: 'center',
+          width: 150
+        }
+      ],
+      // 入库记录
+      columnsIn: [
+        {
+          title: '入库时间',
+          dataIndex: 'settleDate',
+          width: 200,
+          align: 'center'
+        },
+        {
+          title: '入库单号',
+          dataIndex: 'settleNo',
+          width: 150,
+          align: 'center'
+        },
+        {
+          title: '入库类型',
+          dataIndex: 'orderNum',
+          width: 150,
+          align: 'center',
+          scopedSlots: {
+            customRender: 'userInfo'
+          }
+        },
+        {
+          title: '入库数量',
+          dataIndex: 'realAmount',
+          align: 'center',
+          width: 150
+        }
+      ],
+      loadData: parameter => {
+        const params = {
+          beginDate: '',
+          endDate: '',
+          settleNo: '',
+          pageNo: 1,
+          pageSize: 10
+        }
+        return settlementRecordsList(params).then(res => {
+          return res.data
+        })
+      }
+    }
+  },
+  methods: {
+    tabChange (type) {
+      this.currentKey = type
+      this.$refs.table.refresh(true)
+    },
+	  // 关闭弹窗
+	  cancel () {
+	    this.$emit('close')
+	  }
+  },
+  watch: {
+	  showOutInModal (newValue, oldValue) {
+      this.isshow = newValue
+	  },
+	  isshow (val) {
+	    if (!val) {
+	      this.$emit('close')
+	    } else {
+        // this.getList()
+      }
+	  }
+  }
+}
+</script>
+
+<style scoped="scoped">
+  .name-cont{
+    padding-bottom: 20px;
+    font-size: 16px;
+  }
+  .tab-btn{
+    display: inline-block;
+    padding: 8px 20px;
+    text-align: center;
+    border: 1px solid #e8e8e8;
+    border-bottom: none;
+    color: rgba(0, 0, 0, 0.65);
+  }
+  .active{
+    background-color: #1890ff;
+    color: #fff;
+    border: none;
+  }
+</style>