You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

738 lines
33 KiB

@{
ViewBag.Title = "";
Layout = "~/Views/Shared/_Form.cshtml";
}
<script src="~/Content/js/datepicker/WdatePicker.js"></script>
<!--引入 element-ui 的样式,-->
<link rel="stylesheet" href="~/Content/element-ui/lib/theme-chalk/index.css">
<script src="~/Content/vue/dist/vue.js"></script>
<script src="~/Content/element-ui/lib/index.js"></script>
<script src="~/Content/axios.min.js"></script>
<style>
</style>
<form id="form1">
<div id="app">
<template>
<el-form ref="form" :model="form" label-width="100px">
<el-divider>搜索区域</el-divider>
<el-row :gutter="24">
<!--<el-col :span="6">
<el-form-item label="物料编码" prop="itemCode">
<el-input v-model="itemCode" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<button id="btn_search" type="button" class="btn btn-primary" v-on:click="query()"><i class="fa fa-search"></i>查询物料</button>-->
@*<a id="NF-Add" authorize="no" style="margin-left:3px;" class="btn btn-primary" v-on:click="addLine()"><i class="fa fa-pencil-square-o"></i>新增检验项目</a>*@
<!--</el-col>-->
<el-col :span="6">
<el-form-item label="物料编码" prop="itemCode">
<el-autocomplete v-model="itemCode"
:fetch-suggestions="querySearch"
placeholder="请输入物料编码"
size="mini"
v-on:select="handleSelect"
clearable
:loading="loading"></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="6">
<button id="btn_search" type="button" class="btn btn-primary" v-on:click="query()">
<i class="fa fa-search"></i>查询物料
</button>
</el-col>
<el-col :span="6">
<el-form-item label="类型" prop="EATTRIBUTE1">
<el-select v-model="EATTRIBUTE1" placeholder="请选择" size="mini">
<el-option v-for="item in checkAttrList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="检验项目组" prop="GroupCode">
<el-select v-model="GroupCode" placeholder="请选择" size="mini" v-on:change="queryGroupList()">
<el-option v-for="item in checkGroupCode"
:key="item.Code"
:label="item.Name"
:value="item.Code">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-divider>选择区域</el-divider>
<el-row :gutter="24">
<el-col :span="24">
<el-table ref="dataSource4Left" highlight-current-row
:data="dataSource4Left"
style="width: 100%"
stripe border
size="mini"
height="200"
v-on:current-change="handleCurrentChange">
<el-table-column type="index" width="50"></el-table-column>
<el-table-column prop="InvCode" label="料品编码" width="140">
</el-table-column>
<el-table-column prop="InvName" label="料品名称" width="140">
</el-table-column>
</el-table>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<a id="NF-Add" authorize="no" style="margin-left:3px;" class="btn btn-primary" v-on:click="addLine()"><i class="fa fa-pencil-square-o"></i>新增</a>
</el-col>
<el-col :span="24">
<el-table ref="singleTable" highlight-current-row
:data="dataSource4Detail"
style="width: 100%"
stripe border
size="mini"
height="500">
@*v-on:current-change="handleCurrentChange"*@
<el-table-column prop="EATTRIBUTE6" label="检验类型" width="140">
<template slot-scope="scope">
<el-select v-model="scope.row.EATTRIBUTE6" placeholder="请选择" size="mini">
<el-option v-for="item in dataSourceType"
:key="item.Code"
:label="item.Name"
:value="item.Code">
</el-option>
</el-select>
</template>
</el-table-column>
@*<el-table-column type="index" width="50"></el-table-column>*@
<el-table-column prop="ListCode" label="检验项目代码" width="140">
<template slot-scope="scope">
<el-select v-model="scope.row.ListCode" placeholder="请选择" size="mini"
v-on:change="(val) => ListCodeChange(val, scope.$index)">
<el-option v-for="item in dataSourceListCode"
:key="item.Code"
:label="item.Name"
:value="item.Code">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="ListName" label="检验项目名称" width="140">
<template slot-scope="scope">
<el-input v-model="scope.row.ListName" controls-position="right" size="small" disabled="disabled"></el-input>
</template>
</el-table-column>
<el-table-column prop="SetValueMin" label="标准下限" width="140">
<template slot-scope="scope">
<el-input-number v-model="scope.row.SetValueMin" controls-position="right" :min="0" size="small"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="SetValueMax" label="标准上限" width="140">
<template slot-scope="scope">
<el-input-number v-model="scope.row.SetValueMax" controls-position="right" :min="0" size="small"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="Unit" label="单位" width="140">
<template slot-scope="scope">
<el-select v-model="scope.row.Unit" placeholder="请选择" size="mini">
<el-option v-for="item in dataSourceUom"
:key="item.Name"
:label="item.Name"
:value="item.Name">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="EATTRIBUTE7" label="检验仪器" width="140">
<template slot-scope="scope">
<el-select v-model="scope.row.EATTRIBUTE7" placeholder="请选择" size="mini">
<el-option v-for="item in dataSourceDevice"
:key="item.Name"
:label="item.Name"
:value="item.Name">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="EATTRIBUTE1" label="检验标准" width="140">
<template slot-scope="scope">
<el-input v-model="scope.row.EATTRIBUTE1" controls-position="right" size="small"></el-input>
</template>
</el-table-column>
@*<el-table-column prop="EATTRIBUTE2" label="抽样水准" width="140">
<template slot-scope="scope">
<el-input v-model="scope.row.EATTRIBUTE2" controls-position="right" size="small"></el-input>
</template>
</el-table-column>
<el-table-column prop="EATTRIBUTE3" label="允收标准" width="140">
<template slot-scope="scope">
<el-input v-model="scope.row.EATTRIBUTE3" controls-position="right" size="small"></el-input>
</template>
</el-table-column>*@
<el-table-column prop="EATTRIBUTE4" label="检验实际值是否必填" width="150">
<template slot-scope="scope">
<el-switch v-model="scope.row.EATTRIBUTE4" active-color="#13ce66" inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="EATTRIBUTE5" label="AQL代码" width="140">
<template slot-scope="scope">
<el-select v-model="scope.row.EATTRIBUTE5" placeholder="请选择" size="mini">
<el-option v-for="item in dataSourceAql"
:key="item.Code"
:label="item.Name"
:value="item.Code">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="Enable" label="启用" width="150">
<template slot-scope="scope">
<el-switch v-model="scope.row.Enable" active-color="#13ce66" inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<a id="NF-Delete" authorize="yes" class="btn btn-primary" v-on:click="handleDelete(scope.$index, scope.row)"><i class="fa fa-trash-o"></i>删除</a>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</el-form>
</template>
</div>
</form>
<script type="text/javascript">
//const { Console } = require("node:console");
var vm = new Vue({
el: '#app',
data: {
id:'',
userCode: "",
ssList: [],
dataSourceType: [],
dataSourceAql: [],
dataSourceListCode: [],
dataSourceUom: [],
dataSourceDevice: [],
form: {},
detail: {
key: 0,
ListCode: '',
ListNAme: '',
SetValueMin: 0,
SetValueMax: 0,
SampleQuantity: 0,
Unit: '',
Enable: true,
EATTRIBUTE1: '',
EATTRIBUTE2: '',
EATTRIBUTE3: '',
EATTRIBUTE4: '',
EATTRIBUTE5: '',
EATTRIBUTE6: '',
},
dataSource4Detail: [],//检验项目数据源
rules: {
RulesCode: [{ required: true, message: '请输入', trigger: 'blur' },],
RulesName: [{ required: true, message: '请输入', trigger: 'blur' },],
},
disabled4RulesCode: false,
disabled4SetValue: false,
itemCode: '',
loading: false,
GroupCode: '',
GroupCodeName: '', // 新增:存储检验项目组名称
dataSource4Left: [],//物料数据源
checkAttrList: [],//
checkGroupCode: [],//
item2CheckGroup: {
EATTRIBUTE1: '',
GroupCode:'',
ItemList: [],
CheckItemList:[],
},
selectItem4Item: null,
EATTRIBUTE1:''//检验属性
},
//挂在DOM 触发
mounted() {
let reactiveObject = {
GroupCode: '',
EATTRIBUTE1: '',
Type: '',
Enable: true,
DetailList: [],
};
this.form = reactiveObject;
// this.loadGrid();
// this.show();
this.id = '@ViewData["ids"]';
this.initControl();
this.getAllCheckAttr();
this.getAllCheckGroup();
this.getType();
this.getListCode();
this.getUom();
this.getDevice();
// console.log(this.id);
},
beforeDestroy() {
// this.autoScrol1(true);
},
methods: {
//change4EATTRIBUTE1(val) {
// // console.log(val);
// let currentSelect = this.checkAttrList.filter(x => x.value == val)[0];
// // console.log(currentSelect);
// if (currentSelect)
// this.disabled4SetValue = currentSelect.Ext1=="尺寸" ? false : true;
// else {
// this.disabled4SetValue = true;
// }
//},
getAllCheckAttr() {
axios
.get('/DHAY/IQCQuality/GetSelectItemList?keyValue=InspectionGroupType')
.then(function (res) {
//debugger;
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.checkAttrList, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
getAllCheckGroup() {
axios
.get('/DHAY/IQCQuality/GetSelectCheckGroup')
.then(function (res) {
//debugger;
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.checkGroupCode, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
getListCode() {
axios
.get('/WMS/BasicSettings/GetInspectListCode')
.then(function (res) {
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.dataSourceListCode, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
getUom() {
axios
.get('/WMS/BasicSettings/GetUom')
.then(function (res) {
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.dataSourceUom, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
getDevice() {
axios
.get('/WMS/BasicSettings/GetDevice')
.then(function (res) {
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.dataSourceDevice, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
ListCodeChange(val, index) {
// 如果未选择值则清空名称
if (!val) {
this.dataSource4Detail[index].ListName = '';
return;
}
axios
.get('/WMS/BasicSettings/GetListName?ListCode=' + val)
.then(function (res) {
if (res.data && res.data[0].ListName) {
// 填充当前行的检验项目名称
vm.dataSource4Detail[index].ListName = res.data[0].ListName;
} else {
// 未找到对应名称时清空
vm.dataSource4Detail[index].ListName = '';
}
})
.catch(function (error) {
alert('获取检验项目名称失败:' + error);
});
},
addLine() {
//debugger;
// console.log('new line');
let key = 1;
let maxObj = this.dataSource4Detail.sort((a, b) => b.key - a.key)[0];
if (maxObj != null) {
key = maxObj.key + 1;
}
let obj = {
key: key,
ListCode: '',
ListNAme: '',
SetValueMin: 0,
SetValueMax: 0,
SampleQuantity: 0,
Unit: '',
Enable: true,
EATTRIBUTE1: '',
EATTRIBUTE2: '',
EATTRIBUTE3: '',
EATTRIBUTE4: true,
EATTRIBUTE5: '',
EATTRIBUTE6: '',
};
this.dataSource4Detail.push(obj);
},
//删除行
handleDelete(index, row) {
// console.log(index, row);
this.dataSource4Detail = this.dataSource4Detail.filter(x => x.key != row.key);
},
initControl: function () {
let that = this;
let orgName = '';
this.disabled4RulesCode = this.id ? true : false;
let userName = '@NFine.Code.OperatorProvider.Provider.GetCurrent().UserName';
// console.log(userName);
this.getData();
this.getAql();
//this.getAllItem();
//this.getAllAql();
},
getAllItem() {
axios
.get('/DHAY/IQCQuality/GetAllItemList?code=' + this.itemCode.trim())
.then(function (res) {
//debugger;
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.dataSource4Left, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
querySearch(queryString, cb) {
if (!queryString) {
cb([]);
return;
}
this.loading = true;
// 调用接口获取数据
axios
.get('/DHAY/IQCQuality/GetItemCodeSearch?ItemCode=' + this.itemCode.trim())
.then(response => {
this.loading = false;
const results = response.data.map(item => ({
value: item.InvCode,
label: `${item.InvCode} - ${item.InvName}`,
...item
}));
cb(results);
}).catch(error => {
this.loading = false;
console.error('获取物料数据失败', error);
cb([]);
});
},
// 处理选择事件
handleSelect(item) {
this.itemCode = item.value;
// 可以在这里自动触发查询
this.query();
},
getAllCheckGroupList(GroupCode) {
vm.dataSource4Detail = [];
axios
.get('/DHAY/IQCQuality/Getallcheckgrouplist?code=' + GroupCode)
.then(function (res) {
if (res.data && Array.isArray(res.data)) { // 确保是数组
res.data.forEach(function (el, i) {
// 1. 处理EATTRIBUTE4的布尔值转换
if (el.EATTRIBUTE4 === "true") {
el.EATTRIBUTE4 = true;
} else if (el.EATTRIBUTE4 === "false") {
el.EATTRIBUTE4 = false;
}
// 2. 为每行添加唯一key(使用索引+i确保唯一,也可根据后端唯一ID生成)
el.key = i + 1; // 关键:生成唯一key
// 3. 赋值到数据源
Vue.set(vm.dataSource4Detail, i, el);
});
}
})
.catch(function (error) {
alert(error);
});
},
getType() {
axios
.get('/WMS/BasicSettings/GetICSType?Type=EATTRIBUTE6&TableCode=ICSInspectionList')
.then(function (res) {
if (res.data) {
res.data.forEach(function (el, i) {
Vue.set(vm.dataSourceType, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
getAql() {
axios
.get('/DHAY/IQCQuality/GetICSAql')
.then(function (res) {
if (res.data && Array.isArray(res.data)) {
res.data.forEach(function (el, i) {
Vue.set(vm.dataSourceAql, i, el);
});
}
//if (res.data) {
// debugger;
// for (var i in res.data) {
// Vue.set(vm.dataSourceAql, i, res.data[i])
// }
// //res.data.forEach(function (el, i) {
// // Vue.set(vm.dataSourceAql, i, el)
// //});
//}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
getData() {
if (!this.id) return;
axios
.get('/DHAY/IQCQuality/GetAql?keyValue=' + this.id)
.then(function (res) {
debugger;
if (res.data) {
for (var i in res.data) {
Vue.set(vm.form, i, res.data[i]);
}
res.data.DetailList.forEach(function (el, i) {
debugger;
if (el.EATTRIBUTE4 == "true") {
el.EATTRIBUTE4 = true;
}
Vue.set(vm.dataSource4Detail, i, el)
});
}
})
.catch(function (error) { // 请求失败处理
alert(error);
});
},
query() {
//debugger;
this.itemCode = this.itemCode.trim();
this.GroupCode = this.GroupCode.trim();
if (this.itemCode) {
// this.dataSource4Left = this.dataSource4Left.filter(x => x.InvCode.includes(this.itemCode));
this.getAllItem();
}
//if (this.groupCode) {
// // this.dataSource4Right = this.dataSource4Right.filter(x => x.RulesCode.includes(this.groupCode));
// this.getAllCheckGroup();
//}
},
queryGroupList() {
debugger;
var GroupCode = this.GroupCode.trim();
// this.groupCode = this.groupCode.trim();
if (this.GroupCode) {
// 【新增:根据 GroupCode 匹配对应的 Name】
const selectedGroup = this.checkGroupCode.find(item => item.Code === GroupCode);
if (selectedGroup) {
this.GroupCodeName = selectedGroup.Name; // 保存选中的检验项目组名称
} else {
this.GroupCodeName = ''; // 未找到时清空
}
this.getAllCheckGroupList(GroupCode);
}
//if (this.groupCode) {
// // this.dataSource4Right = this.dataSource4Right.filter(x => x.RulesCode.includes(this.groupCode));
// this.getAllCheckGroup();
//}
},
handleCurrentChange(val) {
this.selectItem4Item = val;
},
submitCheck() {
//console.log(this.multipleSelection);
//console.log(this.currentRow4Right);
debugger;
if (this.dataSource4Left.length === 1) {
this.selectItem4Item = this.dataSource4Left[0]; // 自动选中唯一行
}
if (this.dataSource4Detail.length == 0) {
$.modalMsg("必须存在检验项目行", "warning");
return false;
}
if (!this.selectItem4Item) {
$.modalMsg("请选择物料行");
return false;
}
if (!this.EATTRIBUTE1) {
$.modalMsg("请选择检验属性");
return false;
}
if (!this.GroupCode) {
$.modalMsg("请选择检验项目组");
return false;
}
for (var i = 0; i < this.dataSource4Detail.length; i++) {
let item = this.dataSource4Detail[i];
if (item.EATTRIBUTE6 == '') {
$.modalMsg("第" + (i + 1) + "行检验类型不能为空!", "warning");
return false;
}
if (item.ListCode == '') {
$.modalMsg("第" + (i + 1) + "行检验项目代码不能为空!", "warning");
return false;
}
if (item.EATTRIBUTE6 == "Size") {
if (item.SetValueMax === '' || item.SetValueMin === '') {
$.modalMsg("当属性为定量时,最大值最小值单位必填,行号 " + (i + 1), "warning");
return false;
}
// 2. 额外校验:必须是有效数字(避免输入字母、符号等)
const minNum = Number(item.SetValueMin);
const maxNum = Number(item.SetValueMax);
if (isNaN(minNum) || isNaN(maxNum)) {
$.modalMsg("当属性为定量时,最大值最小值必须为有效数字,行号 " + (i + 1), "warning");
return false;
}
if (item.SetValueMin != 0 || item.SetValueMax != 0) {
if (item.SetValueMin >= item.SetValueMax) {
$.modalMsg("下限必须小于上限,行号 " + (i + 1), "warning");
return false;
}
}
if (item.Unit == '' || item.EATTRIBUTE7 == '') {
$.modalMsg("当属性为定量时,单位与检验仪器必填,行号 " + (i + 1), "warning");
return false;
}
if (item.SetValueMin >= item.SetValueMax) {
$.modalMsg("下限必须小于上限,行号 " + (i + 1), "warning");
return false;
}
}
else {
item.SetValueMax = null;
item.SetValueMin = null;
}
item.InvCode = this.selectItem4Item.InvCode;
item.InvName = this.selectItem4Item.InvName;
item.CheckAttr = this.EATTRIBUTE1;
}
//this.item2CheckGroup.ItemList = [this.selectItem4Item];
// 【新增:将检验项目组名称传入提交参数】
this.item2CheckGroup.GroupCodeName = this.GroupCodeName; // 关键:添加名称字段
this.item2CheckGroup.CheckItemList = this.dataSource4Detail;
this.item2CheckGroup.GroupCode = this.GroupCode;
//if (this.item2CheckGroup.ItemList.length != 1 || this.item2CheckGroup.CheckItemList.length == 0) {
// $.modalMsg("必须选择物料行,检验类型行", "warning");
// return false;
//}
this.$refs['form'].validate((valid) => {
debugger;
if (valid) {
//alert('submit!');
$.submitForm({
url: "/DHAY/IQCQuality/SaveItem2CheckItem",
param: { keyValue: JSON.stringify(this.item2CheckGroup) },
success: function () {
$.currentWindow().$("#gridList").trigger("reloadGrid");
}
})
} else {
console.log('error submit!!');
return false;
}
});
// console.log(result);
},
},
});
function submitForm() {
//debugger;
vm.submitCheck();
}
</script>