TG.WXCRM.V4/WEB/Views/Csvr/CustomerUC/CustomerAllMemoUC.cshtml

557 lines
22 KiB
Plaintext
Raw Permalink 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.

@model WX.CRM.Model.QueryMap.CustomerInfo
@{
Layout = null;
}
<style type="text/css">
.DisTable {
display: block;
}
.NoneTable {
display: none;
}
.td {
border: 1px solid #ff0000;
}
</style>
<script type="text/javascript">
//显示memo
function ShowMemo(obj) {
for (var i = 1; i <= 7; i++) {
var objId = "tableMemo" + i;
//alert(objId);
if (i == obj) {
document.getElementById(objId).className = "DisTable";
}
else {
document.getElementById(objId).className = "NoneTable";
}
}
}
//添加工单
//弹出页面窗体comName:窗体的名称linkUrlIframe的src地址
//maximizable="false" minimizable="false" collapsible="false" 设置最大,最小,不可更改大小
function ShowWindowBox(comName, linkUrl) {
var winHeight = $(window).height() - 20;
$("#modalwindow").html(GetIframeHtml('/Ord/Memo/' + linkUrl + '?CallType=@(Request.QueryString["CallType"] == null ? "1" : Request.QueryString["CallType"])&resid=@(Model.CustomerId)&r=' + Math.random()));
$("#modalwindow").window({ title: comName, width: 690, height: winHeight, iconCls: 'icon-add', resizable: false }).window('open');
}
//全局变量 所有数据
var AllData;
function memoReload() {
AllData = null;
MemoloadAll(7);
}
//重新加载通话时间
function ReroldCallTime(memoid) {
$.r_ajax({
url: "/Csvr/CustomerUC/UpdateNoCallTime?MemoId=" + memoid,
type: "Post",
dataType: "json",
loading: true,
success: function (data) {
if (data.result) {
MemoloadAll(7);
ShowMemo(7);
} else {
$.messager.alert('警告', "获取时间失败!", "error");
}
}
});
}
//获取短信
function GetMessage() {
$.r_ajax({
url: "/Csvr/CustomerUC/GetMessageHtml",
type: "Post",
data: { ResId: "@(Model.CustomerId)", rn: 15 },
dataType: "json",
loading: true,
success: function (data) {
AllData = data.rowsList;
MemoLoad(6);
}, error: function () {
$.messager.alert('警告', '数据加载失败!', "error");
}
});
}
//加载全部数据
function MemoloadAll(type) {
$.r_ajax({
url: "/Csvr/CustomerUC/GetMemoQueryHtml",
type: "Post",
data: { MemoType: "7", pageType:1, ResId: "@(Model.CustomerId)", page: 1, rows: 20, IsValid: $("#ckb_Valid").prop("checked") },
dataType: "json",
loading: true,
success: function (data) {
AllData = data.rowsList;
MemoLoad(type);
MemoLoad(7);
}, error: function () {
$.messager.alert('警告', '数据加载失败!', "error");
}
});
}
//各个类型数据的处理显示
function MemoLoad(type) {
switch (type) {
case 1:
var rowlist = AllData;
$("#tableMemo1").attr("AlreadyLoad", "true");
$("#tableMemo1 .layui-table tbody").html(rowlist);
var rownum = 0;
$("#tableMemo1 tbody tr").each(function () {
//判断工单类型
if ($(this).find("td").eq(2).html() != "销售工单") {
$(this).remove();
}
else {
rownum++;
//if (rownum > 15) {
// $(this).remove();
//}else
$(this).find("td").eq(0).html(rownum);
}
//移除第三列和第四列
$(this).find("td").eq(2).remove();
//$(this).find("td").eq(3).remove();
// $(this).find("td").eq(8).remove();
})
break;
case 2:
var rowlist = AllData;
$("#tableMemo2").attr("AlreadyLoad", "true");
$("#tableMemo2 .layui-table tbody").html(rowlist);
var rownum = 0;
$("#tableMemo2 tbody tr").each(function () {
//判断工单类型
if ($(this).find("td").eq(2).html() != "意向工单") {
$(this).remove();
}
else {
rownum++;
//if (rownum > 15) {
// $(this).remove();
//} else
$(this).find("td").eq(0).html(rownum);
}
//移除第三列和第四列
$(this).find("td").eq(2).remove();
//$(this).find("td").eq(3).remove();
// $(this).find("td").eq(8).remove();
})
break;
case 3:
var rowlist = AllData;
$("#tableMemo3").attr("AlreadyLoad", "true");
$("#tableMemo3 .layui-table tbody").html(rowlist);
var rownum = 0;
$("#tableMemo3 tbody tr").each(function () {
//判断工单类型
if ($(this).find("td").eq(2).html() != "服务工单") {
$(this).remove();
}
else {
rownum++;
//if (rownum > 15) {
// $(this).remove();
//} else
$(this).find("td").eq(0).html(rownum);
}
//移除第三列和第四列
$(this).find("td").eq(2).remove();
//$(this).find("td").eq(3).remove();
// $(this).find("td").eq(8).remove();
var txt = $(this).find("td").eq(4).text();
if (txt == "到款-回访确认") {
$(this).css("font-weight", "bold");
}
})
break;
case 4:
var rowlist = AllData;
$("#tableMemo4").attr("AlreadyLoad", "true");
$("#tableMemo4 .layui-table tbody").html(rowlist);
var rownum = 0;
$("#tableMemo4 tbody tr").each(function () {
//判断工单类型
if ($(this).find("td").eq(2).html() != "特殊订单" && $(this).find("td").eq(2).html() != "至尊工单") {
$(this).remove();
}
else {
rownum++;
//if (rownum > 15) {
// $(this).remove();
//} else
$(this).find("td").eq(0).html(rownum);
}
//移除第三列和第四列
$(this).find("td").eq(2).remove();
//$(this).find("td").eq(3).remove();
//$(this).find("td").eq(8).remove();
})
break;
case 6:
var rowlist = AllData;
$("#tableMemo6").attr("AlreadyLoad", "true");
$("#tableMemo6 .layui-table tbody").html(rowlist);
var rownum = 0;
$("#tableMemo6 tbody tr").each(function () {
rownum++;
$(this).find("td").eq(0).html(rownum);
});
break;
case 7:
$("#tableMemo7").attr("AlreadyLoad", "true");
$("#tableMemo7 .layui-table tbody").html(AllData);
//var rownum = 0;
$("#tableMemo7 tbody tr").each(function () {
//console.log($(this).find("td").eq(4).text());
var txt = $(this).find("td").eq(4).text();
if (txt == "到款-回访确认") {
$(this).css("font-weight", "bold");
}
});
try{
$(document).ready(function () {
$("table").colResizable({
liveDrag: true,//实现实时拖动,可看见拖动轨迹
draggingClass: "dragging", //防止拖动出险虚标线
});
});
}catch(err){
console.log(err);
}
}
}
//更多--工单
function ShowMemoList(name, url) {
window.parent.ChildAddTab(name, url, "");
}
$(function () {
//点击工单按钮
$("#btn_saleMemo").click(function () {
if ($("#tableMemo1").attr("AlreadyLoad") != "true") {
MemoLoad(1);
}
});
$("#btn_purposeMemo").click(function () {
if ($("#tableMemo2").attr("AlreadyLoad") != "true") {
MemoLoad(2);
}
});
$("#btn_serviceMemo").click(function () {
if ($("#tableMemo3").attr("AlreadyLoad") != "true") {
MemoLoad(3);
}
});
$("#btn_specialMemo").click(function () {
if ($("#tableMemo4").attr("AlreadyLoad") != "true") {
MemoLoad(4);
}
});
$("#btn_Message").click(function () {
if ($("#tableMemo6").attr("AlreadyLoad") != "true") {
//MemoLoad(6);
GetMessage();
}
});
$("#btn_MemoAll").click(function () {
if ($("#tableMemo7").attr("AlreadyLoad") != "true") {
MemoLoad(7);
}
});
//点击工单信息按钮
$("#btn_2").click(function () {
if ($("#tableMemo7").attr("AlreadyLoad") != "true") {
MemoloadAll(7);
ShowMemo(7);
}
});
$("#ckb_Valid").change(function () {
$("#tableMemo1").attr("AlreadyLoad", "false");
$("#tableMemo2").attr("AlreadyLoad", "false");
$("#tableMemo3").attr("AlreadyLoad", "false");
$("#tableMemo4").attr("AlreadyLoad", "false");
$("#tableMemo7").attr("AlreadyLoad", "false");
})
//MemoLoad(7);
});
function mmore(extmemoid) {
$("#modalwindow").html(GetIframeHtml('/Ord/MemoQuery/ServiceMemoExt?extmemoid=' + extmemoid));
$("#modalwindow").window({ title: '标签工单', width: 690, height: 500, iconCls: 'icon-add' }).window('open');
}
</script>
<script src="/Scripts/colResizable-1.6.js"></script>
@*<div class="group content_title_width">
<img src="~/Content/Images/communication.gif">
<span>工单信息</span>
<div class="togglebtn"></div>
</div>*@
<div class="content_div" style="margin-top:5px;">
<table class="layui-table content_width">
<thead>
<tr style="height: 40px; text-align: center;">
<td style="width:40px;text-align:center;">
<input id="btn_MemoAll" type="button" class="layui-btn layui-btn-sm layui-bg-black " value="全部" onclick="javascript:ShowMemo(7);" />
@*<input type="button" class="btn btn-inverse" value="意向和订单" onclick="javascript:ShowMemo(8);" />*@
</td>
<td style="">
<input id="btn_saleMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="销售工单" onclick="javascript:ShowMemo(1);" />
<input class="layui-btn layui-btn-sm layui-btn-normal " value="添加" type="button" onclick="ShowWindowBox('添加销售工单', 'SaleMemoAdd')" />
<a href="javascript:ShowMemoList('更多--销售工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.销售工单)')">
更多
</a>
</td>
<td>
<input id="btn_purposeMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="意向工单" onclick="javascript:ShowMemo(2);" />
<input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加意向工单', 'PurposeMemoAdd')" />
<a href="javascript:ShowMemoList('更多--意向工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.意向工单)')">
更多
</a>
</td>
<td>
<input id="btn_serviceMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="服务工单" onclick="javascript:ShowMemo(3);" />
<input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加服务工单', 'ServiceMemoAdd')" />
<a href="javascript:ShowMemoList('更多--服务工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.服务工单)')">
更多
</a>
</td>
@{
var deptCode = ViewBag.DeptCode as string;
if (deptCode == "QBJZ")
{
<td>
<input id="btn_specialMemo" type="button" class="layui-btn layui-btn-sm layui-bg-red" value="至尊工单" onclick="javascript:ShowMemo(4);" />
<input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加至尊工单', 'SpecialMemoAdd')" />
<a href="javascript:ShowMemoList('更多--至尊工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType_B1.至尊工单)')">
更多
</a>
</td>
}
else
{
<td>
<input id="btn_specialMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="特殊订单" onclick="javascript:ShowMemo(4);" />
<input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加特殊订单', 'SpecialMemoAdd')" />
<a href="javascript:ShowMemoList('更多--特殊订单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.特殊订单)')">
更多
</a>
</td>
}
}
@*<td>
<input type="button" class="btn btn-inverse" value="订单" onclick="javascript:ShowMemo(5);" />
</td>*@
<td style="width:90px;">
&nbsp;
<input type="button" id="btn_Message" class="layui-btn layui-btn-sm layui-bg-cyan" value="短信" onclick="javascript:ShowMemo(6);" />
<a href="javascript:ShowMemoList('更多--短信','/Sms/SmsMessage/MessageList?ResId=@(Model.CustomerId)')">
更多
</a>
</td>
@*<td style="width:60px;">*@
@*<input type="button" class="btn btn-inverse" value="修正" onclick="javascript: ReroldCallTime();" />*@
@*<a class="l-btn l-btn-plain" onclick="ReroldCallTime()">
<span class="l-btn-left">
<span style="padding-left: 20px;" class="l-btn-text icon-reload">
通话时间
</span>
</span>
</a>*@
@*</td>*@
</tr>
</thead>
</table>
<div id="tableMemo1" class="NoneTable" style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout:auto;">
<thead>
<tr>
<td style="width:25px;">&nbsp;</td>
<td style="width:58px;">编号</td>
<td style="width:58px;">业务类型</td>
<td style="width:60px;">大类</td>
<td style="width:60px;">小类</td>
<td>工单</td>
<td style="width:80px;">受理人</td>
<td style="width:80px;">受理时间</td>
<td style="width:70px;">通话时间</td>
<td style="width:35px;">修正</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="tableMemo2" class="NoneTable" style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout:auto;">
<thead>
<tr>
<td style="width:25px;">&nbsp;</td>
<td style="width:58px;">编号</td>
<td style="width:58px;">业务类型</td>
<td style="width:60px;">大类</td>
<td style="width:60px;">小类</td>
<td>工单</td>
<td style="width:80px;">受理人</td>
<td style="width: 80px;">受理时间</td>
<td style="width: 70px;">通话时间</td>
<td style="width: 35px;">修正</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="tableMemo3" class="NoneTable" style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout:auto;">
<thead>
<tr>
<td style="width:25px;">&nbsp;</td>
<td style="width:58px;">编号</td>
<td style="width:58px;">业务类型</td>
<td style="width:60px;">大类</td>
<td style="width:60px;">小类</td>
<td>工单</td>
<td style="width:80px;">受理人</td>
<td style="width:80px;">受理时间</td>
<td style="width:70px;">通话时间</td>
<td style="width:35px;">修正</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="tableMemo4" class="NoneTable" style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout:auto;">
<thead>
<tr>
<td style="width:25px;">&nbsp;</td>
<td style="width:58px;">编号</td>
<td style="width:58px;">业务类型</td>
<td style="width:60px;">大类</td>
<td style="width:60px;">小类</td>
<td>工单</td>
<td style="width:80px;">受理人</td>
<td style="width: 80px;">受理时间</td>
<td style="width: 70px;">通话时间</td>
<td style="width:35px;">修正</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="tableMemo5" class="NoneTable" style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout:auto;">
<thead>
<tr>
<td style="width:25px;">编号</td>
<td>大类</td>
<td>小类</td>
<td>工单</td>
<td>受理人</td>
<td>受理时间</td>
<td style="width: 70px;">通话时间</td>
<td style="width:35px;">修正</td>
</tr>
</thead>
</table>
</div>
<div id="tableMemo6" class="NoneTable " style="margin-top:5px;">
@*<br>
<a>上行短信</a>
<table class="layui-table content_width" style="table-layout: auto;">
<thead>
<tr>
<td>手机号码</td>
<td>短信类型</td>
<td>短信内容</td>
<td>发送时间</td>
</tr>
</thead>
</table>
<br>
<a>下行短信</a>*@
<table style="width:80%" class="layui-table">
<thead>
<tr>
<td style="width:25px;"></td>
<td style="width:150px;">客户ID</td>
<td style="width:100px;">发送人</td>
<td>短信内容</td>
<td style="width:130px;">发送时间</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="tableMemo7" class="DisTable " style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout: auto;">
<thead>
<tr>
<td style="width:15px;">&nbsp;</td>
<td style="width:58px;">工单编号</td>
<td style="width:58px;">工单类型</td>
<td style="width:58px;">业务类型</td>
<td style="width:60px;">工单大类</td>
<td style="width:60px;">工单小类</td>
<td>工单</td>
<td style="width:80px;">受理人</td>
<td style="width:80px;">受理时间</td>
<td style="width:70px;">通话时间</td>
<td style="width:35px;">修正</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="tableMemo8" class="NoneTable " style="margin-top:5px;">
<table class="layui-table content_width" style="table-layout: auto;">
<thead>
<tr>
<td>工单编号</td>
<td>工单类型</td>
<td>业务类型</td>
<td>工单大类</td>
<td>工单小类</td>
<td>工单</td>
<td>受理人</td>
<td>受理时间</td>
<td style="width:70px;">通话时间</td>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>