Skip to content

H
hnxtbaboot
Commit 204f81b0 by zhao_shaonan
Options

操作说明和附件下载列表改为二级表格

parent cf62bd95
Showing with 132 additions and 91 deletions
src/main/resources/static/login/fjxz/addData.js
$('#Table').datagrid({
url:"data_fjxz.json",
data:[
{"wjmc":"浏览器安装包（方正系统专用浏览器）","scsj":"2020-11-01 12:00","wjdx":"117M","djxz":"/download/FOUNDERBROWSER.zip"},
{"wjmc":"指纹控件覆盖包","scsj":"2020-11-16 13:00","wjdx":"123M","djxz":"/download/AMSIS_Client.zip"},
{"wjmc":"系统采集控件包","scsj":"2020-11-16 12:00","wjdx":"1.3G","djxz":"/download/XTBA_UPDATE.zip"},
],
striped : true,
singleSelect:true,
nowrap:true,
......@@ -7,9 +11,128 @@ $('#Table').datagrid({
selectOnCheck : false,
checkOnSelect : false,
fit:false,
fitColumns:false,
fitColumns:true,
pagination : true,
columns:[[
{field:'wjmc',title:'文件名称',width:200},
{field:'scsj',title:'上传时间',width:200},
{field:'wjdx',title:'文件大小',width:200},
{field:'djxz',title:'点击下载',width:200,formatter:function(val,row,index){
return '';
}},
]],
//pageSize : 5,
//pageList : [5,10,15,20], //rows
//pageNumber : 1 //显示在第几页
view: detailview,
detailFormatter: function(rowIndex, rowData){
if(rowIndex==0){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">浏览器安装包（方正系统专用浏览器）</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 13:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">117M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/FOUNDERBROWSER.zip"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==1){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">指纹控件覆盖包</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-01 12:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">123M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/AMSIS_Client.zip"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==2){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">系统采集控件包</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 12:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">1.3G</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/XTBA_UPDATE.zip"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}
}
});
$('#Table2').datagrid({
data:[
{"wjmc":"协同办案系统操作说明","scsj":"2020-11-16 16:00","wjdx":"3.2M","djxz":"/download/操作手册.docx"},
{"wjmc":"协同办案系统演示PPT","scsj":"2020-11-17 8:40","wjdx":"4.7M","djxz":"/download/协同办案系统.pptx"},
{"wjmc":"协同二期安装步骤说明文档","scsj":"2020-11-17 8:40","wjdx":"1.2M","djxz":"/download/协同二期安装步骤.doc"},
{"wjmc":"指纹采集客户端升级步骤操作视频","scsj":"2020-11-16 16:00","wjdx":"60M","djxz":"/download/指纹采集客户端升级步骤.avi"},
{"wjmc":"指纹人像采集视频","scsj":"2020-11-16 16:00","wjdx":"54M","djxz":"/download/指纹人像采集流程.avi"},
{"wjmc":"虹膜采集操作视频","scsj":"2020-11-16 16:00","wjdx":"2.6M","djxz":"/download/虹膜采集.wmv"},
{"wjmc":"声纹采集操作视频","scsj":"2020-11-16 16:00","wjdx":"11M","djxz":"/download/声纹采集.avi"},
],
striped : true,
singleSelect:true,
nowrap:true,
scrollbarSize: 0,
selectOnCheck : false,
checkOnSelect : false,
fit:false,
fitColumns:true,
pagination : true,
columns:[[
{field:'wjmc',title:'文件名称',width:200},
{field:'scsj',title:'上传时间',width:200},
{field:'wjdx',title:'文件大小',width:200},
{field:'djxz',title:'点击下载',width:200,formatter:function(val,row,index){
return '';
}},
]],
//pageSize : 5,
//pageList : [5,10,15,20], //rows
//pageNumber : 1 //显示在第几页
view: detailview,
detailFormatter: function(rowIndex, rowData){
if(rowIndex==0){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">协同办案系统操作说明</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 16:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">3.2M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/操作手册.docx"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==1){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">协同办案系统演示PPT</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-17 8:40</td>' +
'<td style="width:25%;padding:0px 4px !important;">4.7M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/协同办案系统.pptx"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==2){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">协同二期安装步骤说明文档</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-17 8:40</td>' +
'<td style="width:25%;padding:0px 4px !important;">1.2M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/协同二期安装步骤.doc"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==3){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">指纹采集客户端升级步骤操作视频</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 16:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">60M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/指纹采集客户端升级步骤.avi"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==4){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">指纹人像采集视频</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 16:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">54M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/指纹人像采集流程.avi"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==5){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">虹膜采集操作视频</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 16:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">2.6M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/虹膜采集.wmv"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}else if(rowIndex==6){
return '<table class="subgrid" style="width:100%;table-layout: fixed"><tr>' +
'<td style="width:25%;padding:0px 4px !important;">声纹采集操作视频</td>' +
'<td style="width:25%;padding:0px 4px !important;">2020-11-16 16:00</td>' +
'<td style="width:25%;padding:0px 4px !important;">11M</td>'+
'<td style="width:25%;padding:0px 4px !important;"><a href="/download/声纹采集.avi"><i class="fa fa-download color2"></i></a></td>'+
'</tr></table>';
}
}
});
\ No newline at end of file
src/main/resources/templates/login/fjxz/common_czsm.html
......@@ -9,74 +9,19 @@
<style type="text/css">
.datagrid-header-row, .datagrid-row{height:32px;line-height: 32px;}
.datagrid-cell{font-size:14px;font-weight:600;}
.subgrid td{height:30px;line-height: 30px;}
</style>
</head>
<body>
<div class="fjxz-wrap">
<h2 class="fjxz-title">附件下载区</h2>
<table class="easyui-datagrid" id="Table" style="width:100%;border-top:1px dashed #ccc;">
<thead>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">文件名称</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">上传时间</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">文件大小</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;">点击下载</th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-word-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">协同办案系统操作说明</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 16:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">3.2M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/操作手册.docx'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-word-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">协同办案系统演示PPT</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-17 8:40</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">4.7M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/协同办案系统.pptx'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-word-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">协同二期安装步骤说明文档</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-17 8:40</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">1.2M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/协同二期安装步骤.doc'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">指纹采集客户端升级步骤操作视频</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 16:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">60M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/指纹采集客户端升级步骤.avi'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">指纹人像采集视频</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 16:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">54M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/指纹人像采集流程.avi'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">虹膜采集操作视频</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 16:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">2.6M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/虹膜采集.wmv'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">声纹采集操作视频</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 16:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">11M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/声纹采集.avi'><i class='fa fa-download color2'></i></a></th>
</tr>
</thead>
<table class="easyui-datagrid" id="Table2" style="width:100%;border-top:1px dashed #ccc;">
</table>
</div>
<script type="text/javascript" src="static/login/fjxz/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="static/login/fjxz/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/login/fjxz/js/datagrid-detailview.js"></script>
<script type="text/javascript" src="static/login/fjxz/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="static/login/fjxz/addData.js"></script>
......
src/main/resources/templates/login/fjxz/common_fjxz.html
......@@ -9,46 +9,18 @@
<style type="text/css">
.datagrid-header-row, .datagrid-row{height:32px;line-height: 32px;}
.datagrid-cell{font-size:14px;font-weight:600;}
.subgrid td{height:30px;line-height: 30px;}
</style>
</head>
<body>
<div class="fjxz-wrap">
<h2 class="fjxz-title">附件下载区</h2>
<table class="easyui-datagrid" id="Table" style="width:100%;border-top:1px dashed #ccc;">
<thead>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">文件名称</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">上传时间</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">文件大小</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;">点击下载</th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">浏览器安装包（方正系统专用浏览器）</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-01 12:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">117M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/FOUNDERBROWSER.zip'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">指纹控件覆盖包</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 13:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">123M</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/AMSIS_Client.zip'><i class='fa fa-download color2'></i></a></th>
</tr>
<tr>
<th data-options="field:'icon',align:'center'" style="width:3%;text-align:center;"><i class='fa fa-file-zip-o color'></i></th>
<th data-options="field:'文件名称',align:'left'" style="width:70%;text-align:center;">系统采集控件包</th>
<th data-options="field:'上传时间',align:'center'" style="width:15%;">2020-11-16 12:00</th>
<th data-options="field:'文件大小',align:'center'" style="width:6%;">1.3G</th>
<th data-options="field:'点击下载',align:'center'" style="width:6%;"><a href='/download/XTBA_UPDATE.zip'><i class='fa fa-download color2'></i></a></th>
</tr>
</thead>
</table>
</div>
<script type="text/javascript" src="static/login/fjxz/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="static/login/fjxz/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/login/fjxz/js/datagrid-detailview.js"></script>
<script type="text/javascript" src="static/login/fjxz/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="static/login/fjxz/addData.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment