yueshengshop/app/shop/view/invoice/edit.html

{extend name="base"/}
{block name="resources"}
<style>
	.ns-form{margin-top: 0;}
</style>
{/block}
{block name="main"}
<form class="layui-form ns-form">
	<div class="layui-form-item">
		<label class="layui-form-label"><span class="required">*</span>订单号：</label>
		<div class="layui-input-inline">
			<input name="order_no" type="text" value="{$brand_info['order_no']}" lay-verify="required" class="layui-input ns-len-long">
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">图片：</label>
		<div class="layui-input-block">
			<input type="hidden" name="id" value="{$brand_info['id']}">
			<div class="upload-img-block">
				<div class="upload-img-box" id="imgUpload">
					{notempty name="$brand_info['invoice_pdf']"}
					<img src="{:img($brand_info['invoice_pdf'])}"/>
					{else/}
					<div>
						<div class="ns-upload-default">
							<img src="SHOP_IMG/upload_img.png" />
							<p>点击上传</p>
						</div>
					</div>
					{/notempty}
				</div>
			</div>
		</div>
	</div>



	<div class="ns-form-row">
		<button class="layui-btn ns-bg-color" lay-submit lay-filter="save">保存</button>
		<button type="reset" class="layui-btn layui-btn-primary" onclick="back()">返回</button>
	</div>
</form>
{/block}
{block name="script"}
<script>
	layui.use(['form','upload'], function() {
		var form = layui.form,
				upload = layui.upload,
				file = "{$brand_info['invoice_pdf']}",
				repeat_flag = false;//防重复标识
		form.render();


		//普通图片上传
		var uploadInst = upload.render({
			elem: '#imgUpload',
			url: ns.url("shop/upload/image"),
			done: function (res) {
				if (res.code >= 0) {
					file = res.data.pic_path;
					$("#imgUpload").html("<img src=" + ns.img(res.data.pic_path) + " >");
				}
				return layer.msg(res.message);
			}
		});

		form.on('submit(save)', function (data) {

			data.field.invoice_pdf = file;
			if (repeat_flag) return false;
			repeat_flag = true;

			$.ajax({
				url: '{:addon_url("shop/invoice/editInvoice")}',
				data: data.field,
				dataType: 'json',
				type: 'post',
				success: function (res) {
					repeat_flag = false;

					if (res.code == 0) {
						layer.confirm('编辑成功', {
							title:'操作提示',
							btn: ['返回列表', '继续操作'],
							yes: function(){
								location.href = ns.url("shop/invoice/index")
							},
							btn2: function() {
								location.reload();
							}
						})
					}else{
						layer.msg(res.message);
					}
				}
			});
			return false;
		});
	});

	function back(){
		location.href = ns.url("shop/invoice/index")
	}
</script>
{/block}