response/target/classes/public/app/PlanJobManage/view/PlanControl.html

<style>
    .SortTop {
        padding: 15px;
        line-height: 25px;
        background-color: #CCECF4;
    }

    #myTable thead th, #myTable tbody td {
        text-align: center;
        width: 6.66%;
        vertical-align: middle;
        font-size: 12px;
    }

    .SortTop label {
        width: 22%;
        text-align: right;
    }

    .SortTop input {
        width: 35%;
    }

    .SortTop select {
        width: 50%;
    }

    .SortTop .btn {
        margin: 0;
    }

</style>
<div class="container">
    <div class="row Top">
        <i></i>
        <h2>计划任务监控</h2>
        <i style="float:right"></i>
    </div>
    <div class="row text-left SortTop">
        <div class="col-sm-5">
            <p>
                <label for="RWLY">任务来源：</label>
                <select class="form-control input-sm inline" id="RWLY" ng-model="rwly" ng-options="a.name for a in RELYdata">
                    <option value="">所有...</option>
                </select>
            </p>
            <p>
                <label for="JCJG">检测机构：</label>
                <select class="form-control input-sm inline " id="JCJG" ng-model="jcjg" ng-options="a.JCJGMC for a in JCDWdata" ng-disabled="YSSS">
                    <option value="">所有...</option>
                </select>
            </p>
        </div>

        <div class="col-sm-7">
            <p>
                <label for="RWXZ">任务性质：</label>
                <select class="form-control input-sm inline" style="width:30%" id="RWXZ" ng-model="rwxz" ng-options="a.name for a in RWXZdata">
                    <option value="">选择...</option>
                </select>
                <button class="btn btn-default" ng-click="Cha()">查询</button>
                <span >查询出：{{myttt}} 条数据</span>


            </p>
            <p style="margin-bottom:0;">
                <label for="ZXNY">执行年月：</label>
                <input type="month" class="form-control input-sm inline  " ng-model="ypkssj" /> 至
                <input type="month" class="form-control input-sm inline  " ng-model="ypjssj" />
            </p>
        </div>

    </div>
    <div class="row">
        <st-loading is-show="isShow" tip-show="正在加载请稍后!!"></st-loading>
        <table st-table="displayed" st-pipe="getService" class="table table-hover  table-bordered " id="myTable">
            <thead>
                <tr class="text-xs">

                    <th style="width:20%" st-ratio="10" st-sort="JCDW">检测机构</th>
                    <th style="width:7%" st-ratio="10" st-sort="YPKSSJ">执行年月</th>
                    <th style="width:5%" st-ratio="10" st-sort="FXDJ">风险等级</th>
                    <th style="width:9%" st-ratio="10" st-sort="SPDL">食品大类</th>
                    <th style="width:9%" st-ratio="10" st-sort="SPYL">食品亚类</th>
                    <th style="width:9%" st-ratio="10" st-sort="SPPZ">食品品种</th>
                    <th style="width:10%" st-ratio="10" st-sort="SPXL">食品小类</th>
                    <th style="width:9%" st-ratio="10" st-sort="RWBH">任务编号</th>

                    <th style="width:4%" st-ratio="10" st-sort="JCRWHJ">任务数</th>
                    <th style="width:3%" >未开始</th>
                    <th style="width:3%" >已采样</th>
                    <th style="width:3%" >已检验</th>
                    <th style="width:3%" >已审核</th>
                    <th style="width:3%" >已批准</th>
                    <th style="width:3%" >完成率</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="item in displayed ">
                    <!--导入数据后引用下面的disData，上面的fxjJson删除-->
                    <td style="width:20%;" st-ratio="10">{{item.JCDW}}</td>
                    <td style="width:7%" st-ratio="10">{{item.YPKSSJ}}</td>
                    <td style="width:5%" st-ratio="10">{{item.FXDJ}}</td>
                    <td style="width:9%" st-ratio="10">{{item.SPDL}}</td>
                    <td style="width:9%" st-ratio="10">{{item.SPYL}}</td>
                    <td style="width:9%" st-ratio="10">{{item.SPPZ}}</td>

                    <td style="width:10%"st-ratio="10">{{item.SPXL}}</td>
                    <td style="width:9%" st-ratio="10">{{item.RWBH}}</td>
                    <td style="width:4%" st-ratio="10">{{item.JCRWHJ}} </td>


                    <td style="width:3%" st-ratio="10">{{item.HWKS}}</td>
                    <td style="width:3%" st-ratio="10">{{item.YJCY}}</td>
                    <td style="width:3%" st-ratio="10">{{item.YJJY}}</td>
                    <td style="width:3%" st-ratio="10">{{item.YJSH}}</td>
                    <td style="width:3%" st-ratio="10">{{item.YJPZ}}</td>
                    <td style="width:3%" st-ratio="10">{{item.WCL}}%</td>
                </tr>
            </tbody>

            <tfoot>
                <tr class="text-center">
                    <td colspan="8">总任务数</td>
                    <td>{{hj}}</td>
                    <td>{{zhwks}}</td>
                    <td>{{zyjcy}}</td>
                    <td>{{zyjjy}}</td>
                    <td>{{zyjsh}}</td>
                    <td>{{zyjpz}}</td>
                    <td>{{zwcl}}%</td>
                </tr>
                <tr>
                    <td colspan="15" class="text-center">
                        <div st-items-by-page="curpageNumber" st-pagination="" st-template="app/pagination.custom.html"></div>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>