237 lines
8.5 KiB
HTML
Executable File
237 lines
8.5 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>USED CAR</title>
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
|
||
<link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
||
<link rel="stylesheet" href="../assets/css/public.css" media="all">
|
||
<style>
|
||
/* 通讯录面板 */
|
||
.maillist-fluid .layadmin-contact-box {
|
||
padding:10px 20px;
|
||
background-color: #fff;
|
||
border: 1px solid #e7eaec;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-text-center {
|
||
text-align: center;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-text-center img {
|
||
width: 80px;
|
||
height: 80px;
|
||
border-radius: 50%;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-font-blod {
|
||
font-weight: 600;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-maillist-img {
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-title {
|
||
margin: 5px 0 10px 0;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-textimg {
|
||
line-height: 25px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-address {
|
||
line-height: 1.5;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.maillist-fluid .layadmin-padding-left20 {
|
||
padding-left: 20px;
|
||
}
|
||
.tabbar{
|
||
text-align: center;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.items{
|
||
width: 49%;
|
||
}
|
||
.maillist-fluid{
|
||
margin-top: 10px;
|
||
}
|
||
.b-r{
|
||
border-right: 1px solid #000;
|
||
}
|
||
.toptitle{
|
||
position: relative;
|
||
}
|
||
.toptitle .layui-form{
|
||
position: absolute;
|
||
right: -15px;
|
||
top:-4px;
|
||
}
|
||
.con-b{
|
||
margin-top: 5px;
|
||
}
|
||
.layui-card-body {
|
||
padding: 10px 0px;
|
||
}
|
||
.addbtn{
|
||
margin: 10px 0px;
|
||
text-align: right;
|
||
}
|
||
.ovhide{
|
||
width: 99%;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="layuimini-container">
|
||
<div class="layuimini-main">
|
||
<fieldset class="table-search-fieldset">
|
||
<legend data-i18n="userlist.search_info"></legend>
|
||
<div style="margin: 10px 10px 10px 10px">
|
||
<form class="layui-form layui-form-pane" action="">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label" data-i18n="userlist.user_id"></label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="user_sn" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label" data-i18n="userlist.nickname"></label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="nickname" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label" data-i18n="userlist.realname"></label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="realname" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline layui-hide more-container">
|
||
<label class="layui-form-label" data-i18n="userlist.phone"></label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="phone" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline layui-hide more-container">
|
||
<label class="layui-form-label" data-i18n="userlist.wechat_id"></label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="openid" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<button type="submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> <span data-i18n="userlist.search"></span></button>
|
||
<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh"></i><span data-i18n="userlist.reset"></span></button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="more more-btn">
|
||
<!-- <i class="fa fa-angle-double-down"></i><span data-i18n="userlist.expand"></span> -->
|
||
<i class="fa fa-angle-double-down"></i>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<script type="text/html" id="toolbarDemo">
|
||
<div class="layui-btn-container">
|
||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add" data-i18n="userlist.add"> 添加 </button>
|
||
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete" data-i18n="userlist.delete"> 删除 </button>
|
||
</div>
|
||
</script>
|
||
<!-- <div class="addbtn">
|
||
<button type="button" id="addbtn" class="layui-btn" ><i class="layui-icon layui-icon-add-1"></i>添加</button>
|
||
</div> -->
|
||
<div class="maillist-fluid">
|
||
<div id="view" class="layui-row layui-col-space15">
|
||
</div>
|
||
</div>
|
||
<div class="layui-card-body">
|
||
<div id="test-laypage-demo1"></div>
|
||
</div>
|
||
<!-- <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> -->
|
||
|
||
<script type="text/html" id="currentTableBar">
|
||
<a class="layui-btn layui-btn-primary layui-btn-xs data-count-edit" lay-event="edit" data-i18n="userlist.edit"></a>
|
||
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete" data-i18n="userlist.delete"></a>
|
||
</script>
|
||
|
||
</div>
|
||
</div>
|
||
<script id="demo" type="text/html">
|
||
{{# layui.each(d, function(index, item){ }}
|
||
<div class="layui-col-lg4 layui-col-md6 layui-col-sm6">
|
||
<div class="layadmin-contact-box">
|
||
<div class="layui-row">
|
||
<div class="layui-col-md4 layui-col-sm6">
|
||
<a href="javascript:;">
|
||
<div class="layadmin-text-center">
|
||
<img src="{{item.avatar}}">
|
||
<div class="layadmin-maillist-img layadmin-font-blod"><span data-i18n="userlist.id"></span>:{{item.user_sn}}</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6 toptitle">
|
||
<a href="javascript:;" >
|
||
<h3 class="layadmin-title">
|
||
<strong>{{item.nickname}}</strong>
|
||
</h3>
|
||
<div class="layui-form">
|
||
{{# if(item.status == 0){ }}
|
||
<input type="checkbox" name="open" data-id="{{item.id}}" lay-skin="switch" lay-filter="switchTest" title="">
|
||
{{# } }}
|
||
{{# if(item.status == 1){ }}
|
||
<input type="checkbox" checked="" name="open" data-id="{{item.id}}" lay-skin="switch" lay-filter="switchTest" title="">
|
||
{{# } }}
|
||
|
||
</div>
|
||
</a>
|
||
<div class="layadmin-address">
|
||
<p><span data-i18n="userlist.nickname"></span>：{{item.realname==null?'':item.realname}}</p>
|
||
<p><span data-i18n="userlist.company"></span>：{{item.company==null||item.company=='null'?'':item.company}}</p>
|
||
<p><span data-i18n="userlist.phone_number"></span>：{{item.phone}}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="con-b">
|
||
<p class="ovhide"><span data-i18n="userlist.wechat_id_full"></span>：{{item.openid}}</p>
|
||
<p><span data-i18n="userlist.create_time"></span>：{{item.created_at}}</p>
|
||
<p><span data-i18n="userlist.update_time"></span>：{{item.updated_at}}</p>
|
||
</div>
|
||
</div>
|
||
<div class="tabbar layadmin-contact-box">
|
||
<div class="b-r items edit" data-name="edit" data-id="{{item.id}}"><i class="fa fa-edit"></i> <span data-i18n="userlist.edit"></span></div>
|
||
<div class="items delete" data-name="delete" data-id="{{item.id}}"><i class="fa fa-trash-o"></i> <span data-i18n="userlist.delete"></span></div>
|
||
</div>
|
||
</div>
|
||
{{# }); }}
|
||
{{# if(d.length === 0){ }}
|
||
无数据
|
||
{{# } }}
|
||
</script>
|
||
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
||
<script src="../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
|
||
<script src="../assets/js/tablei18n.js"></script>
|
||
<script src="../assets/main.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="../assets/js/userList.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="../assets/public.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="../assets/js/i18n2.js"></script>
|
||
<script>
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html> |