itsm-pc-handle/assets/views/desk/chart.html

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

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

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

  /* 科室 */
  .ksInput{
    width: 34%!important;
  }
  .ks-wrap {
    position: relative;
    width: 65% !important;
  }

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

  #bx_ks_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_ks_ul li:last-child {
    border-bottom: none;
  }
  .ui-grid-row:nth-child(even) .ui-grid-cell {
        background: #fafafa !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ui-grid-row:nth-child(odd) .ui-grid-cell {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ui-grid-row .ui-grid-cell:last-of-type {
        justify-content: flex-start;
    }
</style>
<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 ng-controller="chartCtrl">
  <div class="listbote">
    <div class="list-controls clearfix">
      <div class="btn-group">
        <button class="btn btn-statebutton statebutton" ng-click="onChange(tab.key)"
          ng-class="{'statecolor':searchstate == tab.key}" ng-repeat="tab in tabs">
          {{tab.value}}
        </button>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <div class="col-xs-12 searchlistback" id="searchid">
          <div class="col-xs-10" style="padding-right: 0px !important;padding-left: 0px !important;">
            <form class="form-inline incidentsearchsize">
              <div class="form-group incidentsearch">
                <div>
                  <div class="control-label pull-left margin-top-5 margin-right-5">
                    联系人:
                  </div>
                  <input class="form-control pull-right inputcolor iptSize"
                    style="border-color: #dedede;color: #93989e;" type="text" ng-model="fileData.incident.contacts"
                    placeholder="" />
                </div>
              </div>
              <div class="form-group incidentsearch">
                <div>
                  <div class="control-label pull-left margin-top-5 margin-right-5">
                    申请时间:
                  </div>
                  <input type="text" class="form-control pull-right incidentsearchsize iptSize"
                    style="border-color: #dedede;" datepicker-popuptime="yyyy-MM-dd"
                    ng-model="fileData.incident.startDate_start" max-date="searchkeys.startDate_end" is-open="startOpened"
                    hour-time="true" ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)"
                    placeholder="" />
                </div>
              </div>
              <div class="form-group incidentsearch">
                <span class="panel-title text-dark pull-left">至</span>
                <div>
                  <input type="text" class="form-control selectzise pull-right incidentsearchsize iptSize"
                    style="border-color: #dedede;" datepicker-popuptime="yyyy-MM-dd"
                    ng-model="fileData.incident.startDate_end" hour-time="true" min-date="searchkeys.startDate_start"
                    is-open="endOpened" ng-init="endOpened = false" close-text="关闭" ng-click="endOpen($event)"
                    placeholder="" />
                </div>
              </div>
              <div class="form-group incidentsearch">
                <div>
                  <div class="control-label pull-left margin-top-5 margin-right-5">
                    联系电话:
                  </div>
                  <input class="form-control pull-right inputcolor iptSize"
                    style="border-color: #dedede;color: #93989e;" type="text"
                    ng-model="fileData.incident.contactsInformation" placeholder="" />
                </div>
              </div>
              <div class="form-group incidentsearch ksInput" ng-show="repairMain.valueconfig == 2">
                <div>
                  <div class="control-label pull-left margin-top-5 margin-right-5">
                    报修科室:
                  </div>
                  <div class="ks-wrap pull-right">
                    <input class="form-control inputcolor" style="border-color: #dedede;color: #93989e;" type="text"
                      ng-model="ksModel" id="bx_ks" placeholder="" ng-click="ksClickHandle()" ng-change="ksChangeHandle()" />
                    <ul id="bx_ks_ul" nice-scroll-end="ksScrollHandle()" ng-show="ksFlag" ng-nicescroll>
                      <li ng-repeat="item in ks_arr" ng-click="ksItemClick(item)">{{item.dept}}</li>
                    </ul>
                  </div>
                </div>
              </div>
            </form>
          </div>
          <div class="col-xs-2">
            <div class="buttonmodel">
              <!-- <div class="centerdiv"></div> -->
              <div class="pull-left">
                <div class="form-group searchBtnBox">
                  <div class="btn btn_search" ng-click="chiceIncident(searchkeys)" type="button">
                    搜索
                  </div>
                  <div class="btn btn_clean" ng-click="cleanItem()" type="button">
                    重置
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="tableList" ui-i18n="{{lang}}">
      <div id="grid1" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-resize-columns
        class="grid"></div>
    </div>
  </div>
</div>