Index.cshtml 12.1 KB
@using Hh.Mes.POJO.EnumEntitys;
@model List<SelectListItem>
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@section header
    {
    <link href="~/css/printQcCode/qcCode.css" rel="stylesheet" asp-append-version="true" />
    <style type="text/css">
        .layui-layer-content {
            overflow-y: hidden !important;
        }
    </style>
}
<div id="listForm" class="layui-tab-item layui-show">
    <form class="layui-form layui-form-pane" action="" lay-filter="listForm">
        <div class="layui-form-item" id="panelSearch" hidden>
            <fieldset class="layui-elem-field">
                <div class="layui-field-box" id="qform">
                    <div class="layui-form-item layui-col-sm12">
                        <div class="layui-inline toolList">
                            <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius" data-type="btnQuery"><i class="layui-icon">&#xe615;</i>查询</a>
                            <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" data-type="btnReset"><i class="layui-icon">&#xe66c;</i>重置</a>
                            <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger" data-type="btnClose"><i class="layui-icon">&#xe6a7;</i>关闭</a>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">生产计划</label>
                            <div class="layui-input-inline">
                                <input name="planCode" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">产品编号</label>
                            <div class="layui-input-inline">
                                <input name="productHeaderCode" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">工单号</label>
                            <div class="layui-input-inline">
                                <input name="workOrderCode" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">任务状态</label>
                            <div class="layui-input-inline">
                                <select id="state" name="state" asp-items="@Html.GetEnumSelectList<EnumOrderHeadStatus>()">
                                    <option value="">全部</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">线体</label>
                            <div class="layui-input-inline">
                                <select id="lineCode" name="lineCode" asp-items="@Model"></select>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">开始时间</label>
                            <div class="layui-input-inline">
                                <input name="planStartTime" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">结束时间</label>
                            <div class="layui-input-inline">
                                <input name="planEndTime" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">plmeId</label>
                            <div class="layui-input-inline">
                                <input name="plmeId" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
    </form>

    <div class="layui-col-xs12">
        <div class="layui-tab layui-tab-brief" lay-filter="tableTabBody">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="1">工序任务
                <li lay-id="2">明细</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <table id="mainList" lay-filter="mainList"></table>
                </div>
                <div class="layui-tab-item">
                    <table id="mainListDesc" lay-filter="mainListDesc"></table>
                </div>
            </div>
        </div>

    </div>
</div>

<script type="text/html" id="toolbarTable">
    <div class="layui-btn-container">
        <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="btnSelect"><i class="layui-icon">&#xe628;</i>检索</a>
        <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="btnRefresh"><i class="layui-icon">&#xe9aa;</i>刷新</a>
        {{ loadMenus("WorkOrder", 1) }}
    </div>
</script>

<script type="text/html" id="toolbarTableDesc">
    <div class="layui-btn-container">
        <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="btnRefresh"><i class="layui-icon">&#xe9aa;</i>刷新</a>
        {{ loadMenus("WorkOrder", 2) }}
    </div>
</script>

<div id="timeline" style="display:none;">
    <ul class="layui-timeline" style="padding-left:120px;">
        <li class="layui-timeline-item" v-for="item in oprTimeLineList" :key="item.id">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">{{item.oprSequenceName}}、{{item.oprSequenceCode}}</h3>
                <p>
                    <br>线体:{{item.lineCode}}
                    <br>工位:{{item.stationCode}}
                    <br>设备:{{item.equipmentCode}}
                    <br>操作工:{{item.updateBy}}
                    <br>计划时间:{{item.planStartTime}}-{{item.planEndTime}}
                    <br>实际时间:{{item.actualStartTime}}-{{item.actualEndTime}}
                    <br>状态:{{item.state}}
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">进行中</div>
            </div>
        </li>
    </ul>
</div>
<!--工序数据录入和开工 -->
<div id="complete" class="layui-tab-item">
    <form class="layui-form layui-form-pane" action="#" lay-filter="complete">
        <div class="layui-col-sm6">
            <label class="layui-form-label layui-col-sm6" style="width:150px;">工位<label class="lable-required">*</label></label>
            <div class="layui-input-inline layui-col-sm6 ">
                <select name="stationCode" id="stationCode" lay-verify="required" lay-search=""></select>
            </div>
        </div>
        <div class="layui-col-sm6">
            <label class="layui-form-label layui-col-sm6" style="width:150px;">实际开始时间<label class="lable-required">*</label></label>
            <div class="layui-input-inline layui-col-sm6 ">
                <input type="text" name="actualStartTime" id="actualStartTime" class="layui-input layui-date" typeTime="datetime" lay-verify="required">
            </div>
        </div>
        <div class="layui-col-sm6">
            <label class="layui-form-label layui-col-sm6" style="width: 150px;">工序物料消耗<label class="lable-required">*</label></label>
            <div class="layui-input-inline layui-col-sm6">
                <input name="stationCodeTemp" placeholder="点击选择工序物料消耗" readonly class="layui-input form-readonly-color stationCodeTemp" />
            </div>
        </div>
        <div class="layui-col-sm6">
            <label class="layui-form-label layui-col-sm6" style="width: 150px;">设备工艺参数<label class="lable-required">*</label></label>
            <div class="layui-input-inline layui-col-sm6 ">
                <input name="equipmentTemp" placeholder="点击选择设备工艺参数" readonly class="layui-input form-readonly-color device_information" />
            </div>
        </div>
        <div class="layui-form-item">
            <!--表单验证按钮-->
            <button class="layui-btn" style="display: none" name="fromAdd" lay-filter="fromAdd" lay-submit>确定</button>
            <button class="layui-btn" style="display: none" name="fromUpdateDesc" lay-filter="fromUpdateDesc" lay-submit>fromUpdateDesc</button>
        </div>
        <div hidden>
            <input name="id" type="text" id="cdid" class="layui-input">
            <input name="headKeys" type="text" id="cdheadKeys" class="layui-input">
        </div>
    </form>
    <div class="layui-col-xs12">
        <div class="layui-tab layui-tab-brief" lay-filter="tabComplete">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="1">工序任务物料消耗
                <li lay-id="2">设备工艺参数</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <table id="WorkOrderMaterialUseLog" lay-filter="WorkOrderMaterialUseLog"></table>
                </div>
                <div class="layui-tab-item">
                    <table id="mainListEquipmentProcessTemplate" lay-filter="mainListEquipmentProcessTemplate"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<!--工序数据录入和完工 -->
<div id="CompletionOfProcess" class="layui-tab-item">
    <form class="layui-form layui-form-pane" action="#" lay-filter="CompletionOfProcess">
        <div class="layui-col-sm12">
            <label class="layui-form-label layui-col-sm6" style="width:150px;">实际结束时间<label class="lable-required">*</label></label>
            <div class="layui-input-inline layui-col-sm6 " style="width:200px;">
                <input type="text" name="actualEndTime" id="actualEndTime" class="layui-input layui-date" typeTime="datetime" lay-verify="required">
            </div>
        </div>
        <div class="layui-form-item">
            <!--表单验证按钮-->
            <button class="layui-btn" style="display:none" name="fromAdd" lay-filter="fromAdd" lay-submit>确定</button>
            <button class="layui-btn" style="display:none" name="fromUpdateDesc" lay-filter="fromUpdateDesc" lay-submit>fromUpdateDesc</button>
        </div>
        <div hidden>
            <input name="id" type="text" class="layui-input">
            <input name="headKeys" type="text" class="layui-input">
        </div>
    </form>
</div>

<script type="text/html" id="MaterialUseLog">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/html" id="EquipmentProcessTemplate">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/html" id="cruxLabel">
    {{# if(d.crux=="true"){ }}
    <span>是</span>
    {{# }else if(d.crux=="false"){ }}
    <span>否</span>
    {{# }else{ }}
    <span>{{ d.crux }}</span>
    {{# } }}
</script>
@section Scripts {
    <script src="~/js/qrcode.js"></script>
    <script type="text/javascript" src="/productjs/wo/WorkOrder.js?v=11" asp-append-version="true"></script>
}