HGSRM/WMS-BS/NFine.Web/Areas/BBWMS/Views/IQCQuality/Item2AqlEdit.cshtml


@{
    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>