VisualInspection/VisualInspection/qzd/view/task/add.html

<link href="/node_modules/zui/dist/lib/datagrid/zui.datagrid.min.css" rel="stylesheet">
<script src="/node_modules/zui/dist/lib/datagrid/zui.datagrid.js"></script>
<script src="/qzd/js/task/add.js?__inline"></script>

<link rel="stylesheet" type="text/css" href="/css/other_check/other_check.css">

<link rel="stylesheet" type="text/css" href="/node_modules/fixed-header-table/css/defaultTheme.css">
<link href="/node_modules/fixed-header-table/demo/css/960.css" rel="stylesheet" media="screen" />
<link href="/node_modules/fixed-header-table/demo/css/myTheme.css" rel="stylesheet" media="screen" />

<style>
    .table_content {
        padding: 0;
    }
    
    .btn_c,
    .btn_c label {
        width: 80% !important;
        height: 80% !important;
        border-radius: 0;
    }
    
    table td,
    table th {
        text-align: center;
    }
    
    .btc {
        padding: 5px 12px !important;
        border: 1px solid;
    }
    
    .doingc {
        color: #fff;
        background-color: #2EA98C;
        border-radius: 4px;
        border-color: #2EA98C;
        text-shadow: none;
    }
    
    .unusec {
        color: #fff;
        background-color: #ed980f;
        border-radius: 4px;
        border-color: #ed980f;
        text-shadow: none;
    }
    
    .completec {
        color: #fff;
        background-color: #ea644a;
        border-radius: 4px;
        border-color: #ea644a;
        text-shadow: none;
    }
    
    .normal {
        color: #fff;
        background-color: #03b8cf;
        border-radius: 4px;
        border-color: #03b8cf;
        text-shadow: none;
    }
    
    .novideoc {
        color: #03b8cf;
        background-color: #fff;
        border-radius: 4px;
        border-color: #fff;
        text-shadow: none;
    }

     .noApply {
        color: #03b8cf;
        background-color: #FFDEAD;
        border-radius: 4px;
        border-color: #FFDEAD;
        text-shadow: none;
    }
    
    .divstyle {
        width: 30px;
        height: 20px;
        float: left;
    }
</style>

<div class="container-fluid ">
    <div class="row">

        <span style="float: left;
        padding-top: 5px;">周期：</span>
        <div class="div-month">
            <input id="month_date" class="form-control form-date" type="text" placeholder="请选择" style="height:30px;">
        </div>
        <span style="float: left;
        padding-top: 5px;">部门：</span>
        <div class="div-station">
            <select class="form-control" id="qzd" onchange="getpeople()"></select>
        </div>
        <!-- <span style="float: left;
        padding-top: 5px;">人员：</span>
        <div class="div-station">
            <select class="form-control" id="qzdpeople"></select>
        </div> -->

        <div class="col-xs-1">
            <div class="input-group">
                <button class="btn btn-primary " type="button" id="conditional_query" onclick="search()">查询</button>
            </div>
        </div>
    </div>

    <div class="row" style="height: 390px;" id="table_html">
        <!-- <div class="datagrid" id="table_s" data-checkable="false" data-sortable="false"> -->

        <table class="fancyTable" id="myTable05" cellpadding="0" cellspacing="0">

        </table>


        <!-- </div> -->
    </div>

    <div class="row" style="margin-top: 5px">
        <div class="col-xs-2">
            <div class="divstyle" style="background-color: white"></div><span style="float: left;">&nbsp;&nbsp;未上传视频</span>
        </div>
        <div class="col-xs-2">
            <div class="divstyle" style="background-color: #03b8cf"></div><span style="float: left;">&nbsp;&nbsp;未稽查</span>
        </div>
        <div class="col-xs-2">
            <div class="divstyle" style="background-color: #0373cf"></div><span style="float: left;">&nbsp;&nbsp;上传图片未稽查</span>
        </div>
        <div class="col-xs-2">
            <div class="divstyle" style="background-color: gray"></div><span style="float: left;">&nbsp;&nbsp;已选任务</span>
        </div>
        <div class="col-xs-2">
            <div class="divstyle" style="background-color: #ea644a"></div><span style="float: left;">&nbsp;&nbsp;已稽查</span>
        </div>
        <div class="col-xs-2">
            <div class="divstyle" style="background-color:#2EA98C"></div><span style="float: left;">&nbsp;&nbsp;稽查中</span>
        </div>
        <!-- <div class="col-xs-2">
            <div class="divstyle" style="background-color: #ed980f"></div><span style="float: left;">&nbsp;&nbsp;无效</span>
        </div> -->
    </div>
    <div class="row" style="margin-top: 5px">
        <div class="col-xs-2">
            <div class="divstyle" style="background-color: #ed980f"></div><span style="float: left;">&nbsp;&nbsp;无效</span>
        </div>
        <div class="col-xs-2">
            <div class="divstyle" style="background-color:#FFDEAD"></div><span style="float: left;">&nbsp;&nbsp;放空</span>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-6" style="">
            <div class="row">
                <span style="float: left;
                padding-top: 5px;">已选任务：</span>
            </div>
            <div class="row" style="height: 200px;">
                <div id="selected_table" class="datagrid" data-checkable="false" data-sortable="false"></div>
            </div>
        </div>
        <div class="col-xs-4" style="padding: 0 15px 0 15px">
            <div class="row" style="">
                <div class="row" style="margin: 0">
                    <span style="float: left;
                padding-top: 5px;">分配稽查任务：</span>
                </div>
                <div class="row" style="margin: 0;padding-top: 10px">
                    <input type="text" style="width:100%;" id="check_users" class="form-control" placeholder="请选择稽查人员">

                </div>
            </div>

        </div>
        <div class="col-xs-2" style="margin-top: 190px;padding: 0;">

            <div class="input-group" style="float: right ;">
                <button class="btn btn-primary " style="width: 120px;" type="button" id="add_task_btn" onclick="addTask()">生成任务</button>
            </div>

        </div>

    </div>


</div>