Initial commit
This commit is contained in:
Executable
+323
@@ -0,0 +1,323 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>layui</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
|
||||
<style>
|
||||
.layui-elem-quote {
|
||||
border-left: 5px solid #2d8cf0;
|
||||
}
|
||||
.c-t div{
|
||||
line-height: 40px;
|
||||
}
|
||||
.layuimini-form{
|
||||
margin: 0px;
|
||||
}
|
||||
html,.layuimini-form {
|
||||
height: 100%;
|
||||
}
|
||||
body{
|
||||
background-color: #ffffff;
|
||||
height: 93%;
|
||||
}
|
||||
.layui-tab{
|
||||
height: 65%;
|
||||
}
|
||||
.layui-tab-content{
|
||||
height: 93%;
|
||||
overflow: scroll;
|
||||
}
|
||||
.conts1 p{
|
||||
line-height: 28px;
|
||||
}
|
||||
.carbtn{
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="layui-form layuimini-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required" data-i18n="carlist.status"></label>
|
||||
<div class="layui-input-block">
|
||||
<input type="hidden" name="id" id="idedt" value="" />
|
||||
<select name="apply_status" class="layui-input" lay-verify="required">
|
||||
<option value="1" data-i18n="audit.pass"></option>
|
||||
<option value="2" data-i18n="audit.refuse"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label" data-i18n="audit.desc"></label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" class="layui-textarea" data-i18n-placeholder="pleaseenter"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carbtn"><button id="edit" class="layui-btn layui-btn-normal" data-i18n="audit.editcarbtn"></button></div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<div class="layui-input-block bootm">
|
||||
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" data-i18n="carlist.basic_info"></li>
|
||||
<li data-i18n="carlist.car_album"></li>
|
||||
</ul>
|
||||
<div class="layui-tab-content">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<div id="view"></div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<div id="imgview" ></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script id="demo" type="text/html">
|
||||
<!-- <blockquote class="layui-elem-quote" style="padding: 8px;">信息</blockquote> -->
|
||||
<table class="layui-table" lay-even>
|
||||
<colgroup>
|
||||
<col width="60">
|
||||
<col width="60">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.product_name}}:</td>
|
||||
<td>{{ d.name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.VIN}}:</td>
|
||||
<td>{{ d.vin }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.product_image}}:</td>
|
||||
<td>
|
||||
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ d.cover_full }}" >
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.user}}:</td>
|
||||
<td>
|
||||
{{ d.user_nickname }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.brand}}:</td>
|
||||
<td>
|
||||
{{ d.brand_name }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.price}}:</td>
|
||||
<td>{{ d.price }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.type}}:</td>
|
||||
<td>
|
||||
{{ d.type_name }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.energy}}:</td>
|
||||
<td>
|
||||
{{ d.energy_name }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.mileage}}:</td>
|
||||
<td>{{ d.mileage }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.vehicle_age}}:</td>
|
||||
<td>{{ d.vehicle_age }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.condition_desc}}:</td>
|
||||
<td>{{ d.condition_desc }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.location}}:</td>
|
||||
<td>{{ d.location_name }}</td>
|
||||
</tr>
|
||||
<!-- <tr>
|
||||
<td>{{d.lang.carlist.status}}:</td>
|
||||
<td >
|
||||
{{# if(d.info_status == 2){ }}
|
||||
<span class="layui-badge">{{d.lang.carlist.rejected}}</span>
|
||||
{{# } }}
|
||||
{{# if(d.info_status == 1){ }}
|
||||
<span class="layui-badge layui-bg-blue">{{d.lang.carlist.pending_publish}}</span>
|
||||
{{# } }}
|
||||
{{# if(d.info_status == 0){ }}
|
||||
<span class="layui-badge layui-bg-orange">{{d.lang.carlist.pending_review}}</span>
|
||||
{{# } }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{d.lang.carlist.is_sold}}:</td>
|
||||
<td>
|
||||
{{# if(d.is_saled == 1){ }}
|
||||
<span class="green">{{d.lang.carlist.sold}}</span>
|
||||
{{# } }}
|
||||
{{# if(d.is_saled == 0){ }}
|
||||
<span class="orange">{{d.lang.carlist.not_sold}}</span>
|
||||
{{# } }}
|
||||
</td>
|
||||
</tr> -->
|
||||
</tbody>
|
||||
</table>
|
||||
</script>
|
||||
<script id="img" type="text/html">
|
||||
<div class="contimg">
|
||||
<div class="layui-row">
|
||||
{{# layui.each(d, function(index, item){ }}
|
||||
{{# if(item.value_full !=''){ }}
|
||||
<div class="layui-col-md2 layui-col-xs6 layui-col-sm3 c-t">
|
||||
<img class="clickable-img" style="width: 90%; cursor: pointer;" src="{{ item.value_full }}" alt="{{ item.name }}">
|
||||
<div>{{ item.name }}</div>
|
||||
</div>
|
||||
{{# } }}
|
||||
{{# }); }}
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
||||
<script src="../../assets/js/lay-config.js" charset="utf-8"></script>
|
||||
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
|
||||
<script src="../../assets/main.js" charset="utf-8"></script>
|
||||
<script src="../../assets/js/tablei18n.js"></script>
|
||||
<script src="../../assets/js/i18n1.js"></script>
|
||||
<script>
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) return unescape(r[2]); return null;
|
||||
}
|
||||
layui.use(['form','laytpl'], function () {
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
laytpl = layui.laytpl,
|
||||
$ = layui.$;
|
||||
form.render();
|
||||
$("#idedt").val(getQueryString('id'))
|
||||
|
||||
// 获取当前语言
|
||||
var currentLang = localStorage.getItem('language') || 'zh';
|
||||
var lang = langConfig[currentLang];
|
||||
function getcarinfo(){
|
||||
self.vehicledetail({
|
||||
type:'get',
|
||||
data:{id:getQueryString('vehicle_data_id')},
|
||||
successCallBack: function(result){
|
||||
if (result.code == 0) {
|
||||
var getTpl = demo.innerHTML,
|
||||
imggetTpl = img.innerHTML,
|
||||
view = document.getElementById('view'),
|
||||
imgview = document.getElementById('imgview');
|
||||
var datas = result.data.albums;
|
||||
var datalang = result.data
|
||||
datalang.lang = lang
|
||||
console.log(datalang)
|
||||
laytpl(getTpl).render(datalang, function(html) {
|
||||
view.innerHTML = html;
|
||||
});
|
||||
laytpl(imggetTpl).render(datas, function(html) {
|
||||
imgview.innerHTML = html;
|
||||
});
|
||||
laytpl(getTpl).render(result.data, function(html) {
|
||||
view.innerHTML = html;
|
||||
});
|
||||
form.render();
|
||||
var images = document.querySelectorAll('.clickable-img');
|
||||
images.forEach(function(img) {
|
||||
img.addEventListener('click', function() {
|
||||
layer.photos({
|
||||
photos: {
|
||||
"title": "图片查看", // 弹出框标题
|
||||
"id": "photo-viewer", // 唯一标识
|
||||
"start": 0, // 初始显示的图片索引
|
||||
"data": [{
|
||||
"src": img.src, // 图片的src地址
|
||||
"alt": img.alt // 图片的alt文本
|
||||
}]
|
||||
},
|
||||
anim: 5 // 设置动画效果,5为淡入淡出
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
},
|
||||
failCallBack: function(result){
|
||||
alert(result.message);
|
||||
}
|
||||
})
|
||||
}
|
||||
getcarinfo()
|
||||
//监听提交
|
||||
form.on('submit(saveBtn)', function (data) {
|
||||
var index = layer.alert(JSON.stringify(data.field), {
|
||||
title: '最终的提交信息'
|
||||
}, function () {
|
||||
|
||||
// 关闭弹出层
|
||||
layer.close(index);
|
||||
|
||||
var iframeIndex = parent.layer.getFrameIndex(window.name);
|
||||
parent.layer.close(iframeIndex);
|
||||
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
$("#edit").click(function(){
|
||||
var index = layer.open({
|
||||
title:lang.audit.edit_title,
|
||||
type: 2,
|
||||
shade: 0.2,
|
||||
maxmin:true,
|
||||
shadeClose: true,
|
||||
area: ['70%', '90%'],
|
||||
btn: [lang.audit.confirm, lang.audit.cancel],
|
||||
content: './carlistedit.html?id='+getQueryString('vehicle_data_id'),
|
||||
yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submitID = 'saveBtn'
|
||||
,submit = layero.find('iframe').contents().find('#'+ submitID);
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
|
||||
var field = data.field; //获取提交的字段
|
||||
console.log(field)
|
||||
self.vehicleupdate({
|
||||
type:'post',
|
||||
data:data.field,
|
||||
successCallBack: function(result){
|
||||
layer.msg(result.message)
|
||||
layer.close(index); //关闭弹层
|
||||
getcarinfo()
|
||||
},
|
||||
failCallBack: function(result){
|
||||
alert(result.message);
|
||||
}
|
||||
})
|
||||
});
|
||||
submit.trigger('click');
|
||||
}
|
||||
});
|
||||
$(window).on("resize", function () {
|
||||
layer.full(index);
|
||||
});
|
||||
return false;
|
||||
})
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user