From 6caecd26f75979777956dc96e14d6f3b39ce6688 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 15 七月 2022 17:23:42 +0800
Subject: [PATCH] 1.修改bug

---
 src/views/scgl/scdd.vue |  275 ++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 183 insertions(+), 92 deletions(-)

diff --git a/src/views/scgl/scdd.vue b/src/views/scgl/scdd.vue
index a063c82..30151be 100644
--- a/src/views/scgl/scdd.vue
+++ b/src/views/scgl/scdd.vue
@@ -13,6 +13,7 @@
             <el-form-item label="璁㈠崟鐘舵��" style=" display: flex;">
               <el-select
                 v-model="form.erporderstus"
+                filterable
                 :popper-append-to-body="false"
                 style="width: 200px"
                 placeholder="璇烽�夋嫨"
@@ -31,15 +32,6 @@
 
             <el-form-item label="浜у搧缂栫爜" style=" display: flex;">
               <el-input v-model="form.partcode" style="width: 200px" placeholder="璇疯緭鍏�" />
-
-              <!--              <el-select v-model="form.partcode" :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">-->
-              <!--                <el-option-->
-              <!--                  v-for="item in partArr"-->
-              <!--                  :key="item.code"-->
-              <!--                  :label="item.name"-->
-              <!--                  :value="item.code"-->
-              <!--                />-->
-              <!--              </el-select>-->
             </el-form-item>
             <el-form-item label="浜у搧鍚嶇О" style=" display: flex;">
               <el-input v-model="form.partname" style="width: 200px" placeholder="璇疯緭鍏�" />
@@ -50,10 +42,16 @@
             <el-form-item label="浜や粯鏃堕棿" style=" display: flex;">
               <el-date-picker
                 v-model="form.paydate"
-                type="date"
-                style="width: 200px"
-                placeholder="閫夋嫨鏃ユ湡"
+                type="daterange"
+                range-separator="~"
+                size="mini"
+                style="width: 240px"
+                :clearable="false"
+                start-placeholder="寮�濮嬫棩鏈�"
+                end-placeholder="缁撴潫鏃ユ湡"
               />
+              <!--              :picker-options="expireTimeOption"-->
+
             </el-form-item>
             <el-form-item label="鍒涘缓浜哄憳" style=" display: flex;">
               <el-input v-model="form.creatuser" style="width: 200px" placeholder="璇疯緭鍏�" />
@@ -61,15 +59,60 @@
             <el-form-item label="鍒涘缓鏃堕棿" style=" display: flex;">
               <el-date-picker
                 v-model="form.createdate"
-                type="date"
-                style="width: 200px"
-                placeholder="閫夋嫨鏃ユ湡"
+                type="daterange"
+                :clearable="false"
+                range-separator="~"
+                start-placeholder="寮�濮嬫棩鏈�"
+                style="width: 240px"
+                end-placeholder="缁撴潫鏃ユ湡"
+                size="mini"
               />
+              <!--              :picker-options="expireTimeOption"-->
+              <!--              <el-date-picker-->
+              <!--                v-model="form.createdate"-->
+              <!--                type="date"-->
+              <!--                size="mini"-->
+              <!--                :clearable="false"-->
+              <!--                style="width: 200px;"-->
+              <!--                format="yyyy-MM-dd"-->
+              <!--                placeholder="閫夋嫨鏃ユ湡"-->
+              <!--              />-->
             </el-form-item>
           </div>
-          <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2">
-            <el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
-            <el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
+          <div style="min-height: 100px">
+            <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2;justify-content: end">
+              <el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
+              <el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
+            </div>
+            <!--                      <div v-if="!isFullscreen" style="display: flex;align-items: start; margin-top: 15px;z-index: 2">-->
+            <!--                        <el-button-->
+            <!--                          type="primary"-->
+            <!--                          icon="el-icon-refresh-right"-->
+            <!--                          @click="reset('update')"-->
+            <!--                        >鍚屾ERP-->
+            <!--                        </el-button>-->
+            <!--                        <el-button-->
+            <!--                          type="primary"-->
+            <!--                          icon="el-icon-switch-button"-->
+            <!--                          @click="orderClose"-->
+            <!--                        >鍏抽棴璁㈠崟-->
+            <!--                        </el-button>-->
+            <!--                      </div>-->
+            <!--                      <div v-if="isFullscreen" style="display: flex;flex-direction: column;align-items: end">-->
+            <!--                        <el-button-->
+            <!--                          type="primary"-->
+            <!--                          icon="el-icon-refresh-right"-->
+            <!--                          style="margin: 10px 0"-->
+            <!--                          @click="reset('update')"-->
+            <!--                        >鍚屾ERP-->
+            <!--                        </el-button>-->
+            <!--                        <el-button-->
+            <!--                          type="primary"-->
+            <!--                          icon="el-icon-switch-button"-->
+            <!--                          @click="orderClose"-->
+            <!--                        >鍏抽棴璁㈠崟-->
+            <!--                        </el-button>-->
+            <!--                      </div>-->
           </div>
         </el-form>
       </div>
@@ -78,7 +121,7 @@
         <el-button
           type="primary"
           icon="el-icon-refresh-right"
-          @click="reset"
+          @click="reset('update')"
         >鍚屾ERP
         </el-button>
         <el-button
@@ -87,14 +130,12 @@
           @click="orderClose"
         >鍏抽棴璁㈠崟
         </el-button>
-        <!--        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
-        <!--        <el-button type="primary" icon="el-icon-upload2" @click="upload">瀵煎叆</el-button>-->
       </div>
       <el-divider />
       <div class="elTableDiv">
         <el-table
           :data="tableData"
-          :height="tableHeight"
+          :height="tableHeight+'px'"
           border
           stripe
           :style="{width: 100+'%',height:tableHeight+'px',}"
@@ -109,6 +150,7 @@
           <!--          />-->
           <el-table-column
             width="50"
+            fixed
           >
             <template slot-scope="{row}">
               <el-radio
@@ -141,16 +183,19 @@
             prop="wo"
             label="璁㈠崟缂栧彿"
             sortable="custom"
+            width="150"
           />
           <el-table-column
             prop="partcode"
             label="浜у搧缂栫爜"
             sortable="custom"
+            width="150"
           />
           <el-table-column
             prop="partname"
             label="浜у搧鍚嶇О"
             sortable="custom"
+            width="150"
           />
           <el-table-column
             prop="partspec"
@@ -161,12 +206,14 @@
           <el-table-column
             prop="qty"
             label="璁㈠崟鏁伴噺"
+            width="150"
             sortable="custom"
           />
           <el-table-column
             prop="wkshp_name"
             label="鐢熶骇杞﹂棿"
             sortable="custom"
+            width="150"
           />
           <el-table-column
             prop="paydate"
@@ -178,6 +225,7 @@
             prop="createuser"
             label="鍒涘缓浜哄憳"
             sortable="custom"
+            width="150"
           />
           <el-table-column
             prop="createdate"
@@ -187,6 +235,7 @@
           />
           <el-table-column
             label="鎿嶄綔"
+            fixed="right"
           >
             <template slot-scope="{row}">
               <div class="operationClass">
@@ -212,28 +261,29 @@
     <el-dialog
       :title="operation==='add'?'鏂板':'涓嬭揪'"
       :visible.sync="dialogVisible"
-      width="50%"
+      width="800px"
       top="15vh"
+      :close-on-click-modal="false"
       @closed="handleClose"
       @close="handleClose"
     >
       <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px">
-        <el-form-item label="璁㈠崟鐘舵��" prop="erporderstus">
-          <el-select
-            v-model="dialogForm.erporderstus"
-            disabled
-            :popper-append-to-body="false"
-            style="width: 200px"
-            placeholder="璇烽�夋嫨"
-          >
-            <el-option
-              v-for="item in erporderstusArr"
-              :key="item.code"
-              :label="item.name"
-              :value="item.code"
-            />
-          </el-select>
-        </el-form-item>
+        <!--        <el-form-item label="璁㈠崟鐘舵��" prop="erporderstus">-->
+        <!--          <el-select-->
+        <!--            v-model="dialogForm.erporderstus"-->
+        <!--            disabled-->
+        <!--            :popper-append-to-body="false"-->
+        <!--            style="width: 200px"-->
+        <!--            placeholder="璇烽�夋嫨"-->
+        <!--          >-->
+        <!--            <el-option-->
+        <!--              v-for="item in erporderstusArr"-->
+        <!--              :key="item.code"-->
+        <!--              :label="item.name"-->
+        <!--              :value="item.code"-->
+        <!--            />-->
+        <!--          </el-select>-->
+        <!--        </el-form-item>-->
         <el-form-item label="璁㈠崟缂栧彿" prop="erpordercode">
           <el-input v-model="dialogForm.erpordercode" disabled style="width: 200px" />
         </el-form-item>
@@ -243,9 +293,7 @@
         <el-form-item label="浜у搧鍚嶇О" prop="partname">
           <el-input v-model="dialogForm.partname" disabled style="width: 200px" />
         </el-form-item>
-        <el-form-item label="璁㈠崟鏁伴噺" prop="erpqty">
-          <el-input v-model="dialogForm.erpqty" disabled style="width: 200px" />
-        </el-form-item>
+
         <el-form-item label="浜у搧瑙勬牸" prop="partspec">
           <el-input v-model="dialogForm.partspec" disabled style="width: 200px" />
         </el-form-item>
@@ -254,6 +302,17 @@
         </el-form-item>
         <el-form-item label="鎵�灞炰粨搴�" prop="warehousename">
           <el-input v-model="dialogForm.warehousename" disabled style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="璁㈠崟鏁伴噺" prop="erpqty">
+          <el-input v-model="dialogForm.erpqty" disabled style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="宸蹭笅鍗曟暟" prop="relse_qty">
+          <el-input
+            v-model="dialogForm.relse_qty"
+            disabled
+            oninput="value=value.replace(/[^0-9.]/g,'')"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="涓嬪崟鏁伴噺" prop="markqty">
           <el-input
@@ -269,14 +328,7 @@
             style="width: 200px"
           />
         </el-form-item>
-        <el-form-item label="宸蹭笅鍗曟暟" prop="relse_qty">
-          <el-input
-            v-model="dialogForm.relse_qty"
-            disabled
-            oninput="value=value.replace(/[^0-9.]/g,'')"
-            style="width: 200px"
-          />
-        </el-form-item>
+
         <!--        <el-form-item label="浜や粯鏃堕棿" prop="">-->
         <!--          <el-date-picker-->
         <!--            v-model="dialogForm.markqty"-->
@@ -300,14 +352,12 @@
 
 <script>
 import Pagination from '@/components/Pagination'
-import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz'
-import { getCookie } from '@/utils/auth'
 import { ClosedErpOrder, ErpOrderSearch, MarkSaveErpOrder } from '@/api/scgl'
-import { PartSelect } from '@/api/zzmx'
+import { handleDatatime, handleDatetime } from '@/utils/global'
 
 const SER_HZ = /^[\u4e00-\u9fa5]+$/
 export default {
-  name: 'Zzjg',
+  name: 'SCDD',
   components: {
     Pagination
   },
@@ -324,6 +374,7 @@
       }
     }
     return {
+      isFullscreen: false,
       mainHeight: 0,
       tableHeight: 0,
       form: {
@@ -335,12 +386,11 @@
         paydate: '', // 浜や粯鏃堕棿
         creatuser: '', // 鍒涘缓浜哄憳
         createdate: '', // 鍒涘缓鏃堕棿
-        prop: 'partcode', // 鎺掑簭瀛楁
+        prop: 'createdate', // 鎺掑簭瀛楁
         order: 'desc', // 鎺掑簭瀛楁
         page: 1, // 绗嚑椤�
         rows: 20 // 姣忛〉澶氬皯鏉�
       },
-      // partArr: [],
       erporderstusArr: [
         { code: 'NEW', name: '鏂拌鍗�' },
         { code: 'CREATING', name: '鍒涘缓涓�' },
@@ -348,7 +398,6 @@
         { code: 'CLOSED', name: '宸插叧闂�' }
       ],
       total: 10,
-      // radioSelected: {},
       radioSelected: '',
       tableData: [],
       dialogVisible: false,
@@ -386,6 +435,11 @@
         ]
 
       }
+      // expireTimeOption: {
+      //   disabledDate(time) {
+      //     return time.getTime() > Date.now() - 8.64e6 // 濡傛灉娌℃湁鍚庨潰鐨�-8.64e6灏辨槸涓嶅彲浠ラ�夋嫨浠婂ぉ鐨�
+      //   }
+      // }
 
     }
   },
@@ -399,17 +453,38 @@
   },
   methods: {
     async getErpOrderSearch() {
-      const res = await ErpOrderSearch(this.form)
+      console.log(this.form, 1)
+      let tempDate2 = this.form.paydate
+      if (tempDate2.length > 0) {
+        tempDate2 = handleDatetime(tempDate2[0]) + '~' + handleDatetime(tempDate2[1])
+      }
+
+      let tempDate = this.form.createdate
+      if (tempDate.length > 0) {
+        tempDate = handleDatetime(tempDate[0]) + '~' + handleDatetime(tempDate[1])
+      }
+
+      const data = {
+        erporderstus: this.form.erporderstus, // 璁㈠崟鐘舵�佺爜
+        erpordercode: this.form.erpordercode, // 璁㈠崟缂栧彿
+        partcode: this.form.partcode, // 浜у搧缂栫爜
+        partname: this.form.partname, // 浜у搧鍚嶇О
+        partspec: this.form.partspec, // 浜у搧瑙勬牸
+        paydate: tempDate2, // 浜や粯鏃堕棿
+        creatuser: this.form.creatuser, // 鍒涘缓浜哄憳
+        // createdate: this.form.createdate.toString().length > 0 ? handleDatetime(this.form.createdate) : '', // 鍒涘缓鏃堕棿
+        createdate: tempDate,
+        prop: this.form.prop, // 鎺掑簭瀛楁
+        order: this.form.order, // 鎺掑簭瀛楁
+        page: this.form.page, // 绗嚑椤�
+        rows: this.form.rows // 姣忛〉澶氬皯鏉�
+
+      }
+
+      const res = await ErpOrderSearch(data)
       this.tableData = res.data
       this.total = res.count
     },
-    // syncGetErpOrderSearch() {
-    //   this.getErpOrderSearch()
-    // },
-    // async getPartSelect() {
-    //   const { data: res } = await PartSelect()
-    //   this.partArr = res
-    // },
     // 鎺掑簭鏀瑰彉鏃�
     sortChange({ column, prop, order }) {
       if (order === 'descending') {
@@ -428,7 +503,7 @@
       this.getErpOrderSearch()
     },
     // 閲嶇疆
-    reset() {
+    reset(val) {
       this.form.erporderstus = ''
       this.form.erpordercode = ''
       this.form.partcode = ''
@@ -438,36 +513,41 @@
       this.form.creatuser = ''
       this.form.createdate = ''
       this.getErpOrderSearch()
+      if (val.length > 0) {
+        this.$message.success('ERP宸插悓姝ワ紒')
+      }
     },
     // 鍗曢�夋閫変腑鑾峰彇褰撳墠琛屼俊鎭�
     getCurrentRow(wo) {
       this.radioSelected = wo
     },
     // 璁㈠崟鍏抽棴
-    async  orderClose() {
-      console.log(this.radioSelected, 1)
-
-      this.$confirm('鏄惁纭鍏抽棴璁㈠崟?', '鎻愮ず', {
-        confirmButtonText: '纭畾',
-        cancelButtonText: '鍙栨秷',
-        type: 'warning'
-      }).then(() => {
-        this.tableData.forEach((item, index) => {
-          if (this.radioSelected === item.wo) {
-            if (item.status !== 'NEW') {
-              return this.$message.info('姝よ鍗曢潪鏂拌鍗曪紝鏃犳硶鍏抽棴锛�')
-            }
+    async orderClose() {
+      if (this.radioSelected.length < 1) {
+        return this.$message.info('璇峰厛閫夋嫨璁㈠崟锛�')
+      }
+      this.tableData.forEach(item => {
+        if (item.wo === this.radioSelected) {
+          if (item.status !== 'NEW') {
+            return this.$message.info('姝よ鍗曢潪鏂拌鍗曪紝鏃犳硶鍏抽棴锛�')
+          } else {
+            this.$confirm('鏄惁纭鍏抽棴璁㈠崟?', '鎻愮ず', {
+              confirmButtonText: '纭畾',
+              cancelButtonText: '鍙栨秷',
+              type: 'warning'
+            }).then(() => {
+              ClosedErpOrder({ erpordercode: this.radioSelected }).then(res => {
+                if (res.code === '200') {
+                  this.$message.success('璁㈠崟鍏抽棴鎴愬姛!')
+                  this.getErpOrderSearch()
+                  // this.radioSelected = ''
+                }
+              })
+            }).catch(() => {
+              this.$message.info('宸插彇娑堝叧闂紒')
+            })
           }
-        })
-
-        ClosedErpOrder({ erpordercode: this.radioSelected }).then(res => {
-          if (res.code === '200') {
-            this.$message.success('鍒犻櫎鎴愬姛!')
-            this.getErpOrderSearch()
-          }
-        })
-      }).catch(() => {
-        this.$message.info('宸插彇娑堝垹闄�')
+        }
       })
     },
     // 鏂板鎸夐挳
@@ -521,10 +601,17 @@
     },
     // 瀵硅瘽妗嗙‘璁�
     dialogVisibleConfirm() {
+      if (this.dialogForm.markqty < 1 || this.dialogForm.markqty > this.dialogForm.erpqty - this.dialogForm.relse_qty) {
+        return this.$message.info('涓嬪崟鏁伴噺瓒呭嚭鍙笅鍗曟暟鐨勮寖鍥达紒')
+      }
+      if (this.dialogForm.ordernum < 1 || this.dialogForm.ordernum > this.dialogForm.markqty) {
+        return this.$message.info('涓嬪崟鍗曟暟瓒呭嚭鍙笅鍗曞崟鏁扮殑鑼冨洿锛�')
+      }
+
       this.$refs.dialogForm.validate(valid => {
         if (valid) {
           const data = {
-            'erporderstus': this.dialogForm.erporderstus,
+            // 'erporderstus': this.dialogForm.erporderstus,
             'erpordercode': this.dialogForm.erpordercode,
             'partcode': this.dialogForm.partcode,
             'wkshopcode': this.dialogForm.wkshopcode,
@@ -552,6 +639,10 @@
       this.$nextTick(() => {
         this.mainHeight = window.innerHeight - 250
         this.tableHeight = this.mainHeight - 100
+        // this.isFullscreen = window.innerHeight < 800
+        if (this.isFullscreen) {
+          this.tableHeight = this.tableHeight - 50
+        }
       })
     }
   }
@@ -722,8 +813,8 @@
   border-color: $main_color;
 }
 
-.elTableDiv{
-  ::v-deep .el-radio__label{
+.elTableDiv {
+  ::v-deep .el-radio__label {
     display: none;
   }
 }

--
Gitblit v1.9.3