|
|
@{ 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" readonly></el-input> </el-form-item> </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"); debugger; var selectInvCode = $.request("INVCode"); var selectCheckAttr = ""; var selectCheckGroupCode = ""; 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: selectInvCode, 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; Promise.all([ this.getAllCheckAttrPromise(), // 转为Promise版 this.getAllCheckGroupPromise() // 转为Promise版 ]).then(() => { // 数据源加载完成后，再调用GetEditData获取默认值 this.GetEditData().then(() => { // 赋值完成后，触发检验项目组的change事件（加载对应数据） this.queryGroupList(); }); }); // this.loadGrid(); // this.show(); this.id = '@ViewData["ids"]'; this.GetEditData(); this.initControl(); this.getType(); this.getListCode(); this.getUom(); this.getDevice(); this.getAllItem(); // console.log(this.id); }, beforeDestroy() { }, methods: { getAllCheckAttrPromise() { return new Promise((resolve, reject) => { axios .get('/DHAY/IQCQuality/GetSelectItemList?keyValue=InspectionGroupType') .then(function (res) { if (res.data) { vm.checkAttrList = []; // 先清空，避免数据叠加 res.data.forEach(function (el, i) { Vue.set(vm.checkAttrList, i, el); }); } resolve(); // 数据源加载完成， resolve }) .catch(function (error) { alert(error); reject(error); }); }); }, getAllCheckGroupPromise() { return new Promise((resolve, reject) => { axios .get('/DHAY/IQCQuality/GetSelectCheckGroup') .then(function (res) { if (res.data) { vm.checkGroupCode = []; // 先清空，避免数据叠加 res.data.forEach(function (el, i) { Vue.set(vm.checkGroupCode, i, el); }); } resolve(); // 数据源加载完成， resolve }) .catch(function (error) { alert(error); reject(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(); }, GetEditData() { return new Promise((resolve, reject) => { axios .get('/DHAY/IQCQuality/GetEditInfoData?code=' + selectInvCode) .then(function (res) { // debugger; if (res.data && res.data.length > 0) { // 确保有数据 const editData = res.data[0]; // 直接赋值给Vue实例的属性（同步到下拉框） vm.EATTRIBUTE1 = editData.CheckAttr; // 赋值给“类型”下拉 vm.GroupCode = editData.GroupCode; // 赋值给“检验项目组”下拉
// （可选）更新全局变量（如果其他地方用到） selectCheckAttr = editData.CheckAttr; selectCheckGroupCode = editData.GroupCode; } resolve(); // 赋值完成， resolve }) .catch(function (error) { alert(error); reject(error); }); }); }, getAllItem() { axios .get('/DHAY/IQCQuality/GetEditItemList?code=' + selectInvCode) .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, INVCode) { vm.dataSource4Detail = []; axios .get('/DHAY/IQCQuality/GetEditCheckGroupList?code=' + GroupCode + '&INVCode=' + INVCode) .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.getAllItem(); } }, queryGroupList() { debugger; var 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); } var INVCode = this.itemCode.trim(); if (this.GroupCode) { this.getAllCheckGroupList(GroupCode, INVCode); } },
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; } 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/UpdateItem2CheckItem", 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>
|
