lyui 列表 上传
1.js
layui.use(['table', 'element', 'laydate', 'layer','upload'], function () {
var table = layui.table, element = layui.element, form = layui.form, laydate = layui.laydate,
layer = layui.layer,upload=layui.upload;
element.init();
Date.prototype.Format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"H+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
//供方资料列表
table.render({
elem: '#js_purchasePlan_manage_list_table',
url: gContextPath + '/purchasePlan/purchasePlanListPage.htm',
cellMinWidth: 80,
loading: true,
page: true,
even: true,
method: 'POST',
limits: [10,20,30, 50, 100],
limit: 10, //每页默认显示的数量
done: function () {
layer.closeAll();
upload.render({
elem: '.js_upload_file',
url: gContextPath+"/uploadfile2.htm"
,multiple: false
,before:function(){
}
,field: 'file'
, accept: 'images'
, data: {
"index": 1
},
accept: 'file',
//普通文件
done: function (res) {
console.log(res);
var _rel = $(this.item).attr('rel')||"";
var _rel_type = $(this.item).attr('rel_type')||"";
var _fileId = res[0].data.fid;
$.ajax({
url : gContextPath+"/purchasePlan/uptPlanSjTime.htm",
type: "POST",
data:{id:_rel,relType:_rel_type,fileId:_fileId},
dataType: 'json',
success: function (response) {
var returnCode = response.returnCode;
if ("1" == returnCode) {
layer.alert("上传成功",{offset: '100px'},function(){
$(".js_purchasePlan_manage_list_serach").click();
});
} else {
layer.alert("上传失败：" + response.msg,{offset: '100px'});
return false;
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
if (XMLHttpRequest.readyState == 0) {
layer.alert("上传失败",{offset: '100px'});
return false;
}
}
});
},
error: function () {
layer.alert("上传失败",{offset: '100px'});
return false;
}
});
},
where:
{
plan_code:$('.js_purchasePlan_plan_code').val()||"",
tender_type:$('.js_purchasePlan_tender_type').val()||"",
purchase_type:$('.js_purchasePlan_purchase_type').val()||"",
plan_status:$('.js_purchasePlan_plan_status').val()||"",
isErr:$('.js_purchasePlan_isError').val()||"",
tender_category:$('#tender_category').val()||"",
tender_category2:$("#tender_category2").val()||""
}
,
cols: [
[
{field: 'tender_type', title:"选择", width: "100%", unresize: true,templet: function (row) {
var $list = $($("#js_div_order_hide").html());
var planCode = row.plan_code||"";
var planName = row.plan_name||"";
var tenderType = row.tender_type||"";
var purchaseType = row.purchase_type||"";
var chTime = row.ch_date||"";
var fbTime = row.fb_date||"";
var dbTime = row.db_date||"";
var planStatus = row.plan_status||"";
var qyTime = row.qy_date||"";
var jcTime = row.jc_date||"";
var updateTime = row.updatedat||"";
var userName = row.user_name||"";
var typeName = row.type_name||"";
var name = row.name||"";
var whetherRelease = row.whether_release;
var id = row.id||"";
$list.find(".js_table_plan_id").val(id);
$list.find(".js_table_plan_id").attr("whether_release",whetherRelease);
$list.find(".js_table_plan_id").attr("plan_status",planStatus);
$list.find(".js_table_plan_detail").attr("rel",id);
$list.find(".js_plan_status_follow").attr("rel",id);
if(whetherRelease=='1'){
$list.find(".js_table_whether_release").html("已发布");
}else{
$list.find(".js_table_whether_release").html("未发布");
}
$list.find(".js_table_plan_type").html(getTenderType(tenderType));
$list.find(".js_table_plan_code").html(planCode);
$list.find(".js_table_plan_name").html(planName);
$list.find(".js_table_plan_cg_way").html(returnPurchaseType(purchaseType));
$list.find(".js_table_plan_ch_time").html(chTime);
$list.find(".js_table_plan_fb_time").html(fbTime);
$list.find(".js_table_plan_db_time").html(dbTime);
$list.find(".js_table_plan_status").html(returnPlanStatus(planStatus));
$list.find(".js_table_plan_qy_time").html(qyTime);
$list.find(".js_table_plan_jc_time").html(jcTime);
$list.find(".js_table_update_time").html(updateTime);
$list.find(".js_table_update_by").html(userName);
$list.find(".js_table_plan_type_name").html(typeName+"|"+name);
var sjChtime = row.sj_ch_time||"";
var sjFbTime = row.sj_fb_time||"";
var sjDbTime = row.sj_fb_time||"";
var sjQyTime = row.sj_qy_time||"";
var sjJcTime = row.sj_jc_time||"";
$list.find(".js_table_jc_upload").attr("rel",id);
$list.find(".js_table_jc_upload").attr("rel_type","2");
$list.find(".js_table_qy_upload").attr("rel",id);
$list.find(".js_table_qy_upload").attr("rel_type","1");
if(sjQyTime!=""){
$list.find(".js_table_qy_upload").html("已上传");
$list.find(".js_table_qy_upload").removeClass("js_upload_file");
}
if(sjJcTime!=""){
$list.find(".js_table_jc_upload").html("已上传");
$list.find(".js_table_jc_upload").removeClass("js_upload_file");
}
var nowTime = new Date().Format("yyyy-MM-dd HH:mm:ss");//当前时间
var nowDate = new Date(nowTime);//当前时间
var chDate = new Date(chTime);
var fbDate = new Date(fbTime);
var dbDate = new Date(dbTime);
var qyDate = new Date(qyTime);
var jcDate = new Date(jcTime);
if(sjChtime==""){//实际策划时间为空
$list.find('.js_table_ch_icon').html("");
if(chDate.getTime()>nowDate.getTime()){//后
//未开始
$list.find('.js_table_ch_icon').addClass("js_table_wwc");
}else{//前
//延期
$list.find('.js_table_ch_icon').addClass("js_table_yq");
}
}else{//判断系统时间
$list.find('.js_table_ch_icon').html("စ");
var sjChDate = new Date(sjChTime);
if(sjChDate.getTime()>chDate.getTime()){//后
//延期完成
$list.find('.js_table_ch_icon').addClass("js_table_yqwc");
}else{//前
//正常
$list.find('.js_table_ch_icon').addClass("js_table_zcwc");
}
}
if(sjFbTime==""){
$list.find('.js_table_fb_icon').html("");
if(fbDate.getTime()>nowDate.getTime()){//后
//未开始
$list.find('.js_table_fb_icon').addClass("js_table_wwc");
}else{//前
//延期
$list.find('.js_table_fb_icon').addClass("js_table_yq");
}
}else{
$list.find('.js_table_fb_icon').html("စ");
var sjFbDate = new Date(sjFbTime);
if(sjFbDate.getTime()>fbDate.getTime()){//后
//延期完成
$list.find('.js_table_fb_icon').addClass("js_table_yqwc");
}else{//前
//正常
$list.find('.js_table_fb_icon').addClass("js_table_zcwc");
}
}
if(sjDbTime==""){
$list.find('.js_table_db_icon').html("");
if(dbDate.getTime()>nowDate.getTime()){//后
//未开始
$list.find('.js_table_db_icon').addClass("js_table_wwc");
}else{//前
//延期
$list.find('.js_table_db_icon').addClass("js_table_yq");
}
}else{
$list.find('.js_table_db_icon').html("စ");
var sjDbDate = new Date(sjDbTime);
if(sjDbDate.getTime()>dbDate.getTime()){//后
//延期完成
$list.find('.js_table_db_icon').addClass("js_table_yqwc");
}else{//前
//正常
$list.find('.js_table_db_icon').addClass("js_table_zcwc");
}
}
if(sjQyTime==""){
$list.find('.js_table_qy_icon').html("");
if(qyDate.getTime()>nowDate.getTime()){//后
//未开始
$list.find('.js_table_qy_icon').addClass("js_table_wwc");
}else{//前
//延期
$list.find('.js_table_qy_icon').addClass("js_table_yq");
}
}else{
$list.find('.js_table_qy_icon').html("စ");
var sjQyDate = new Date(sjQyTime);
if(sjQyDate.getTime()>qyDate.getTime()){//后
//延期完成
$list.find('.js_table_qy_icon').addClass("js_table_yqwc");
}else{//前
//正常
$list.find('.js_table_qy_icon').addClass("js_table_zcwc");
}
}
if(sjJcTime==""){
$list.find('.js_table_jc_icon').html("");
if(jcDate.getTime()>nowDate.getTime()){//后
//未开始
$list.find('.js_table_jc_icon').addClass("js_table_wwc");
}else{//前
//延期
$list.find('.js_table_jc_icon').addClass("js_table_yq");
}
}else{
$list.find('.js_table_jc_icon').html("စ");
var sjJcDate = new Date(sjJcTime);
if(sjJcDate.getTime()>jcDate.getTime()){//后
//延期完成
$list.find('.js_table_jc_icon').addClass("js_table_yqwc");
}else{//前
//正常
$list.find('.js_table_jc_icon').addClass("js_table_zcwc");
}
}
return $list[0].outerHTML;
}}
]]
});
//查询
$(".js_purchasePlan_manage_list_serach").click(function () {
layer.load(0, {shade: [0.1, '#FFF']}); //0代表加载的风格，支持0-2
table.reload('js_purchasePlan_manage_list_table', {
page: {
curr: 1 //重新从第 1 页开始
},
where: {
plan_code:$('.js_purchasePlan_plan_code').val()||"",
tender_type:$('.js_purchasePlan_tender_type').val()||"",
purchase_type:$('.js_purchasePlan_purchase_type').val()||"",
plan_status:$('.js_purchasePlan_plan_status').val()||"",
isErr:$('.js_purchasePlan_isError').val()||"",
tender_category:$('#tender_category').val()||"",
tender_category2:$("#tender_category2").val()||""
},
done: function () {
layer.closeAll();
upload.render({
elem: '.js_upload_file',
url: gContextPath+"/uploadfile2.htm"
,multiple: false
,before:function(){
}
,field: 'file'
, accept: 'images'
, data: {
"index": 1
},
accept: 'file',
//普通文件
done: function (res) {
console.log(res);
var _rel = $(this.item).attr('rel')||"";
var _rel_type = $(this.item).attr('rel_type')||"";
var _fileId = res[0].data.fid;
$.ajax({
url : gContextPath+"/purchasePlan/uptPlanSjTime.htm",
type: "POST",
data:{id:_rel,relType:_rel_type,fileId:_fileId},
dataType: 'json',
success: function (response) {
var returnCode = response.returnCode;
if ("1" == returnCode) {
layer.alert("上传成功",{offset: '100px'},function(){
$(".js_purchasePlan_manage_list_serach").click();
});
} else {
layer.alert("上传失败：" + response.msg,{offset: '100px'});
return false;
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
if (XMLHttpRequest.readyState == 0) {
layer.alert("上传失败",{offset: '100px'});
return false;
}
}
});
},
error: function () {
layer.alert("上传失败",{offset: '100px'});
return false;
}
});
}
});
});
2.页面
<div class="layui-hide" id="js_div_order_hide">
<table width="100%" class="order_info_list_table">
<tr class="t_top_info">
<td class="tc_td" width="6%" rowspan="4">
<input type="checkbox" lay-skin="primary" name="selbox" value="" class="c-f-checkbox js_table_plan_id"><div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>
</td>
<td style="text-align: left;" colspan="2">
<span class="js_orderNum"><span class="js_table_plan_code" style="padding-right: 0px;"></span>|<span class="js_table_plan_name"></span></span>
</td>
<td style="text-align: left;">
<span class="js_create_time">发布状态：<span class="js_table_whether_release js_table_span_color"></span></span>
</td>
<td style="text-align: left;">
<span class="js_create_time">维护人：<span class="js_table_update_by"></span></span>
</td>
<td style="text-align: left;">
<span class="js_create_time">维护时间 ：<span class="js_table_update_time"></span></span>
</td>
</tr>
<tr class="t_top_info"> <td colspan="2">
<div class="orderlist_address_info" style="text-align: left;">
<div class="address-type js_table_plan_type_name" style="width: 100%"></div>
</div>
</td>
<td>
<div class="orderlist_address_info" style="text-align: left;">
<div class="address-type" style="width: 100%">计划类型：<span class="js_table_plan_type js_table_span_color"></span></div>
</div>
</td>
<td>
<div class="orderlist_address_info" style="text-align: left;">
<div class="address-type" style="width: 100%">采购方式：<span class="js_table_plan_cg_way js_table_span_color"></span></div>
</div>
</td>
<td >
<div class="orderlist_address_info" style="text-align: left;">
<div class="address-type" style="width: 100%">计划状态：<span class="js_table_plan_status js_table_span_color"></span></div>
</div>
</td>
</tr>
<tr class="t_top_info">
<td>
<div class="pric_dv" style="text-align: left;;">
<p class="price"><label for="">策划时间</label><i class="layui-icon js_table_ch_icon"></i></p>
<p class="price"><span class="js_table_plan_ch_time"></span></p>
</div>
</td>
<td>
<div class="pric_dv" style="text-align: left;">
<p class="k_price"><label for="">发标时间</label><i class="layui-icon js_table_fb_icon"></i> </p>
<p class="k_price"><span class="js_table_plan_fb_time"></span></p>
</div>
</td>
<td >
<div class="pric_dv" style="text-align: left;">
<p class="u_price"> <label for="">定标时间</label><i class="layui-icon js_table_db_icon" ></i></p>
<p class="u_price"><span class="js_table_plan_db_time"></span></p>
</div>
</td>
<td >
<div class="pric_dv" style="text-align: left;">
<p class="u_price"><label for="">签约时间</label><button type="button" class="layui-btn js_upload_file js_table_qy_upload">上传</button><i class="layui-icon js_table_qy_icon" ></i></p>
<p class="u_price"><span class="js_table_plan_qy_time"></span></p>
</div>
</td>
<td>
<div class="pric_dv" style="text-align: left;">
<p class="u_price"><label for="">进场时间</label><button type="button" class="layui-btn js_upload_file js_table_jc_upload " >上传</button><i class="layui-icon js_table_jc_icon" ></i></p>
<p class="u_price"><span class="js_table_plan_jc_time"></span></p>
</div>
</td>
</tr>
<tr class="t_top_info">
<td colspan="5">
<div class="btn_dv">
<a href="javascript:;" class="td_btn_a site-demo-active js_plan_status_follow w-link fr" style="height: 10px" title-name="进度跟踪">进度跟踪</a>
</div>
</td>
</tr>
</table> </div>
lyui 列表 上传的更多相关文章
- 完整的多文件上传实例(java版)
昨天刚刚做了一个文件列表上传,后端很简单,用 MultipartFile[] files 获取文件流数组,后端就当IO流操作就可以,似乎好像没啥好写的,但是!!!!!前端是真的糙单.要是自己写一个前端 ...
- Vuejs上传
下载 Vuejs上传Vuejs上传 多部分上传Vue组件. 上传器可以选择上传多部分的文件. 这是关于最大的上传尺寸,允许你上传大文件. 如果prop multiple为真,文件列表将在选择文件时呈现 ...
- C#FTP操作类含下载上传删除获取目录文件及子目录列表等等
ftp登陆格式 : ftp://[帐号]:[密码]@[IP]:[端口] ftp://用户名:密码@FTP服务器IP或域名:FTP命令端口/路径/文件名 直接上代码吧,根据需要选择函数,可根据业务自己 ...
- 关于主机FTP连接不上,无法列出目录,列表错误,上传速度慢,掉速的解决办法
FTP是一种文件传输协议,它支持两种模式: 一种方式叫做Standard (也就是 Active,主动方式), 一种是 Passive (也就是PASV,被动方式). Standard模式 FTP的客 ...
- C#WPF做FTP上传下载获取文件列表
Xaml.cs: using Microsoft.Win32;using System;using System.Collections.Generic;using System.IO;using S ...
- 使用.net FtpWebRequest 实现FTP常用功能 上传 下载 获取文件列表 移动 切换目录 改名 .
平时根本没时间搞FTP什么的,现在这个项目需要搞FTP,为什么呢,我给大家说下项目背景,我们的一个应用程序上需要上传图片,但是用户部署程序的服务器上不让上传任何东西,给了我们一个FTP账号和密码,让我 ...
- c#FTP操作类,包含上传，下载，删除，获取FTP文件列表文件夹等Hhelp类
有些时间没发表文章了,之前用到过,这是我总结出来关于ftp相关操作一些方法,网上也有很多,但是没有那么全面,我的这些仅供参考和借鉴,希望能够帮助到大家,代码和相关引用我都复制粘贴出来了,希望大家喜欢 ...
- [sharepoint]rest api文档库文件上传，下载，拷贝，剪切，删除文件，创建文件夹，修改文件夹属性，删除文件夹，获取文档列表
写在前面 最近对文档库的知识点进行了整理,也就有了这篇文章,当时查找这些接口,并用在实践中,确实废了一些功夫,也为了让更多的人走更少的弯路. 系列文章 sharepoint环境安装过程中几点需要注意的 ...
- 使用elementUI的时候，使用Upload 上传的时候，使用 list-type 属性来设置文件列表的样式，before-upload方法失效
最近在做项目的时候,使用elementUI的时候,使用Upload 上传的时候,before-upload方法失效. 情况下:使用 list-type 属性来设置文件列表的样式. 最终的优化之后:(演 ...
随机推荐
- Elasticsearch使用记录
Elasticsearch使用记录 Elasticsearch的搭建方法 1.RPM方式搭建 首先去官网[https://www.elastic.co/downloads/elasticsearch# ...
- Data Structure Array: Largest subarray with equal number of 0s and 1s
http://www.geeksforgeeks.org/largest-subarray-with-equal-number-of-0s-and-1s/ #include <iostream& ...
- 关于tomcate跨域配置的配置问题和表头加入新属性的过滤
1 .在项目中常常遇到本地访问服务器上的链接数据访问不到,并出现如下问题: 这是因为tomcate 的配置中过滤了请求方式, 解决方案: 1.在tomcate中引入两个jar包:java-proper ...
- bzoj 2005: [Noi2010]能量采集 筛法||欧拉||莫比乌斯
2005: [Noi2010]能量采集 Time Limit: 10 Sec Memory Limit: 552 MB[Submit][Status][Discuss] Description 栋栋 ...
- Oracle结构控制语句
--if语句 if [判断条件] then --条件满足执行的语句 end if; -- if ...else... if [判断条件] then ----条件满足执行的语句 else --不满足条件 ...
- Python- and & or 的短路原则
条件1 and 条件2 条件1 or 条件2 短路原则 对于and 如果前面的第一个条件为假,那么这个and前后两个条件组成的表达式的计算结果就一定为假,第二个条件就不会被计算 对于or 如果前面的第 ...
- python第三篇：python、flask关系映射
python中关系映射主要包括三种:一对多关系映射.一对一关系映射.多对多关系映射. 一对多关系映射 一方:Student(学生) 添加关联属性和反向引用 多方:Article(文章) 添加外键关联 ...
- webserver的编写中出现的问题
在webserver编写过程中,出现过问题.就是标签<input>编写过程中少了name属性,导致程序无法读到<form>提交的数据.
- 分享知识-快乐自己：Liunx 安装 Zookeeper
Zookeeper可以安装在windows中也可以安装在linux中! 但是我们的服务器基本都是在linux之上 安装我们的 zookeeper 注册中心! 安装成功之后 修改 nat 模式对应的端 ...
- gethub的安装
下载地址: windows的下载地址 https://gitforwindows.org/ 一.安装 win下的安装注意要点: 1.环境变量 2.文件结束符如何处理(windows下/r/n,linu ...