|
|
@@ -1,34 +1,86 @@
|
|
|
<template>
|
|
|
<!-- 半检 功能(functionCode) index : 预干(0101) -->
|
|
|
- <div class="main-app-form">
|
|
|
+ <div class="main-app">
|
|
|
<!-- 顶部导航栏 -->
|
|
|
<dk-app-nav-bar title="半检"
|
|
|
@click-left="onClickLeft" :rightIcon="true" @click-right="onClickRight"></dk-app-nav-bar>
|
|
|
+ <!-- 粘性布局 -->
|
|
|
+ <dk-app-sticky>
|
|
|
+ <!-- 生产工号-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.prodUserName"
|
|
|
+ formatter-flg
|
|
|
+ is-once-hide-keyboard
|
|
|
+ ref="prodUser"
|
|
|
+ :label="$t('appProductionJobNumber')"
|
|
|
+ placeholderType="scan"
|
|
|
+ @changeBarCode="queryUser"/>
|
|
|
+ <!-- 产品条码-->
|
|
|
+ <dk-app-field
|
|
|
+ :label="$t('appProductCode')"
|
|
|
+ ref="barCode"
|
|
|
+ v-model="formData.barCode"
|
|
|
+ @changeBarCode="queryBarCode"
|
|
|
+ :readonly="(formData.prodUserName.length == 0)"
|
|
|
+ placeholderType="scan"></dk-app-field>
|
|
|
+ </dk-app-sticky>
|
|
|
+
|
|
|
+ <div class="app-form">
|
|
|
+ <div class="app-form-main">
|
|
|
+ <!-- 产品编码-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.uniqueCode"
|
|
|
+ :label="$t('appProductCodeB')"
|
|
|
+
|
|
|
+ :readonly="true"
|
|
|
+ :placeholderFlag="false"
|
|
|
+ />
|
|
|
+ <!-- 产品名称-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.modelName"
|
|
|
+ :label="$t('appProductName')"
|
|
|
+
|
|
|
+ :readonly="true"
|
|
|
+ :placeholderFlag="false"
|
|
|
+ />
|
|
|
+ <!-- 商标名称-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.logoName"
|
|
|
+ :label="$t('appLogoName')"
|
|
|
+
|
|
|
+ :readonly="true"
|
|
|
+ :placeholderFlag="false"
|
|
|
+ />
|
|
|
+ <!-- 产品分级-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.gradeKindName"
|
|
|
+ :label="$t('appProductClassification')"
|
|
|
+ :readonly="true"
|
|
|
+ @click="openDropdown({key:'productClassification'})"
|
|
|
+ placeholderType="choose" is-link arrow-direction="down"
|
|
|
+ />
|
|
|
+ <!-- 缺陷号-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.defectNo"
|
|
|
+ ref="defectNo"
|
|
|
+ :label="$t('appDefectCode')"
|
|
|
+ :readonly="readonlyFlag"
|
|
|
+ @changeBarCode="getCheckNodeDefectCode"
|
|
|
+
|
|
|
+ />
|
|
|
+ <!-- 缺陷名称-->
|
|
|
+ <dk-app-field
|
|
|
+ v-model="formData.defectNoName"
|
|
|
+ :label="$t('appDefectNoName')"
|
|
|
+
|
|
|
+ :readonly="true"
|
|
|
+ :placeholderFlag="false"
|
|
|
+ />
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
- <!-- 生产工号-->
|
|
|
- <dk-app-field
|
|
|
- v-model="formData.prodUserName"
|
|
|
- formatter-flg
|
|
|
- is-once-hide-keyboard
|
|
|
- ref="prodUser"
|
|
|
- :label="$t('appProductionJobNumber')"
|
|
|
- placeholderType="scan"
|
|
|
- @changeBarCode="queryUser"/>
|
|
|
- <!-- 产品条码-->
|
|
|
- <dk-app-field
|
|
|
- :label="$t('appProductCode')"
|
|
|
- ref="barCode"
|
|
|
- v-model="formData.barCode"
|
|
|
- @changeBarCode="queryBarCode"
|
|
|
- :readonly="(formData.prodUserName.length == 0)"
|
|
|
- placeholderType="scan"></dk-app-field>
|
|
|
-
|
|
|
- <!-- 列表 -->
|
|
|
- <dk-app-table :rows="rows"
|
|
|
- :tableRowData="tableRowData"
|
|
|
- disabled-swipe
|
|
|
- @openDropdown="openDropdown">
|
|
|
- </dk-app-table>
|
|
|
<!-- 缺陷信息 标头-->
|
|
|
<div ref="scrollTable" class="main-app-table">
|
|
|
<div v-if="defectInformationTableRowData.length>0" style="margin: 10px">{{ $t('appDefectInformation') }}</div>
|
|
|
@@ -80,6 +132,7 @@ export default {
|
|
|
let self = this
|
|
|
return {
|
|
|
showPopup: false,//点击 三个小点 弹出popup
|
|
|
+ readonlyFlag: false,
|
|
|
gridItemList: [ //右上角功能菜单
|
|
|
{
|
|
|
gridName: "扫一扫", //扫一扫
|
|
|
@@ -135,7 +188,16 @@ export default {
|
|
|
prodUserId: '',//生产工号id
|
|
|
barCode: '',//产品条码
|
|
|
flgValid: '',//有效标识
|
|
|
- ftyId: 1,//工厂ID
|
|
|
+ ftyId: this.$store.state.user.ftyId,//工厂ID
|
|
|
+ gradeKindName: '',//产品等级
|
|
|
+ gradeKindId: '',//产品等级
|
|
|
+
|
|
|
+ uniqueCode: '',//产品编码
|
|
|
+ modelName: '',//产品名称
|
|
|
+ logoName: '', //商标名称
|
|
|
+ productClassification: '',//产品分级
|
|
|
+ defectNo: '',//缺陷号
|
|
|
+ defectNoName: '' ,//缺陷名称
|
|
|
},
|
|
|
sideProductClassificationFlag: false, //产品分级选择框
|
|
|
}
|
|
|
@@ -166,7 +228,8 @@ export default {
|
|
|
*/
|
|
|
singleCommit(e, typeName) {
|
|
|
if (typeName === 'productClassification') { //产品分级
|
|
|
-
|
|
|
+ this.formData.gradeKindId = e.ids ? Number(e.ids) : null
|
|
|
+ this.formData.gradeKindName = e.names
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -214,13 +277,41 @@ export default {
|
|
|
}
|
|
|
this.excute(this.$service.appCollectService, this.$service.appCollectService.checkBarCode, params, "queryBarCode").then(res => {
|
|
|
if (res.code === this.$config.SUCCESS_CODE) {
|
|
|
- this.tableRowData = [res.data]
|
|
|
- console.log("res.data", res.data)
|
|
|
- //todo 赋值缺陷信息 显示条码信息
|
|
|
+ this.formData.uniqueCode = res.data.uniqueCode//产品编码
|
|
|
+ this.formData.modelName = res.data.modelName//产品名称
|
|
|
+ this.formData.modelId = res.data.modelId//产品名称
|
|
|
+ this.formData.logoName = res.data.logoName //商标名称
|
|
|
+ this.formData.productClassification = res.data.productClassification//产品分级
|
|
|
+ this.formData.defectNo = res.data.defectNo//缺陷号
|
|
|
+ this.formData.defectNoName = res.data.defectNoName //缺陷名称
|
|
|
+ this.readonlyFlag = false
|
|
|
+ //焦点缺陷号
|
|
|
+ this.$refs.defectNo.$refs.input.focus()
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ /**
|
|
|
+ * @desc : 验证工序可检缺陷《PDA用) 检验工序输入缺陷代码时调用,返回此缺陷对应扣罚信息
|
|
|
+ * @author : 于继渤
|
|
|
+ * @date : 2023/3/13 17:07
|
|
|
+ */
|
|
|
+ getCheckNodeDefectCode(){
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ ftyId: this.$store.state.user.ftyId,
|
|
|
+ code: this.formData.defectNo,//缺陷编码
|
|
|
+ nodeId: this.formData.flowNodeId,//节点id
|
|
|
+ }
|
|
|
+ this.excute(this.$service.appCommonService, this.$service.appCommonService.getCheckNodeDefectCode, params).then(res => {
|
|
|
+ if (res.code === this.$config.SUCCESS_CODE) {
|
|
|
+ this.formData.defectNoName = res.data.defectName //缺陷名称
|
|
|
+ this.formData.defectFines = res.data.defectFines //赏罚
|
|
|
|
|
|
+ //焦点缺陷号
|
|
|
+ //this.$refs.defectNo.$refs.input.focus()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
/**
|
|
|
* @desc : 点击标题右侧事件
|
|
|
* @author : 王英杰
|
|
|
@@ -235,7 +326,7 @@ export default {
|
|
|
* @date : 2022/5/24 12:16
|
|
|
*/
|
|
|
onRouterRecordProcess() {
|
|
|
- this.$router.push({name: 'app-record-process'})
|
|
|
+ this.$router.push({name: 'app-record-process',params: {item: this.formData}})
|
|
|
},
|
|
|
/**
|
|
|
* @desc : 类别侧拉打开事件
|
|
|
@@ -304,8 +395,10 @@ export default {
|
|
|
// endregion
|
|
|
|
|
|
|
|
|
- onClose(){},
|
|
|
- onClick(){},
|
|
|
+ onClose() {
|
|
|
+ },
|
|
|
+ onClick() {
|
|
|
+ },
|
|
|
|
|
|
|
|
|
},
|
|
|
@@ -321,12 +414,30 @@ export default {
|
|
|
created(e) {
|
|
|
//接收参数
|
|
|
this.focusItem = "prodUser"
|
|
|
- let objson = JSON.parse(decodeURIComponent(this.$route.params.pageobj))
|
|
|
- this.formData.flowNodeId = objson.id //工序id
|
|
|
- this.appActiveTitle = objson.title
|
|
|
+ if (this.$route.params.pageobj){
|
|
|
+ let objson = JSON.parse(decodeURIComponent(this.$route.params.pageobj))
|
|
|
+ if(objson){
|
|
|
+ this.formData.flowNodeId = objson.id //工序id
|
|
|
+ this.appActiveTitle = objson.title
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+app-form {
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ margin: 10px;
|
|
|
+ border-radius: 7px;
|
|
|
+ box-shadow: rgb(229, 229, 230) 2px 2px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+app-form-main {
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+
|
|
|
</style>
|