From d5f1100dd9784a43b8e6677637203f3c24643caf Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Tue, 13 Jun 2023 14:04:38 +0800
Subject: [PATCH] 6.13

---
 .../components/productPowerEdit.vue           | 256 +++++++++---------
 .../performanceAnalysis/devicePage.vue        |  49 ++--
 src/views/home/components/Product.vue         |   2 +-
 .../components/OffShelfPackagingDetail.vue    | 121 +++++----
 .../components/WorkOrderProgressDetails.vue   |   2 +-
 .../workOrderProgress.vue                     |   2 +-
 .../siteMonitoring/productionLineStatus.vue   |  25 +-
 7 files changed, 252 insertions(+), 205 deletions(-)

diff --git a/src/views/deviceManagement/components/productPowerEdit.vue b/src/views/deviceManagement/components/productPowerEdit.vue
index 4ff5227..15c48b1 100644
--- a/src/views/deviceManagement/components/productPowerEdit.vue
+++ b/src/views/deviceManagement/components/productPowerEdit.vue
@@ -1,126 +1,131 @@
 <template>
-  <el-form ref="form" label-width="110px" :model="form">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="1月" prop="january">
-          <el-input-number
-            v-model="form.january"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="2月" prop="february">
-          <el-input-number
-            v-model="form.february"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="3月" prop="march">
-          <el-input-number
-            v-model="form.march"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="4月" prop="april">
-          <el-input-number
-            v-model="form.april"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="5月" prop="may">
-          <el-input-number
-            v-model="form.may"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="6月" prop="june">
-          <el-input-number
-            v-model="form.june"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="7月" prop="july">
-          <el-input-number
-            v-model="form.july"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="8月" prop="august">
-          <el-input-number
-            v-model="form.august"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="9月" prop="september">
-          <el-input-number
-            v-model="form.september"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="10月" prop="october">
-          <el-input-number
-            v-model="form.october"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="11月" prop="november">
-          <el-input-number
-            v-model="form.november"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="12月" prop="december">
-          <el-input-number
-            v-model="form.december"
-            :min="0"
-            style="width: 300px"
-          ></el-input-number>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+  <div>
+    <div style="text-align: center; margin-bottom: 10px; font-weight: bold">
+      {{ name }}
+    </div>
+    <el-form ref="form" label-width="110px" :model="form">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="1月" prop="january">
+            <el-input-number
+              v-model="form.january"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="2月" prop="february">
+            <el-input-number
+              v-model="form.february"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="3月" prop="march">
+            <el-input-number
+              v-model="form.march"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="4月" prop="april">
+            <el-input-number
+              v-model="form.april"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="5月" prop="may">
+            <el-input-number
+              v-model="form.may"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="6月" prop="june">
+            <el-input-number
+              v-model="form.june"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="7月" prop="july">
+            <el-input-number
+              v-model="form.july"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="8月" prop="august">
+            <el-input-number
+              v-model="form.august"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="9月" prop="september">
+            <el-input-number
+              v-model="form.september"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="10月" prop="october">
+            <el-input-number
+              v-model="form.october"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="11月" prop="november">
+            <el-input-number
+              v-model="form.november"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="12月" prop="december">
+            <el-input-number
+              v-model="form.december"
+              :min="0"
+              style="width: 100%"
+            ></el-input-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
 </template>
 <script>
 import {
@@ -131,16 +136,18 @@ export default {
   name: 'productPowerEdit',
   data() {
     return {
-      form: {}
+      form: {},
+      name: ''
     }
   },
   mounted() {},
   methods: {
     init(param) {
+      this.name = param.name
       let date = new Date(param.timePosition)
       let year = date.getFullYear()
       performanceAnalysisPlan({
-        name: param.name,
+        name: this.name,
         year: year
       }).then((res) => {
         console.log(res)
@@ -150,6 +157,7 @@ export default {
       })
     },
     submitForm() {
+      console.log(this.form)
       performanceUpdatePlan({ ...this.form }).then((res) => {
         if (res.code === 0) {
           this.$message({
diff --git a/src/views/deviceManagement/performanceAnalysis/devicePage.vue b/src/views/deviceManagement/performanceAnalysis/devicePage.vue
index bd34eca..8fb6f54 100644
--- a/src/views/deviceManagement/performanceAnalysis/devicePage.vue
+++ b/src/views/deviceManagement/performanceAnalysis/devicePage.vue
@@ -40,7 +40,7 @@
               <el-col :span="6">
                 <div class="top-right">
                   <div>
-                    <span class="title">{{ unitName }}单元计划产能</span>
+                    <span class="title">{{ eqName }}计划产能</span>
                     <svg-icon
                       icon-class="device_edit"
                       class="icon-style"
@@ -81,6 +81,7 @@
     <base-dialog
       dialogTitle="产能维护"
       :dialogVisible="centervisible"
+      :close-on-click-modal="false"
       @cancel="handleCancel"
       @confirm="handleConfirm"
       :before-close="handleCancel"
@@ -101,7 +102,7 @@ import deviceOeeLine from './../components/deviceOeeLine.vue'
 // import moment from 'moment'
 const tableProps = [
   {
-    prop: 'date',
+    prop: 'recordDate',
     label: '时间',
     minWidth: 160,
     filter: timeFormatter
@@ -173,7 +174,7 @@ export default {
         children: 'children',
         label: 'name'
       },
-      unitName: '',
+      eqName: '',
       chooseMonth: '',
       formConfig: [
         {
@@ -231,10 +232,10 @@ export default {
     getTree() {
       getTreeData().then((res) => {
         this.treeData = res.data
-        this.unitName = res.data[0].children[0].name
-        this.listQuery.name = this.unitName
+        this.eqName = res.data[0].children[0].children[0].name
+        this.listQuery.name = this.eqName
         setTimeout(() => {
-          this.$refs.deviceTree.setCurrentKey(this.unitName)
+          this.$refs.deviceTree.setCurrentKey(this.eqName)
         }, 100)
         this.getList()
         this.getPlan()
@@ -274,30 +275,28 @@ export default {
         { month: '11月', value: null, type: 'november' },
         { month: '12月', value: null, type: 'december' }
       ]
-      performanceAnalysisPlan({ name: this.unitName, year: year }).then(
-        (res) => {
-          if (res.code === 0 && !!res.data) {
-            let obj = res.data
-            for (let i = 0; i < arr.length; i++) {
-              arr[i].value = obj[arr[i].type]
-            }
-          } else {
-            for (let i = 0; i < arr.length; i++) {
-              arr[i].value = null
-            }
+      performanceAnalysisPlan({ name: this.eqName, year: year }).then((res) => {
+        if (res.code === 0 && !!res.data) {
+          let obj = res.data
+          for (let i = 0; i < arr.length; i++) {
+            arr[i].value = obj[arr[i].type]
+          }
+        } else {
+          for (let i = 0; i < arr.length; i++) {
+            arr[i].value = null
           }
-          this.tableData2 = arr.slice(0, 6)
-          this.tableData3 = arr.slice(6, 12)
         }
-      )
+        this.tableData2 = arr.slice(0, 6)
+        this.tableData3 = arr.slice(6, 12)
+      })
     },
     clickDevice(val) {
-      if (val.children && val.parent) {
-        // 单元
+      if (!val.children) {
+        // 设备
         this.listQuery.name = val.name
-        this.unitName = val.name
-        this.getList()
-        this.getPlan()
+        this.eqName = val.name
+        // this.getList()
+        // this.getPlan()
       }
     },
     editPower() {
diff --git a/src/views/home/components/Product.vue b/src/views/home/components/Product.vue
index 8c6c8d4..21c9997 100644
--- a/src/views/home/components/Product.vue
+++ b/src/views/home/components/Product.vue
@@ -64,7 +64,7 @@
                 marginBottom: 5 * beilv + 'px'
               }"
             >
-              {{ productMsg.finishNum }}
+              {{ productMsg.realProductNum }}
             </p>
             <p class="words">生产数量</p>
           </div>
diff --git a/src/views/productionScheduling/components/OffShelfPackagingDetail.vue b/src/views/productionScheduling/components/OffShelfPackagingDetail.vue
index 4f52868..34d5aaa 100644
--- a/src/views/productionScheduling/components/OffShelfPackagingDetail.vue
+++ b/src/views/productionScheduling/components/OffShelfPackagingDetail.vue
@@ -1,49 +1,74 @@
 <template>
-  <el-drawer title="查看详情" :visible.sync="visible" size="70%">
-    <div>
-      <base-table
-        :page="1"
-        :limit="1000"
-        :table-props="tableProps"
-        :table-data="tableData"
-        :max-height="tableH"
-      >
-        <method-btn
-          v-if="tableBtn.length"
-          slot="handleBtn"
-          :width="110"
-          label="操作"
-          :method-list="tableBtn"
-          @clickBtn="handleClick"
-        />
-      </base-table>
-      <pagination :limit="listQuery.size" :total="total" />
-      <el-drawer
-        title="玻璃ID追溯"
-        :append-to-body="true"
-        :visible.sync="historyVisible"
-        size="50%"
-      >
-        <el-form ref="form" :model="form" label-width="150px">
-          <el-form-item label="初投玻璃ID:">{{
-            form.initialGlassId
-          }}</el-form-item>
-          <el-form-item label="第一次复磨玻璃ID:">{{
-            form.reloadOne
-          }}</el-form-item>
-          <el-form-item label="第二次复磨玻璃ID:">{{
-            form.reloadTwo
-          }}</el-form-item>
-          <el-form-item label="第三次复磨玻璃ID:">{{
-            form.reloadThree
-          }}</el-form-item>
-          <el-form-item label="第四次复磨玻璃ID:">{{
-            form.reloadFour
-          }}</el-form-item>
-        </el-form>
-      </el-drawer>
-    </div>
-  </el-drawer>
+  <div>
+    <el-drawer title="查看详情" :visible.sync="visible" size="70%">
+      <div>
+        <base-table
+          :page="1"
+          :limit="1000"
+          :table-props="tableProps"
+          :table-data="tableData"
+          :max-height="tableH"
+        >
+          <method-btn
+            v-if="tableBtn.length"
+            slot="handleBtn"
+            :width="110"
+            label="操作"
+            :method-list="tableBtn"
+            @clickBtn="handleClick"
+          />
+        </base-table>
+        <pagination :limit="listQuery.size" :total="total" />
+      </div>
+    </el-drawer>
+    <base-dialog
+      dialogTitle="玻璃ID追溯"
+      :dialogVisible="historyVisible"
+      :close-on-click-modal="false"
+      :before-close="handleCancel"
+    >
+      <el-form ref="historyForm" :model="form" label-width="150px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="初投玻璃ID:">
+              <el-input v-model="form.initialGlassId" disabled></el-input
+            ></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="第一次复磨玻璃ID:">
+              <el-input v-model="form.initialGlassId" disabled></el-input
+            ></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="第二次复磨玻璃ID:">
+              <el-input v-model="form.reloadTwo" disabled></el-input
+            ></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="第三次复磨玻璃ID:">
+              <el-input v-model="form.reloadThree" disabled></el-input
+            ></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="第四次复磨玻璃ID:">
+              <el-input v-model="form.reloadFour" disabled></el-input
+            ></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-row slot="footer" type="flex" justify="end">
+        <el-col :span="12">
+          <el-button size="small" class="btnTextStyle" @click="handleCancel"
+            >取消</el-button
+          >
+        </el-col>
+      </el-row>
+    </base-dialog>
+  </div>
 </template>
 <script>
 import { tableHeight, timeFormatter } from '@/utils/index'
@@ -139,8 +164,10 @@ export default {
         this.form.reloadFour = res.data.reloadFour ? res.data.reloadFour : '-'
       })
     },
-    handleCloseProcess() {},
-    handleCloseDevice() {}
+    handleCancel() {
+      this.$refs.historyForm.resetFields()
+      this.historyVisible = false
+    }
   }
 }
 </script>
diff --git a/src/views/productionScheduling/components/WorkOrderProgressDetails.vue b/src/views/productionScheduling/components/WorkOrderProgressDetails.vue
index c1d1f1f..7c0e096 100644
--- a/src/views/productionScheduling/components/WorkOrderProgressDetails.vue
+++ b/src/views/productionScheduling/components/WorkOrderProgressDetails.vue
@@ -84,7 +84,7 @@
               fontSize: 27 * beilv + 'px',
               marginBottom: 6 * beilv + 'px'
             }"
-            >{{ detailMsg.finishNum }}</span
+            >{{ detailMsg.realProductNum }}</span
           >
           <span class="tip" :style="{ fontSize: 16 * beilv + 'px' }"
             >完成数量</span
diff --git a/src/views/productionScheduling/workOrderProgress.vue b/src/views/productionScheduling/workOrderProgress.vue
index 6cd23c3..fdf69bc 100644
--- a/src/views/productionScheduling/workOrderProgress.vue
+++ b/src/views/productionScheduling/workOrderProgress.vue
@@ -113,7 +113,7 @@
                       marginBottom: 6 * beilv + 'px'
                     }"
                   >
-                    {{ productMsg.finishNum }}
+                    {{ productMsg.realProductNum }}
                   </p>
                   <p class="words" :style="{ fontSize: 14 * beilv + 'px' }">
                     生产数量
diff --git a/src/views/siteMonitoring/productionLineStatus.vue b/src/views/siteMonitoring/productionLineStatus.vue
index 636e258..4899e9d 100644
--- a/src/views/siteMonitoring/productionLineStatus.vue
+++ b/src/views/siteMonitoring/productionLineStatus.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
     <div class="top-box">
+      <div style="padding: 10px 0 0 16px">
+        <search-bar :formConfigs="formConfig" />
+      </div>
       <production-line-diagram></production-line-diagram>
     </div>
     <el-row class="bottom-box" :gutter="10">
@@ -107,6 +110,16 @@ export default {
   name: 'ProductionLineStatus',
   data() {
     return {
+      formConfig: [
+        {
+          type: 'select',
+          label: '产线',
+          selectOptions: JSON.parse(localStorage.getItem('publicList'))
+            .proLineVoList,
+          param: 'proLineId',
+          defaultSelect: ''
+        }
+      ],
       listQuery1: {
         current: 1,
         size: 10
@@ -115,8 +128,8 @@ export default {
         current: 1,
         size: 5
       },
-      tableH: tableHeight(450),
-      tableH2: (tableHeight(238) * 0.708 - 50) / 2,
+      tableH: tableHeight(479),
+      tableH2: (tableHeight(238) * 0.68 - 50) / 2,
       tableProps1,
       tableData1: [],
       tableData2: [],
@@ -130,8 +143,8 @@ export default {
   components: { ProductionLineDiagram },
   mounted() {
     window.addEventListener('resize', () => {
-      this.tableH = tableHeight(450)
-      this.tableH2 = (tableHeight(238) * 0.708 - 50) / 2
+      this.tableH = tableHeight(479)
+      this.tableH2 = (tableHeight(238) * 0.68 - 50) / 2
     })
     this.getTableMsg()
   },
@@ -162,10 +175,10 @@ export default {
   border-radius: 4px;
 }
 .top-box {
-  height: calc((100vh - 90px - 50px - 16px) * 0.292);
+  height: calc((100vh - 90px - 50px - 16px) * 0.32);
 }
 .bottom-box {
-  height: calc((100vh - 90px - 50px - 16px) * 0.708);
+  height: calc((100vh - 90px - 50px - 16px) * 0.68);
   padding: 0 16px 16px;
   .area {
     .title {