orzar-admin/page/table/auditcheck.html

<!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>