Index.cshtml 2.83 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;
        }

        .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
        }

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

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

        .fc-day-cnDate {
            padding-top: 24px;
            text-align: left;
        }
        .right-head {
            height: 20px;
            padding-top: 10px;
            text-align: center
        }
        .right-body {
            height:30px;padding:5px; padding-left: 50px;
        }
        .calendar-day-bg {
            background-color: #2f4050
        }
        .calendar-td-color {
            color: #fff
        }
    </style>
}
<div  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 class="right-head">
            <label>{{nowdate}} </label>
        </div>
        <div class="right-body" >
            <input type="checkbox" v-model="selectAll" v-on:change="setLineWorkAll"/>
        </div>
        <div class="right-body" v-for="item in noProductiontime" :key="item.id">
            <input type="checkbox" v-on:change="setLineWork(item)" v-model="item.Weekday" />
            <label style=" padding-left: 5px;">{{item.lineName}}</label> 
        </div>
    </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>
}