Initial commit

This commit is contained in:
2025-06-06 09:07:50 +08:00
commit 7533598830
293 changed files with 111546 additions and 0 deletions
+103
View File
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.agtype"></label>
<div class="layui-input-block">
<select name="key" class="layui-input">
<option value="privacy" data-i18n="selectlist.privacy"></option>
<option value="user" data-i18n="selectlist.user"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.title"></label>
<div class="layui-input-block">
<input type="text" name="title" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.content"></label>
<div class="layui-input-block">
<!-- <div id="editor" style="margin: 50px 0 50px 0">
</div> -->
<textarea name="content" id="content"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<select name="status" class="layui-input">
<option value="1" data-i18n="seach.status1">正常</option>
<option value="0" data-i18n="seach.status2">禁用</option>
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','tinymce', 'util', ], function () {
var form = layui.form,
layer = layui.layer,
util = layui.util,
t = layui.tinymce;
$ = layui.$;
var edit = t.render({
elem: "#content",
height: 300,
form:{
name:'image'
},
plugins: 'image',
// headers: sessionStorage.tokencar,
images_upload_url: baseUrl+ 'console/upload/image',
},function(opt){
console.log(opt)
//加载完成后回调
});
edit.on("blur", function(){
layui.$("#content").val(edit.getContent());
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+126
View File
@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.agtype">、</label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<select name="key" class="layui-input">
<option value="privacy" data-i18n="selectlist.privacy"></option>
<option value="user" data-i18n="selectlist.user"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.title"></label>
<div class="layui-input-block">
<input type="text" name="title" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.content"></label>
<div class="layui-input-block">
<textarea name="content" id="content"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<select name="status" class="layui-input">
<option value="1" data-i18n="seach.status1">正常</option>
<option value="0" data-i18n="seach.status2">禁用</option>
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','tinymce'], function () {
var form = layui.form,
layer = layui.layer,
t = layui.tinymce,
$ = layui.$;
var edit = t.render({
elem: "#content",
height: 300,
form:{
name:'image'
},
plugins: 'image',
images_upload_url:baseUrl+ 'console/upload/image',
},function(opt){
console.log(opt)
//加载完成后回调
});
edit.on("blur", function(){
layui.$("#content").val(edit.getContent());
});
form.render();
$("#idedt").val(getQueryString('id'))
self.agtdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
edit.setContent(result.data.content);
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+323
View File
@@ -0,0 +1,323 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body{
background-color: #ffffff;
height: 93%;
}
.layui-tab{
height: 65%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
.conts1 p{
line-height: 28px;
}
.carbtn{
text-align: right;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.status"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<select name="apply_status" class="layui-input" lay-verify="required">
<option value="1" data-i18n="audit.pass"></option>
<option value="2" data-i18n="audit.refuse"></option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="audit.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<div class="carbtn"><button id="edit" class="layui-btn layui-btn-normal" data-i18n="audit.editcarbtn"></button></div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="view"></div>
</div>
<div class="layui-tab-item">
<div id="imgview" ></div>
</div>
</div>
</div>
</div>
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>{{d.lang.carlist.product_name}}:</td>
<td>{{ d.name }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.VIN}}:</td>
<td>{{ d.vin }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.product_image}}:</td>
<td>
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
</td>
</tr>
<tr>
<td>{{d.lang.carlist.user}}:</td>
<td>
{{ d.user_nickname }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.brand}}:</td>
<td>
{{ d.brand_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.price}}:</td>
<td>{{ d.price }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.type}}:</td>
<td>
{{ d.type_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.energy}}:</td>
<td>
{{ d.energy_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.mileage}}:</td>
<td>{{ d.mileage }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.vehicle_age}}:</td>
<td>{{ d.vehicle_age }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.condition_desc}}:</td>
<td>{{ d.condition_desc }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.location}}:</td>
<td>{{ d.location_name }}</td>
</tr>
<!-- <tr>
<td>{{d.lang.carlist.status}}:</td>
<td >
{{# if(d.info_status == 2){ }}
<span class="layui-badge">{{d.lang.carlist.rejected}}</span>
{{# } }}
{{# if(d.info_status == 1){ }}
<span class="layui-badge layui-bg-blue">{{d.lang.carlist.pending_publish}}</span>
{{# } }}
{{# if(d.info_status == 0){ }}
<span class="layui-badge layui-bg-orange">{{d.lang.carlist.pending_review}}</span>
{{# } }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.is_sold}}:</td>
<td>
{{# if(d.is_saled == 1){ }}
<span class="green">{{d.lang.carlist.sold}}</span>
{{# } }}
{{# if(d.is_saled == 0){ }}
<span class="orange">{{d.lang.carlist.not_sold}}</span>
{{# } }}
</td>
</tr> -->
</tbody>
</table>
</script>
<script id="img" type="text/html">
<div class="contimg">
<div class="layui-row">
{{# layui.each(d, function(index, item){ }}
{{# if(item.value_full !=''){ }}
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.value_full }}" alt="{{ item.name }}">
<div>{{ item.name }}</div>
</div>
{{# } }}
{{# }); }}
</div>
</div>
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/js/tablei18n.js"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','laytpl'], function () {
var form = layui.form,
layer = layui.layer,
laytpl = layui.laytpl,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
// 获取当前语言
var currentLang = localStorage.getItem('language') || 'zh';
var lang = langConfig[currentLang];
function getcarinfo(){
self.vehicledetail({
type:'get',
data:{id:getQueryString('vehicle_data_id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
imggetTpl = img.innerHTML,
view = document.getElementById('view'),
imgview = document.getElementById('imgview');
var datas = result.data.albums;
var datalang = result.data
datalang.lang = lang
console.log(datalang)
laytpl(getTpl).render(datalang, function(html) {
view.innerHTML = html;
});
laytpl(imggetTpl).render(datas, function(html) {
imgview.innerHTML = html;
});
laytpl(getTpl).render(result.data, function(html) {
view.innerHTML = html;
});
form.render();
var images = document.querySelectorAll('.clickable-img');
images.forEach(function(img) {
img.addEventListener('click', function() {
layer.photos({
photos: {
"title": "图片查看", // 弹出框标题
"id": "photo-viewer", // 唯一标识
"start": 0, // 初始显示的图片索引
"data": [{
"src": img.src, // 图片的src地址
"alt": img.alt // 图片的alt文本
}]
},
anim: 5 // 设置动画效果,5为淡入淡出
});
});
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
}
getcarinfo()
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
$("#edit").click(function(){
var index = layer.open({
title:lang.audit.edit_title,
type: 2,
shade: 0.2,
maxmin:true,
shadeClose: true,
area: ['70%', '90%'],
btn: [lang.audit.confirm, lang.audit.cancel],
content: './carlistedit.html?id='+getQueryString('vehicle_data_id'),
yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'saveBtn'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field; //获取提交的字段
console.log(field)
self.vehicleupdate({
type:'post',
data:data.field,
successCallBack: function(result){
layer.msg(result.message)
layer.close(index); //关闭弹层
getcarinfo()
},
failCallBack: function(result){
alert(result.message);
}
})
});
submit.trigger('click');
}
});
$(window).on("resize", function () {
layer.full(index);
});
return false;
})
});
</script>
</body>
</html>
+138
View File
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body{
background-color: #ffffff;
height: 93%;
}
.layui-tab{
height: 65%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
.conts1 p{
line-height: 28px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div id="view"></div>
</div>
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>管理员名字:</td>
<td>{{ d.admin_name }}</td>
</tr>
<tr>
<td>产品名称:</td>
<td>{{ d.vehicle_data_name }}</td>
</tr>
<tr>
<td>审核描述:</td>
<td>{{ d.desc }}</td>
</tr>
<tr>
<td>状态:</td>
<td >
{{# if(d.apply_status == 2){ }}
<span class="layui-badge">已拒绝</span>
{{# } }}
{{# if(d.apply_status == 1){ }}
<span class="layui-badge layui-bg-blue">通过</span>
{{# } }}
{{# if(d.apply_status == 0){ }}
<span class="layui-badge layui-bg-orange">待审核</span>
{{# } }}
</td>
</tr>
</tbody>
</table>
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','laytpl'], function () {
var form = layui.form,
layer = layui.layer,
laytpl = layui.laytpl,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.applydetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
view = document.getElementById('view');
laytpl(getTpl).render(result.data, function(html) {
view.innerHTML = html;
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+260
View File
@@ -0,0 +1,260 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="brand.album"></li>
<li data-i18n="brand.advantage"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logo"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="logo" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banner"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="toppic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnail"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="descpic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" id="desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label">品牌图册</label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i>上传图片
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<div class="layui-input-block" style="text-align: right;">
<button type="button" class="layui-btn layui-btn-normal" id="addItem">
<i class="layui-icon">&#xe654;</i><span data-i18n="brand.advantage"></span>
</button>
</div>
</div>
<div id="itemList">
<!-- 动态添加的内容将在这里显示 -->
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form', 'upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
$('.btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
// 图片上传
upload.render({
elem: '#albumUpload',
url:baseUrl+ 'console/upload/image',
multiple: true,
accept: 'images',
acceptMime: 'image/*',
field: 'image',
before: function(obj) {
// 预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
obj.preview(function(index, file, result) {
// 生成唯一的图片ID
var imgId = 'img_' + new Date().getTime() + '_' + index;
$('#albumList').append(`
<div class="upload-itemm" style="display: inline-block; margin: 10px;" data-index="${index}">
<img src="${result}" alt="" id="${imgId}" class="img-3">
<input type="hidden" name="pic[]" value="">
<input type="text" class="layui-input" placeholder="请输入图片描述" style="margin: 5px 0px;height: 30px;" name="alt[]">
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
<i class="layui-icon">&#xe640;</i>删除
</button>
</div>
`);
});
},
done: function(res, index, upload) {
// 上传完毕回调
if(res.code == 0) {
// 上传成功,设置图片地址
console.log(res.data.image_name);
// 通过data-index属性找到对应的元素
$('.upload-itemm[data-index="' + index + '"]').find('input[name="pic[]"]').val(res.data.image_name);
} else {
layer.msg('上传失败');
}
},
error: function() {
layer.msg('上传失败');
}
});
// 删除图片
$(document).on('click', '.delete-img', function() {
$(this).closest('.upload-itemm').remove();
});
// 原有的表单提交代码
form.on('submit(saveBtn)', function (data) {
// 获取所有图片和描述,组合成指定格式
var albumData = [];
$('.upload-itemm').each(function() {
var pic = $(this).find('input[name="pic[]"]').val();
var alt = $(this).find('input[name="alt[]"]').val();
if(pic) { // 只添加有图片的数据
albumData.push({
pic: pic,
alt: alt || '' // 如果没有描述,设置为空字符串
});
}
});
// 将组合后的数据添加到表单数据中
data.field.album = albumData;
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
addFeature('itemList',form,'标题','内容')
// 添加按钮点击事件
$('#addItem').on('click', function() {
addFeature('itemList',form,'标题','内容')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#itemList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
// 页面加载时添加第一组
addItem();
});
</script>
</body>
</html>
+243
View File
@@ -0,0 +1,243 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="brand.album"></li>
<li data-i18n="brand.advantage"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.name"></label>
<div class="layui-input-block">
<input type="text" name="name" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logo"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="logo" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logoalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="logo_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banner"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="toppic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banneralt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="toppic_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnail"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="descpic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnailalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="descpic_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.is_hot"></label>
<div class="layui-input-block">
<select name="is_hot" class="layui-input" >
<option value="0" data-i18n="alls.no"></option>
<option value="1" data-i18n="alls.yes"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" id="desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.album"></label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.advantage"></label>
<div class="layui-input-block">
<div class="feature-list" id="itemList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addItem">
<i class="layui-icon">&#xe654;</i><span data-i18n="brand.advantage"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form', 'upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
$('.btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
// 图片上传预览
uploadimage(upload,baseUrl)
// 原有的表单提交代码
form.on('submit(saveBtn)', function (data) {
// 获取所有图片地址
var albumImages = [];
$('input[name="album[]"]').each(function() {
if($(this).val()) {
albumImages.push($(this).val());
}
});
data.field.album = albumImages;
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
addFeature('itemList',form,'标题','内容','','')
// 添加按钮点击事件
$('#addItem').on('click', function() {
addFeature('itemList', form);
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#itemList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
});
</script>
</body>
</html>
+333
View File
@@ -0,0 +1,333 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img {
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="brand.album"></li>
<li data-i18n="brand.advantage"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch"
lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logo"></label>
<div class="layui-input-block upload-item">
<img class="img-3 logo" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="logo" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span
data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.logoalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="logo_alt" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banner"></label>
<div class="layui-input-block upload-item">
<img class="img-3 toppic" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="toppic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span
data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.banneralt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="toppic_alt" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnail"></label>
<div class="layui-input-block upload-item">
<img class="img-3 descpic" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="descpic" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span
data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="brand.thumbnailalt"></label>
<div class="layui-input-block upload-item">
<input type="text" name="descpic_alt" data-i18n-placeholder="pleaseenter" value=""
class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.is_hot"></label>
<div class="layui-input-block">
<select name="is_hot" class="layui-input" >
<option value="0" data-i18n="alls.no"></option>
<option value="1" data-i18n="alls.yes"></option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" id="desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label">品牌图册</label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="brand.advantage"></label>
<div class="layui-input-block">
<div class="feature-list" id="itemList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addItem">
<i class="layui-icon">&#xe654;</i><span data-i18n="brand.advantage"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.branddetail({
type: 'get',
data: {
id: getQueryString('id')
},
successCallBack: function(result) {
if (result.code == 0) {
$(".toppic").attr("src", result.data.toppic_full)
$(".logo").attr("src", result.data.logo_full)
$(".descpic").attr("src", result.data.descpic_full)
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]')
.val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 :
0);
});
})
// 回显图册
if(result.data.banner && result.data.banner.length > 0) {
result.data.banner.forEach(function(item) {
var imgId = 'img_' + new Date().getTime() + '_' + Math.random();
$('#albumList').append(`
<div class="upload-itemm" style="display: inline-block; margin: 10px;">
<img src="${item.pic_full}" alt="${item.alt || ''}" id="${imgId}" class="img-3">
<input type="hidden" name="pic[]" value="${item.pic}">
<input type="hidden" name="idimg[]" value="${item.id}" />
<input type="text" class="layui-input" data-i18n-placeholder="brand.image_desc"
style="margin: 5px 0px;height: 30px;" name="alt[]" value="${item.alt || ''}">
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
<i class="layui-icon">&#xe640;</i><span data-i18n="btn.delete"></span>
</button>
</div>
`);
});
}
// 回显特点数据
if(result.data.trait && result.data.trait.length > 0) {
result.data.trait.forEach(function(item) {
addFeature('itemList',form,'标题','内容', item.title, item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addFeature('itemList',form,'标题','标题','','')
}
};
},
failCallBack: function(result) {
alert(result.message);
}
})
// 添加按钮点击事件
$('#addItem').on('click', function() {
addFeature('itemList', form, '标题', '内容','','')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#itemList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
$('.btnup').each(function(index, item) {
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url: baseUrl + 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res) {
if (res.code == 0) {
$item.find('img').attr('src', res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
$('.upload-item img').on('click', function() {
var imgList = [];
$('.upload-item img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
console.log(imgList)
layer.photos({
photos: {
data: imgList
},
anim: 5, // 动画类型
shadeClose: true, // 点击遮罩关闭
closeBtn: 1, // 显示关闭按钮
});
});
$(document).on('click', '.upload-itemm img', function() {
var imgList = [];
$('.upload-itemm img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
layer.photos({
photos: {
data: imgList
},
anim: 5,
shadeClose: true,
closeBtn: 1,
});
});
// 图片上传
uploadimage(upload,baseUrl)
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+394
View File
@@ -0,0 +1,394 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
/* overflow: scroll; */
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="cover" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
(<span data-i18n="Imageratio"></span> 4:3)
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.store_status"></label>
<div class="layui-input-block">
<select name="store_status" id="store_status" class="layui-input">
<!-- <option value="">请选择</option> -->
<option value="1" data-i18n="carlist.in_stock"></option>
<option value="2" data-i18n="carlist.in_transit"></option>
<option value="3" data-i18n="carlist.on_order"></option>
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.mileage"></label>
<div class="layui-input-block">
<input type="text" name="mileage" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.vehicle_age"></label>
<div class="layui-input-block">
<input type="text" name="vehicle_age" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.location"></label>
<div class="layui-input-block">
<select name="location" id="location" class="layui-input">
<!-- <option value="">请选择</option> -->
</select>
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.condition_desc"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label">是否出售</label>
<div class="layui-input-block">
<select name="is_saled" class="layui-input">
<option value="">请选择</option>
<option value="0">未售</option>
<option value="1">已售</option>
</select>
</div>
</div> -->
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<!-- <img src="../../assets/images/noimg.png" alt="" /> -->
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_45_degree" id="front_45_degree" value="" />
<div> <span data-i18n="carlist.front45Degree"></span><button type="button" class="layui-btn layui-btn-sm" id="front_45_degreeup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_45_degree" id="front_left_45_degree" value="" />
<div><span data-i18n="carlist.leftFront45Degree"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_45_degreeup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_headlight" id="front_left_headlight" value="" />
<div><span data-i18n="carlist.leftFrontHeadlight"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_headlightup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_view" id="front_view" value="" />
<div><span data-i18n="carlist.front"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_viewup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="lower_front" id="lower_front" value="" />
<div><span data-i18n="carlist.frontLowerPart"></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_frontpu"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="wheel_hub" id="wheel_hub" value="" />
<div><span data-i18n="carlist.wheelHub"></span> <button type="button" class="layui-btn layui-btn-sm" id="wheel_hubup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_right_seat" id="front_right_seat" value="" />
<div><span data-i18n="carlist.rightFrontSeat"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_right_seatup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="right_lower_side" id="right_lower_side" value="" />
<div><span data-i18n="carlist.rightBottomEdge"></span> <button type="button" class="layui-btn layui-btn-sm" id="right_lower_sideup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="rear_right_taillight" id="rear_right_taillight" value="" />
<div><span data-i18n="carlist.rightRearTaillight"></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_taillightup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="rear_right_45_degree" id="rear_right_45_degree" value="" />
<div><span data-i18n="carlist.rightRear45Degree"></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_45_degreeup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="lower_rear" id="lower_rear" value="" />
<div><span data-i18n="carlist.rearLowerPart"></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_rearup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="trunk" id="trunk" value="" />
<div><span data-i18n="carlist.trunk"></span> <button type="button" class="layui-btn layui-btn-sm" id="trunkup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="left_lower_side" id="left_lower_side" value="" />
<div><span data-i18n="carlist.leftBottomEdge"></span> <button type="button" class="layui-btn layui-btn-sm" id="left_lower_sideup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="rear_seats" id="rear_seats" value="" />
<div><span data-i18n="carlist.rearSeat"></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_seatsup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="center_console" id="center_console" value="" />
<div><span data-i18n="carlist.console"></span> <button type="button" class="layui-btn layui-btn-sm" id="center_consoleup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="control_panel" id="control_panel" value="" />
<div><span data-i18n="carlist.controlPanel"></span> <button type="button" class="layui-btn layui-btn-sm" id="control_panelup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="gear_shift" id="gear_shift" value="" />
<div><span data-i18n="carlist.gearLever"></span> <button type="button" class="layui-btn layui-btn-sm" id="gear_shiftup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="car_key" id="car_key" value="" />
<div><span data-i18n="carlist.key"></span> <button type="button" class="layui-btn layui-btn-sm" id="car_keyup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="steering_wheel" id="steering_wheel" value="" />
<div><span data-i18n="carlist.steeringWheel"></span> <button type="button" class="layui-btn layui-btn-sm" id="steering_wheelup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="dashboard" id="dashboard" value="" />
<div><span data-i18n="carlist.dashboard"></span> <button type="button" class="layui-btn layui-btn-sm" id="dashboardup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="odometer_reading" id="odometer_reading" value="" />
<div><span data-i18n="carlist.displayedMileage"></span> <button type="button" class="layui-btn layui-btn-sm" id="odometer_readingup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_door_panel" id="front_left_door_panel" value="" />
<div><span data-i18n="carlist.leftFrontDoorPanel"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_panelup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_door_function_area" id="front_left_door_function_area" value="" />
<div><span data-i18n="carlist.leftFrontDoorFunctionArea"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_function_areaup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="front_left_seat" id="front_left_seat" value="" />
<div><span data-i18n="carlist.leftFrontSeat"></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_seatup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="interior_ceiling" id="interior_ceiling" value="" />
<div><span data-i18n="carlist.ceiling"></span> <button type="button" class="layui-btn layui-btn-sm" id="interior_ceilingup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button></div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload','tinymce'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
t = layui.tinymce,
$ = layui.$;
$(document).ready(function () {
brandpresetfn(form,true)
energypresetfn(form,true)
typespresetfn(form,true)
locationpresetfn(form,true)
});
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
// var edit = t.render({
// elem: "#condition_desc",
// height: 300,
// form:{
// name:'image'
// },
// plugins: 'image',
// // headers: sessionStorage.tokencar,
// images_upload_url: baseUrl+ 'console/upload/image',
// },function(opt){
// console.log(opt)
// //加载完成后回调
// });
// edit.on("blur", function(){
// layui.$("#condition_desc").val(edit.getContent());
// });
$('.layui-btn').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+86
View File
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
overflow: scroll;
}
.c-t div{
line-height: 55px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required">状态</label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<select name="apply_status" class="layui-input" lay-verify="required">
<option value="">请选择</option>
<option value="1">通过</option>
<option value="2">拒绝</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">描述</label>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea" placeholder="请输入"></textarea>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
$("#idedt").val(getQueryString('id'))
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+469
View File
@@ -0,0 +1,469 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
overflow: scroll;
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="cover" id="cover" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
(<span data-i18n="Imageratio"></span> 4:3)
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.store_status"></label>
<div class="layui-input-block">
<select name="store_status" id="store_status" class="layui-input">
<!-- <option value="">请选择</option> -->
<option value="1" data-i18n="carlist.in_stock"></option>
<option value="2" data-i18n="carlist.in_transit"></option>
<option value="3" data-i18n="carlist.on_order"></option>
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.mileage"></label>
<div class="layui-input-block">
<input type="text" name="mileage" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.vehicle_age"></label>
<div class="layui-input-block">
<input type="text" name="vehicle_age" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.location"></label>
<div class="layui-input-block">
<select name="location" id="location" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="carlist.condition_desc"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
<!-- <div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label">是否出售</label>
<div class="layui-input-block">
<select name="is_saled" class="layui-input">
<option value="">请选择</option>
<option value="0">未售</option>
<option value="1">已售</option>
</select>
</div>
</div>
</div> -->
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" id="" alt="" />
<input type="text" style="display:none" name="front_45_degree" id="front_45_degree" value="" />
<div> <span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_45_degreeup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_45_degree" id="front_left_45_degree" value="" />
<div><span></span><button type="button" class="layui-btn layui-btn-sm" id="front_left_45_degreeup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_headlight" id="front_left_headlight" value="" />
<div><span></span><button type="button" class="layui-btn layui-btn-sm" id="front_left_headlightup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_view" id="front_view" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_viewup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="lower_front" id="lower_front" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_frontpu"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="wheel_hub" id="wheel_hub" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="wheel_hubup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_right_seat" id="front_right_seat" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_right_seatup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="right_lower_side" id="right_lower_side" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="right_lower_sideup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="rear_right_taillight" id="rear_right_taillight" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_taillightup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="rear_right_45_degree" id="rear_right_45_degree" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_right_45_degreeup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="lower_rear" id="lower_rear" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="lower_rearup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="trunk" id="trunk" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="trunkup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="left_lower_side" id="left_lower_side" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="left_lower_sideup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="rear_seats" id="rear_seats" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="rear_seatsup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="center_console" id="center_console" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="center_consoleup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="control_panel" id="control_panel" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="control_panelup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="gear_shift" id="gear_shift" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="gear_shiftup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="car_key" id="car_key" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="car_keyup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="steering_wheel" id="steering_wheel" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="steering_wheelup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="dashboard" id="dashboard" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="dashboardup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="odometer_reading" id="odometer_reading" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="odometer_readingup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_door_panel" id="front_left_door_panel" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_panelup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_door_function_area" id="front_left_door_function_area" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_door_function_areaup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="front_left_seat" id="front_left_seat" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="front_left_seatup"><i class="layui-icon"></i>上传图片</button></div>
</div>
<div class="layui-col-md4 layui-col-xs6 layui-col-sm4 c-t upload-item">
<img src="" alt="" />
<input type="text" style="display:none" name="interior_ceiling" id="interior_ceiling" value="" />
<div><span></span> <button type="button" class="layui-btn layui-btn-sm" id="interior_ceilingup"><i class="layui-icon"></i>上传图片</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<!-- <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script> -->
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload','tinymce'], function () {
var form = layui.form,
layer = layui.layer,
t = layui.tinymce,
upload = layui.upload,
$ = layui.$;
brandpresetfn(form,true)
energypresetfn(form)
typespresetfn(form)
locationpresetfn(form)
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
// var edit = t.render({
// elem: "#condition_desc",
// height: 300,
// form:{
// name:'image'
// },
// plugins: 'image',
// // headers: sessionStorage.tokencar,
// images_upload_url: baseUrl+ 'console/upload/image',
// },function(opt){
// console.log(opt)
// //加载完成后回调
// });
// edit.on("blur", function(){
// layui.$("#condition_desc").val(edit.getContent());
// });
//监听提交
form.render();
$("#idedt").val(getQueryString('id'))
$('.upload-item img').on('click', function() {
var imgList = [];
$('.upload-item img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
console.log(imgList)
layer.photos({
photos: {
data: imgList
},
anim: 5, // 动画类型
shadeClose: true, // 点击遮罩关闭
closeBtn: 1, // 显示关闭按钮
});
});
self.vehicledetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.cover_full)
var datas = result.data
// edit.setContent(result.data.condition_desc);
var albums = datas.albums;
$("#cover").val(result.data.cover)
modelpresetfn(form,true,datas.brand)
$.each(albums,function(){
datas[this.field] = this.value
var url =this.value_full
var cleanUrl = url
if(url!=''){
cleanUrl = url.replace(/amp;/g, '');
}
if(cleanUrl==''){
$("#"+this.field).parent().find('img').attr("src",'../../assets/images/noimg.png');
}else{
$("#"+this.field).parent().find('img').attr("src",cleanUrl);
}
$("#"+this.field).parent().find('span').html(this.name);
// console.log(datas)
});
form.val('edit', datas)
console.log(datas)
// $.each(datas,function(){
// $("#"+this.field).parent().find('img').attr("src",this.value_full);
// $("#"+this.field).val(this.value);
// console.log($("#"+this.field).val())
// });
// if(datas&& datas!=''){
// for (const key in datas) {
// $("#"+key).parent().find('img').attr("src",datas[key]);
// console.log($("#"+key).parent().find('img'))
// }
// }
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
$('.layui-btn').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
// var $preview = $item.find('.preview-box');
// $preview.html('<img src="'+res.data.src+'" style="max-width:100px;">');
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+259
View File
@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="view" style="margin-bottom: 60px;"></div>
</div>
<div class="layui-tab-item">
<div id="imgview" style="margin-bottom: 60px;"></div>
</div>
</div>
</div>
<!-- <div class="layui-form-item showbtn" >
<div class="layui-input-block" style="padding-right: 10px;">
<button class="layui-btn layui-btn-danger" id="qxBtn">关闭</button>
</div>
</div> -->
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>{{d.lang.carlist.product_name}}:</td>
<td>{{ d.name }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.VIN}}:</td>
<td>{{ d.vin }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.product_image}}:</td>
<td>
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
</td>
</tr>
<tr>
<td>{{d.lang.carlist.user}}:</td>
<td>
{{ d.user_nickname }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.brand}}:</td>
<td>
{{ d.brand_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.price}}:</td>
<td>{{ d.price }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.type}}:</td>
<td>
{{ d.type_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.energy}}:</td>
<td>
{{ d.energy_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.mileage}}:</td>
<td>{{ d.mileage }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.vehicle_age}}:</td>
<td>{{ d.vehicle_age }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.condition_desc}}:</td>
<td>{{ d.condition_desc }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.location}}:</td>
<td>{{ d.location_name }}</td>
</tr>
<!-- <tr>
<td>{{d.lang.carlist.status}}:</td>
<td >
{{# if(d.info_status == 2){ }}
<span class="layui-badge">{{d.lang.carlist.rejected}}</span>
{{# } }}
{{# if(d.info_status == 1){ }}
<span class="layui-badge layui-bg-blue">{{d.lang.carlist.pending_publish}}</span>
{{# } }}
{{# if(d.info_status == 0){ }}
<span class="layui-badge layui-bg-orange">{{d.lang.carlist.pending_review}}</span>
{{# } }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.is_sold}}:</td>
<td>
{{# if(d.is_saled == 1){ }}
<span class="green">{{d.lang.carlist.sold}}</span>
{{# } }}
{{# if(d.is_saled == 0){ }}
<span class="orange">{{d.lang.carlist.not_sold}}</span>
{{# } }}
</td>
</tr> -->
</tbody>
</table>
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">图册</blockquote> -->
</script>
<script id="img" type="text/html">
<div class="contimg">
<div class="layui-row">
{{# layui.each(d, function(index, item){ }}
{{# if(item.value_full !=''){ }}
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.value_full }}" alt="{{ item.name }}">
<div>{{ item.name }}</div>
</div>
{{# } }}
{{# }); }}
</div>
</div>
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/js/tablei18n.js"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'table', 'laytpl'], function() {
var form = layui.form,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl,
$ = layui.$;
/**
* 初始化表单,要加上,不然刷新部分组件可能会不加载
*/
// 获取当前语言
var currentLang = localStorage.getItem('language') || 'zh';
var lang = langConfig[currentLang];
form.render();
self.vehicledetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
imggetTpl = img.innerHTML,
view = document.getElementById('view'),
imgview = document.getElementById('imgview');
var datas = result.data.albums;
// var album_info=[]
// if(datas&& datas!=''){
// for (const key in datas) {
// var obj={}
// obj.title = key
// obj.url = datas[key]
// album_info.push(obj);
// }
// }
// console.log(album_info);
var datalang = result.data
datalang.lang = lang
console.log(datalang)
laytpl(getTpl).render(datalang, function(html) {
view.innerHTML = html;
});
laytpl(imggetTpl).render(datas, function(html) {
imgview.innerHTML = html;
});
form.render();
var images = document.querySelectorAll('.clickable-img');
images.forEach(function(img) {
img.addEventListener('click', function() {
layer.photos({
photos: {
"title": "图片查看", // 弹出框标题
"id": "photo-viewer", // 唯一标识
"start": 0, // 初始显示的图片索引
"data": [{
"src": img.src, // 图片的src地址
"alt": img.alt // 图片的alt文本
}]
},
anim: 5 // 设置动画效果,5为淡入淡出
});
});
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
// 当前弹出层,防止ID被覆盖
var parentIndex = layer.index;
$("#qxBtn").click(function() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);
})
});
</script>
</body>
</html>
+180
View File
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<form class="layui-form layuimini-form" action="" lay-filter="create-dict-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width:auto">字典名</label>
<div class="layui-input-inline">
<input type="text" name="name" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入英文字母组合">
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
<div>
<!-- 字段属性 -->
<table id="column-table" lay-filter="column-table"></table>
<script type="text/html" id="column-toolbar">
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="batchRemove">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<script type="text/html" id="col-value">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][value]" placeholder="值" autocomplete="off" class="layui-input" value="{{ d.value }}">
<input type="hidden" name="value[{{ d.LAY_NUM-1 }}][field_id]" value="{{ d.field_id }}">
</script>
<script type="text/html" id="col-name">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][name]" placeholder="标题" autocomplete="off" class="layui-input" value="{{ d.name }}">
</script>
</div>
</form>
<script src="../../lib/layui-v2.6.3/layuinew.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script>
layui.use(['form',"table", "common"], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
var field_id = 0;
function syncTableData() {
let tableData = layui.form.val("create-dict-form");
let columnTableData = [];
let len = Object.keys(tableData).length;
let id = 0;
key_id = 0;
while (id < len) {
// column data
if (typeof tableData["value[" + id + "][field_id]"] !== "undefined") {
columnTableData.push({
field_id: tableData["value[" + id + "][field_id]"],
name : tableData["value[" + id + "][name]"],
value: tableData["value[" + id + "][value]"],
});
}
key_id++;
id++;
}
layui.table.reloadData("column-table", {data: columnTableData});
}
let table = layui.table;
let common = layui.common;
let cols = [
{
type: "checkbox",
width: 50,
},
{
title: "值",
field: "value",
templet: "#col-value"
},
{
title: "标题",
field: "name",
templet: "#col-name",
}
];
let data = [{
field_id: field_id++,
value : "",
name: "",
}];
table.render({
elem: "#column-table",
cols: [cols],
data: data,
cellMinWidth: 40,
skin: "line",
size: "lg",
limit: 10000,
page: false,
toolbar: "#column-toolbar",
defaultToolbar: [],
});
table.on("toolbar(column-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
let add = function() {
syncTableData();
let options = table.getData("column-table");
options.push({
field_id: field_id++,
value : "",
name: "",
});
table.reloadData("column-table", {data:options});
}
let batchRemove = function(obj) {
var checkIds = common.checkField(obj,"field_id");
if (checkIds === "") return layer.msg("未选中数据", {icon: 3,time: 1000})
let data = table.getData("column-table");
let newData = [];
let deleteIds = checkIds.split(",");
layui.each(data, function (index, item) {
if (deleteIds.indexOf(item.field_id + "") === -1) {
newData.push(item);
}
});
table.reloadData("column-table", {data: newData})
}
layui.form.render();
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+202
View File
@@ -0,0 +1,202 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<form class="layui-form layuimini-form" action="" lay-filter="create-dict-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width:auto">字典名</label>
<div class="layui-input-inline">
<input type="text" name="name" required lay-verify="required" autocomplete="off"
class="layui-input" placeholder="请输入英文字母组合">
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
<div>
<!-- 字段属性 -->
<table id="column-table" lay-filter="column-table"></table>
<script type="text/html" id="column-toolbar">
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>新增
</button>
<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="batchRemove">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</script>
<script type="text/html" id="col-value">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][value]" placeholder="值" autocomplete="off" class="layui-input"
value="{{ d.value }}">
<input type="hidden" name="value[{{ d.LAY_NUM-1 }}][field_id]" value="{{ d.field_id }}">
</script>
<script type="text/html" id="col-name">
<input type="text" name="value[{{ d.LAY_NUM-1 }}][name]" placeholder="标题" autocomplete="off" class="layui-input"
value="{{ d.name }}">
</script>
</div>
</form>
<script src="../../lib/layui-v2.6.3/layuinew.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script>
layui.use(['form', "table", "common"], function() {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
var field_id = 0;
function syncTableData() {
let tableData = layui.form.val("create-dict-form");
let columnTableData = [];
let len = Object.keys(tableData).length;
let id = 0;
key_id = 0;
while (id < len) {
// column data
if (typeof tableData["value[" + id + "][field_id]"] !== "undefined") {
columnTableData.push({
field_id: tableData["value[" + id + "][field_id]"],
name: tableData["value[" + id + "][name]"],
value: tableData["value[" + id + "][value]"],
});
}
key_id++;
id++;
}
layui.table.reloadData("column-table", {
data: columnTableData
});
}
let table = layui.table;
let common = layui.common;
let cols = [{
type: "checkbox",
width: 50,
},
{
title: "值",
field: "value",
templet: "#col-value"
},
{
title: "标题",
field: "name",
templet: "#col-name",
}
];
let data = [];
var result={"code":0,"data":[{"value":"电能","name":"电能"},{"value":"氢能","name":"氢能"},{"value":"油能","name":"油能"}],"msg":"ok"}
// self.energydetail({
// type:'get',
// data:{id:getQueryString('id')},
// successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
form.render();
data = result.data;
layui.each(data, function(k, v) {
data[k]["field_id"] = field_id++;
})
};
// },
// failCallBack: function(result){
// alert(result.message);
// }
// })
table.render({
elem: "#column-table",
cols: [cols],
data: data,
cellMinWidth: 40,
skin: "line",
size: "lg",
limit: 10000,
page: false,
toolbar: "#column-toolbar",
defaultToolbar: [],
});
table.on("toolbar(column-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
let add = function() {
syncTableData();
let options = table.getData("column-table");
options.push({
field_id: field_id++,
value: "",
name: "",
});
table.reloadData("column-table", {
data: options
});
}
let batchRemove = function(obj) {
var checkIds = common.checkField(obj, "field_id");
if (checkIds === "") return layui.popup.warning("未选中数据");
let data = table.getData("column-table");
let newData = [];
let deleteIds = checkIds.split(",");
layui.each(data, function(index, item) {
if (deleteIds.indexOf(item.field_id + "") === -1) {
newData.push(item);
}
});
table.reloadData("column-table", {
data: newData
})
}
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+80
View File
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="0" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+106
View File
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.energydetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+91
View File
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="Belongingbrand"></label>
<div class="layui-input-block">
<select name="brand_id" id="brand" lay-search lay-filter="citySelect" class="layui-input">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="0" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
$(document).ready(function () {
brandpresetfn(form)
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+115
View File
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="Belongingbrand"></label>
<div class="layui-input-block">
<select name="brand_id" id="brand" lay-search lay-filter="citySelect" class="layui-input">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
brandpresetfn(form)
form.render();
$("#idedt").val(getQueryString('id'))
self.modelsdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+334
View File
@@ -0,0 +1,334 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
/* overflow: scroll; */
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
<li data-i18n="newcar.introduce"></li>
<li data-i18n="newcar.characteristic"></li>
<li data-i18n="newcar.problem"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="cover" value="" />
<button type="button" class="layui-btn btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.coveralt"></label>
<div class="layui-input-block">
<input type="text" name="cover_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.video"></label>
<div class="layui-input-block">
<input type="text" name="video" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="newcar.memo"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.car_album"></label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.introduce"></label>
<div class="layui-input-block">
<div class="intro-list" id="introList">
<!-- 介绍文本框列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addIntro">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
<!-- 车辆介绍 -->
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 车辆特点 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.characteristic"></label>
<div class="layui-input-block">
<div class="feature-list" id="featureList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addFeature">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 常见问题 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.problem"></label>
<div class="layui-input-block">
<div class="feature-list" id="problem">
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addproblem">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload','tinymce'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
t = layui.tinymce,
$ = layui.$;
$(document).ready(function () {
brandpresetfn(form,true)
energypresetfn(form,true)
typespresetfn(form,true)
});
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
$('.btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
// 图片上传
uploadimage(upload,baseUrl)
// 添加介绍文本框
addIntro('introList',form,'请填写介绍内容')
// 添加介绍按钮点击事件
$('#addIntro').on('click', function() {
addIntro('introList',form,'请填写介绍内容')
});
// 删除介绍按钮点击事件
$(document).on('click', '.delete-intro', function() {
$(this).closest('.intro-item').remove();
// 重新排序索引
$('#introList .intro-item').each(function(index) {
$(this).find('textarea').attr('name', 'intro[' + index + ']');
});
});
// 页面加载时添加一个特点
addFeature('featureList',form,'特点名称','特点描述','','')
// 添加特点按钮点击事件
$('#addFeature').on('click', function() {
addFeature('featureList',form,'特点名称','特点描述','','')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#featureList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
// 页面加载时添加一个问题
addFeature1('problem',form,'问题名称','问题描述','','')
// 添加问题按钮点击事件
$('#addproblem').on('click', function() {
addFeature1('problem',form,'问题名称','问题描述','','')
});
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item1').remove();
// 重新排序索引
$('#problem .feature-item1').each(function(index) {
$(this).find('input[name^="titlep"]').attr('name', 'titlep[' + index + ']');
$(this).find('textarea[name^="contentp"]').attr('name', 'contentp[' + index + ']');
});
});
//监听提交
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+429
View File
@@ -0,0 +1,429 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 87%;
overflow: scroll;
}
.c-t div{
line-height: 55px;
}
.img-3 {
max-width: 36px;
max-height: 36px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
<li data-i18n="newcar.introduce"></li>
<li data-i18n="newcar.characteristic"></li>
<li data-i18n="newcar.problem"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.product_name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="产品名称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.VIN"></label>
<div class="layui-input-block">
<input type="text" name="vin" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="cover" id="cover" value="" />
<button type="button" class="layui-btn layui-btnup"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.coveralt"></label>
<div class="layui-input-block">
<input type="text" name="cover_alt" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.price"></label>
<div class="layui-input-block">
<input type="text" name="price" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.brand"></label>
<div class="layui-input-block">
<select name="brand" id="brand" lay-search lay-filter="brandSelect" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.model"></label>
<div class="layui-input-block">
<select name="model" id="model" lay-search class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.type"></label>
<div class="layui-input-block">
<select name="type" id="vehicle_type" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.energy"></label>
<div class="layui-input-block">
<select name="energy" id="vehicle_energy" class="layui-input">
</select>
</div>
</div>
</div>
<div class="layui-col-md6 layui-col-sm6">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="newcar.video"></label>
<div class="layui-input-block">
<input type="text" name="video" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md12 layui-col-sm12">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="brand.desc"></label>
<div class="layui-input-block">
<textarea name="condition_desc" class="layui-textarea" id="condition_desc"></textarea>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="carlist.car_album"></label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="albumUpload">
<i class="layui-icon">&#xe67c;</i><span data-i18n="userlist.uploadig"></span>
</button>
<div class="layui-upload-list" id="albumList">
<!-- 图片预览区域 -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.introduce"></label>
<div class="layui-input-block">
<div class="intro-list" id="introList">
<!-- 介绍文本框列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addIntro">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
<!-- 车辆介绍 -->
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 车辆特点 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.characteristic"></label>
<div class="layui-input-block">
<div class="feature-list" id="featureList">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addFeature">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-row">
<!-- 常见问题 -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="newcar.problem"></label>
<div class="layui-input-block">
<div class="feature-list" id="problem">
<!-- 特点列表 -->
</div>
<div style="margin-top: 10px;">
<button type="button" class="layui-btn layui-btn-normal" id="addproblem">
<i class="layui-icon">&#xe654;</i><span data-i18n="btn.add"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<!-- <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script> -->
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload','tinymce'], function () {
var form = layui.form,
layer = layui.layer,
t = layui.tinymce,
upload = layui.upload,
$ = layui.$;
brandpresetfn(form,true)
energypresetfn(form)
typespresetfn(form)
form.on('select(brandSelect)', function(data){
var selectedValue = data.value;
modelpresetfn(form,true,selectedValue)
});
//监听提交
form.render();
$("#idedt").val(getQueryString('id'))
$('.upload-item img').on('click', function() {
var imgList = [];
$('.upload-item img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
console.log(imgList)
layer.photos({
photos: {
data: imgList
},
anim: 5, // 动画类型
shadeClose: true, // 点击遮罩关闭
closeBtn: 1, // 显示关闭按钮
});
});
self.vehiclenewdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.cover_full)
var datas = result.data
$("#cover").val(result.data.cover)
modelpresetfn(form,true,datas.brand)
form.val('edit', datas)
console.log(datas)
// 回显图册
if(result.data.album && result.data.album.length > 0) {
result.data.album.forEach(function(item) {
var imgId = 'img_' + new Date().getTime() + '_' + Math.random();
$('#albumList').append(`
<div class="upload-itemm" style="display: inline-block; margin: 10px;">
<img src="${item.pic_full}" alt="${item.alt || ''}" id="${imgId}" class="img-3" style="cursor: pointer;">
<input type="hidden" name="pic[]" value="${item.pic}">
<input type="hidden" name="idimg[]" value="${item.id}" />
<input type="text" class="layui-input" data-i18n-placeholder="brand.image_desc"
style="margin: 5px 0px;height: 30px;" name="alt[]" value="${item.alt || ''}">
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
<i class="layui-icon">&#xe640;</i><span data-i18n="btn.delete"></span>
</button>
</div>
`);
});
}
// 回显介绍
if(result.data.content && result.data.content.length > 0) {
result.data.content.forEach(function(item) {
addIntro('introList',form,'请填写介绍内容', item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addIntro('introList',form,'请填写介绍内容')
}
// 回显特点
if(result.data.trait && result.data.trait.length > 0) {
result.data.trait.forEach(function(item) {
addFeature('featureList',form,'名称','描述', item.title, item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addFeature('featureList',form,'名称','描述','','')
}
// 回显问题
if(result.data.asked && result.data.asked.length > 0) {
result.data.asked.forEach(function(item) {
addFeature1('problem',form,'问题','回答',item.title, item.content,item.id)
});
} else {
// 如果没有添加一个空的
// addFeature1('problem',form,'问题','回答','','')
}
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
$('.layui-btnup').each(function(index, item){
var $item = $(item).closest('.upload-item');
upload.render({
elem: item,
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$item.find('img').attr('src',res.data.image_url);
$item.find('input').val(res.data.image_name);
}
}
});
});
uploadimage(upload,baseUrl)
// 添加介绍按钮点击事件
$('#addIntro').on('click', function() {
addIntro('introList',form,'请填写介绍内容')
});
// 删除介绍按钮点击事件
$(document).on('click', '.delete-intro', function() {
$(this).closest('.intro-item').remove();
// 重新排序索引
$('#introList .intro-item').each(function(index) {
$(this).find('textarea').attr('name', 'intro[' + index + ']');
});
});
// 添加特点按钮点击事件
$('#addFeature').on('click', function() {
addFeature('featureList',form,'名称','描述','','')
});
// 删除特点按钮点击事件
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item').remove();
// 重新排序索引
$('#featureList .feature-item').each(function(index) {
$(this).find('input[name^="title"]').attr('name', 'title[' + index + ']');
$(this).find('textarea[name^="content"]').attr('name', 'content[' + index + ']');
});
});
// // 添加问题按钮点击事件
$('#addproblem').on('click', function() {
addFeature1('problem',form,'问题','回答','','')
});
$(document).on('click', '.delete-feature', function() {
$(this).closest('.feature-item1').remove();
// 重新排序索引
$('#problem .feature-item1').each(function(index) {
$(this).find('input[name^="titlep"]').attr('name', 'titlep[' + index + ']');
$(this).find('textarea[name^="contentp"]').attr('name', 'contentp[' + index + ']');
});
});
// 添加图片点击放大功能
$(document).on('click', '.upload-itemm img', function() {
var imgList = [];
$('.upload-itemm img').each(function() {
imgList.push({ src: $(this).attr('src') });
});
layer.photos({
photos: {
data: imgList
},
anim: 5,
shadeClose: true,
closeBtn: 1,
});
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+280
View File
@@ -0,0 +1,280 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
.layui-elem-quote {
border-left: 5px solid #2d8cf0;
}
.c-t div{
line-height: 40px;
}
.layuimini-form{
margin: 0px;
}
html,.layuimini-form {
height: 100%;
}
body,.layui-tab{
background-color: #ffffff;
height: 93%;
}
.layui-tab-content{
height: 93%;
overflow: scroll;
}
.introduceviews{
background: #e8e8e8;
padding: 4px 5px;
margin-bottom: 10px;
}
.conts{
margin-top: 10px;
color: #565656
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this" data-i18n="carlist.basic_info"></li>
<li data-i18n="carlist.car_album"></li>
<li data-i18n="newcar.introduce"></li>
<li data-i18n="newcar.characteristic"></li>
<li data-i18n="newcar.problem"></li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="view" style="margin-bottom: 60px;"></div>
</div>
<div class="layui-tab-item">
<div id="imgview" style="margin-bottom: 60px;"></div>
</div>
<div class="layui-tab-item">
<div id="introduceview" style="margin-bottom: 60px;">
</div>
</div>
<div class="layui-tab-item">
<div id="characteristicview" style="margin-bottom: 60px;">
</div>
</div>
<div class="layui-tab-item">
<div id="problemview" style="margin-bottom: 60px;">
</div>
</div>
</div>
</div>
<!-- <div class="layui-form-item showbtn" >
<div class="layui-input-block" style="padding-right: 10px;">
<button class="layui-btn layui-btn-danger" id="qxBtn">关闭</button>
</div>
</div> -->
</div>
<script id="demo" type="text/html">
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
<table class="layui-table" lay-even>
<colgroup>
<col width="60">
<col width="60">
<col>
</colgroup>
<tbody>
<tr>
<td>{{d.lang.carlist.product_name}}:</td>
<td>{{ d.name }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.VIN}}:</td>
<td>{{ d.vin }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.product_image}}:</td>
<td>
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
</td>
</tr>
<!-- <tr>
<td>{{d.lang.carlist.user}}:</td>
<td>
{{ d.user_nickname }}
</td>
</tr> -->
<tr>
<td>{{d.lang.carlist.brand}}:</td>
<td>
{{ d.brand_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.price}}:</td>
<td>{{ d.price }}</td>
</tr>
<tr>
<td>{{d.lang.carlist.type}}:</td>
<td>
{{ d.type_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.energy}}:</td>
<td>
{{ d.energy_name }}
</td>
</tr>
<tr>
<td>{{d.lang.carlist.condition_desc}}:</td>
<td>{{ d.condition_desc }}</td>
</tr>
</tbody>
</table>
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">图册</blockquote> -->
</script>
<script id="img" type="text/html">
<div class="contimg">
<div class="layui-row">
{{# layui.each(d, function(index, item){ }}
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.pic_full }}" alt="{{ item.alt }}">
<div>{{ item.alt }}</div>
</div>
{{# }); }}
</div>
</div>
</script>
<!-- 介绍 -->
<script id="introduce" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="introduceviews">
{{ item.content }}
</div>
{{# }); }}
</script>
<!-- 特点 -->
<script id="characteristic" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="introduceviews">
<h3>{{ item.title }}</h3>
<div class="conts">
{{ item.content }}
</div>
</div>
{{# }); }}
</script>
<!-- 问题 -->
<script id="problem" type="text/html">
{{# layui.each(d, function(index, item){ }}
<div class="introduceviews">
<h3>{{ item.title }}</h3>
<div class="conts">
{{ item.content }}
</div>
</div>
{{# }); }}
</script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/js/tablei18n.js"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'table', 'laytpl'], function() {
var form = layui.form,
layer = layui.layer,
table = layui.table,
laytpl = layui.laytpl,
$ = layui.$;
/**
* 初始化表单,要加上,不然刷新部分组件可能会不加载
*/
// 获取当前语言
var currentLang = localStorage.getItem('language') || 'zh';
var lang = langConfig[currentLang];
form.render();
self.vehiclenewdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
var getTpl = demo.innerHTML,
imggetTpl = img.innerHTML,
introduceTpl = introduce.innerHTML,
characteristicTpl = characteristic.innerHTML,
problemTpl = problem.innerHTML,
view = document.getElementById('view'),
imgview = document.getElementById('imgview'),
introduceview = document.getElementById('introduceview'),
characteristicview = document.getElementById('characteristicview'),
problemview = document.getElementById('problemview');
var datas = result.data.album;
var datalang = result.data
datalang.lang = lang
console.log(datalang)
laytpl(getTpl).render(datalang, function(html) {
view.innerHTML = html;
});
laytpl(imggetTpl).render(datas, function(html) {
imgview.innerHTML = html;
});
laytpl(introduceTpl).render(result.data.content, function(html) {
introduceview.innerHTML = html;
});
laytpl(characteristicTpl).render(result.data.trait, function(html) {
characteristicview.innerHTML = html;
});
laytpl(problemTpl).render(result.data.asked, function(html) {
problemview.innerHTML = html;
});
form.render();
var images = document.querySelectorAll('.clickable-img');
images.forEach(function(img) {
img.addEventListener('click', function() {
layer.photos({
photos: {
"title": "图片查看", // 弹出框标题
"id": "photo-viewer", // 唯一标识
"start": 0, // 初始显示的图片索引
"data": [{
"src": img.src, // 图片的src地址
"alt": img.alt // 图片的alt文本
}]
},
anim: 5 // 设置动画效果,5为淡入淡出
});
});
});
};
},
failCallBack: function(result){
alert(result.message);
}
})
// 当前弹出层,防止ID被覆盖
var parentIndex = layer.index;
$("#qxBtn").click(function() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);
})
});
</script>
</body>
</html>
+140
View File
@@ -0,0 +1,140 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seo.title"></label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="required" lay-reqtext="标题不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seo.description"></label>
<div class="layui-input-block">
<textarea name="description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.canonical"></label>
<div class="layui-input-block">
<input type="text" name="canonical" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div> -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_type"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_title"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_description"></label>
<div class="layui-input-block">
<textarea name="og_description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_image"></label>
<div class="layui-input-block">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" id="inputval" name="og_image" value="" />
<button type="button" class="layui-btn layui-btnip"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_url"></label>
<div class="layui-input-block">
<input type="text" name="og_url" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_site_name"></label>
<div class="layui-input-block">
<input type="text" name="og_site_name" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.page"></label>
<div class="layui-input-block">
<select name="page" id="page"></select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
seoselectfn(form)
upload.render({
elem: ".layui-btnip",
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$(".img-3").attr('src',res.data.image_url);
$("#inputval").val(res.data.image_name);
}
}
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+142
View File
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seo.title"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="title" lay-verify="required" lay-reqtext="标题不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seo.description"></label>
<div class="layui-input-block">
<textarea name="description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.canonical"></label>
<div class="layui-input-block">
<input type="text" name="canonical" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div> -->
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_type"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_title"></label>
<div class="layui-input-block">
<input type="text" name="og_type" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_description"></label>
<div class="layui-input-block">
<textarea name="og_description" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_image"></label>
<div class="layui-input-block">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="og_image" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_url"></label>
<div class="layui-input-block">
<input type="text" name="og_url" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.og_site_name"></label>
<div class="layui-input-block">
<input type="text" name="og_site_name" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seo.page"></label>
<div class="layui-input-block">
<select name="page" id="page"></select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
seoselectfn(form)
self.seodetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.og_image_full)
form.val('edit', result.data)
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+106
View File
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="typeimg" ></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="img" value="" id="avatarinput" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="0" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
upload.render({
elem: "#avatar",
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$(".img-3").attr('src',res.data.image_url);
$("#avatarinput").val(res.data.image_name);
}
}
});
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+134
View File
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="typeimg"></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="image" value="" id="avatarinput" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.typesdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr('src',result.data.image);
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
// upload.render({
// elem: "#avatar",
// url:baseUrl+ 'console/upload/image',
// accept: 'images',
// field: 'image',
// done: function(res){
// if(res.code == 0){
// $(".img-3").attr('src',res.data.image_url);
// $("#avatarinput").val(res.data.image_name);
// }
// }
// });
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+133
View File
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.name"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="name" lay-verify="required" lay-reqtext="名称不能为空" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="typeimg"></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="img" value="" id="avatarinput" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" lay-text="">
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="sort"></label>
<div class="layui-input-block">
<input type="number" name="sort" value="" data-i18n-placeholder="pleaseenter" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','upload'], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
form.render();
$("#idedt").val(getQueryString('id'))
self.typesdetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr('src',result.data.img_full);
form.val('edit', result.data)
form.render();
// // 字段 状态 status
layui.use(["form"], function() {
layui.$("#status").attr("checked", layui.$('input[name="status"]').val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 : 0);
});
})
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
upload.render({
elem: "#avatar",
url:baseUrl+ 'console/upload/image',
accept: 'images',
field: 'image',
done: function(res){
if(res.code == 0){
$(".img-3").attr('src',res.data.image_url);
$("#avatarinput").val(res.data.image_name);
}
}
});
});
</script>
</body>
</html>
+113
View File
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.user_id">用户编号</label>
<div class="layui-input-block">
<input type="text" name="user_sn" lay-verify="required" lay-reqtext="用户编号不能为空" placeholder="请输入用户编号" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.nickname">用户昵称</label>
<div class="layui-input-block">
<input type="text" name="nickname" lay-verify="required" lay-reqtext="用户昵称不能为空" placeholder="请输入用户昵称" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="userlist.head"></label>
<div class="layui-input-block">
<img class="img-3" src="https://api.collect.hs.hnzhwlkj.club/avatar.png" alt="" />
<input type="text" style="display:none" name="avatar" value="" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i> <span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="userlist.realname">姓名</label>
<div class="layui-input-block">
<input type="text" name="realname" placeholder="请输入姓名" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.phone_number">手机号</label>
<div class="layui-input-block">
<input type="text" name="phone" placeholder="请输入手机" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="userlist.company">公司</label>
<div class="layui-input-block">
<input type="text" name="company" placeholder="请输入公司" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.wechat_id_full">微信ID</label>
<div class="layui-input-block">
<input type="text" name="openid" value="" required lay-verify="required" placeholder="请输入微信ID" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="userlist.status">状态</label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" />
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>
+168
View File
@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.user_id"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="user_sn" lay-verify="required" lay-reqtext="用户编号不能为空" data-i18n-placeholder="pleaseenter"
value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.nickname"></label>
<div class="layui-input-block">
<input type="text" name="nickname" lay-verify="required" lay-reqtext="用户昵称不能为空"
data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="userlist.head"></label>
<div class="layui-input-block">
<img class="img-3" src="" alt="" />
<input type="text" style="display:none" name="avatar" id="avatarurl" value="" />
<button type="button" class="layui-btn" id="avatar"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label " data-i18n="userlist.realname"></label>
<div class="layui-input-block">
<input type="text" name="realname" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.phone_number"></label>
<div class="layui-input-block">
<input type="text" name="phone" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="userlist.company"></label>
<div class="layui-input-block">
<input type="text" name="company" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="userlist.wechat_id_full"></label>
<div class="layui-input-block">
<input type="text" name="openid" value="" disabled lay-verify="required" data-i18n-placeholder="pleaseenter"
class="layui-input layui-disabled">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label" data-i18n="userlist.status"></label>
<div class="layui-input-block">
<input type="checkbox" id="status" lay-filter="status" lay-skin="switch" />
<input type="text" style="display:none" name="status" value="1" />
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
layui.use(['form', 'upload'], function() {
var form = layui.form,
layer = layui.layer,
upload = layui.upload,
$ = layui.$;
//监听提交
form.render();
$("#idedt").val(getQueryString('id'))
self.usersdetail({
type: 'get',
data: {
id: getQueryString('id')
},
successCallBack: function(result) {
if (result.code == 0) {
form.val('edit', result.data)
form.render();
// 字段 状态 status
layui.use(["form"], function() {
layui.$(".img-3").attr("src", result.data.avatar)
layui.$("#status").attr("checked", layui.$('input[name="status"]')
.val() != 0);
layui.form.render();
layui.form.on("switch(status)", function(data) {
layui.$('input[name="status"]').val(this.checked ? 1 :
0);
});
})
};
},
failCallBack: function(result) {
alert(result.message);
}
})
form.on('submit(saveBtn)', function(data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function() {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
upload.render({
elem: '#avatar',
url:baseUrl+ 'console/upload/image',
field: 'image',
done: function(res) {
if (res.code == 0) {
layui.layer.msg('上传成功');
} else {
layui.layer.msg(res.message);
}
this.item.prev().val(res.data.image_name).prev().attr("src", res.data.image_url);
}
});
});
</script>
</body>
</html>