Browse Source

250403服务器上传

longyi 4 months ago
parent
commit
77e8eae26f
1 changed files with 271 additions and 271 deletions
  1. 271 271
      template/erp/whlabel_type.html

+ 271 - 271
template/erp/whlabel_type.html

@@ -1,272 +1,272 @@
-{Template header}
-<body>
-<div class="warp">
-<div class="fixed">
-<ul class="search">
-<li>类目:<select name="category" class="select">
-<option value="">请选择</option>{loop typeclass(16) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>等级:<select name="grade" class="select">
-<option value="">请选择</option>{loop typeclass(13) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>颜色:<select name="color" class="select">
-<option value="">请选择</option>{loop typeclassyc(8) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>曲度:<select name="lowe" class="select">
-<option value="">请选择</option>{loop typeclassyc(15) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>头套种类:<select name="lacetype" class="select">
-<option value="">请选择</option><option value="146">13*4 Lace Front wigs</option>
-{loop typeclassyc(18) as $val}
-{if $val['id']!=146}
-<option value="{$val['id']}">{$val['title']}</option>
-{/if}
-{/loop}
-</select></li>
-
-
-<li>蕾丝颜色:<select name="lacecolor" class="select">
-<option value="">请选择</option>{loop typeclassyc(9) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>长度:<select name="size" class="select">
-<option value="">请选择</option>{loop typeclass(14) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>密度:<select name="density" class="select">
-<option value="">请选择</option>{loop typeclassyc(10) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>头套大小:<select name="haircap" class="select">
-<option value="">请选择</option>{loop typeclassyc(6) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>人发头套编号:<select name="hairnumber" class="select">
-    <option value="">请选择</option>
-    <option value="-1">无编号</option>
-    {loop typeclassyc(43) as $val}
-    
-    <option value="{$val['id']}">{$val['title']}</option>
-    {/loop}
-    </select>
-</li>
-<li>状态:<select name="state" class="select">
-<option value="">请选择</option>
-<option value="1">正常出库</option>
-<option value="10">美店零售</option>
-</select></li>
-<li>仓库:<select name="warehouse" class="select">
-<option value="">请选择</option>{loop warehouse(10) as $val}
-<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
-<li>店铺:<select name="shop" class="select">
-<option value="">请选择</option>{loop $shop as $val}
-<option value=",{$val['id']},">{$val['shopname']}</option>{/loop}</select></li>
-<li>供应商:<select name="purchase" class="select">
-<option value="">全部</option>
-{loop purchase(100) as $val}
-<option value="{$val['id']}">{$val['title']}</option>
-{/loop}
-</select>
-</li>
-<li>SKU:<input value="" name="sku" type="text" style="width:270px"></li>
-<li>产品备注:<input value="" name="cpbz" type="text" ></li>
-<li>说明:<input value="" name="sm" type="text" ></li>
-<li>类型:<select name="type" class="select">
-<option value="">全部</option>
-{loop whlabel_type(100) as $val}
-<option value="{$val['id']}">{$val['title']}</option>
-{/loop}
-</select>
-</li>
-<li>商品名称:<input value="" name="title" type="text" style="width:400px"></li>
-<li>仓库位置:<input value="" name="details" type="text" ></li>
-<li>入库类型:<select name="rktype" class="select">
-<option value="">请选择</option>
-<option value="1">采购入库</option>
-<option value="2">盘盈调整</option>
-<option value="3">其他调整入库</option>
-<option value="4">其他调整入库</option>
-<option value="5">退库入库</option>
-<option value="6">退货可用入库</option>
-<option value="7">形态转换入库</option>
-</select></li>
-<li>出库类型:<select name="cktype" class="select">
-<option value="">请选择</option>
-<option value="1">销售出库</option>
-<option value="2">销售美国出库</option>
-<option value="3">盘亏调整</option>
-<option value="4">其他调整出库</option>
-<option value="5">形态转换出库</option>
-</select></li>
-<li>统计时间:<input id="timetk"  value="{date('Y-m-d',time()-29*24*3600)} 0:00" name="ktime" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})">
-至&nbsp;&nbsp;&nbsp;&nbsp; <input id="timetj" value="{date('Y-m-d',time()+24*3600)} 0:00" name="jtime" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})"></li>
-<li><span>确 定</span></li>
-</ul>
-<div class="control">
-<select name="dccz" class="dcmb">
-<option value="">选择导出内容</option>
-<option data-url="excelr" value="1">导出入库数据</option>
-<option data-url="excelct" value="2">导出退库数据</option>
-<option data-url="excelct" value="1">导出出库数据</option>
-<option data-url="excelct" value="5">导出零售数据</option>
-<option data-url="excelct" value="4">导出出库+零售数据</option>
-<option data-url="excelcr" value="4">导出出库+入库合数据</option>
-</select>
-<a href="javascript:void(0);" data-url="exceljxc" data-id="1" class="whlabelexcel">导出进销存</a>
-<a href="javascript:void(0);" data-url="excelct" data-id="3" class="whlabelexcel">导出条件检索</a>
-<a href="javascript:void(0);" class="summary">出库汇总</a>
-
-<a href="javascript:void(0);" data-url="presetout" data-id="3" class="whlabelexcel">导出库存模板</a>
-<a href="javascript:void(0);" class="whlabeldr">导入库存</a>
-{if $vip > 0} {/if}
-<a href="javascript:void(0);" class="whlabelxq">导出数据详情</a>
-<a href="javascript:void(0);" class="whlabelexcelzh">导出库存数据及在途中</a>
-<!--<a href="javascript:void(0);" class="window" data-h="/whlabel/abnormal/" data-t="异常占单" style="background-color:#fc5454;color:#fff">查看异常占单</a>-->
-{if $vip > 0}
-<a href="/whlabel/error/" style="background-color:#fc5454;color:#fff">0库存SKU</a>
-{/if}
-<a href="javascript:void(0);" class="plszbhtype">批量设置备货类型</a>
-<a href="javascript:void(0);" class="dccrtype">导出出入库分类数据</a>
-</div>
-<table class="datatitle data" border="0" style="border-collapse:collapse;">
-<tr>
-<td><label onClick="swapCheck()"><input name="checkbox" type="checkbox" class="regular-checkbox"></label></td>
-<td>仓库</td>
-<td>供应商</td>
-<td>SKU</td>
-<td>商品名称</td>
-<td>位置</td>
-<td>品牌 / 公司</td>
-<td>备注</td>
-<td>类型</td>
-<td>库存</td>
-<td>在途</td>
-<td>购进</td>
-<td>销售</td>
-<td>退货</td>
-<td>占单数量</td>
-</tr>
-</table>
-</div>
-<table class="datatext data" border="0" style="border-collapse:collapse;">
-</table>
-<div class="bomf"></div>
-</div>
-<div class="systemwindow">
-<div>
-<p><select name="whlabeltype" class="select" style="width:200px;margin-left:15px;">{loop whlabel_type(99) as $val}<option value="{$val['id']}" data-content="{$val['content']}">{$val['title']}</option>{/loop}</select></p>
-<p>{loop whlabel_type(1) as $val}{$val['content']}{/loop}</p>
-<p><font class="button">确 定</font><font class="esc">取 消</font></p>
-</div>
-</div>
-<script>
-var dataurl = "/whlabel/type";var fdataurl = "/whlabel/";var excel = "/whlabel/";
-$(function () { $("#ktime").calendar();$("#jtime").calendar();});
-var customon = 1;
-var editurl = "/whlabel/kj/";
-var editdj = 3;
-var editt = "扣减库存 - 操作";
-function custom(){
-$(".data tr").each(function() {
-$(this).find('td:eq(1)').css("width","5%");
-$(this).find('td:eq(2)').css("width","5%");
-$(this).find('td:eq(3)').css("width","12%");
-$(this).find('td:eq(4)').css("width","22%");
-$(this).find('td:eq(6)').css("width","5%");
-$(this).find('td:eq(8)').css("width","4%");
-$(this).find('td:eq(9)').css("width","5%");
-$(this).find('td:eq(10)').css("width","9%");
-$(this).find('td:eq(11)').css("width","4%");
-$(this).find('td:eq(12)').css("width","4%");
-$(this).find('td:eq(13)').css("width","4%");
-$(this).find('td:eq(14)').css("width","5%");
-});}
-$("select[name=dccz]").change(function(){
-	if($(this).find("option:selected").val() == "")
-	{
-		 $(".ts p").html("请选择导出模板");
-                $(".ts").fadeIn();
-                setTimeout('$(".ts").fadeOut()', 800);
-				return false;
-	}
-    var f = "";
-    $(".select").each(function() {
-        f = f + $(this).attr("name") + "=" + $(this).children("option:selected").val() + "&";
-    });
-    $("input:text").each(function() {
-        f = f + $(this).attr("name") + "=" + encodeURIComponent($(this).val()) + "&";
-    });
-	$("input:hidden").each(function() {
-        f = f + $(this).attr("name") + "=" + $(this).val() + "&";
-    });
-	window.location.href = "http://1.wepolicy.cn/whlabel/"+$("select[name=dccz]").find("option:selected").data("url")+"?excel="+$("select[name=dccz]").find("option:selected").val()+"&"+f;
-	$("select[name=dccz] option:eq(0)").prop('selected','selected'); 
-});
-$(".whlabelxq").click(function() {
-window.location.href = "http://1.wepolicy.cn/whlabel/uck?excel=1";
-});
-$(".whlabelexcelzh").click(function() {
-window.location.href = "http://1.wepolicy.cn/whlabel/whlabelexcelzh?excel=1";
-});
-$(".plszbhtype").click(function() {
-            $(".systemwindow").show();
-});
-$(".systemwindow .esc").click(function() {
-	$(".systemwindow").hide();
-	});
-$(".systemwindow .button").click(function() {
-var n = $(".systemwindow select").find("option:selected").val();
-var a = "";
-    $(".datatext input[name='check']:checked").each(function() {
-        a = a + $(this).val()+",";
-    });
-$(".systemwindow").hide();
-	layx.load('loadId','操作中,请稍后',{shadable:0.6});
-     $.ajax({
-        url: "/whlabel/gbhtype",
-        data: "s="+a+"&n="+n,
-        type: "POST",
-        dataType: "json",
-        success: function(a) {
-			layx.destroy('loadId');
-            if (a && a.success) {
-			layx.alert('正确',a.msg,function(id,button){
-			$.each(a.d,function(f,b){ $("#"+b).find("td:eq(8)").text(a.t)});
-},{dialogIcon:'success'});
-            }
-			else
-			{
-				 layx.alert('错误',a.msg,function(id,button){
-},{dialogIcon:'error'});
-			}
-        }
-    });
-	});
-
-
-$("select[name=whlabeltype]").change(function(){
-	$(".systemwindow p:eq(1)").html($(this).children("option:selected").data("content"));
-});
-
-$(".dccrtype").click(function() {
-    var f = "";
-	var a = "";
-    $(".datatext input[name='check']:checked").each(function() {
-        a = a + $(this).val()+",";
-    });
-	f = f + "sid=" + a + "&";
-    $(".select").each(function() {
-        f = f + $(this).attr("name") + "=" + $(this).children("option:selected").val() + "&";
-    });
-    $("input:text").each(function() {
-		
-		var str = $(this).val().replace(/\#/g,"%23");
-        f = f + $(this).attr("name") + "=" + str + "&";
-    });
-	$("input:hidden").each(function() {
-        f = f + $(this).attr("name") + "=" + $(this).val() + "&";
-    });
-	window.location.href = excel+"dccrtype?"+f;
-});
-</script>
-<script type="text/javascript" src="{$theme}js/laydate.js"></script>
-<div style="display:none;">
-<input id="upload-file" name="files" accept="image/xls,image/xlsx" type="file">
-</div>
+{Template header}
+<body>
+<div class="warp">
+<div class="fixed">
+<ul class="search">
+<li>类目:<select name="category" class="select">
+<option value="">请选择</option>{loop typeclass(16) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>等级:<select name="grade" class="select">
+<option value="">请选择</option>{loop typeclass(13) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>颜色:<select name="color" class="select">
+<option value="">请选择</option>{loop typeclassyc(8) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>曲度:<select name="lowe" class="select">
+<option value="">请选择</option>{loop typeclassyc(15) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>头套种类:<select name="lacetype" class="select">
+<option value="">请选择</option><option value="146">13*4 Lace Front wigs</option>
+{loop typeclassyc(18) as $val}
+{if $val['id']!=146}
+<option value="{$val['id']}">{$val['title']}</option>
+{/if}
+{/loop}
+</select></li>
+
+
+<li>蕾丝颜色:<select name="lacecolor" class="select">
+<option value="">请选择</option>{loop typeclassyc(9) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>长度:<select name="size" class="select">
+<option value="">请选择</option>{loop typeclass(14) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>密度:<select name="density" class="select">
+<option value="">请选择</option>{loop typeclassyc(10) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>头套大小:<select name="haircap" class="select">
+<option value="">请选择</option>{loop typeclassyc(6) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>人发头套编号:<select name="hairnumber" class="select">
+    <option value="">请选择</option>
+    <option value="-1">无编号</option>
+    {loop typeclassyc(43) as $val}
+    
+    <option value="{$val['id']}">{$val['title']}</option>
+    {/loop}
+    </select>
+</li>
+<li>状态:<select name="state" class="select">
+<option value="">请选择</option>
+<option value="1">正常出库</option>
+<option value="10">美店零售</option>
+</select></li>
+<li>仓库:<select name="warehouse" class="select">
+<option value="">请选择</option>{loop warehouse(10) as $val}
+<option value="{$val['id']}">{$val['title']}</option>{/loop}</select></li>
+<li>店铺:<select name="shop" class="select">
+<option value="">请选择</option>{loop $shop as $val}
+<option value=",{$val['id']},">{$val['shopname']}</option>{/loop}</select></li>
+<li>供应商:<select name="purchase" class="select">
+<option value="">全部</option>
+{loop purchase(100) as $val}
+<option value="{$val['id']}">{$val['title']}</option>
+{/loop}
+</select>
+</li>
+<li>SKU:<input value="" name="sku" type="text" style="width:270px"></li>
+<li>产品备注:<input value="" name="cpbz" type="text" ></li>
+<li>说明:<input value="" name="sm" type="text" ></li>
+<li>类型:<select name="type" class="select">
+<option value="">全部</option>
+{loop whlabel_type(100) as $val}
+<option value="{$val['id']}">{$val['title']}</option>
+{/loop}
+</select>
+</li>
+<li>商品名称:<input value="" name="title" type="text" style="width:400px"></li>
+<li>仓库位置:<input value="" name="details" type="text" ></li>
+<li>入库类型:<select name="rktype" class="select">
+<option value="">请选择</option>
+<option value="1">采购入库</option>
+<option value="2">盘盈调整</option>
+<option value="3">其他调整入库</option>
+<option value="4">其他调整入库</option>
+<option value="5">退库入库</option>
+<option value="6">退货可用入库</option>
+<option value="7">形态转换入库</option>
+</select></li>
+<li>出库类型:<select name="cktype" class="select">
+<option value="">请选择</option>
+<option value="1">销售出库</option>
+<option value="2">销售美国出库</option>
+<option value="3">盘亏调整</option>
+<option value="4">其他调整出库</option>
+<option value="5">形态转换出库</option>
+</select></li>
+<li>统计时间:<input id="timetk"  value="{date('Y-m-d',time()-29*24*3600)} 0:00" name="ktime" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})">
+至&nbsp;&nbsp;&nbsp;&nbsp; <input id="timetj" value="{date('Y-m-d',time()+24*3600)} 0:00" name="jtime" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})"></li>
+<li><span>确 定</span></li>
+</ul>
+<div class="control">
+<select name="dccz" class="dcmb">
+<option value="">选择导出内容</option>
+<option data-url="excelr" value="1">导出入库数据</option>
+<option data-url="excelct" value="2">导出退库数据</option>
+<option data-url="excelct" value="1">导出出库数据</option>
+<option data-url="excelct" value="5">导出零售数据</option>
+<option data-url="excelct" value="4">导出出库+零售数据</option>
+<option data-url="excelcr" value="4">导出出库+入库合数据</option>
+</select>
+<a href="javascript:void(0);" data-url="exceljxc" data-id="1" class="whlabelexcel">导出进销存</a>
+<a href="javascript:void(0);" data-url="excelct" data-id="3" class="whlabelexcel">导出条件检索</a>
+<a href="javascript:void(0);" class="summary">出库汇总</a>
+
+<a href="javascript:void(0);" data-url="presetout" data-id="3" class="whlabelexcel">导出库存模板</a>
+<a href="javascript:void(0);" class="whlabeldr">导入库存</a>
+{if $vip > 0} {/if}
+<a href="javascript:void(0);" class="whlabelxq">导出数据详情</a>
+<a href="javascript:void(0);" class="whlabelexcelzh">导出库存数据及在途中</a>
+<!--<a href="javascript:void(0);" class="window" data-h="/whlabel/abnormal/" data-t="异常占单" style="background-color:#fc5454;color:#fff">查看异常占单</a>-->
+{if $vip > 0}
+<a href="/whlabel/error/" style="background-color:#fc5454;color:#fff">0库存SKU</a>
+{/if}
+<a href="javascript:void(0);" class="plszbhtype">批量设置备货类型</a>
+<a href="javascript:void(0);" class="dccrtype">导出出入库分类数据</a>
+</div>
+<table class="datatitle data" border="0" style="border-collapse:collapse;">
+<tr>
+<td><label onClick="swapCheck()"><input name="checkbox" type="checkbox" class="regular-checkbox"></label></td>
+<td>仓库</td>
+<td>供应商</td>
+<td>SKU</td>
+<td>商品名称</td>
+<td>位置</td>
+<td>品牌 / 公司</td>
+<td>备注</td>
+<td>类型</td>
+<td>库存</td>
+<td>在途</td>
+<td>购进</td>
+<td>销售</td>
+<td>退货</td>
+<td>占单数量</td>
+</tr>
+</table>
+</div>
+<table class="datatext data" border="0" style="border-collapse:collapse;">
+</table>
+<div class="bomf"></div>
+</div>
+<div class="systemwindow">
+<div>
+<p><select name="whlabeltype" class="select" style="width:200px;margin-left:15px;">{loop whlabel_type(99) as $val}<option value="{$val['id']}" data-content="{$val['content']}">{$val['title']}</option>{/loop}</select></p>
+<p>{loop whlabel_type(1) as $val}{$val['content']}{/loop}</p>
+<p><font class="button">确 定</font><font class="esc">取 消</font></p>
+</div>
+</div>
+<script>
+var dataurl = "/whlabel/type";var fdataurl = "/whlabel/";var excel = "/whlabel/";
+$(function () { $("#ktime").calendar();$("#jtime").calendar();});
+var customon = 1;
+var editurl = "/whlabel/kj/";
+var editdj = 3;
+var editt = "扣减库存 - 操作";
+function custom(){
+$(".data tr").each(function() {
+$(this).find('td:eq(1)').css("width","3%");
+$(this).find('td:eq(2)').css("width","3%");
+$(this).find('td:eq(3)').css("width","12%");
+$(this).find('td:eq(4)').css("width","22%");
+$(this).find('td:eq(6)').css("width","5%");
+$(this).find('td:eq(8)').css("width","6%");
+$(this).find('td:eq(9)').css("width","3%");
+$(this).find('td:eq(10)').css("width","9%");
+$(this).find('td:eq(11)').css("width","3%");
+$(this).find('td:eq(12)').css("width","3%");
+$(this).find('td:eq(13)').css("width","3%");
+$(this).find('td:eq(14)').css("width","12%");
+});}
+$("select[name=dccz]").change(function(){
+	if($(this).find("option:selected").val() == "")
+	{
+		 $(".ts p").html("请选择导出模板");
+                $(".ts").fadeIn();
+                setTimeout('$(".ts").fadeOut()', 800);
+				return false;
+	}
+    var f = "";
+    $(".select").each(function() {
+        f = f + $(this).attr("name") + "=" + $(this).children("option:selected").val() + "&";
+    });
+    $("input:text").each(function() {
+        f = f + $(this).attr("name") + "=" + encodeURIComponent($(this).val()) + "&";
+    });
+	$("input:hidden").each(function() {
+        f = f + $(this).attr("name") + "=" + $(this).val() + "&";
+    });
+	window.location.href = "http://1.wepolicy.cn/whlabel/"+$("select[name=dccz]").find("option:selected").data("url")+"?excel="+$("select[name=dccz]").find("option:selected").val()+"&"+f;
+	$("select[name=dccz] option:eq(0)").prop('selected','selected'); 
+});
+$(".whlabelxq").click(function() {
+window.location.href = "http://1.wepolicy.cn/whlabel/uck?excel=1";
+});
+$(".whlabelexcelzh").click(function() {
+window.location.href = "http://1.wepolicy.cn/whlabel/whlabelexcelzh?excel=1";
+});
+$(".plszbhtype").click(function() {
+            $(".systemwindow").show();
+});
+$(".systemwindow .esc").click(function() {
+	$(".systemwindow").hide();
+	});
+$(".systemwindow .button").click(function() {
+var n = $(".systemwindow select").find("option:selected").val();
+var a = "";
+    $(".datatext input[name='check']:checked").each(function() {
+        a = a + $(this).val()+",";
+    });
+$(".systemwindow").hide();
+	layx.load('loadId','操作中,请稍后',{shadable:0.6});
+     $.ajax({
+        url: "/whlabel/gbhtype",
+        data: "s="+a+"&n="+n,
+        type: "POST",
+        dataType: "json",
+        success: function(a) {
+			layx.destroy('loadId');
+            if (a && a.success) {
+			layx.alert('正确',a.msg,function(id,button){
+			$.each(a.d,function(f,b){ $("#"+b).find("td:eq(8)").text(a.t)});
+},{dialogIcon:'success'});
+            }
+			else
+			{
+				 layx.alert('错误',a.msg,function(id,button){
+},{dialogIcon:'error'});
+			}
+        }
+    });
+	});
+
+
+$("select[name=whlabeltype]").change(function(){
+	$(".systemwindow p:eq(1)").html($(this).children("option:selected").data("content"));
+});
+
+$(".dccrtype").click(function() {
+    var f = "";
+	var a = "";
+    $(".datatext input[name='check']:checked").each(function() {
+        a = a + $(this).val()+",";
+    });
+	f = f + "sid=" + a + "&";
+    $(".select").each(function() {
+        f = f + $(this).attr("name") + "=" + $(this).children("option:selected").val() + "&";
+    });
+    $("input:text").each(function() {
+		
+		var str = $(this).val().replace(/\#/g,"%23");
+        f = f + $(this).attr("name") + "=" + str + "&";
+    });
+	$("input:hidden").each(function() {
+        f = f + $(this).attr("name") + "=" + $(this).val() + "&";
+    });
+	window.location.href = excel+"dccrtype?"+f;
+});
+</script>
+<script type="text/javascript" src="{$theme}js/laydate.js"></script>
+<div style="display:none;">
+<input id="upload-file" name="files" accept="image/xls,image/xlsx" type="file">
+</div>
 {Template footer}