ComplianceServer/oldcode/Core.Web/Views/News/Index.cshtml

1049 lines
44 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@using Core.Web.WebHelper
@using Core.Web.Controllers
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
.self-table-click td {
background-color: #f3ebbc;
}
.auditimg {
width: 200px;
height: 200px;
}
ul.imglist {
margin: 0 auto;
width: 400px;
overflow: hidden
}
ul.imglist li {
float: left;
padding: 4px 8px;
width: 160px;
border: 5px solid white;
border-radius: 5px;
}
ul.imglist li span i {
display: none;
}
ul.imglist li:hover {
border: 5px solid #e2dfdf;
}
ul.imglist li:hover span i {
display: block;
cursor: pointer;
}
ul.imglist li img {
display: block;
width: 160px;
height: 90px
}
ul.imglist li span {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
background: #F6F6F6;
}
.hgguanjianci {
background-color: #FF9800;
color: white;
}
</style>
<div class="x-body">
@*@{
if (ViewBag.Eid == 3002 || ViewBag.Eid == 68882 || ViewBag.Eid == 60044 || ViewBag.Eid == 1026)
{
<div class="layui-btn-group" style="padding-bottom:10px;">
<button class="layui-btn layui-btn-normal" data-method="add">添加</button>
<button class="layui-btn layui-btn-normal" data-method="edit">编辑</button>
</div>
}
}*@
<div class="layui-btn-group" style="padding-bottom:10px;">
@Html.Action("ToolBar", "Home",
new
{
area = "",
rightcode = (ViewBag.rightCode as string),
otherToolBars = new ToolBar[]
{
// new Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Add, "添加", "layui-btn-normal","",true) ,
new Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Edit, "编辑", " " ,"",true),
new Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Check, "审核", " " ,"",true),
new Core.Web.WebHelper.ToolBar(ToolBarConfig.CONST_Delete, "删除", " " ,"",true)
}
}
)
</div>
<form class="layui-form">
<div id="mytoolbar">
业务部:
<div class="layui-inline">
<div class="layui-inline">
<div id="selectDeptId" style="width: 200px"></div>
</div>
</div>
类型:
<div class="layui-inline">
<select name="slt_NewsType" style="height: 35px; width: 200px">
<option value="">全部</option>
<option value="activity">活动</option>
<option value="plan">策划</option>
<option value="ad">推广</option>
<option value="service">客户服务内容</option>
</select>
</div>
审核状态:
<div class="layui-inline">
<select name="slt_Status" style="height:35px;">
<option value="">全部</option>
<option value="0">未审核</option>
<option value="1">通过</option>
<option value="-1">未通过</option>
</select>
</div>
驳回理由:
<div class="layui-inline">
<select name="txt_reason" style="height:35px;">
<option value="">全部</option>
@foreach (var item in ViewBag.reasons as Dictionary<int, string>)
{
<option value="@item.Key">@item.Value</option>
}
</select>
</div>
标题:
<div class="layui-inline">
<input type="text" name="txt_title" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
内容:
<div class="layui-inline">
<input type="text" name="txt_remark" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
提交人:
<div class="layui-inline">
<input type="text" name="txt_createUserName" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
审核人:
<div class="layui-inline">
<input type="text" name="txt_auditerName" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
提交日期:
<div class="layui-inline">
<input class="layui-input" placeholder="开始日" name="txt_newsStartTime" id="newsStartTime" style="width:120px;">
</div>
<div class="layui-inline">
<input class="layui-input" placeholder="截止日" name="txt_newsEndTime" id="newsEndTime" style="width:120px;">
</div>
审核日期:
<div class="layui-inline">
<input class="layui-input" placeholder="开始日" name="txt_auditStartTime" id="auditStartTime" style="width:120px;">
</div>
<div class="layui-inline">
<input class="layui-input" placeholder="截止日" name="txt_auditEndTime" id="auditEndTime" style="width:120px;">
</div>
<input type="hidden" value="true" name="txt_IsUpload">
上传状态:
<div class="layui-inline">
<select name="slt_IsUpload" style="height:35px;width:90px;">
<option value="">全部</option>
<option value="true" selected>提交</option>
<option value="false">未提交</option>
</select>
</div>
<div style="float: right;">
<button class="layui-btn layui-btn-normal" style="width:100px;" type="button" id="search" data-type="reload">搜索</button>
<button class="layui-btn layui-btn-normal" style="width: 100px; margin-left: 10px !important;" type="reset">重置</button>
</div>
</div>
</form>
<table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>
<div id="EditDialog" class="layui-form" style="display:none;">
<div class="x-body">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">类型:</label>
<div class="layui-input-block">
<select name="newstype" id="NewsType" lay-verify="required">
<option value="">全部</option>
<option value="activity">活动</option>
<option value="plan">策划</option>
<option value="ad">推广</option>
<option value="service">客户服务内容</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">标题:</label>
<div class="layui-input-block">
<input type="text" name="title" id="Title" lay-verify="required|len" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">链接:</label>
<div class="layui-input-block">
<input type="text" name="content" id="Content" lay-verify="required|url|len" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">附件:</label>
<div class="layui-input-inline">
<button type="button" class="layui-btn" id="uploadAtt">上传附件</button><i class="layui-icon layui-icon-ok layui-bg-green" style="display:none;" id="hasAtt"></i>
<input type="hidden" name="att" id="hidAtt" />
<br /><span>格式doc(.docx)、.ppt(.pptx)、.xls(.xlsx)、.wps、.pdf、.txt、.MP4、JPG、JPEG、PNG、zip、7z</span>
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">内容:</label>
<div class="layui-input-block">
<textarea class="layui-textarea" name="Remark" id="Remark"></textarea>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">渠道:</label>
<div class="layui-input-block">
<input type="text" name="Channels" id="Channels" lay-verify="required|len" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">作者:</label>
<div class="layui-input-block">
<input type="text" name="Author" id="Author" lay-verify="required|len" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block">
<input type="hidden" name="Id" id="EditId" />
<button class="layui-btn" lay-submit="" id="save" lay-filter="save">确定</button>
<button class="layui-btn" style="display: none" id="save-hide"></button>
</div>
</div>
</form>
</div>
</div>
<div id="AuditDialog" class="layui-form" style="display:none;">
<div class="x-body">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">类型:</label>
<div class="layui-input-block">
<span class="layui-form-mid" id="NewsTypeShow"></span>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">标题:</label>
<div class="layui-input-block">
<span class="layui-form-mid" id="TitleShow"></span>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">链接:</label>
<div class="layui-input-block">
<span class="layui-form-mid" id="ContentShow"></span>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">附件:</label>
<div class="layui-input-inline">
<a href="#" id="atturl" target="_blank" class="layui-form-mid" style="color:blue">下载</a>
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">内容:</label>
<div class="layui-input-block">
<span class="layui-form-mid" id="RemarkShow"></span>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">渠道:</label>
<div class="layui-input-block">
<span class="layui-form-mid" id="ChannelsShow"></span>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">作者:</label>
<div class="layui-input-block">
<span class="layui-form-mid" id="AuthorShow"></span>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">审核:</label>
<div class="layui-input-block">
<select name="Status" id="Status" lay-verify="required" lay-filter="select_status">
<option value="0">未审核</option>
<option value="1">通过</option>
<option value="-1">未通过</option>
</select>
</div>
</div>
<div class="layui-form-item layui-form-text" id="txt_Reason" style="display: none;">
<label class="layui-form-label">驳回理由:</label>
<div class="layui-input-block">
<div id="selectReason"></div>
@*<select name="Reason" id="Reason" lay-verify="required">
<option value="0">-- 请选择 --</option>
@foreach (var item in ViewBag.reasons as Dictionary<int, string>)
{
<option value="@item.Key">@item.Value</option>
}
</select>*@
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">备注:</label>
<div class="layui-input-block">
<textarea class="layui-textarea" name="AuditRemark" id="AuditRemark"></textarea>
</div>
</div>
<div class="layui-form-item">
@*<div class="layui-inline">
<label class="layui-form-label">图片说明:</label>
<div class="layui-input-inline">
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="uploadAuditImg">上传图片</button>&nbsp;&nbsp;&nbsp;顶多6张图片
<input type="hidden" name="ImgListValue" id="ImgListValue" value="" />
<ul class="imglist" id="imglist"></ul>
</div>
</div>*@
<label class="layui-form-label">审核附件:</label>
<div class="layui-upload">
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="uploadAtt">
<i class="layui-icon layui-icon-upload-drag layui-font-12"></i> 上传附件
</button>
<div class="layui-upload-list" style="max-width: 1000px;">
<table class="layui-table">
<colgroup>
<col width="100">
<col width="100">
<col width="200">
<col width="50">
</colgroup>
<thead>
<tr>
<th>文件名</th>
<th>大小</th>
<th>上传进度</th>
<th>操作</th>
</tr>
</thead>
<tbody id="demoList"></tbody>
</table>
</div>
<input type="hidden" name="ATTACHMENT" id="ATTACHMENT" />
<br /><span>备注上传文件支持扩展名rar .zip .doc .docx .pdf .jpg .png.excel.mp3...</span>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block">
<input type="hidden" name="Id" id="AudtiId" />
<button class="layui-btn" lay-submit="" id="audit" lay-filter="audit">确定</button>
</div>
</div>
</form>
</div>
</div>
<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
var selectRow = {};
var layer;
var flow;
var accessories = [];
var token;
var table;
layui.use(['table', 'form', 'layer', 'upload', 'laydate', 'flow', 'element'], function () {
flow = layui.flow;
table = layui.table;
var form = layui.form;
form.render('select');
layer = layui.layer;
var upload = layui.upload;
var laydate = layui.laydate;
var element = layui.element;
laydate.render({ elem: '#newsStartTime'});
laydate.render({ elem: '#newsEndTime' });
laydate.render({ elem: '#auditStartTime' });
laydate.render({ elem: '#auditEndTime' });
table.render({
id: 'NewsList',//列表别名ID
elem: '#tabl1',//表ID
url: '/News/GetListHtml',
method: 'POST',
cols: [[
{ field: 'Id', title: 'ID' }
//,{
// field: 'deptcode', title: '事业部', templet: function (d) {
// var companename = "";
// if (deptcodeJson[d.Companycode]) {
// companename = deptcodeJson[d.Companycode];
// } else {
// companename=companyjson[d.Companycode];
// }
// return companename;
// }
//}
, { field: 'DeptName', title: '业务部', width: 130 }
, { field: 'NewsType', title: '类型', templet: '#typeTpl' }
, { field: 'Title', title: '标题' }
, {
field: 'Content', title: '链接', templet: function (d) {
if (d.Content) {
if (d.Content.indexOf("http")==0) {
return '<div><a href="' + d.Content + '" target="_blank" class="layui-table-link">' + d.Content + '</a></div>'
} else {
return d.Content;
}
} else {
return "";
}
}
}
, { field: 'Att', title: '附件', templet: '#attTpl' }
, { field: 'Author', title: '作者' }
, { field: 'UploadName', title: '提交人', templet: "#uploadNameStr" }
, { field: 'CTime', title: '提交日期' }
, {
field: 'Remark', title: '内容' , templet: function (d)
{
if (d.Remark) {
return SetKeyWords(d.Remark);
}
else {
return "";
}
}
}
, { field: 'Channels', title: '渠道' }
, { field: 'Status', title: '审核状态', templet: "#statusStr", align:"center"}
, { field: 'AuditerName', title: '审核人' }
, { field: 'StatusTime', title: '审核日期' }
, { field: 'AuditRemark', title: '审核备注' }
, { field: 'ReasonStr', title: '驳回理由' }
, {
field: 'Log', title: '日志', templet: function (d) {
return "<a href='javascript:ShowLog(" + d.Id +");' style='color:#01AAED'>日志</a>";
}
}
//, { field: 'Action', title: '操作', toolbar: '#eventBar' }
]]
, page: {
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
//,curr: 5 //设定初始在第 5 页
, groups: 5 //只显示 1 个连续页码
}
, where: GetParams("mytoolbar")
});
$('#mytoolbar #search').on('click', function (data) {
table.reload('NewsList', {
page: { curr: 1 },
where: GetParams("mytoolbar")
});
});
form.on('select(select_status)', function (data) {
var value = data.value;
selectReset([]);
if (value == -1) {
$("#txt_Reason").attr('style', 'display:block');
} else {
$("#txt_Reason").attr('style', 'display:none');
}
});
//监听行单击事件
table.on('row(tabl1)', function (obj) {
var data = obj.data;
//console.log(data);
//标注选中样式
obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
selectRow = data;
});
var active = {
add: function () {
$("#Title").val("");
$("#Content").val("");
$("#Remark").val("");
$("#hasAtt").hide();
$("#hidAtt").val("");
layer.open({
title: '添加文案',
type: 1,
content: $('#EditDialog'),
area: ['600px', '600px']
, btn: ['确定', '取消']
, yes: function (index, layero) {
$("#save").click();
}
});
},
edit: function () {
if (selectRow.Id === "undefined" || selectRow.Id == null) {
layer.msg("请先选中一条记录!");
return;
}
$("#NewsType").val(selectRow.NewsType);
$("#Title").val(selectRow.Title);
$("#Content").val(selectRow.Content);
$("#Remark").val(selectRow.Remark);
$("#hidAtt").val(selectRow.Att);
$("#Channels").val(selectRow.Channels);
$("#Author").val(selectRow.Author);
if (selectRow.Att != null) {
$("#hasAtt").show();
}
else {
$("#hasAtt").hide();
}
$("#EditId").val(selectRow.Id);
form.render();
layer.open({
title: '修改文案',
type: 1,
content: $('#EditDialog'),
area: ['600px', '600px']
, btn: ['确定', '取消']
, yes: function (index, layero) {
$("#save").click();
}
});
},
check: function () {
if (selectRow.Id === "undefined" || selectRow.Id == null) {
layer.msg("请先选中一条记录!");
return;
}
var newsTypeTet = "未知";
if (selectRow.NewsType == "activity") {
newsTypeTet = "活动";
}
else if (selectRow.NewsType == "plan") {
newsTypeTet = "策划";
}
else if (selectRow.NewsType == "ad") {
newsTypeTet = "推广";
}else if (selectRow.NewsType == "service") {
newsTypeTet = "客户服务内容";
}
selectRow.SelectReason = !selectRow.SelectReason ? [] : selectRow.SelectReason;
selectReset(selectRow.SelectReason);
if (selectRow.Status == -1) {
$("#txt_Reason").attr('style', 'display:block');
} else {
$("#txt_Reason").attr('style', 'display:none');
}
$("#TitleShow").html(selectRow.Title);
$("#NewsTypeShow").html(newsTypeTet);
$("#TitleShow").html(selectRow.Title);
$("#ContentShow").html(selectRow.Content);
if (selectRow.Remark)
$("#RemarkShow").html(SetKeyWords(selectRow.Remark));
else
$("#RemarkShow").html("");
$("#ChannelsShow").html(selectRow.Channels);
$("#AuthorShow").html(selectRow.Author);
if (selectRow.Att != null) {
$("#atturl").attr("href", selectRow.Att).show();
}
else {
$("#atturl").hide();
}
$("#AudtiId").val(selectRow.Id);
$("#Status").val(selectRow.Status);
$("#AuditRemark").val(selectRow.AuditRemark);
//$("#imglist").html("");
//var imgurl = "";
//if (selectRow.AuditImg1) {
// $("#imglist").append('<li><a href="' + selectRow.AuditImg1 + '" target="_blank"><img src="' + selectRow.AuditImg1 + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
// imgurl = selectRow.AuditImg1;
//}
//if (selectRow.AuditImg2) {
// $("#imglist").append('<li><a href="' + selectRow.AuditImg2 + '" target="_blank"><img src="' + selectRow.AuditImg2 + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
// imgurl = imgurl + "|" + selectRow.AuditImg2;
//}
//if (selectRow.AuditImg3) {
// $("#imglist").append('<li><a href="' + selectRow.AuditImg3 + '" target="_blank"><img src="' + selectRow.AuditImg3 + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
// imgurl = imgurl + "|" + selectRow.AuditImg3;
//}
//if (selectRow.AuditImg4) {
// $("#imglist").append('<li><a href="' + selectRow.AuditImg4 + '" target="_blank"><img src="' + selectRow.AuditImg4 + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
// imgurl = imgurl + "|" + selectRow.AuditImg4;
//}
//if (selectRow.AuditImg5) {
// $("#imglist").append('<li><a href="' + selectRow.AuditImg5 + '" target="_blank"><img src="' + selectRow.AuditImg5 + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
// imgurl = imgurl + "|" + selectRow.AuditImg5;
//}
//if (selectRow.AuditImg6) {
// $("#imglist").append('<li><a href="' + selectRow.AuditImg6 + '" target="_blank"><img src="' + selectRow.AuditImg6 + '" /></a><span> <i class="layui-icon layui-icon-delete" style="font-size: 20px; color: red;"></i></span></li>');
// imgurl = imgurl + "|" + selectRow.AuditImg6;
//}
//$("#ImgListValue").val(imgurl);
//$("#uploadAuditImg").show();
//if ($("#imglist").find("li").length > 5) {
// $("#uploadAuditImg").hide();
//}
form.render();
if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) {
layer.open({
title: '审核',
type: 2,
content: '/News/Check?id=' + selectRow.Id,
area: ['100%', '100%']
//, yes: function (index, layero) {
// $("#audit").click();
//}
});
} else {
layer.open({
title: '审核',
type: 2,
content: '/News/Check?id=' + selectRow.Id,
area: ['850px', '600px']
//, yes: function (index, layero) {
// $("#audit").click();
//}
});
}
},
delete: function () {
if (selectRow.Id === "undefined" || selectRow.Id == null) {
layer.msg("请先选中一条记录!");
return;
}
layer.confirm('确定要删除这个文案吗?', { icon: 3, title: '提示' }, function (index) {
$.r_post('/News/Del', { Id:selectRow.Id }, function (res) {
if (res.result) {
var refresh = $(".layui-laypage-refresh");
if (refresh.length == 0) {
$("#search").click();
}
else {
refresh[0].click();
}
layer.msg('操作成功!', { icon: 1 }, function () {
layer.closeAll();
});
}
else {
layer.msg('操作失败!' + result.retmsg, { icon: 2 });
}
});
layer.close(index);
});
}
};
form.on('submit(save)', function (data) {
//console.log(data.field);
var url = "";
if (data.field.Id == "") {
url = "/News/Add";
}
else {
url = "/News/Edit"
}
$.r_post(url, data.field, function (res) {
if (res.result) {
layer.msg('操作成功!', { icon: 1 }, function () {
layer.closeAll();
var refresh = $(".layui-laypage-refresh");
if (refresh.length == 0) {
$("#search").click();
$("#search").click();
}
else {
refresh[0].click();
}
});
}
else {
layer.msg('操作失败!' + result.retmsg, { icon: 2 });
}
});
return false;
});
form.on('submit(audit)', function (data) {
//console.log(data.field);
var imgls = $("#imglist img");
console.log(imgls);
var nvalue = "";
$(imgls).each(function (d, a) {
if(d==0)
nvalue += $(a).attr("src");
else
nvalue +="|"+ $(a).attr("src");
});
console.log(nvalue);
$("#ImgListValue").val(nvalue);
data.field.ImgListValue = nvalue;
if (data.field.Status == -1 && data.field.Reason == "0") {
layer.msg('请选择驳回理由!', { icon: 2 });
return false;
}
$.r_post('/News/Set', data.field, function (res) {
if (res.result) {
layer.msg('操作成功!', { icon: 1 }, function () {
layer.closeAll();
var refresh = $(".layui-laypage-refresh");
if (refresh.length == 0) {
$("#search").click();
}
else {
refresh[0].click();
}
});
}
else {
layer.msg('操作失败!' + result.retmsg, { icon: 2 });
}
});
return false;
});
//自定义验证规则
form.verify({
len: function (value) {
if (value.length > 200) {
return '字数太多了!';
}
}
});
var File_Server = '@ViewBag.File_Server';
var loading;
$.ajax({
type: "GET",
url: File_Server + "/api/Token?key=7AC51A5F0DE9A13D5FC9960AD45CC8D5",
success: function (da) {
token = "Bearer " + da;
var uploadListIns = upload.render({
elem: '#uploadAtt'
, elemList: $('#demoList') //列表元素对象
//, url: 'https://httpbin.org/post' //此处用的是第三方的 http 请求演示,实际使用时改成您自己的上传接口即可。
, url: File_Server + '/Streaming/UploadLargeFile'
, accept: 'file'
, headers: { Authorization: token }
, multiple: true
, number: 3
, auto: true
//, bindAction: '#testListAction'
, choose: function (obj) {
var that = this;
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
//读取本地文件
obj.preview(function (index, file, result) {
if (file.size > 1024 * 1024 * 500) {
layer.msg('不能上传超过500M的文件', { icon: 2 });
delete files[index];
return;
}
var fileSize = (file.size / (1024)) > 1024 ? (file.size / (1024 * 1024)).toFixed(2) + 'MB' :
(file.size / (1024)).toFixed(1) + 'KB';
var tr = $(['<tr id="upload-' + index + '">'
, '<td>' + file.name + '</td>'
, '<td>' + fileSize + '</td>'
, '<td><div class="layui-progress" lay-filter="progress-demo-' + index + '"><div class="layui-progress-bar" lay-percent=""></div></div></td>'
, '<td>'
, '<button class="layui-btn layui-btn-xs demo-reload layui-hide" type="button">重传</button>'
, '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete" type="button">删除</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();
var fileIndex = accessories.findIndex(x => x.fileName == file.name);
accessories.splice(fileIndex, 1);
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
});
that.elemList.append(tr);
element.render('progress'); //渲染新加的进度条组件
});
}
, done: function (res, index, upload) { //成功的回调
var that = this;
//if(res.code == 0){ //上传成功
var tr = that.elemList.find('tr#upload-' + index)
, tds = tr.children();
//tds.eq(3).html(''); //清空操作
var file = this.files[index];
var fileSize = (file.size / (1024)) > 1024 ? (file.size / (1024 * 1024)).toFixed(2) + 'MB' :
(file.size / (1024)).toFixed(1) + 'KB';
var data = {
fileName: file.name,
fileSize: fileSize,
fileUrl: res.url
}
accessories.push(data);
delete this.files[index]; //删除文件队列已经上传成功的文件
return;
//}
this.error(index, upload);
}
, allDone: function (obj) { //多文件上传完毕后的状态回调
console.log(obj)
var data = JSON.stringify(accessories);
console.log(data);
document.getElementById("ATTACHMENT").value = JSON.stringify(accessories);
}
, error: function (index, upload) { //错误回调
var that = this;
var tr = that.elemList.find('tr#upload-' + index)
, tds = tr.children();
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
, progress: function (n, elem, e, index) { //注意index 参数为 layui 2.6.6 新增
element.progress('progress-demo-' + index, n + '%'); //执行进度条。n 即为返回的进度百分比
}
});
}
})
//upload.render({ //允许上传的文件后缀
// elem: '#uploadAtt'
// , url: '/News/UploadAtt'
// , accept: 'file' //普通文件
// , exts: 'zip|rar|7z|jpg|png|gif|bmp|jpeg|txt|xls|xlsx' //只允许上传压缩文件
// , size: 100000 //限制文件大小,单位 KB
// , done: function (res) {
// console.log(res)
// if (res.result) {
// $("#hidAtt").val(res.retmsg);
// $("#hasAtt").show();
// }
// }
//});
$('.layui-btn-group .layui-btn').on('click', function () {
var othis = $(this), method = othis.data('method');
active[method] ? active[method].call(this, othis) : '';
});
});
function selectReset(value) {
selectChannel.setValue(value);
}
var keywords = '@ViewBag.KeyWords';
var HgWords = keywords.split(';');
var alnn = 0;
function SetKeyWords(content) {
$(HgWords).each(function (i, key) {
if (key) {
alnn++;
content = content.replace(key, "<span class='hgguanjianci' id='hgwords_" + alnn + "'>" + key + "</span>");
}
});
return content;
}
function ShowLog(id) {
var width = $(window).width() * 0.8;
var height = $(window).height() * 0.8;
layer.open({
type: 2,
content: '/News/Log?Id=' + id,
title: "日志",
area: [width+'px', height+'px']
});
}
$("#reset").on('click', function (data) {
});
var optionsCompany = {
el: '#selectDeptId',
name: 'txt_DepartmentId',//表单的name属性
layVerify: '',
tips: '请选择',
toolbar: {//工具条,全选,清空,反选,自定义
show: true,
list: [
'CLEAR'
]
},
data: []
};
var selectCompany = xmSelect.render(optionsCompany);
var allCompany = @Html.Raw(ViewBag.companyList);
selectCompany.update({ data: allCompany });
var optionsReason = {
el: '#selectReason',
name: 'SelectReason',//表单的name属性
//layVerify: 'required',//必填项
//layVerType: 'tips',//提示类型 同layui
tips: '请选择驳回理由',
toolbar: {//工具条,全选,清空,反选,自定义
show: true,
list: [
'ALL',
'CLEAR'
]
},
data: [],
initValue: selectRow.SelectReason
};
var selectChannel = xmSelect.render(optionsReason);
var allChannel = @Html.Raw(ViewBag.AllReasons);
selectChannel.update({ data: allChannel });
$(function () {
$("body").on("click", ".layui-icon-delete", function () {
$(this).parent().parent().remove();
if ($("#imglist").find("li").length < 6) {
$("#uploadAuditImg").show();
}
});
});
function TableReload() {
table.reload('NewsList', {
});
}
function initAccessory() {
layui.use('element', function () {
document.getElementById("Accessories").value = JSON.stringify(accessories);
var element = layui.element;
var $ = layui.jquery;
$('#demoList').html("");
for (var i = 0; i < accessories.length; i++) {
var accessory = accessories[i];
if (!accessory) return;
var tr = $(['<tr id="upload-old-' + accessory.id + '">'
, '<td>' + accessory.fileName + '</td>'
, '<td>' + accessory.fileSize + '</td>'
, '<td><div class="layui-progress" lay-filter="progress-old-' + accessory.id + '"><div class="layui-progress-bar" lay-percent=""></div></div></td>'
, '<td>'
, '<button class="layui-btn layui-btn-xs layui-btn-danger" type="button" onclick="deleteFile(' + accessory.id + ',\'' + accessory.fileName + '\')">删除</button>'
, '</td>'
, '</tr>'].join(''));
$('#demoList').append(tr);
element.progress('progress-old-' + accessory.id, '100%');
}
});
}
function deleteFile(id, fileName) {
winindex = layer.confirm('是否确认删除【' + fileName + '】?', { icon: 3, title: '提示' }, function (index) {
@* $.ajax({
type: "DELETE",
url: '@Html.Raw(ViewBag.webapi + "/api/meeting/accessory?accessoryId=")' + id,
dataType: "json",
contentType: "application/json",
success: function (da) {
if (da.result == true) {
parent.layer.msg('操作成功!', { icon: 1 });
init();
} else {
layer.msg(da.retmsg, { icon: 2 });
}
},
error: function () {
layer.msg('操作失败!', { icon: 2 });
}
});*@
var index = accessories.findIndex(x => x.id == id);
accessories.splice(index, 1);
Closed();
initAccessory();
});
return false;
}
</script>
<script type="text/html" id="typeTpl">
{{# if(d.NewsType == "activity"){ }}
活动
{{# } else if(d.NewsType == "plan"){ }}
策划
{{# } else if(d.NewsType == "ad"){ }}
推广
{{# }else if(d.NewsType == "service"){ }}
客户服务内容
{{# } }}
</script>
@{
if (ViewBag.Eid == 10000 || ViewBag.Eid == 2001 || ViewBag.Eid == 2007)
{
<script type="text/html" id="eventBar">
<a class="layui-btn layui-btn-xs layui-bg-red" lay-event="audit">审核</a>
</script>
}
}
<script type="text/html" id="uploadNameStr">
{{# if(d.UploadName == null) { }}
<span>{{d.CreateUserName}}</span>
{{# } else { }}
<span>{{d.UploadName}}</span>
{{# } }}
</script>
<script type="text/html" id="statusStr">
{{# if(d.Status == 1){ }}
<span style="color: #97f22a">通过</span>
{{# } else if(d.Status == -1) { }}
<span style="color: red">未通过</span>
{{# } else { }}
<span>待审核</span>
{{# } }}
</script>
<script type="text/html" id="statusTpl">
{{# if(d.Status == 1){ }}
@*<i class="layui-icon layui-icon-ok layui-bg-green"></i>*@
<img src="/images/checked.png" style="height:20px;width:20px;" />
{{# } else if(d.Status == -1) { }}
@*<i class="layui-icon layui-icon-close layui-bg-red"></i>*@
<img src="/images/unchecked.png" style="height:18px;width:18px;" />
{{# } else { }}
@*<i class="layui-icon layui-icon-more layui-bg-blue"></i>*@
<img src="/images/checking.png" style="height:16px;width:16px;" />
{{# } }}
</script>
<script type="text/html" id="attTpl">
{{# if(d.Att != null){ }}
<a href="{{d.Att}}" target="_blank" class="layui-table-link">下载</a>
{{# } }}
</script>