|
|
@@ -9,6 +9,7 @@
|
|
|
<%@ include file="/webpage/include/taglib.jsp"%>
|
|
|
<link rel="stylesheet" href="${ctxp}/static/plugin/assets/layui/css/layui.css">
|
|
|
<link rel="stylesheet" href="${ctxp}/static/plugin/assets/common.css"/>
|
|
|
+<link rel="stylesheet" href="${ctxp}/static/plugin/assets/vermeit.css">
|
|
|
<script type="text/javascript" src="${ctxp}/static/plugin/assets/jquery-3.2.1.min.js"></script>
|
|
|
<script src="${ctxp}/static/plugin/assets/layui/layui.js"></script>
|
|
|
<html>
|
|
|
@@ -19,112 +20,160 @@
|
|
|
height: 28px;
|
|
|
margin-top: 6px;
|
|
|
}
|
|
|
+ /*.layui-input{*/
|
|
|
+ /*height: 28px;*/
|
|
|
+ /*margin-top: 5px;*/
|
|
|
+ /*width: 260px;*/
|
|
|
+ /*}*/
|
|
|
+ .input-meself-time{
|
|
|
+ font-size: 13px;
|
|
|
+ width: 140px;
|
|
|
+ }
|
|
|
+ .btn_out{
|
|
|
+ width: 100px;
|
|
|
+ margin: 0;
|
|
|
+ float: right;
|
|
|
+ margin-right:2%;
|
|
|
+ }
|
|
|
+ .div_main_form{
|
|
|
+ width: 50%;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .layui-icon-layer{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .layui-icon-file{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .layui-table-view .layui-table {width:100%}
|
|
|
+ .myselect{
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 15px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div style="padding: 10px; background-color: #F2F2F2;">
|
|
|
- <div class="layui-row layui-col-space15">
|
|
|
- <div class="layui-col-md12">
|
|
|
- <div class="layui-card">
|
|
|
- <form id="inputForm"class="layui-form" action="${ctx}/project/tem/import" method="post" enctype="multipart/form-data">
|
|
|
- <div class="layui-card-body" style="margin-top: 2px;">
|
|
|
- <%--<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">--%>
|
|
|
- <%--<legend style="font-size: 15px;">选择工程</legend>--%>
|
|
|
- <%--</fieldset>--%>
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">*工程名称</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="text" name="projectName" lay-verify="title" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="layui-main-bgc">
|
|
|
+ <%--<sys:message content="${message}"/>--%>
|
|
|
+ <div class="layui-row layui-col-space15">
|
|
|
+ <div class="layui-col-md12">
|
|
|
+ <div class="layui-card">
|
|
|
+ <div class="layui-card-header layui-card-header-add">工程管理</div>
|
|
|
+ <%--<form id="inputForm"class="layui-form" action="${ctx}/project/tem/import" method="post" enctype="multipart/form-data">--%>
|
|
|
+ <div class="layui-card-body" style="margin-top: 2px;">
|
|
|
+ <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
|
|
+ <legend style="font-size: 15px;">选择工程</legend>
|
|
|
+ </fieldset>
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
- <label class="layui-form-label">*项目名称</label>
|
|
|
+ <label class="layui-form-label">*工程名称</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input type="text" name="itemName" class="layui-input" id="inputwrite">
|
|
|
+ <input type="text" name="" lay-verify="title" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <%--<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">--%>
|
|
|
- <%--<legend style="font-size: 15px;">选择项目</legend>--%>
|
|
|
- <%--</fieldset>--%>
|
|
|
- <input id="newText1" hidden name="projectId" value=""/>
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline" style="margin-left:30px;margin-top: 10px;display: flex">
|
|
|
- <input type="button" class="layui-btn-primary layui-btn-sm layui-btn-radius" onclick="uploadwj()" value="选择结算文件" id="btnxz"/>
|
|
|
- <span id="myspan" style="flex: 1;margin-top: 4px"> *结算书文件为博微导出xls/xlsx格式文件</span>
|
|
|
- <input type="file" style="display: none;" lay-verify="context" accept=".xls,.xlsx" name="file" id="myfile"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!---------列表---------->
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">*项目划分</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <select name="type" lay-verify="required" lay-search="">
|
|
|
- <option value="">请选择</option>
|
|
|
- <option value="1">架空线路工程</option>
|
|
|
- <option value="2">电缆工程</option>
|
|
|
- </select>
|
|
|
+ <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
|
|
+ <legend style="font-size: 15px;">选择项目</legend>
|
|
|
+ </fieldset>
|
|
|
+ <div class="layui-upload">
|
|
|
+ <button type="button" class="layui-btn layui-btn-normal" id="testList">选择文件</button>
|
|
|
+ <div class="layui-upload-list">
|
|
|
+ <table class="layui-table">
|
|
|
+ <thead>
|
|
|
+ <tr><th>文件名</th>
|
|
|
+ <th>项目类型</th>
|
|
|
+ <th>操作</th>
|
|
|
+ </tr></thead>
|
|
|
+ <tbody id="demoList"></tbody>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
+ <button type="button" class="layui-btn" id="testListAction">确定</button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">项目编号</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="text" name="" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-input-block">
|
|
|
- <%--<button class="layui-btn" lay-submit="" lay-filter="mysubmit" type="submit" id="newProject">创建</button>--%>
|
|
|
- <%--<button type="reset" class="layui-btn layui-btn-primary">取消</button>--%>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
+ <%--<!---------列表---------->--%>
|
|
|
+ <%--<div class="layui-form-item">--%>
|
|
|
+ <%--<div class="layui-inline">--%>
|
|
|
+ <%--<label class="layui-form-label">*项目划分</label>--%>
|
|
|
+ <%--<div class="layui-input-inline">--%>
|
|
|
+ <%--<select name="type" lay-verify="required" lay-search="">--%>
|
|
|
+ <%--<option value="">请选择</option>--%>
|
|
|
+ <%--<option value="1">架空线路工程</option>--%>
|
|
|
+ <%--<option value="2">电缆工程</option>--%>
|
|
|
+ <%--</select>--%>
|
|
|
+ <%--</div>--%>
|
|
|
+ <%--</form>--%>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
</body>
|
|
|
<script>
|
|
|
- layui.use(['form', 'layedit', 'laydate'], function(){
|
|
|
- var form = layui.form;
|
|
|
- form.render();
|
|
|
- //自定义验证规则
|
|
|
- form.verify({
|
|
|
- context: function(value){
|
|
|
- if(value.length <=0){
|
|
|
- return '请选择导入的文件';
|
|
|
- }
|
|
|
- }
|
|
|
- ,title: function(value){
|
|
|
- if(value.length <1){
|
|
|
- return '请输入工程名称';
|
|
|
- }
|
|
|
+ layui.use(['upload','form'],function(){
|
|
|
+ var $ = layui.jquery
|
|
|
+ ,form = layui.form
|
|
|
+ ,upload = layui.upload;
|
|
|
+
|
|
|
+ //多文件列表示例
|
|
|
+ var demoListView = $('#demoList')
|
|
|
+ ,uploadListIns = upload.render({
|
|
|
+ elem: '#testList'
|
|
|
+ ,url: '/sddd'
|
|
|
+ ,accept: 'file'
|
|
|
+ ,multiple: true
|
|
|
+ ,auto: false
|
|
|
+ ,bindAction: '#testListAction'
|
|
|
+ ,choose: function(obj){
|
|
|
+ var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
|
|
+ //读取本地文件
|
|
|
+ // var xml = "<select name=\"type\"><option value=\"\">请选择</option><option value=\"1\">架空线路工程</option><option value=\"2\">电缆工程</option></select>";
|
|
|
+ obj.preview(function(index, file, result){
|
|
|
+ alert(file);
|
|
|
+ var tr = $(['<tr id="upload-'+ index +'">'
|
|
|
+ ,'<td>'+ file.name +'</td>'
|
|
|
+ ,'<td>'
|
|
|
+ ,' <select name="type" class="myselect" id="myselect"><option value="">请选择</option><option value="1">架空线路工程</option><option value="2">电缆工程</option></select>'
|
|
|
+ ,'</td>'
|
|
|
+ ,'<td>'
|
|
|
+ ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
|
|
|
+ ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
|
|
|
+ ,'</td>'
|
|
|
+ ,'</tr>'].join(''));
|
|
|
+
|
|
|
+ // 单个重传
|
|
|
+ // tr.find('.demo-reload').on('click', function(){
|
|
|
+ // obj.upload(index, file);
|
|
|
+ // });
|
|
|
+
|
|
|
+ //删除
|
|
|
+ tr.find('.demo-delete').on('click', function(){
|
|
|
+ delete files[index]; //删除对应的文件
|
|
|
+ tr.remove();
|
|
|
+ uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
|
|
+ });
|
|
|
+
|
|
|
+ demoListView.append(tr);
|
|
|
+ });
|
|
|
}
|
|
|
+
|
|
|
+// ,done: function(res, index, upload){
|
|
|
+// if(res.code == 0){ //上传成功
|
|
|
+// var tr = demoListView.find('tr#upload-'+ index)
|
|
|
+// ,tds = tr.children();
|
|
|
+// tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
|
|
+// tds.eq(3).html(''); //清空操作
|
|
|
+// return delete this.files[index]; //删除文件队列已经上传成功的文件
|
|
|
+// }
|
|
|
+// this.error(index, upload);
|
|
|
+// }
|
|
|
+// ,error: function(index, upload){
|
|
|
+// var tr = demoListView.find('tr#upload-'+ index)
|
|
|
+// ,tds = tr.children();
|
|
|
+// tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
|
|
|
+// tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
|
|
+// }
|
|
|
});
|
|
|
- var newText1 = parent.$('#addtext').val();
|
|
|
- $("#newText1").val(newText1);
|
|
|
- })
|
|
|
- function doSubmit(obj){//回调函数，在编辑和保存动作时，供openDialog调用提交表单。
|
|
|
|
|
|
- $("#inputForm").submit();
|
|
|
- }
|
|
|
-</script>
|
|
|
-<script>
|
|
|
- $("#btnxz").click(function(){
|
|
|
- $("#myfile").trigger("click");
|
|
|
- })
|
|
|
- $("#myfile").bind("change",function(){
|
|
|
- var w= $("#myfile").val();
|
|
|
- $("#myspan").html(' '+w);
|
|
|
});
|
|
|
</script>
|
|
|
</html>
|
xs