|
@@ -0,0 +1,93 @@
|
|
|
|
+const $ = require('jquery');
|
|
|
|
+// require('./../resource/layui/layui.all.js')
|
|
|
|
+// require('./../resource/layui/css/layui.css')
|
|
|
|
+// const layui = require('layui-src');
|
|
|
|
+// console.log('layui', layui)
|
|
|
|
+// layui.use('table', function(){
|
|
|
|
+// var table = layui.table;
|
|
|
|
+
|
|
|
|
+// //第一个实例
|
|
|
|
+// table.render({
|
|
|
|
+// elem: '#demo'
|
|
|
|
+// ,height: 312
|
|
|
|
+// ,url: '/demo/table/user/' //数据接口
|
|
|
|
+// ,page: true //开启分页
|
|
|
|
+// ,cols: [[ //表头
|
|
|
|
+// {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
|
|
|
|
+// ,{field: 'username', title: '用户名', width:80}
|
|
|
|
+// ,{field: 'sex', title: '性别', width:80, sort: true}
|
|
|
|
+// ,{field: 'city', title: '城市', width:80}
|
|
|
|
+// ,{field: 'sign', title: '签名', width: 177}
|
|
|
|
+// ,{field: 'experience', title: '积分', width: 80, sort: true}
|
|
|
|
+// ,{field: 'score', title: '评分', width: 80, sort: true}
|
|
|
|
+// ,{field: 'classify', title: '职业', width: 80}
|
|
|
|
+// ,{field: 'wealth', title: '财富', width: 135, sort: true}
|
|
|
|
+// ]]
|
|
|
|
+// });
|
|
|
|
+
|
|
|
|
+// });
|
|
|
|
+
|
|
|
|
+const data = [
|
|
|
|
+ {
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ },{
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ }
|
|
|
|
+ ,{
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ }
|
|
|
|
+ ,{
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: '入院记录',
|
|
|
|
+ score: 10
|
|
|
|
+ }
|
|
|
|
+]
|
|
|
|
+
|
|
|
|
+function renderTab(){
|
|
|
|
+ let str = ``, sum = 0
|
|
|
|
+ for(let i = 0; i < data.length; i++){
|
|
|
|
+
|
|
|
|
+ str += `
|
|
|
|
+ <tr>
|
|
|
|
+ <td>${data[i].name}</td>
|
|
|
|
+ <td> <input data-index=${i} value=${data[i].score} /></td>
|
|
|
|
+ </tr>
|
|
|
|
+ `
|
|
|
|
+ if(data[i].score){
|
|
|
|
+ sum += Number(data[i].score)
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ str += `
|
|
|
|
+ <tr>
|
|
|
|
+ <td>总分</td>
|
|
|
|
+ <td>${sum}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ `
|
|
|
|
+ $('table tbody').html(str)
|
|
|
|
+ bindInput()
|
|
|
|
+}
|
|
|
|
+renderTab()
|
|
|
|
+
|
|
|
|
+function bindInput(){
|
|
|
|
+ $('input').on('input', function(e){
|
|
|
|
+ const val = $(this).val()
|
|
|
|
+ const index = $(this).attr('data-index')
|
|
|
|
+ data[index].score = val
|
|
|
|
+ renderTab()
|
|
|
|
+ })
|
|
|
|
+}
|
|
|
|
+
|