var vm = new Vue({
|
el: '#app',
|
data: function () {
|
return {
|
isLoading: false,
|
userInfo: {
|
"loginGuid": '',
|
"loginAccount": '',
|
},
|
formData: {
|
id: "",
|
releaseNo: "",
|
createBy: "",
|
createDate: "",
|
lotNo: "",
|
itemNo: "",
|
billNo: "",
|
fcovertQty: "",
|
detailMem: "",
|
taskNo: "",
|
fcheckResu: "",
|
boardModel: "",
|
planQty: "",
|
mocode: "",
|
boardStyle: ""
|
},
|
isShowTable: false,
|
tableData: [],//返回的检验项目
|
jymxData: [],//展示的检验项目
|
remarks:'',//不合格描述
|
okNum:'',//合格数
|
ngNum: '',//不合格数
|
ttrre: false,
|
show: false,//明细面板
|
tableMxData: [],
|
tabActive: 0,
|
inputValue: '',//特征值输入
|
resultValue: '',//检验结果录入
|
showButton: false,//右上角菜单触发
|
okValue: '',//OK-数量
|
ngValue: '',//NG-数量
|
showDialog: false,//不良表述输入框
|
selectKey: "",//查询关键字
|
actions: [],//列表的值
|
daashow: false,//工单列表展示
|
lineId:[],
|
//图片上传框
|
fileList: [
|
|
],
|
}
|
},
|
mounted() {
|
var that = this;
|
this.userInfo = {
|
loginGuid: this.GetLoginInfor().loginGuid,
|
loginAccount: this.GetLoginInfor().loginAccount,
|
};
|
this.formData.id = this.Request("id"),
|
this.formData.releaseNo = this.Request("releaseNo");
|
this.formData.lotNo = this.Request("lotNo");
|
this.init();
|
},
|
methods: {
|
// 输入过滤
|
handleNumberInput1(value) {
|
// 去除非数字并确保首位不为0（除非是单独的0）
|
this.okValue = value.replace(/[^\d]/g, '') // 去除非数字字符
|
.replace(/^0+(?!$)/, ''); // 去除开头的0，除非整个字符串是0
|
},
|
handleNumberInput2(value) {
|
// 去除非数字并确保首位不为0（除非是单独的0）
|
this.ngValue = value.replace(/[^\d]/g, '') // 去除非数字字符
|
.replace(/^0+(?!$)/, ''); // 去除开头的0，除非整个字符串是0
|
},
|
handleNumberInput3(value) {
|
this.inputValue = value.replace(/[^\d.]/g, '') // 1. 去除非数字和小数点
|
.replace(/(\..*)\./g, '$1') // 2. 禁止多个小数点
|
.replace(/^\./g, '');
|
},
|
//针对没有上下限值的数据，只需选择合格或不合格.按钮触发
|
handleQualified(isQualified) {
|
var input = "";
|
if (isQualified) {
|
// 执行合格相关逻辑
|
input = "OK-1";
|
this.addJyzIpqc(input);
|
} else {
|
// 执行不合格相关逻辑
|
input = "NG-1";
|
this.addJyzIpqc(input);
|
}
|
},
|
togglePopup(index) {
|
// 切换指定索引的 popup 状态
|
var that = this;
|
this.show = true;
|
console.log(index);
|
console.log(that.tableData[index].guid);
|
var mxguid = that.tableData[index].guid;
|
that.jymxData = that.tableData[index];
|
that.tabActive = index;
|
that.AxiosHttp("post", 'MesQaItemsDetect01Manager/GetModel12', {
|
parentGuid : "",
|
guid : mxguid ,
|
}, true, 1).then(function (res1) {
|
if (res1.rtnCode == 1) {
|
that.tableMxData = res1.rtnData;
|
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
}
|
}).catch(function (error) {
|
that.$toast.fail("网络错误，请重试！");
|
console.log(error);
|
});
|
},
|
|
getInfo() {
|
this.daashow = true;
|
var that = this;
|
that.actions = [];
|
that.isLoading = true;
|
console.log(that.lineId);
|
|
that.AxiosHttp("post", 'Ipqc/GetIpqcXjDaa', {
|
selectKey: that.selectKey,
|
xt: that.lineId,
|
}, false)
|
.then(function (res) {
|
var json = res;
|
if (json.status == 0) {
|
|
if (json.data.tbBillList.length <= 0) {
|
that.$toast.fail("没有可用的数据");
|
that.$playSound('error');
|
} else {
|
that.itemInfo = json.data.tbBillList;
|
that.actions = json.data.tbBillList.map(item => {
|
return {
|
name: item.daaInfo // 拼接字段
|
|
};
|
});
|
}
|
}
|
else {
|
that.$toast.fail(json.message);
|
that.$playSound('error');
|
}
|
that.isLoading = false;
|
})
|
.catch(function (error) {
|
that.isLoading = false;
|
that.$toast.fail("网络错误，请重试！");
|
that.$playSound('error');
|
console.log(error);
|
});
|
},
|
|
onSelect(item) {
|
// 默认情况下点击选项时不会自动收起
|
// 可以通过 close-on-click-action 属性开启自动收起
|
this.daashow = false;
|
console.log(item);
|
// 正则匹配第一个方括号内容
|
const regex = /\[([^\]]+)\]/;
|
const matchResult = item.name.match(regex);
|
|
if (matchResult && matchResult[1]) {
|
this.formData.lotNo = matchResult[1]; // PPBOM00000088-1
|
console.log('提取的DAA001:', this.formData.lotNo);
|
} else {
|
this.$toast.fail('工单号格式异常');
|
this.formData.lotNo = '';
|
}
|
this.createByWomdaa();
|
//this.$toast(item.name);
|
|
},
|
|
getInputJYZ() {
|
// 切换指定索引的 popup 状态
|
var that = this;
|
|
if (!that.inputValue) {
|
this.$toast.fail("检验值不能为空");
|
that.isLoading = false;
|
return;
|
}
|
that.addJyzIpqc(that.inputValue);
|
|
},
|
|
addJyzIpqc(input) {
|
var that = this;
|
var guid1 = that.formData.guid;//主表id
|
var mxguid = that.tableData[that.tabActive].guid;//检验项目的guid
|
that.isLoading = true;
|
that.AxiosHttp("post", 'PqcManager/AddIpqcJyz', {
|
inOrderGuid1: guid1,
|
inOrderGuid5: mxguid,
|
inP1: input,//或者0k-19,或者ng-19,或实际检验值
|
}, true, 1).then(function (res1) {
|
if (res1.rtnCode > 0) {
|
that.$notify({
|
type: 'success', message: res1.rtnMsg
|
});
|
that.refreshJYItem();//刷新检验项目
|
//that.handleTabClick();//刷新检验明细面板
|
//that.$refs.inputValue.focus();
|
that.inputValue = null;
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
that.inputValue = null;
|
}
|
that.isLoading = false;
|
}).catch(function (error) {
|
that.$toast.fail("网络错误，请重试！");
|
that.inputValue = null;
|
that.isLoading = false;
|
});
|
},
|
|
handleTabClick() {
|
console.log(this.tabActive)
|
this.togglePopup(this.tabActive);
|
},
|
|
//生成检验单
|
createByWomdaa() {
|
const that = this;
|
var guid1 = that.formData.guid;//主表id
|
return that.AxiosHttp("post", 'Ipqc/createByWomdaa', {
|
inOrderGuid1: guid1,
|
userAccount: that.userInfo.loginAccount,
|
DAA001: that.formData.lotNo
|
}, false).then(res => {
|
var json = res;
|
if (json.status == 0) {
|
|
}
|
else {
|
that.$toast.fail(json.message);
|
that.$playSound('error');
|
that.formData.lotNo = "";
|
}
|
that.isLoading = false;
|
that.init();
|
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
console.error('Refresh error:', error);
|
});
|
},
|
|
//检验明细刷新
|
refreshJYItem() {
|
const that = this;
|
return that.AxiosHttp("post", 'LLJ/getJYItem', {
|
releaseNo: that.formData.releaseNo
|
}, false).then(res1 => {
|
const tableData = res1.data.tbBillList || [];
|
that.tableData = tableData;
|
that.handleTabClick();//刷新检验明细面板
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
console.error('Refresh error:', error);
|
});
|
},
|
|
//主页面加载
|
init() {
|
//alert(this.Request("id"));
|
var that = this;
|
that.showButton = false;
|
that.AxiosHttp("post", 'Ipqc/getPageXj', {
|
id: that.Request("id"),
|
pageIndex: 1,
|
limit: 1,
|
}, false)
|
.then(function (res) {
|
let data = res.data.tbBillList[0];
|
if (data) {
|
that.formData = data;
|
that.remarks = that.formData.fnGDesc;
|
that.lineId = data.lineId;
|
that.AxiosHttp("post", 'LLJ/getJYItem', {
|
//id: that.formData.guid,
|
releaseNo: that.formData.releaseNo
|
}, false).then(function (res1) {
|
let tableData = res1.data.tbBillList
|
//当已检验个数都不为空时按照检测结构排序
|
tableData.sort((a, b) => {
|
if (a.result === '未完成' && b.result === '合格') {
|
return -1;
|
} else if (a.result === '合格' && b.result === '未完成') {
|
return 1;
|
} else {
|
return 0;
|
}
|
});
|
that.tableData = tableData;
|
that.GetImageFileByGid();
|
//if (that.tableData.length === 0) {
|
// that.isShowTable = true;
|
//}
|
}).catch(function (error) {
|
that.$toast.fail("网络错误，请重试！");
|
console.log(error);
|
});
|
}
|
})
|
.catch(function (error) {
|
that.$toast.fail("网络错误，请重试！");
|
console.log(error);
|
});
|
},
|
submit() {
|
var that = this;
|
that.ttrre = true;
|
that.AxiosHttp("post", 'FqcManager/EditModelSubmit', {
|
guid: that.formData.guid
|
}, true, 1).then(function (res1) {
|
if (res1.rtnData.outSum == 1) {
|
that.$notify({ type: 'success', message: '提交成功' });
|
that.init();
|
} else {
|
that.$toast.fail(res1.rtnData.outMsg);
|
}
|
that.ttrre = false
|
}).catch(function (error) {
|
that.$toast.fail("网络错误，请重试！");
|
that.ttrre = false
|
console.log(error);
|
});
|
},
|
removeXJ() {
|
const that = this;
|
// 添加确认弹窗
|
that.$dialog.confirm({
|
message: '确认要重新加载检验项目吗？',
|
confirmButtonText: '确认',
|
cancelButtonText: '取消'
|
}).then(() => { // 确认回调
|
that.isLoading = true;
|
that.AxiosHttp("post", 'MesQaItemsDetect01Manager/ReloadModel5', {
|
guid: that.formData.guid
|
}, true, 1).then(res1 => {
|
if (res1.rtnCode == 1) {
|
that.$notify({ type: 'success', message: '重新加载成功' });
|
that.init();
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
}
|
that.isLoading = false;
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
that.isLoading = false;
|
});
|
|
}).catch(() => { // 取消回调
|
that.$toast('已取消操作');
|
});
|
},
|
GetBack1() {
|
window.history.back();
|
},
|
onClickRight() {
|
|
},
|
updateRemarks(guid) {
|
this.showDialog= true
|
},
|
deleteDetail13(guid12) {
|
const that = this;
|
var guid1 = that.formData.guid;//主表id
|
var mxguid = that.tableData[that.tabActive].guid;//检验项目的guid
|
// 添加确认弹窗
|
that.$dialog.confirm({
|
message: '确认要删除该检验值记录吗？',
|
confirmButtonText: '确认',
|
cancelButtonText: '取消'
|
}).then(() => { // 确认回调
|
that.isLoading = true;
|
that.AxiosHttp("post", 'PqcManager/DeleteIpqcJyz', {
|
inOrderGuid1: guid1,
|
inOrderGuid5: mxguid,
|
inOrderGuid12: guid12
|
}, true, 1).then(res1 => {
|
if (res1.rtnCode > 0) {
|
that.$notify({
|
type: 'success', message: res1.rtnMsg
|
});
|
that.refreshJYItem();//刷新检验项目
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
}
|
that.isLoading = false;
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
that.isLoading = false;
|
});
|
|
}).catch(() => { // 取消回调
|
that.$toast('已取消操作');
|
that.isLoading = false;
|
});
|
},
|
remarksConfirm() {
|
const that = this;
|
that.isLoading = true;
|
var guid = that.formData.guid;
|
that.AxiosHttp("post", 'Llj/updateRemarks', {
|
gid: guid,
|
Remarks: that.remarks
|
}, true, 0).then(res1 => {
|
if (res1.status == 0) {
|
that.$notify({ type: 'success', message: '输入成功' });
|
that.init();//刷新检验项目
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
}
|
that.isLoading = false;
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
that.isLoading = false;
|
});
|
},
|
|
async afterRead(file) {
|
try {
|
//alert(APIURL_IMAGE);
|
// 1. 显示上传中状态
|
file.status = 'uploading';
|
file.message = '上传中...';
|
|
// 2. 创建 FormData（关键：字段名必须和后端参数名一致）
|
const formData = new FormData();
|
|
// 3. 构造文件名（根据后端要求用 ~ 分割）
|
// 假设需要 parentGuid，这里从组件数据获取
|
const parentGuid = this.formData.guid; // 根据你的实际数据源调整
|
const customFileName = `${parentGuid}~${file.file.name}`;
|
|
// 4. 添加文件（第二个参数必须使用 new File 包装）
|
formData.append('file', new File([file.file], customFileName, {
|
type: file.file.type
|
}));
|
|
// 5. 调用统一封装的 Axios 方法
|
const res = await this.AxiosHttp(
|
'post',
|
'MesFile/UploadFile', // 根据实际接口路径调整
|
formData,
|
true, // 显示加载状态
|
1 // 超时时间
|
);
|
|
// 6. 处理响应
|
if (res.rtnCode === 1) {
|
file.status = 'done';
|
file.message = '上传成功';
|
file.urlPath = res.rtnData.urlPath; // 保存返回的文件路径
|
file.id = res.rtnData.id; // 保存返回的文件id
|
|
// 可选：上传成功后刷新文件列表
|
// await this.loadFileList();
|
} else {
|
file.status = 'failed';
|
file.message = res.rtnMsg || '上传失败';
|
this.$toast.fail(res.rtnMsg);
|
}
|
|
} catch (error) {
|
// 7. 异常处理
|
file.status = 'failed';
|
file.message = '上传异常';
|
this.$toast.fail('网络错误，请重试');
|
console.error('上传错误:', error);
|
} finally {
|
// 8. 强制更新视图（Vant 3+ 可能需要）
|
this.$nextTick();
|
}
|
},
|
//获取图片信息
|
GetImageFileByGid() {
|
const that = this;
|
that.AxiosHttp("post", 'MesImage/getImage', {
|
parentId: that.formData.guid,
|
}, true, 0).then(res1 => {
|
if (res1.status === 0) {
|
// 关键转换：将后端数据转换为 van-uploader 需要的格式
|
that.fileList = res1.data.tbBillList.map(item => ({
|
url: `${APIURL_IMAGE}/${item.urlPath}`, // 拼接完整访问路径
|
status: 'done', // 标记为已上传成功
|
name: item.fileTitle, // 可选显示文件名
|
message: '已上传', // 可选状态文字
|
// 保留原始数据（按需）
|
id: item.guid
|
}));
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
}
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
});
|
},
|
handleDelete(file, { index }) {
|
var that = this;
|
that.$dialog.confirm({
|
title: '确认删除',
|
message: '确定要删除这张图片吗？'
|
}).then(() => {
|
// 确认删除逻辑
|
console.log(file);
|
that.AxiosHttp("post", 'MesImage/deleteImage', {
|
id: file.id,
|
}, true, 0).then(res1 => {
|
if (res1.status === 0) {
|
that.$notify({ type: 'success', message: '删除成功' });
|
|
} else {
|
that.$toast.fail(res1.rtnMsg);
|
|
}
|
that.init();//刷新检验项目
|
}).catch(error => {
|
that.$toast.fail("网络错误，请重试！");
|
});
|
|
}).catch(() => {
|
// 取消操作
|
that.init();//刷新检验项目
|
})
|
},
|
}
|
})
|
