From a401dd9504d9c1a4476fc5aaaacce5feaacafbd0 Mon Sep 17 00:00:00 2001
From: xiangxy <shione_xxy@163.com>
Date: Tue, 8 Aug 2023 17:59:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8C=85=E8=A3=85=E6=9C=BA=E7=AE=A1=E7=90=86ad?=
 =?UTF-8?q?d?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/getData1.js                        |   2 +-
 src/pages/modules/buffer/bzjselect.vue        | 245 ++++++++++++++++++
 src/pages/modules/buffer/index.vue            |  64 +++++
 .../modules/buffer/letter-buffer-select.vue   | 245 ++++++++++++++++++
 src/router/index.js                           |  17 ++
 5 files changed, 572 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/modules/buffer/bzjselect.vue
 create mode 100644 src/pages/modules/buffer/index.vue
 create mode 100644 src/pages/modules/buffer/letter-buffer-select.vue

diff --git a/src/config/getData1.js b/src/config/getData1.js
index 45b58b0..e64d307 100644
--- a/src/config/getData1.js
+++ b/src/config/getData1.js
@@ -56,7 +56,7 @@ export const authority = () => {
         path: 'RF07',
         name: '暂存区管理',
         sonTree: [
-          // {menu_id: '1', name: '暂存区管理', path: '/operation'}
+          {menu_id: '1', name: '包装机选择', path: '/bzjselect'}
         ]
       }
     ]
diff --git a/src/pages/modules/buffer/bzjselect.vue b/src/pages/modules/buffer/bzjselect.vue
new file mode 100644
index 0000000..be8ea2a
--- /dev/null
+++ b/src/pages/modules/buffer/bzjselect.vue
@@ -0,0 +1,245 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.stor_id"
+                              :label="item.stor_name"
+                              :value="item.stor_id">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">单据类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.value"
+                              :label="item.label"
+                              :value="item.value">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">入库点</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value3" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options3"
+                              :key="item.point_code"
+                              :label="item.point_name"
+                              :value="item.point_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">备注</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input" v-model="remark">
+                    </div>
+                </div>
+                <div class="search-item_2 flexend">
+                    <button class="button button--primary" @click="toAddBillMater">添加单据物料</button>
+                    <button class="button button--primary" :disabled="disabled2" :class="{'button--defalut': this.value1 === '' || this.value2 === '' || this.value3 === '' || this.dataList === [] || flag}" @click="showDialog">确认入库</button>
+                    <button class="button button--primary" :class="{'button--defalut': pkId === ''}" @click="delRow">删除一行</button>
+                    <button class="button button--primary" @click="toSearch">作业查询</button>
+                </div>
+            </div>
+        </div>
+        <div class="grid_wraper">
+            <table class="filter-table">
+                <thead>
+                    <tr>
+                        <th>序号</th>
+                        <th>物料编号</th>
+                        <th>物料名称</th>
+                        <th>物料规格</th>
+                        <th>入库数量</th>
+                        <th>订单号</th>
+                        <th>客户</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(e, i) in dataList" :key="i" :class="{'selected_icon': pkId === e.sale_code}" @click="toRadio(e)">
+                        <td>{{i + 1}}</td>
+                        <td>{{e.material_code}}</td>
+                        <td>{{e.material_name}}</td>
+                        <td>{{e.material_spec}}</td>
+                        <td><input type="number" class="input" v-model="e.sale_qty"></td>
+                        <!-- <td><input type="number" class="input" :min="0" v-model="el.sale_qty" @blur="e => {if (e.target.value === '') {el.sale_qty=0}}" v-enter-number></td> -->
+                        <td>{{e.sale_code}}</td>
+                        <td>{{e.remark}}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+         <jxDialog
+          ref="child"
+          :title="title"
+          :type="type"
+          @toSure="toSureDialog"
+          >
+          <div class="form_wraper">确定继续操作吗？</div>
+        </jxDialog>
+    </div>
+</template>
+
+<script>
+import { getBcpStor, getBillType, getPoint, confirmIn } from '../../../config/getData1.js'
+import jxDialog from '@components/dialog.vue'
+export default {
+  name: 'finishedinstore',
+  components: {
+    jxDialog
+  },
+  data () {
+    return {
+      title: '提示',
+      type: '2',
+      options1: [],
+      value1: '',
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: '',
+      remark: '',
+      dataList: [],
+      // dataList: [{material_code: '24007845L', material_spec: '23xcds', material_name: '垫片活接直通\DPHJS22\EHJA0703009B', sale_qty: '1000', sale_code: '0022060927', remark: '222'}],
+      pkId: '',
+      pkObj: {},
+      disabled2: false
+    }
+  },
+  computed: {
+    flag () {
+      let flag = false
+      if (this.dataList.length) {
+        this.dataList.map(el => {
+          if (el.sale_qty === '' || Number(el.sale_qty) < 0) {
+            flag = true
+          }
+        })
+      }
+      return flag
+    }
+  },
+  beforeRouteLeave (to, from, next) {
+    if (to.path === '/home' || to.path === '/login') {
+      this.$store.dispatch('setKeepAlive', [])
+    }
+    next()
+  },
+  activated () {
+    if (this.$store.getters.materArr.length > 0) {
+      this.dataList = [...this.dataList, ...this.$store.getters.materArr]
+    }
+  },
+  created () {
+    this._getBcpStor()
+    this._getBillType()
+    this._getPoint()
+  },
+  methods: {
+    toSureDialog () {
+      this.toSure()
+    },
+    showDialog () {
+      if (this.flag || this.value1 === '' || this.value2 === '' || this.value3 === '' || this.dataList === []) {
+        // this.toast('请填写完整!')
+        return
+      }
+      this.$refs.child.active = true
+    },
+    // 仓库下拉框
+    async _getBcpStor () {
+      let res = await getBcpStor()
+      this.options1 = [...res.data]
+    },
+    // 单据类型下拉框
+    async _getBillType () {
+      let res = await getBillType()
+      this.options2 = [...res.data]
+    },
+    // 入库点下拉框
+    async _getPoint () {
+      let res = await getPoint()
+      this.options3 = [...res.data]
+    },
+    // 确认入库
+    async toSure () {
+      this.$refs.child.disabled = true
+      this.disabled2 = true
+      if (this.value1 === '' || this.value2 === '' || this.value3 === '' || this.dataList === []) {
+        this.disabled2 = false
+        return
+      }
+      try {
+        let from = {
+          stor_id: this.value1,
+          bill_type: this.value2,
+          point_code: this.value3,
+          remark: this.remark,
+          rows: this.dataList
+        }
+        let res = await confirmIn(from)
+        this.toast(res.message)
+        this.value1 = ''
+        this.value2 = ''
+        this.value3 = ''
+        this.remark = ''
+        this.dataList = []
+        this.disabled2 = false
+        this.$store.dispatch('setMaterObj', '')
+        this.$refs.child.active = false
+        this.$refs.child.disabled = false
+      } catch (e) {
+        this.disabled2 = false
+        this.$refs.child.active = false
+        this.$refs.child.disabled = false
+      }
+    },
+    toAddBillMater () {
+      this.$store.dispatch('setMaterArr', [])
+      this.$router.push('/selectfinishedmater')
+    },
+    toSearch () {
+      this.$router.push('/finishedinstoresearch')
+    },
+    toRadio (e) {
+      this.pkId = this.pkId === e.sale_code ? '' : e.sale_code
+      this.pkObj = this.pkId === e.sale_code ? e : {}
+    },
+    delRow () {
+      if (!this.pkId) {
+        return
+      }
+      this.dataList = this.dataList.filter(el => el.sale_code !== this.pkId)
+      this.$store.dispatch('setMaterArr', this.dataList)
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.grid_wraper
+    height calc(100% - 1.1rem)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
+.filter-table th, .filter-table td
+    line-height 22px
+.input
+    width auto
+    text-indent 0
+    text-align center
+</style>
diff --git a/src/pages/modules/buffer/index.vue b/src/pages/modules/buffer/index.vue
new file mode 100644
index 0000000..2319577
--- /dev/null
+++ b/src/pages/modules/buffer/index.vue
@@ -0,0 +1,64 @@
+<template>
+    <div class="content blue" ref="content">
+        <jxHeader
+        :title="title"
+        @switchColor="switchColor"
+        />
+        <div class="body-container">
+          <div class="main-container">
+              <keep-alive :include="keepAlive" >
+                <router-view/>
+              </keep-alive>
+          </div>
+        </div>
+    </div>
+    </template>
+
+<script>
+import { mapGetters } from 'vuex'
+import jxHeader from '@components/header.vue'
+export default {
+  components: {
+    jxHeader
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {
+    title () {
+      let res = ['包装机选择'][Number(this.$route.meta.guidePath) - 1]
+      return res
+    },
+    ...mapGetters(['keepAlive'])
+  },
+  methods: {
+    switchColor (type) {
+      switch (type) {
+        case 1:
+          this.$refs.content.classList.value = 'content overall_orange'
+          break
+        case 2:
+          this.$refs.content.classList.value = 'content overall_lightgreen'
+          break
+        case 3:
+          this.$refs.content.classList.value = 'content overall_blue'
+          break
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@style/mixin.styl'
+.content
+    _wh(100%, 100vh)
+.body-container
+    _wh(calc(100% - 30px), calc(100% - 55px))
+    margin 0 auto 10px
+    padding 5px
+    border 1px solid #484cce
+.main-container
+    _wh(100%, 100%)
+</style>
diff --git a/src/pages/modules/buffer/letter-buffer-select.vue b/src/pages/modules/buffer/letter-buffer-select.vue
new file mode 100644
index 0000000..be8ea2a
--- /dev/null
+++ b/src/pages/modules/buffer/letter-buffer-select.vue
@@ -0,0 +1,245 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.stor_id"
+                              :label="item.stor_name"
+                              :value="item.stor_id">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">单据类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.value"
+                              :label="item.label"
+                              :value="item.value">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">入库点</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value3" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options3"
+                              :key="item.point_code"
+                              :label="item.point_name"
+                              :value="item.point_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">备注</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input" v-model="remark">
+                    </div>
+                </div>
+                <div class="search-item_2 flexend">
+                    <button class="button button--primary" @click="toAddBillMater">添加单据物料</button>
+                    <button class="button button--primary" :disabled="disabled2" :class="{'button--defalut': this.value1 === '' || this.value2 === '' || this.value3 === '' || this.dataList === [] || flag}" @click="showDialog">确认入库</button>
+                    <button class="button button--primary" :class="{'button--defalut': pkId === ''}" @click="delRow">删除一行</button>
+                    <button class="button button--primary" @click="toSearch">作业查询</button>
+                </div>
+            </div>
+        </div>
+        <div class="grid_wraper">
+            <table class="filter-table">
+                <thead>
+                    <tr>
+                        <th>序号</th>
+                        <th>物料编号</th>
+                        <th>物料名称</th>
+                        <th>物料规格</th>
+                        <th>入库数量</th>
+                        <th>订单号</th>
+                        <th>客户</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(e, i) in dataList" :key="i" :class="{'selected_icon': pkId === e.sale_code}" @click="toRadio(e)">
+                        <td>{{i + 1}}</td>
+                        <td>{{e.material_code}}</td>
+                        <td>{{e.material_name}}</td>
+                        <td>{{e.material_spec}}</td>
+                        <td><input type="number" class="input" v-model="e.sale_qty"></td>
+                        <!-- <td><input type="number" class="input" :min="0" v-model="el.sale_qty" @blur="e => {if (e.target.value === '') {el.sale_qty=0}}" v-enter-number></td> -->
+                        <td>{{e.sale_code}}</td>
+                        <td>{{e.remark}}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+         <jxDialog
+          ref="child"
+          :title="title"
+          :type="type"
+          @toSure="toSureDialog"
+          >
+          <div class="form_wraper">确定继续操作吗？</div>
+        </jxDialog>
+    </div>
+</template>
+
+<script>
+import { getBcpStor, getBillType, getPoint, confirmIn } from '../../../config/getData1.js'
+import jxDialog from '@components/dialog.vue'
+export default {
+  name: 'finishedinstore',
+  components: {
+    jxDialog
+  },
+  data () {
+    return {
+      title: '提示',
+      type: '2',
+      options1: [],
+      value1: '',
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: '',
+      remark: '',
+      dataList: [],
+      // dataList: [{material_code: '24007845L', material_spec: '23xcds', material_name: '垫片活接直通\DPHJS22\EHJA0703009B', sale_qty: '1000', sale_code: '0022060927', remark: '222'}],
+      pkId: '',
+      pkObj: {},
+      disabled2: false
+    }
+  },
+  computed: {
+    flag () {
+      let flag = false
+      if (this.dataList.length) {
+        this.dataList.map(el => {
+          if (el.sale_qty === '' || Number(el.sale_qty) < 0) {
+            flag = true
+          }
+        })
+      }
+      return flag
+    }
+  },
+  beforeRouteLeave (to, from, next) {
+    if (to.path === '/home' || to.path === '/login') {
+      this.$store.dispatch('setKeepAlive', [])
+    }
+    next()
+  },
+  activated () {
+    if (this.$store.getters.materArr.length > 0) {
+      this.dataList = [...this.dataList, ...this.$store.getters.materArr]
+    }
+  },
+  created () {
+    this._getBcpStor()
+    this._getBillType()
+    this._getPoint()
+  },
+  methods: {
+    toSureDialog () {
+      this.toSure()
+    },
+    showDialog () {
+      if (this.flag || this.value1 === '' || this.value2 === '' || this.value3 === '' || this.dataList === []) {
+        // this.toast('请填写完整!')
+        return
+      }
+      this.$refs.child.active = true
+    },
+    // 仓库下拉框
+    async _getBcpStor () {
+      let res = await getBcpStor()
+      this.options1 = [...res.data]
+    },
+    // 单据类型下拉框
+    async _getBillType () {
+      let res = await getBillType()
+      this.options2 = [...res.data]
+    },
+    // 入库点下拉框
+    async _getPoint () {
+      let res = await getPoint()
+      this.options3 = [...res.data]
+    },
+    // 确认入库
+    async toSure () {
+      this.$refs.child.disabled = true
+      this.disabled2 = true
+      if (this.value1 === '' || this.value2 === '' || this.value3 === '' || this.dataList === []) {
+        this.disabled2 = false
+        return
+      }
+      try {
+        let from = {
+          stor_id: this.value1,
+          bill_type: this.value2,
+          point_code: this.value3,
+          remark: this.remark,
+          rows: this.dataList
+        }
+        let res = await confirmIn(from)
+        this.toast(res.message)
+        this.value1 = ''
+        this.value2 = ''
+        this.value3 = ''
+        this.remark = ''
+        this.dataList = []
+        this.disabled2 = false
+        this.$store.dispatch('setMaterObj', '')
+        this.$refs.child.active = false
+        this.$refs.child.disabled = false
+      } catch (e) {
+        this.disabled2 = false
+        this.$refs.child.active = false
+        this.$refs.child.disabled = false
+      }
+    },
+    toAddBillMater () {
+      this.$store.dispatch('setMaterArr', [])
+      this.$router.push('/selectfinishedmater')
+    },
+    toSearch () {
+      this.$router.push('/finishedinstoresearch')
+    },
+    toRadio (e) {
+      this.pkId = this.pkId === e.sale_code ? '' : e.sale_code
+      this.pkObj = this.pkId === e.sale_code ? e : {}
+    },
+    delRow () {
+      if (!this.pkId) {
+        return
+      }
+      this.dataList = this.dataList.filter(el => el.sale_code !== this.pkId)
+      this.$store.dispatch('setMaterArr', this.dataList)
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.grid_wraper
+    height calc(100% - 1.1rem)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
+.filter-table th, .filter-table td
+    line-height 22px
+.input
+    width auto
+    text-indent 0
+    text-align center
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index a635ce7..02f4c8b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -44,6 +44,10 @@ const selectMater = r => require.ensure([], () => r(require('@page/modules/clean
 const specialIndex = r => require.ensure([], () => r(require('@page/modules/special/index')), 'special')
 const manPouring = r => require.ensure([], () => r(require('@page/modules/special/man-pouring')), 'special')
 
+const bufferIndex = r => require.ensure([], () => r(require('@page/modules/buffer/index')), 'buffer')
+const bzjselect = r => require.ensure([], () => r(require('@page/modules/buffer/bzjselect')), 'buffer')
+const letterBufferSelect = r => require.ensure([], () => r(require('@page/modules/buffer/letter-buffer-select')), 'buffer')
+
 const Homeset = r => require.ensure([], () => r(require('@page/homeset/index')), 'Homeset')
 const Home = r => require.ensure([], () => r(require('@page/homeset/HomePage')), 'HomePage')
 const IfWork = r => require.ensure([], () => r(require('@page/homeset/IfWork')), 'IfWork')
@@ -217,6 +221,19 @@ export default new Router({
         meta: {guidePath: '1'}
       }]
     },
+    {
+      path: '/bufferindex',
+      component: bufferIndex,
+      children: [{
+        path: '/bzjselect', // 包装机选择
+        component: bzjselect,
+        meta: {guidePath: '1'}
+      }, {
+        path: '/letterbufferselect', // 刻字暂存位选择
+        component: letterBufferSelect,
+        meta: {guidePath: '2'}
+      }]
+    },
     {
       path: '/workordermanage',
       component: workordermanage