From 32ec691abab0c837f34ce2c4908a40a10b9dbec7 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 29 七月 2022 17:20:15 +0800
Subject: [PATCH] 1.优化项目2.综合看板静态页面初步实现

---
 src/views/scgl/gd.vue | 1097 +++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 978 insertions(+), 119 deletions(-)

diff --git a/src/views/scgl/gd.vue b/src/views/scgl/gd.vue
index 91e9e8e..1c12268 100644
--- a/src/views/scgl/gd.vue
+++ b/src/views/scgl/gd.vue
@@ -12,10 +12,12 @@
           <div class="elForm">
             <el-form-item label="璁㈠崟鐘舵��" style=" display: flex;">
               <el-select
-                v-model="form.erporderstus"
+                v-model="form.mesorderstus"
                 :popper-append-to-body="false"
                 style="width: 200px"
                 placeholder="璇烽�夋嫨"
+                filterable
+                @change="erporderstusChange"
               >
                 <el-option
                   v-for="item in erporderstusArr"
@@ -26,9 +28,8 @@
               </el-select>
             </el-form-item>
             <el-form-item label="璁㈠崟缂栧彿" style=" display: flex;">
-              <el-input v-model="form.erpordercode" placeholder="璇疯緭鍏�" style="width: 200px" />
+              <el-input v-model="form.mesordercode" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
-
             <el-form-item label="浜у搧缂栫爜" style=" display: flex;">
               <!--              <el-select v-model="form.partcode" :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">-->
               <!--                <el-option-->
@@ -46,52 +47,62 @@
             <el-form-item label="浜у搧瑙勬牸" style=" display: flex;">
               <el-input v-model="form.partspec" style="width: 200px" placeholder="璇疯緭鍏�" />
             </el-form-item>
-            <el-form-item label="浜や粯鏃堕棿" style=" display: flex;">
-              <el-date-picker
-                v-model="form.paydate"
-                type="date"
-                style="width: 200px"
-                placeholder="閫夋嫨鏃ユ湡"
-              />
-            </el-form-item>
             <el-form-item label="鍒涘缓浜哄憳" style=" display: flex;">
               <el-input v-model="form.creatuser" style="width: 200px" placeholder="璇疯緭鍏�" />
             </el-form-item>
             <el-form-item label="鍒涘缓鏃堕棿" style=" display: flex;">
+              <!--              <el-date-picker-->
+              <!--                v-model="form.createdate"-->
+              <!--                type="daterange"-->
+              <!--                :clearable="false"-->
+              <!--                range-separator="~"-->
+              <!--                start-placeholder="寮�濮嬫棩鏈�"-->
+              <!--                end-placeholder="缁撴潫鏃ユ湡"-->
+              <!--                size="mini"-->
+              <!--              />-->
               <el-date-picker
                 v-model="form.createdate"
                 type="date"
-                style="width: 200px"
+                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;justify-content:end;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>
+            <!--            <div v-if="!isFullscreen" style="display: flex;align-items: start; margin-top: 15px;z-index: 2">-->
+            <!--              <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
+            <!--              <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>-->
+            <!--              <el-button type="primary" icon="el-icon-switch-button">璁㈠崟鍏抽棴</el-button>-->
+            <!--            </div>-->
+            <!--            <div v-if="isFullscreen" style="display: flex;flex-direction: column;align-items: end">-->
+            <!--              <div style="display: flex;margin: 10px 0">-->
+            <!--                <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
+            <!--                <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>-->
+            <!--              </div>-->
+            <!--              <el-button type="primary" icon="el-icon-switch-button">璁㈠崟鍏抽棴</el-button>-->
+            <!--            </div>-->
+
           </div>
         </el-form>
       </div>
       <el-divider />
       <div style="margin-left: 10px;display: flex">
-        <el-button
-          type="primary"
-          icon="el-icon-refresh-right"
-        >鍚屾ERP
-        </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-switch-button"
-        >璁㈠崟鍏抽棴
-        </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>-->
+        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
+        <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>
+        <el-button type="primary" icon="el-icon-switch-button" @click="orderClose">宸ュ崟鍏抽棴</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',}"
@@ -106,13 +117,14 @@
           <!--          />-->
           <el-table-column
             width="50"
+            fixed
           >
-            <template scope="scope">
+            <template slot-scope="{row}">
               <el-radio
                 v-model="radioSelected"
-                :label="scope.$index"
+                :label="row.wo_code"
                 style="color: #fff;padding-left: 10px; margin-right: -25px;"
-                @change.native="getCurrentRow(scope.row)"
+                @change.native="getCurrentRow(row.wo_code)"
               />
             </template>
           </el-table-column>
@@ -120,6 +132,7 @@
             prop="RowNum"
             width="50"
             label="搴忓彿"
+            fixed
           />
           <el-table-column
             prop="status"
@@ -129,7 +142,9 @@
           >
             <template slot-scope="{row}">
               <div v-if="row.status==='NEW'">鏂板伐鍗�</div>
-              <div v-if="row.status==='ALLOC'">宸叉淳鍙�</div>
+              <!--              <div v-if="row.status==='CREATING'">鎵ц涓�</div>-->
+              <!--              <div v-if="row.status==='CREATED'">宸插叧闂�</div>-->
+              <div v-if="row.status==='ALLO'">宸叉淳鍙�</div>
               <div v-if="row.status==='START'">寮�宸�</div>
               <div v-if="row.status==='CLOSED'">瀹屽伐</div>
             </template>
@@ -138,14 +153,17 @@
             prop="wo_code"
             label="宸ュ崟缂栧彿"
             sortable="custom"
+            min-width="160"
           />
           <el-table-column
             prop="partcode"
             label="浜у搧缂栫爜"
             sortable="custom"
+            min-width="120"
           />
           <el-table-column
             prop="partname"
+            min-width="150"
             label="浜у搧鍚嶇О"
             sortable="custom"
           />
@@ -157,46 +175,68 @@
           />
           <el-table-column
             prop="plan_qty"
-            label="宸ユ暟閲�"
+            label="宸ュ崟鏁�"
             sortable="custom"
-          />
-          <el-table-column
-            prop="plan_qty"
-            label="鐢熶骇杞﹂棿"
-            sortable="custom"
+            width="100"
           />
           <el-table-column
             prop="wkshp_name"
-            label="宸ヨ壓璺嚎"
+            label="鐢熶骇杞﹂棿"
             sortable="custom"
+            width="120"
           />
           <el-table-column
             prop="route_name"
-            label="鐢熶骇杞﹂棿"
+            label="宸ヨ壓璺嚎"
             sortable="custom"
+            min-width="130"
+          />
+
+          <el-table-column
+            prop="plan_startdate"
+            label="璁″垝寮�濮嬫椂闂�"
+            sortable="custom"
+            width="160"
           />
           <el-table-column
-            prop="paydate"
-            label="瑕佹眰浜や粯鏃堕棿"
+            prop="plan_enddate"
+            label="璁″垝缁撴潫鏃堕棿"
             sortable="custom"
+            width="160"
           />
           <el-table-column
-            prop="createuser"
+            prop="piroque"
+            label="宸ュ崟绛夌骇"
+            sortable="custom"
+            width="120"
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.piroque==='1'">鐗圭骇</div>
+              <div v-if="row.piroque==='2'">绱ф��</div>
+              <div v-if="row.piroque==='3'">姝e父</div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="lm_user"
             label="鍒涘缓浜哄憳"
             sortable="custom"
+            width="120"
           />
           <el-table-column
-            prop="createdate"
+            prop="lm_date"
             label="鍒涘缓鏃堕棿"
+            width="160"
             sortable="custom"
           />
           <el-table-column
             label="鎿嶄綔"
+            width="120"
+            fixed="right"
           >
             <template slot-scope="{row}">
               <div class="operationClass">
-                <el-button type="text" @click="edit('edit',row)">缂栬緫</el-button>
-                <!--                <el-button type="text" @click="del(row)">鍒犻櫎</el-button>-->
+                <el-button type="text" @click="check(row)">宸ュ簭浠诲姟</el-button>
+                <el-button type="text" @click="del(row)">鍒犻櫎</el-button>
               </div>
             </template>
           </el-table-column>
@@ -214,68 +254,435 @@
         @pagination="getMesOrderSearch"
       />
     </div>
-
+    <!--鏂板娲惧彂瀵硅瘽妗�-->
     <el-dialog
-      :title="operation==='add'?'鏂板':'缂栬緫'"
+      :title="operation==='add'?'鏂板':'娲惧彂'"
       :visible.sync="dialogVisible"
-      width="50%"
+      width="840px"
       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="OrgCode">
+      <el-form
+        ref="dialogForm"
+        inline
+        :rules="dialogFormRules"
+        :model="dialogForm"
+        label-width="110px"
+      >
+        <el-form-item
+          label="璁㈠崟鐘舵��"
+          prop="mesorderstus"
+        >
           <el-select
-            v-model="form.partcode"
+            v-model="dialogForm.mesorderstus"
             disabled
+            filterable
             :popper-append-to-body="false"
-            style="width: 220px"
+            style="width: 200px"
             placeholder="璇烽�夋嫨"
           >
             <el-option
-              v-for="item in OrgTypeArr"
+              v-for="item in erporderstusArr"
               :key="item.code"
               :label="item.name"
               :value="item.code"
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="璁㈠崟缂栧彿" prop="OrgCode">
-          <el-input v-model="dialogForm.OrgCode" disabled style="width: 220px" />
+
+        <el-form-item label="宸ュ崟缂栧彿" prop="mesordercode">
+          <el-input v-model="dialogForm.mesordercode" :disabled="operation!=='add'" style="width: 200px" />
         </el-form-item>
-        <el-form-item label="浜у搧缂栫爜" prop="OrgName">
-          <el-input v-model="dialogForm.OrgName" disabled style="width: 220px" />
+        <el-form-item label="宸ュ崟鏁伴噺" prop="mesqty">
+          <el-input
+            v-model="dialogForm.mesqty"
+            oninput="value=value.replace(/[^0-9.]/g,'')"
+            :disabled="operation!=='add'"
+            style="width: 200px"
+          />
         </el-form-item>
-        <el-form-item label="浜у搧鍚嶇О" prop="OrgName">
-          <el-input v-model="dialogForm.OrgName" disabled style="width: 220px" />
+        <el-form-item
+          v-if="operation==='add'"
+          label="浜у搧鍚嶇О"
+          prop="partcode"
+        >
+          <el-select
+            v-model="dialogForm.partcode"
+            filterable
+            :disabled="operation!=='add'"
+            :popper-append-to-body="false"
+            style="width: 200px"
+            placeholder="璇烽�夋嫨"
+            @change="partcodeChangeDialog"
+          >
+            <el-option
+              v-for="item in partArr"
+              :key="item.partcode"
+              :label="item.partname"
+              :value="item.partcode"
+            />
+          </el-select>
         </el-form-item>
-        <el-form-item label="璁㈠崟鏁伴噺" prop="OrgName">
-          <el-input v-model="dialogForm.OrgName" disabled style="width: 220px" />
+        <el-form-item v-if="operation!=='add'" label="浜у搧鍚嶇О" prop="partname">
+          <el-input v-model="dialogForm.partname" disabled style="width: 200px" />
         </el-form-item>
-        <el-form-item label="浜у搧瑙勬牸" prop="OrgName">
-          <el-input v-model="dialogForm.OrgName" disabled style="width: 220px" />
+        <el-form-item label="浜у搧缂栫爜" prop="partcode">
+          <el-input v-model="dialogForm.partcode" disabled style="width: 200px" />
         </el-form-item>
-        <el-form-item label="涓嬭揪鏁伴噺" prop="OrgName">
-          <el-input v-model="dialogForm.OrgName" style="width: 220px" />
+        <el-form-item label="浜у搧瑙勬牸" prop="partspec">
+          <el-input v-model="dialogForm.partspec" disabled style="width: 200px" />
         </el-form-item>
-        <el-form-item label="涓嬪崟鏁伴噺" prop="OrgName">
-          <el-input v-model="dialogForm.OrgName" style="width: 220px" />
-        </el-form-item>
-        <el-form-item label="浜や粯鏃堕棿" prop="OrgName">
+        <div style="display: flex">
+          <div style="display: flex;flex-wrap: nowrap">
+            <el-form-item label="宸ヨ壓璺嚎" prop="routecode">
+              <el-select
+                v-model="dialogForm.routecode"
+                filterable
+                :disabled="dialogForm.partcode===''"
+                :popper-append-to-body="false"
+                style="width: 172px"
+                placeholder="璇烽�夋嫨"
+                @change="routecodeChange"
+              >
+                <el-option
+                  v-for="item in routeArr"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-button
+              type="primary"
+              style="padding: 0 10px;margin-left: -8px;margin-top: 5px"
+              class="el-icon-search"
+              @click="searchClick"
+            />
+            <!--            :disabled="dialogForm.routecode===''"-->
+
+          </div>
+          <el-form-item label="鐢熶骇杞﹂棿" prop="wkshopcode">
+            <el-select
+              v-model="dialogForm.wkshopcode"
+              filterable
+              :popper-append-to-body="false"
+              style="width: 200px;"
+              placeholder="璇烽�夋嫨"
+              :disabled="dialogForm.routecode===''"
+            >
+              <el-option
+                v-for="item in wkshopArr"
+                :key="item.org_code"
+                :label="item.org_name"
+                :value="item.org_code"
+              />
+            </el-select>
+          </el-form-item>
+        </div>
+        <el-form-item label="璁″垝寮�濮嬫椂闂�" prop="planstartdate">
           <el-date-picker
-            v-model="dialogForm.OrgName"
+            v-model="dialogForm.planstartdate"
             type="date"
-            style="width: 220px"
+            :clearable="false"
+            value-format="yyyy-MM-dd"
+            style="width: 200px"
             placeholder="閫夋嫨鏃ユ湡"
           />
-          <!--          <el-input v-model="dialogForm.OrgName" style="width: 220px" />-->
         </el-form-item>
-
+        <el-form-item label="璁″垝瀹屾垚鏃堕棿" prop="planenddate">
+          <el-date-picker
+            v-model="dialogForm.planenddate"
+            type="date"
+            :clearable="false"
+            value-format="yyyy-MM-dd"
+            style="width: 200px"
+            placeholder="閫夋嫨鏃ユ湡"
+          />
+        </el-form-item>
+        <el-form-item label="宸ュ崟绛夌骇" prop="orderlev">
+          <el-select
+            v-model="dialogForm.orderlev"
+            filterable
+            :popper-append-to-body="false"
+            style="width: 200px"
+            placeholder="璇烽�夋嫨"
+          >
+            <el-option
+              v-for="item in orderlevArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
       </el-form>
+
+      <!--        宸ヨ壓璺嚎鏀惧ぇ闀滃璇濇-->
+      <el-dialog
+        title="宸ヨ壓璺嚎"
+        :visible.sync="dialogVisibleSearch"
+        width="840px"
+        top="20vh"
+        class="dialogVisibleSearch"
+        append-to-body
+        :close-on-click-modal="false"
+      >
+        <el-table
+          :data="searchTableData"
+          border
+          stripe
+          height="300"
+          style="width: 100%;"
+          highlight-current-row
+          :header-cell-style="this.$headerCellStyle"
+          :cell-style="this.$cellStyle"
+        >
+          <el-table-column
+            prop="seq"
+            label="搴忓彿"
+            width="50"
+          />
+          <el-table-column
+            prop="stepcode"
+            label="宸ュ簭缂栫爜"
+          />
+          <el-table-column
+            prop="stepname"
+            label="宸ュ簭鍚嶇О"
+          />
+          <el-table-column
+            prop="flwtype"
+            label="宸ュ簭绫诲瀷"
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.flwtype==='W'">澶栧崗</div>
+              <div v-if="row.flwtype==='Z'">鑷埗</div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="descr"
+            label="宸ュ簭鎻忚堪"
+          />
+        </el-table>
+      </el-dialog>
+
       <span slot="footer" class="dialog-footer">
         <div class="footerButton">
           <el-button @click="dialogVisibleCancel">鍙� 娑�</el-button>
+          <!--          <el-button v-if="operation==='add'" type="primary" @click="dialogVisibleConfirmPreview('add')">棰勮</el-button>-->
           <el-button type="primary" @click="dialogVisibleConfirm">纭� 瀹�</el-button>
+        </div>
+      </span>
+    </el-dialog>
+
+    <!--    宸ュ簭浠诲姟瀵硅瘽妗�-->
+    <el-dialog
+      title="宸ュ簭浠诲姟"
+      :visible.sync="dialogVisibleTask"
+      width="840px"
+      top="15vh"
+      class="dialogVisibleSearch"
+      :close-on-click-modal="false"
+      @close="dialogVisibleTaskClose"
+    >
+      <el-button
+        style="margin-bottom: 15px"
+        type="primary"
+        @click="supplementClick"
+      >琛ユ墦</el-button>
+      <el-table
+        :data="taskTableData"
+        border
+        stripe
+        height="300"
+        style="width: 100%;"
+        highlight-current-row
+        :header-cell-style="this.$headerCellStyle"
+        :cell-style="this.$cellStyle"
+      >
+        <el-table-column
+          prop="seq"
+          width="50"
+          label="搴忓彿"
+        />
+        <el-table-column
+          prop="wo_code"
+          label="宸ュ崟缂栧彿"
+          width="200"
+        />
+        <el-table-column
+          prop="stepcode"
+          label="宸ュ簭缂栫爜"
+        />
+        <el-table-column
+          prop="stepname"
+          label="宸ュ簭鍚嶇О"
+        />
+        <!--        <el-table-column-->
+        <!--          prop="flwtype"-->
+        <!--          label="宸ュ簭绫诲瀷"-->
+        <!--        >-->
+        <!--          <template slot-scope="{row}">-->
+        <!--            <div v-if="row.flwtype==='W'">澶栧崗</div>-->
+        <!--            <div v-if="row.flwtype==='Z'">鑷埗</div>-->
+        <!--          </template>-->
+        <!--        </el-table-column>-->
+        <!--        <el-table-column-->
+        <!--          prop="descr"-->
+        <!--          label="宸ュ簭鎻忚堪"-->
+        <!--        />-->
+        <el-table-column
+          prop="plan_qty"
+          label="浠诲姟鏁伴噺"
+        />
+        <el-table-column
+          prop="good_qty"
+          label="鍚堟牸鏁伴噺"
+        />
+        <el-table-column
+          prop="ng_qty"
+          label="涓嶈壇鏁伴噺"
+        />
+      </el-table>
+
+      <span slot="footer" class="dialog-footer">
+        <div class="footerButton">
+          <el-button @click="dialogVisibleBack">杩� 鍥�</el-button>
+          <!--          <el-button type="primary" @click="dialogVisibleConfirm">纭� 瀹�</el-button>-->
+        </div>
+      </span>
+    </el-dialog>
+
+    <!--        鎵撳嵃棰勮瀵硅瘽妗�-->
+    <el-dialog
+      title=""
+      :visible.sync="dialogVisibleApprove"
+      width="812px"
+      class="dialogVisibleConfirmClass"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="dialogVisibleConfirmClose"
+    >
+      <!-- 瑕佹墦鍗扮殑鍖哄煙 -->
+      <div id="printMe" style="padding: 30px">
+        <div style="font-size: 26px; text-align: center">娴佺▼鍗�</div>
+
+        <div style="display: flex;justify-content: space-around;margin-top: 20px">
+          <div style="width: 78%">
+            <el-form
+              ref="formApprove"
+              :model="formApprove"
+              label-width="100px"
+              inline
+              style="display: flex;justify-content: space-between"
+            >
+              <div class="elForm">
+                <el-form-item label="宸ュ崟缂栧彿锛�" class="formContent">
+                  {{ formApprove.mesordercode }}
+                </el-form-item>
+                <el-form-item label="浜у搧缂栫爜锛�" class="formContent">
+                  {{ formApprove.partcode }}
+                </el-form-item>
+                <el-form-item label="浜у搧鍚嶇О锛�" class="formContent">
+                  {{ formApprove.partname }}
+                </el-form-item>
+                <el-form-item label="浜у搧瑙勬牸锛�" class="formContent">
+                  {{ formApprove.partspec }}
+                </el-form-item>
+                <el-form-item label="宸ュ崟鏁伴噺锛�" class="formContent">
+                  {{ formApprove.plan_qty }}
+                </el-form-item>
+                <el-form-item label="宸ヨ壓璺嚎锛�" class="formContent">
+                  {{ formApprove.routename }}
+                </el-form-item>
+                <el-form-item label="鎵撳嵃浜哄憳锛�" class="formContent">
+                  {{ username }}
+                </el-form-item>
+                <el-form-item label="鎵撳嵃鏃堕棿锛�" class="formContent">
+                  {{ formApprove.lm_date }}
+                </el-form-item>
+              </div>
+            </el-form>
+          </div>
+          <div style="width: 22%;display: flex;justify-content: center;align-items: center">
+            <!--            <div :id="'qrCode'+0" :ref="'qrCodeDiv'+0" />-->
+            <div />
+          </div>
+        </div>
+
+        <!--          <div style="width:100%;height: 30px;border-bottom: 1px solid #eee;margin-bottom: 20px" />-->
+        <el-table
+          id="table"
+          :data="tableDataPrint"
+          border
+          class="tableDataPrint"
+          :header-cell-style="{ background: '#c0c0c0',textAlign:'center',color:'#000',borderColor:'#000'}"
+          :cell-style="{textAlign: 'center',color:'#000',borderColor:'#000'}"
+          style="width: 100%;margin-top: 20px;text-align: center;border-color: #000"
+        >
+          <el-table-column
+            id="column0"
+            prop="seq"
+            label="宸ュ簭鍙�"
+            width="70"
+            align="center"
+          />
+          <el-table-column
+            id="column1"
+            prop="stepqrcode"
+            label="宸ュ簭浜岀淮鐮�"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="{row}">
+              <div :id="'qrCode'+row.seq" :ref="'qrCodeDiv'+row.seq" class="tableColumn" />
+            </template>
+          </el-table-column>
+          <el-table-column
+            id="column2"
+            prop="stepname"
+            label="宸ュ簭"
+            width="120"
+            align="center"
+          />
+          <el-table-column
+            id="column3"
+            prop="plan_qty"
+            label="鍔犲伐鏁伴噺"
+            width="100"
+            align="center"
+          />
+          <el-table-column
+            id="column4"
+            prop="good_qty"
+            width="100"
+            align="center"
+            label="鍚堟牸鏁伴噺"
+          />
+          <el-table-column
+            id="column5"
+            width="100"
+            prop="ng_qty"
+            align="center"
+            label="涓嶈壇鏁伴噺"
+          />
+          <el-table-column
+            id="column6"
+            prop="desc"
+            align="center"
+            width="120"
+            label="澶囨敞"
+          />
+        </el-table>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <div class="footerButton">
+          <el-button @click="dialogVisibleBackPreview">杩� 鍥�</el-button>
+          <!--            <el-button v-if="operation==='add'" type="primary" @click="dialogVisibleConfirm">纭� 瀹�</el-button>-->
+          <!--            <el-button type="primary" @click="dialogVisibleConfirm">纭� 瀹�/鎵� 鍗�</el-button>-->
+          <el-button v-print="printObj" type="primary">鎵� 鍗�</el-button>
         </div>
       </span>
     </el-dialog>
@@ -284,13 +691,23 @@
 
 <script>
 import Pagination from '@/components/Pagination'
-import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz'
+import {
+  AddUpdateMesOrder,
+  ClosedMesOrder,
+  DeleteMesOrder,
+  MesOrderSearch, PartSelectRoute, RouteSelectWkshop, SearchWorkStep,
+  SelectRouteStep
+} from '@/api/scgl'
+import { PartSelect } from '@/api/zzmx'
+import { handleDatetime } from '@/utils/global'
 import { getCookie } from '@/utils/auth'
-import { ErpOrderSearch, MesOrderSearch } from '@/api/scgl'
+import { MesOrderPrintSearch1, PrintOrder } from '@/api/utils'
+import { urlAddRandomNo, webapp_ws_ajax_run, webapp_ws_autoupdate } from '@/utils/grwebapp'
+import QRCode from 'qrcodejs2'
 
 const SER_HZ = /^[\u4e00-\u9fa5]+$/
 export default {
-  name: 'Zzjg',
+  name: 'GD',
   components: {
     Pagination
   },
@@ -307,8 +724,10 @@
       }
     }
     return {
+      isFullscreen: false,
       mainHeight: 0,
       tableHeight: 0,
+      username: '',
       form: {
         mesorderstus: '', // 宸ュ崟鐘舵�佺爜
         mesordercode: '', // 宸ュ崟缂栧彿
@@ -317,14 +736,16 @@
         partspec: '', // 浜у搧瑙勬牸
         creatuser: '', // 鍒涘缓浜哄憳
         createdate: '', // 鍒涘缓鏃堕棿
-        prop: 'partcode', // 鎺掑簭瀛楁
+        prop: 'lm_date', // 鎺掑簭瀛楁
         order: 'desc', // 鎺掑簭瀛楁
         page: 1, // 绗嚑椤�
         rows: 20 // 姣忛〉澶氬皯鏉�
       },
       erporderstusArr: [
         { code: 'NEW', name: '鏂板伐鍗�' },
-        { code: 'ALLOC', name: '宸叉淳鍙�' },
+        // { code: 'CREATING', name: '鎵ц涓�' },
+        // { code: 'CREATED', name: '宸插叧闂�' }
+        { code: 'ALLO', name: '宸叉淳鍙�' },
         { code: 'START', name: '寮�宸�' },
         { code: 'CLOSED', name: '瀹屽伐' }
       ],
@@ -333,39 +754,148 @@
       tableData: [],
       dialogVisible: false,
       dialogForm: {
-        OrgType: '',
-        OrgCode: '',
-        OrgName: '',
-        SupUnit: ''// 涓婄骇鍗曚綅
+        partname: '', // 浜у搧鍚嶇О
+        partspec: '', // 浜у搧瑙勬牸
+        wkshopname: '', // 鐢熶骇杞﹂棿鍚嶇О
+        routename: '', // 宸ヨ壓璺嚎鍚嶇О
+
+        mesorderstus: 'NEW', // 宸ュ崟鐘舵�佺爜
+        mesordercode: '', // 宸ュ崟缂栧彿
+        partcode: '', // 浜у搧缂栫爜
+        mesqty: '', // 宸ュ崟鏁伴噺
+
+        routecode: '', // 宸ヨ壓璺嚎缂栫爜
+        wkshopcode: '', // 鐢熶骇杞﹂棿缂栫爜
+        planstartdate: '', // 璁″垝寮�濮嬫椂闂�
+        planenddate: '', // 璁″垝瀹屾垚鏃堕棿
+        orderlev: '', // 宸ュ崟绛夌骇
+
+        OperType: '' // 鎿嶄綔绫诲瀷
       },
+      partArr: [], // 浜у搧淇℃伅
+      wkshopArr: [], // 鐢熶骇杞﹂棿鏁扮粍
+      routeArr: [], // 宸ヨ壓璺嚎鏁扮粍
+      orderlevArr: [
+        { code: 1, name: '鐗圭骇' },
+        { code: 2, name: '绱ф��' },
+        { code: 3, name: '姝e父' }
+      ], // 宸ュ崟绛夌骇鏁扮粍
       operation: '',
       dialogFormRules: {
-        OrgType: [
-          { required: true, message: '璇疯緭鍏ラ�夋嫨绫诲瀷', trigger: ['blur', 'change'] }
+        mesorderstus: [
+          { required: true, message: '璇烽�夋嫨璁㈠崟鐘舵��', trigger: ['blur', 'change'] }
         ],
-        OrgCode: [
+        partcode: [
+          { required: true, message: '璇烽�夋嫨浜у搧淇℃伅', trigger: ['blur', 'change'] }
+        ],
+        mesordercode: [
           { required: true, validator: validateName, trigger: ['blur', 'change'] }
         ],
-        OrgName: [
-          { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: ['blur', 'change'] }
+        mesqty: [
+          { required: true, message: '璇疯緭鍏ュ伐鍗曟暟閲�', trigger: ['blur', 'change'] }
+        ],
+        wkshopcode: [
+          { required: true, message: '璇烽�夋嫨鐢熶骇杞﹂棿', trigger: ['blur', 'change'] }
+        ],
+        routecode: [
+          { required: true, message: '璇烽�夋嫨宸ヨ壓璺嚎', trigger: ['blur', 'change'] }
+        ],
+        planstartdate: [
+          { required: true, message: '璇烽�夋嫨寮�濮嬫椂闂�', trigger: ['blur', 'change'] }
+        ],
+        planenddate: [
+          { required: true, message: '璇烽�夋嫨缁撴潫鏃堕棿', trigger: ['blur', 'change'] }
+        ],
+        orderlev: [
+          { required: true, message: '璇烽�夋嫨宸ュ崟绛夌骇', trigger: ['blur', 'change'] }
         ]
 
-      }
+      },
+      dialogVisibleTask: false,
+      taskTableData: [],
 
+      dialogVisibleSearch: false,
+      searchTableData: [],
+      dialogVisibleApprove: false,
+      tableDataPrint: [], // 鎵撳嵃椤甸潰鍐呭
+      printObj: {
+        id: 'printMe',
+        popTitle: '鎵撳嵃妯℃澘',
+        preview: false,
+        extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>',
+        closeCallback(vue) { // 鍏抽棴鎵撳嵃鐨勫洖璋冧簨浠讹紙鏃犳硶纭畾鐐瑰嚮鐨勬槸纭杩樻槸鍙栨秷锛�
+          console.log('11212', vue)
+          // vue.dialogVisible = false
+          vue.dialogVisibleApprove = false
+        },
+        beforeOpenCallback(vue) {
+          vue.printLoading = true
+          console.log('鎵撳紑涔嬪墠')
+          console.log()
+        },
+        openCallback(vue) {
+          vue.printLoading = false
+          console.log('鎵ц浜嗘墦鍗�')
+        }
+      },
+
+      formApprove: {
+        mesordercode: '',
+        partcode: '',
+        partname: '',
+        partspec: '',
+        plan_qty: '',
+        routename: '',
+        lm_date: ''
+      },
+      number: ''
     }
   },
   created() {
     this.getMesOrderSearch()
+    this.getSelect()
   },
   mounted() {
     window.addEventListener('resize', this.getHeight)
     this.getHeight()
+    // webapp_urlprotocol_startup()
+    // webapp_ws_autoupdate(true)
+    this.username = getCookie('username')
   },
   methods: {
     async getMesOrderSearch() {
-      const res = await MesOrderSearch(this.form)
+      // let tempDate = this.form.createdate
+      // if (tempDate.length > 0) {
+      //   tempDate = handleDatetime(tempDate[0]) + '~' + handleDatetime(tempDate[1])
+      // }
+
+      const data = {
+        mesorderstus: this.form.mesorderstus, // 宸ュ崟鐘舵�佺爜
+        mesordercode: this.form.mesordercode, // 宸ュ崟缂栧彿
+        partcode: this.form.partcode, // 浜у搧缂栫爜
+        partname: this.form.partname, // 浜у搧鍚嶇О
+        partspec: this.form.partspec, // 浜у搧瑙勬牸
+        creatuser: this.form.creatuser, // 鍒涘缓浜哄憳
+        createdate: this.form.createdate.toString().length > 0 ? handleDatetime(this.form.createdate) : '', // 鍒涘缓鏃堕棿
+        prop: this.form.prop, // 鎺掑簭瀛楁
+        order: this.form.order, // 鎺掑簭瀛楁
+        page: this.form.page, // 绗嚑椤�
+        rows: this.form.rows // 姣忛〉澶氬皯鏉�
+      }
+      const res = await MesOrderSearch(data)
       this.tableData = res.data
       this.total = res.count
+
+      // this.form.createdate = tempDate
+    },
+    async getSelect() {
+      // 鑾峰彇浜у搧淇℃伅
+      const { data: res1 } = await PartSelect()
+      this.partArr = res1
+    },
+    // 璁㈠崟鐘舵�佹敼鍙樻椂
+    erporderstusChange(val) {
+      this.form.mesorderstus = val
     },
     // 鎺掑簭鏀瑰彉鏃�
     sortChange({ column, prop, order }) {
@@ -384,13 +914,11 @@
     search() {
       this.getMesOrderSearch()
     },
-    upload() {
 
-    },
     // 閲嶇疆
-    reset() {
-      this.form.erporderstus = ''
-      this.form.erpordercode = ''
+    reset(val) {
+      this.form.mesorderstus = ''
+      this.form.mesordercode = ''
       this.form.partcode = ''
       this.form.partname = ''
       this.form.partspec = ''
@@ -400,34 +928,106 @@
       this.getMesOrderSearch()
     },
     // 鍗曢�夋閫変腑鑾峰彇褰撳墠琛屼俊鎭�
-    getCurrentRow(row) {
-      console.log(row, 1)
-      this.radioSelected = row
+    getCurrentRow(wo_code) {
+      this.radioSelected = wo_code
     },
     // 鏂板鎸夐挳
-    add(operation) {
+    async add(operation) {
       this.operation = operation
       this.dialogVisible = true
+      this.dialogForm.planstartdate = handleDatetime(new Date())
+      this.dialogForm.planenddate = handleDatetime(new Date())
+      this.dialogForm.orderlev = 3
     },
-    // 淇敼鎸夐挳
-    edit(operation, row) {
+
+    // 浜у搧淇℃伅鍊兼敼鍙�
+    async partcodeChange(val) {
+      console.log(val, 22)
+      const { data: res } = await PartSelectRoute({ partcode: val })
+      this.routeArr = res
+
+      let flag = false
+      this.routeArr.forEach(item => {
+        if (item.code === item.default_route) {
+          this.dialogForm.routecode = item.code
+          this.routecodeChange(this.dialogForm.routecode)
+          flag = true
+        }
+      })
+      if (!flag) {
+        this.dialogForm.routecode = ''
+      }
+
+      this.dialogForm.wkshopcode = ''
+    },
+    // 宸ヨ壓璺嚎鍊兼敼鍙�
+    async routecodeChange(val) {
+      const data = {
+        partcode: this.dialogForm.partcode,
+        routecode: this.dialogForm.routecode
+      }
+      // 鑾峰彇鐢熶骇杞﹂棿鏁扮粍
+      const { data: res2 } = await RouteSelectWkshop(data)
+      this.wkshopArr = res2
+      this.dialogForm.wkshopcode = ''
+    },
+    // 宸ュ簭浠诲姟
+    async check(row) {
+      this.dialogVisibleTask = true
+      const { data: res } = await SearchWorkStep({ wo_code: row.wo_code })
+      this.taskTableData = res
+      this.dialogForm.mesordercode = res[0].wo_code
+    },
+    dialogVisibleBack() {
+      this.dialogVisibleTask = false
+    },
+    // 娲惧彂
+    send(operation) {
+      if (this.radioSelected.length < 1) {
+        return this.$message.info('璇峰厛閫夋嫨宸ュ崟锛�')
+      }
+
+      const row = this.tableData.find(item => item.wo_code === this.radioSelected)
+
+      if (row.status !== 'NEW') {
+        return this.$message.info('姝ゅ伐鍗曚负闈炴柊宸ュ崟鐘舵�侊紝涓嶅彲娲惧彂锛�')
+      }
       this.operation = operation
       this.dialogVisible = true
-
       this.$nextTick(() => {
-        this.dialogForm.OrgCode = row.org_code
-        this.dialogForm.OrgName = row.org_name
-        this.dialogForm.SupUnit = row.parent_id
+        this.dialogForm.mesorderstus = row.status
+        this.dialogForm.mesordercode = row.wo_code
+        this.dialogForm.partcode = row.partcode
+        this.partcodeChange(row.partcode)
+        this.dialogForm.partname = row.partname
+        this.dialogForm.mesqty = row.plan_qty
+        this.dialogForm.partspec = row.partspec
+        // this.routecodeChange(this.dialogForm.routecode)
+
+        this.dialogForm.planstartdate = row.plan_startdate !== null ? row.plan_startdate : handleDatetime(new Date())
+        this.dialogForm.planenddate = row.plan_enddate !== null ? row.plan_enddate : handleDatetime(new Date())
+        this.dialogForm.orderlev = row.piroque !== null ? row.piroque : 3 // 绛夌骇
       })
     },
     // 鍒犻櫎鎸夐挳
     async del(row) {
+      console.log(row.status)
+      if (row.status === 'START' || row.status === 'CLOSED') {
+        return this.$message.info('姝ゅ伐鍗曚笉鍙垹闄わ紒')
+      }
       this.$confirm('鏄惁纭鍒犻櫎?', '鎻愮ず', {
         confirmButtonText: '纭畾',
         cancelButtonText: '鍙栨秷',
         type: 'warning'
       }).then(() => {
-        DeleteOrganization({ orgid: row.code }).then(res => {
+        console.log(row, 1)
+        const data = {
+          wocode: row.wo_code,
+          m_po: row.m_po,
+          orderqty: row.plan_qty
+        }
+        console.log(data, 2)
+        DeleteMesOrder(data).then(res => {
           if (res.code === '200') {
             this.$message.success('鍒犻櫎鎴愬姛!')
             this.getMesOrderSearch()
@@ -437,12 +1037,71 @@
         this.$message.info('宸插彇娑堝垹闄�')
       })
     },
+    // 宸ュ崟鍏抽棴浜嬩欢
+    orderClose() {
+      if (this.radioSelected.length < 1) {
+        return this.$message.info('璇峰厛閫夋嫨宸ュ崟锛�')
+      }
+      console.log('宸ュ崟鍏抽棴浜嬩欢')
+      this.tableData.forEach(item => {
+        if (item.wo_code === this.radioSelected) {
+          if (item.status === 'START') {
+            return this.$message.info('褰撳墠宸ュ崟鏈畬宸ワ紝鏃犳硶鍏抽棴锛�')
+          } else if (item.status === 'CLOSED') {
+            return this.$message.info('宸ュ崟宸插叧闂紝鏃犻渶鍐嶅叧闂紒')
+          } else {
+            this.$confirm('鏄惁纭鍏抽棴宸ュ崟?', '鎻愮ず', {
+              confirmButtonText: '纭畾',
+              cancelButtonText: '鍙栨秷',
+              type: 'warning'
+            }).then(() => {
+              const data = {
+                wocode: item.wo_code,
+                m_po: item.m_po
+              }
+              ClosedMesOrder(data).then(res => {
+                if (res.code === '200') {
+                  this.$message.success('宸ュ崟鍏抽棴鎴愬姛!')
+                  this.getMesOrderSearch()
+                  // this.radioSelected = ''
+                }
+              })
+            }).catch(() => {
+              this.$message.info('宸插彇娑堝叧闂紒')
+            })
+          }
+        }
+      })
+    },
+    // 瀵硅瘽妗嗕骇鍝佷俊鎭�兼敼鍙�
+    partcodeChangeDialog(val) {
+      console.log(val)
+      this.dialogForm.partname = this.partArr.find(item => item.partcode === val).partname
+      this.dialogForm.partcode = this.partArr.find(item => item.partcode === val).partcode
+      this.dialogForm.partspec = this.partArr.find(item => item.partcode === val).partspec
+      // const { data: res } = await PartSelectRpute({ partcode: val })
+      // this.routeArr = res
+      // this.dialogForm.routecode = ''
+      this.partcodeChange(val)
+    },
     // 瀵硅瘽妗嗗叧闂簨浠�
     handleClose() {
-      this.dialogForm.OrgType = ''
-      this.dialogForm.OrgCode = ''
-      this.dialogForm.OrgName = ''
-      this.dialogForm.SupUnit = ''
+      this.dialogForm.partname = '' // 浜у搧鍚嶇О
+      this.dialogForm.partspec = '' // 浜у搧瑙勬牸
+      this.dialogForm.wkshopname = '' // 鐢熶骇杞﹂棿鍚嶇О
+      this.dialogForm.routename = '' // 宸ヨ壓璺嚎鍚嶇О
+
+      this.dialogForm.mesorderstus = 'NEW' // 宸ュ崟鐘舵�佺爜
+      this.dialogForm.mesordercode = '' // 宸ュ崟缂栧彿
+      this.dialogForm.partcode = '' // 浜у搧缂栫爜
+      this.dialogForm.mesqty = '' // 宸ュ崟鏁伴噺
+
+      this.dialogForm.routecode = '' // 宸ヨ壓璺嚎缂栫爜
+      this.dialogForm.wkshopcode = '' // 鐢熶骇杞﹂棿缂栫爜
+      this.dialogForm.planstartdate = '' // 璁″垝寮�濮嬫椂闂�
+      this.dialogForm.planenddate = '' // 璁″垝瀹屾垚鏃堕棿
+      this.dialogForm.orderlev = '' // 宸ュ崟绛夌骇
+
       this.$refs.dialogForm.clearValidate()
     },
     // 瀵硅瘽妗嗗彇娑�
@@ -454,30 +1113,185 @@
       this.$refs.dialogForm.validate(valid => {
         if (valid) {
           const data = {
-            OrganCode: this.dialogForm.OrgCode,
-            OrganName: this.dialogForm.OrgName,
-            OperType: this.operation === 'add' ? 'Add' : 'Update',
-            Operator: getCookie('admin')
+            // partname: this.dialogForm.partname, // 浜у搧鍚嶇О
+            // partspec: this.dialogForm.partspec, // 浜у搧瑙勬牸
+            // wkshopname: this.dialogForm.wkshopname, // 鐢熶骇杞﹂棿鍚嶇О
+            // routename: this.dialogForm.routename, // 宸ヨ壓璺嚎鍚嶇О
+
+            mesorderstus: this.dialogForm.mesorderstus, // 宸ュ崟鐘舵�佺爜
+            mesordercode: this.dialogForm.mesordercode, // 宸ュ崟缂栧彿
+            partcode: this.dialogForm.partcode, // 浜у搧缂栫爜
+            mesqty: this.dialogForm.mesqty, // 宸ュ崟鏁伴噺
+
+            routecode: this.dialogForm.routecode, // 宸ヨ壓璺嚎缂栫爜
+            wkshopcode: this.dialogForm.wkshopcode, // 鐢熶骇杞﹂棿缂栫爜
+            planstartdate: this.dialogForm.planstartdate, // 璁″垝寮�濮嬫椂闂�
+            planenddate: this.dialogForm.planenddate, // 璁″垝瀹屾垚鏃堕棿
+            orderlev: this.dialogForm.orderlev, // 宸ュ崟绛夌骇
+            OperType: this.operation === 'add' ? 'Add' : 'Update'
           }
-          AddUpdateOrganization(data).then(res => {
+
+          AddUpdateMesOrder(data).then(res => {
             if (res.code === '200') {
-              this.$message.success(this.operation === 'add' ? '娣诲姞鎴愬姛锛�' : '淇敼鎴愬姛锛�')
               this.dialogVisible = false
+
+              this.handlePrint()
+
+              this.$message.success(this.operation === 'add' ? '娣诲姞鎴愬姛锛�' : '娲惧彂鎴愬姛锛�')
+              // this.dialogVisible = false
               this.getMesOrderSearch()
             } else {
-              this.$message.error(this.operation === 'add' ? '娣诲姞澶辫触锛�' : '淇敼澶辫触锛�')
+              this.$message.error(this.operation === 'add' ? '娣诲姞澶辫触锛�' : '娲惧彂澶辫触锛�')
             }
           })
         }
       })
     },
+    // 娲惧彂鎵撳嵃
+    async sendPrint() {
+      const data = {
+        username: getCookie('admin'),
+        // username: getCookie('username'),
+        mesordercode: this.dialogForm.mesordercode
+      }
+      const res = await MesOrderPrintSearch1(data)
+      // const res = await PrintOrder(data)
+      if (res.code === '200') {
+        // 鍙傛暟鍏蜂綋璇存槑璇峰弬鑰冨府鍔╂枃妗d腑鐨勨�淲EB鎶ヨ〃(B/S鎶ヨ〃)->WEB鎶ヨ〃瀹㈡埛绔�->鍚姩鍙傛暟璇存槑鈥濋儴鍒�
+        var args = {
+          type: 'print', // preview  print
+          showOptionDlg: false, // 濡傛灉涓嶆樉绀烘墦鍗板璇濇鑰岀洿鎺ユ墦鍗帮紝灏嗘琛屾敞閲婂幓鎺夊嵆鍙�
+          report: urlAddRandomNo('./static/grf/浜у搧娴佷紶鍗旳4.grf'),
+          data: res.data
+        }
+        webapp_ws_ajax_run(args)
+      }
+    },
+
     // 鑾峰彇椤甸潰楂樺害
     getHeight() {
       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
+        }
       })
+    },
+    // 宸ヨ壓璺嚎鏀惧ぇ闀滅偣鍑�
+    async searchClick() {
+      if (this.dialogForm.routecode === '') {
+        return this.$message.info('璇峰厛閫夋嫨宸ヨ壓璺嚎锛�')
+      }
+      this.dialogVisibleSearch = true
+      const { data: res } = await SelectRouteStep({ routecode: this.dialogForm.routecode })
+      this.searchTableData = res
+    },
+    dialogVisibleSearchBack() {
+      this.dialogVisibleSearch = false
+    },
+    // 澶勭悊鎵撳嵃
+    handlePrint() {
+      // const number = Math.random() * Math.random()
+      // this.number = number === 0 ? (10 + Math.random()) : number
+      // console.log(number)
+      this.dialogVisibleApprove = true
+      const data2 = {
+        username: getCookie('admin'),
+        mesordercode: this.dialogForm.mesordercode
+      }
+      MesOrderPrintSearch1(data2).then(res2 => {
+        if (res2.code === '200') {
+          const res3 = res2.data.recordset
+
+          this.tableDataPrint = res3
+          this.formApprove.mesordercode = res3[0].wo_code
+          this.formApprove.partcode = res3[0].partcode
+          this.formApprove.partname = res3[0].partname
+          this.formApprove.partspec = res3[0].partspec
+          this.formApprove.plan_qty = res3[0].plan_qty
+          this.formApprove.routename = res3[0].routename
+          this.formApprove.lm_date = res3[0].lm_date
+
+          this.$nextTick(() => {
+            // this.bindQRCode(0, this.formApprove.mesordercode, 'big')
+            res3.forEach(i => {
+              this.bindQRCode(i.seq, i.stepqrcode, 'small')
+            })
+          })
+        }
+      })
+    },
+    dialogVisibleTaskClose() {
+      this.dialogForm.mesordercode = ''
+    },
+    /*
+  * 鎵嬪姩鐐瑰嚮鎵撳嵃
+  * */
+    // 杩斿洖鎸夐挳
+    dialogVisibleBackPreview() {
+      this.dialogVisibleApprove = false
+    },
+    // dialogVisibleConfirmPreview(param) {
+    //   this.$refs.dialogForm.validate(valid => {
+    //     if (valid) {
+    //       const data = {
+    //         username: getCookie('admin'),
+    //         mesordercode: this.dialogForm.mesordercode
+    //       }
+    //       MesOrderPrintSearch1(data).then(res => {
+    //         if (res.code === '200') {
+    //           this.dialogVisibleApprove = true
+    //           console.log(res, 11)
+    //         }
+    //       })
+    //     }
+    //   })
+    // },
+    // 鐢熸垚浜岀淮鐮�
+    bindQRCode(seq, text, size) {
+      new QRCode(this.$refs['qrCodeDiv' + seq], {
+        text: text,
+        width: size === 'big' ? 90 : 60,
+        height: size === 'big' ? 90 : 60,
+        // colorDark: '#333333', // 浜岀淮鐮侀鑹�
+        colorDark: '#000', // 浜岀淮鐮侀鑹�
+        colorLight: '#ffffff', // 浜岀淮鐮佽儗鏅壊
+        correctLevel: QRCode.CorrectLevel.L// 瀹归敊鐜囷紝L/M/H
+      })
+    },
+
+    dialogVisibleConfirmClose() {
+      // this.dialogForm.mesordercode = ''
+      this.formApprove.mesordercode = ''
+      this.formApprove.partcode = ''
+      this.formApprove.partname = ''
+      this.formApprove.partspec = ''
+      this.formApprove.plan_qty = ''
+      this.formApprove.routename = ''
+      this.formApprove.lm_date = ''
+      // this.$refs.qrCodeDiv0 = ''
+      // this.$refs.qrCodeDiv1 = ''
+      // this.$refs.qrCodeDiv2 = ''
+      // this.$refs.qrCodeDiv3 = ''
+
+      // // this.$ref['qrCodeDiv'].clearable()
+      // this.tableDataPrint.forEach((item, index) => {
+      //   this.$ref[('qrCodeDiv' + index).toString()] = ''
+      // //   this.bindQRCode(item.seq, '')
+      // })
+      // // this.bindQRCode(this.tableDataPrint.length, '')
+      // this.$ref[('qrCodeDiv' + this.tableDataPrint.length).toString()] = ''
+      // // this.bindQRCode()
+      this.tableDataPrint = []
+    },
+    // 琛ユ墦鎸夐挳
+    supplementClick() {
+      this.dialogVisibleTask = false
+      this.handlePrint()
     }
+
   }
 }
 </script>
@@ -533,6 +1347,14 @@
 
 ::v-deep .el-dialog__body {
   padding: 20px 100px !important;
+}
+
+.dialogVisibleSearch ::v-deep .el-dialog__body {
+  padding: 20px 20px !important;
+}
+
+.dialogVisibleConfirmClass ::v-deep .el-dialog__body {
+  padding: 20px 20px !important;
 }
 
 ::v-deep .el-radio__input.is-checked .el-radio__inner {
@@ -626,6 +1448,10 @@
   margin-bottom: 0;
 }
 
+.elForm ::v-deep .el-form-item {
+  margin-bottom: 0;
+}
+
 ::v-deep .el-input__inner:focus {
   border-color: $main_color;
 }
@@ -646,9 +1472,42 @@
   border-color: $main_color;
 }
 
-.elTableDiv{
-  ::v-deep .el-radio__label{
+.elTableDiv {
+  ::v-deep .el-radio__label {
     display: none;
   }
 }
+
+.el-table::before {
+  height: 0;
+}
+
+//.dialogVisibleConfirmClass >>>.el-table--border, .el-table--fit {
+//  border-bottom: 2px solid #000 ;
+//  //outline: #000 solid 2px !important;
+//}
+
+.tableDataPrint ::v-deep div.cell{
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+.formContent{
+  width: 240px;
+}
+
+</style>
+
+<style media="print">
+/*@media print {*/
+@page {
+  size: auto;
+  margin: 3mm;
+}
+
+</style>
+<style>
+.formContent .el-form-item__label{
+color: #000 !important;
+}
 </style>

--
Gitblit v1.9.3