323 lines
9.4 KiB
HTML
Executable File
323 lines
9.4 KiB
HTML
Executable File
<!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> |