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.
308 lines
12 KiB
308 lines
12 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="80px">
|
|
<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">
|
|
<el-form-item label="Aql编码" prop="aqlCode">
|
|
<el-input v-model="aqlCode" size="mini"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="检验属性" prop="EATTRIBUTE1">
|
|
<el-select v-model="item2Rule.EATTRIBUTE1" placeholder="请选择" size="mini" v-on:change="change4EATTRIBUTE1">
|
|
<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">
|
|
|
|
<button id="btn_search" type="button" class="btn btn-primary" v-on:click="query()"><i class="fa fa-search"></i>查询</button>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider>选择区域</el-divider>
|
|
|
|
<el-row :gutter="24">
|
|
<el-col :span="12">
|
|
<el-table ref="dataSource4Left" highlight-current-row
|
|
:data="dataSource4Left"
|
|
style="width: 100%"
|
|
stripe border
|
|
size="mini"
|
|
height="500"
|
|
v-on:selection-change="handleSelectionChange4Left"
|
|
>
|
|
<el-table-column type="index" width="50"></el-table-column>
|
|
<el-table-column type="selection" width="55"> </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-col :span="12">
|
|
<el-table ref="rightTable" highlight-current-row
|
|
:data="dataSource4Right"
|
|
style="width: 100%"
|
|
stripe border
|
|
size="mini"
|
|
height="500"
|
|
v-on:current-change="handleCurrentChange4Right">
|
|
<el-table-column type="index" width="50"></el-table-column>
|
|
<el-table-column prop="RulesCode" label="Aql编码" width="140">
|
|
</el-table-column>
|
|
<el-table-column prop="RulesName" label="Aql名称" width="140">
|
|
</el-table-column>
|
|
<el-table-column prop="RulesDesc" label="Aql描述" width="140">
|
|
</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: [],
|
|
form: {},
|
|
detail: {
|
|
key:0,
|
|
SetValueMin: 0,
|
|
SetValueMax: 0,
|
|
SampleQuantity: 0,
|
|
EATTRIBUTE1: 0,
|
|
EATTRIBUTE2: 0,
|
|
EATTRIBUTE3: 0,
|
|
},
|
|
dataSource4Detail: [],
|
|
currentRow4Right: null,//规则单选
|
|
rules: {
|
|
RulesCode: [{ required: true, message: '请输入', trigger: 'blur' },],
|
|
RulesName: [{ required: true, message: '请输入', trigger: 'blur' },],
|
|
|
|
},
|
|
disabled4RulesCode: false,
|
|
itemCode: '',
|
|
aqlCode: '',
|
|
dataSource4Left: [],
|
|
dataSource4Right: [],
|
|
item2Rule: {
|
|
ItemList: [],
|
|
AqlList: [],
|
|
EATTRIBUTE1:''
|
|
},
|
|
multipleSelection: [], //物料多选
|
|
// EATTRIBUTE1: '',
|
|
checkAttrList: [],//
|
|
},
|
|
//挂在DOM 触发
|
|
mounted() {
|
|
let reactiveObject = {
|
|
RulesCode: '',
|
|
RulesName: '',
|
|
RulesDesc: '',
|
|
Type: '',
|
|
Enable: true,
|
|
DetailList: [],
|
|
};
|
|
this.form = reactiveObject;
|
|
|
|
// this.loadGrid();
|
|
// this.show();
|
|
this.id = '@ViewData["ids"]';
|
|
this.initControl();
|
|
this.getAllCheckAttr();
|
|
// 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('/BBWMS/IQCQuality/GetSelectItemList?keyValue=CheckAttr')
|
|
.then(function (res) {
|
|
//debugger;
|
|
if (res.data) {
|
|
res.data.forEach(function (el, i) {
|
|
Vue.set(vm.checkAttrList, i, el)
|
|
});
|
|
}
|
|
})
|
|
.catch(function (error) { // 请求失败处理
|
|
alert(error);
|
|
});
|
|
},
|
|
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.getAllItem();
|
|
//this.getAllAql();
|
|
},
|
|
getAllItem() {
|
|
axios
|
|
.get('/BBWMS/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);
|
|
});
|
|
},
|
|
getAllAql() {
|
|
axios
|
|
.get('/BBWMS/IQCQuality/GetAllAqlList?code=' + this.aqlCode.trim())
|
|
.then(function (res) {
|
|
|
|
if (res.data) {
|
|
res.data.forEach(function (el, i) {
|
|
Vue.set(vm.dataSource4Right, i, el)
|
|
});
|
|
}
|
|
})
|
|
.catch(function (error) { // 请求失败处理
|
|
alert(error);
|
|
});
|
|
},
|
|
getData() {
|
|
if (!this.id) return;
|
|
|
|
axios
|
|
.get('/BBWMS/IQCQuality/GetAql?keyValue=' + this.id)
|
|
.then(function (res) {
|
|
|
|
if (res.data) {
|
|
for (var i in res.data) {
|
|
Vue.set(vm.form, i, res.data[i]);
|
|
}
|
|
|
|
res.data.DetailList.forEach(function (el, i) {
|
|
Vue.set(vm.dataSource4Detail, i, el)
|
|
});
|
|
}
|
|
})
|
|
.catch(function (error) { // 请求失败处理
|
|
alert(error);
|
|
});
|
|
},
|
|
query() {
|
|
debugger;
|
|
this.itemCode = this.itemCode.trim();
|
|
this.aqlCode = this.aqlCode.trim();
|
|
if (this.itemCode) {
|
|
// this.dataSource4Left = this.dataSource4Left.filter(x => x.InvCode.includes(this.itemCode));
|
|
this.getAllItem();
|
|
}
|
|
if (this.aqlCode) {
|
|
// this.dataSource4Right = this.dataSource4Right.filter(x => x.RulesCode.includes(this.aqlCode));
|
|
this.getAllAql();
|
|
}
|
|
},
|
|
handleCurrentChange4Right(val) {
|
|
this.currentRow4Right = val;
|
|
},
|
|
handleSelectionChange4Left(val) {
|
|
this.multipleSelection = val;
|
|
},
|
|
submitCheck() {
|
|
//console.log(this.multipleSelection);
|
|
//console.log(this.currentRow4Right);
|
|
debugger;
|
|
if (!this.currentRow4Right) {
|
|
$.modalMsg("必须选择规则行", "warning");
|
|
return false;
|
|
}
|
|
// this.item2Rule.EATTRIBUTE1 = this.EATTRIBUTE1;
|
|
this.item2Rule.ItemList = this.multipleSelection;
|
|
this.item2Rule.AqlList = [this.currentRow4Right];
|
|
|
|
if (!this.item2Rule.EATTRIBUTE1) {
|
|
$.modalMsg("必须选择检验属性", "warning");
|
|
return false;
|
|
}
|
|
if (this.item2Rule.ItemList.length == 0 || this.item2Rule.AqlList.length == 0) {
|
|
$.modalMsg("必须选择物料行,规则行", "warning");
|
|
return false;
|
|
}
|
|
|
|
this.$refs['form'].validate((valid) => {
|
|
if (valid) {
|
|
//alert('submit!');
|
|
|
|
$.submitForm({
|
|
url: "/BBWMS/IQCQuality/SaveItem2Aql",
|
|
param: { keyValue: JSON.stringify(this.item2Rule) },
|
|
success: function () {
|
|
$.currentWindow().$("#gridList").trigger("reloadGrid");
|
|
}
|
|
})
|
|
|
|
} else {
|
|
console.log('error submit!!');
|
|
return false;
|
|
}
|
|
});
|
|
// console.log(result);
|
|
},
|
|
},
|
|
});
|
|
function submitForm() {
|
|
//debugger;
|
|
vm.submitCheck();
|
|
|
|
|
|
}
|
|
</script>
|