From 4f065b30a77ff07d5cbeae822759a0ba7a9c93ff Mon Sep 17 00:00:00 2001
From: chenshuichuan <1154693969@qq.com>
Date: Mon, 15 Jul 2024 22:14:53 +0800
Subject: [PATCH] fix report and plan

---
 src/api/mes/organization.js      |  9 +++-
 src/api/mes/plan.js              |  8 +++
 src/api/system/dict/data.js      |  7 ++-
 src/page_report/planProgress.vue | 89 ++++++++++++++++++++++++++++++++
 src/page_report/replaceForm.vue  | 65 +++++++++++++++--------
 src/page_report/reportForm.vue   | 59 ++++++++++++---------
 src/pages.json                   |  7 +++
 src/pages/index.vue              | 16 ++++++
 src/pages/report.vue             | 15 +++---
 9 files changed, 221 insertions(+), 54 deletions(-)
 create mode 100644 src/page_report/planProgress.vue

diff --git a/src/api/mes/organization.js b/src/api/mes/organization.js
index dd381ac..2f375c8 100644
--- a/src/api/mes/organization.js
+++ b/src/api/mes/organization.js
@@ -24,13 +24,20 @@ export function getOtherPersonalUser(data) {
     params:data
   })
 }
-// 查询产品列表
+// 查询正在开工的产品列表
 export function getProductList() {
   return request({
     url: '/admin-api/mes/app/org-worker/getProductList',
     method: 'get'
   })
 }
+// 查询正在开工的计划列表及其对应工序的未完工情况
+export function getPlanProductList(orgType) {
+  return request({
+    url: '/admin-api/mes/app/org-worker/getPlanProductList?orgType='+orgType,
+    method: 'get'
+  })
+}
 // 创建生产报工单
 export function createReport(data) {
   return request({
diff --git a/src/api/mes/plan.js b/src/api/mes/plan.js
index 8ac31b6..bfbac0b 100644
--- a/src/api/mes/plan.js
+++ b/src/api/mes/plan.js
@@ -55,6 +55,14 @@ export function getByStatus(status) {
     method: 'get'
   })
 }
+// 获取计划进度
+export function getPlanProgress(planId) {
+  return request({
+    url: '/admin-api/mes/work-report-plan-view/getPlanProgress?id='+planId,
+    method: 'get'
+  })
+}
+
 
 
 
diff --git a/src/api/system/dict/data.js b/src/api/system/dict/data.js
index 02f0655..79ee0a4 100644
--- a/src/api/system/dict/data.js
+++ b/src/api/system/dict/data.js
@@ -62,4 +62,9 @@ export const processTypes = [
 export const groupTypes = [
   {text: '白班', value: 1}, {text: '夜班', value: 2},
   {text: '长白班', value: 3}
-]
\ No newline at end of file
+]
+
+export function findTextByValue(enums,value){
+  const foundItem = enums.find(item => item.value === value);
+  return foundItem ? foundItem.text : null;
+}
\ No newline at end of file
diff --git a/src/page_report/planProgress.vue b/src/page_report/planProgress.vue
new file mode 100644
index 0000000..bd17a5a
--- /dev/null
+++ b/src/page_report/planProgress.vue
@@ -0,0 +1,89 @@
+<template>
+	<view class="container">
+    <uni-card :is-shadow="false" is-full>
+      <uni-row>
+        <uni-col :span="10">
+          <text class="uni-h6" >计划:
+            <el-text class="mx-1" type="primary">{{planDo.code}}</el-text>
+          </text>
+        </uni-col>
+        <uni-col :span="14">
+          <text class="uni-h6">产品:
+            <el-text class="mx-1" type="warning">{{planDo.productName}}</el-text>
+          </text>
+        </uni-col>
+      </uni-row>
+    </uni-card>
+    <ContentWrap>
+      <el-table  :data="progressList" :stripe="true" :show-overflow-tooltip="true">
+        <el-table-column label="工序" align="center" prop="orgType" >
+          <template #default="scope">
+            <text> {{findTextByValue(scope.row.orgType)}}</text>
+          </template>
+        </el-table-column>
+        <el-table-column label="数量" align="center" prop="totalQualityNumber" width="80px"/>
+        <el-table-column label="进度" align="center">
+          <template #default="scope">
+            <el-progress
+                :percentage="Number((scope.row.totalQualityNumber/planDo.planNumber)*100).toFixed(2)"
+                :stroke-width="15"
+                :color="finishColors"
+                :striped="true"
+                :striped-flow="true"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="废品" align="center" prop="totalWasteNumber"  width="60px"/>
+        <el-table-column label="废品率" align="center" >
+          <template #default="scope">
+            <span class="percentage-value">{{Number((scope.row.totalWasteNumber/(scope.row.totalQualityNumber+scope.row.totalWasteNumber))*100 ).toFixed(2)}}%</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </ContentWrap>
+	</view>
+</template>
+
+<script>
+
+import {processTypes,findTextByValue} from "@/api/system/dict/data";
+import {getPlanProgress,getById} from "@/api/mes/plan"
+
+import tab from "@/plugins/tab";
+import modal from "@/plugins/modal";
+export default {
+  components: {},
+  data() {
+    return {
+      planDo: undefined,
+      processTypes:processTypes,
+      progressList:[],
+    }
+  },
+  computed: {
+  },
+  onLoad() {
+    this.planDo = tab.getParams()
+    this.getProgressList()
+  },
+  onReady() {
+  },
+  methods: {
+    findTextByValue(value) {
+      return findTextByValue(this.processTypes, value)
+    },
+    getProgressList() {
+      modal.loading("正在加载...")
+      if(this.planDo)
+        getPlanProgress(this.planDo.id).then(response => {
+        this.progressList = response.data;
+      })
+      modal.closeLoading()
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/src/page_report/replaceForm.vue b/src/page_report/replaceForm.vue
index dcfeed0..63ec286 100644
--- a/src/page_report/replaceForm.vue
+++ b/src/page_report/replaceForm.vue
@@ -8,7 +8,7 @@
           </uni-data-select>
         </uni-forms-item>
         <uni-forms-item label="工序" required name="orgType">
-          <uni-data-checkbox v-model="customFormData.orgType" :localdata="processTypes()" :disabled="disableEnable"/>
+          <uni-data-checkbox v-model="customFormData.orgType" :localdata="processTypes()" :disabled="disableEnable" @change="handleOrgTypeChange"/>
         </uni-forms-item>
         <uni-forms-item label="班别" required name="groupType">
           <uni-data-checkbox v-model="customFormData.groupType" :localdata="groupTypes()"  :disabled="disableEnable"/>
@@ -30,12 +30,12 @@
           <template v-slot:title>
             <view class="uni-group-title">
               <uni-row>
-                <uni-col :span="12">
-                  <uni-forms-item  label="产品" required name="productId">
-                    <uni-data-select v-model="customFormData.productList[index].productId" :localdata="planProductList"></uni-data-select>
+                <uni-col :span="20">
+                  <uni-forms-item  label="产品" required name="planId">
+                    <uni-data-select v-model="customFormData.productList[index].planId" :localdata="planProductList" @change="handleProductChange"></uni-data-select>
                   </uni-forms-item>
                 </uni-col>
-                <uni-col :span="12" align="center">
+                <uni-col :span="4" align="center">
                   <uni-icons type="trash" size="25" color="red" @click="del(item.id)"></uni-icons>
                 </uni-col>
               </uni-row>
@@ -92,9 +92,14 @@
 
 <script>
 
-import useUserStore from "@/store/modules/user";
 import {processTypes, groupTypes} from "@/api/system/dict/data";
-import { getProductList, createReport, getOtherPersonalUser,getOtherOrgList} from "@/api/mes/organization"
+import {
+  getProductList,
+  createReport,
+  getOtherPersonalUser,
+  getOtherOrgList,
+  getPlanProductList
+} from "@/api/mes/organization"
 import {getCurrentDate, timestampToTime} from "@/utils/dateUtil"
 import {showConfirm} from "@/utils/common";
 import tab from "@/plugins/tab";
@@ -153,7 +158,6 @@ export default {
   computed: {
   },
   onLoad() {
-    this.getPlanProductList()
     this.getUserList()
     this.updateId = tab.getParams()
     console.log(this.updateId)
@@ -185,11 +189,12 @@ export default {
         var ok = 1;
         if(this.customFormData.productList && this.customFormData.productList.length > 0) {
           for (let i = 0; i < this.customFormData.productList.length; i++) {
-            if(!this.customFormData.productList[i].productId || this.customFormData.productList[i].productId===''
+            if(!this.customFormData.productList[i].planId || this.customFormData.productList[i].planId===''
              || !this.customFormData.productList[i].qualityNumber|| this.customFormData.productList[i].qualityNumber <= 0) {
               ok = 0;
               uni.showToast({
-                title: `产品信息不能为空！`
+                title: `产品信息不能为空！`,
+                icon: 'error'
               })
               break;
             }
@@ -237,7 +242,8 @@ export default {
         this.orgIdList = response.data;
         if(!this.orgIdList || this.orgIdList.length===0){
           uni.showToast({
-            title: '日期:'+this.customFormData.reportDateString+`未查询到该工人的工位安排！请先安排工位！`
+            title: '日期:'+this.customFormData.reportDateString+`未查询到该工人的工位安排！请先安排工位！`,
+            icon: 'error'
           })
         }
         else if(this.orgIdList.length===1){
@@ -246,7 +252,8 @@ export default {
       })
     },
     getPlanProductList() {
-      getProductList().then(response => {
+      if(this.customFormData.orgType)
+      getPlanProductList(this.customFormData.orgType).then(response => {
         this.planProductList = response.data;
         if(!this.planProductList || this.orgIdList.planProductList===0){}
       })
@@ -257,16 +264,24 @@ export default {
       })
     },
     add() {
-      this.customFormData.productList.push({
-        id: Date.now(),
-        productId: undefined,
-        qualityNumber: 0,
-        wasteNumber: 0,
-        totalNumber: 0,
-        qualityRate:0,
-        packageNumber: 0,
-        remark: ''
-      })
+      if(this.customFormData.orgType){
+        this.customFormData.productList.push({
+          id: Date.now(),
+          productId: undefined,
+          planId: undefined,
+          qualityNumber: 0,
+          wasteNumber: 0,
+          totalNumber: 0,
+          qualityRate:0,
+          packageNumber: 0,
+          remark: ''
+        })
+      }else{
+        uni.showToast({
+          title: `请先选择工序！`,
+          icon: 'error'
+        })
+      }
     },
     del(id) {
       let index = this.customFormData.productList.findIndex(v => v.id === id)
@@ -287,6 +302,12 @@ export default {
     handleUserChange(e){
       this.customFormData.userId = e
       this.getOrgIdList()
+    },
+    handleOrgTypeChange(e){
+      this.getPlanProductList()
+    },
+    handleProductChange(e){
+      console.log(e)
     }
   }
 }
diff --git a/src/page_report/reportForm.vue b/src/page_report/reportForm.vue
index 0e5c34c..c57e8d4 100644
--- a/src/page_report/reportForm.vue
+++ b/src/page_report/reportForm.vue
@@ -7,7 +7,7 @@
       <!-- 自定义表单校验 -->
       <uni-forms ref="customForm" :rules="customRules" labelWidth="60px" :modelValue="customFormData">
         <uni-forms-item label="工序" required name="orgType">
-          <uni-data-checkbox v-model="customFormData.orgType" :localdata="processTypes()" />
+          <uni-data-checkbox v-model="customFormData.orgType" :localdata="processTypes()"  @change="handleOrgTypeChange" />
         </uni-forms-item>
         <uni-forms-item label="班别" required name="groupType">
           <uni-data-checkbox v-model="customFormData.groupType" :localdata="groupTypes()"  />
@@ -30,8 +30,8 @@
             <view class="uni-group-title">
               <uni-row>
                 <uni-col :span="12">
-                  <uni-forms-item  label="产品" required name="productId">
-                    <uni-data-select v-model="customFormData.productList[index].productId" :localdata="planProductList"></uni-data-select>
+                  <uni-forms-item  label="产品" required name="planId">
+                    <uni-data-select v-model="customFormData.productList[index].planId" :localdata="planProductList"></uni-data-select>
                   </uni-forms-item>
                 </uni-col>
                 <uni-col :span="12" align="center">
@@ -94,7 +94,7 @@
 
 import useUserStore from "@/store/modules/user";
 import {processTypes, groupTypes} from "@/api/system/dict/data";
-import {getOrgList, getProductList,createReport} from "@/api/mes/organization"
+import {getOrgList, getProductList, createReport, getPlanProductList} from "@/api/mes/organization"
 import {getCurrentDate} from "@/utils/dateUtil"
 import {showConfirm} from "@/utils/common";
 import tab from "@/plugins/tab";
@@ -133,8 +133,6 @@ export default {
         productList: {rules: [
             {format: 'array', errorMessage: '产品列表格式错误'},
             {validateFunction: function(rule, value, data, callback) {
-              console.log('value:'+value)
-              console.log('data:'+data)
               if (value.length < 2) {
                 callback('产品信息不能为空')
               }
@@ -151,7 +149,7 @@ export default {
   },
   onLoad() {
     this.getOrgIdList()
-    this.getPlanProductList()
+    // this.getPlanProductList()
   },
   onReady() {
     // 设置自定义表单校验规则，必须在节点渲染完毕后执行
@@ -172,21 +170,22 @@ export default {
         var ok = 1;
         if(this.customFormData.productList && this.customFormData.productList.length > 0) {
           for (let i = 0; i < this.customFormData.productList.length; i++) {
-            if(!this.customFormData.productList[i].productId || this.customFormData.productList[i].productId===''
+            if(!this.customFormData.productList[i].planId || this.customFormData.productList[i].planId===''
              || !this.customFormData.productList[i].qualityNumber|| this.customFormData.productList[i].qualityNumber <= 0) {
               ok = 0;
               uni.showToast({
-                title: `产品信息不能为空！`
+                title: `产品信息不能为空！`,
+                icon: 'error'
               })
               break;
             }
           }
         }
         if(ok===1){
-          showConfirm("提交后将不能修改，确认提交生产报工单吗？").then(res => {
+          showConfirm("确认保存生产报工单吗？").then(res => {
             if (res.confirm) {
               createReport(this.customFormData).then(response => {
-                modal.msgSuccess("提交成功")
+                modal.msgSuccess("保存成功")
                 tab.switchTab('/pages/report')
               })
             }
@@ -210,7 +209,8 @@ export default {
         this.orgIdList = response.data;
         if(!this.orgIdList || this.orgIdList.length===0){
           uni.showToast({
-            title: '日期:'+this.customFormData.reportDateString+`未查询到工位安排！`
+            title: '日期:'+this.customFormData.reportDateString+`未查询到工位安排！`,
+            icon: 'error'
           })
         }
         else if(this.orgIdList.length===1){
@@ -219,22 +219,31 @@ export default {
       })
     },
     getPlanProductList() {
-      getProductList().then(response => {
+      if(this.customFormData.orgType)
+        getPlanProductList(this.customFormData.orgType).then(response => {
         this.planProductList = response.data;
         if(!this.planProductList || this.orgIdList.planProductList===0){}
       })
     },
     add() {
-      this.customFormData.productList.push({
-        id: Date.now(),
-        productId: undefined,
-        qualityNumber: 0,
-        wasteNumber: 0,
-        totalNumber: 0,
-        qualityRate:0,
-        packageNumber: 0,
-        remark: ''
-      })
+      if(this.customFormData.orgType){
+        this.customFormData.productList.push({
+          id: Date.now(),
+          productId: undefined,
+          planId: undefined,
+          qualityNumber: 0,
+          wasteNumber: 0,
+          totalNumber: 0,
+          qualityRate:0,
+          packageNumber: 0,
+          remark: ''
+        })
+      }else{
+        uni.showToast({
+          title: `请先选择工序！`,
+          icon: 'error'
+        })
+      }
     },
     del(id) {
       let index = this.customFormData.productList.findIndex(v => v.id === id)
@@ -251,6 +260,10 @@ export default {
           Number(this.customFormData.productList[index].qualityNumber)  + Number(this.customFormData.productList[index].wasteNumber);
       this.customFormData.productList[index].qualityRate =
           (Number(this.customFormData.productList[index].qualityNumber)*100/Number(this.customFormData.productList[index].totalNumber)).toFixed(2);
+    },
+    handleOrgTypeChange(e){
+      console.log(e)
+      this.getPlanProductList()
     }
   }
 }
diff --git a/src/pages.json b/src/pages.json
index edf99a6..a0167dc 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -77,6 +77,13 @@
             "navigationBarTitleText": "代报工"
           }
         }
+      ,
+        {
+          "path": "planProgress",
+          "style": {
+            "navigationBarTitleText": "计划进度"
+          }
+        }
       ]
     },
     {
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 6f45561..e0dbcbb 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -33,6 +33,14 @@
             <el-button type="warning" plain  @click="updatePlan(item.id,item.code,'pause')">暂停</el-button>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="20">
+            <el-text>备注:{{ item.remark }}</el-text>
+          </el-col>
+          <el-col :span="4">
+            <el-button type="info" plain  @click="planProgress(item)">进度</el-button>
+          </el-col>
+        </el-row>
       </el-collapse-item>
     </el-collapse>
 
@@ -61,6 +69,7 @@
             <el-text type="warning">计划结束:{{ timestampToTime(item.planEndTime) }}</el-text>
           </el-col>
         </el-row>
+        <el-text>备注:{{ item.remark }}</el-text>
       </el-collapse-item>
     </el-collapse>
 <!--    计划中-->
@@ -88,6 +97,7 @@
             <el-text type="warning">计划结束:{{ timestampToTime(item.planEndTime) }}</el-text>
           </el-col>
         </el-row>
+        <el-text>备注:{{ item.remark }}</el-text>
       </el-collapse-item>
     </el-collapse>
 <!--   暂停中 -->
@@ -121,6 +131,7 @@
             <el-button type="info" plain @click="updatePlan(item.id, item.code,'start')">开工</el-button>
           </el-col>
         </el-row>
+        <el-text>备注:{{ item.remark }}</el-text>
       </el-collapse-item>
     </el-collapse>
 
@@ -137,6 +148,7 @@ import {getPage, getById, paigong, updateStatus, getByStatus} from "@/api/mes/pl
 import {timestampToTime} from "@/utils/dateUtil";
 import {Tickets} from "@element-plus/icons-vue";
 import modal from "@/plugins/modal";
+import tab from "@/plugins/tab";
 import {showConfirm} from "@/utils/common";
 import auth from "@/plugins/auth";
 const userStore = useUserStore()
@@ -203,6 +215,10 @@ function updatePlan(id, planCode, type){
     }
   })
 }
+//看进度
+function planProgress(plan){
+  tab.navigateTo('/page_report/planProgress',plan)
+}
 </script>
 
 <style scoped>
diff --git a/src/pages/report.vue b/src/pages/report.vue
index 5dec37d..3ce1137 100644
--- a/src/pages/report.vue
+++ b/src/pages/report.vue
@@ -31,9 +31,6 @@
       <el-tab-pane label="代报工" name="second"  v-if="auth.hasPermi('mes:produce-report-detail:replace')">
         <uni-fab :pattern="pattern"  ref="fabReplace" @fabClick="addReplaceReport" />
         <uni-forms ref="valiReplaceForm" :model="valiFormData">
-          <uni-forms-item label="工序"  name="orgType">
-            <uni-data-checkbox v-model="valiFormData.orgType" :localdata="processTypes()" @change="handleReplaceReportChange()"/>
-          </uni-forms-item>
           <uni-row>
             <uni-col :xs="14" :sm="12" :md="6" :lg="3" :xl="1">
               <uni-forms-item label-width="50px" label-align="left" label="日期" name="reportDateString">
@@ -47,6 +44,9 @@
               </uni-forms-item>
             </uni-col>
           </uni-row>
+          <uni-forms-item label="工序"  name="orgType">
+            <uni-data-checkbox v-model="valiFormData.orgType" :localdata="processTypes()" @change="handleReplaceReportChange()"/>
+          </uni-forms-item>
         </uni-forms>
         <uni-list :border="true">
           <uni-list-item v-for="(item, index) in replaceReportList">
@@ -66,7 +66,8 @@
             <!-- 自定义 footer-->
             <template v-slot:footer>
               <el-button v-if="item.reportStatus === 0" type="primary" size="small"  :icon="Edit" circle @click="addReplaceReport(item.id)"/>
-              <el-button v-if="item.reportStatus === 0" type="success" size="small" :icon="Promotion" circle @click="updateReport(item.id,1)"/>
+              <el-button v-if="item.reportStatus === 0" type="success" size="small" :icon="Promotion" circle @click="updateReport(item.id,1,'提交')"/>
+              <el-button v-if="item.reportStatus === 1" type="success" size="small" :icon="Check" circle @click="updateReport(item.id,2,'通过')"/>
               <el-button v-if="item.reportStatus < 2" type="danger" size="small" :icon="Delete" circle @click="deleteReport(item.id)"/>
             </template>
           </uni-list-item>
@@ -74,9 +75,6 @@
       </el-tab-pane>
       <el-tab-pane label="个人报工审核" name="third" v-if="auth.hasPermi('mes:produce-report-detail:replace')">
         <uni-forms ref="valiForm" :model="valiFormData">
-          <uni-forms-item label="工序"  name="orgType">
-            <uni-data-checkbox v-model="valiFormData.orgType" :localdata="processTypes()" @change="handleOtherReportChange()"/>
-          </uni-forms-item>
           <uni-row>
             <uni-col :xs="14" :sm="12" :md="6" :lg="3" :xl="1">
               <uni-forms-item label-width="50px" label-align="left" label="日期" name="reportDateString">
@@ -90,6 +88,9 @@
               </uni-forms-item>
             </uni-col>
           </uni-row>
+          <uni-forms-item label="工序"  name="orgType">
+            <uni-data-checkbox v-model="valiFormData.orgType" :localdata="processTypes()" @change="handleOtherReportChange()"/>
+          </uni-forms-item>
         </uni-forms>
 
         <uni-list :border="true">