Initial commit

This commit is contained in:
2025-06-06 09:07:50 +08:00
commit 7533598830
293 changed files with 111546 additions and 0 deletions
Executable
+110
View File
@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>404</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
<style>
.error .clip .shadow {height:180px;}
.error .clip:nth-of-type(2) .shadow {width:130px;}
.error .clip:nth-of-type(1) .shadow,.error .clip:nth-of-type(3) .shadow {width:250px;}
.error .digit {width:150px;height:150px;line-height:150px;font-size:120px;font-weight:bold;}
.error h2 {font-size:32px;}
.error .msg {top:-190px;left:30%;width:80px;height:80px;line-height:80px;font-size:32px;}
.error span.triangle {top:70%;right:0%;border-left:20px solid #535353;border-top:15px solid transparent;border-bottom:15px solid transparent;}
.error .container-error-404 {top: 50%;margin-top: 250px;position:relative;height:250px;padding-top:40px;}
.error .container-error-404 .clip {display:inline-block;transform:skew(-45deg);}
.error .clip .shadow {overflow:hidden;}
.error .clip:nth-of-type(2) .shadow {overflow:hidden;position:relative;box-shadow:inset 20px 0px 20px -15px rgba(150,150,150,0.8),20px 0px 20px -15px rgba(150,150,150,0.8);}
.error .clip:nth-of-type(3) .shadow:after,.error .clip:nth-of-type(1) .shadow:after {content:"";position:absolute;right:-8px;bottom:0px;z-index:9999;height:100%;width:10px;background:linear-gradient(90deg,transparent,rgba(173,173,173,0.8),transparent);border-radius:50%;}
.error .clip:nth-of-type(3) .shadow:after {left:-8px;}
.error .digit {position:relative;top:8%;color:white;background:#1E9FFF;border-radius:50%;display:inline-block;transform:skew(45deg);}
.error .clip:nth-of-type(2) .digit {left:-10%;}
.error .clip:nth-of-type(1) .digit {right:-20%;}
.error .clip:nth-of-type(3) .digit {left:-20%;}
.error h2 {font-size:24px;color:#A2A2A2;font-weight:bold;padding-bottom:20px;}
.error .tohome {font-size:16px;color:#07B3F9;}
.error .msg {position:relative;z-index:9999;display:block;background:#535353;color:#A2A2A2;border-radius:50%;font-style:italic;}
.error .triangle {position:absolute;z-index:999;transform:rotate(45deg);content:"";width:0;height:0;}
@media(max-width:767px) {.error .clip .shadow {height:100px;}
.error .clip:nth-of-type(2) .shadow {width:80px;}
.error .clip:nth-of-type(1) .shadow,.error .clip:nth-of-type(3) .shadow {width:100px;}
.error .digit {width:80px;height:80px;line-height:80px;font-size:52px;}
.error h2 {font-size:18px;}
.error .msg {top:-110px;left:15%;width:40px;height:40px;line-height:40px;font-size:18px;}
.error span.triangle {top:70%;right:-3%;border-left:10px solid #535353;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.error .container-error-404 {height:150px;}
}
</style>
</head>
<body>
<div class="error">
<div class="container-floud">
<div style="text-align: center">
<div class="container-error-404">
<div class="clip">
<div class="shadow">
<span class="digit thirdDigit"></span>
</div>
</div>
<div class="clip">
<div class="shadow">
<span class="digit secondDigit"></span>
</div>
</div>
<div class="clip">
<div class="shadow">
<span class="digit firstDigit"></span>
</div>
</div>
<div class="msg">OH!
<span class="triangle"></span>
</div>
</div>
<h2 class="h1">很抱歉,你访问的页面找不到了</h2>
</div>
</div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
function randomNum() {
return Math.floor(Math.random() * 9) + 1;
}
var loop1, loop2, loop3, time = 30, i = 0, number;
loop3 = setInterval(function () {
if (i > 40) {
clearInterval(loop3);
document.querySelector('.thirdDigit').textContent = 4;
} else {
document.querySelector('.thirdDigit').textContent = randomNum();
i++;
}
}, time);
loop2 = setInterval(function () {
if (i > 80) {
clearInterval(loop2);
document.querySelector('.secondDigit').textContent = 0;
} else {
document.querySelector('.secondDigit').textContent = randomNum();
i++;
}
}, time);
loop1 = setInterval(function () {
if (i > 100) {
clearInterval(loop1);
document.querySelector('.firstDigit').textContent = 4;
} else {
document.querySelector('.firstDigit').textContent = randomNum();
i++;
}
}, time);
</script>
</body>
</html>
+82
View File
@@ -0,0 +1,82 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.agtype"></label>
<div class="layui-input-block">
<select name="key" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="privacy" data-i18n="selectlist.privacy"></option>
<option value="user" data-i18n="selectlist.user"></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.title"></label>
<div class="layui-input-inline">
<input type="text" name="title" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<select name="status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</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="btn.search"></span></button>
</div>
</div>
</form>
</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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/agreement.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+80
View File
@@ -0,0 +1,80 @@
<!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>
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="carlist.product_name"></label>
<div class="layui-input-inline">
<input type="text" name="name" 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="btn.search"></span></button>
<button type="reset" class="layui-btn layui-btn-primary"><i
class="layui-icon layui-icon-refresh"></i><span data-i18n="btn.reset"></span></button>
</div>
</div>
</form>
</div>
<!-- <div class="more more-btn">
<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 all" lay-event="all">全部</button>
<button class="layui-btn layui-btn-sm layui-btn-warm noapply" lay-event="noapply">待审核 </button>
<button class="layui-btn layui-btn-sm apply" lay-event="apply">已审核</button>
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<!-- <a class="show" lay-event="show">详情</a> -->
{{# if(d.apply_status==0){ }}
<a class="check" lay-event="check">审核</a>
{{# } }}
<!-- <a class="edit" lay-event="edit">编辑</a> -->
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/audit.js" type="text/javascript" charset="utf-8"></script>
<script src="../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+73
View File
@@ -0,0 +1,73 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.name"></label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-inline">
<select name="status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</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="btn.search"></span></button>
</div>
</div>
</form>
</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" > 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/public.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/brand.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+126
View File
@@ -0,0 +1,126 @@
<!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>
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="carlist.user"></label>
<div class="layui-input-inline">
<input type="text" name="nickname_like" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="carlist.product_name"></label>
<div class="layui-input-inline">
<input type="text" name="name_like" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="carlist.brand"></label>
<div class="layui-input-inline">
<select name="brand" id="brand" class="layui-input" lay-search lay-filter="citySelect">
</select>
</div>
</div>
<div class="layui-inline layui-hide more-container">
<label class="layui-form-label" data-i18n="carlist.type"></label>
<div class="layui-input-inline">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
<div class="layui-inline layui-hide more-container">
<label class="layui-form-label" data-i18n="carlist.energy"></label>
<div class="layui-input-inline">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
<!-- <div class="layui-inline layui-hide more-container">
<label class="layui-form-label" data-i18n="carlist.status"></label>
<div class="layui-input-inline">
<select name="info_status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="0" data-i18n="carlist.pending_review"></option>
<option value="1" data-i18n="carlist.pending_publish"></option>
<option value="2" data-i18n="carlist.rejected"></option>
</select>
</div>
</div> -->
<div class="layui-inline layui-hide more-container">
<label class="layui-form-label" data-i18n="carlist.is_sold"></label>
<div class="layui-input-inline">
<select name="is_saled" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="0" data-i18n="carlist.not_sold"></option>
<option value="1" data-i18n="carlist.sold"></option>
</select>
</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="btn.search"></span></button>
<button type="reset" class="layui-btn layui-btn-primary"><i
class="layui-icon layui-icon-refresh"></i><span data-i18n="btn.reset"></span></button>
</div>
</div>
</form>
</div>
<div class="more more-btn">
<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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="show" lay-event="show">详情</a>
{{# if(d.info_status==0){ }}
<a class="check" lay-event="check">审核</a>
{{# } }}
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/carlist.js" type="text/javascript" charset="utf-8"></script>
<script src="../assets/js/i18n2.js"></script>
<script>
</script>
</body>
</html>
Executable
+70
View File
@@ -0,0 +1,70 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend>搜索信息</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">名称</label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline">
<select name="status" class="layui-input">
<option value="">请选择状态</option>
<option value="1">正常</option>
<option value="0">禁用</option>
</select>
</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> 搜 索</button>
</div>
</div>
</form>
</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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/dict.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+50
View File
@@ -0,0 +1,50 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.name"></label>
<div class="layui-input-inline">
<input type="text" name="name" 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="btn.search"></span></button>
</div>
</div>
</form>
</div>
</fieldset>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/email.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+72
View File
@@ -0,0 +1,72 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.name"></label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-inline">
<select name="status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</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="btn.search"></span></button>
</div>
</div>
</form>
</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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/energy.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+72
View File
@@ -0,0 +1,72 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.name"></label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-inline">
<select name="status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</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="btn.search"></span></button>
</div>
</div>
</form>
</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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/model.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+99
View File
@@ -0,0 +1,99 @@
<!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>
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="carlist.product_name"></label>
<div class="layui-input-inline">
<input type="text" name="name_like" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="carlist.brand"></label>
<div class="layui-input-inline">
<select name="brand" id="brand" class="layui-input" lay-search lay-filter="citySelect">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="carlist.type"></label>
<div class="layui-input-inline">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
<div class="layui-inline layui-hide more-container">
<label class="layui-form-label" data-i18n="carlist.energy"></label>
<div class="layui-input-inline">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</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="btn.search"></span></button>
<button type="reset" class="layui-btn layui-btn-primary"><i
class="layui-icon layui-icon-refresh"></i><span data-i18n="btn.reset"></span></button>
</div>
</div>
</form>
</div>
<div class="more more-btn">
<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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="show" lay-event="show">详情</a>
{{# if(d.info_status==0){ }}
<a class="check" lay-event="check">审核</a>
{{# } }}
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/newcarlist.js" type="text/javascript" charset="utf-8"></script>
<script src="../assets/js/i18n2.js"></script>
<script>
</script>
</body>
</html>
Executable
+72
View File
@@ -0,0 +1,72 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.name"></label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-inline">
<select name="status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</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="btn.search"></span></button>
</div>
</div>
</form>
</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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/seo.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+103
View File
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.agtype"></label>
<div class="layui-input-block">
<select name="key" class="layui-input">
<option value="privacy" data-i18n="selectlist.privacy"></option>
<option value="user" data-i18n="selectlist.user"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.title"></label>
<div class="layui-input-block">
<input type="text" name="title" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.content"></label>
<div class="layui-input-block">
<!-- <div id="editor" style="margin: 50px 0 50px 0">
</div> -->
<textarea name="content" id="content"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<select name="status" class="layui-input">
<option value="1" data-i18n="seach.status1">正常</option>
<option value="0" data-i18n="seach.status2">禁用</option>
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','tinymce', 'util', ], function () {
var form = layui.form,
layer = layui.layer,
util = layui.util,
t = layui.tinymce;
$ = layui.$;
var edit = t.render({
elem: "#content",
height: 300,
form:{
name:'image'
},
plugins: 'image',
// headers: sessionStorage.tokencar,
images_upload_url: baseUrl+ 'console/upload/image',
},function(opt){
console.log(opt)
//加载完成后回调
});
edit.on("blur", function(){
layui.$("#content").val(edit.getContent());
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+126
View File
@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.agtype">、</label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<select name="key" class="layui-input">
<option value="privacy" data-i18n="selectlist.privacy"></option>
<option value="user" data-i18n="selectlist.user"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.title"></label>
<div class="layui-input-block">
<input type="text" name="title" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.content"></label>
<div class="layui-input-block">
<textarea name="content" id="content"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<select name="status" class="layui-input">
<option value="1" data-i18n="seach.status1">正常</option>
<option value="0" data-i18n="seach.status2">禁用</option>
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','tinymce'], function () {
var form = layui.form,
layer = layui.layer,
t = layui.tinymce,
$ = layui.$;
var edit = t.render({
elem: "#content",
height: 300,
form:{
name:'image'
},
plugins: 'image',
images_upload_url:baseUrl+ 'console/upload/image',
},function(opt){
console.log(opt)
//加载完成后回调
});
edit.on("blur", function(){
layui.$("#content").val(edit.getContent());
});
form.render();
$("#idedt").val(getQueryString('id'))
self.agtdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
edit.setContent(result.data.content);
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+323
View File
@@ -0,0 +1,323 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body{
background-color: #ffffff;
height: 93%;
}
.layui-tab{
height: 65%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
.conts1 p{
line-height: 28px;
}
.carbtn{
text-align: right;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.status"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<select name="apply_status" class="layui-input" lay-verify="required">
<option value="1" data-i18n="audit.pass"></option>
<option value="2" data-i18n="audit.refuse"></option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="audit.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<div class="carbtn"><button id="edit" class="layui-btn layui-btn-normal" data-i18n="audit.editcarbtn"></button></div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="view"></div>
</div>
<div class="layui-tab-item">
<div id="imgview" ></div>
</div>
</div>
</div>
</div>
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>{{d.lang.carlist.product_name}}:</td>
<td>{{ d.name }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.VIN}}:</td>
<td>{{ d.vin }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.product_image}}:</td>
<td>
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
</td>
</tr>
<tr>
<td>{{d.lang.carlist.user}}:</td>
<td>
{{ d.user_nickname }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.brand}}:</td>
<td>
{{ d.brand_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.price}}:</td>
<td>{{ d.price }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.type}}:</td>
<td>
{{ d.type_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.energy}}:</td>
<td>
{{ d.energy_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.mileage}}:</td>
<td>{{ d.mileage }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.vehicle_age}}:</td>
<td>{{ d.vehicle_age }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.condition_desc}}:</td>
<td>{{ d.condition_desc }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.location}}:</td>
<td>{{ d.location_name }}</td>
</tr>
<!-- <tr>
<td>{{d.lang.carlist.status}}:</td>
<td >
{{# if(d.info_status == 2){ }}
<span class="layui-badge">{{d.lang.carlist.rejected}}</span>
{{# } }}
{{# if(d.info_status == 1){ }}
<span class="layui-badge layui-bg-blue">{{d.lang.carlist.pending_publish}}</span>
{{# } }}
{{# if(d.info_status == 0){ }}
<span class="layui-badge layui-bg-orange">{{d.lang.carlist.pending_review}}</span>
{{# } }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.is_sold}}:</td>
<td>
{{# if(d.is_saled == 1){ }}
<span class="green">{{d.lang.carlist.sold}}</span>
{{# } }}
{{# if(d.is_saled == 0){ }}
<span class="orange">{{d.lang.carlist.not_sold}}</span>
{{# } }}
</td>
</tr> -->
</tbody>
</table>
</script>
<script id="img" type="text/html">
<div class="contimg">
<div class="layui-row">
{{# layui.each(d, function(index, item){ }}
{{# if(item.value_full !=''){ }}
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.value_full }}" alt="{{ item.name }}">
<div>{{ item.name }}</div>
</div>
{{# } }}
{{# }); }}
</div>
</div>
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.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/main.js" charset="utf-8"></script>
<script src="../../assets/js/tablei18n.js"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','laytpl'], function () {
var form = layui.form,
layer = layui.layer,
laytpl = layui.laytpl,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
// 获取当前语言
var currentLang = localStorage.getItem('language') || 'zh';
var lang = langConfig[currentLang];
function getcarinfo(){
self.vehicledetail({
type:'get',
data:{id:getQueryString('vehicle_data_id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
imggetTpl = img.innerHTML,
view = document.getElementById('view'),
imgview = document.getElementById('imgview');
var datas = result.data.albums;
var datalang = result.data
datalang.lang = lang
console.log(datalang)
laytpl(getTpl).render(datalang, function(html) {
view.innerHTML = html;
});
laytpl(imggetTpl).render(datas, function(html) {
imgview.innerHTML = html;
});
laytpl(getTpl).render(result.data, function(html) {
view.innerHTML = html;
});
form.render();
var images = document.querySelectorAll('.clickable-img');
images.forEach(function(img) {
img.addEventListener('click', function() {
layer.photos({
photos: {
"title": "图片查看", // 弹出框标题
"id": "photo-viewer", // 唯一标识
"start": 0, // 初始显示的图片索引
"data": [{
"src": img.src, // 图片的src地址
"alt": img.alt // 图片的alt文本
}]
},
anim: 5 // 设置动画效果,5为淡入淡出
});
});
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
}
getcarinfo()
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
$("#edit").click(function(){
var index = layer.open({
title:lang.audit.edit_title,
type: 2,
shade: 0.2,
maxmin:true,
shadeClose: true,
area: ['70%', '90%'],
btn: [lang.audit.confirm, lang.audit.cancel],
content: './carlistedit.html?id='+getQueryString('vehicle_data_id'),
yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'saveBtn'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field; //获取提交的字段
console.log(field)
self.vehicleupdate({
type:'post',
data:data.field,
successCallBack: function(result){
layer.msg(result.message)
layer.close(index); //关闭弹层
getcarinfo()
},
failCallBack: function(result){
alert(result.message);
}
})
});
submit.trigger('click');
}
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
})
});
</script>
</body>
</html>
+138
View File
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body{
background-color: #ffffff;
height: 93%;
}
.layui-tab{
height: 65%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
.conts1 p{
line-height: 28px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div id="view"></div>
</div>
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>管理员名字:</td>
<td>{{ d.admin_name }}</td>
</tr>
<tr>
<td>产品名称:</td>
<td>{{ d.vehicle_data_name }}</td>
</tr>
<tr>
<td>审核描述:</td>
<td>{{ d.desc }}</td>
</tr>
<tr>
<td>状态:</td>
<td >
{{# if(d.apply_status == 2){ }}
<span class="layui-badge">已拒绝</span>
{{# } }}
{{# if(d.apply_status == 1){ }}
<span class="layui-badge layui-bg-blue">通过</span>
{{# } }}
{{# if(d.apply_status == 0){ }}
<span class="layui-badge layui-bg-orange">待审核</span>
{{# } }}
</td>
</tr>
</tbody>
</table>
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.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/main.js" charset="utf-8"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','laytpl'], function () {
var form = layui.form,
layer = layui.layer,
laytpl = layui.laytpl,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.applydetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
view = document.getElementById('view');
laytpl(getTpl).render(result.data, function(html) {
view.innerHTML = html;
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+260
View File
@@ -0,0 +1,260 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="brand.album"></li>
<li data-i18n="brand.advantage"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logo"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="logo" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banner"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="toppic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnail"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="descpic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" id="desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label">品牌图册</label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i>上传图片
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<div class="layui-input-block" style="text-align: right;">
<button type="button" class="layui-btn layui-btn-normal" id="addItem">
<i class="layui-icon">&#xe654;</i><span data-i18n="brand.advantage"></span>
</button>
</div>
</div>
<div id="itemList">
<!-- 动态添加的内容将在这里显示 -->
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form', 'upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
$('.btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
// 图片上传
upload.render({
elem: '#albumUpload',
url:baseUrl+ 'console/upload/image',
multiple: true,
accept: 'images',
acceptMime: 'image/*',
field: 'image',
before: function(obj) {
// 预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
obj.preview(function(index, file, result) {
// 生成唯一的图片ID
var imgId = 'img_' + new Date().getTime() + '_' + index;
$('#albumList').append(`
<div class="upload-itemm" style="display: inline-block; margin: 10px;" data-index="${index}">
<img src="${result}" alt="" id="${imgId}" class="img-3">
<input type="hidden" name="pic[]" value="">
<input type="text" class="layui-input" placeholder="请输入图片描述" style="margin: 5px 0px;height: 30px;" name="alt[]">
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
<i class="layui-icon">&#xe640;</i>删除
</button>
</div>
`);
});
},
done: function(res, index, upload) {
// 上传完毕回调
if(res.code == 0) {
// 上传成功,设置图片地址
console.log(res.data.image_name);
// 通过data-index属性找到对应的元素
$('.upload-itemm[data-index="' + index + '"]').find('input[name="pic[]"]').val(res.data.image_name);
} else {
layer.msg('上传失败');
}
},
error: function() {
layer.msg('上传失败');
}
});
// 删除图片
$(document).on('click', '.delete-img', function() {
$(this).closest('.upload-itemm').remove();
});
// 原有的表单提交代码
form.on('submit(saveBtn)', function (data) {
// 获取所有图片和描述,组合成指定格式
var albumData = [];
$('.upload-itemm').each(function() {
var pic = $(this).find('input[name="pic[]"]').val();
var alt = $(this).find('input[name="alt[]"]').val();
if(pic) { // 只添加有图片的数据
albumData.push({
pic: pic,
alt: alt || '' // 如果没有描述,设置为空字符串
});
}
});
// 将组合后的数据添加到表单数据中
data.field.album = albumData;
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
addFeature('itemList',form,'标题','内容')
// 添加按钮点击事件
$('#addItem').on('click', function() {
addFeature('itemList',form,'标题','内容')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#itemList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
// 页面加载时添加第一组
addItem();
});
</script>
</body>
</html>
+243
View File
@@ -0,0 +1,243 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="brand.album"></li>
<li data-i18n="brand.advantage"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.name"></label>
<div class="layui-input-block">
<input type="text" name="name" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logo"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="logo" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logoalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="logo_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banner"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="toppic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banneralt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="toppic_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnail"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="descpic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnailalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="descpic_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.is_hot"></label>
<div class="layui-input-block">
<select name="is_hot" class="layui-input" >
<option value="0" data-i18n="alls.no"></option>
<option value="1" data-i18n="alls.yes"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" id="desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.album"></label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.advantage"></label>
<div class="layui-input-block">
<div class="feature-list" id="itemList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addItem">
<i class="layui-icon">&#xe654;</i><span data-i18n="brand.advantage"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form', 'upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
$('.btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
// 图片上传预览
uploadimage(upload,baseUrl)
// 原有的表单提交代码
form.on('submit(saveBtn)', function (data) {
// 获取所有图片地址
var albumImages = [];
$('input[name="album[]"]').each(function() {
if($(this).val()) {
albumImages.push($(this).val());
}
});
data.field.album = albumImages;
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
addFeature('itemList',form,'标题','内容','','')
// 添加按钮点击事件
$('#addItem').on('click', function() {
addFeature('itemList', form);
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#itemList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
});
</script>
</body>
</html>
+333
View File
@@ -0,0 +1,333 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img {
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="brand.album"></li>
<li data-i18n="brand.advantage"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch"
lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logo"></label>
<div class="layui-input-block upload-item">
<img class="img-3 logo" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="logo" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span
data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logoalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="logo_alt" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banner"></label>
<div class="layui-input-block upload-item">
<img class="img-3 toppic" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="toppic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span
data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banneralt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="toppic_alt" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnail"></label>
<div class="layui-input-block upload-item">
<img class="img-3 descpic" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="descpic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span
data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnailalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="descpic_alt" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.is_hot"></label>
<div class="layui-input-block">
<select name="is_hot" class="layui-input" >
<option value="0" data-i18n="alls.no"></option>
<option value="1" data-i18n="alls.yes"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" id="desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label">品牌图册</label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.advantage"></label>
<div class="layui-input-block">
<div class="feature-list" id="itemList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addItem">
<i class="layui-icon">&#xe654;</i><span data-i18n="brand.advantage"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.branddetail({
type: 'get',
data: {
id: getQueryString('id')
},
successCallBack: function(result) {
if (result.code == 0) {
$(".toppic").attr("src", result.data.toppic_full)
$(".logo").attr("src", result.data.logo_full)
$(".descpic").attr("src", result.data.descpic_full)
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]')
.val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 :
0);
});
})
// 回显图册
if(result.data.banner && result.data.banner.length > 0) {
result.data.banner.forEach(function(item) {
var imgId = 'img_' + new Date().getTime() + '_' + Math.random();
$('#albumList').append(`
<div class="upload-itemm" style="display: inline-block; margin: 10px;">
<img src="${item.pic_full}" alt="${item.alt || ''}" id="${imgId}" class="img-3">
<input type="hidden" name="pic[]" value="${item.pic}">
<input type="hidden" name="idimg[]" value="${item.id}" />
<input type="text" class="layui-input" data-i18n-placeholder="brand.image_desc"
style="margin: 5px 0px;height: 30px;" name="alt[]" value="${item.alt || ''}">
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
<i class="layui-icon">&#xe640;</i><span data-i18n="btn.delete"></span>
</button>
</div>
`);
});
}
// 回显特点数据
if(result.data.trait && result.data.trait.length > 0) {
result.data.trait.forEach(function(item) {
addFeature('itemList',form,'标题','内容', item.title, item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addFeature('itemList',form,'标题','标题','','')
}
};
},
failCallBack: function(result) {
alert(result.message);
}
})
// 添加按钮点击事件
$('#addItem').on('click', function() {
addFeature('itemList', form, '标题', '内容','','')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#itemList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
$('.btnup').each(function(index, item) {
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url: baseUrl + 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res) {
if (res.code == 0) {
$item.find('img').attr('src', res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
$('.upload-item img').on('click', function() {
var imgList = [];
$('.upload-item img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
console.log(imgList)
layer.photos({
photos: {
data: imgList
},
anim: 5, // 动画类型
shadeClose: true, // 点击遮罩关闭
closeBtn: 1, // 显示关闭按钮
});
});
$(document).on('click', '.upload-itemm img', function() {
var imgList = [];
$('.upload-itemm img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
layer.photos({
photos: {
data: imgList
},
anim: 5,
shadeClose: true,
closeBtn: 1,
});
});
// 图片上传
uploadimage(upload,baseUrl)
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+394
View File
@@ -0,0 +1,394 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
/* overflow: scroll; */
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="cover" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
(<span data-i18n="Imageratio"></span> 4:3)
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.store_status"></label>
<div class="layui-input-block">
<select name="store_status" id="store_status" class="layui-input">
<!-- <option value="">请选择</option> -->
<option value="1" data-i18n="carlist.in_stock"></option>
<option value="2" data-i18n="carlist.in_transit"></option>
<option value="3" data-i18n="carlist.on_order"></option>
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.mileage"></label>
<div class="layui-input-block">
<input type="text" name="mileage" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.vehicle_age"></label>
<div class="layui-input-block">
<input type="text" name="vehicle_age" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.location"></label>
<div class="layui-input-block">
<select name="location" id="location" class="layui-input">
<!-- <option value="">请选择</option> -->
</select>
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.condition_desc"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label">是否出售</label>
<div class="layui-input-block">
<select name="is_saled" class="layui-input">
<option value="">请选择</option>
<option value="0">未售</option>
<option value="1">已售</option>
</select>
</div>
</div> -->
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<!-- <img src="../../assets/images/noimg.png" alt="" /> -->
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_45_degree" id="front_45_degree" value="" />
<div> <span data-i18n="carlist.front45Degree"></span><button type="button" class="layui-btn layui-btn-sm" id="front_45_degreeup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_45_degree" id="front_left_45_degree" value="" />
<div><span data-i18n="carlist.leftFront45Degree"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_45_degreeup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_headlight" id="front_left_headlight" value="" />
<div><span data-i18n="carlist.leftFrontHeadlight"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_headlightup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_view" id="front_view" value="" />
<div><span data-i18n="carlist.front"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_viewup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="lower_front" id="lower_front" value="" />
<div><span data-i18n="carlist.frontLowerPart"></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_frontpu"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="wheel_hub" id="wheel_hub" value="" />
<div><span data-i18n="carlist.wheelHub"></span> <button type="button" class="layui-btn layui-btn-sm" id="wheel_hubup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_right_seat" id="front_right_seat" value="" />
<div><span data-i18n="carlist.rightFrontSeat"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_right_seatup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="right_lower_side" id="right_lower_side" value="" />
<div><span data-i18n="carlist.rightBottomEdge"></span> <button type="button" class="layui-btn layui-btn-sm" id="right_lower_sideup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="rear_right_taillight" id="rear_right_taillight" value="" />
<div><span data-i18n="carlist.rightRearTaillight"></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_taillightup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="rear_right_45_degree" id="rear_right_45_degree" value="" />
<div><span data-i18n="carlist.rightRear45Degree"></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_45_degreeup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="lower_rear" id="lower_rear" value="" />
<div><span data-i18n="carlist.rearLowerPart"></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_rearup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="trunk" id="trunk" value="" />
<div><span data-i18n="carlist.trunk"></span> <button type="button" class="layui-btn layui-btn-sm" id="trunkup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="left_lower_side" id="left_lower_side" value="" />
<div><span data-i18n="carlist.leftBottomEdge"></span> <button type="button" class="layui-btn layui-btn-sm" id="left_lower_sideup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="rear_seats" id="rear_seats" value="" />
<div><span data-i18n="carlist.rearSeat"></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_seatsup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="center_console" id="center_console" value="" />
<div><span data-i18n="carlist.console"></span> <button type="button" class="layui-btn layui-btn-sm" id="center_consoleup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="control_panel" id="control_panel" value="" />
<div><span data-i18n="carlist.controlPanel"></span> <button type="button" class="layui-btn layui-btn-sm" id="control_panelup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="gear_shift" id="gear_shift" value="" />
<div><span data-i18n="carlist.gearLever"></span> <button type="button" class="layui-btn layui-btn-sm" id="gear_shiftup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="car_key" id="car_key" value="" />
<div><span data-i18n="carlist.key"></span> <button type="button" class="layui-btn layui-btn-sm" id="car_keyup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="steering_wheel" id="steering_wheel" value="" />
<div><span data-i18n="carlist.steeringWheel"></span> <button type="button" class="layui-btn layui-btn-sm" id="steering_wheelup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="dashboard" id="dashboard" value="" />
<div><span data-i18n="carlist.dashboard"></span> <button type="button" class="layui-btn layui-btn-sm" id="dashboardup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="odometer_reading" id="odometer_reading" value="" />
<div><span data-i18n="carlist.displayedMileage"></span> <button type="button" class="layui-btn layui-btn-sm" id="odometer_readingup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_door_panel" id="front_left_door_panel" value="" />
<div><span data-i18n="carlist.leftFrontDoorPanel"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_panelup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_door_function_area" id="front_left_door_function_area" value="" />
<div><span data-i18n="carlist.leftFrontDoorFunctionArea"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_function_areaup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_seat" id="front_left_seat" value="" />
<div><span data-i18n="carlist.leftFrontSeat"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_seatup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="interior_ceiling" id="interior_ceiling" value="" />
<div><span data-i18n="carlist.ceiling"></span> <button type="button" class="layui-btn layui-btn-sm" id="interior_ceilingup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload','tinymce'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
t = layui.tinymce,
$ = layui.$;
$(document).ready(function () {
brandpresetfn(form,true)
energypresetfn(form,true)
typespresetfn(form,true)
locationpresetfn(form,true)
});
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
// var edit = t.render({
// elem: "#condition_desc",
// height: 300,
// form:{
// name:'image'
// },
// plugins: 'image',
// // headers: sessionStorage.tokencar,
// images_upload_url: baseUrl+ 'console/upload/image',
// },function(opt){
// console.log(opt)
// //加载完成后回调
// });
// edit.on("blur", function(){
// layui.$("#condition_desc").val(edit.getContent());
// });
$('.layui-btn').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+86
View File
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
overflow: scroll;
}
.c-t div{
line-height: 55px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required">状态</label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<select name="apply_status" class="layui-input" lay-verify="required">
<option value="">请选择</option>
<option value="1">通过</option>
<option value="2">拒绝</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">描述</label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" placeholder="请输入"></textarea>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
$("#idedt").val(getQueryString('id'))
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+469
View File
@@ -0,0 +1,469 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
overflow: scroll;
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="cover" id="cover" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
(<span data-i18n="Imageratio"></span> 4:3)
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.store_status"></label>
<div class="layui-input-block">
<select name="store_status" id="store_status" class="layui-input">
<!-- <option value="">请选择</option> -->
<option value="1" data-i18n="carlist.in_stock"></option>
<option value="2" data-i18n="carlist.in_transit"></option>
<option value="3" data-i18n="carlist.on_order"></option>
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.mileage"></label>
<div class="layui-input-block">
<input type="text" name="mileage" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.vehicle_age"></label>
<div class="layui-input-block">
<input type="text" name="vehicle_age" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.location"></label>
<div class="layui-input-block">
<select name="location" id="location" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.condition_desc"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
<!-- <div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label">是否出售</label>
<div class="layui-input-block">
<select name="is_saled" class="layui-input">
<option value="">请选择</option>
<option value="0">未售</option>
<option value="1">已售</option>
</select>
</div>
</div>
</div> -->
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" id="" alt="" />
<input type="text" style="display:none" name="front_45_degree" id="front_45_degree" value="" />
<div> <span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_45_degreeup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_45_degree" id="front_left_45_degree" value="" />
<div><span></span><button type="button" class="layui-btn layui-btn-sm" id="front_left_45_degreeup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_headlight" id="front_left_headlight" value="" />
<div><span></span><button type="button" class="layui-btn layui-btn-sm" id="front_left_headlightup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_view" id="front_view" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_viewup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="lower_front" id="lower_front" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_frontpu"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="wheel_hub" id="wheel_hub" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="wheel_hubup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_right_seat" id="front_right_seat" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_right_seatup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="right_lower_side" id="right_lower_side" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="right_lower_sideup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="rear_right_taillight" id="rear_right_taillight" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_taillightup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="rear_right_45_degree" id="rear_right_45_degree" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_45_degreeup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="lower_rear" id="lower_rear" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_rearup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="trunk" id="trunk" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="trunkup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="left_lower_side" id="left_lower_side" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="left_lower_sideup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="rear_seats" id="rear_seats" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_seatsup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="center_console" id="center_console" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="center_consoleup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="control_panel" id="control_panel" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="control_panelup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="gear_shift" id="gear_shift" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="gear_shiftup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="car_key" id="car_key" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="car_keyup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="steering_wheel" id="steering_wheel" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="steering_wheelup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="dashboard" id="dashboard" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="dashboardup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="odometer_reading" id="odometer_reading" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="odometer_readingup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_door_panel" id="front_left_door_panel" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_panelup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_door_function_area" id="front_left_door_function_area" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_function_areaup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_seat" id="front_left_seat" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_seatup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="interior_ceiling" id="interior_ceiling" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="interior_ceilingup"><i class="layui-icon"></i>上传图片</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<!-- <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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script> -->
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload','tinymce'], function () {
var form = layui.form,
layer = layui.layer,
t = layui.tinymce,
upload = layui.upload,
$ = layui.$;
brandpresetfn(form,true)
energypresetfn(form)
typespresetfn(form)
locationpresetfn(form)
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
// var edit = t.render({
// elem: "#condition_desc",
// height: 300,
// form:{
// name:'image'
// },
// plugins: 'image',
// // headers: sessionStorage.tokencar,
// images_upload_url: baseUrl+ 'console/upload/image',
// },function(opt){
// console.log(opt)
// //加载完成后回调
// });
// edit.on("blur", function(){
// layui.$("#condition_desc").val(edit.getContent());
// });
//监听提交
form.render();
$("#idedt").val(getQueryString('id'))
$('.upload-item img').on('click', function() {
var imgList = [];
$('.upload-item img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
console.log(imgList)
layer.photos({
photos: {
data: imgList
},
anim: 5, // 动画类型
shadeClose: true, // 点击遮罩关闭
closeBtn: 1, // 显示关闭按钮
});
});
self.vehicledetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.cover_full)
var datas = result.data
// edit.setContent(result.data.condition_desc);
var albums = datas.albums;
$("#cover").val(result.data.cover)
modelpresetfn(form,true,datas.brand)
$.each(albums,function(){
datas[this.field] = this.value
var url =this.value_full
var cleanUrl = url
if(url!=''){
cleanUrl = url.replace(/amp;/g, '');
}
if(cleanUrl==''){
$("#"+this.field).parent().find('img').attr("src",'../../assets/images/noimg.png');
}else{
$("#"+this.field).parent().find('img').attr("src",cleanUrl);
}
$("#"+this.field).parent().find('span').html(this.name);
// console.log(datas)
});
form.val('edit', datas)
console.log(datas)
// $.each(datas,function(){
// $("#"+this.field).parent().find('img').attr("src",this.value_full);
// $("#"+this.field).val(this.value);
// console.log($("#"+this.field).val())
// });
// if(datas&& datas!=''){
// for (const key in datas) {
// $("#"+key).parent().find('img').attr("src",datas[key]);
// console.log($("#"+key).parent().find('img'))
// }
// }
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
$('.layui-btn').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
// var $preview = $item.find('.preview-box');
// $preview.html('<img src="'+res.data.src+'" style="max-width:100px;">');
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+259
View File
@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="view" style="margin-bottom: 60px;"></div>
</div>
<div class="layui-tab-item">
<div id="imgview" style="margin-bottom: 60px;"></div>
</div>
</div>
</div>
<!-- <div class="layui-form-item showbtn" >
<div class="layui-input-block" style="padding-right: 10px;">
<button class="layui-btn layui-btn-danger" id="qxBtn">关闭</button>
</div>
</div> -->
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>{{d.lang.carlist.product_name}}:</td>
<td>{{ d.name }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.VIN}}:</td>
<td>{{ d.vin }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.product_image}}:</td>
<td>
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
</td>
</tr>
<tr>
<td>{{d.lang.carlist.user}}:</td>
<td>
{{ d.user_nickname }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.brand}}:</td>
<td>
{{ d.brand_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.price}}:</td>
<td>{{ d.price }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.type}}:</td>
<td>
{{ d.type_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.energy}}:</td>
<td>
{{ d.energy_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.mileage}}:</td>
<td>{{ d.mileage }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.vehicle_age}}:</td>
<td>{{ d.vehicle_age }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.condition_desc}}:</td>
<td>{{ d.condition_desc }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.location}}:</td>
<td>{{ d.location_name }}</td>
</tr>
<!-- <tr>
<td>{{d.lang.carlist.status}}:</td>
<td >
{{# if(d.info_status == 2){ }}
<span class="layui-badge">{{d.lang.carlist.rejected}}</span>
{{# } }}
{{# if(d.info_status == 1){ }}
<span class="layui-badge layui-bg-blue">{{d.lang.carlist.pending_publish}}</span>
{{# } }}
{{# if(d.info_status == 0){ }}
<span class="layui-badge layui-bg-orange">{{d.lang.carlist.pending_review}}</span>
{{# } }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.is_sold}}:</td>
<td>
{{# if(d.is_saled == 1){ }}
<span class="green">{{d.lang.carlist.sold}}</span>
{{# } }}
{{# if(d.is_saled == 0){ }}
<span class="orange">{{d.lang.carlist.not_sold}}</span>
{{# } }}
</td>
</tr> -->
</tbody>
</table>
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">图册</blockquote> -->
</script>
<script id="img" type="text/html">
<div class="contimg">
<div class="layui-row">
{{# layui.each(d, function(index, item){ }}
{{# if(item.value_full !=''){ }}
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.value_full }}" alt="{{ item.name }}">
<div>{{ item.name }}</div>
</div>
{{# } }}
{{# }); }}
</div>
</div>
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.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/main.js" charset="utf-8"></script>
<script src="../../assets/js/tablei18n.js"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'table', 'laytpl'], function() {
var form = layui.form,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl,
$ = layui.$;
/**
* 初始化表单,要加上,不然刷新部分组件可能会不加载
*/
// 获取当前语言
var currentLang = localStorage.getItem('language') || 'zh';
var lang = langConfig[currentLang];
form.render();
self.vehicledetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
imggetTpl = img.innerHTML,
view = document.getElementById('view'),
imgview = document.getElementById('imgview');
var datas = result.data.albums;
// var album_info=[]
// if(datas&& datas!=''){
// for (const key in datas) {
// var obj={}
// obj.title = key
// obj.url = datas[key]
// album_info.push(obj);
// }
// }
// console.log(album_info);
var datalang = result.data
datalang.lang = lang
console.log(datalang)
laytpl(getTpl).render(datalang, function(html) {
view.innerHTML = html;
});
laytpl(imggetTpl).render(datas, function(html) {
imgview.innerHTML = html;
});
form.render();
var images = document.querySelectorAll('.clickable-img');
images.forEach(function(img) {
img.addEventListener('click', function() {
layer.photos({
photos: {
"title": "图片查看", // 弹出框标题
"id": "photo-viewer", // 唯一标识
"start": 0, // 初始显示的图片索引
"data": [{
"src": img.src, // 图片的src地址
"alt": img.alt // 图片的alt文本
}]
},
anim: 5 // 设置动画效果,5为淡入淡出
});
});
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
// 当前弹出层,防止ID被覆盖
var parentIndex = layer.index;
$("#qxBtn").click(function() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);
})
});
</script>
</body>
</html>
+180
View File
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<form class="layui-form layuimini-form" action="" lay-filter="create-dict-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width:auto">字典名</label>
<div class="layui-input-inline">
<input type="text" name="name" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入英文字母组合">
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
<div>
<!-- 字段属性 -->
<table id="column-table" lay-filter="column-table"></table>
<script type="text/html" id="column-toolbar">
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="batchRemove">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<script type="text/html" id="col-value">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][value]" placeholder="值" autocomplete="off" class="layui-input" value="{{ d.value }}">
<input type="hidden" name="value[{{ d.LAY_NUM-1 }}][field_id]" value="{{ d.field_id }}">
</script>
<script type="text/html" id="col-name">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][name]" placeholder="标题" autocomplete="off" class="layui-input" value="{{ d.name }}">
</script>
</div>
</form>
<script src="../../lib/layui-v2.6.3/layuinew.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script>
layui.use(['form',"table", "common"], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
var field_id = 0;
function syncTableData() {
let tableData = layui.form.val("create-dict-form");
let columnTableData = [];
let len = Object.keys(tableData).length;
let id = 0;
key_id = 0;
while (id < len) {
// column data
if (typeof tableData["value[" + id + "][field_id]"] !== "undefined") {
columnTableData.push({
field_id: tableData["value[" + id + "][field_id]"],
name : tableData["value[" + id + "][name]"],
value: tableData["value[" + id + "][value]"],
});
}
key_id++;
id++;
}
layui.table.reloadData("column-table", {data: columnTableData});
}
let table = layui.table;
let common = layui.common;
let cols = [
{
type: "checkbox",
width: 50,
},
{
title: "值",
field: "value",
templet: "#col-value"
},
{
title: "标题",
field: "name",
templet: "#col-name",
}
];
let data = [{
field_id: field_id++,
value : "",
name: "",
}];
table.render({
elem: "#column-table",
cols: [cols],
data: data,
cellMinWidth: 40,
skin: "line",
size: "lg",
limit: 10000,
page: false,
toolbar: "#column-toolbar",
defaultToolbar: [],
});
table.on("toolbar(column-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
let add = function() {
syncTableData();
let options = table.getData("column-table");
options.push({
field_id: field_id++,
value : "",
name: "",
});
table.reloadData("column-table", {data:options});
}
let batchRemove = function(obj) {
var checkIds = common.checkField(obj,"field_id");
if (checkIds === "") return layer.msg("未选中数据", {icon: 3,time: 1000})
let data = table.getData("column-table");
let newData = [];
let deleteIds = checkIds.split(",");
layui.each(data, function (index, item) {
if (deleteIds.indexOf(item.field_id + "") === -1) {
newData.push(item);
}
});
table.reloadData("column-table", {data: newData})
}
layui.form.render();
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+202
View File
@@ -0,0 +1,202 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<form class="layui-form layuimini-form" action="" lay-filter="create-dict-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width:auto">字典名</label>
<div class="layui-input-inline">
<input type="text" name="name" required lay-verify="required" autocomplete="off"
class="layui-input" placeholder="请输入英文字母组合">
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
<div>
<!-- 字段属性 -->
<table id="column-table" lay-filter="column-table"></table>
<script type="text/html" id="column-toolbar">
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="batchRemove">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<script type="text/html" id="col-value">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][value]" placeholder="值" autocomplete="off" class="layui-input"
value="{{ d.value }}">
<input type="hidden" name="value[{{ d.LAY_NUM-1 }}][field_id]" value="{{ d.field_id }}">
</script>
<script type="text/html" id="col-name">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][name]" placeholder="标题" autocomplete="off" class="layui-input"
value="{{ d.name }}">
</script>
</div>
</form>
<script src="../../lib/layui-v2.6.3/layuinew.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script>
layui.use(['form', "table", "common"], function() {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
var field_id = 0;
function syncTableData() {
let tableData = layui.form.val("create-dict-form");
let columnTableData = [];
let len = Object.keys(tableData).length;
let id = 0;
key_id = 0;
while (id < len) {
// column data
if (typeof tableData["value[" + id + "][field_id]"] !== "undefined") {
columnTableData.push({
field_id: tableData["value[" + id + "][field_id]"],
name: tableData["value[" + id + "][name]"],
value: tableData["value[" + id + "][value]"],
});
}
key_id++;
id++;
}
layui.table.reloadData("column-table", {
data: columnTableData
});
}
let table = layui.table;
let common = layui.common;
let cols = [{
type: "checkbox",
width: 50,
},
{
title: "值",
field: "value",
templet: "#col-value"
},
{
title: "标题",
field: "name",
templet: "#col-name",
}
];
let data = [];
var result={"code":0,"data":[{"value":"电能","name":"电能"},{"value":"氢能","name":"氢能"},{"value":"油能","name":"油能"}],"msg":"ok"}
// self.energydetail({
// type:'get',
// data:{id:getQueryString('id')},
// successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
form.render();
data = result.data;
layui.each(data, function(k, v) {
data[k]["field_id"] = field_id++;
})
};
// },
// failCallBack: function(result){
// alert(result.message);
// }
// })
table.render({
elem: "#column-table",
cols: [cols],
data: data,
cellMinWidth: 40,
skin: "line",
size: "lg",
limit: 10000,
page: false,
toolbar: "#column-toolbar",
defaultToolbar: [],
});
table.on("toolbar(column-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
let add = function() {
syncTableData();
let options = table.getData("column-table");
options.push({
field_id: field_id++,
value: "",
name: "",
});
table.reloadData("column-table", {
data: options
});
}
let batchRemove = function(obj) {
var checkIds = common.checkField(obj, "field_id");
if (checkIds === "") return layui.popup.warning("未选中数据");
let data = table.getData("column-table");
let newData = [];
let deleteIds = checkIds.split(",");
layui.each(data, function(index, item) {
if (deleteIds.indexOf(item.field_id + "") === -1) {
newData.push(item);
}
});
table.reloadData("column-table", {
data: newData
})
}
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+80
View File
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="0" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+106
View File
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.energydetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+91
View File
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="Belongingbrand"></label>
<div class="layui-input-block">
<select name="brand_id" id="brand" lay-search lay-filter="citySelect" class="layui-input">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="0" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
$(document).ready(function () {
brandpresetfn(form)
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+115
View File
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="Belongingbrand"></label>
<div class="layui-input-block">
<select name="brand_id" id="brand" lay-search lay-filter="citySelect" class="layui-input">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
brandpresetfn(form)
form.render();
$("#idedt").val(getQueryString('id'))
self.modelsdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+334
View File
@@ -0,0 +1,334 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
/* overflow: scroll; */
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
<li data-i18n="newcar.introduce"></li>
<li data-i18n="newcar.characteristic"></li>
<li data-i18n="newcar.problem"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="cover" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.coveralt"></label>
<div class="layui-input-block">
<input type="text" name="cover_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.video"></label>
<div class="layui-input-block">
<input type="text" name="video" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="newcar.memo"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.car_album"></label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.introduce"></label>
<div class="layui-input-block">
<div class="intro-list" id="introList">
<!-- 介绍文本框列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addIntro">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
<!-- 车辆介绍 -->
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 车辆特点 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.characteristic"></label>
<div class="layui-input-block">
<div class="feature-list" id="featureList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addFeature">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 常见问题 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.problem"></label>
<div class="layui-input-block">
<div class="feature-list" id="problem">
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addproblem">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload','tinymce'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
t = layui.tinymce,
$ = layui.$;
$(document).ready(function () {
brandpresetfn(form,true)
energypresetfn(form,true)
typespresetfn(form,true)
});
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
$('.btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
// 图片上传
uploadimage(upload,baseUrl)
// 添加介绍文本框
addIntro('introList',form,'请填写介绍内容')
// 添加介绍按钮点击事件
$('#addIntro').on('click', function() {
addIntro('introList',form,'请填写介绍内容')
});
// 删除介绍按钮点击事件
$(document).on('click', '.delete-intro', function() {
$(this).closest('.intro-item').remove();
// 重新排序索引
$('#introList .intro-item').each(function(index) {
$(this).find('textarea').attr('name', 'intro[' + index + ']');
});
});
// 页面加载时添加一个特点
addFeature('featureList',form,'特点名称','特点描述','','')
// 添加特点按钮点击事件
$('#addFeature').on('click', function() {
addFeature('featureList',form,'特点名称','特点描述','','')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#featureList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
// 页面加载时添加一个问题
addFeature1('problem',form,'问题名称','问题描述','','')
// 添加问题按钮点击事件
$('#addproblem').on('click', function() {
addFeature1('problem',form,'问题名称','问题描述','','')
});
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item1').remove();
// 重新排序索引
$('#problem .feature-item1').each(function(index) {
$(this).find('input[name^="titlep"]').attr('name', 'titlep[' + index + ']');
$(this).find('textarea[name^="contentp"]').attr('name', 'contentp[' + index + ']');
});
});
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+429
View File
@@ -0,0 +1,429 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
overflow: scroll;
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
<li data-i18n="newcar.introduce"></li>
<li data-i18n="newcar.characteristic"></li>
<li data-i18n="newcar.problem"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="cover" id="cover" value="" />
<button type="button" class="layui-btn layui-btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.coveralt"></label>
<div class="layui-input-block">
<input type="text" name="cover_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.video"></label>
<div class="layui-input-block">
<input type="text" name="video" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.car_album"></label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.introduce"></label>
<div class="layui-input-block">
<div class="intro-list" id="introList">
<!-- 介绍文本框列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addIntro">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
<!-- 车辆介绍 -->
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 车辆特点 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.characteristic"></label>
<div class="layui-input-block">
<div class="feature-list" id="featureList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addFeature">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 常见问题 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.problem"></label>
<div class="layui-input-block">
<div class="feature-list" id="problem">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addproblem">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<!-- <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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script> -->
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload','tinymce'], function () {
var form = layui.form,
layer = layui.layer,
t = layui.tinymce,
upload = layui.upload,
$ = layui.$;
brandpresetfn(form,true)
energypresetfn(form)
typespresetfn(form)
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
//监听提交
form.render();
$("#idedt").val(getQueryString('id'))
$('.upload-item img').on('click', function() {
var imgList = [];
$('.upload-item img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
console.log(imgList)
layer.photos({
photos: {
data: imgList
},
anim: 5, // 动画类型
shadeClose: true, // 点击遮罩关闭
closeBtn: 1, // 显示关闭按钮
});
});
self.vehiclenewdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.cover_full)
var datas = result.data
$("#cover").val(result.data.cover)
modelpresetfn(form,true,datas.brand)
form.val('edit', datas)
console.log(datas)
// 回显图册
if(result.data.album && result.data.album.length > 0) {
result.data.album.forEach(function(item) {
var imgId = 'img_' + new Date().getTime() + '_' + Math.random();
$('#albumList').append(`
<div class="upload-itemm" style="display: inline-block; margin: 10px;">
<img src="${item.pic_full}" alt="${item.alt || ''}" id="${imgId}" class="img-3" style="cursor: pointer;">
<input type="hidden" name="pic[]" value="${item.pic}">
<input type="hidden" name="idimg[]" value="${item.id}" />
<input type="text" class="layui-input" data-i18n-placeholder="brand.image_desc"
style="margin: 5px 0px;height: 30px;" name="alt[]" value="${item.alt || ''}">
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
<i class="layui-icon">&#xe640;</i><span data-i18n="btn.delete"></span>
</button>
</div>
`);
});
}
// 回显介绍
if(result.data.content && result.data.content.length > 0) {
result.data.content.forEach(function(item) {
addIntro('introList',form,'请填写介绍内容', item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addIntro('introList',form,'请填写介绍内容')
}
// 回显特点
if(result.data.trait && result.data.trait.length > 0) {
result.data.trait.forEach(function(item) {
addFeature('featureList',form,'名称','描述', item.title, item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addFeature('featureList',form,'名称','描述','','')
}
// 回显问题
if(result.data.asked && result.data.asked.length > 0) {
result.data.asked.forEach(function(item) {
addFeature1('problem',form,'问题','回答',item.title, item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addFeature1('problem',form,'问题','回答','','')
}
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
$('.layui-btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
uploadimage(upload,baseUrl)
// 添加介绍按钮点击事件
$('#addIntro').on('click', function() {
addIntro('introList',form,'请填写介绍内容')
});
// 删除介绍按钮点击事件
$(document).on('click', '.delete-intro', function() {
$(this).closest('.intro-item').remove();
// 重新排序索引
$('#introList .intro-item').each(function(index) {
$(this).find('textarea').attr('name', 'intro[' + index + ']');
});
});
// 添加特点按钮点击事件
$('#addFeature').on('click', function() {
addFeature('featureList',form,'名称','描述','','')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#featureList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
// // 添加问题按钮点击事件
$('#addproblem').on('click', function() {
addFeature1('problem',form,'问题','回答','','')
});
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item1').remove();
// 重新排序索引
$('#problem .feature-item1').each(function(index) {
$(this).find('input[name^="titlep"]').attr('name', 'titlep[' + index + ']');
$(this).find('textarea[name^="contentp"]').attr('name', 'contentp[' + index + ']');
});
});
// 添加图片点击放大功能
$(document).on('click', '.upload-itemm img', function() {
var imgList = [];
$('.upload-itemm img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
layer.photos({
photos: {
data: imgList
},
anim: 5,
shadeClose: true,
closeBtn: 1,
});
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+280
View File
@@ -0,0 +1,280 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
.introduceviews{
background: #e8e8e8;
padding: 4px 5px;
margin-bottom: 10px;
}
.conts{
margin-top: 10px;
color: #565656
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
<li data-i18n="newcar.introduce"></li>
<li data-i18n="newcar.characteristic"></li>
<li data-i18n="newcar.problem"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="view" style="margin-bottom: 60px;"></div>
</div>
<div class="layui-tab-item">
<div id="imgview" style="margin-bottom: 60px;"></div>
</div>
<div class="layui-tab-item">
<div id="introduceview" style="margin-bottom: 60px;">
</div>
</div>
<div class="layui-tab-item">
<div id="characteristicview" style="margin-bottom: 60px;">
</div>
</div>
<div class="layui-tab-item">
<div id="problemview" style="margin-bottom: 60px;">
</div>
</div>
</div>
</div>
<!-- <div class="layui-form-item showbtn" >
<div class="layui-input-block" style="padding-right: 10px;">
<button class="layui-btn layui-btn-danger" id="qxBtn">关闭</button>
</div>
</div> -->
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>{{d.lang.carlist.product_name}}:</td>
<td>{{ d.name }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.VIN}}:</td>
<td>{{ d.vin }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.product_image}}:</td>
<td>
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
</td>
</tr>
<!-- <tr>
<td>{{d.lang.carlist.user}}:</td>
<td>
{{ d.user_nickname }}
</td>
</tr> -->
<tr>
<td>{{d.lang.carlist.brand}}:</td>
<td>
{{ d.brand_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.price}}:</td>
<td>{{ d.price }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.type}}:</td>
<td>
{{ d.type_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.energy}}:</td>
<td>
{{ d.energy_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.condition_desc}}:</td>
<td>{{ d.condition_desc }}</td>
</tr>
</tbody>
</table>
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">图册</blockquote> -->
</script>
<script id="img" type="text/html">
<div class="contimg">
<div class="layui-row">
{{# layui.each(d, function(index, item){ }}
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.pic_full }}" alt="{{ item.alt }}">
<div>{{ item.alt }}</div>
</div>
{{# }); }}
</div>
</div>
</script>
<!-- 介绍 -->
<script id="introduce" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="introduceviews">
{{ item.content }}
</div>
{{# }); }}
</script>
<!-- 特点 -->
<script id="characteristic" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="introduceviews">
<h3>{{ item.title }}</h3>
<div class="conts">
{{ item.content }}
</div>
</div>
{{# }); }}
</script>
<!-- 问题 -->
<script id="problem" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="introduceviews">
<h3>{{ item.title }}</h3>
<div class="conts">
{{ item.content }}
</div>
</div>
{{# }); }}
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.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/main.js" charset="utf-8"></script>
<script src="../../assets/js/tablei18n.js"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'table', 'laytpl'], function() {
var form = layui.form,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl,
$ = layui.$;
/**
* 初始化表单,要加上,不然刷新部分组件可能会不加载
*/
// 获取当前语言
var currentLang = localStorage.getItem('language') || 'zh';
var lang = langConfig[currentLang];
form.render();
self.vehiclenewdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
imggetTpl = img.innerHTML,
introduceTpl = introduce.innerHTML,
characteristicTpl = characteristic.innerHTML,
problemTpl = problem.innerHTML,
view = document.getElementById('view'),
imgview = document.getElementById('imgview'),
introduceview = document.getElementById('introduceview'),
characteristicview = document.getElementById('characteristicview'),
problemview = document.getElementById('problemview');
var datas = result.data.album;
var datalang = result.data
datalang.lang = lang
console.log(datalang)
laytpl(getTpl).render(datalang, function(html) {
view.innerHTML = html;
});
laytpl(imggetTpl).render(datas, function(html) {
imgview.innerHTML = html;
});
laytpl(introduceTpl).render(result.data.content, function(html) {
introduceview.innerHTML = html;
});
laytpl(characteristicTpl).render(result.data.trait, function(html) {
characteristicview.innerHTML = html;
});
laytpl(problemTpl).render(result.data.asked, function(html) {
problemview.innerHTML = html;
});
form.render();
var images = document.querySelectorAll('.clickable-img');
images.forEach(function(img) {
img.addEventListener('click', function() {
layer.photos({
photos: {
"title": "图片查看", // 弹出框标题
"id": "photo-viewer", // 唯一标识
"start": 0, // 初始显示的图片索引
"data": [{
"src": img.src, // 图片的src地址
"alt": img.alt // 图片的alt文本
}]
},
anim: 5 // 设置动画效果,5为淡入淡出
});
});
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
// 当前弹出层,防止ID被覆盖
var parentIndex = layer.index;
$("#qxBtn").click(function() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);
})
});
</script>
</body>
</html>
+140
View File
@@ -0,0 +1,140 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seo.title"></label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="required" lay-reqtext="标题不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seo.description"></label>
<div class="layui-input-block">
<textarea name="description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.canonical"></label>
<div class="layui-input-block">
<input type="text" name="canonical" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div> -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_type"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_title"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_description"></label>
<div class="layui-input-block">
<textarea name="og_description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_image"></label>
<div class="layui-input-block">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" id="inputval" name="og_image" value="" />
<button type="button" class="layui-btn layui-btnip"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_url"></label>
<div class="layui-input-block">
<input type="text" name="og_url" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_site_name"></label>
<div class="layui-input-block">
<input type="text" name="og_site_name" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.page"></label>
<div class="layui-input-block">
<select name="page" id="page"></select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
seoselectfn(form)
upload.render({
elem: ".layui-btnip",
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$(".img-3").attr('src',res.data.image_url);
$("#inputval").val(res.data.image_name);
}
}
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+142
View File
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seo.title"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="title" lay-verify="required" lay-reqtext="标题不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seo.description"></label>
<div class="layui-input-block">
<textarea name="description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.canonical"></label>
<div class="layui-input-block">
<input type="text" name="canonical" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div> -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_type"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_title"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_description"></label>
<div class="layui-input-block">
<textarea name="og_description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_image"></label>
<div class="layui-input-block">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="og_image" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_url"></label>
<div class="layui-input-block">
<input type="text" name="og_url" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_site_name"></label>
<div class="layui-input-block">
<input type="text" name="og_site_name" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.page"></label>
<div class="layui-input-block">
<select name="page" id="page"></select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
seoselectfn(form)
self.seodetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.og_image_full)
form.val('edit', result.data)
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+106
View File
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="typeimg" ></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="img" value="" id="avatarinput" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="0" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
upload.render({
elem: "#avatar",
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$(".img-3").attr('src',res.data.image_url);
$("#avatarinput").val(res.data.image_name);
}
}
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+134
View File
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="typeimg"></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="image" value="" id="avatarinput" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.typesdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr('src',result.data.image);
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
// upload.render({
// elem: "#avatar",
// url:baseUrl+ 'console/upload/image',
// accept: 'images',
// field: 'image',
// done: function(res){
// if(res.code == 0){
// $(".img-3").attr('src',res.data.image_url);
// $("#avatarinput").val(res.data.image_name);
// }
// }
// });
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+133
View File
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="typeimg"></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="img" value="" id="avatarinput" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.typesdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr('src',result.data.img_full);
form.val('edit', result.data)
form.render();
// // 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
upload.render({
elem: "#avatar",
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$(".img-3").attr('src',res.data.image_url);
$("#avatarinput").val(res.data.image_name);
}
}
});
});
</script>
</body>
</html>
+113
View File
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.user_id">用户编号</label>
<div class="layui-input-block">
<input type="text" name="user_sn" lay-verify="required" lay-reqtext="用户编号不能为空" placeholder="请输入用户编号" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.nickname">用户昵称</label>
<div class="layui-input-block">
<input type="text" name="nickname" lay-verify="required" lay-reqtext="用户昵称不能为空" placeholder="请输入用户昵称" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="userlist.head"></label>
<div class="layui-input-block">
<img class="img-3" src="https://api.collect.hs.hnzhwlkj.club/avatar.png" alt="" />
<input type="text" style="display:none" name="avatar" value="" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i> <span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="userlist.realname">姓名</label>
<div class="layui-input-block">
<input type="text" name="realname" placeholder="请输入姓名" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.phone_number">手机号</label>
<div class="layui-input-block">
<input type="text" name="phone" placeholder="请输入手机" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="userlist.company">公司</label>
<div class="layui-input-block">
<input type="text" name="company" placeholder="请输入公司" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.wechat_id_full">微信ID</label>
<div class="layui-input-block">
<input type="text" name="openid" value="" required lay-verify="required" placeholder="请输入微信ID" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="userlist.status">状态</label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" />
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+168
View File
@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.user_id"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="user_sn" lay-verify="required" lay-reqtext="用户编号不能为空" data-i18n-placeholder="pleaseenter"
value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.nickname"></label>
<div class="layui-input-block">
<input type="text" name="nickname" lay-verify="required" lay-reqtext="用户昵称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="userlist.head"></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="avatar" id="avatarurl" value="" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="userlist.realname"></label>
<div class="layui-input-block">
<input type="text" name="realname" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.phone_number"></label>
<div class="layui-input-block">
<input type="text" name="phone" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="userlist.company"></label>
<div class="layui-input-block">
<input type="text" name="company" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.wechat_id_full"></label>
<div class="layui-input-block">
<input type="text" name="openid" value="" disabled lay-verify="required" data-i18n-placeholder="pleaseenter"
class="layui-input layui-disabled">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="userlist.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" />
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
//监听提交
form.render();
$("#idedt").val(getQueryString('id'))
self.usersdetail({
type: 'get',
data: {
id: getQueryString('id')
},
successCallBack: function(result) {
if (result.code == 0) {
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$(".img-3").attr("src", result.data.avatar)
layui.$("#status").attr("checked", layui.$('input[name="status"]')
.val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 :
0);
});
})
};
},
failCallBack: function(result) {
alert(result.message);
}
})
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
upload.render({
elem: '#avatar',
url:baseUrl+ 'console/upload/image',
field: 'image',
done: function(res) {
if (res.code == 0) {
layui.layer.msg('上传成功');
} else {
layui.layer.msg(res.message);
}
this.item.prev().val(res.data.image_name).prev().attr("src", res.data.image_url);
}
});
});
</script>
</body>
</html>
Executable
+72
View File
@@ -0,0 +1,72 @@
<!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="../assets/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend data-i18n="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="seach.name"></label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-inline">
<select name="status" class="layui-input">
<option value="" data-i18n="select"></option>
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</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="btn.search"></span></button>
</div>
</div>
</form>
</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"> 添加 </button>
<!-- <button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button> -->
</div>
</script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="edit" lay-event="edit">编辑</a>
<a class="delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script src="../assets/js/type.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>
+71
View File
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>修改密码</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="../css/public.css" media="all">
<style>
.layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required">旧的密码</label>
<div class="layui-input-block">
<input type="password" name="old_password" lay-verify="required" lay-reqtext="旧的密码不能为空" placeholder="请输入旧的密码" value="" class="layui-input">
<tip>填写自己账号的旧的密码。</tip>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">新的密码</label>
<div class="layui-input-block">
<input type="password" name="new_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">新的密码</label>
<div class="layui-input-block">
<input type="password" name="again_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
</div>
</div>
</div>
</div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script>
layui.use(['form','miniTab'], function () {
var form = layui.form,
layer = layui.layer,
miniTab = layui.miniTab;
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
layer.close(index);
miniTab.deleteCurrentByIframe();
});
return false;
});
});
</script>
</body>
</html>
+76
View File
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基本资料</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="../css/public.css" media="all">
<style>
.layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required">管理账号</label>
<div class="layui-input-block">
<input type="text" name="username" lay-verify="required" lay-reqtext="管理账号不能为空" placeholder="请输入管理账号" value="admin" class="layui-input">
<tip>填写自己管理账号的名称。</tip>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">手机</label>
<div class="layui-input-block">
<input type="number" name="phone" lay-verify="required" lay-reqtext="手机不能为空" placeholder="请输入手机" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">邮箱</label>
<div class="layui-input-block">
<input type="email" name="email" placeholder="请输入邮箱" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">备注信息</label>
<div class="layui-input-block">
<textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
</div>
</div>
</div>
</div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script>
layui.use(['form','miniTab'], function () {
var form = layui.form,
layer = layui.layer,
miniTab = layui.miniTab;
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
layer.close(index);
miniTab.deleteCurrentByIframe();
});
return false;
});
});
</script>
</body>
</html>
+237
View File
@@ -0,0 +1,237 @@
<!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>
+88
View File
@@ -0,0 +1,88 @@
<!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="../assets/css/public.css" media="all">
</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">
<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">
<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>
</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"> 添加 </button>
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="delete"> 删除 </button>
</div>
</script>
<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">编辑</a>
<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
</script>
</div>
</div>
<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/userList1.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>
+395
View File
@@ -0,0 +1,395 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页二</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>
.layui-card {border:1px solid #f2f2f2;border-radius:5px;}
.icon {margin-right:10px;color:#1aa094;}
.icon-cray {color:#ffb800!important;}
.icon-blue {color:#1e9fff!important;}
.icon-tip {color:#ff5722!important;}
.layuimini-qiuck-module {text-align:center;margin-top: 10px}
.layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
.layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
.welcome-module {width:100%;height:210px;}
.panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body {padding:10px}
.panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
.label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
.layui-red {color:red}
.main_btn > p {height:40px;}
.layui-bg-number {background-color:#F8F8F8;}
.layuimini-notice:hover {background:#f6f6f6;}
.layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
.layuimini-notice-title,.layuimini-notice-label {
padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}
.layuimini-notice-title {line-height:28px;font-size:14px;}
.layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-row layui-col-space15">
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
<div class="layui-card-body">
<div class="welcome-module">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs6">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-blue">实时</span>
<h5>用户统计</h5>
</div>
<div class="panel-content">
<h1 class="no-margins">1234</h1>
<small>当前分类总记录数</small>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-cyan">实时</span>
<h5>商品统计</h5>
</div>
<div class="panel-content">
<h1 class="no-margins">1234</h1>
<small>当前分类总记录数</small>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-orange">实时</span>
<h5>浏览统计</h5>
</div>
<div class="panel-content">
<h1 class="no-margins">1234</h1>
<small>当前分类总记录数</small>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-green">实时</span>
<h5>订单统计</h5>
</div>
<div class="panel-content">
<h1 class="no-margins">1234</h1>
<small>当前分类总记录数</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
<div class="layui-card-body">
<div class="welcome-module">
<div class="layui-row layui-col-space10 layuimini-qiuck">
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/menu.html" data-title="菜单管理" data-icon="fa fa-window-maximize">
<i class="fa fa-window-maximize"></i>
<cite>菜单管理</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/setting.html" data-title="系统设置" data-icon="fa fa-gears">
<i class="fa fa-gears"></i>
<cite>系统设置</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/table.html" data-title="表格示例" data-icon="fa fa-file-text">
<i class="fa fa-file-text"></i>
<cite>表格示例</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/icon.html" data-title="图标列表" data-icon="fa fa-dot-circle-o">
<i class="fa fa-dot-circle-o"></i>
<cite>图标列表</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/form.html" data-title="表单示例" data-icon="fa fa-calendar">
<i class="fa fa-calendar"></i>
<cite>表单示例</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/404.html" data-title="404页面" data-icon="fa fa-hourglass-end">
<i class="fa fa-hourglass-end"></i>
<cite>404页面</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="page/button.html" data-title="按钮示例" data-icon="fa fa-snowflake-o">
<i class="fa fa-snowflake-o"></i>
<cite>按钮示例</cite>
</a>
</div>
<div class="layui-col-xs3 layuimini-qiuck-module">
<a href="javascript:;" layuimini-content-href="https://www.baidu.com" data-title="百度搜索" data-icon="fa fa-search">
<i class="fa fa-search"></i>
<cite>百度搜索</cite>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-line-chart icon"></i>报表统计</div>
<div class="layui-card-body">
<div id="echarts-records" style="width: 100%;min-height:500px"></div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-bullhorn icon icon-tip"></i>系统公告</div>
<div class="layui-card-body layui-text">
<div class="layuimini-notice">
<div class="layuimini-notice-title">修改选项卡样式</div>
<div class="layuimini-notice-extra">2019-07-11 23:06</div>
<div class="layuimini-notice-content layui-hide">
界面足够简洁清爽。<br>
一个接口几行代码而已直接初始化整个框架,无需复杂操作。<br>
支持多tab,可以打开多窗口。<br>
支持无限级菜单和对font-awesome图标库的完美支持。<br>
失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。<br>
url地址hash定位,可以清楚看到当前tab的地址信息。<br>
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。<br>
移动端的友好支持。<br>
</div>
</div>
<div class="layuimini-notice">
<div class="layuimini-notice-title">新增系统404模板</div>
<div class="layuimini-notice-extra">2019-07-11 12:57</div>
<div class="layuimini-notice-content layui-hide">
界面足够简洁清爽。<br>
一个接口几行代码而已直接初始化整个框架,无需复杂操作。<br>
支持多tab,可以打开多窗口。<br>
支持无限级菜单和对font-awesome图标库的完美支持。<br>
失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。<br>
url地址hash定位,可以清楚看到当前tab的地址信息。<br>
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。<br>
移动端的友好支持。<br>
</div>
</div>
<div class="layuimini-notice">
<div class="layuimini-notice-title">新增treetable插件和菜单管理样式</div>
<div class="layuimini-notice-extra">2019-07-05 14:28</div>
<div class="layuimini-notice-content layui-hide">
界面足够简洁清爽。<br>
一个接口几行代码而已直接初始化整个框架,无需复杂操作。<br>
支持多tab,可以打开多窗口。<br>
支持无限级菜单和对font-awesome图标库的完美支持。<br>
失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。<br>
url地址hash定位,可以清楚看到当前tab的地址信息。<br>
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。<br>
移动端的友好支持。<br>
</div>
</div>
<div class="layuimini-notice">
<div class="layuimini-notice-title">修改logo缩放问题</div>
<div class="layuimini-notice-extra">2019-07-04 11:02</div>
<div class="layuimini-notice-content layui-hide">
界面足够简洁清爽。<br>
一个接口几行代码而已直接初始化整个框架,无需复杂操作。<br>
支持多tab,可以打开多窗口。<br>
支持无限级菜单和对font-awesome图标库的完美支持。<br>
失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。<br>
url地址hash定位,可以清楚看到当前tab的地址信息。<br>
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。<br>
移动端的友好支持。<br>
</div>
</div>
<div class="layuimini-notice">
<div class="layuimini-notice-title">修复左侧菜单缩放tab无法移动</div>
<div class="layuimini-notice-extra">2019-06-17 11:55</div>
<div class="layuimini-notice-content layui-hide">
界面足够简洁清爽。<br>
一个接口几行代码而已直接初始化整个框架,无需复杂操作。<br>
支持多tab,可以打开多窗口。<br>
支持无限级菜单和对font-awesome图标库的完美支持。<br>
失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。<br>
url地址hash定位,可以清楚看到当前tab的地址信息。<br>
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。<br>
移动端的友好支持。<br>
</div>
</div>
<div class="layuimini-notice">
<div class="layuimini-notice-title">修复多模块菜单栏展开有问题</div>
<div class="layuimini-notice-extra">2019-06-13 14:53</div>
<div class="layuimini-notice-content layui-hide">
界面足够简洁清爽。<br>
一个接口几行代码而已直接初始化整个框架,无需复杂操作。<br>
支持多tab,可以打开多窗口。<br>
支持无限级菜单和对font-awesome图标库的完美支持。<br>
失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。<br>
url地址hash定位,可以清楚看到当前tab的地址信息。<br>
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。<br>
移动端的友好支持。<br>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-paper-plane-o icon"></i>作者心语</div>
<div class="layui-card-body layui-text layadmin-text">
<p>本模板基于layui2.5.4以及font-awesome-4.7.0进行实现。layui开发文档地址:<a class="layui-btn layui-btn-xs layui-btn-danger" target="_blank" href="http://www.layui.com/doc">layui文档</a></p>
<p>技术交流QQ群(716235988):<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=7TMTuAJv"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="layuimini" title="layuimini"></a>(加群请备注来源:如gitee、github、官网等)</p>
<p>喜欢此后台模板的可以给我的GitHub和Gitee加个Star支持一下</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script>
layui.use(['layer', 'miniTab','echarts'], function () {
var $ = layui.jquery,
layer = layui.layer,
miniTab = layui.miniTab,
echarts = layui.echarts;
miniTab.listen();
/**
* 查看公告信息
**/
$('body').on('click', '.layuimini-notice', function () {
var title = $(this).children('.layuimini-notice-title').text(),
noticeTime = $(this).children('.layuimini-notice-extra').text(),
content = $(this).children('.layuimini-notice-content').html();
var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
'<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
'<div style="font-size: 12px">' + content + '</div>\n' +
'</div>\n';
parent.layer.open({
type: 1,
title: '系统公告'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>',
area: '300px;',
shade: 0.8,
id: 'layuimini-notice',
btn: ['查看', '取消'],
btnAlign: 'c',
moveType: 1,
content:html,
success: function (layero) {
var btn = layero.find('.layui-layer-btn');
btn.find('.layui-layer-btn0').attr({
href: 'https://gitee.com/zhongshaofa/layuimini',
target: '_blank'
});
}
});
});
/**
* 报表功能
*/
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
var optionRecords = {
tooltip: {
trigger: 'axis'
},
legend: {
data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一','周二','周三','周四','周五','周六','周日']
},
yAxis: {
type: 'value'
},
series: [
{
name:'邮件营销',
type:'line',
data:[120, 132, 101, 134, 90, 230, 210]
},
{
name:'联盟广告',
type:'line',
data:[220, 182, 191, 234, 290, 330, 310]
},
{
name:'视频广告',
type:'line',
data:[150, 232, 201, 154, 190, 330, 410]
},
{
name:'直接访问',
type:'line',
data:[320, 332, 301, 334, 390, 330, 320]
},
{
name:'搜索引擎',
type:'line',
data:[820, 932, 901, 934, 1290, 1330, 1320]
}
]
};
echartsRecords.setOption(optionRecords);
// echarts 窗口缩放自适应
window.onresize = function(){
echartsRecords.resize();
}
});
</script>
</body>
</html>
+213
View File
@@ -0,0 +1,213 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页二</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>
.layui-card {border:1px solid #f2f2f2;border-radius:5px;}
.icon {margin-right:10px;color:#1aa094;}
.icon-cray {color:#ffb800!important;}
.icon-blue {color:#1e9fff!important;}
.icon-tip {color:#ff5722!important;}
.layuimini-qiuck-module {text-align:center;margin-top: 10px}
.layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
.layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
/* .welcome-module {width:100%;height:210px;} */
.welcome-module {width:100%;}
.panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body {padding:10px}
.panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
.label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
.layui-red {color:red}
.main_btn > p {height:40px;}
.layui-bg-number {background-color:#F8F8F8;}
.layuimini-notice:hover {background:#f6f6f6;}
.layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
.layuimini-notice-title,.layuimini-notice-label {
padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}
.layuimini-notice-title {line-height:28px;font-size:14px;}
.layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-warning icon"></i> <span data-i18n="home.title"></span></div>
<div class="layui-card-body">
<div class="welcome-module">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs6 layui-col-md3">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-blue" data-i18n="home.realtime"></span>
<h5 data-i18n="home.vehicleCounts"></h5>
</div>
<div class="panel-content">
<h1 class="no-margins" id="vehicleCounts"></h1>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-cyan" data-i18n="home.realtime"></span>
<h5 data-i18n="home.inTransitCounts"></h5>
</div>
<div class="panel-content">
<h1 class="no-margins" id="inTransitCounts"></h1>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-orange" data-i18n="home.realtime"></span>
<h5 data-i18n="home.brandCounts"></h5>
</div>
<div class="panel-content" id="brandCounts">
<h1 class="no-margins"></h1>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="panel layui-bg-number">
<div class="panel-body">
<div class="panel-title">
<span class="label pull-right layui-bg-green" data-i18n="home.realtime"></span>
<h5 data-i18n="home.inOrderCounts"></h5>
</div>
<div class="panel-content">
<h1 class="no-margins" id="inOrderCounts"></h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header"><i class="fa fa-line-chart icon"></i>报表统计</div>
<div class="layui-card-body">
<div id="echarts-records" style="width: 100%;min-height:500px"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<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/main.js" charset="utf-8"></script>
<script src="../assets/js/tablei18n.js"></script>
<script src="../assets/js/i18n2.js"></script>
<script>
layui.use(['layer'], function () {
var $ = layui.jquery,
layer = layui.layer;
// echarts = layui.echarts;
// miniTab.listen();
console.log('222')
self.counts({
type:'get',
successCallBack: function(result){
if(result.code==0){
var data = result.data
$("#brandCounts").html(data.brandCounts)
$("#inOrderCounts").html(data.inOrderCounts)
$("#inTransitCounts").html(data.inTransitCounts)
$("#vehicleCounts").html(data.vehicleCounts)
}
},
failCallBack: function(result){
alert(result.message);
}
})
/**
* 报表功能
*/
// var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
// var optionRecords = {
// tooltip: {
// trigger: 'axis'
// },
// legend: {
// data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
// },
// grid: {
// left: '3%',
// right: '4%',
// bottom: '3%',
// containLabel: true
// },
// toolbox: {
// feature: {
// saveAsImage: {}
// }
// },
// xAxis: {
// type: 'category',
// boundaryGap: false,
// data: ['周一','周二','周三','周四','周五','周六','周日']
// },
// yAxis: {
// type: 'value'
// },
// series: [
// {
// name:'邮件营销',
// type:'line',
// data:[120, 132, 101, 134, 90, 230, 210]
// },
// {
// name:'联盟广告',
// type:'line',
// data:[220, 182, 191, 234, 290, 330, 310]
// },
// {
// name:'视频广告',
// type:'line',
// data:[150, 232, 201, 154, 190, 330, 410]
// },
// {
// name:'直接访问',
// type:'line',
// data:[320, 332, 301, 334, 390, 330, 320]
// },
// {
// name:'搜索引擎',
// type:'line',
// data:[820, 932, 901, 934, 1290, 1330, 1320]
// }
// ]
// };
// echartsRecords.setOption(optionRecords);
// // echarts 窗口缩放自适应
// window.onresize = function(){
// echartsRecords.resize();
// }
});
</script>
</body>
</html>