zgq
2021-06-30 ce625cdc3d0657f94e6f98b2cac777e05edb5afc
WebTM/views/É豸¹ÜÀí/Sb_EqpMaintenanceBillList_PDA.html
@@ -1,10 +1,582 @@
<!DOCTYPE html>
<html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>设备维修工单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--引用layui样式文件-->
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <!--引用layui js文件-->
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/Scripts/json2.js"></script>
    <script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <!--自定义样式-->
    <style>
        .maintitle {
            background-color: #1492ff;
            color: #fff;
            padding: 5px 10px;
            border: none;
            border-radius: 4px;
        }
        .title {
            border-left: 4px solid #1492ff;
            padding-left: 6px;
            margin: 20px 10px 4px;
            font-size: 16px;
            color: #333;
        }
        .buttom_box_little {
            width: 60px;
            height: 36px;
            color: #fff;
            background-color: #1492ff;
            border-radius: 4px;
            border: none;
            margin: 10px;
        }
        .layui-input {
            width: 93%;
        }
        .layui-inline, img {
            display: block;
            vertical-align: middle
        }
        .layui-input, .layui-textarea {
            display: inline-block;
            width: 100%;
            padding-left: 10px;
        }
        .laydate-time-list ol {
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }
        .layui-form-label {
            padding: 9px 5px;
        }
        .layui-input-block {
            margin-left: 85px;
            min-height: 36px;
        }
    </style>
</head>
<body>
    <div class="layui-fluid" style="padding: 0;">
        <div class="layui-card" style="padding: 15px;background-color: #efefef;">
            <div class="layui-card-body" style="padding: 1px;">
                <form class="layui-form" action="" lay-filter="formData" id="formData" style="background-color:white;">
                    <div class="maintitle">设备点检记录单</div>
                    <div class="layui-form-item" style="padding-top: 10px;">
                        <div class="layui-row">
                            <label class="layui-form-label" style="width: 85px;"><span style="color:red;">*</span>设备条码</label>
                            <div class="layui-input-block" style="margin-left: 100px;width:46%;">
                                <input type="text" name="HBarCode" id="HBarCode" lay-verify="required" placeholder="请键入后回车" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">基本信息</li>
                            <li>其他信息</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-form-item" style="padding-top: 10px;">
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">维修开始:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HRepairBeginDate" id="HRepairBeginDate" placeholder="请选择日期">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">维修结束:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HRepairEndDate" id="HRepairEndDate" placeholder="请选择日期">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">维修内容:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <textarea name="HRepairContent" id="HRepairContent" placeholder="请输入内容" class="layui-textarea"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">单据号:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" class="layui-input" name="HBillNo" id="HBillNo" style="background-color:#efefef4d;" readonly>
                                                <input type="hidden" name="HInterID" id="HInterID">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">单据日期:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HDate" id="HDate" placeholder="请选择日期" readonly disabled>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;padding: 9px 5px;">部门:</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="HDeptName" id="HDeptName" class="layui-input" style="width:80%;">
                                                <input type="hidden" name="HDeptID" id="HDeptID" class="layui-input">
                                                <button type="button" lay-submit="" class="layui-btn layui-btn-primary" lay-filter="Department" style="width:40px;">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;padding: 9px 5px;">维修人:</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="HEmpName" id="HEmpName" class="layui-input" style="width:80%;">
                                                <input type="hidden" name="HEmpID" id="HEmpID" class="layui-input">
                                                <button type="button" lay-submit="" class="layui-btn layui-btn-primary" lay-filter="HEmp" style="width:40px;">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;padding: 9px 5px;">维修项目:</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="HRepair" id="HRepair" class="layui-input" style="width:80%;">
                                                <input type="hidden" name="HRepairID" id="HRepairID" class="layui-input">
                                                <button type="button" lay-submit="" class="layui-btn layui-btn-primary" lay-filter="HDotCheckItemList" style="width:40px;">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">维修要求:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <textarea name="HRepairExplanation" id="HRepairExplanation" placeholder="请输入内容" class="layui-textarea"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;padding: 9px 5px;">负责人:</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="HManagerName" id="HManagerName" class="layui-input" style="width:80%;">
                                                <input type="hidden" name="HManagerID" id="HManagerID" class="layui-input">
                                                <button type="button" lay-submit="" class="layui-btn layui-btn-primary" lay-filter="HManager" style="width:40px;">
                                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">设备名称:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" name="HBarName" id="HBarName" class="layui-input" style="background-color:#efefef4d;" readonly>
                                                <input type="hidden" name="HEquipID" id="HEquipID" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">设备规格:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" name="HBarSpec" id="HBarSpec" class="layui-input" style="background-color:#efefef4d;" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">设备型号:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" name="HBarModel" id="HBarModel" class="layui-input" style="background-color:#efefef4d;" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">数量:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" name="HQty" id="HQty" class="layui-input" style="background-color:#efefef4d;" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-form-item" style="padding-top: 10px;">
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">创建人:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" class="layui-input" name="HMaker" id="HMaker" style="background-color:#efefef4d;" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">创建日期:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HMakeDate" id="HMakeDate" style="background-color:#efefef4d;" readonly disabled>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">修改人:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" class="layui-input" name="HUpDater" id="HUpDater" style="background-color:#efefef4d;" readonly disabled>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">修改日期:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HUpDateDate" id="HUpDateDate" style="background-color:#efefef4d;" readonly disabled>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">审核人:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" class="layui-input" name="HChecker" id="HChecker" style="background-color:#efefef4d;" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">审核日期:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HCheckDate" id="HCheckDate" style="background-color:#efefef4d;" readonly disabled>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">作废人:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="text" class="layui-input" name="HDeleteMan" id="HDeleteMan" style="background-color:#efefef4d;" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: 75px;">作废日期:</label>
                                            <div class="layui-input-block" style="margin-left: 85px;">
                                                <input type="datetime" class="layui-input" name="HDeleteDate" id="HDeleteDate" style="background-color:#efefef4d;" readonly disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layer-footer" style="text-align: center;">
                        <button type="button" lay-submit="" class="layui-btn buttom_box_little" lay-filter="Saver" id="Saver">提交</button>
                        <button type="button" lay-submit="" class="layui-btn buttom_box_little" lay-filter="Add">新增</button>
                        <button type="button" class="layui-btn buttom_box_little" lay-filter="Cancel" id="Cancel">退出</button>
                    </div>
                    <!--隐藏字段-->
                    <input type="hidden" name="lngBillKey" id="lngBillKey">
                    <input type="hidden" name="lngBillSubKey" id="lngBillSubKey">
                </form>
            </div>
        </div>
    </div>
    <script>
        var IsSet = "";
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'laydate', 'table', 'element'], function () {
            var $ = layui.$
                , admin = layui.admin
                , layer = layui.layer
                , table = layui.table
                , form = layui.form
                ,laydate = layui.laydate
                , element = layui.element;
            //日期时间选择器
            laydate.render({
                elem: '#HRepairBeginDate'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#HRepairEndDate'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#HDate'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#HMakeDate'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#HUpDateDate'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#HCheckDate'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#HDeleteDate'
                , type: 'datetime'
            });
            //进入页面默认光标在条形码上
            $("#HBarCode").focus();
            //初始基本信息赋值
            $("#HRepairBeginDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));  //点检开始时间
            $("#HRepairEndDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));    //点检结束时间
            $("#HDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));      //单据日期
            $("#HMakeDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));  //创建日期
            $("#HDeptID").val(sessionStorage["HDeptID"]);               //部门ID
            $("#HDeptName").val(sessionStorage["HDept"]);               //部门
            $("#HEmpID").val(sessionStorage["HBillerID"]);              //维修人ID
            $("#HEmpName").val(sessionStorage["HUserName"]);            //维修人
            $("#HManagerID").val(sessionStorage["HManagerID"]);         //责任人ID
            $("#HManagerName").val(sessionStorage["HManagerName"]);     //责任人
            $("#HMaker").val(sessionStorage["HUserName"]);     //创建人
            //模治具条码是否扫描标记
            var HProcExchBillNoFlag = false;
            //获取最大单据号
            $.ajax({
                url: GetWEBURL() + "/Web/GetMAXNum",
                type: "GET",
                data: { "HBillType": '3910' },
                success: function (d) {
                    //console.log(d.data);
                    $("#HInterID").val("0");
                    $("#HBillNo").val(d.data[0].HBillNo);
                }
            });
            //条形码回车方法
            $('#HBarCode').on('keydown', function (event) {
                var HBarCode = $('#HBarCode').val();
                if (event.keyCode == 13) {
                    if (!HBarCode) {
                        layer.msg("条形码不能为空!")
                        return;
                    }
                    var index = layer.load();
                    $.ajax({
                        url: GetWEBURL() + "/Sb_PDA_EqpRepairWorkBill/txtHBarCode_KeyDown",
                        type: "GET",
                        data: { "HBarCode": HBarCode },
                        success: function (result) {
                            if (result.count == 1) {
                                var data = result.data[0];
                                form.val("formData", { //formTest å³ class="layui-form" æ‰€åœ¨å…ƒç´ å±žæ€§ lay-filter="" å¯¹åº”的值
                                    "HEquipID": data.HItemID,
                                    "HBarName": data.HName,
                                    "HBarSpec": data.HModel,
                                    "HBarModel": data.HModel2,
                                    "HQty": "1"
                                });
                                $("#HBarCode").attr("readonly", "readonly");//条形码只读
                                $("#HBarCode").css("background-color", "#efefef4d");
                                HProcExchBillNoFlag = true;
                                layer.close(index);
                            }
                            else {
                                layer.close(index);
                                layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                            }
                        },
                        error: function (err) {
                            layer.close(index);
                            layer.msg("接口请求失败!" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        }
                    });
                }
            });
            //退出-关闭页面方法
            $('#Cancel').on('click', function () {
                layer.confirm('您确定要退出吗?', { icon: 3, title: '提示' }, function (index) {
                    parent.layui.admin.events.closeThisTabs(); //关闭页签
                });
            })
            //提交
            form.on('submit(Saver)', function (data) {//提交
                //var tableData = data.field;
                data.field.HMaker = sessionStorage["HUserName"];//制单人
                var oMain = JSON.stringify(data.field);
                //var oMain = data.field;
                var index = layer.load();
                $.ajax({
                    type: "POST",
                    url: GetWEBURL() + "/Sb_PDA_EqpRepairWorkBill/SaveGetEqpRepairWorkBillList",
                    //url:"http://localhost:12761/Cj_StationEntrustOutBill/AddBill",
                    async: true,
                    data: { "msg": oMain },
                    dataType: "json",
                    success: function (data) {
                        if (data.count == 1) {
                            //layer.confirm(data.Message, {
                            //    icon: 1, skin: 'layui-layer-lan', title: "温馨提示", closeBtn: 0, btn: ['新增'],
                            //    btn2: function () {
                            //        //parent.layui.admin.events.closeThisTabs();关闭页签
                            //        //window.close();//关闭页面,浏览器有效,PDA无效
                            //        parent.location.href = "../../../views/index.html"
                            //    }//关闭
                            //}, function () { window.location.reload(); });//新增
                            layer.close(index);
                            layer.msg("提交成功");
                            $('#Saver').removeClass("buttom_box_little");
                            $('#Saver').addClass("layui-btn-disabled").attr("disabled", true);
                        }
                        else {
                            layer.close(index);
                            layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        }
                    },
                    error: function (err) {
                        layer.close(index);
                        layer.msg("错误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                    }
                });
            });
            //新增
            form.on('submit(Add)', function (data) {
                $('#Saver').addClass("buttom_box_little");
                $('#Saver').addClass("layui-btn-disabled").attr("disabled", false);
                $("#HBarCode").removeAttr("readonly");//条形码清除只读
                $("#HBarCode").removeAttr("background-color");//条形码清除背景色
                // æ¸…空表单 ï¼ˆâ€œformData”是表单的id)
                $("#formData")[0].reset();
                layui.form.render();
                $("#HBarCode").focus();
                //获取最大单据号
                $.ajax({
                    url: GetWEBURL() + "/Web/GetMAXNum",
                    type: "GET",
                    data: { "HBillType": '3903' },
                    success: function (d) {
                        //console.log(d.data);
                        $("#HInterID").val("0");
                        $("#HBillNo").val(d.data[0].HBillNo);
                    }
                });
                $("#HRepairBeginDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));  //维修开始时间
                $("#HRepairEndDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));    //维修结束时间
                $("#HDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));      //单据日期
                $("#HMakeDate").val(Format(new Date(), "yyyy-MM-dd hh:mm:ss"));  //创建日期
                $("#HMaker").val(sessionStorage["HUserName"]);     //创建人
            })
            //部门弹窗
            form.on('submit(Department)', function () {
                //页面层-自定义
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    title: '部门列表',
                    closeBtn: 1,
                    shift: 2,
                    area: ['80%', '80%'],
                    maxmin: true,
                    content: ['../Baseset/基础资料/Gy_DepartmentList.html', 'yes'],
                    cancel: function (index, layero) {
                    }
                });
            });
            //维修人弹窗
            form.on('submit(HEmp)', function () {
                IsSet = 0;  //维修人0,负责人1
                //页面层-自定义
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    title: '维修人列表',
                    closeBtn: 1,
                    shift: 2,
                    area: ['80%', '80%'],
                    maxmin: true,
                    content: ['../Baseset/基础资料/Gy_EmployeeList.html?Type=HWorker', 'yes'],
                    cancel: function (index, layero) {
                    }
                });
            });
            //点检项目弹窗
            form.on('submit(HDotCheckItemList)', function () {
                //页面层-自定义
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    title: '点检项目列表',
                    closeBtn: 1,
                    shift: 2,
                    area: ['80%', '80%'],
                    maxmin: true,
                    content: ['../Baseset/基础资料/Gy_CheckItemList.html', 'yes'],
                    cancel: function (index, layero) {
                    }
                });
            });
            //负责人弹窗
            form.on('submit(HManager)', function () {
                IsSet = 1;  //维修人0,负责人1
                //页面层-自定义
                layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    title: '负责人列表',
                    closeBtn: 1,
                    shift: 2,
                    area: ['80%', '80%'],
                    maxmin: true,
                    content: ['../Baseset/基础资料/Gy_EmployeeList.html?Type=HWorker', 'yes'],
                    cancel: function (index, layero) {
                    }
                });
            });
            //以上为layui模块
        });
        //返回部门
        function GetHDeptNameValue(obj) {
            $("#HDeptName").val(obj[0].HName);
            $("#HDeptID").val(obj[0].HItemID);
        }
        //返回维修人、负责人
        function GetHWorkerValue(obj) {
            if (IsSet == 0) {
                $("#HEmpName").val(obj[0].HName);
                $("#HEmpID").val(obj[0].HItemID);
            }
            if (IsSet == 1) {
                $("#HManagerName").val(obj[0].HName);
                $("#HManagerID").val(obj[0].HItemID);
            }
        }
        //返回维修项目
        function GetHCheckNameValue(obj) {
            $("#HRepair").val(obj[0].HName);
            $("#HRepairID").val(obj[0].HItemID);
        }
    </script>
</body>
</html>
</html>