入库弹框

src/pages/modules/finished/finished-instore.vue

@@ -48,7 +48,8 @@
                     </div>
                 </div>
                 <div class="search-item_2 flexend">
-                    <button class="button button--primary" :disabled="disabled2" :class="{'button--defalut': this.value1 === '' || this.value2 === '' || this.value3 === '' || this.remark === '' || this.dataList === []}" @click="toSure">确认入库</button>
+                    <button class="button button--primary" :disabled="disabled2" :class="{'button--defalut': this.value1 === '' || this.value2 === '' || this.value3 === '' || this.remark === '' || this.dataList === []}" @click="showDialog">确认入库</button>
+                    <!-- <button class="button button--primary" @click="showDialog()">确认入库</button> -->
                     <button class="button button--primary" @click="toSearch">作业查询</button>
                     <button class="button button--primary" @click="toAddBillMater">添加单据物料</button>
                     <button class="button button--primary" :class="{'button--defalut': pkId === ''}" @click="delRow">删除一行</button>
@@ -83,15 +84,29 @@
                 </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: [],
@@ -117,15 +132,21 @@ export default {
     }
   },
   created () {
-    // if (this.$store.getters.materObj !== '') {
-    //   this.dataList.push(JSON.parse(this.$store.getters.materObj))
-    //   console.log(this.dataList, '2')
-    // }
     this._getBcpStor()
     this._getBillType()
     this._getPoint()
   },
   methods: {
+    toSureDialog () {
+      this.toSure()
+    },
+    showDialog () {
+      if (this.value1 === '' || this.value2 === '' || this.value3 === '' || this.remark === '' || this.dataList === []) {
+        // this.toast('请填写完整')
+        return
+      }
+      this.$refs.child.active = true
+    },
     // 仓库下拉框
     async _getBcpStor () {
       let res = await getBcpStor()
@@ -143,6 +164,7 @@ export default {
     },
     // 确认入库
     async toSure () {
+      this.$refs.child.disabled = true
       this.disabled2 = true
       if (this.value1 === '' || this.value2 === '' || this.value3 === '' || this.remark === '' || this.dataList === []) {
         this.disabled2 = false
@@ -165,8 +187,12 @@ export default {
         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 () {