itsm-pc-handle/assets/views/plan/timingMessageSending.html

<style type="text/css">
    .form-control.smallline {
        height: 34px;
        padding-left: 8px;
        padding-right: 8px;
        color: #999;
        font-size: 12px;
    }
    .form-dataIcon {
        color: #ddd;
        font-size: 16px;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
    .tab_bdItem_tab li {
        margin-right: 24px;
        cursor: pointer;
    }

    .tab_bdItem_tabItem.active {
        color: #005395;
    }

    .tab_bdItem_tabItem {
        font-size: 14px;
        color: #ddd;
        cursor: pointer;
    }

    .incidentsearch {
        width: 30% !important;
        margin-right: 16px
    }

    .iptSize {
        width: 60% !important;
        height: 28px !important;
    }

    .tree-control .tree-input {
        min-height: 28px !important
    }

    .searchBtnBox>.btn {
        margin: 0 8px 10px 0;
    }

    /* 编辑 */
    .big_back {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .new {
        width: 340px;
        /* height: 600px; */
        /* margin-left: -170px;
        margin-top: -202px;
        position: absolute;
        left: 50%;
        top:50%; */
        z-index: 11;
        background-color: white;
        border-radius: 4px;
        transition-duration: 0.8s
    }

    .new_top {
        margin-left: -170px;
        position: fixed;
        left: 50%;
        top: -404px;
    }

    .new_after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
    }

    /* 头部 */
    .new .head {
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px #d1d1d1 solid
    }

    /* 交叉 */
    .new .head .jiaocha {
        float: right;
        width: 14px;
        height: 14px;
        line-height: 12px;
        text-align: center;
        border: 1px #6e6e6e solid;
        border-radius: 50%;
        margin-right: 20px;
        margin-top: 15px;
        cursor: pointer;
    }

    /* 主体 */
    .new .body {
        overflow: auto;
        width: 298px;
        max-height: 400px;
        background-color: #f5f5f5;
        border: 1px #d1d1d1 solid;
        margin: 0 auto;
        border-radius: 2px;
        margin-top: 10px;
        flex: 1;
    }

    .new .body::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 3px;
        height: 3px;
    }

    .new .body::-webkit-scrollbar-thumb {
        /*滚动条里面小方块样式*/
        border-radius: 100px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.1);
        ;
    }

    .new .body::-webkit-scrollbar-track {
        /*滚动条里面轨道样式*/
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .new .body .xing {
        color: red;
        float: left;
        width: 20px;
        text-align: center;
        margin-top: 12px
    }

    .new .body .xing div {
        height: 70px;
        font-size: 16px
    }

    .new .body .rigt {
        float: left;
        margin-top: 12px
    }

    .new .body .rigt .div {
        height: 70px;
    }

    .new .body .rigt span {
        font-size: 13px;
        font-weight: bold
    }

    .new .body .rigt .xiala {
        margin-top: 4px;
        width: 258px !important;
        height: auto;
        background-color: #f5f5f5
    }

    .new .body .rigt .xialaipt {
        margin-top: 4px;
        width: 258px !important;
        height: 32px;
    }

    .new .body .rigt .price {
        margin-top: 4px;
        width: 100px !important;
        height: 32px;
    }

    .new .submi {
        text-align: center;
    }

    .new .submi input {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 78px;
        height: 32px;
        border: none；
    }

    /* 保存 */
    .new .submi .preservation {
        background-color: #123f8f !important;
        color: white;
        border: 1px #123f8f solid
    }

    /* 取消 */
    .new .submi .cancel {
        background-color: #f2f2f2;
        color: #373737;
        border: 1px #d1d1d1 solid
    }
</style>
<div ng-controller="timingMessageSendingCtrl">
    <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">定时报告<i tooltip='定时报告列表，可进行修改，新增，删除' tooltip-placement="right"
                        class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
            </div>
        </div>
    </section>
    <div class="schuback" id="searchid">
        <div class="row " style="padding-right: 0px !important;">
            <div class="col-xs-12">
                <div class="col-xs-10" style="padding-right: 0px !important;"></div>
                <div class="col-xs-2">
                    <div>
                        <!-- <div class="centerdiv-one"></div> -->
                        <div class="pull-left margin-top-10 searchBtnBox">
                            <!-- <div class="form-group"> -->
                            <!-- <a class="btn btn-searchbutton steelbutton" ng-click="searchinspe(inspectdata)" type="button">搜索</a> -->
                            <!-- <div class="btn btn_search" ng-click="searchinspe(inspectdata)"><span>搜索</span></div> -->
                            <!-- </div> -->
                            <!-- <div class="form-group">
                        <button class="blank btn btn-downbutton downbutton" ng-click="export()" ladda="ldloading.zoom_in" data-style="zoom-in"><span translate="sidebar.nav.configuremanagerdb.LISTButton.EXPORT ">Export Data</span></button>
                    </div> -->
                            <!-- <button ladda="ldloading.expand_right" type="button" class="btn btn-reashbutton reashbutton" data-style="expand-right" ng-click="reload()">
                        <span translate="list.button.REFRESH">Refresh Data</span>
                    </button> -->
                            <!-- <a class="btn btn-searchbutton steelbutton" ng-click="reload()" type="button">重置</a> -->
                            <!-- <div class="btn btn_clean" ng-click="reload()">重置</div> -->
                            <!-- <a class="btn btn-searchbutton steelbutton" ng-click="refresh()" type="button">刷新</a> -->
                            <!-- <button type="button" class="btn btn-addbutton  addbutton" ng-click="addData()">
                            <span translate="list.button.CREATE">Add Data</span>
                        </button> -->
                            <!-- <div class="btn btn_search" ng-click="addData()" ng-show="xinzeng"><span
                                    translate="list.button.CREATE">Add Data</span></div> -->
                            <!--<button type="button" id="removeData" class="btn btn-warning" ng-click="removeData()" ng-disabled="selected.items.length==0">-->
                            <!-- <button type="button" class="btn btn-downbutton downbutton" ng-click="removeData()" ng-disabled="selected.items.length==0">
                            <span translate=" list.button.REMOVE ">Remove First Row</span>
                        </button> -->
                            <!-- <div class="btn btn_remove" ng-click="removeData()"
                                ng-class="isMousedown?'btn_removeMousedown':''" ng-mousedown="changeRemoveClass()"
                                ng-show="shanchu" ng-disabled="selected.items.length==0"><span
                                    translate="list.button.REMOVE">Remove First Row</span></div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tableList" ui-i18n="{{lang}}">
        <!-- <div class="col-xs-2 col-md-2 col-sm-2">
            <h5 class="over-title margin-bottom-15"><i class="fa fa-building-o" /><span class="text-bold">巡检类型</span></h5>
            <div>
                <div class="row">
                    <div class="panel panel-white">
                        <div class="panel-body">
                            <div class="box-tree">
                                <span ng-if="doing_async">...加载中...</span>
                                <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- <div class="col-xs-10"> -->

        <!-- <div class="margin-bottom-10">
            <a ladda="ldloading.expand_right" class="btn btn-primary" data-style="expand-right" ng-click="reload()">
                <span translate="list.button.REFRESH">Refresh Data</span>
                <i class="ti-reload" />
            </a>
            <button type="button" id="addData" class="btn btn-success" ng-click="addData()">
                    <span translate="list.button.CREATE">Add Data</span>
                    <i class="ti-plus"/>
                </button>
            <button type="button" id="removeData" class="btn btn-warning" ng-click="removeData()" ng-disabled="selected.items.length==0">
                    <span translate=" list.button.REMOVE ">Remove First Row</span>
                    <i class="ti-trash "/>
                </button>
        </div> -->
        <div class=" ">
            <div id="grid1 " ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-resize-columns ui-grid-auto-resize class="grid ">
            </div>
        </div>
    </div>
    <!-- 编辑弹框 -->
    <div class="big_back" ng-show="hc_eject_big">
        <div class="new new_after">
            <div class="head">
                <span>编辑</span>
                <span class="jiaocha" ng-click="close()">×</span>
            </div>
            <div class="body">
                <div class="xing">
                    <div>*</div>
                    <div>*</div>
                    <div>*</div>
                    <div>*</div>
                    <div>*</div>
                    <div ng-if="isWarehousing=='week'||isWarehousing=='month'||isWarehousing=='year'">*</div>
                </div>
                <form class="rigt">
                    <div class="div">
                        <span>标题：</span><br>
                        <input type="text" ng-model="t_title" class="xialaipt">
                    </div>
                    <div class="div">
                        <span>重复策略：</span><br>
                        <ul class="tab_bdItem_tab">
                            <li class="fl" ng-click="changeWarehousing('day')">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-class="isWarehousing=='day'?'active':''"></i>
                                <span>每天</span>
                            </li>
                            <li class="fl" ng-click="changeWarehousing('week')">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-class="isWarehousing=='week'?'active':''"></i>
                                <span>每周</span>
                            </li>
                            <li class="fl" ng-click="changeWarehousing('month')">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-class="isWarehousing=='month'?'active':''"></i>
                                <span>每月</span>
                            </li>
                            <li class="fl" ng-click="changeWarehousing('year')">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-class="isWarehousing=='year'?'active':''"></i>
                                <span>每年</span>
                            </li>
                        </ul>
                    </div>
                    <div class="div" ng-show="isWarehousing=='week'">
                        <span>计划执行（每周）：</span><br>
                        <ui-select class="pull-left selectzise xiala" ng-model="doWeek" ng-change="changeWeek($select.selected)"
                            theme="bootstrap">
                            <ui-select-match placeholder="请选择周">
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in weeks">
                                <div ng-bind-html="n.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class="div" ng-show="isWarehousing=='month'">
                        <span>计划执行（每月）：</span><br>
                        <ui-select class="pull-left selectzise xiala" ng-model="doMonth" ng-change="changeMonth($select.selected)"
                            theme="bootstrap">
                            <ui-select-match placeholder="请选择日">
                                {{$select.selected}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in months">
                                <div ng-bind-html="n"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class="div" ng-show="isWarehousing=='year'">
                        <span ng-click="startOpen($event)">计划执行（每年）：</span><br>
                        <div class="tab_bdItem_tab" style="position: relative;">
                            <input type="text" class="form-control smallline"
                                datepicker-popuptime="MM-dd" ng-model="starttimesModel"
                                is-open="startOpened" ng-init="startOpened = false" ng-click="startOpened = !startOpened" placeholder="请选择月日" />
                            <i class="iconfont icon-yuqixinxiu form-dataIcon"></i>
                        </div>
                    </div>
                    <div class="div">
                        <span>定时发送时间：</span><br>
                        <div class="tab_bdItem_tab">
                            <timepicker ng-model="hourAndMinute" hour-step="1" minute-step="1" show-meridian="false"></timepicker>
                        </div>
                    </div>
                    <div class="div">
                        <span>是否启用：</span><br>
                        <ul class="tab_bdItem_tab">
                            <li class="fl" ng-click="changeActive(1)">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-class="isActive== 1?'active':''"></i>
                                <span>是</span>
                            </li>
                            <li class="fl" ng-click="changeActive(0)">
                                <i class="tab_bdItem_tabItem iconfont icon-icon_weizuo"
                                    ng-class="isActive== 0?'active':''"></i>
                                <span>否</span>
                            </li>
                        </ul>
                    </div>
                    <div class="div" style="height: 100px;" ng-if="hc_eject_big">
                        <span>接收人(可多选)：</span><br>
                        <ui-select ng-click="refreshDat_users($select.search,userIds)"
                            class="pull-left selectzise xiala" ng-model="userIds" theme="bootstrap" multiple
                            reset-search-input="false" ng-change="changeUser(userIds)">
                            <ui-select-match placeholder="请选择接收人">
                                {{$item.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in t_userList"
                                refresh="refreshDat_users($select.search,userIds)">
                                <div ng-bind-html="n.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </form>
            </div>
            <div class="submi ">
                <input type="button" value="保存" class="preservation btn" ng-click="preservation()">
                <input type="button" value="取消" class="cancel btn" ng-click="close()">
            </div>
        </div>
    </div>
</div>