Initial commit
This commit is contained in:
Executable
+110
@@ -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>
|
||||
Executable
+82
@@ -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>
|
||||
Executable
+80
@@ -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>
|
||||
Executable
+73
@@ -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>
|
||||
Executable
+126
@@ -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
@@ -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>
|
||||
Executable
+50
@@ -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>
|
||||
Executable
+72
@@ -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>
|
||||
Executable
+72
@@ -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>
|
||||
Executable
+99
@@ -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
@@ -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>
|
||||
Executable
+103
@@ -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>
|
||||
Executable
+126
@@ -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>
|
||||
Executable
+323
@@ -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>
|
||||
Executable
+138
@@ -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>
|
||||
Executable
+260
@@ -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"></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"></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"></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>
|
||||
Executable
+243
@@ -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"></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"></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>
|
||||
Executable
+333
@@ -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"></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"></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"></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>
|
||||
Executable
+394
@@ -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>
|
||||
Executable
+86
@@ -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>
|
||||
Executable
+469
@@ -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>
|
||||
Executable
+259
@@ -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>
|
||||
Executable
+180
@@ -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>
|
||||
Executable
+202
@@ -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>
|
||||
Executable
+80
@@ -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>
|
||||
Executable
+106
@@ -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>
|
||||
Executable
+91
@@ -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>
|
||||
Executable
+115
@@ -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>
|
||||
Executable
+334
@@ -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"></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"></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"></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"></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>
|
||||
Executable
+429
@@ -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"></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"></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"></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"></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"></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>
|
||||
Executable
+280
@@ -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>
|
||||
Executable
+140
@@ -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>
|
||||
Executable
+142
@@ -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>
|
||||
Executable
+106
@@ -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>
|
||||
Executable
+134
@@ -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>
|
||||
Executable
+133
@@ -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>
|
||||
Executable
+113
@@ -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>
|
||||
Executable
+168
@@ -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
@@ -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>
|
||||
Executable
+71
@@ -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>
|
||||
Executable
+76
@@ -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>
|
||||
Executable
+237
@@ -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>
|
||||
Executable
+88
@@ -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>
|
||||
Executable
+395
@@ -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>
|
||||
Executable
+213
@@ -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>
|
||||
Reference in New Issue
Block a user