碼上快樂

相關內容    簡體    繁體

dropdown多選下拉框

本文轉載自   查看原文   2018-10-29 19:52   1474 

寫好了一個dropdown多選框。直接粘下面代碼就能用

效果展示：

 

 

temp2.jsp

<%@page import="com.util.LabelCacheManager"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="commonLanguage.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/dropdown/jquery.dropdown.min.css" />
<link rel="stylesheet" type="text/css" href="css/modeltool/workflow/bill.css">
</head>
<body>
<div class="wid50 floleft hei20">
<span class="floleft usespan">抄送人 </span>
<div class="dropdown-sin-2" style="width: 153px; display: inline-block;">
<select name="ccBy" style="display: none" multiple placeholder="點擊選擇抄送人"></select>
</div>
</div>
</body>

<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/dropdown/jquery.dropdown.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript">
$(function(){
loadShareList();
})
function loadShareList(){
var projectId = '152';
// 查詢模型分享人
var url = publicJS.tomcat_url + '/hrm/selectUsersByProjectId.action';
/* var data = new FormData();
data.append("projectId",projectId); */
var data = {
"projectId":projectId
}
$.ajax({
url : url,
type : 'POST',
data : data,
dataType : 'json',
/* processData:false,
contentType:false, */
success : function(data){
if(data.code == '200'){
// 插入option
var ccSelect = $(".dropdown-sin-2").find("select[name='ccBy']");
var html = "";
data.data.forEach((elem,index)=>{
// 修復接收人 抄送人接受為null 錯誤
var currentUserId = "340";
if(elem != null && currentUserId != elem.id){
html += '<option value="'+elem.id+'">'+elem.lastname+'</option>';
}
});
// 把創建人添加到分享人列表中
ccSelect.append(html);
var options = {
input: '<input type="text" maxLength="20" placeholder="選人">',
choice: function() {
//console.log(arguments, workflowCollision);
}
}

$('.dropdown-sin-2').dropdown(options);
}else{
Dialog.alert("xxx_2" ,function(){
workflowCollision.clearTable();
});
return;
}
},
error : function(error){
Dialog.alert("服務器異常");
}
})
}

</script>
</html>

修改了部分dropdown中的代碼

;
(function ($) {
  'use strict';

  function throttle(func, wait, options) {
    var context, args, result;
    var timeout = null;
    // 上次執行時間點
    var previous = 0;
    if (!options) options = {};
    // 延遲執行函數
    var later = function () {
      // 若設定了開始邊界不執行選項，上次執行時間始終為0
      previous = options.leading === false ? 0 : new Date().getTime();
      timeout = null;
      result = func.apply(context, args);
      if (!timeout) context = args = null;
    };
    return function () {
      var now = new Date().getTime();
      // 首次執行時，如果設定了開始邊界不執行選項，將上次執行時間設定為當前時間。
      if (!previous && options.leading === false) previous = now;
      // 延遲執行時間間隔
      var remaining = wait - (now - previous);
      context = this;
      args = arguments;
      // 延遲時間間隔remaining小於等於0，表示上次執行至此所間隔時間已經超過一個時間窗口
      // remaining大於時間窗口wait，表示客戶端系統時間被調整過
      if (remaining <= 0 || remaining > wait) {
        clearTimeout(timeout);
        timeout = null;
        previous = now;
        result = func.apply(context, args);
        if (!timeout) context = args = null;
        //如果延遲執行不存在，且沒有設定結尾邊界不執行選項
      } else if (!timeout && options.trailing !== false) {
        timeout = setTimeout(later, remaining);
      }
      return result;
    };
  }

  var isSafari = function () {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf('safari') !== -1) {
      return ua.indexOf('chrome') > -1 ? false : true;
    }
  }();

  var settings = {
    readonly: false,
    limitCount: Infinity,
    input: '<input type="text" maxLength="20" placeholder="搜索關鍵詞或ID">',
    data: [],
    searchable: true,
    searchNoData: '<li style="color:#ddd">查無數據，換個詞兒試試 /(ㄒoㄒ)/~~</li>',
    choice: function choice() {}
  };

  var KEY_CODE = {
    up: 38,
    down: 40,
    enter: 13
  };

  var EVENT_SPACE = {
    click: 'click.iui-dropdown',
    focus: 'focus.iui-dropdown',
    keydown: 'keydown.iui-dropdown',
    keyup: 'keyup.iui-dropdown'
  };

  // 創建模板
  function createTemplate() {
    var isLabelMode = this.isLabelMode;
    var searchable = this.config.searchable;
    var templateSearch = searchable ? '<span class="dropdown-search">' + this.config.input + '</span>' : '';

    return isLabelMode ? '<div class="dropdown-display-label"><div class="dropdown-chose-list">' + templateSearch + '</div></div><div class="dropdown-main">{{ul}}</div>' : '<a href="javascript:;" class="dropdown-display"><span class="dropdown-chose-list"></span><a href="javascript:;"  class="dropdown-clear-all">\xD7</a></a><div class="dropdown-main">' + templateSearch + '{{ul}}</div>';
  }

  // 超出限制提示
  function maxItemAlert() {
    var _dropdown = this;
    var _config = _dropdown.config;
    var $el = _dropdown.$el;
    var $alert = $el.find('.dropdown-maxItem-alert');
    clearTimeout(_dropdown.maxItemAlertTimer);

    if ($alert.length === 0) {
      $alert = $('<div class="dropdown-maxItem-alert">\u6700\u591A\u53EF\u9009\u62E9' + _config.limitCount + '\u4E2A</div>');
    }

    $el.append($alert);
    _dropdown.maxItemAlertTimer = setTimeout(function () {
      $el.find('.dropdown-maxItem-alert').remove();
    }, 1000);
  }

  // select-option 轉 ul-li
  function selectToDiv(str) {
    var result = str || '';
    // 移除select標簽
    result = result.replace(/<select[^>]*>/gi, '').replace('</select>', '');
    // 移除 optgroup 結束標簽
    result = result.replace(/<\/optgroup>/gi, '');
    result = result.replace(/<optgroup[^>]*>/gi, function (matcher) {
      var groupName = /label="(.[^"]*)"(\s|>)/.exec(matcher);
      var groupId = /data\-group\-id="(.[^"]*)"(\s|>)/.exec(matcher);
      return '<li class="dropdown-group" data-group-id="' + (groupId ? groupId[1] : '') + '">' + (groupName ? groupName[1] : '') + '</li>';
    });
    result = result.replace(/<option(.*?)<\/option>/gi, function (matcher) {
      var value = /value="?([\w\u4E00-\u9FA5\uF900-\uFA2D]+)"?/.exec(matcher);
      var name = />(.*)<\//.exec(matcher);
      // 強制要求html中使用selected/disabled，而不是selected="selected","disabled="disabled"
      var isSelected = matcher.indexOf('selected') > -1 ? true : false;
      var isDisabled = matcher.indexOf('disabled') > -1 ? true : false;
      return '<li ' + (isDisabled ? ' disabled' : ' tabindex="0"') + ' data-value="' + (value ? value[1] : '') + '" class="dropdown-option ' + (isSelected ? 'dropdown-chose' : '') + '">' + (name ? name[1] : '') + '</li>';
    });

    return result;
  }

  // object-data 轉 select-option
  function objectToSelect(data) {
    var map = {};
    var result = '';
    var name = [];
    var selectAmount = 0;

    if (!data || !data.length) {
      return false;
    }

    $.each(data, function (index, val) {
      // disable 權重高於 selected
      var hasGroup = val.groupId;
      var isDisabled = val.disabled ? ' disabled' : '';
      var isSelected = val.selected && !isDisabled ? ' selected' : '';

      var temp = '<option' + isDisabled + isSelected + ' value="' + val.id + '">' + val.name + '</option>';

      if (isSelected) {
        name.push('<span class="dropdown-selected">' + val.name + '<i class="del" data-id="' + val.id + '"></i></span>');
        selectAmount++;
      }

      // 判斷是否有分組
      if (hasGroup) {
        if (map[val.groupId]) {
          map[val.groupId] += temp;
        } else {
          //  &janking& just a separator
          map[val.groupId] = val.groupName + '&janking&' + temp;
        }
      } else {
        map[index] = temp;
      }
    });

    $.each(map, function (index, val) {
      var option = val.split('&janking&');
      // 判斷是否有分組
      if (option.length === 2) {
        var groupName = option[0];
        var items = option[1];
        result += '<optgroup label="' + groupName + '" data-group-id="' + index + '">' + items + '</optgroup>';
      } else {
        result += val;
      }
    });

    return [result, name, selectAmount];
  }

  // select-option 轉 object-data
  // 
  function selectToObject(el) {
    var $select = el;
    var result = [];

    function readOption(key, el) {
      var $option = $(el);

      this.id = $option.prop('value');
      this.name = $option.text();
      this.disabled = $option.prop('disabled');
      this.selected = $option.prop('selected');
    }

    $.each($select.children(), function (key, el) {
      var tmp = {};
      var tmpGroup = {};
      var $el = $(el);

      if (el.nodeName === 'OPTGROUP') {
        tmpGroup.groupId = $el.data('groupId');
        tmpGroup.groupName = $el.attr('label');
        $.each($el.children(), $.proxy(readOption, tmp));
        $.extend(tmp, tmpGroup);
      } else {
        $.each($el, $.proxy(readOption, tmp));
      }

      result.push(tmp);
    });

    return result;
  }

  var action = {
    show: function show(event) {
      event.stopPropagation();
      var _dropdown = this;
      $(document).trigger('click.dropdown');
      _dropdown.$el.toggleClass('active');
    },
    search: throttle(function (event) {

      var _dropdown = this;
      var _config = _dropdown.config;
      var $el = _dropdown.$el;
      var $input = $(event.target);
      var intputValue = $input.val();
      var data = _dropdown.config.data;
      var result = [];

      if (event.keyCode > 36 && event.keyCode < 41) {
        return;
      }

      $.each(data, function (key, value) {
        if (value.name.toLowerCase().indexOf(intputValue) > -1 || '' + value.id === '' + intputValue) {
          result.push(value);
        }
      });

      $el.find('ul').html(selectToDiv(objectToSelect(result)[0]) || _config.searchNoData);
    }, 300),
    control: function control(event) {
      var keyCode = event.keyCode;
      var KC = KEY_CODE;
      var index = 0;
      var direct;
      var itemIndex;
      var $items;
      if (keyCode === KC.down || keyCode === KC.up) {

        // 方向
        direct = keyCode === KC.up ? -1 : 1;
        $items = this.$el.find('[tabindex]');
        itemIndex = $items.index($(document.activeElement));

        // 初始
        if (itemIndex === -1) {
          index = direct + 1 ? -1 : 0;
        } else {
          index = itemIndex;
        }

        // 確認位序
        index = index + direct;

        // 最后位循環
        if (index === $items.length) {
          index = 0;
        }

        $items.eq(index).focus();
        event.preventDefault();
      }
    },
    multiChoose: function multiChoose(event) {
      var _dropdown = this;
      var _config = _dropdown.config;
      var $select = _dropdown.$select;
      var $target = $(event.target);
      var value = $target.attr('data-value');
      var hasSelected = $target.hasClass('dropdown-chose');
      var selectedName = [];

      //全選按鈕相關
      for(var p=0;p<_config.data.length;p++){
          _config.data[p].selected=false;
        if($(event.target.parentNode.childNodes).eq(p).hasClass('dropdown-chose')){
          _config.data[p].selected=true;
        }
      }

      if (hasSelected) {
        //全選按鈕相關
        var ischeck=$(".selectAll>input").is(':checked');
        if(ischeck){
          _dropdown.selectAmount=$(".dropdown-option").length;
        }
          
      $target.removeClass('dropdown-chose');
      _dropdown.selectAmount--;
      } else {
        if (_dropdown.selectAmount < _config.limitCount) {
          $target.addClass('dropdown-chose');
          _dropdown.selectAmount++;
        } else {
          maxItemAlert.call(_dropdown);
          return false;
        }
      }

      _dropdown.name = [];

      $.each(_config.data, function (key, item) {
        if ('' + item.id === '' + value) {
          item.selected = hasSelected ? false : true;
        }
        if (item.selected) {
          selectedName.push(item.name);
          _dropdown.name.push('<span class="dropdown-selected">' + item.name + '<i class="del" data-id="' + item.id + '"></i></span>');
        }
      });

      $select.find('option[value="' + value + '"]').prop('selected', hasSelected ? false : true);

      _dropdown.$choseList.find('.dropdown-selected').remove();
      _dropdown.$choseList.prepend(_dropdown.name.join(''));
      _dropdown.$el.find('.dropdown-display').attr('title', selectedName.join(','));
      _config.choice.call(_dropdown, event);
    },
    singleChoose: function singleChoose(event) {
      var _dropdown = this;
      var _config = _dropdown.config;
      var $el = _dropdown.$el;
      var $select = _dropdown.$select;
      var $target = $(event.target);
      var value = $target.attr('data-value');
      var hasSelected = $target.hasClass('dropdown-chose');

      _dropdown.name = [];

      if ($target.hasClass('dropdown-chose')) {
        return false;
      }

      $el.removeClass('active').find('li').not($target).removeClass('dropdown-chose');

      $target.toggleClass('dropdown-chose');
      $.each(_config.data, function (key, item) {
        // id 有可能是數字也有可能是字符串，強制全等有弊端 2017-03-20 22:19:21
        item.selected = false;
        if ('' + item.id === '' + value) {
          item.selected = hasSelected ? 0 : 1;
          if (item.selected) {
            _dropdown.name.push('<span class="dropdown-selected" title=" '+ item.name +' ">' + item.name + '<i class="del" data-id="' + item.id + '"></i></span>');
          }
        }
      });

      $select.find('option[value="' + value + '"]').prop('selected', true);

      _dropdown.name.push('<span class="placeholder">' + _dropdown.placeholder + '</span>');
      _dropdown.$choseList.html(_dropdown.name.join(''));
      _config.choice.call(_dropdown, event);
    },
    del: function del(event) {
      var _dropdown = this;
      var $target = $(event.target);
      var id = $target.data('id');
      // 2017-03-23 15:58:50 測試
      // 10000條數據測試刪除，耗時 ~3ms
      $.each(_dropdown.name, function (key, value) {
        if (value.indexOf('data-id="' + id + '"') !== -1) {
          _dropdown.name.splice(key, 1);
          return false;
        }
      });

      $.each(_dropdown.config.data, function (key, item) {
        if ('' + item.id == '' + id) {
          item.selected = false;
          return false;
        }
      });

      //全選按鈕相關
      $(".selectAll>input").attr("checked",false);


      _dropdown.selectAmount--;
      _dropdown.$el.find('[data-value="' + id + '"]').removeClass('dropdown-chose');
      _dropdown.$el.find('[value="' + id + '"]').prop('selected', false).removeAttr('selected');
      $target.closest('.dropdown-selected').remove();

      return false;
    },
    clearAll: function clearAll(event) {
      event.preventDefault();
      this.$choseList.find('.del').each(function (index, el) {
        $(el).trigger('click');
      });
      this.$el.find('.dropdown-display').removeAttr('title');
      return false;
    }
  };

  function Dropdown(options, el) {
    this.$el = $(el);
    this.$select = this.$el.find('select');
    this.placeholder = this.$select.attr('placeholder');
    this.config = options;
    this.name = [];
    this.isSingleSelect = !this.$select.prop('multiple');
    this.selectAmount = 0;
    this.maxItemAlertTimer = null;
    this.isLabelMode = this.config.multipleMode === 'label';
    this.init();
  }

  Dropdown.prototype = {
    init: function init() {
      var _this = this;
      var _config = _this.config;
      var $el = _this.$el;
      _this.$select.hide();
      //  判斷dropdown是否單選，是否token模式
      $el.addClass(_this.isSingleSelect ? 'dropdown-single' : _this.isLabelMode ? 'dropdown-multiple-label' : 'dropdown-multiple');

      if (_config.data.length === 0) {
        _config.data = selectToObject(_this.$select);
      }

      var processResult = objectToSelect(_config.data);

      _this.name = processResult[1];
      _this.selectAmount = processResult[2];
      _this.$select.html(processResult[0]);
      _this.renderSelect();
      // disabled權重高於readonly
      _this.changeStatus(_config.disabled ? 'disabled' : _config.readonly ? 'readonly' : false);
    },
    // 渲染 select 為 dropdown
    renderSelect: function renderSelect(isUpdate, isCover) {
      var _this = this;
      var $el = _this.$el;
      var $select = _this.$select;
      var elemLi = selectToDiv($select.prop('outerHTML'));
      var template;

      if (isUpdate) {
        $el.find('ul')[isCover ? 'html' : 'append'](elemLi);
      } else {
        template = createTemplate.call(_this).replace('{{ul}}', '<ul>' + elemLi + '</ul>');
        $el.append(template).find('ul').removeAttr('style class');
      }

      if (isCover) {
        _this.name = [];
        _this.$el.find('.dropdown-selected').remove();
        _this.$select.val('');
      }

      _this.$choseList = $el.find('.dropdown-chose-list');

      if (!_this.isLabelMode) {
        _this.$choseList.html($('<span class="placeholder"></span>').text(_this.placeholder));
      }
      if(typeof(_this.name) != 'undefined'){
          _this.$choseList.prepend(_this.name.join(''));
      }
    },
    bindEvent: function bindEvent() {
      var _this = this;
      var $el = _this.$el;
      var openHandle = isSafari ? EVENT_SPACE.click : EVENT_SPACE.focus;

      $el.on(EVENT_SPACE.click, function (event) {
        event.stopPropagation();
      });
      $el.on(EVENT_SPACE.click, '.del', $.proxy(action.del, _this));

      // show
      if (_this.isLabelMode) {
        $el.on(EVENT_SPACE.click, '.dropdown-display-label', function () {
          $el.find('input').focus();
        });

        $el.on(EVENT_SPACE.focus, 'input', $.proxy(action.show, _this));
        $el.on(EVENT_SPACE.keydown, 'input', function (event) {
          if (event.keyCode === 8 && this.value === '' && _this.name.length) {
            $el.find('.del').eq(-1).trigger('click');
          }
        });
      } else {
        $el.on(openHandle, '.dropdown-display', $.proxy(action.show, _this));
        $el.on(openHandle, '.dropdown-clear-all', $.proxy(action.clearAll, _this));
      }

      // 搜索
      $el.on(EVENT_SPACE.keyup, 'input', $.proxy(action.search, _this));

      // 按下enter鍵設置token
      $el.on(EVENT_SPACE.keyup, function (event) {
        var keyCode = event.keyCode;
        var KC = KEY_CODE;
        if (keyCode === KC.enter) {
          $.proxy(_this.isSingleSelect ? action.singleChoose : action.multiChoose, _this, event)();
        }
      });

      // 按下上下鍵切換token
      $el.on(EVENT_SPACE.keydown, $.proxy(action.control, _this));

      $el.on(EVENT_SPACE.click, '[tabindex]', $.proxy(_this.isSingleSelect ? action.singleChoose : action.multiChoose, _this));
    },
    unbindEvent: function unbindEvent() {
      var _this = this;
      var $el = _this.$el;
      var openHandle = isSafari ? EVENT_SPACE.click : EVENT_SPACE.focus;

      $el.off(EVENT_SPACE.click);
      $el.off(EVENT_SPACE.click, '.del');

      // show
      if (_this.isLabelMode) {
        $el.off(EVENT_SPACE.click, '.dropdown-display-label');
        $el.off(EVENT_SPACE.focus, 'input');
        $el.off(EVENT_SPACE.keydown, 'input');
      } else {
        $el.off(openHandle, '.dropdown-display');
        $el.off(openHandle, '.dropdown-clear-all');
      }
      // 搜索
      $el.off(EVENT_SPACE.keyup, 'input');
      // 按下enter鍵設置token
      $el.off(EVENT_SPACE.keyup);
      // 按下上下鍵切換token
      $el.off(EVENT_SPACE.keydown);
      $el.off(EVENT_SPACE.click, '[tabindex]');
    },
    changeStatus: function changeStatus(status) {
      var _this = this;
      if (status === 'readonly') {
        _this.unbindEvent();
      } else if (status === 'disabled') {
        _this.$select.prop('disabled', true);
        _this.unbindEvent();
      } else {
        _this.$select.prop('disabled', false);
        _this.bindEvent();
      }
    },
    update: function (data, isCover) {
      var _this = this;
      var _config = _this.config;
      var $el = _this.$el;
      var _isCover = isCover || false;

      if (Object.prototype.toString.call(data) !== '[object Array]') {
        return;
      }

      _config.data = _isCover ? data.slice(0) : _config.data.concat(data);

      var processResult = objectToSelect(_config.data);

      _this.name = processResult[1];
      _this.selectAmount = processResult[2];
      _this.$select.html(processResult[0]);
      _this.renderSelect(true, _isCover);
    },
    destroy: function () {
      this.unbindEvent();
      this.$el.children().not('select').remove();
      this.$el.removeClass('dropdown-single dropdown-multiple-label dropdown-multiple');
      this.$select.show();
    }
  };

  $(document).on('click.dropdown', function () {
    $('.dropdown-single,.dropdown-multiple,.dropdown-multiple-label').removeClass('active');
  });

  $.fn.dropdown = function (options) {
    this.each(function (index, el) {
      $(el).data('dropdown', new Dropdown($.extend(true, {}, settings, options), el));
    });
    return this;
  }
})(jQuery);

 

bill.css

* {
  margin: 0;
  padding: 0;
}
text#markup{
/*    font-size: 182px; */
}
/*清除浮動*/
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clear { 
    clear: both; 
}

button, input[type=button] {
  border: none;
  outline:none;
  background: none;
} 

input, button, select, textarea {
  outline: none
}

textarea {
  resize: none
}

.center {
  text-align: center;
}

.colorWhite {
  color: #fff;
}

.br34 {
   background: rgba(255, 255, 255, 0.8);
}

.bca {
  background: #aaa;
}

.bcc {
  background: #ccc;
}


.bce {
  /* background: #eee; */
}

.hei20 {
  height: 20px;
  line-height: 20px;
}

.hei30 {
  height: 30px;
  line-height: 30px;
}

.floleft {
  float: left;
}

.floright {
  float: right;
}

.wid50 {
  width: 50%;
  margin-bottom: 10px;
}

.wid100 {
  width: 100%;
}
.redSpot{
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    margin: 8px 0 0 5px;
    background: red;
    border-radius:50%;
    box-shadow: 2px 2px 2px #e4394c;
}

.boxShadow {
  box-shadow: 2px 2px 2px #ccc;
}

.userinput {
  width: 150px;
  border: 1px solid #ccc;
  text-indent: 5px;
  background: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.m-initating-header-title .projectName {
    font-size: 14px;
    font-weight: 600;
    min-width: 150px;
    max-width: 70%;
    width:auto;
    text-align: center;
    margin: auto;
    float: inherit
    
}
.tableinput {
  width: 97%;
  text-indent: 3px;
  border:none;
}

.tableTextarea {
  display: block;
  width: 98%;
  border: none;
  margin: 0 auto;
  background: #fff;
}

.tableDiv {
  position: relative;
  width: 99%;
  margin: 0 auto;
  min-height: 100px;
}
.tableDiv svg{
    width: 100% !important;
    height: 99.5% !important;
}

.tableDiv img {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}

.flcenter {
 /*  width: 90%; */
  max-height: 420px;
  overflow: auto;
  padding-top: 1px;
 /*  margin: 0 auto; */
  background: #fff;
}

.m-initating-process,.m-backlog-process{
  width: 600px;
  float: right;
  position:relative;
  z-index:1;
  display:none;
  margin:0 ;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 13px;
  font-family: 微軟雅黑;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 5px rgba(158, 158, 158, 0.5);
  -webkit-box-shadow: 0px 3px 5px rgba(158, 158, 158, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(158, 158, 158, 0.5);
  right: 300px;
}
.m-backlog-process{
  width: 500px;
  float: right;
  height: 90%;
}

.m-initating-process{
  float: left;
  left: 6px;

}

.m-initating-title,.m-backlog-title {
  color: #333;
  text-indent: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  font-weight: 600;
}

.m-initating-title .closeBtn {
  color: #999;
  font-size: 25px;
  line-height: 36px;
  margin-right: 10px;
  font-weight: 600;
  font-family: inherit;
}

.m-initating-title .minimizeBtn,#m-backlog-process .minimizeList{
    font-size: 25px;
    letter-spacing: -3px;
    margin-right: 10px;
    height: 100%;
    color: #999;
}
.m-initating-title .minimizeBtn:hover,#m-backlog-process .minimizeList:hover{
    color: #e4393c;
}
.m-initating-title{
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid rgba(200,200,200, 0.8);
}
.m-initating-title .closeBtn:hover {
  color: #e4393c;
}

.m-initating-title hr,.m-backlog-title hr{
  color: #fff;
  width: 99.6%;
  position: absolute;
  bottom: 1px;
}
.m-backlog-title .backlogTreat{
    width: 33.33%;
    float: left;
}
.m-backlog-title .backlogTreat a{
    display: block;
    text-align: center;
    text-decoration: none;
}
.backlogSearch span{
    display: block;
    width: 10%;
    float: left;
    text-align: center;
}
.backlogSearch .backlogSearchDiv{
    width: 70%;
    box-shadow: 2px 2px 2px #969696;
    height: 25px;
    float: left;
    margin: 2.5px;
    margin-right:18%;
    border: 1px solid #ccc;
}
.backlogSearchDiv input{
    width: 94%;
    height: 100%;
    display: block;
    text-indent: 10px;
    float: left;
}
.backlogSearchDiv .searchImg{
    display: block;
    width: 5%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: red;
}
.backlogTable{
    border-collapse:collapse
}
.backlogTable thead{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
} 



.backlogTable th{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.backlogTable th:nth-child(1),.backlogTable tbody tr>td:nth-child(1){
    width: 5%;
}
.backlogTable th:nth-child(2),.backlogTable tbody tr>td:nth-child(2){
    width: 45%;
    text-align: left;
}
,.backlogTable tbody tr>td:nth-child(3){
    width: 20%;
}
.backlogTable th:nth-child(4),.backlogTable tbody tr>td:nth-child(4){
    width: 30%;
}
.backlogTable th:nth-child(2) input{
    width: 60px;
    height: 20px;
    margin-left:7px; 
    background: #4dbff7;
    border-radius: 3px;
      color: #fff;
}
.backlogTable th:nth-child(3){
    border-right: 1px solid #ccc;
}
.backlogTable th:nth-child(2){
    border-right: 1px solid #ccc;
}
.backlogTable tbody tr>td{
    text-indent: 1%;
    border-right: none;
}
.backlogTable ._checkBox{
    width: 16px;
    height: 16px;
    margin: 0 auto;
    display: block;
}
.backlogTable tbody tr>td:nth-child(2) b{
    display: block;
    float: left;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}



.m-initating-header-content {
    height: 65px;
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;

}

.usespan {
  display: block;
  width: 100px;
  text-align: center;
  line-height: 23px;
}

.recipier input, .coppyTo input {
  width: 80%;
  float: left;
  border: none;
  background: none;
  outline: none;
  line-height: 20px;
  text-indent: 3px;
}
/**********************覆蓋jqueryui樣式 開始***********************/
input:focus, textarea:focus{
    box-shadow:none;
}
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input{
    padding : 0;
}
/**********************覆蓋jqueryui樣式 結束***********************/

.recipier a, .coppyTo a {
    width: 15px;
    height: 15px;
    margin: 2px 7px;
    float: left;
    cursor: pointer;
    color: #353d47;
}

.m-initating-table {
  width: 95%;
  margin: 0 auto;
  margin-top: 5%; 
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-collapse: collapse;
}

.m-initating-table:nth-child(1) {
  margin-top: 10px;
}

.m-initating-table td {
  width: 15.3%;
  border-left: 1px solid black;
  border-top: 1px solid black
}

.m-initating-table td:last-child {
  width: 23%;
}
.m-initating-footer{
    width: 90%;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
}
.m-initating-footer i.line{
    width: 110%;
    border-top:2px solid #ccc; 
    position: absolute;
    left: -5%;
}
.m-initating-footer .footer-process{
    background: url(applycationbg.png);
    background-size: 100%;
    height: 80px;
    background-position: -2px -13px;
    display: flex;
    justify-content: space-between;
}
.m-initating-footer .footer-process:before,
.m-initating-footer .footer-process:after{
    content: "";
}
.m-initating-footer .footer-process li{
/*    display: inline-block; 
    width: 30px;*/
    height: 40px;
    border-radius: 5px;
    padding: 2px 40px;
    color: #fff;
  /*   float: left; */
    margin: 20px 0 0 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}
._btnGreen{
    background: #70AD47;
}
._btnOrange{
    background: #ED7D31;
}
._btnBlue{
    background: #5B9BD5;
}
._export{
    width: 20%;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    right: 0px;
    top: 2px;
}
._export input{
    float: right;
    padding: 2px 0;
    margin: 2% 40% 0px 0px;
    width: 40%;
    height: 80%;
    border-radius: 3px;
    color: #fff;
    background: #4dbff7;
    cursor: pointer;
}

.footer-button{
    /* padding: 15px 0; */
}
.footer-button div{
    width: 60%;
    height: 40px;
    margin: 0 auto;
    margin-top: 10px;
}
.footer-button div input{
    width: 100px;
    height: 33px;
    border-radius: 5px;
    background: #4dbff7;
    color: #fff;
    float: left;
    cursor: pointer;
}
.footer-button div input.returnBtn{
    margin: 0 auto;
    display: none;
    float: unset;
}
.footer-button div input._show,._show{
    display: block;
}
.footer-button div input:nth-child(2){
    float: right;
}
h2.title_had{
    font-size:medium;width:60%;float:left;text-align:right;
}

.dropdown-display,.dropdown-display-label{
    border-radius:0px;
       height: 22px;
    line-height: 22px;
}
.dropdown-display{
    padding: 0;
}
.dropdown-display-label:after, .dropdown-display:after{
    content: '';
    position: absolute;
    border-top: 10px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 6px;
    right: 4px;
}
.dropdown-clear-all{
    width: 16px;
    height: 20px;
    line-height: 20px;
    top: 1px;
}



.adsk-viewing-viewer .dropdown-main{
    box-sizing: border-box;
    top: initial;
}
.dropdown-sin-discuss .dropdown-clear-all{
    top: 6px;
}
.dropdown-display .placeholder:first-child{
    line-height: 22px;    
}
.dropdown-search input{
    height: 24px;
    font-size: 12px;
}
.dropdown-main ul li{
    font-size: 12px;
}


.m-backlog-title span{
    display: inline-block;
    width: 33.06%;
    text-align: center;
    border-right: 1px solid #fff;
    background: #e2e2e2;
}
.m-backlog-title span:last-child{
    border-right: none;
}
/* .m-backlog-title  .sp_hover:hover{
     background: #22a7f0;
}
.m-backlog-title  .sp_hover:hover a{
    color:#fff;
} */
.m-backlog-title{
    height: 30px;
    line-height: 30px;
   /*  background: #e2e2e2; */
    border-radius: 0px;
    text-indent: 0px;
}
.m-backlog-title span a{
    color: #666;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.dropdown-display .dropdown-chose-list{
    text-indent: 5px;
}

.handle-children-title{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
}
.handle-children-title span{
    display: inline-block;
    width: 124px;
    text-align: center;
    border-right: 1px solid #ccc;
}
.handle-children-title span a{
    color:#333;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.m-collision-table{
    padding:10px;
    box-sizing: border-box;
    -wbkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 91%;
}
table.dataTable tbody tr{
    cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    padding: 2px 8px;
}
.m-initating-header-title{
    padding-top: 6px;
    -webkit-padding-top: 6px;
    -moz-padding-top: 6px;
    position:relative;
    text-align:center
}
.solid_tishi{
    width: 495px;
    margin: 10px auto 0;
}
.solid_xt{
    display: inline-block;
    width: 25px;
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
}
.solid_xt:first-child{
    margin-left: 0px;
}
.blue_bg{
    background: #5b9bd5;
}
.orange_bg{
    background: #ed7d31;
}
.greenyellow_bg{
     background: #70ad47;
}
/* 滾動條 */
.scroll_bar::-webkit-scrollbar{
    width: 6px;
    padding:12px
}
.scroll_bar::-webkit-scrollbar-track{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
}

.scroll_bar::-webkit-scrollbar-thumb{
    background: rgb(212, 212, 212);
    border-radius: 5px;
    height: 80px;
}

.odd{
    text-align: center;
}
.even{
    text-align: center;
}
.collision-isreadfield{
    height: 6px;
    width: 6px;
    margin: 0 auto;
    display: inline-block;
    background-color: red;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #902a2a;
    vertical-align: text-top;
}
/* .sorting_1{
    width : 78px;
}  */
.delete-collision-buton{
    display: none;
    color: #fff;
    background-color: rgb(34, 167, 240);
    border-radius: 10%;
    /* width: 38px; */
    margin:0;
}


.show-workflow{
    position: absolute;
    bottom: 164px;
    right: 14px;
    z-index: 2;
}
.show-process{
    position: absolute;
    bottom: 126px;
    right: 14px;
    z-index: 2;
}
.show-workflow .show-workflowBtn,.show-process .show-processBtn{
    width: 100px;
    height: 30px;
    border-radius: 5px;
    border: none;
    display: none;
    color: white;
    cursor: pointer;
    background: rgba(20, 20, 20, 0.6);
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
.show-workflow .show-workflowBtn:hover,.show-process .show-processBtn:hover{
    background: rgba(20, 20, 20, 0.4);
}

.dropdown-option{
    padding-left:0px;
}
.dropdown-main{
    z-index:10005!important;
}
@media screen and (max-width:1366px){
    .flcenter{
        height:296px;
    }

  
    .usespan {
        width: 60px;
    }
      

    .m-backlog-process {
      width: 500px;
    }
    .m-collision-table{
        height: 88%;
    }
    .m-initating-process{
      width: 450px;
      left: -9px;
    }

    .m-initating-process, .m-backlog-process{
      margin: 0 0px 0 10px;
      right: 288px;
    }

    .solid_tishi {
         width: 100%;
         margin: 6px auto 0;
    }
    .m-initating-footer .footer-process{
       height: 45px; 
    }

    .m-initating-footer .footer-process span {
      width: 53px;
      height: 20px;
      padding: 2px 10px;
      margin: 10px 0 0 20px;
    }

    .footer-button div {
      height: 30px;
      margin-top: 9px;
    }

    .footer-button div input {
        width: 79px;
        height: 25px;
        margin-top: 2px;
    }
}

后台接口返回結果是一個json

{"msg":"","code":"200","data":[{"pinyinlastname":"lm","lastmodid":1,"tempresidentnumber":"xxxx","createdate":"2015-12-28","subcompanyid1":1,"startdate":"2017-03-30","password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"xxxx","id":3,"nativeplace":"上海","fax":"22222","faceTag":1,"height":"","loginid":"bimlinmin","needusb":0,"healthinfo":"1","lastname":"林敏","enddate":" ","folk":"漢","createrid":1,"lloginid":"9453C1FE1CF8078EDC622EC28B9DFB6A","status":1,"isnewuser":"Y00005","accounttype":0,"workroom":"4","passwordstate":0,"email":"linmin@17bim.com","policy":"團員","jobtitle":3,"workcode":"Y00005","homeaddress":"xxxx","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2016-10-17","locationid":2,"regresidentplace":"城鎮戶口","sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"lm","bememberdate":"2010-08-08","mobilecall":"","certificatenum":"350124197709050012","occupySpace":0.0,"bepartydate":"2010-08-10","degree":"學士學位","weight":110,"telephone":"021-61995100","countryid":1,"residentplace":"xxxx","maritalstatus":"1","mobileshowtype":1,"birthday":"#NAME ","jobcall":2,"faceImage":"1540370790135.tmp","assistantid":0,"seclevel":90,"needdynapass":0,"departmentid":1,"lastlogindate":"2017-08-22","mobile":"13636691710","costcenterid":0,"educationlevel":7,"islabouunion":"0","account":"","dsporder":3.0,"hrmJobTitles":{"jobactivityid":16,"jobtitlename":"總裁","enable":1,"id":3,"jobtitlemark":"總裁","jobdepartmentid":1}},{"pinyinlastname":"lm1","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":110,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":322,"fax":"","loginid":"linmin","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"林敏1","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":0,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":3,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-03-30","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"lm1","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":"","seclevel":90,"departmentid":224,"lastlogindate":"2017-06-21","mobile":"","costcenterid":0,"dsporder":322.0,"hrmJobTitles":{"jobactivityid":16,"jobtitlename":"總裁","enable":1,"id":3,"jobtitlemark":"總裁","jobdepartmentid":1}},{"pinyinlastname":"wsh","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":102,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":323,"fax":"","loginid":"wangsihong","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"王斯洪","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":322,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":127,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-03-29","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"wsh","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",322,","seclevel":0,"departmentid":217,"mobile":"","costcenterid":0,"dsporder":323.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":58,"jobtitleremark":"","jobtitlename":"研發工程師","enable":1,"jobcompetency":"","id":127,"jobtitlemark":"研發工程師","jobdepartmentid":0}},{"pinyinlastname":"sn","lastmodid":324,"createdate":"2017-03-29","subcompanyid1":102,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":324,"fax":"","loginid":"songning","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"宋寧","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":323,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"2045270640@qq.com","jobtitle":127,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-05-08","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"sn","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",323,322,","seclevel":0,"departmentid":217,"mobile":"","costcenterid":0,"dsporder":324.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":58,"jobtitleremark":"","jobtitlename":"研發工程師","enable":1,"jobcompetency":"","id":127,"jobtitlemark":"研發工程師","jobdepartmentid":0}},{"pinyinlastname":"wt","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":102,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":328,"fax":"","loginid":"wangting","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"王婷","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":327,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":127,"workcode":"","sex":"1","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-03-29","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"wt","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",327,323,322,","seclevel":0,"departmentid":218,"mobile":"","costcenterid":0,"dsporder":328.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":58,"jobtitleremark":"","jobtitlename":"研發工程師","enable":1,"jobcompetency":"","id":127,"jobtitlemark":"研發工程師","jobdepartmentid":0}},{"pinyinlastname":"ylx","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":107,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":340,"fax":"","loginid":"yanglinxiao","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","needusb":0,"lastname":"楊林曉","createrid":1,"lloginid":"E0743C3B2D69A48FBFDF68CBA84CA54B","status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":322,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"2246704800@qq.com","jobtitle":129,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-06-27","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"ylx","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",322,","seclevel":0,"needdynapass":1,"departmentid":223,"lastlogindate":"2018-10-29","mobile":"","costcenterid":0,"account":"","dsporder":340.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":59,"jobtitleremark":"","jobtitlename":"產品經理","enable":1,"jobcompetency":"","id":129,"jobtitlemark":"產品經理","jobdepartmentid":0}},{"pinyinlastname":"cbc","lastmodid":341,"createdate":"2017-03-29","subcompanyid1":107,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":341,"fax":"","loginid":"chaibicheng","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"柴必成","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":340,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"13564826816@163.com","jobtitle":129,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-05-09","locationid":3,"resourceimageid":0,"sumpasswordwrong":3,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"cbc","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",340,322,","seclevel":60,"departmentid":223,"lastlogindate":"2017-09-21","mobile":"","costcenterid":0,"dsporder":341.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":59,"jobtitleremark":"","jobtitlename":"產品經理","enable":1,"jobcompetency":"","id":129,"jobtitlemark":"產品經理","jobdepartmentid":0}},{"pinyinlastname":"lh","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":107,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":342,"fax":"","loginid":"lihao","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","needusb":0,"lastname":"李好","createrid":1,"lloginid":"34BFA83BB1D0DB9C86B966FFBF2480EF","status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":340,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":129,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-06-02","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"lh","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",340,322,","seclevel":0,"needdynapass":1,"departmentid":223,"mobile":"","costcenterid":0,"account":"","dsporder":342.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":59,"jobtitleremark":"","jobtitlename":"產品經理","enable":1,"jobcompetency":"","id":129,"jobtitlemark":"產品經理","jobdepartmentid":0}},{"pinyinlastname":"lx","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":107,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":344,"fax":"","loginid":"luoxin","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"羅鑫","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":340,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":129,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-03-29","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"lx","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",340,322,","seclevel":0,"departmentid":223,"mobile":"","costcenterid":0,"dsporder":344.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":59,"jobtitleremark":"","jobtitlename":"產品經理","enable":1,"jobcompetency":"","id":129,"jobtitlemark":"產品經理","jobdepartmentid":0}},{"pinyinlastname":"zkw","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":107,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":347,"fax":"","loginid":"zhankewei","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"詹可偉","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"managerid":340,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":129,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-03-29","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"zkw","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"managerstr":",340,322,","seclevel":0,"departmentid":223,"lastlogindate":"2017-06-10","mobile":"","costcenterid":0,"dsporder":347.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":59,"jobtitleremark":"","jobtitlename":"產品經理","enable":1,"jobcompetency":"","id":129,"jobtitlemark":"產品經理","jobdepartmentid":0}},{"pinyinlastname":"xw","lastmodid":1,"createdate":"2017-03-29","subcompanyid1":96,"password":"61BD60C60D9FB60CC8FC7767669D40A1","jobactivitydesc":"","id":351,"fax":"","loginid":"xiongwei","datefield1":"","datefield3":"","datefield2":"","datefield5":"","datefield4":"","lastname":"熊威","createrid":1,"status":0,"tinyintfield1":0,"tinyintfield2":0,"accounttype":0,"tinyintfield5":0,"tinyintfield3":0,"tinyintfield4":0,"workroom":"","passwordstate":0,"belongto":0,"email":"","jobtitle":47,"workcode":"","sex":"0","systemlanguage":7,"totalSpace":100.0,"lastmoddate":"2017-03-29","locationid":3,"resourceimageid":0,"sumpasswordwrong":0,"joblevel":0,"passwdchgdate":"2018-07-25","passwordlock":0,"ecologyPinyinSearch":"xw","mobilecall":"","occupySpace":0.0,"telephone":"","countryid":1,"numberfield5":0.0,"numberfield1":0.0,"numberfield2":0.0,"numberfield3":0.0,"numberfield4":0.0,"mobileshowtype":1,"textfield5":"","textfield1":"","textfield2":"","jobcall":0,"textfield3":"","textfield4":"","assistantid":0,"seclevel":0,"departmentid":215,"mobile":"","costcenterid":0,"dsporder":351.0,"hrmJobTitles":{"jobresponsibility":"","jobactivityid":24,"jobtitleremark":"","jobtitlename":"BIM工程師","enable":1,"jobcompetency":"","id":47,"jobtitlemark":"BIM工程師","jobdepartmentid":40}}],"dataEncode":true}

 


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Semantic的Dropdown（下拉框）要怎么用 select 下拉框多選 Ztree下拉框多選 fastadmin 下拉框（多選) LAYUI 多選下拉框 Excel怎么下拉框多選 下拉框--可多選 Excel怎么下拉框多選 DropDownList下拉框多選 多選下拉框（select 下拉多選）
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM