|
|
@{ 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" :rules="rules" label-width="130px"> @*<el-divider>主表信息</el-divider>*@ <el-row :gutter="24"> <el-col :span="4"> <el-form-item label="物料编码" prop="InvCode"> <el-input v-model="form.InvCode" placeholder="请输入内容" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="物料名称" prop="InvName"> <el-input v-model="form.InvName" placeholder="请输入内容" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="批次" prop="InvBatcgNo"> <el-input v-model="form.InvBatcgNo" placeholder="请输入内容" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="4">
</el-col> </el-row> <el-row :gutter="24"> <el-col :span="4"> <el-form-item label="批次数量" prop="InvBatcgQty"> <el-input v-model="form.InvBatcgQty" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="单位" prop="InvUnit"> <el-input v-model="form.InvUnit" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="抽检数量" prop="AqlCheckQty"> <el-input v-model="form.AqlCheckQty" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="检验结果" prop="Result"> <el-input v-model="form.Result" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> </el-row>
<el-row :gutter="24"> <el-col :span="6"> <el-form-item label="IQC组长判定结果" prop="IQCGroupHeaderResult"> <el-input v-model="form.IQCGroupHeaderResult" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="IQC组长判定结论" prop="IQCGroupHeaderRemark"> <el-input v-model="form.IQCGroupHeaderRemark" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="24"> <el-col :span="6"> <el-form-item label="IQC主管判定结果" prop="IQCHeaderResult"> <el-input v-model="form.IQCHeaderResult" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="IQC主管判定结论" prop="IQCHeaderRemark"> <el-input v-model="form.IQCHeaderRemark" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="24"> <el-col :span="6"> <el-form-item label="SQE工程师判定" prop="SQEEngineerResult"> <el-input v-model="form.SQEEngineerResult" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="SQE工程师结论" prop="SQEEngineerRemark"> <el-input v-model="form.SQEEngineerRemark" size="mini" :disabled="true"></el-input> </el-form-item> </el-col>
</el-row> <el-row :gutter="24"> <el-col :span="6"> <el-form-item label="最终判定结果" prop="FinalResult"> <el-input v-model="form.FinalResult" size="mini" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> <el-divider>尺寸检验</el-divider> <el-row :gutter="24">
<el-col :span="24"> <el-table ref="singleTable" highlight-current-row :data="dataSource4CC" style="width: 100%" stripe border size="mini" height="300" v-on:current-change="handleCurrentChange4CC"> <el-table-column type="index" width="50"></el-table-column> <el-table-column prop="CheckAttrText" label="分类" width="60">
</el-table-column> <el-table-column prop="CheckItemName" label="检验描述" width="300">
</el-table-column> <el-table-column prop="CheckWay" label="检验方法" width="140">
</el-table-column> <el-table-column prop="CheckAqlName" label="抽样标准" width="150">
</el-table-column> <el-table-column prop="SetValueMax" label="上限值" width="60">
</el-table-column> <el-table-column prop="SetValueMin" label="下限值" width="60">
</el-table-column> <el-table-column prop="Unit" label="单位" width="60">
</el-table-column> <el-table-column prop="S1" label="S1" width="80">
</el-table-column> <el-table-column prop="S2" label="S2" width="80">
</el-table-column> <el-table-column prop="S3" label="S3" width="80">
</el-table-column> <el-table-column prop="S4" label="S4" width="80">
</el-table-column> <el-table-column prop="S5" label="S5" width="80">
</el-table-column> <el-table-column prop="S6" label="S6" width="80">
</el-table-column> <el-table-column prop="S7" label="S7" width="80">
</el-table-column> <el-table-column prop="S8" label="S8" width="80">
</el-table-column> <el-table-column prop="S9" label="S9" width="80">
</el-table-column> <el-table-column prop="S10" label="S10" width="80">
</el-table-column> <el-table-column prop="Result" label="判定结果" width="80">
</el-table-column> <el-table-column prop="Remark" label="备注" width="150">
</el-table-column>
</el-table> </el-col>
</el-row>
<el-row :gutter="24"> <el-col :span="15"> <el-divider>抽样检验</el-divider> <el-table ref="singleTable2" highlight-current-row :data="dataSource4WG" style="width: 100%" stripe border size="mini" height="200" v-on:current-change="handleCurrentChange4WG"> <el-table-column type="index" width="50"></el-table-column> <el-table-column prop="CheckAttrText" label="分类" width="60">
</el-table-column> <el-table-column prop="CheckItemName" label="检验描述" width="300">
</el-table-column> <el-table-column prop="CheckWay" label="检验方法" width="140">
</el-table-column> <el-table-column prop="CheckAqlName" label="抽样标准" width="150">
</el-table-column> <el-table-column prop="AqlQty" label="抽检数量" width="150">
</el-table-column> <el-table-column prop="GoodQty" label="合格数量" width="100">
</el-table-column> <el-table-column prop="NgQty" label="不合格数量" width="100">
</el-table-column> <el-table-column prop="Result" label="判定结果" width="150">
</el-table-column> <el-table-column prop="Remark" label="备注" width="150">
</el-table-column>
</el-table> </el-col> <el-col :span="9"> <el-divider>性能检验</el-divider> <el-table ref="singleTable3" highlight-current-row :data="dataSource4XN" style="width: 100%" stripe border size="mini" height="200" v-on:current-change="handleCurrentChange4XN"> <el-table-column type="index" width="50"></el-table-column> <el-table-column prop="CheckAttrText" label="分类" width="60">
</el-table-column> <el-table-column prop="CheckItemName" label="检验描述" width="300">
</el-table-column>
<el-table-column prop="Result" label="检验结果" width="100">
</el-table-column> <el-table-column prop="Remark" label="备注" width="100">
</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: {}, dataSource4CC: [], dataSource4WG: [], dataSource4XN: [], currentRow4CC: null, currentRow4WG: null, currentRow4XN: null, rules: {
}, disabled4RulesCode: false, dataSource4BRGCode: [],// dataSource4BCGCode: [],// dataSource4BadReasonCode: [],// dataSource4HandleWay:[], judgeRole: '', showIQCGroupHeader: false, showIQCHeader: false, showSQEEngineer: false,
}, //挂在DOM 触发 mounted() { //let reactiveObject = {
//}; //this.form = reactiveObject;
// this.loadGrid(); // this.show(); this.id = '@ViewData["ids"]'; this.judgeRole = '@ViewData["judgeRole"]'; console.log(this.id); console.log(this.judgeRole); this.initControl(); // console.log(this.id); }, beforeDestroy() { // this.autoScrol1(true);
}, methods: { getAllHandleWay() { axios .get('/BBWMS/IQCQuality/GetSelectItemList?keyValue=Decision') .then(function (res) { //debugger; if (res.data) { res.data.forEach(function (el, i) { Vue.set(vm.dataSource4HandleWay, i, el) }); } }) .catch(function (error) { // 请求失败处理 alert(error); }); }, getAllBRGCode() { axios .get('/BBWMS/IQCQuality/GetSelectBadCodeGroupList') .then(function (res) { //debugger; if (res.data) { res.data.forEach(function (el, i) { Vue.set(vm.dataSource4BRGCode, i, el) }); } }) .catch(function (error) { // 请求失败处理 alert(error); }); }, getAllBCGCode() { axios .get('/BBWMS/IQCQuality/GetSelectBadReasonGroupList') .then(function (res) { //debugger; if (res.data) { res.data.forEach(function (el, i) { Vue.set(vm.dataSource4BCGCode, i, el) }); } }) .catch(function (error) { // 请求失败处理 alert(error); }); }, getAllBCGCodeDetail(code) { axios .get('/BBWMS/IQCQuality/GetSelectBadReasonList?keyValue=' + code+'') .then(function (res) { //debugger; if (res.data) { res.data.forEach(function (el, i) { Vue.set(vm.dataSource4BadReasonCode, i, el) }); } }) .catch(function (error) { // 请求失败处理 alert(error); }); }, change4BCGCode(val) { if (!val) { return; } this.getAllBCGCodeDetail(val); }, change4S1(currentValue, oldValue) { console.log('S1数改变'); //debugger; let currentRow = this.dataSource4CC.filter((x) => x.ID == this.currentRow4CC.ID)[0]; if (!currentRow) { return; } if (currentValue >= currentRow.SetValueMin && currentValue <= currentRow.SetValueMax) { currentRow.Result = "OK"; } else { currentRow.Result = "NG"; }
}, change4GoodQty(currentValue, oldValue) { console.log('OK数改变'); //debugger; let currentRow = this.dataSource4WG.filter((x) => x.ID == this.currentRow4WG.ID)[0]; if (currentRow) { currentRow.NgQty = currentRow.AqlQty - currentValue; if (currentRow.NgQty < 0) { currentRow.GoodQty = 0; currentRow.NgQty = 0; } else { this.judgeWGRowResult(currentRow); } } }, change4NgQty(currentValue, oldValue) { console.log('NG数改变'); let currentRow = this.dataSource4WG.filter((x) => x.ID == this.currentRow4WG.ID)[0]; if (currentRow) { currentRow.GoodQty = currentRow.AqlQty - currentValue; if (currentRow.GoodQty < 0) { currentRow.GoodQty = 0; currentRow.NgQty = 0; } else { this.judgeWGRowResult(currentRow); } } }, judgeCCRowResult() {
}, judgeWGRowResult(currentRow) { if (!currentRow) { return; }
if (currentRow.NgQty <= this.form.AllowNgQty) { currentRow.Result = "OK"; } else { currentRow.Result = "NG"; } }, 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.getAllBRGCode(); this.getAllBCGCode(); this.getAllHandleWay(); this.getData();
}, finalJudge() { if (this.dataSource4CC.length == 0 || this.dataSource4WG.length == 0) { $.modalMsg("必须存在检验项目", "warning"); return false; }
this.dataSource4CC.forEach((item) => { if (item.Result == 'NG') { this.form.Result = "NG"; } })
this.dataSource4WG.forEach((item) => { if (item.Result == 'NG') { this.form.Result = "NG"; } })
if (!this.form.Result) { this.form.Result = "OK"; } }, queryCheckRecord() {
},
getData() { if (!this.id) return;
let _this = this;
axios .get('/BBWMS/IQCQuality/GetMaterialReJudgeMain?keyValue=' + _this.id) .then(function (res) {
// debugger; if (res.data) {
for (var i in res.data) { Vue.set(vm.form, i, res.data[i]); }
_this.form.JudgeRole = _this.judgeRole;
res.data.CCList.forEach(function (el, i) { Vue.set(vm.dataSource4CC, i, el) }); res.data.WGList.forEach(function (el, i) { Vue.set(vm.dataSource4WG, i, el) }); res.data.XNList.forEach(function (el, i) { Vue.set(vm.dataSource4XN, i, el) }); if (_this.judgeRole == 'IQCGroupHeader') { _this.showIQCGroupHeader = true; _this.showIQCHeader = false; _this.showSQEEngineer = false; if (!_this.form.IQCGroupHeaderResult) { _this.form.IQCGroupHeaderResult = 'OK'; }
} else if (_this.judgeRole == 'IQCHeader') { _this.showIQCGroupHeader = false; _this.showIQCHeader = true; _this.showSQEEngineer = false; if (!_this.form.IQCHeaderResult) { _this.form.IQCHeaderResult = 'OK'; } } else if (_this.judgeRole == 'SQEEngineer') { _this.showIQCGroupHeader = false; _this.showIQCHeader = false; _this.showSQEEngineer = true; if (!_this.form.SQEEngineerResult) { _this.form.SQEEngineerResult = 'OK'; } } else if (_this.judgeRole == '') {
} else {
} } }) .catch(function (error) { // 请求失败处理 alert(error); }); }, //选中行变化 handleCurrentChange4CC(val) { this.currentRow4CC = val; console.log('尺寸行变化'); }, handleCurrentChange4WG(val) { this.currentRow4WG = val; console.log('外观行变化'); }, handleCurrentChange4XN(val) { this.currentRow4XN = val; //console.log('外观行变化'); }, submitCheck() {
//this.form.CCList = this.dataSource4CC; //this.form.WGList = this.dataSource4WG; $.currentWindow().$("#gridList").trigger("reloadGrid"); // console.log(result); }, }, }); function submitForm() { //debugger; vm.submitCheck();
}</script>
|
