From 1c13bd7a2cd2c8ba69a185da69344c8b59f4e561 Mon Sep 17 00:00:00 2001
From: guoyuji <guoyujie@ng.com>
Date: 星期四, 04 七月 2024 09:29:15 +0800
Subject: [PATCH] 选中求和功能以及还原双击回车才能点击单元格
---
north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue | 1746 ++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 1,444 insertions(+), 302 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
index f181f30..132bd11 100644
--- a/north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue
+++ b/north-glass-erp/northglass-erp/src/views/pp/reportingWorks/AddReportingWork.vue
@@ -1,24 +1,150 @@
<script setup>
-import {reactive} from "vue";
-import {useRouter} from 'vue-router'
-let router=useRouter()
-const getTableRow = (row,type) =>{
- switch (type) {
- case 'edit' :{
- //alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑缂栬緫淇℃伅')
- router.push({path: '/main/processCard/PrintFlowCard', query: { id: row.id }})
- break
- }
- case 'delete':{
- alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鍒犻櫎淇℃伅')
- break
- }
- case 'setType':{
- alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鎺掔増鐘舵��')
- break
- }
+import {computed, nextTick, onMounted, onUnmounted, 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'
+import footSum from "@/hook/footSum"
+//璇█鑾峰彇
+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([])
+let layer=''
+
+//瀹氫箟鎺ユ敹鍔犺浇琛ㄥご涓嬫媺鏁版嵁
+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
+ 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 瑙ｆ瀽閿欒鎴栧叾浠栧紓甯告儏鍐�
+ }
+ });
+ // 閬嶅巻 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 = {
+ code: 'update',
+ name: t('basicData.update'),
+ status: 'primary',
+ }
+ if(route.query.reviewStatus === "1"){
+ button.name=t('basicData.review')
+ 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) => {
@@ -29,30 +155,363 @@
return count.toFixed(2)
}
-const form = reactive({
- lckh: 'NG23120801A01/1'
-})
-//瀛愮粍浠舵帴鏀跺弬鏁�
+
+
+const optionVal = ref('')
+
+//鐝
+const classesVal = ref(t('reportingWorks.early'))
+const classesOption = [
+ {
+ value: t('reportingWorks.early'),
+ label: t('reportingWorks.early'),
+ },
+ {
+ value: t('reportingWorks.nightShift'),
+ label: t('reportingWorks.nightShift'),
+ },
+]
+
const gridOptions = reactive({
- border: "full",//琛ㄦ牸鍔犺竟妗�
+ border: "full",//琛ㄦ牸鍔犺竟妗�
keepSource: true,//淇濇寔婧愭暟鎹�
align: 'center',//鏂囧瓧灞呬腑
- stripe:true,//鏂戦┈绾�
- rowConfig: {isCurrent: true, isHover: true,height: 50},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+ stripe: true,//鏂戦┈绾�
+ rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
id: 'CustomerList',
showFooter: true,//鏄剧ず鑴�
printConfig: {},
importConfig: {},
exportConfig: {},
- scrollY:{ enabled: true },//寮�鍚櫄鎷熸粴鍔�
- showOverflow:true,
+ scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+ showOverflow: true,
columnConfig: {
resizable: true,
useKey: true
},
filterConfig: { //绛涢�夐厤缃」
- remote: true
+ // remote: true
+ },
+ customConfig: {
+ storage: true
+ },
+ mouseConfig:{selected: true},//榧犳爣閫変腑
+ keyboardConfig:{
+ isArrow: true,
+ isDel: true,
+ isEnter: true,
+ isTab: true,
+ isEdit: true,
+ isChecked: true
+ },
+ editConfig: {
+ trigger: 'click',
+ mode: 'row',
+ showStatus: true
+ },
+ menuConfig: {
+ /*body: {
+ options: [
+ [
+ {
+ code: 'copyChecked',
+ name: t('basicData.selectSame'),
+ prefixIcon: 'vxe-icon-copy',
+ visible: true,
+ disabled: false
+ },
+ {
+ code: 'copyAll',
+ name: t('basicData.sameAfterwards'),
+ prefixIcon: 'vxe-icon-feedback',
+ visible: true,
+ disabled: false
+ },
+ {
+ code: 'clearChecked',
+ name: t('basicData.clearSelection'),
+ prefixIcon: 'vxe-icon-indicator',
+ visible: true,
+ disabled: false
+ },
+ ]
+ ]
+ }*/
+ },
+ //琛ㄥご鍙傛暟
+ 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: 's01Value',
+ title: t('reportingWorks.glassNumber'),
+ 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(t('reportingWorks.enterIntegerGreaterThanEqualTo'))
+ }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(`${t('reportingWorks.pleaseGreaterThanOrEqual1')}
+ ${row.minQuantity}
+ ${t('reportingWorks.pleaseGreaterThanOrEqual2')}`)
+ }
+
+ }
+ }
+ ]
+ },
+ 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 }) {//椤佃剼鍑芥暟
+ return[
+ columns.map((column, columnIndex) => {
+ if (columnIndex === 0) {
+ return t('basicData.total')
+ }
+ const List = ["quantity_card",'quantity','completedQuantity','completed','onceBroken']
+ if (List.includes(column.field)) {
+ return footSum(data, column.field)
+ }
+ 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(t('basicData.msg.checkoutLose'))
+ return
+ }
+ saveReportingWork(0,'save')
+ break
+ }
+ case 'saveReportingWorkReview': {
+ const errMap = await $grid.validate(true)
+ if (errMap) {
+ ElMessage.error(t('basicData.msg.checkoutLose'))
+ return
+ }
+ saveReportingWork(1,'save')
+ break
+ }
+ case 'update': {
+ getQuantity()
+ const errMap = await $grid.validate(true)
+ if (errMap) {
+ ElMessage.error(t('basicData.msg.checkoutLose'))
+ 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锛堬級鏂规硶
+ const { rows, column, cell } = params; // 瑙ｆ瀯鑾峰彇琛屻�佸垪鍜屽崟鍏冩牸淇℃伅
+ //鐐瑰嚮娆＄牬鏁伴噺鏃舵墦寮�鏄庣粏鐣岄潰
+ if(column.field=="breakageQuantity"){
+ brokenVisible.value = true
+ }
+ },
+ menuClick({menu, row, column}) {
+ const $grid = xGrid.value
+ if ($grid) {
+ switch (menu.code) {
+ case 'copyChecked' : {
+ let result = toolbarButtonClickEvent()
+ if (result.cell === "completedQuantity"){
+ if (result) {
+ const dataList = xGrid.value.getTableData().visibleData
+ const val = dataList[result.start][result.cell]
+ dataList.forEach((item, index) => {
+ if (index >= result.start && index <= result.end) {
+ item[result.cell] = val
+ }
+ })
+ }
+ }
+
+ break
+ }
+ case 'copyAll' : {
+ let result = toolbarButtonClickEvent()
+ if (result.cell === "completedQuantity" ) {
+ if (result) {
+ const dataList = xGrid.value.getTableData().visibleData
+ const val = dataList[result.start][result.cell]
+ dataList.forEach((item, index) => {
+ if (index >= result.start) {
+ item[result.cell] = val
+ }
+ })
+ }
+ }
+ break
+ }
+ case 'clearChecked' : {
+ let result = toolbarButtonClickEvent()
+ if (result.cell === "completedQuantity" ) {
+ if (result) {
+ const dataList = xGrid.value.getTableData().visibleData
+ dataList.forEach((item, index) => {
+ if (index >= result.start && index <= result.end) {
+ item[result.cell] = ''
+ }
+ })
+ }
+ }
+ break
+ }
+ }
+ }
+ },
+}
+
+
+
+const brokenGridOptions = reactive({
+ border: "full",//琛ㄦ牸鍔犺竟妗�
+ keepSource: true,//淇濇寔婧愭暟鎹�
+ align: 'center',//鏂囧瓧灞呬腑
+ stripe: true,//鏂戦┈绾�
+ rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+ id: 'CustomerListDetail',
+ //showFooter: true,//鏄剧ず鑴�
+ printConfig: {},
+ importConfig: {},
+ exportConfig: {},
+ //scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+ showOverflow: true,
+ columnConfig: {
+ resizable: true,
+ useKey: true
+ },
+ filterConfig: { //绛涢�夐厤缃」
+ // remote: true
},
customConfig: {
storage: true
@@ -62,334 +521,1017 @@
mode: 'row',
showStatus: true
},//琛ㄥご鍙傛暟
- columns:[
- // {type:'expand',fixed:"left",slots: { content:'content' },width: 50},
- {field: 'serialNumber',width:90, title: '搴忓彿',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true, },
- {field: 'singlePieceName',width:120, title: '鍗曠墖鍚嶇О', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
- {field: 'marking',width:90, title: '鏍囪', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }},
- {field: 'pieces',width:100, title: '鐗囨爣璁�',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
- {field: 'processCardNumber',width:110, title: '娴佺▼鍗℃暟閲�', sortable: true,showOverflow:"ellipsis"},
- {field: 'width',width:70, title: '瀹�', sortable: true},
- {field: 'height',width:70, title: '楂�', sortable: true},
- {field: 'shape',width:70, title: '褰㈢姸', sortable: true,showOverflow:"ellipsis"},
- {field: 'upCompletedQuantity',width:120, title: '涓婂伐瀹屽伐鏁伴噺', sortable: true},
- {field: 'completedQuantity',width:100, title: '瀹屽伐鏁伴噺', sortable: true},
- {field: 'numberBroken',width:100, title: '娆＄牬鏁伴噺', sortable: true},
- {field: 'availableUse',width:80, title: '鍙埄鐢�', sortable: true},
- {field: 'returnProcess',width:100, title: '閫�鍥炲伐搴�', sortable: true},
- {field: 'reasonType',width:100, title: '娆＄牬绫诲瀷', sortable: true},
- {field: 'reasonDamage',width:100, title: '娆＄牬鍘熷洜', sortable: true},
- {field: 'responsibilityDevice',width:100, title: '璐ｄ换璁惧', sortable: true},
- {field: 'responsibilityProcess',width:100, title: '璐ｄ换宸ュ簭', sortable: true},
- {field: 'responsibilityTeams',width:100, title: '璐ｄ换鐝粍', sortable: true},
- {field: 'responsibilityPersonnel',width:100, title: '璐ｄ换浜哄憳', sortable: true},
- {field: 'completed', width:90,title: '宸插畬宸�', sortable: true},
- {field: 'onceBroken', width:90,title: '宸叉鐮�', sortable: 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: ''}}
+ },
- toolbarConfig: {
- buttons: [
- { code: 'empty', name: '娓呯┖鎶ュ伐鏁伴噺' },
- { code: 'sameCompletion', name: '瀹屽伐鐩稿悓' },
- { code: 'sameDamage', name: '娆＄牬鐩稿悓' },
- { code: 'sameOneCompletion', name: '瀹屽伐涓�鍒楃浉鍚�' },
- { code: 'sameOneDamage', name: '娆＄牬涓�鍒楃浉鍚�' },
- {code: 'print_lck', name: '淇濆瓨',status:'primary' ,icon:'vxe-icon-save'},
- {code: 'print_lck', name: '淇濆瓨骞跺鏍�',status:'primary' ,icon:'vxe-icon-save'},
+ {
+ 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(t('reportingWorks.enterIntegerGreaterThan'))
+ }
+ }
+ }
],
- import: false,
- export: true,
- print: true,
+ returnProcess:[
+ {
+ validator ({ row }) {
+ const regex = /^\s*$/i
+ if(row.available===true && (regex.test(row.returnProcess)==='' || row.returnProcess===null)){
+ return new Error(t('reportingWorks.availableOkReturnProcess'))
+ }
+ }
+ }
+ ],
+ breakageType: [
+ { required: true, message: t('reportingWorks.selectBreakageType') }
+ ],
+ breakageReason: [
+ { required: true, message: t('reportingWorks.selectBreakageReason') }
+ ],
+ responsibleProcess: [
+ { required: true, message: t('reportingWorks.selectResponsibleProcess')}
+ ],
+ responsibleEquipment: [
+ { required: true, message: t('reportingWorks.selectResponsibleEquipment') }
+ ],
+ responsibleTeam: [
+ { required: true, message: t('reportingWorks.selectResponsibleTeam') }
+ ],
+ },
+ 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
},
- data: [
- {
- serialNumber:'1',
- singlePieceName: '6mm鐧界幓骞抽挗(澶�)',
- marking: '1',
- pieces: '(澶�)',
- processCardNumber: '11',
- width: '575',
- height:"2241",
- shape: '鏅舰',
- upCompletedQuantity: '11',
- completedQuantity: '1',
- numberBroken:'',
- availableUse:'',
- returnProcess:'',
-
- reasonType: '鏈哄櫒',
- reasonDamage:'姘旀场瓒呮爣',
- available:'',
- reworkProcess:'',
- responsibilityProcess:'涓┖',
- responsibilityTeams:'涓┖涓�鐝�',
- responsibilityPersonnel:'',
- responsibilityDevice:'涓┖3#绾�',
- completed:'',
- onceBroken:'',
- },
- {
- serialNumber:'1',
- singlePieceName: '6mm鐧界幓骞抽挗(鍐�)',
- marking: '2',
- pieces: '(鍐�)',
- processCardNumber: '11',
- width: '575',
- height:"2241",
- shape: '鏅舰',
- upCompletedQuantity: '11',
- completedQuantity: '1',
- numberBroken:'',
- availableUse:'',
- returnProcess:'',
-
- reasonType: '鏈哄櫒',
- reasonDamage:'姘旀场瓒呮爣',
- available:'',
- reworkProcess:'',
- responsibilityProcess:'涓┖',
- responsibilityTeams:'涓┖涓�鐝�',
- responsibilityPersonnel:'',
- responsibilityDevice:'涓┖3#绾�',
- completed:'',
- onceBroken:'',
- },
- {
- serialNumber:'2',
- singlePieceName: '8mm鐧界幓骞抽挗(澶�)',
- marking: '1',
- pieces: '(澶�)',
- processCardNumber: '11',
- width: '575',
- height:"2241",
- shape: '鏅舰',
- upCompletedQuantity: '11',
- completedQuantity: '1',
- numberBroken:'',
- availableUse:'',
- returnProcess:'',
-
- reasonType: '鏈哄櫒',
- reasonDamage:'姘旀场瓒呮爣',
- available:'',
- reworkProcess:'',
- responsibilityProcess:'涓┖',
- responsibilityTeams:'涓┖涓�鐝�',
- responsibilityPersonnel:'',
- responsibilityDevice:'涓┖3#绾�',
- completed:'',
- onceBroken:'',
- },
- {
- serialNumber:'2',
- singlePieceName: '8mm鐧界幓骞抽挗(鍐�)',
- marking: '2',
- pieces: '(鍐�)',
- processCardNumber: '11',
- width: '575',
- height:"2241",
- shape: '鏅舰',
- upCompletedQuantity: '11',
- completedQuantity: '1',
- numberBroken:'',
- availableUse:'',
- returnProcess:'',
-
- reasonType: '鏈哄櫒',
- reasonDamage:'姘旀场瓒呮爣',
- available:'',
- reworkProcess:'',
- responsibilityProcess:'涓┖',
- responsibilityTeams:'涓┖涓�鐝�',
- responsibilityPersonnel:'',
- responsibilityDevice:'涓┖3#绾�',
- completed:'',
- onceBroken:'',
- },
- ],//table body瀹為檯鏁版嵁
- //鑴氶儴姹傚拰
- footerMethod ({ columns, data }) {//椤佃剼鍑芥暟
- let footList=['processCardNumber','upCompletedQuantity','completedQuantity','numberBroken','']
- return[
- columns.map((column, columnIndex) => {
- if (columnIndex === 0) {
- return '鍚堣:'
+})
+const brokenGridEvents = {
+ toolbarButtonClick({code}) {
+ const $grid = brokenGrid.value
+ if ($grid) {
+ switch (code) {
+ case 'addRow': {
+ $grid.insertAt({})
+ break
}
- if (footList.includes(column.field)) {
- return sumNum(data, column.field)
+ case 'removeRow': {
+ let result = toolbarButtonClickEvent()
+ if(result){
+ $grid.remove(result.row)
+ }
+ break
}
- return ''
- })
- ]
+ }
+ }
+ }
+}
+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(t('basicData.msg.checkoutLose'))
+ 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(`${t('reportingWorks.lossCount1')}':'${breakageQuantityCount}
+ ${t('reportingWorks.lossCount2')}${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(t('reportingWorks.selectProcessCardData'))
+ return
+ }
+ const device = titleUploadData.value.deviceName
+ if(device === null || device === undefined || device === ''){
+ ElMessage.error(t('reportingWorks.selectWorkReportingEquipment'))
+ return
+ }
+ const teamsGroupsName = titleUploadData.value.teamsGroupsName
+ if(teamsGroupsName === null || teamsGroupsName === undefined || teamsGroupsName === ''){
+ ElMessage.error(t('reportingWorks.selectWorkReportingTeam'))
+ 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 === 0
+ })
+
+ for(let item of uniqueByOrderNum){
+ 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
+ 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(t('reportingWorks.atLeastOneFinishedAndWornEligible'))
+ 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(t('reportingWorks.successfulJobApplication'))
+ router.push({path:'/main/reportingWorks/AddReportingWork',query:{processId:titleUploadData.value.processId,random:Math.random()}})
+ }else{
+ const errorObj = JSON.parse(res.msg)
+ const msg = t('reportingWorks.pleaseNumber1')+"锛�"+errorObj.orderNumber+'\n'
+ +t('reportingWorks.pleaseNumber2')+'锛�'+errorObj.technologyNumber+'\n'
+ +t('reportingWorks.pleaseNumber3')+'锛�'+errorObj.processNum+'<'+
+ +t('reportingWorks.pleaseNumber4')+'锛�'+errorObj.sumNum+'\n'
+ +t('reportingWorks.pleaseNumber5')
+
+ 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(t('reportingWorks.successfulModificationOfWorkApplication'))
+ 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(t('reportingWorks.correctFormatProcessCard'))
+ return
+ }
+ let indexOfChar = processId.indexOf("/")
+ let leftString = processId.slice(0, indexOfChar)
+ if (leftString.length < 14) {
+ ElMessage.warning(t('reportingWorks.processCardCorrectNumberDigits'))
+ return
+ }
+//宸ュ簭
+ let process = titleUploadData.value.thisProcess
+ if (process === "" || process == null) {
+ ElMessage.warning(t('reportingWorks.selectProcess'))
+ return
+ }
+ if(titleUploadData.value.previousProcess===''){
+ ElMessage.warning(t('reportingWorks.firstProcessNotReview'))
+ 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(t('basicData.msg.ReviewSuccess'))
+ 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
+ if (processId == "" || processId == null) {
+ ElMessage.warning(t('reportingWorks.theProcessCardNumberCannotBeEmpty'))
+ return
+ }
+ let parts = processId.split('/');
+
+ if (processId.indexOf("/") < 0 ||parts[1].trim() == '') {
+ ElMessage.warning(t('reportingWorks.correctFormatProcessCard'))
+ return
+ }
+ let indexOfChar = processId.indexOf("/")
+ let leftString = processId.slice(0, indexOfChar)
+ if (leftString.length < 14) {
+ ElMessage.warning(t('reportingWorks.processCardCorrectNumberDigits'))
+ return
+ }
+//宸ュ簭
+ let process = titleUploadData.value.thisProcess
+ if (process == "" || process == null) {
+ ElMessage.warning(t('reportingWorks.selectProcess'))
+ return
+ }
+ if (titleSelectJson.value.thisProcessType.length!=0){
+ if (titleSelectJson.value.thisProcessType.indexOf(process) === -1 && process !== t('machine.cutting')) {
+ ElMessage.warning(t('reportingWorks.thisProcessNotProcessCard'))
+ 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(t('reportingWorks.noDataThisProcessCard'))
+ 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()
+
+ // 澹版槑涓�涓┖鏁扮粍锛岀敤浜庡瓨鍌ㄦ瘡涓鍗曠殑 S01 鍊�
+ 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 瑙ｆ瀽閿欒鎴栧叾浠栧紓甯告儏鍐�
+ }
+ });
+
+// 閬嶅巻 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 涓殑鍊间笉瓒筹紝鍙互娣诲姞榛樿鍊兼垨鑰呬笉杩涜璧嬪�煎鐞�
+ }
+ });
+
+
+ //缁戝畾涓嬫柟琛ㄦ牸
+ 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(t('reportingWorks.pleaseNumber6') + item.order_number + t('reportingWorks.pleaseNumber7'))
+
+
+ } else if (item.breakageQuantity * 1 + item.completedQuantity * 1 > item.quantity * 1) {
+ ElMessage.success(t('reportingWorks.pleaseNumber8') + item.order_number + t('reportingWorks.pleaseNumber9'))
+ }
+
+ 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=t('reportingWorks.nightShift')
+ 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)
+}
+onMounted(() => {
+ window.addEventListener('keypress', qrcodeScanner);
+ //addListener(xGrid.value, gridOptions)
+})
+
+// 鍦ㄧ粍浠跺嵏杞芥椂绉婚櫎閿洏浜嬩欢鐩戝惉
+onUnmounted(() => {
+ window.removeEventListener('keypress', qrcodeScanner);
+})
+
+let code = '';
+let codeArr = [];
+let lastTime,nextTime = ''
+let lastCode,nextCode = ''
+const qrcodeScanner = (e) =>{
+
+ nextCode = e.key;
+
+
+ // 褰撳墠瑙﹀彂鏃堕棿
+ nextTime = new Date().getTime();
+ // 绗竴娆¤幏鍙�
+ if(!lastTime && !lastCode && e.key !== 'Enter'){
+ codeArr = []
+ codeArr.push(e.key)
+ }
+
+ if(lastCode && lastTime && (nextTime - lastTime > 50)){
+ // 鐩搁殧鏃堕棿澶т簬30 璇存槑涓嶆槸鎵爜鏋壂鎻忕殑 娓呯┖閲嶆柊
+ codeArr = []
+ // 褰撴壂鐮佸墠鏈塳eypress浜嬩欢鏃�,闃叉棣栧瓧缂哄け
+ } else if(lastCode && lastTime && e.key !== 'Enter'){
+ codeArr.push(e.key)
+ }
+ lastCode = nextCode
+ lastTime = nextTime
+ // 鎵弿缁撴潫
+ if(e.keyCode === 13){
+ // 鍙繘琛屼笅涓�姝ユ搷浣�
+ /* 涓嬩竴姝ユ搷浣� */
+ if(codeArr.length!==0){
+ titleUploadData.value.processId = codeArr.join('')
+ }
+
+ codeArr=[]
+ lastTime = ''
+ nextTime = ''
+ lastCode = ''
+ nextCode = ''
+ }
+
+}
</script>
<template>
-<div>
- <div id="head">
- <el-input placeholder="娴佺▼鍗″彿" v-model="form.lckh" style="width: 200px"/>
-
+ <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="$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()"/>
+
+ <el-select :disabled="inputDisabled" v-model="titleUploadData.thisProcess" clearable :placeholder="$t('reportingWorks.selectProcess')" 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>
+
+ <el-button :disabled="disabledFlag" :loading="loadingFlag" @click="reviewReportingWork" type="primary">{{$t('reportingWorks.passAudit')}}
+ </el-button>
+<!-- <el-button type="primary">瀹℃牳涓嶉�氳繃</el-button>-->
+
+ <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>
- <select class="processesSt">
- <option>鎶ュ伐宸ュ簭</option>
- <option value="鍒囧壊">鍒囧壊</option>
- <option value="纾ㄨ竟">纾ㄨ竟</option>
- <option value="閽㈠寲">閽㈠寲</option>
- </select>
-
- <el-button type="primary">瀹℃牳閫氳繃</el-button>
- <el-button type="primary">瀹℃牳涓嶉�氳繃</el-button>
-
- <label>娴佺▼鍗￠潰绉細xxx骞虫柟绫�</label>
- </div>
- <div>
- <table id="titleTable" style="border: 1px solid black;">
- <tr>
- <td>閿�鍞崟鍙�</td>
- <td>NG23120801</td>
- <td>鐢熶骇璁㈠崟鍙�</td>
- <td>NG23120801A</td>
- <td>瀹㈡埛缂栫爜</td>
- <td>123213</td>
- <td>瀹㈡埛鍚嶇О</td>
- <td>xxxx</td>
- <td>椤圭洰鍚嶇О</td>
- <td>xxxxxxx</td>
- </tr>
- <tr>
- <td>鎶ュ伐璁惧</td>
- <td>涓┖涓�绾�</td>
- <td>涓婂伐搴�</td>
- <td>閽㈠寲</td>
- <td>鍙姤宸ユ暟閲�</td>
- <td>12</td>
- <td>鏈伐搴忓畬宸�</td>
- <td>11</td>
- <td>鏈伐搴忔鐮�</td>
- <td>1</td>
- </tr>
- <tr>
- <td>鎶ュ伐鐝粍</td>
- <td>涓┖涓�鐝�</td>
- <td>鐝</td>
- <td>鏃╃彮</td>
- <td>涓嬪伐搴�</td>
- <td>鍖呰</td>
- <td>鎶ュ伐鏃堕棿</td>
- <td><input class="chaxun" id="bgsj" maxlength="255" type="datetime-local" name="bgsj"></td>
- <td>澶囨敞</td>
- <td>1</td>
- </tr>
- <tr>
- <td>鍗曠墖娆＄牬</td>
- <td>
- <el-select v-model="value" placeholder="鍏佽" >
+ </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 options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
+ v-for="item in titleSelectJson['deviceType']"
+ :key="item.id"
+ :label="item.basicName"
+ :value="item.basicName"
+ />
</el-select>
- </td>
+ </el-col>
+ <el-col :span="2">
+ <el-text>{{$t('reportingWorks.previousProcess')}}锛�</el-text>
+ </el-col>
+ <el-col :span="3">
- <td></td>
- <td></td>
- <td></td>
+ <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>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- </table>
- </div>
- <div class="main-div-customer">
- <vxe-grid
- max-height="100%"
- min-height="100px"
- @filter-change="filterChanged"
- class="mytable-scrollbar"
- ref="xGrid"
- v-bind="gridOptions"
- size="small"
+ </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>
- >
- <!-- @toolbar-button-click="toolbarButtonClickEvent"-->
- <!-- 涓嬫媺鏄剧ず鎵�鏈変俊鎭彃妲�-->
- <template #content="{ row }">
- <ul class="expand-wrapper">
- <li v-for="(item,index) in gridOptions.columns" v-show="item.field!=undefined ">
- <span style="font-weight: bold">{{item.title+': '}}</span>
- <span>{{ row[item.field] }}</span>
- </li>
- </ul>
- </template>
+ </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>
- <!--宸﹁竟鍥哄畾鏄剧ず鐨勬彃妲�-->
- <template #button_slot="{ row }">
- <el-button @click="getTableRow(row,'edit')" link type="primary" size="small">鎵撳嵃</el-button>
- <el-button @click="getTableRow(row,'setType')" link type="primary" size="small">鎺掔増</el-button>
- <el-button @click="getTableRow(row,'delete')" link type="primary" size="small">鍒犻櫎</el-button>
- </template>
+ </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>
- <template #num1_filter="{ column, $panel }">
- <div>
- <div v-for="(option, index) in column.filters" :key="index">
- <input type="type" v-model="option.data" @input="changeFilterEvent($event, option, $panel)"/>
+ </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>
- </div>
- </template>
+ </template>
- </vxe-grid>
+ </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 "
+ clearable placeholder=" " allow-create filterable>
+ <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 "
+ clearable placeholder=" " allow-create filterable>
+ <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>
-</div>
</template>
<style scoped>
-.processCard{
+.processCard {
width: 140px;
}
-.processesSt{
+
+.processesSt {
height: 33px;
- width: 80px;
+ width: 120px;
background-color: #409eff;
color: white;
border: none;
border-radius: 5px;
}
-#titleTable tr,#titleTable td{
+
+#titleTable tr, #titleTable td {
border: 1px solid #000;
}
-#titleTable{
+
+#titleTable {
border-collapse: collapse;
text-align: center;
width: 100%;
height: 100%;
}
-#titleTable td{
+
+#titleTable td {
width: 100px;
height: 30px;
}
-#titleTable td:nth-child(1){
+
+#titleTable td:nth-child(1) {
width: 100px;
height: 30px;
}
-#titleTable td:nth-child(2){
+
+#titleTable td:nth-child(2) {
width: 100px;
}
-.chaxun{
- background-color:#D5EAFF;
+
+.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