zhouzhendong
/
baoshi-was


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>table</title>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta2/css/bootstrap-grid.css" rel="stylesheet">
    <style type="text/css">
        #test th{
            position: sticky;
            position: -webkit-sticky;
            top: 0;
            z-index:999;
            background-color: white;
        }
    </style>
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body onload="a()">
<button></button>
<table id="table" cellspacing="0" cellpadding="2" width="100%" border="1">
    <tr id="test" style="white-space: nowrap !important;">
        <th >用户编号</th>
        <th>试用时间</th>
        <th>转正时间</th>
        <th>生日时间</th>
        <th>民族</th>
        <th>身高</th>
    </tr>
    <tr>
        <td style="overflow-x: hidden">200004512312312321321</td>
        <td><div>2001-2-15</div></td>
        <td><div>2001-2-15</div></td>
        <td>1978-8-5</td>
        <td>汉</td>
        <td>162</td>
    </tr>
</table>
<div class="modal fade" tabindex="-1" role="dialog" id="auditOrRecover">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div v-for="s in auditList.storage" class="row">
                    <label class="col-3 text-right">@{{ s.name }}</label>
                    <label class="col-1 h3" style="bottom: 0.25rem">
                        <span class="fa fa-long-arrow-right"></span>
                    </label>
                    <div class="col-8 h4">
                        <div v-if="s.operation == 'C'" class="row">
                            <div class="col-2">
                                <span class="badge badge-success">新增</span>
                            </div>
                            <div class="col-10">
                                <div v-for="(val,key) in s" v-if="key!='name'">

                                </div>
                            </div>
                        </div>
                        <div v-if="s.operation == 'U'" class="row">
                            <div class="row">
                                <div class="col-2">
                                    <span class="badge badge-primary">修改</span>
                                </div>
                                <div class="col-10">

                                </div>
                            </div>
                        </div>
                        <div v-if="s.operation == 'D'" class="row">
                            <span class="badge badge-danger">删除</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="{{mix("js/app.js")}}"></script>
<script type="text/javascript">
    function a(){
        $("#auditOrRecover").modal("show");
    }
    new Vue({
        el:"#auditOrRecover",
        data:{
            auditList:{
                storage:[
                    {name:"笕尚退货",operation:"C"},
                    {name:"笕尚退货",operation:"U"},
                    {name:"笕尚退货",operation:"D"}
                ],
                operation:[],
                express:[],
                logistic:[],
                directLogistic:{},
                mapping:{
                    "storage.name":"名称",
                },
            },
        },
    });
</script>
</body>
</html>