<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>设备参数</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
	<link rel="stylesheet" href="../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
		<div class="layui-card layui-panel">
			<div class="layui-card-header">
				<h3>请选择要升级的固件</h3>
			</div>
			<div class="layui-card-body">
				<table class="layui-hide" id="firmware-table" lay-filter="firmware-table"></table>
			</div>
		</div>
		<br><br>

		<div class="layui-card layui-panel">
			<div class="layui-card-header" name="app-title">
				<h3>终端固件信息</h3>
			</div>
			<div class="layui-card-body">
				<fieldset class="table-search-fieldset">
					<legend>搜索信息</legend>
					<div style="margin: 10px 10px 10px 10px">
						<form class="layui-form layui-form-pane" action="">
							<div class="layui-form-item">
								<div class="layui-inline" th:if="${tenant_id==0}">
									<label class="layui-form-label">所属部门</label>
									<div class="layui-input-inline">
										<select name="tenantname" id="tenantname" lay-search="">
											<option value="">全部</option>
											<option value="非SAAS服务商">非SAAS服务商</option>
											<option th:each="item : ${tenant_list}" th:text="${item.name}" th:value="${item.name}"></option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">设备号</label>
									<div class="layui-input-inline">
										<input type="text" name="deviceid" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">项目号</label>
									<div class="layui-input-inline">
										<input type="text" name="project_id" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">桩号</label>
									<div class="layui-input-inline">
										<input type="text" name="sector" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">固件版本</label>
									<div class="layui-input-inline">
										<input type="text" name="appver" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">使用状态</label>
									<div class="layui-input-inline">
										<select name="opmode" id="opmode" lay-verify="required" lay-search="">
											<option value="-1">全部</option>
											<option value="0">正常</option>
											<option value="1">维护</option>
											<option value="2">停用</option>
										</select>
									</div>
								</div>

								<div class="layui-inline">
									<button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
								</div>
							</div>
						</form>
					</div>
				</fieldset>
				<table class="layui-hide" id="app-table" lay-filter="app-table"></table>
			</div>
		</div>
		<br><br>

		<script type="text/html" id="app-toolbar">
			<div class="layui-btn-container">
				<button class="layui-btn layui-btn-sm" lay-event="upgrade" id="btn_upgrade">升级</button>
			</div>
		</script>

    </div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script th:inline="javascript">
    layui.use(['form', 'table'], function () {
        var $ = layui.$,
            form = layui.form,
            table = layui.table;
		var cfg_cols = [
			{type: 'checkbox', fixed: 'left'},
			{field: 'deviceid', title: '设备号', width: 100, sort: true},
			{field: 'remark', title: '备注', width: 100},
			{field: 'project_id', title: '项目号', width: 120, sort: true},
			{field: 'sector', title: '桩号', width: 120, sort: true},
			{field: 'name', title: '监测点号', width: 80},
			{field: 'devicetype', title: '类型', width: 80,templet: "<div>{{d.devicetype==0?'监测站':'基准站'}}</div>"},
			{field: 'parentid', title: '基站编号', width: 80, sort: true},
			{field: 'tenantname', title: '所属组织', width: 120},
			{field: 'opmode', title: '使用状态', width: 80,templet: '#modeTrans'},
			{field: 'model', title: '型号', width: 80,templet: "<div>{{d.model==0?'G505':'G510'}}</div>"},
			{field: 'appver', title: '固件版本', width: 80}
		];
		/**
		 * 初始化表单，要加上，不然刷新部分组件可能会不加载
		 */
		form.render();
		
        table.render({
            elem: '#app-table',
            url: '/sys/ver_mgr/gnss_device_list',
            toolbar: '#app-toolbar',
			defaultToolbar: ['filter','exports'],
			cols: [
				cfg_cols
			],
			limits: [10, 20, 50],
			limit: 10,
            page: true,
            skin: 'line'
        });

		table.render({
			elem: '#firmware-table'
			,url:'/sys/ver_mgr/firmware_list'
			,cols: [
					[
				{type: 'radio', fixed: 'left'}
				,{field:'name', title:'固件', sort: true}
				,{field:'length', title:'长度（字节）'}
				,{field:'create_time', title:'时间', sort: true, templet: "<div>{{layui.util.toDateString(d.create_time, 'yyyy-MM-dd HH:mm:ss')}}</div>"}
				]
			]
			,page: true
		});

		// 监听搜索操作
		form.on('submit(data-search-btn)', function (data) {
			var result = JSON.stringify(data.field);

			//执行搜索重载
			table.reload('app-table', {
				page: {
					curr: 1
				}
				, where: {
					searchParams: result
				}
			}, 'data');
			table.render();

			return false;
		});

		/**
		 * toolbar事件监听
		 */
		//头工具栏事件
		table.on('toolbar(app-table)', function(obj){
			let $ = layui.$;
			switch(obj.event){
				case 'upgrade':
					var optionStatus = table.checkStatus('firmware-table')//获取选中行状态
					var fdata = optionStatus.data;
					var checkStatus = table.checkStatus('app-table')//获取选中行状态
					var adata = checkStatus.data;
					if(fdata.length>0 && adata.length>0){
						var firmware = fdata[0]["name"];
						var device_list = "";
						for(var i=0;i<adata.length; i++){
							device_list = device_list+adata[i]["deviceid"]+";";
						}
						$.ajax({
							type:"POST",
							url:"/sys/ver_mgr/upgrade",
							data: {
								'firmware': firmware,
								'id_list': device_list
							},
							success: function (result) {
								if(result.code == 0) layer.msg('升级进行中...');
								else layer.alert(result.msg);
							},
							error: function () {
								console.log("ajax error");
							}
						});
					}
					break;

			};
		});

	});

	function onDeviceCfgUpdated(){
		layui.table.reload('currentTableId');
	}
</script>

<script type="text/html" id="modeTrans">
	{{#  if(d.opmode == 0){ }}
	<span class="layui-badge layui-bg-green">正常</span>
	{{# } else if(d.opmode == 1){ }}
	<span class="layui-badge layui-bg-blue">维护</span>
	{{# } else { }}
	<span class="layui-badge layui-bg-gray">停用</span>
	{{#  } }}
</script>

<script type="text/html" id="synTrans">
	{{#  if(d.syn == 0){ }}
	<span class="layui-badge layui-bg-orange">否</span>
	{{# } else { }}
	<span class="layui-badge layui-bg-green">是</span>
	{{#  } }}
</script>

</body>
</html>