zuel-itsm-3.0.2/assets/views/customform/tpl/ui-repeatIncident.html

<!-- start: SETTINGS -->
<button ct-toggle="toggle" tooltip="最近报修" tooltip-placement="left" target="repeatIncident" parent-active-class="active"
    class="btn btn-info">
    <i class="iconfont icon-guancangzhongfu"></i>
</button>
<div class="container" style="padding:0;border-top: 1px solid #c8c7cc;">

    <div class="ng-scope headersize">
        最近报修
    </div>
    <div id="theGrid" class="mainlist repeatList">
        <div class="grid">
            <div class="box" ng-repeat="item in repeatData">
                <div class="list">
                    <div>
                        <!-- <input name="incident" type="radio" ng-model="selection.id" ng-value={{item.id}} class="repeatRadio fl" /> -->
                        <p>事件分类：{{item.category.category}}</p>
                        <!-- <p>事件主题：{{item.title}}</p> -->
                        <p>区域：{{item.place?item.place.area.area:''}}</p>
                        <p>地点：{{item.place?item.place.place:''}}</p>
                        <p>详细地址：{{item.houseNumber}}</p>
                        <p>创建时间：{{item.acceptDate}}</p>
                        <p>工单状态：{{item.state.name}}</p>
                        <p>处理人：{{item.handlingPersonnelUser.name}}</p>
                        <p>事件描述：{{item.description}}</p>
                        <p>处理方案：{{item.handleDescription}}</p>
                    </div>
                </div>
            </div>
            <!-- <span style="margin-left:40px;margin-top: 2px;" class="btn btn-isok fl"  ng-click='repeatIncidentOk()'>确认</span>
            <span style="margin-right:40px;margin-top: 2px;" class="btn btn-default default fr" ng-click='repeatIncidentCancle()'>取消</span> -->
        </div>

    </div>
</div>
<style type="text/css">
    .repeatList {
        padding: 10px 15px;
    }

    .changeRightDiv {
        transition: all 1s linear;
        position: fixed;
        top: 40px;
        left: 0px;
        width: 100%;
        height: 0px;
        /*border: 1px #d8d8d8 solid;*/
        background: white;
        overflow: hidden;
        z-index: 10;
        /*margin: 5px;*/
        /*border-radius:5px ;*/
    }

    .changeRightDiv.active {
        /*width: 100%;*/
        height: 100%;
        max-height: 460px;
        overflow-y: auto;
    }

    .showDiv {
        transition: all 1s linear 1s;
        opacity: 0;
    }

    .container {
        background-color: #f2f2f2;
    }

    .showDiv.active {
        opacity: 1;
    }


    .box {
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        border-bottom: 1px solid #d7d7d7;
    }

    .list p {
        text-align: left;
        font-size: 14px;
        color: #333;
        padding-left: 30px;
        box-sizing: border-box;
    }

    input.repeatRadio {
        position: relative;
        top: 50px;
    }
    .repeatOk{
        color: #fff;
        width: 60px;
        height: 20px;
        background-color: #005395;
        float: left;
    }
    .repeatCancle{
        width: 60px;
        height: 20px;
        color: #005395;
        background-color: #fff;
        float: right;
    }
</style>