feat: 项目基础框架+配置+Kernel
This commit is contained in:
@@ -0,0 +1,121 @@
|
||||
@extends('admin._layoutNew')
|
||||
|
||||
@section('page-head')
|
||||
<style>
|
||||
p.percent {
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
p.percent::after {
|
||||
content: '%';
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('page-content')
|
||||
<form class="layui-form layui-form-pane layui-inline" action="">
|
||||
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label class="layui-form-label">用户</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="mobile" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label class="layui-form-label">姓名</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="name" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label>保险类型 </label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="type" id="type" class="layui-input">
|
||||
<option value="-1">所有类型</option>
|
||||
<option value="1">正向险</option>
|
||||
<option value="2">反向险</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline" style="margin-left: 50px;">
|
||||
<label>保单状态 </label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="status" id="status" class="layui-input">
|
||||
<option value="-1">所有</option>
|
||||
<option value="1">生效中</option>
|
||||
<option value="0">已失效</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-inline">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="mobile_search"><i class="layui-icon"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
<table id="demo" lay-filter="test"></table>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script type="text/html" id="insurance_type_t">
|
||||
@{{# if (d.insurance_type_type == 1) { }}
|
||||
<span style="color:#89deb3;">@{{d.insurance_type_name}}</span>
|
||||
@{{# } else if (d.insurance_type_type == 2) { }}
|
||||
<span style="color:#d67a7a;">@{{d.insurance_type_name}}</span>
|
||||
@{{# } }}
|
||||
</script>
|
||||
<script type="text/html" id="status_t">
|
||||
<span class="layui-badge @{{d.status == 1 ? 'layui-bg-green' : ''}}">@{{d.status_str}}</span>
|
||||
</script>
|
||||
<script type="text/html" id="claim_status_t">
|
||||
<span class=" @{{d.claim_status == 1 ? 'layui-badge layui-bg-green' : 'layui-bg-default'}}">@{{d.claim_status_str}}</span>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table','form','laydate'], function(){
|
||||
var table = layui.table;
|
||||
var $ = layui.jquery;
|
||||
var form = layui.form;
|
||||
var laydate = layui.laydate;
|
||||
//第一个实例
|
||||
table.render({
|
||||
elem: '#demo'
|
||||
,toolbar: '#toolbar'
|
||||
,url: '{{url('admin/insurance/order_lists')}}' //数据接口
|
||||
,page: true //开启分页
|
||||
,id:'mobileSearch'
|
||||
,cols: [[ //表头
|
||||
{field: 'id', title: 'ID', width:60, sort: true}
|
||||
,{field: 'mobile', title: '用户', minWidth:150}
|
||||
,{field: 'user_name', title: '姓名', minWidth:80}
|
||||
,{field: 'insurance_type_type', title: '保险类型', minWidth:80,templet:"#insurance_type_t"}
|
||||
,{field: 'amount', title: '受保金额', minWidth:80}
|
||||
,{field: 'insurance_amount', title: '保险金额', minWidth:80}
|
||||
,{field: 'status', title: '状态', minWidth:80,templet:"#status_t"}
|
||||
,{field: 'claim_status', title: '理赔状态', minWidth:80,templet:"#claim_status_t"}
|
||||
,{field: 'rescinded_type_str', title: '解约类型', minWidth:80}
|
||||
,{field: 'created_at', title: '申购时间', minWidth:150}
|
||||
,{field: 'rescinded_at', title: '解约时间', minWidth:150}
|
||||
|
||||
]]
|
||||
});
|
||||
//监听提交
|
||||
form.on('submit(mobile_search)', function(data){
|
||||
console.log(data.field);
|
||||
table.reload('mobileSearch',{
|
||||
where:data.field,
|
||||
page: {curr: 1} //重新从第一页开始
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user