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 属性来设置文件列表的样式. 最终的优化之后:(演 ...
随机推荐
- jQuery设计理念
jQuery设计理念 引用百科的介绍: jQuery是继prototype之后又一个优秀的Javascript框架.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1. ...
- UI组件之Label
Use Core Data 接口,链接数据库 Portrait 肖像模式 LandScape(Left, Right) 风景模式 1.程序启动后,从main接口进入, main函数会调用UIAppli ...
- find查找文件
linux下最强大的搜索命令为”find“. 它的格式为”find <指定目录> <指定条件> <指定动作>“: 比如使用find命令搜索在根目录下的所有inter ...
- 之前收集的一波MaterialDesign库
material https://github.com/rey5137/material MaterialDesignLibrary md控件库,可兼容到2.2. https://github.com ...
- BZOJ 1059 [ZJOI2007]矩阵游戏：二分图匹配
题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1059 题意: 给你一个n*n的01矩阵. 你可以任意次地交换某两行或某两列. 问你是否可以 ...
- Codeforces 358D Dima and Hares：dp【只考虑相邻元素】
题目链接:http://codeforces.com/problemset/problem/358/D 题意: 有n个物品A[i]摆成一排,你要按照某一个顺序将它们全部取走. 其中,取走A[i]的收益 ...
- CheckStyle：unable to parse configuration stream - Element type "message" must be declared
版本在1.3以上,包括1.3: <!DOCTYPE module PUBLIC "-//Puppy Crawl//DTD Check Configuration 1. ...
- 基于Protobuf的分布式高性能RPC框架——Navi-Pbrpc
基于Protobuf的分布式高性能RPC框架——Navi-Pbrpc 二月 8, 2016 1 简介 Navi-pbrpc框架是一个高性能的远程调用RPC框架,使用netty4技术提供非阻塞.异步.全 ...
- Java企业微信开发_01_接收消息服务器配置
一.准备阶段 需要准备事项: 1.一个能在公网上访问的项目: 见:Java微信公众平台开发_01_本地服务器映射外网 2.一个企业微信账号: 去注册:(https://work.weixin.qq.c ...
- linux apt-get remove如何恢复
linux卸载或删除软件时,若不小心删除到关联的软件,如果想撤销删除操作需要在/var/log/apt/history.log中依次安装删除的软件,具体操作如下: $echo '#!/bin/bash ...