zuel-itsm-3.0.2/assets/views/working/list.html

<div ng-controller="workingHistoryFormCtr" class="">
  <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="listbote">
    <div class="list-controls clearfix">
      <div class="btn-group">
        <button class="btn btn-statebutton statebutton  keepleftbottom wt_btn2" ng-click="onChange('on')"
          ng-class="{'statecolor':searchstate=='on'}">上班记录</button>
        <button class="btn btn-statebutton statebutton wt_btn2" ng-class="{'statecolor':searchstate=='off'}"
          ng-click="onChange('off')">下班记录</button>
      </div>
    </div>

    <div style="background: #F9F9F9 !important;padding-left: 16px;padding-right: 0px;">
      <div class="row wt_searchlistback" id="searchid">
        <div class="col-xs-10" style="padding-right: 0px !important;padding-bottom: 10px;">
          <form class="form-inline incidentsearchsize" style='padding-top: 8px'>
            <div class="form-group incidentsearch wt_width">
              <div class="">
                <div class="control-label pull-left margin-top-5">打卡时间:</div>
                <input type="text" class=" incidentsearchsize wt_width5" datepicker-popuptime="yyyy-MM-dd"
                  ng-model="searchkeys.date" ng-change="changeDate()" max-date="maxDate" is-open="startOpened" hour-time=true
                  ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)" placeholder="" />
              </div>
            </div>
            <div class="form-group incidentsearch  wt_width">
              <div class="control-label pull-left margin-top-5">状态:</div>
              <ui-select class="pull-right selectzise wt_width1 wt_width3" ng-model="searchkeys.state"
                theme="bootstrap">
                <ui-select-match placeholder="">
                  {{$select.selected.name}}
                </ui-select-match>
                <ui-select-choices repeat="item in states | filter: $select.search">
                  <div ng-bind-html="item.name | highlight: $select.search"></div>
                </ui-select-choices>
              </ui-select>
            </div>
          </form>
        </div>
        <div class="col-xs-2 wt_pad">
          <div class="" style='padding-top: 8px'>
            <div class="pull-left margin-top-10 searchBtnBox">
              <div class=" wt_btns">
                <div class="btn btn_search" ng-click="refreshData()" type="button">搜索</div>
              </div>

              <div class=" wt_btns">
                <div class="btn btn_clean" ng-click="clear()" type="button">重置</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="wt_list">
      <div ui-i18n="{{lang}}" style="background: #fff;">
        <div id="grid" style="border-radius: 2px !important;" ui-grid="gridOptions" external-scopes="$scope"
          ui-grid-resize-columns ui-grid-auto-resize class="grid"></div>
      </div>
    </div>
  </div>
</div>

<style>
  @media screen and (max-width: 1750px) {
    .wt_width {
      width: 30% !important;
    }

    .wt_width1 {
      width: 60% !important;
    }

    .wt_width4 {
      width: 27% !important;
    }

    .wt_width5 {
      width: 60% !important;
      border-color: #dedede;
      float: right;
    }

  }

  .selectzise {
    width: 160px;
  }

  .wt_width {
    width: 20%;
    margin-right: 16px;
    min-width: 275px !important;
  }

  .wt_width1 {
    width: 160px;
  }

  .wt_margin-top {
    margin-top: 35px !important;
  }

  .form-inline .form-control {
    border-radius: 2px;
  }

  .wt_width3 {
    width: 160px;
    height: 28px !important;
    border-radius: 2px !important;
  }

  .wt_width4 {
    width: 20%;
  }

  .wt_width5 {
    width: 160px;
    border-color: #dedede;
    float: right;
    height: 28px;
    border-radius: 2px !important;
  }

  .wt_width6 {
    display: inline-block;
    padding-top: 0px;
    position: relative;
    top: 4px;
    /* left: 10px; */
    width: 8.2%;
    text-align: left;
  }

  .ui-select-bootstrap .ui-select-toggle {
    height: 28px;
  }

  /* 
    .wt_width {
        width: 20%;
        margin-right: 1%;
        padding: 0px;
    }

    .wt_width1 {
        width: 100% !important;
        padding: 0px;
    } */

  .wt_width2 {
    width: 50% !important;
  }

  .wt_pad {
    padding: 0px;
  }

  .wt_btns {
    display: inline-block;
    margin-right: 8px;
  }

  .wt_btn1 {
    width: 60px;
    height: 28px !important;
    border-radius: 2px;
    line-height: 28px;
    font-size: 14px;
    padding: 0px !important;
    font-size: 14px !important;
  }

  .btn.steelbutton.wt_btn1 {
    padding: 0px !important;
  }

  .wt_btnColor {
    background: #4A90E2 !important;
  }

  /* .btn{
        padding: 0px!important;
    } */


  .wt_btnColor:hover {
    background: #fff !important;
    color: #2B5EB8 !important;
    border: 1px solid #2B5EB8;
  }

  .wt_btnColor2:hover {
    background: #fff !important;
    color: #2B5EB8 !important;
    border: 1px solid #2B5EB8;
  }

  .wt_btn2 {
    width: 100px;
    height: 34px !important;
    border-radius: 2px !important;
  }

  .wt_list {
    padding: 15px;
    background: #F9F9F9;
  }

  .ui-grid-render-container:hover {
    background: #fff !important;
  }

  .wt_btnColor1 {
    background: #fff !important;
    color: #2B5EB8 !important;
    border: 1px solid #2B5EB8;
  }

  .wt_btnColor1:hover {
    background: #4A90E2 !important;
    color: #fff !important;
    border: 1px solid #4A90E2 !important;
  }

  div.ui-grid-row.ng-scope:hover {
    cursor: pointer;
    background: #fff !important;
  }

  .wt_searchlistback {
    margin-top: 1px;
    margin-bottom: 8px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  .ui-grid-row:nth-child(even) .ui-grid-cell {
    background: #fafafa !important;
  }

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

  /* 故障地点 */
  .address-wrap {
    position: relative;
    height: 28px;
  }

  #bx_address {
    height: 100%;
  }

  #bx_address_ul {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    max-height: 136px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-top: none;
    z-index: 9999;
  }

  #bx_address_ul li {
    height: 34px;
    border-bottom: 1px solid #d1d1d1;
    line-height: 32px;
    padding: 0 16px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #bx_address_ul li:hover {
    /* background-color: #005395; */
    /* color: #fff; */
  }

  #bx_address_ul li:last-child {
    border-bottom: none;
  }
</style>