Index - 副本.cshtml 7.3 KB
@{ Layout = "~/Views/Shared/_Layout.cshtml"; }
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@section header
{
    <link href="~/js/fullcalendar-4.4.0/core/main.css" rel="stylesheet" />
    <link href="~/js/fullcalendar-4.4.0/daygrid/main.css" rel="stylesheet" />
    <style type="text/css">
        div, ul {
            box-sizing: content-box;
        }

        .layui-form-label {
            padding: 0;
            padding-top: 9px;
            padding-right: 9px;
            width: 88px;
            text-align: right !important;
        }

        .left {
            width: 60%;
            height: 100%;
            margin-left: 10px;
            margin-right: 10px;
        }

        #factoryCalendarDesc {
            width: 40%;
            margin-left: 10px;
            margin-top: 55px;
            border: 1px solid #393D49;
        }

        .fc-h-event {
            padding-top: 2px;
            padding-bottom: 1px
        }

        .from-lable {
            display: block;
            line-height: 20px;
            padding: 9px 15px;
        }

        .margin-top7 {
            margin-top: 7px
        }

        .right {
            height: 550px;
            overflow-y: auto;
        }

        .fc-day-cnDate {
            padding-top: 24px;
            text-align: left;
        }
    </style>
}
<div style="display:none" class="content div-flex">
    <div class="left">
        <div class="layui-form-item margin-top7">
            <label class="layui-form-label">查看年月</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input layui-date" id="selectData" time="month" value="@DateTime.Now.ToString("yyyy-MM")" showBottom="true" dateFormat="yyyy-MM" placeholder="yyyy-MM">
            </div>
        </div>
        <div class="canlendar" id="calendar"></div>
    </div>
    <div id="factoryCalendarDesc" class="right">
        <div id="FactoryCalendar" class="layui-form layui-row" lay-filter="FactoryCalendar">
            <div class="layui-col-sm6">
                <label class="layui-form-label">实际开始时间:</label>
                <label id="statrCalendarDay" style="" name="statrCalendarDay" class="from-lable">{{statrCalendarDay}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">实际结束时间:</label>
                <label id="endCalendarDay" name="endCalendarDay" class="from-lable">{{endCalendarDay}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">节点:</label>
                <label id="actionClass" name="actionClass" class="from-lable">{{actionClass}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">是否工作日:</label>
                <label id="isWeekday" name="isWeekday" class="from-lable">{{isWeekday}}</label>
            </div>
        </div>
        <hr>
        <div id="ProductShift" class="layui-form layui-row">
            <div class="layui-col-sm6">
                <label class="layui-form-label">班别类型:</label>
                <label id="shiftCode" name="shiftCode" class="from-lable">{{isWeekday}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">班别名称:</label>
                <label id="shiftName" name="shiftName" class="from-lable">{{isWeekday}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">班别节点:</label>
                <label id="psactionClass" name="actionClass" class="from-lable">{{psactionClass}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">班别节点ID:</label>
                <label id="actionRange" name="actionRange" class="from-lable">{{actionRange}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">生效时间:</label>
                <label id="effectiveDate" name="effectiveDate" class="from-lable">{{effectiveDate}}</label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">失效时间:</label>
                <label id="deadlineDate" name="deadlineDate" class="from-lable">{{deadlineDate}} </label>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label">备注:</label>
                <label id="remarks" name="remarks" class="from-lable">{{remarks}}</label>
            </div>
        </div>
        <div id="ProductShiftTime" class="layui-form layui-row">
            <hr>
            <label>生产时间</label>
            <hr>
            <div class="layui-col-sm4">
                <label class="layui-form-label" style="width:70px;padding-left:10px;padding-right:1px">开始时间:</label>
                <label id="timeSpanStart" name="timeSpanStart" class="from-lable">{{timeSpanStart}}</label>
            </div>
            <div class="layui-col-sm4">
                <label class="layui-form-label" style="width:70px;padding-left:10px;padding-right:1px">结束时间:</label>
                <label id="timeSpanEnd" name="timeSpanEnd" class="from-lable">{{timeSpanEnd}}</label>
            </div>
            <div class="layui-col-sm3">
                <label class="layui-form-label" style="width:70px;padding-left:10px;padding-right:1px">状态:</label>
                <label id="state" name="state" class="from-lable ">{{state}}</label>
            </div>
            <hr>
            <label>非生产时间</label>
            <hr>
            <div v-for="item in noProductiontime" :key="item.id">
                <div class="layui-col-sm4">
                    <label class="layui-form-label div-flex" style="width:70px;padding-left:10px;padding-right:1px">开始时间:</label>
                    <label name="timeSpanStart" class="from-lable" style="width:250px;padding-left:1px;padding-right:1px">{{ new Date(item.timeSpanStart).format("hh:mm:ss")}}</label>
                </div>
                <div class="layui-col-sm4">
                    <label class="layui-form-label" style="width:70px;padding-left:10px;padding-right:1px">结束时间:</label>
                    <label name="timeSpanEnd" class="from-lable">{{ new Date(item.timeSpanEnd).format("hh:mm:ss") }}</label>
                </div>
                <div class="layui-col-sm3">
                    <label class="layui-form-label" style="width:70px;padding-left:10px;padding-right:1px">状态:</label>
                    <label name="state" class="from-lable">{{item.state }}</label>
                </div>
            </div>
        </div>
    </div>
</div>

<div >
    <div v-for="item in noProductiontime" :key="item.id"> 
        <label>{{item.lineName}}</label> <input type="checkbox" />
    </div>
</div>



@section Scripts
{

    <script src="~/js/fullcalendar-4.4.0/core/main.js"></script>
    <script src="~/js/fullcalendar-4.4.0/core/locales/zh-cn.js"></script>
    <script src="~/js/fullcalendar-4.4.0/daygrid/main.js"></script>
    <script src="~/js/fullcalendar-4.4.0/interaction/main.js"></script>
    <script src="~/js/fullcalendar-4.4.0/lunar.js"></script>
    <script src="~/productjs/Planned/FactoryCalendar.js" asp-append-version="true"></script>
}