廖井涛
2024-07-23 761aa895b2955a13a8d3d56405336404bca18451
north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue
@@ -4,11 +4,13 @@
import request from "@/utils/request";
import {ElMessage} from "element-plus";
import {changeFilterEvent, filterChanged} from "@/hook"
import domZIndex from 'dom-zindex'
import {indexOf} from "xe-utils";
import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
import userInfo from "@/stores/userInfo"
import { useI18n } from 'vue-i18n'
import footSum from "@/hook/footSum"
domZIndex.setCurrent(3000)
//语言获取
const { t } = useI18n()
let brokenVisible = ref(false)
@@ -66,6 +68,7 @@
})
let detail = ref([])
let layer=''
let technologicalProcess=''
//定义接收加载表头下拉数据
const titleSelectJson = ref({
@@ -99,30 +102,25 @@
        layer= res.data.layer
        const s01Values = [];
        // 遍历 res.data.numberList 数组,获取每个元素的 S01 值并存储到 s01Values 数组中
        res.data.numberList.forEach(element => {
          try {
            const otherColumnsObject = JSON.parse(element.other_columns);
            const s01Value = otherColumnsObject.S01;
            if (s01Value) {
              s01Values.push(s01Value);
            } else {
              // 如果 S01 值为空,可以选择添加默认值或者忽略这个元素
              s01Values.push(''); // 例如添加空字符串
            }
          } catch (error) {
            // console.error('Error parsing JSON or accessing S01 value:', error);
            // 处理 JSON 解析错误或其他异常情况
        for (let i = 0; i < res.data.reportingWorkDetails.length; i++) {
          const s01Values = [];
          // 遍历 detailList 数组,提取 S01 值到 s01Values 数组
          if (res.data.reportingWorkDetails[i].other_columns!=null|| res.data.reportingWorkDetails[i].other_columns!=undefined){
            res.data.reportingWorkDetails.forEach(element => {
              const otherColumnsObject = JSON.parse(element.other_columns);
              const s01Value = otherColumnsObject.S01;
              s01Values.push(s01Value || ''); // 如果 S01 值为空,添加空字符串或者其他默认值
            });
            // 将 s01Values 中的值赋给每个订单详情对象的 s01Value 属性
            res.data.reportingWorkDetails.forEach((detail, index) => {
              detail.s01Value = index < s01Values.length ? s01Values[index] : ''; // 赋值给 s01Value 属性
            });
          }
        });
        // 遍历 res.data.Detail 数组,将 s01Values 中的值赋给每个订单详情对象的 s01Value 属性
        res.data.reportingWorkDetails.forEach((detail, index) => {
          if (index < s01Values.length) {
            detail.s01Value = s01Values[index]; // 添加一个名为 s01Value 的新属性,存储对应的 S01 值
          } else {
            detail.s01Value = ''; // 如果 s01Values 中的值不足,可以添加默认值或者不进行赋值处理
          }
        });
        }
        //titleUploadData.value.processId=titleUploadData.value.processId+'/'+layer
        xGrid.value.reloadData(res.data.reportingWorkDetails)
        let button =  {
@@ -134,6 +132,7 @@
          button.name=t('basicData.review')
          titleUploadData.value.qualityInspector=user.user.userName
        }
        gridOptions.toolbarConfig.buttons.push(button)
      }
@@ -179,7 +178,7 @@
  align: 'center',//文字居中
  stripe: true,//斑马纹
  rowConfig: {isCurrent: true, isHover: true, height: 30},//鼠标移动或选择高亮
  id: 'CustomerList',
  id: 'AddReportingWork_1',
  showFooter: true,//显示脚
  printConfig: {},
  importConfig: {},
@@ -206,12 +205,13 @@
    isChecked: true
  },
  editConfig: {
    trigger: 'click',
    trigger: 'dblclick',
    mode: 'row',
    showStatus: true
  },
  menuConfig: {
    /*body: {
    body: {
    //右键菜单
      options: [
        [
          {
@@ -237,7 +237,7 @@
          },
        ]
      ]
    }*/
    }
  },
  //表头参数
  columns: [
@@ -411,13 +411,26 @@
          break
        }
        case 'update':  {
          getQuantity()
          const errMap = await $grid.validate(true)
          if (errMap) {
            ElMessage.error(t('basicData.msg.checkoutLose'))
            return
          }
          saveReportingWork(0,'update')
          //根据补片状态判断是否能修改
          request.post(`/reportingWork/getPatchCondition/${route.query.reportingWorkId}`).then(async (res) => {
            if (res.code == 200) {
              if (res.data > 0) {
                ElMessage.error("该报工包含已补片数据,不可修改!")
                return
              } else {
                getQuantity()
                const errMap = await $grid.validate(true)
                if (errMap) {
                  ElMessage.error(t('basicData.msg.checkoutLose'))
                  return
                }
                saveReportingWork(0, 'update')
              }
            } else {
              ElMessage.warning(res.msg)
            }
          })
          break
        }
      }
@@ -499,7 +512,7 @@
  align: 'center',//文字居中
  stripe: true,//斑马纹
  rowConfig: {isCurrent: true, isHover: true, height: 30},//鼠标移动或选择高亮
  id: 'CustomerListDetail',
  id: 'AddReportingWork_2',
  //showFooter: true,//显示脚
  printConfig: {},
  importConfig: {},
@@ -522,6 +535,7 @@
    showStatus: true
  },//表头参数
  columns: [
    {type: 'checkbox', fixed: "left", title: t('basicData.check'),width: 78},
    {type: 'seq',fixed:"left", title: t('basicData.Number'), width: 80 },
    // {
    //   field: 'order_number',
@@ -571,7 +585,7 @@
    },
    {
      field: 'responsiblePersonnel',
      title: t('reportingWorks.responsiblePersonnel'),
      title: '责任信息',
      editRender: {name: 'input', attrs: {placeholder: ''}}
    },
@@ -637,9 +651,10 @@
          break
        }
        case 'removeRow':  {
          let result = toolbarButtonClickEvent()
          if(result){
            $grid.remove(result.row)
          const $grid = brokenGrid.value
          const checkedList = $grid.getCheckboxRecords()
          if(checkedList){
            $grid.remove(checkedList)
          }
          break
        }
@@ -648,7 +663,7 @@
  }
}
const openedBrokenTable = () => {
  addListener(brokenGrid.value,brokenGridOptions)
  //addListener(brokenGrid.value,brokenGridOptions)
  let damage =ref(brokenRow.value.damageDetails)
  brokenGrid.value.reloadData(damage.value)
}
@@ -702,10 +717,17 @@
//第一次加载数据
let groupChangeProcess = ref(false)//用于本班组显示问题
request.post(`/reportingWork/selectProcess`).then((res) => {
  if (res.code == 200) {
    titleSelectJson.value.processType = res.data.process;
    titleSelectJson.value.processType = res.data.process
    if(user.user.address!==null && user.user.address!==''){
      titleUploadData.value.thisProcess = user.user.address
      titleUploadData.value.teamsGroupsName = user.user.userName
      groupChangeProcess.value = true
      gridOptions.toolbarConfig.buttons[1].visible=false
    }
  } else {
    ElMessage.warning(res.msg)
  }
@@ -771,14 +793,13 @@
  })
  for(let item of uniqueByOrderNum){
    if(!checkSameNumForId(notFinishList,item.order_number)){
    if(!checkSameNumForId(notFinishList,item.order_number )){
      ElMessage.error(`${t('reportingWorks.pleaseCheckTheOrderNumber1')}':'
      ${item.order_number}
       ${t('reportingWorks.pleaseCheckTheOrderNumber1')}`)
      return false
    }
  }
  titleUploadData.value.creator = user.user.userName
  titleUploadData.value.creatorId = user.user.userId
@@ -787,7 +808,7 @@
    const b = (row.breakageQuantity !== undefined && row.breakageQuantity !== null && row.breakageQuantity !== '' && row.breakageQuantity*1!==0)
    return (a || b)
  })
  if(requestDetailData.length === 0){
  if(requestDetailData.length === 0 &&  (route.query.reportingWorkId===undefined)){
    ElMessage.warning(t('reportingWorks.atLeastOneFinishedAndWornEligible'))
    return false
  }
@@ -795,7 +816,9 @@
  const requestData = {
    title:titleUploadData.value,
    detail:xGrid.value.getTableData().fullData,
    type:state//审核状态
    type:state,//审核状态
    userId:user.user.userId,
    userName:user.user.userName,
  }
  gridOptions.toolbarConfig.buttons[0].disabled=true
  gridOptions.toolbarConfig.buttons[1].disabled=true
@@ -861,6 +884,7 @@
})
// 查询责任班组
const computedResponsibleTeam = computed((responsibleProcess) => {
  titleSelectJson.value.historyTeams.push({basic_name: user.user.userName, process: titleUploadData.value.thisProcess, basic_type: 'teamsgroups', basic_category: 179, id: 555})
  return function (responsibleProcess){
    return titleSelectJson.value.historyTeams.filter((item) => {
      return item.process === responsibleProcess
@@ -903,7 +927,8 @@
  }
  const reportWork = {
    process: titleUploadData.value.previousProcess,
    processId:processId
    processId:processId,
    thisProcess:titleUploadData.value.thisProcess
  }
  loadingFlag.value= true
  request.post("/reportingWork/reviewReportingWork",reportWork).then((res) =>{
@@ -971,10 +996,11 @@
        ElMessage.error(t('reportingWorks.noDataThisProcessCard'))
        return
      }
      technologicalProcess=res.data.technologicalProcess
      //表头赋值
      titleUploadData.value = res.data.data
      titleUploadData.value.processId = processId
      titleUploadData.value.teamsGroupsName = user.user.userName
      //设备下拉框
      titleSelectJson.value.deviceType = res.data.device
      //班组下拉框
@@ -1005,34 +1031,26 @@
      titleUploadData.value.classes=t('reportingWorks.early')
      titleUploadData.value.reportingWorkTime = formatCurrentTime()
      // 声明一个空数组,用于存储每个订单的 S01 值
      //处理编号列
      //定义存放编号数组
      const s01Values = [];
      for (let i = 0; i < res.data.Detail.length; i++) {
        const s01Values = [];
        // 遍历 detailList 数组,提取 S01 值到 s01Values 数组
        if (res.data.Detail[i].other_columns!=null|| res.data.Detail[i].other_columns!=undefined){
          res.data.Detail.forEach(element => {
            const otherColumnsObject = JSON.parse(element.other_columns);
            const s01Value = otherColumnsObject.S01;
            s01Values.push(s01Value || ''); // 如果 S01 值为空,添加空字符串或者其他默认值
          });
// 遍历 res.data.numberList 数组,获取每个元素的 S01 值并存储到 s01Values 数组中
      res.data.numberList.forEach(element => {
        try {
          const otherColumnsObject = JSON.parse(element.other_columns);
          const s01Value = otherColumnsObject.S01;
          if (s01Value) {
            s01Values.push(s01Value);
          } else {
            // 如果 S01 值为空,可以选择添加默认值或者忽略这个元素
            s01Values.push(''); // 例如添加空字符串
          }
        } catch (error) {
          // console.error('Error parsing JSON or accessing S01 value:', error);
          // 处理 JSON 解析错误或其他异常情况
          // 将 s01Values 中的值赋给每个订单详情对象的 s01Value 属性
          res.data.Detail.forEach((detail, index) => {
            detail.s01Value = index < s01Values.length ? s01Values[index] : ''; // 赋值给 s01Value 属性
          });
        }
      });
// 遍历 res.data.Detail 数组,将 s01Values 中的值赋给每个订单详情对象的 s01Value 属性
      res.data.Detail.forEach((detail, index) => {
        if (index < s01Values.length) {
          detail.s01Value = s01Values[index]; // 添加一个名为 s01Value 的新属性,存储对应的 S01 值
        } else {
          detail.s01Value = ''; // 如果 s01Values 中的值不足,可以添加默认值或者不进行赋值处理
        }
      });
      }
      //绑定下方表格
@@ -1125,7 +1143,7 @@
}
onMounted(() => {
  window.addEventListener('keypress', qrcodeScanner);
  //addListener(xGrid.value, gridOptions)
  addListener(xGrid.value, gridOptions)
})
// 在组件卸载时移除键盘事件监听
@@ -1166,6 +1184,9 @@
    if(codeArr.length!==0){
      titleUploadData.value.processId = codeArr.join('')
    }
    if(user.user.address!==null || user.user.address!==''){
      getWork()
    }
    codeArr=[]
    lastTime = ''
@@ -1173,6 +1194,18 @@
    lastCode = ''
    nextCode = ''
  }
}
const cellClassName = ({ row, column }) => {
  if (column.field === 'breakageQuantity') {
      return 'col-red'
  }
}
const changeRowClass =  ({ row, rowIndex, $rowIndex }) => {
    return row?.rowClass
}
@@ -1184,7 +1217,11 @@
      <el-input :disabled="inputDisabled" v-if="titleUploadData.reportingWorkId" v-model="titleUploadData.reportingWorkId" :placeholder="$t('reportingWorks.reportingWorkId')" style="width: 200px" />
      <el-input :disabled="inputDisabled" v-model="titleUploadData.processId" :placeholder="$t('processCard.processId')" style="width: 200px" @keyup.enter.native="getWork();getQuantity()"/>
      &nbsp;
      <el-select :disabled="inputDisabled" v-model="titleUploadData.thisProcess" clearable :placeholder="$t('reportingWorks.selectProcess')" style="width: 120px"
      <el-select :disabled="inputDisabled || groupChangeProcess"
                 v-model="titleUploadData.thisProcess"
                 clearable
                 :placeholder="$t('reportingWorks.selectProcess')"
                 style="width: 120px"
                 @change="getWork();getQuantity()">
        <el-option
            v-for="item in titleSelectJson['processType']"
@@ -1198,7 +1235,7 @@
      </el-button>
<!--      <el-button type="primary">审核不通过</el-button>-->
      &nbsp;
      <label>{{$t('reportingWorks.processCardArea')}}:</label>
      <label>{{technologicalProcess}}</label>
    </div>
    <div style="background-color: white;margin-bottom: 5px;height: 17%;width: 100%">
      <el-row>
@@ -1227,10 +1264,11 @@
          <el-text class="customClass"></el-text>
        </el-col>
        <el-col :span="2">
          <el-text>{{$t('order.project')}}:</el-text>
          <el-text >{{$t('order.project')}}:</el-text>
        </el-col>
        <el-col :span="3">
          <el-text wrap-text="false">{{ titleUploadData.order.project }}</el-text>
          <el-input :readonly="true" v-model="titleUploadData.order.project"/>
<!--          <el-text style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ titleUploadData.order.project }}</el-text>-->
        </el-col>
      </el-row>
@@ -1281,7 +1319,10 @@
          <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-select :disabled="groupChangeProcess"
                     v-model="titleUploadData.teamsGroupsName"
                     clearable
                     :placeholder="$t('reportingWorks.selectTeam')">
            <el-option
                v-for="item in titleSelectJson['teamsType']"
                :key="item.id"
@@ -1336,12 +1377,14 @@
      <vxe-grid
          ref="xGrid"
          class="mytable-scrollbar"
          :row-class-name="changeRowClass"
          max-height="100%"
          height="400px"
          height="100%"
          size="small"
          v-bind="gridOptions"
          v-on="gridEvents"
          @edit-closed="editClosedEvent"
          :cell-class-name="cellClassName"
      >
@@ -1534,4 +1577,13 @@
  user-select: none;
}
::v-deep(.mytable-scrollbar .col-red) {
  background-color: rgb(66,159,254);
  color: #fff;
}
::v-deep(.latter) {
  //display: none;
}
</style>