From 684399b665ef8c25c43faff0fdc821a0b72b39ba Mon Sep 17 00:00:00 2001
From: guoyuji <guoyujie@ng.com>
Date: 星期五, 26 四月 2024 14:03:50 +0800
Subject: [PATCH] Merge branch 'master' of https://gitee.com/a1536384743/erp_-override

---
 north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue | 1311 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 1,311 insertions(+), 0 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue b/north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue
new file mode 100644
index 0000000..dccd0a9
--- /dev/null
+++ b/north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue
@@ -0,0 +1,1311 @@
+<script setup>
+import {computed, nextTick, onMounted, reactive, ref, toRefs} from "vue";
+import {useRouter,useRoute} from 'vue-router'
+import request from "@/utils/request";
+import {ElMessage} from "element-plus";
+import {changeFilterEvent, filterChanged} from "@/hook"
+import {indexOf} from "xe-utils";
+import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
+import userInfo from "@/stores/userInfo"
+import { useI18n } from 'vue-i18n'
+//璇█鑾峰彇
+const { t } = useI18n()
+let brokenVisible = ref(false)
+const xGrid = ref()
+const brokenGrid =ref()
+const router = useRouter()
+const route = useRoute()
+const user=userInfo()
+//瀹氫箟琛ㄥご鏁版嵁
+const titleUploadData = ref({
+  reportingWorkId: null,
+  //娴佺▼鍗″彿
+  processId: null,
+  //閿�鍞崟鍙�
+  orderId: '',
+  reviewedState:0,
+  //鐢熶骇鍗曞彿
+  productionId: '',
+  //璁惧绫诲瀷
+  deviceName: '',
+  //鐝粍鍚嶇О
+  teamsGroupsName: '',
+  //鐢熶骇鏃ユ湡
+  reportingWorkTime: '',
+  //鎶ュ伐宸ュ簭
+  thisProcess: '',
+  //涓婂伐搴�
+  previousProcess: '',
+  //涓嬪伐搴�
+  nextProcess: '',
+  //澶囨敞
+  notes: '',
+  //鏈伐搴忓畬宸ユ暟
+  thisCompletedQuantity: '',
+  //鏈伐搴忔姤搴熸暟
+  thisWornQuantity: '',
+  //鐝
+  classes: '',
+  //璐ｄ换宸ュ簭
+  responsibleProcess: '',
+  order: {
+    //瀹㈡埛缂栧彿
+    customerId: '',
+    //瀹㈡埛鍚嶇О
+    customerName: '',
+    //椤圭洰鍚嶇О
+    project: '',
+  },
+  flowCard: {
+    //鍙姤宸ユ暟閲�
+    quantity: ''
+  },
+
+
+})
+let detail = ref([])
+
+//瀹氫箟鎺ユ敹鍔犺浇琛ㄥご涓嬫媺鏁版嵁
+const titleSelectJson = ref({
+  deviceType: [],
+  teamsType: [],
+  processType: [],
+  thisProcessType: [],
+  mateProcessType: [],
+  historyDevice:[],
+  historyTeams:[],
+  historyProcess:[],
+  breakageType:[],
+  breakageReason:[]
+
+})
+
+let inputDisabled = ref(false)
+onMounted(() =>{
+  if(route.query.processId !== undefined && route.query.processId!=='' && route.query.processId!=null ){
+    titleUploadData.value.processId = route.query.processId
+  }
+   //route.query.reportingWorkId = 'BG2403150004'
+  //鍒ゆ柇鏄惁浼犲叆鎶ュ伐缂栧彿
+  if(route.query.reportingWorkId !== '' && route.query.reportingWorkId!=null){
+    request.post(`reportingWork/selectUpdateReportingWork/${route.query.reportingWorkId}`).then(res=>{
+      if(res.code === '200'){
+        titleUploadData.value = res.data.reportingWork
+        titleSelectJson.value = res.data.basic
+        xGrid.value.reloadData(res.data.reportingWorkDetails)
+        let button =  {
+          code: 'update',
+          name: '淇敼',
+          status: 'primary',
+        }
+        if(route.query.reviewStatus === "1"){
+          button.name='瀹℃牳'
+          titleUploadData.value.qualityInspector=user.user.userName
+        }
+
+        gridOptions.toolbarConfig.buttons.push(button)
+      }
+      getQuantity()
+      inputDisabled.value = true
+    })
+  }
+})
+
+const data = [{id:1,num:2},{id:1,num:3},{id:2,num:2},{id:1,num:2}];
+
+
+//琛ㄥ熬姹傚拰
+const sumNum = (list, field) => {
+  let count = 0
+  list.forEach(item => {
+    count += Number(item[field])
+  })
+  return count.toFixed(2)
+}
+
+
+
+const optionVal = ref('')
+
+//鐝
+const classesVal = ref('鏃╃彮')
+const classesOption = [
+  {
+    value: '鏃╃彮',
+    label: '鏃╃彮',
+  },
+  {
+    value: '鏅氱彮',
+    label: '鏅氱彮',
+  },
+]
+
+
+const gridOptions = reactive({
+  border: "full",//琛ㄦ牸鍔犺竟妗�
+  keepSource: true,//淇濇寔婧愭暟鎹�
+  align: 'center',//鏂囧瓧灞呬腑
+  stripe: true,//鏂戦┈绾�
+  rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+  id: 'CustomerList',
+  showFooter: true,//鏄剧ず鑴�
+  printConfig: {},
+  importConfig: {},
+  exportConfig: {},
+  scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+  showOverflow: true,
+  columnConfig: {
+    resizable: true,
+    useKey: true
+  },
+  filterConfig: {   //绛涢�夐厤缃」
+                    // remote: true
+  },
+  customConfig: {
+    storage: true
+  },
+  editConfig: {
+    trigger: 'click',
+    mode: 'row',
+    showStatus: true
+  },//琛ㄥご鍙傛暟
+  columns: [
+    //  {type:'expand',fixed:"left",slots: { content:'content' },width: 50},
+    {
+      field: 'order_number',
+      title: t('order.OrderNum'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'glass_child',
+      title: t('reportingWorks.glassChild'),
+      showOverflow: "ellipsis",
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'technology_number',
+      title: t('processCard.technologyNumber'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'glass_address',
+      title: t('reportingWorks.glassAddress'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'quantity_card',
+      title: t('reportingWorks.numberProcessCards'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      showOverflow: "ellipsis",
+      filterMethod: filterChanged
+    },
+    {
+      field: 'child_width',
+      title: t('order.width'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'child_height',
+      title: t('order.height'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      filterMethod: filterChanged
+    },
+    {
+      field: 'shape',
+      title: t('order.shape'),
+      filters: [{data: ''}],
+      slots: {filter: 'num1_filter'},
+      showOverflow: "ellipsis",
+      filterMethod: filterChanged
+    },
+    {field: 'quantity', title: t('reportingWorks.reportableQuantityOk'),},
+    {
+      field: 'completedQuantity', title: t('reportingWorks.completedQuantity'),width: 120,
+      editRender: {
+        name: 'input',
+        attrs: {placeholder: ''}
+      },
+
+    },
+    {
+      field: 'breakageQuantity',  title: t('reportingWorks.quantityBroken'),
+    },
+    {field: 'completed', width: 90, title:t('reportingWorks.completed'),},
+    {field: 'onceBroken', width: 90, title: t('reportingWorks.onceBroken'),},
+
+  ],
+//琛ㄥ崟楠岃瘉
+  editRules: {
+    completedQuantity: [
+      {
+        validator ({ row }) {
+          const regex = /^[0-9]\d*$/
+          const brokenNum =
+              (row.breakageQuantity === undefined || row.breakageQuantity===null) ? 0 : row.breakageQuantity
+          if (row.completedQuantity && !regex.test(row.completedQuantity)) {
+            return new Error('璇疯緭鍏ユ暣鏁帮紝骞朵笖澶т簬绛変簬0')
+          }else if((row.completedQuantity*1+brokenNum*1)>row.quantity*1){
+            return new Error((`${row.completedQuantity}+${brokenNum}>${row.quantity}`))
+          }
+          if(titleUploadData.value.reportingWorkId!=null  && row.completedQuantity<row.minQuantity){
+            return new Error(`璇疯緭鍏ュぇ浜庣瓑浜�${row.minQuantity}鐨勬暟瀛梎)
+          }
+
+        }
+      }
+    ]
+  },
+  toolbarConfig: {//琛ㄥご鎸夐挳
+    buttons: [
+      // {code: 'empty', name: '娓呯┖鎶ュ伐鏁伴噺'},
+      // {code: 'sameCompletion', name: '瀹屽伐鐩稿悓'},
+      // {code: 'sameDamage', name: '娆＄牬鐩稿悓'},
+      // {code: 'sameOneCompletion', name: '瀹屽伐涓�鍒楃浉鍚�'},
+      // {code: 'sameOneDamage', name: '娆＄牬涓�鍒楃浉鍚�'},
+      {code: 'saveReportingWork', name: t('basicData.save'), status: 'primary', icon: 'vxe-icon-save',disabled:true},
+      {code: 'saveReportingWorkReview', name: t('reportingWorks.saveAndReview'), status: 'primary', icon: 'vxe-icon-save',disabled:true},
+    ],
+    // import: false,
+    // export: true,
+    // print: true,
+    zoom: true,
+    custom: true
+  },
+  //鑴氶儴姹傚拰
+  footerMethod({columns, data}) {//椤佃剼鍑芥暟
+    let footList = ['', '', '', '', '']
+    return [
+      columns.map((column, columnIndex) => {
+        if (columnIndex === 0) {
+          return t('basicData.total')
+        }
+        return ''
+      })
+    ]
+  }
+
+})
+
+let brokenRow = ref({
+  glass_child:'',
+  order_number:'',
+  technology_number:''
+
+})
+const gridEvents = {
+  async toolbarButtonClick({code}) {
+    const $grid = xGrid.value
+    if ($grid) {
+      switch (code) {
+        case 'saveReportingWork':  {
+          const errMap = await $grid.validate(true)
+          if (errMap) {
+            ElMessage.error(`鏍￠獙涓嶉�氳繃锛乣)
+            return
+          }
+          saveReportingWork(0,'save')
+          break
+        }
+        case 'saveReportingWorkReview':  {
+          const errMap = await $grid.validate(true)
+          if (errMap) {
+            ElMessage.error(`鏍￠獙涓嶉�氳繃锛乣)
+            return
+          }
+          saveReportingWork(1,'save')
+          break
+        }
+        case 'update':  {
+          getQuantity()
+          const errMap = await $grid.validate(true)
+          if (errMap) {
+            ElMessage.error(`鏍￠獙涓嶉�氳繃锛乣)
+            return
+          }
+          saveReportingWork(0,'update')
+          break
+        }
+      }
+    }
+  },
+  cellDblclick (params) {//琛ㄦ牸鍐呭鍙屽嚮鎵撳紑浜у搧鐣岄潰
+    const { row } = params
+    brokenRow.value = row
+    if(brokenRow.value.damageDetails=== undefined){
+      brokenRow.value.damageDetails=[]
+    }
+    //brokenGrid.value.reloadData(brokenRow.damageDetail)
+    //鏀瑰彉brokenVisible鐨勫�艰Е鍙憃penedBrokenTable锛堬級鏂规硶
+    brokenVisible.value = true
+
+  }
+}
+
+
+
+const brokenGridOptions = reactive({
+  border: "full",//琛ㄦ牸鍔犺竟妗�
+  keepSource: true,//淇濇寔婧愭暟鎹�
+  align: 'center',//鏂囧瓧灞呬腑
+  stripe: true,//鏂戦┈绾�
+  rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+  id: 'CustomerList',
+  //showFooter: true,//鏄剧ず鑴�
+  printConfig: {},
+  importConfig: {},
+  exportConfig: {},
+  //scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+  showOverflow: true,
+  columnConfig: {
+    resizable: true,
+    useKey: true
+  },
+  filterConfig: {   //绛涢�夐厤缃」
+    // remote: true
+  },
+  customConfig: {
+    storage: true
+  },
+  editConfig: {
+    trigger: 'click',
+    mode: 'row',
+    showStatus: true
+  },//琛ㄥご鍙傛暟
+  columns: [
+    {type: 'seq',fixed:"left", title: t('basicData.Number'), width: 80 },
+    // {
+    //   field: 'order_number',
+    //   title: '搴忓彿'
+    // },
+
+    {
+      field: 'breakageQuantity',
+      title: t('reportingWorks.quantityBroken'),
+      editRender: {name: 'input', attrs: {placeholder: ''}}
+    },
+    {field: 'available',
+      title: t('reportingWorks.available'),
+      slots: {default: 'available'}
+    },
+    {field: 'returnProcess', title: t('reportingWorks.returnProcess'),
+      editRender: {},
+      slots: {default: 'returnProcess_default', edit: 'returnProcess'}
+    },
+    {
+      field: 'breakageType', title: t('reportingWorks.breakageType'),
+      editRender: {},
+      slots: {default: 'breakageType_default', edit: 'breakageType'}
+    },
+    {
+      field: 'breakageReason', title: t('reportingWorks.breakageReason'),
+      editRender: {},
+      slots: {default: 'breakageReason_default', edit: 'breakageReason'}
+    },
+    {
+      field: 'responsibleProcess', title: t('reportingWorks.responsibleProcess'),
+      editRender: {},
+      slots: {default: 'responsibleProcess_default', edit: 'responsibleProcess'}
+    },
+    {
+      field: 'responsibleEquipment',
+      title: t('reportingWorks.responsibleEquipment'),
+      editRender: {},
+      slots: {default: 'reportingDeviceSort_default', edit: 'reportingDeviceSort'}
+      // editRender: {name: 'input', attrs: {placeholder: ''}}
+    },
+
+    {
+      field: 'responsibleTeam',  title: t('reportingWorks.responsibleTeam'),
+      editRender: {},
+      slots: {default: 'responsibleTeam_default', edit: 'responsibleTeam'}
+    },
+    {
+      field: 'responsiblePersonnel',
+      title: t('reportingWorks.responsiblePersonnel'),
+      editRender: {name: 'input', attrs: {placeholder: ''}}
+
+    },
+
+  ],
+//琛ㄥ崟楠岃瘉
+  editRules: {
+    breakageQuantity: [
+      {
+        validator ({ cellValue }) {
+          const regex = /^[1-9]\d*$/
+          if (!regex.test(cellValue)) {
+            return new Error('杈撳叆澶т簬0鐨勬暣鏁�')
+          }
+        }
+      }
+    ],
+    returnProcess:[
+      {
+        validator ({ row }) {
+          const regex = /^\s*$/i
+          if(row.available===true && (regex.test(row.returnProcess)==='' || row.returnProcess===null)){
+            return new Error('鍙埄鐢ㄥ凡閫夋嫨锛岃閫夋嫨杩斿洖宸ュ簭')
+          }
+        }
+      }
+    ],
+    breakageType: [
+      { required: true, message: '璇烽�夋嫨娆＄牬绫诲瀷' }
+    ],
+    breakageReason: [
+      { required: true, message: '璇烽�夋嫨娆＄牬鍘熷洜' }
+    ],
+    responsibleProcess: [
+      { required: true, message: '璇烽�夋嫨璐ｄ换宸ュ簭' }
+    ],
+    responsibleEquipment: [
+      { required: true, message: '璇烽�夋嫨璐ｄ换璁惧' }
+    ],
+    responsibleTeam: [
+      { required: true, message: '璐ｄ换鐝粍' }
+    ],
+  },
+  toolbarConfig: {//琛ㄥご鎸夐挳
+    buttons: [
+      {code: 'addRow', name: t('reportingWorks.increase'), status: 'primary', icon: 'vxe-icon-square-plus'},
+      {code: 'removeRow', name: t('basicData.delete'), status: 'primary', icon: 'vxe-icon-delete'},
+    ],
+    // import: false,
+    // export: true,
+    // print: true,
+    zoom: true,
+    custom: true
+  },
+})
+const brokenGridEvents = {
+  toolbarButtonClick({code}) {
+    const $grid = brokenGrid.value
+    if ($grid) {
+      switch (code) {
+        case 'addRow':  {
+          $grid.insertAt({})
+          break
+        }
+        case 'removeRow':  {
+          let result = toolbarButtonClickEvent()
+          if(result){
+            $grid.remove(result.row)
+          }
+          break
+        }
+      }
+    }
+  }
+}
+const openedBrokenTable = () => {
+  addListener(brokenGrid.value,brokenGridOptions)
+  let damage =ref(brokenRow.value.damageDetails)
+  brokenGrid.value.reloadData(damage.value)
+}
+
+
+const checkClose = async (done) => {
+  if(brokenGrid.value.getTableData().fullData.length===0){
+    brokenRow.value.breakageQuantity=null
+    brokenRow.value.completedQuantity = brokenRow.value.quantity
+    brokenRow.value.damageDetails=[]
+    done()
+    return true
+  }
+  const errMap = await brokenGrid.value.validate(true)
+  if (errMap) {
+    ElMessage.error(`鏍￠獙涓嶉�氳繃锛乣)
+    return false
+  }
+  let breakageQuantityCount = 0
+  brokenRow.value.breakageQuantity=0
+  brokenGrid.value.getTableData().fullData.forEach((row) =>{
+    breakageQuantityCount+=row.breakageQuantity*1
+  })
+
+  let reportingWorkNum = isNaN(brokenRow.value.completedQuantity*1)?0:brokenRow.value.completedQuantity*1
+  if((breakageQuantityCount>brokenRow.value.quantity*1) ){
+    ElMessage.warning(`鎹熻�楁暟:'${breakageQuantityCount}'
+                               涓嶈兘澶т簬${brokenRow.value.quantity*1}`)
+    return false
+  }
+  brokenRow.value.completedQuantity = brokenRow.value.quantity-breakageQuantityCount
+  breakageQuantityCount = breakageQuantityCount === 0 ? null : breakageQuantityCount
+  brokenRow.value.breakageQuantity = breakageQuantityCount
+  brokenRow.value.damageDetails=brokenGrid.value.getTableData().fullData
+  // xGrid.value.getTableData().fullData.forEach(
+  //
+  // )
+  const equalByOrderNum = xGrid.value.getTableData().fullData.filter((row) =>{
+    return row.order_number === brokenRow.value.order_number
+  })
+  const maxQuantity =  Math.max(...equalByOrderNum.map(item =>item.breakageQuantity || 0))
+  equalByOrderNum.forEach((row) =>{
+    row.completedQuantity= brokenRow.value.quantity*1-maxQuantity
+  })
+
+
+  getQuantity()
+
+  done()
+}
+
+
+//绗竴娆″姞杞芥暟鎹�
+
+request.post(`/reportingWork/selectProcess`).then((res) => {
+  if (res.code == 200) {
+    titleSelectJson.value.processType = res.data.process;
+  } else {
+    ElMessage.warning(res.msg)
+  }
+})
+
+function checkSameNumForId(data, targetId) {
+  // 鍒濆鍖栦竴涓璞℃潵瀛樺偍閬囧埌鐨刬d鍙婂叾瀵瑰簲鐨刵um鍊�
+  const idNums = {};
+  let firstNum = null;
+
+  for (const item of data) {
+    if (item.order_number === targetId) {
+      // 濡傛灉鎵惧埌浜嗙洰鏍噄d锛屾鏌um鏄惁涓庣涓�涓亣鍒扮殑num鐩稿悓
+      if (firstNum === null) {
+        // 濡傛灉鏄涓�涓亣鍒扮殑锛岃褰昻um鍊�
+        firstNum = item.completedQuantity;
+      } else if (item.completedQuantity !== firstNum) {
+        // 濡傛灉num鍊间笌绗竴涓亣鍒扮殑num涓嶅悓锛岃繑鍥瀎alse
+        return false;
+      }
+    }
+  }
+
+  // 濡傛灉閬嶅巻瀹屾暟缁勫悗娌℃湁杩斿洖false锛岄偅涔堟墍鏈夊叿鏈夌洰鏍噄d鐨勫璞￠兘鍏锋湁鐩稿悓鐨刵um鍊�
+  return true;
+}
+
+
+
+
+
+
+const saveReportingWork = (state,saveType) => {
+
+  if(xGrid.value.getTableData().fullData.length===0){
+    ElMessage.warning(`璇烽�夋嫨娴佺▼鍗℃暟鎹甡)
+    return
+  }
+  const device = titleUploadData.value.deviceName
+  if(device === null || device === undefined || device === ''){
+    ElMessage.error('璇烽�夋嫨鎶ュ伐璁惧锛�')
+    return
+  }
+  const teamsGroupsName = titleUploadData.value.teamsGroupsName
+  if(teamsGroupsName === null || teamsGroupsName === undefined || teamsGroupsName === ''){
+    ElMessage.error('璇烽�夋嫨鎶ュ伐璁惧锛�')
+    return
+  }
+
+  const seenIds = {}
+  const uniqueByOrderNum = xGrid.value.getTableData().fullData.filter(item => {
+    // 妫�鏌tem鐨刬d鏄惁宸茬粡鍦╯eenIds涓�
+    if (!seenIds[item.order_number]) {
+      // 濡傛灉涓嶅湪锛屾坊鍔犲畠骞惰繑鍥瀟rue浠ヤ繚鐣欒繖涓璞�
+      seenIds[item.order_number] = true;
+      return true;
+    }
+    // 濡傛灉宸茬粡鍦╯eenIds涓紝杩斿洖false浠ヨ繃婊ゆ帀杩欎釜瀵硅薄
+    return false;
+  });
+  const notFinishList = xGrid.value.getTableData().fullData.filter(item =>{
+    return item.saveFlag === false
+  })
+  for(let item of uniqueByOrderNum){
+    if(!checkSameNumForId(notFinishList,item.order_number)){
+      ElMessage.error(`璇锋鏌ヨ鍗曞簭鍙�: ${item.order_number} 鎶ュ伐鏁伴噺鏄惁鐩稿悓锛乣)
+      return false
+    }
+  }
+
+
+  titleUploadData.value.creator = user.user.userName
+  titleUploadData.value.creatorId = user.user.userId
+  const requestDetailData = xGrid.value.getTableData().fullData.filter((row) => {
+    const a = (row.completedQuantity !== undefined && row.completedQuantity !== null && row.completedQuantity !== '' && row.completedQuantity*1!==0)
+    const b = (row.breakageQuantity !== undefined && row.breakageQuantity !== null && row.breakageQuantity !== '' && row.breakageQuantity*1!==0)
+    return (a || b)
+  })
+  if(requestDetailData.length === 0){
+    ElMessage.warning('璇峰～鍐欒嚦灏戜竴鏉℃崯鑰楁暟鍜屽畬宸ユ暟澶т簬0')
+    return false
+  }
+
+  const requestData = {
+    title:titleUploadData.value,
+    detail:xGrid.value.getTableData().fullData,
+    type:state//瀹℃牳鐘舵��
+  }
+  gridOptions.toolbarConfig.buttons[0].disabled=true
+  gridOptions.toolbarConfig.buttons[1].disabled=true
+  //鍒ゆ柇淇濆瓨杩樻槸淇敼
+  if(saveType==='save'){
+    saveReportingWorkRequest(requestData)
+  }else{
+    updateReportingWorkRequest(requestData)
+  }
+
+}
+
+const saveReportingWorkRequest = (requestData) =>{
+  request.post(`/reportingWork/saveReportingWork`,requestData).then(res =>{
+    if (res.code == 200){
+      ElMessage.success("鎶ュ伐鎴愬姛")
+      router.push({path:'/main/reportingWorks/AddReportingWork',query:{processId:titleUploadData.value.processId,random:Math.random()}})
+    }else{
+      const errorObj = JSON.parse(res.msg)
+      const msg = "搴忓彿锛�"+errorObj.orderNumber+'\n'
+          +'灏忕墖椤哄簭锛�'+errorObj.technologyNumber+'\n'
+          +"瀹為檯鍙姤宸ユ暟閲忥細"+errorObj.processNum+'<'+
+          "鎶ュ伐鏁伴噺锛�"+errorObj.sumNum+'\n'
+          +"璇峰埛鏂扮晫闈㈤噸鏂版姤宸�"
+
+      ElMessage.error(msg)
+    }
+  }).catch(err =>{
+    ElMessage.error(err.message)
+  }).finally(()=>{
+
+    gridOptions.toolbarConfig.buttons[0].disabled=false
+    gridOptions.toolbarConfig.buttons[1].disabled=false
+  })
+}
+
+//鏇存柊鎶ュ伐鏁版嵁
+const updateReportingWorkRequest = (requestData) =>{
+  let reviewState = 'update'
+  if(route.query.reviewStatus==="1"){
+    reviewState = 'review'
+  }
+  request.post(`/reportingWork/updateReportingWork/${reviewState}`,requestData).then(res =>{
+    if (res.code == 200){
+      ElMessage.success("鎶ュ伐淇敼鎴愬姛")
+      router.push({path:'/main/reportingWorks/AddReportingWork',
+        query:{
+          processId:titleUploadData.value.processId,
+          random:Math.random()}
+      })
+    }
+  })
+}
+
+
+//鏌ヨ璐ｄ换璁惧
+const computedDevice = computed((responsibleProcess) => {
+  return function (responsibleProcess){
+    return titleSelectJson.value.historyDevice.filter((item) => {
+      return item.basic_category === responsibleProcess
+    })
+  }
+})
+// 鏌ヨ璐ｄ换鐝粍
+const computedResponsibleTeam = computed((responsibleProcess) => {
+  return function (responsibleProcess){
+    return titleSelectJson.value.historyTeams.filter((item) => {
+      return item.process === responsibleProcess
+    })
+  }
+})
+
+//鍒ゆ柇鏄惁鐐瑰嚮鍙埄鐢� 鏄剧ず杩斿洖宸ュ簭
+const computedReturnProcess =  computed((available) => {
+  return function (available){
+    if(available){
+      return titleSelectJson.value.historyProcess
+    }
+  }
+})
+
+let loadingFlag = ref(false)
+let disabledFlag = ref(true)
+const reviewReportingWork = () => {
+  const processId = titleUploadData.value.processId
+  if (processId.indexOf("/") < 0) {
+    ElMessage.warning("璇疯緭鍏ユ纭牸寮忔祦绋嬪崱")
+    return
+  }
+  let indexOfChar = processId.indexOf("/")
+  let leftString = processId.slice(0, indexOfChar)
+  if (leftString.length !== 14) {
+    ElMessage.warning("璇疯緭鍏ユ纭綅鏁扮殑娴佺▼鍗�")
+    return
+  }
+//宸ュ簭
+  let process = titleUploadData.value.thisProcess
+  if (process === "" || process == null) {
+    ElMessage.warning("璇烽�夋嫨宸ュ簭")
+    return
+  }
+  if(titleUploadData.value.previousProcess===''){
+    ElMessage.warning("绗竴閬撳伐搴忎笉闇�瑕佸鏍�")
+    return
+  }
+  const reportWork = {
+    process: titleUploadData.value.previousProcess,
+    processId:processId
+  }
+  loadingFlag.value= true
+  request.post("/reportingWork/reviewReportingWork",reportWork).then((res) =>{
+    if(res.code === '200'){
+      ElMessage.success("瀹℃牳鎴愬姛")
+      router.push({path:'/main/reportingWorks/AddReportingWork',
+        query:{
+          processId:titleUploadData.value.processId,
+          random:Math.random()
+        }
+      })
+    }
+  }).finally(
+      loadingFlag.value= false
+  )
+
+}
+
+
+//涓嬫媺娆鹃�夋嫨宸ュ簭鏃舵煡璇�
+const getWork = () => {
+
+  let processId = titleUploadData.value.processId
+  let parts = processId.split('/');
+
+  if (processId.indexOf("/") < 0 ||parts[1].trim() == '') {
+    ElMessage.warning("璇疯緭鍏ユ纭牸寮忔祦绋嬪崱")
+    return
+  }
+  let indexOfChar = processId.indexOf("/")
+  let leftString = processId.slice(0, indexOfChar)
+  if (leftString.length != 14) {
+    ElMessage.warning("璇疯緭鍏ユ纭綅鏁扮殑娴佺▼鍗�")
+    return
+  }
+//宸ュ簭
+  let process = titleUploadData.value.thisProcess
+  if (process == "" || process == null) {
+    ElMessage.warning("璇烽�夋嫨宸ュ簭")
+    return
+  }
+
+  if (titleSelectJson.value.thisProcessType.indexOf(process) == -1 && process != "鍒囧壊" && titleSelectJson.value.thisProcessType != "") {
+    ElMessage.warning("姝ゅ伐搴忎笉灞炰簬璇ユ祦绋嬪崱")
+    return
+  }
+  //鍖归厤鈥�/鈥濆墠鍚庡瓧绗︿覆
+  const regex =  /([^\/]+)\/([^\/]+)/;
+  //鏌ユ壘鍖归厤鐨勫瓧绗︿覆
+  const result = processId.match(regex);
+  //娴佺▼鍗″彿
+  let processIdStr = result[1];
+  //灞傚彿
+  let technologyStr = result[2];
+
+  request.post(`/reportingWork/addSelectLastWork/${processIdStr}/${technologyStr}/${process}`).then((res) => {
+    if (res.code == 200) {
+      if(res.data.data==null){
+        ElMessage.error("鏈煡璇㈠埌姝ゆ祦绋嬪崱鏁版嵁")
+        return
+      }
+
+      //琛ㄥご璧嬪��
+      titleUploadData.value = res.data.data
+      titleUploadData.value.processId = processId
+      //璁惧涓嬫媺妗�
+      titleSelectJson.value.deviceType = res.data.device
+      //鐝粍涓嬫媺妗�
+      titleSelectJson.value.teamsType = res.data.teams
+      //褰撳墠娴佺▼鍗″伐搴�
+      titleSelectJson.value.thisProcessType = res.data.thisProcess
+      //鍘嗗彶鐝粍
+      titleSelectJson.value.historyTeams= res.data.historyTeams
+      //鍘嗗彶璁惧
+      titleSelectJson.value.historyDevice = res.data.historyDevice
+      //鍘嗗彶宸ュ簭
+      titleSelectJson.value.historyProcess =  res.data.historyProcess
+      //娆＄牬绫诲瀷
+      titleSelectJson.value.breakageType =  res.data.breakageType
+      //娆＄牬鍘熷洜
+      titleSelectJson.value.breakageReason =  res.data.breakageReason
+      if(titleUploadData.value.reviewedState==1){
+        gridOptions.toolbarConfig.buttons[0].disabled=false
+        gridOptions.toolbarConfig.buttons[1].disabled=false
+        disabledFlag.value=true
+      }else {
+        gridOptions.toolbarConfig.buttons[0].disabled=true
+        gridOptions.toolbarConfig.buttons[1].disabled=true
+        disabledFlag.value=false
+      }
+
+      //鍒ゆ柇鏃╂櫄鐝�
+      titleUploadData.value.classes=t('reportingWorks.early')
+      titleUploadData.value.reportingWorkTime = formatCurrentTime()
+      //缁戝畾涓嬫柟琛ㄦ牸
+      detail.value = res.data.Detail
+      xGrid.value.reloadData(detail.value)
+    } else {
+      ElMessage.warning(res.msg)
+    }
+  })
+}
+
+//鍒ゆ柇瀹屽伐娆＄牬鏁伴噺鏄惁婊¤冻鏉′欢
+const verifyNum = () => {
+  const $grid = xGrid.value
+  const table = $grid.getTableData().fullData
+  let sum = 0;
+  let sumBreak = 0;
+  table.forEach((item) => {
+    if (item.completedQuantity == null || item.completedQuantity == "") {
+      item.completedQuantity = 0;
+    }
+    if (item.breakageQuantity == null || item.breakageQuantity == "") {
+      item.breakageQuantity = 0;
+    }
+
+    if (item.quantity < item.completedQuantity) {
+      ElMessage.success("搴忓彿" + item.order_number + "鐨勬暟閲忎笉鑳藉ぇ浜庝笂宸ュ簭鏁伴噺")
+
+
+    } else if (item.breakageQuantity * 1 + item.completedQuantity * 1 > item.quantity * 1) {
+      ElMessage.success("璇疯緭鍏ュ簭鍙�" + item.order_number + "姝ｇ‘鐨勫畬宸ユ垨娆＄牬鏁伴噺")
+    }
+
+    sum = item.completedQuantity * 1 + sum * 1
+
+    sumBreak = item.breakageQuantity * 1 + sumBreak * 1
+
+  })
+  titleUploadData.value.thisCompletedQuantity = sum
+  titleUploadData.value.thisWornQuantity = sumBreak
+}
+
+//鑾峰彇褰撳墠鏃堕棿
+function formatCurrentTime() {
+  let dateObj = new Date(); // 鍒涘缓涓�涓〃绀哄綋鍓嶆椂闂寸殑Date瀵硅薄
+  let year = dateObj.getFullYear(); // 骞翠唤
+  let month = (dateObj.getMonth() + 1).toString().padStart(2, '0'); // 鏈堜唤锛堟敞鎰忛渶瑕佸姞涓�1锛�
+  let day = dateObj.getDate().toString().padStart(2, '0'); // 澶╂暟
+  let hours = dateObj.getHours().toString().padStart(2, '0'); // 灏忔椂
+  let minutes = dateObj.getMinutes().toString().padStart(2, '0'); // 鍒嗛挓
+  let seconds = dateObj.getSeconds().toString().padStart(2, '0'); // 绉掓暟
+  if(parseInt(hours)>=17 && parseInt(hours)<8)titleUploadData.value.classes='鏅氱彮'
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; // 杩斿洖鏍煎紡鍖栧悗鐨勬椂闂村瓧绗︿覆
+}
+
+const editClosedEvent = ({ row, column }) => {
+  if (column.property==='completedQuantity') {
+    xGrid.value.getTableData().fullData.forEach((item, index) =>{
+      if(item.order_number===row.order_number){
+        item.completedQuantity=row.completedQuantity
+      }
+    })
+    getQuantity()
+  }
+}
+const  getQuantity = () => {
+  titleUploadData.value.thisCompletedQuantity = 0
+  titleUploadData.value.thisWornQuantity = 0
+  const arr = xGrid.value.getTableData().fullData
+  const returnArr =  arr.filter((obj, index, self) =>
+      self.findIndex((t) => t.order_number === obj.order_number) === index
+  )
+
+
+  let sumBreak = 0
+  let sumQuantity = 0
+  returnArr.forEach((item)=>{
+    sumQuantity+=Number(item.completedQuantity*1)
+  })
+  arr.forEach((item)=>{
+    sumBreak+=Number(item.breakageQuantity) || 0
+  })
+  titleUploadData.value.thisCompletedQuantity = sumQuantity
+  titleUploadData.value.thisWornQuantity = sumBreak
+}
+
+const changeTable=()=>{
+  const $grid = xGrid.value
+  this.$grid.commitProxy('data', yourData)
+}
+
+</script>
+
+<template>
+  <div style="height: 100%;width: 100%">
+    <div id="head" style="height: 5%;width: 100%;margin-bottom: 5px">
+      <el-input :disabled="inputDisabled" v-if="titleUploadData.reportingWorkId" v-model="titleUploadData.reportingWorkId" placeholder="鎶ュ伐缂栧彿" style="width: 200px" />
+      <el-input :disabled="inputDisabled" v-model="titleUploadData.processId" placeholder="娴佺▼鍗″彿" style="width: 200px" @keyup.enter.native="getWork();getQuantity()"/>
+      &nbsp;
+      <el-select :disabled="inputDisabled" v-model="titleUploadData.thisProcess" clearable placeholder="璇烽�夋嫨宸ュ簭" style="width: 120px"
+                 @change="getWork();getQuantity()">
+        <el-option
+            v-for="item in titleSelectJson['processType']"
+            :key="item.id"
+            :label="item.basic_name"
+            :value="item.basic_name"
+        />
+      </el-select>
+      &nbsp;
+      <el-button :disabled="disabledFlag" :loading="loadingFlag" @click="reviewReportingWork" type="primary">{{$t('reportingWorks.passAudit')}}
+      </el-button>
+<!--      <el-button type="primary">瀹℃牳涓嶉�氳繃</el-button>-->
+      &nbsp;
+      <label>{{$t('reportingWorks.processCardArea')}}锛�</label>
+    </div>
+    <div style="background-color: white;margin-bottom: 5px;height: 17%;width: 100%">
+      <el-row>
+        <el-col :span="2">
+          <el-text>{{$t('order.orderId')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-text>{{ titleUploadData.orderId }}</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('workOrder.productionId')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-text>{{ titleUploadData.productionId }}</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('processCard.customerId')}}锛�</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{ titleUploadData.order.customerId }}</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('processCard.customerName')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-text class="customClass"></el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('order.project')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-text wrap-text="false">{{ titleUploadData.order.project }}</el-text>
+        </el-col>
+
+      </el-row>
+      <el-row>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.deviceType')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-select @change="getQuantity" v-model="titleUploadData.deviceName" clearable :placeholder="$t('reportingWorks.pleaseDevice')">
+            <el-option
+                v-for="item in titleSelectJson['deviceType']"
+                :key="item.id"
+                :label="item.basicName"
+                :value="item.basicName"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.previousProcess')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+
+          <el-text>{{ titleUploadData.previousProcess }}</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.numberReported')}}锛�</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{ titleUploadData.previousProcessQuantity }}</el-text>
+
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.thisCompletedQuantity')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-text>{{ titleUploadData.thisCompletedQuantity }}</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.thisWornQuantity')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-text>{{ titleUploadData.thisWornQuantity }}</el-text>
+        </el-col>
+
+      </el-row>
+      <el-row>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.teamsType')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-select  v-model="titleUploadData.teamsGroupsName" clearable :placeholder="$t('reportingWorks.selectTeam')">
+            <el-option
+                v-for="item in titleSelectJson['teamsType']"
+                :key="item.id"
+                :label="item.basicName"
+                :value="item.basicName"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.classes')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="titleUploadData.classes" class="processesSt" :placeholder="$t('reportingWorks.selectClasses')">
+            <el-option
+                v-for="item in classesOption"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.nextProcess')}}锛�</el-text>
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{ titleUploadData.nextProcess }}</el-text>
+
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('reportingWorks.reportingWorkTime')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-date-picker
+              v-model="titleUploadData.reportingWorkTime"
+              format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder=""
+              style="width: 100%"
+              type="datetime"
+          />
+        </el-col>
+        <el-col :span="2">
+          <el-text>{{$t('basicData.remarks')}}锛�</el-text>
+        </el-col>
+        <el-col :span="3">
+          <el-input v-model="titleUploadData.notes" placeholder="" />
+        </el-col>
+
+      </el-row>
+    </div>
+    <div class="main-div-customer" style="width: 100%;height: 70%">
+      <vxe-grid
+          ref="xGrid"
+          class="mytable-scrollbar"
+          max-height="100%"
+          height="400px"
+          size="small"
+          v-bind="gridOptions"
+          v-on="gridEvents"
+          @edit-closed="editClosedEvent"
+
+      >
+
+
+        <template #num1_filter="{ column, $panel }">
+          <div>
+            <div v-for="(option, index) in column.filters" :key="index">
+              <input v-model="option.data" type="type" @input="changeFilterEvent($event, option, $panel)"/>
+            </div>
+          </div>
+        </template>
+
+
+      </vxe-grid>
+      <el-dialog
+          @opened="openedBrokenTable"
+          :before-close="checkClose"
+          v-model="brokenVisible"
+          :close-on-click-modal="false"
+          :close-on-press-escape="false"
+          :title="$t('reportingWorks.damageList')+':'
+          +brokenRow.glass_child+'.'+brokenRow.order_number+'.'+brokenRow.technology_number"
+          style="width: 80%;height:75% ">
+        <vxe-grid
+
+            height="400px"
+            ref="brokenGrid"
+            class="mytable-scrollbar"
+            v-bind="brokenGridOptions"
+            v-on="brokenGridEvents">
+          <!--        杩斿洖宸ュ簭-->
+          <template #returnProcess="{ row }">
+            <vxe-select v-model="row.returnProcess"
+                        filterable
+                        clearable
+                        placeholder="" >
+              <vxe-option v-for="item in computedReturnProcess(row.available)"
+                          :key="item.basic_category"
+                          :label="item.basic_category"
+                          :value="item.basic_category"/>
+            </vxe-select>
+          </template>
+          <template #returnProcess_default="{ row }">
+            <span>{{ row.returnProcess }}</span>
+          </template>
+
+          <!--        璐ｄ换宸ュ簭-->
+          <template #responsibleProcess="{ row }">
+            <vxe-select v-model="row.responsibleProcess"
+                        filterable
+                        clearable
+                        placeholder="" >
+              <vxe-option v-for="item in titleSelectJson.historyProcess"
+                          :key="item.basic_category"
+                          :label="item.basic_category"
+                          :value="item.basic_category"/>
+            </vxe-select>
+          </template>
+          <template #responsibleProcess_default="{ row }">
+            <span>{{ row.responsibleProcess }}</span>
+          </template>
+          <!--     鍒虹牬绫诲瀷breakageType   -->
+          <template #breakageType="{ row }">
+            <vxe-select v-model="row.breakageType "
+                        filterable
+                        clearable
+                        placeholder="">
+              <vxe-option v-for="item in titleSelectJson.breakageType" :key="item.id" :label="item.basic_name" :value="item.basic_name"/>
+            </vxe-select>
+          </template>
+          <template #breakageType_default="{ row }">
+            <span>{{ row.breakageType }}</span>
+          </template>
+
+          <!--娆＄牬鍘熷洜-->
+          <template #breakageReason="{ row }">
+            <vxe-select v-model="row.breakageReason "
+                        filterable
+                        clearable
+                        placeholder="">
+              <vxe-option v-for="item in titleSelectJson.breakageReason" :key="item.id" :label="item.basic_name" :value="item.basic_name"/>
+            </vxe-select>
+          </template>
+          <template #breakageReason_default="{ row }">
+            <span>{{ row.breakageReason }}</span>
+          </template>
+
+
+
+          <!--     璐ｄ换璁惧    -->
+          <template #reportingDeviceSort="{ row }">
+            <vxe-select v-model="row.responsibleEquipment"
+                        filterable
+                        clearable
+                        placeholder="">
+              <vxe-option v-for="item in computedDevice(row.responsibleProcess)" :key="item.id" :label="item.basic_name" :value="item.basic_name"/>
+            </vxe-select>
+          </template>
+          <template #reportingDeviceSort_default="{ row }">
+            <span>{{ row.responsibleEquipment }}</span>
+          </template>
+
+          <!--     璐ｄ换璁惧    -->
+          <template #responsibleTeam="{ row }">
+            <vxe-select v-model="row.responsibleTeam"
+                        filterable
+                        clearable
+                        placeholder="">
+              <vxe-option v-for="item in computedResponsibleTeam(row.responsibleProcess)" :key="item.id" :label="item.basic_name" :value="item.basic_name"/>
+            </vxe-select>
+          </template>
+          <template #responsibleTeam_default="{ row }">
+            <span>{{ row.responsibleTeam }}</span>
+          </template>
+          <!--   鍙埄鐢�       -->
+          <template #available="{ row }">
+            <el-checkbox v-model="row.available" />
+          </template>
+
+        </vxe-grid>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+
+.processCard {
+  width: 140px;
+}
+
+.processesSt {
+  height: 33px;
+  width: 120px;
+  background-color: #409eff;
+  color: white;
+  border: none;
+  border-radius: 5px;
+}
+
+#titleTable tr, #titleTable td {
+  border: 1px solid #000;
+}
+
+#titleTable {
+  border-collapse: collapse;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+}
+
+#titleTable td {
+  width: 100px;
+  height: 30px;
+}
+
+#titleTable td:nth-child(1) {
+  width: 100px;
+  height: 30px;
+}
+
+#titleTable td:nth-child(2) {
+  width: 100px;
+}
+
+.chaxun {
+  background-color: #D5EAFF;
+  border: none;
+}
+
+.customClass {
+  white-space: nowrap; /* 涓嶆崲琛� */
+}
+
+.el-text {
+
+}
+
+.el-col .el-select {
+  width: 100%;
+  height: 100%;
+}
+
+.el-col {
+  text-align: center;
+  border: #181818 1px solid;
+}
+.vxe-grid {
+  /* 绂佺敤娴忚鍣ㄩ粯璁ら�変腑 */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+</style>
\ No newline at end of file

--
Gitblit v1.8.0