mirror of https://github.com/jumpserver/jumpserver
126 lines
4.3 KiB
HTML
126 lines
4.3 KiB
HTML
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">分配/回收资产</h4>
|
||
</div>
|
||
|
||
<div class="modal-body" style="padding-bottom: 0px;">
|
||
<table aria-describedby="editable_info" role="grid" class="table table-striped table-bordered table-hover dataTable" id="editable">
|
||
<thead>
|
||
<tr>
|
||
<th class="text-center" style="background-color:white">
|
||
<input type="checkbox" id="check_all" onclick="checkAll()">
|
||
</th>
|
||
<th id="th_no">id</th>
|
||
<th>资产名称</th>
|
||
<th>IP</th>
|
||
<th>硬件类型</th>
|
||
<th>资产组</th>
|
||
<th>部门</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for asset in asset_modal_list %}
|
||
{% if asset.id in all_assets %}
|
||
<tr name="oAssets" class="odd selected">
|
||
<td class="text-center" ><input type="checkbox" name="checked" value="{{ asset.id }}" checked="checked" ></td>
|
||
{% else %}
|
||
<tr name="oAssets">
|
||
<td class="text-center" ><input type="checkbox" name="checked" value="{{ asset.id }}" ></td>
|
||
{% endif %}
|
||
<td>{{ asset.id }}</td>
|
||
<td>{{ asset.hostname }}</td>
|
||
<td>{{ asset.ip }}</td>
|
||
<td>虚拟机</td>
|
||
<td>网络设备</td>
|
||
<td>微信事业部</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" id="close-btn">取消</button>
|
||
<button type="button" class="btn btn-primary" id="save-btn">保存</button>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
|
||
$(document).ready(function(){
|
||
|
||
var table = $('#editable').DataTable({
|
||
aLengthMenu: [[2, 25, 50, -1], ["2", "25", "50", "all"]],
|
||
"aaSorting": [[2, "asc"]],
|
||
"aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }],
|
||
"bAutoWidth": false,
|
||
"language": {
|
||
"url": "/static/js/plugins/dataTables/i18n/zh-hans.json"
|
||
},
|
||
columns: [
|
||
{data: "checkbox"},
|
||
{data: "id"},
|
||
{data: "name"},
|
||
{data: "ip"},
|
||
{data: "type"},
|
||
{data: "group"},
|
||
{data: "dp"}
|
||
]
|
||
});
|
||
//将ID列隐藏
|
||
table.column('1').visible(false);
|
||
|
||
$('#editable tbody').on( 'click', 'tr', function () {
|
||
//alert($(this).hasClass('selected'));
|
||
if($(this).hasClass('selected')){
|
||
$(this).removeClass('selected');
|
||
this.children[0].children[0].checked=0;
|
||
}else{
|
||
$(this).addClass('selected');
|
||
this.children[0].children[0].checked=1;
|
||
};
|
||
});
|
||
|
||
$('#close-btn').on('click',function(){
|
||
$('#modal').modal('hide');
|
||
});
|
||
$('#save-btn').on('click',function(){
|
||
// alert( table.rows('.selected').data().length +' row(s) selected' );
|
||
var d = table.rows('.selected').data();
|
||
var size = d.length;
|
||
document.getElementById('add_asset').value = size;
|
||
var column2 = table.rows('.selected').data();
|
||
$("#asset_sed").find("input[name='assets']").remove();
|
||
for(var i=0;i<column2.length;i++){
|
||
column2[i].checkbox='<input name="checked" value="1" checked="" type="checkbox">';
|
||
var value = column2[i].id;
|
||
$("#asset_sed").append("<input type='hidden' name='assets' value='"+value+"'>");
|
||
}
|
||
$('#modal').modal('hide');
|
||
});
|
||
|
||
}); //$(document).ready
|
||
|
||
var bCheck = 1;
|
||
function checkAll(){
|
||
if(bCheck){
|
||
$("tr[name='oAssets']").each(function(){
|
||
oCheckbox = this.children[0].children[0];
|
||
$(this).toggleClass('selected',true);
|
||
oCheckbox.checked=1;
|
||
});
|
||
document.getElementById('check_all').checked=1;
|
||
bCheck = 0;
|
||
}else{
|
||
$("tr[name='oAssets']").each(function(){
|
||
oCheckbox = this.children[0].children[0];
|
||
$(this).toggleClass('selected',false);
|
||
oCheckbox.checked=0;
|
||
});
|
||
document.getElementById('check_all').checked=0;
|
||
bCheck = 1;
|
||
};
|
||
};
|
||
|
||
</script>
|