123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- 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()
- })
- }
|