TG.WXCRM.V4/WEB/Views/WeiXin/DeliverMethod/DeliverOrderList.cshtml

617 lines
23 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.

@using WX.CRM.WebHelper;
@using WX.CRM.Model.Entity;
@{
ViewBag.Title = "交付订单列表";
Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<div class="mvctool">
@Html.ToolButton("btnQuery", "icon-search", "查询", true)
@*@Html.ToolButton("btnExport", "icon-export", "导出", true)*@
@Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
</div>
<style>
.grid_table .layui-table[lay-size=sm] th {
padding: 1px 1px !important;
}
.dig-box {
width: 400px;
min-height: 340px;
border-radius: 5px;
background-color: #ffffff;
position: absolute;
top: 30%;
left: 35%;
z-index: 2000;
display: none;
}
.black-box {
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 0.50);
position: absolute;
top: 0;
left: 0;
z-index: 1999;
display:none;
}
.t-title {
height:20px;
width:100%;
padding:15px 0px;
font-size:18px;
text-align:center;
font-weight:600;
}
.t-body {
width: 100%;
min-height: 230px;
display: flex;
justify-content: center;
}
.t-foot {
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding:10px 0px;
}
.t-foot input {
border: 1px solid rgb(128 128 128);
padding: 8px 10px;
border-radius: 4px;
cursor:pointer;
color:rgb(74 74 74);
}
.link, .phone, .picture {
border: 1px solid rgb(128 128 128);
border-radius: 4px;
width: 90%;
margin: 0px 10px;
}
.blue-btn {
background-color: #00b9ff;
}
.white-btn {
background-color: #ffffff;
}
.t-body table{
width:90%;
}
.t-body table tr td {
text-align: center;
border: 1px solid rgb(74 74 74);
padding: 6px;
}
.mailType {
width: 100%;
}
.mailNumber {
width: 100%;
}
.checkFile {
border:2px dashed rgb(128 128 128);
cursor:pointer;
padding: 30px;
}
</style>
<div class="bas_datagrid">
<div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
<ul class="toolBar_ul">
<li><input type="hidden" name="txt_showPhone" /></li>
<li>客户ID<input type="text" name="txt_resId" style="width:150px" />&nbsp;</li>
<li>订单ID<input type="text" name="txt_szzyOrderId" style="width:100px" /></li>
<li>客户姓名:<input type="text" name="txt_cname" /></li>
<li>@Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.交付订单列表 })</li>
<li>
订单状态:<select id="slt_orderStatus" name="slt_orderStatus">
<option value="">全部</option>
<option value="180">新订单</option>
<option value="190">已提交支付</option>
<option value="195">支付驳回</option>
<option value="200">已支付</option>
<option value="201">待开通</option>
<option value="220">已开通</option>
<option value="205">已升级</option>
<option value="90">已退款</option>
<option value="80">已到期</option>
<option value="70">已取消</option>
<option value="60">已关闭</option>
<option value="220,205">已开通+已升级</option>
<option value="220,205,90">已开通+已升级+已退款</option>
<option value="220,205,90,80" selected>已开通+已升级+已退款+已到期</option>
</select>
</li>
<li>
交付方式:
<select id="slt_orderDeliverType" name="slt_orderDeliverType">
<option value="" selected>全部</option>
<option value="-1">未选择</option>
<option value="0">线上交付</option>
<option value="1">邮寄交付</option>
<option value="2">业务员交付</option>
</select>
</li>
<li>
交付状态:
<select id="slt_orderdeliverStatus" name="slt_orderDeliverStatus">
<option value="" selected>全部</option>
<option value="0">未交付</option>
<option value="1">已在线交付</option>
<option value="2">已邮寄交付</option>
<option value="3">已在线且邮寄交付</option>
</select>
</li>
<li>收件姓名:<input type="text" name="txt_mailName" style="width:100px" /></li>
<li>收件地址:<input type="text" name="txt_addressInfo" style="width:100px" /></li>
<li>快递单号:<input type="text" name="txt_mailNumber" style="width:100px" /></li>
<li>订单开通时间:@Html.WdatePickerText("txt_ostime", "")-@Html.WdatePickerText("txt_oetime", "")</li>
<li>交付时间:@Html.WdatePickerText("txt_dstime", "")-@Html.WdatePickerText("txt_detime", "")</li>
</ul>
</div>
@Html.Raw(ViewBag.gridTable)
</div>
<div class="black-box" onclick="Close()"></div>
<div class="dig-box">
<div class="digItem showLink">
<div class="t-title">查看订单交付链接</div>
<div class="t-body">
<div class="link">
https://personalcenter.soft.dn8188.com/web/#/login
</div>
</div>
<div class="t-foot">
<input type="button" class="white-btn" value="取消" onclick="Close()" />
<input type="button" class="blue-btn" value="复制链接" onclick="Copy('link')" />
</div>
</div>
<div class="digItem showUploadFile">
<div class="t-title">上传快递回执</div>
<div class="t-body">
<table>
<tr><td>客户姓名:</td><td class="cname"></td></tr>
<tr><td>订单号:</td><td class="orderid"></td></tr>
<tr>
<td>快递回执:</td>
<td>
<div class="checkFile" onclick="selFile()">上传</div>
</td>
</tr>
</table>
</div>
<div class="t-foot">
<input type="button" class="white-btn" value="取消" onclick="Close()" />
<input type="button" class="blue-btn" value="确定" onclick="UploadFile()" />
</div>
</div>
<div class="digItem showPhone">
<div class="t-title">查看手机号</div>
<div class="t-body">
<div class="phone">
</div>
</div>
<div class="t-foot">
<input type="button" class="white-btn" value="取消" onclick="Close()" />
<input type="button" class="blue-btn" value="复制" onclick="Copy('phone')" />
</div>
</div>
<div class="digItem showImg">
<div class="t-title">查看快递回执</div>
<div class="t-body">
<div class="picture">
</div>
</div>
<div class="t-foot">
<input type="button" class="white-btn" value="取消" onclick="Close()" />
</div>
</div>
<div class="digItem showEmilNumber">
<div class="t-title">填写快递单号</div>
<div class="t-body">
<table>
<tr><td>客户姓名:</td><td class="cname"></td></tr>
<tr><td>订单号:</td><td class="orderid"></td></tr>
<tr>
<td>快递公司:</td>
<td>
<select class="mailType">
<option value="0">顺丰快递</option>
<option value="1">邮政快递</option>
<option value="2">圆通快递</option>
<option value="3">申通快递</option>
<option value="4">韵达快递</option>
<option value="5">中通快递</option>
<option value="6">百世快递</option>
</select>
</td>
</tr>
<tr>
<td>快递单号:</td>
<td><input type="text" class="mailNumber" placeholder="请填写快递单号" /></td>
</tr>
</table>
</div>
<div class="t-foot">
<input type="button" class="white-btn" value="取消" onclick="Close()" />
<input type="button" class="blue-btn" value="确定" onclick="SubEmilNumber()" />
</div>
</div>
<div class="digItem showEditAddress">
<div class="t-title">修改收件信息</div>
<div class="t-body">
<table>
<tr><td>客户姓名:</td><td class="cname"></td></tr>
<tr><td>订单号:</td><td class="orderid"></td></tr>
<tr>
<td>产品名称:</td>
<td class="subname">
</td>
</tr>
<tr>
<td>收件名称:</td>
<td><input type="text" class="mailName" placeholder="请填写收件人" /></td>
</tr>
<tr>
<td>手机号码:</td>
<td><input type="text" class="mailPhone" placeholder="收件人手机号" /></td>
</tr>
<tr>
<td>所在地区:</td>
<td>
<input type="hidden" id="areaVal" />
<input type="text" class="mailArea" id="area" onclick="Selector('area','areaVal')" />
</td>
</tr>
<tr>
<td>详细地址:</td>
<td><input type="text" class="address" placeholder="详细地址" /></td>
</tr>
</table>
</div>
<div class="t-foot">
<input type="button" class="white-btn" value="取消" onclick="Close()" />
<input type="button" class="blue-btn" value="确定" onclick="SubAddressInfo()" />
</div>
</div>
</div>
<link href="~/Content/AreaSelector.css" rel="stylesheet" />
<script src="~/Scripts/AreaSelector.js"></script>
<script type="text/javascript">
var ids = [];
var names = [];
var fileUrl = "";
var fileName = "";
$(function () {
//加载数据
loadtablegrid();
//自动适应大小
$(window).resize(function () {
$('#tablist').tablegrid('resize', {
height: $(window).height() - 110
});
});
//查询
$("#btnQuery").click(function () {
$('#tablist').tablegrid("Search");
});
//导出
$("#btnExport").click(function () {
BtnExportAll_Click();
});
//清空
$("input[type='reset']").click(function () {
$("#txt_companyId").val("");
$("#txt_deptId").val("");
$("#txt_groupIds").val("");
$("#txt_userId").val("");
$(".combo-value").val("");
});
});
//角色信息参数
function GetControlValue() {
return { saleDeptId: $("#nb1_uc_org_depts").val(), groupId: $("#nb1_uc_org_groups").val(), userId: $("#nb1_uc_org_ids").val(), dayType: $("#txt_Daytype").val() };
}
//加载数据
function loadtablegrid() {
$('#tablist').tablegrid({
url: '/WeiXin/DeliverMethod/GetDeliverOrderList',
height: $(window).height() - 110,
loadNow: false,
data: GetControlValue,
isCheckMore: true,
onLoadSuccess: function () {
$("#tablist [field='FINALPAY']").hide();
},
onLoadError: function () {
$.messager.alert("警告", "信息加载失败!", "error");
}
});
}
function onLoadSucced() {
$('#tablist').tablegrid("Search");
}
function frameReturnByClose() {
$("#modalwindow").window('close');
}
function frameReturnByReload(flag) {
$("#tablist").tablegrid("Load");
}
//获取datagrid头部及字段
function getDataGridHeader() {
var columns = $('#tablist').tablegrid("getHead");
return columns;
}
//查看订单交付连接
function ShowLink_Click() {
ShowTig("showLink");
@*var row = $('#tablist').tablegrid('getSelected');
if (row != null) {
ShowTig("showLink");
$(".dig-box").find(".link").html("");
$.r_post("/DeliverMethod/GetDeliverOrderLink?Orderid=" + row.ORDERID, function (data) {
if (data.s) {
$(".dig-box").find(".link").html(data.d);
}
}, "json");
} else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }*@
}
//填写快递单号
function emilNumber_Click() {
var rows = $('#tablist').tablegrid('getSelections');
if (rows.length > 0) {
ids = [];
names = [];
ShowTig("showEmilNumber");
rows.forEach(function (e) {
ids.push(e.ORDERID);
names.push(e.CNAME);
});
$(".mailNumber").val("");
$(".dig-box .showEmilNumber .cname").html(names.join());
$(".dig-box .showEmilNumber .orderid").html(ids.join());
} else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
}
//上传文件
function upload_Click() {
var rows = $('#tablist').tablegrid('getSelections');
if (rows.length > 0) {
ids = [];
names = [];
ShowTig("showUploadFile");
rows.forEach(function (e) {
ids.push(e.ORDERID);
names.push(e.CNAME);
});
$(".dig-box .showUploadFile .cname").html(names.join());
$(".dig-box .showUploadFile .orderid").html(ids.join());
$(".checkFile").show();
$(".checkFile").siblings().remove();
} else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
}
//显示手机号
function show_Phone_Click() {
@*var row = $('#tablist').tablegrid('getSelected');
if (row != null) {
ShowTig("showPhone");
$(".dig-box").find(".phone").html("");
$.r_post("/DeliverMethod/GetPhone?Orderid=" + row.ORDERID, function (res) {
if (res.s) {
$.r_ajax({
type: "Post",
url: "/Res/MobileQueryLog/GetMobileByResId",
data: { resId: res.d },
loading: true,
dataType: "json",
success: function (data) {
if (data.type == 1) {
$(".dig-box").find(".phone").html(data.message);
} else {
$.messager.alert("警告", data.message, "error");
}
}
});
} else {
$.messager.alert("警告", res.m, "error");
}
}, "json");
} else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }*@
var rows = $('#tablist').tablegrid('getSelections');
var showIds = [];
if (rows.length > 0) {
rows.forEach(function (e) {
showIds.push(e.ORDERID);
});
$("input[name='txt_showPhone']").val(showIds.join());
$("#btnQuery").click();
}
}
//导出
function BtnExportAll_Click(){
var param = "&saleDeptId=" + $("#nb1_uc_org_depts").val() + "&groupId=" + $("#nb1_uc_org_groups").val() + "&userId=" + $("#nb1_uc_org_ids").val() + "&dayType=" + $("#txt_Daytype").val();
var option = $("#tablist").tablepage('getPagination');
//全部导出
param += "&rows=" + option.totalRows + "&page=1&order=" + option.order + "&sort=" + option.sort;
$("#modalwindow").html(GetIframeHtml("/Control/ExcelExport?Query=" + encodeURIComponent("/weixin/DeliverMethod/ExportDeliverOrderList?" + GetQueryStr() + param)));
$("#modalwindow").window({ title: '导出', width: 480, height: 300, iconCls: 'icon-export' }).window('open');
}
//修改邮寄信息
function address_Click() {
var row = $('#tablist').tablegrid('getSelected');
if (row != null) {
$.r_post("/DeliverMethod/GetMailInfo?OrderId=" + row.ORDERID, function (data) {
if (data.s) {
ShowTig("showEditAddress");
$(".dig-box .showEditAddress .cname").html(row.CNAME);
$(".dig-box .showEditAddress .orderid").html(row.ORDERID);
$(".dig-box .showEditAddress .subname").html(row.SUBPRODUCTNAME);
$(".dig-box .showEditAddress .mailName").val(data.d.MAIL_NAME);
$(".dig-box .showEditAddress .mailPhone").val(data.d.MAIL_PHONE);
$(".dig-box .showEditAddress .mailArea").val(data.d.PROVINCE + " " + data.d.CITY + " " + data.d.AREA);
$(".dig-box .showEditAddress .address").val(data.d.ADDRESS);
} else {
$.messager.alert("提示", data.m, "info");
}
}, "json");
} else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }
}
//查看回执
function ShowFile(filePath) {
ShowTig("showImg");
$(".dig-box .showImg .picture *").remove();
$(".dig-box .showImg .picture").append("<img style='width:100%;height:100%;' src='" + filePath+ "'>");
}
function GetIframeHtml(src) {
return "<iframe width='100%' height='98%' scrolling='no' frameborder='0' src='" + src + "'></iframe>";
}
//添加快递单号
function SubEmilNumber() {
var mailNumber = $(".mailNumber").val().trim();
var mailType = $(".mailType").val();
if (mailNumber == '' || mailNumber == undefined) {
$.messager.alert("提示", "请填写快递单号!", "info");
return;
}
$.r_post("/DeliverMethod/AddDeliverLog?OrderIds=" + ids.join() + "&MailNumber=" + mailNumber + "&mailType=" + mailType, function (data) {
if (data.s) {
Close();
$.messager.alert("提示", "添加成功!", "info");
} else {
$.messager.alert("提示", data.m, "info");
}
}, "json");
}
//修改收件信息
function SubAddressInfo() {
//SubMailInfo
var orderId = $(".dig-box .showEditAddress .orderid").html();
var mailName = $(".dig-box .showEditAddress .mailName").val();
var mailPhone = $(".dig-box .showEditAddress .mailPhone").val();
var address = $(".dig-box .showEditAddress .address").val();
var allarea = $(".dig-box .showEditAddress .mailArea").val();
var province = allarea.split(' ')[0];
var city = allarea.split(' ')[1];
var area = allarea.split(' ')[2];
$.r_post("/DeliverMethod/SubMailInfo?OrderId=" + orderId
+ "&mailName=" + mailName
+ "&mailPhone=" + mailPhone
+ "&province=" + province
+ "&city=" + city
+ "&area=" + area
+ "&address=" + address, function (data) {
if (data.s) {
Close();
$.messager.alert("提示", "修改成功!", "info");
} else {
$.messager.alert("提示", data.m, "info");
}
}, "json");
}
//上传提交
function UploadFile() {
if (fileUrl != "") {
$.r_post("/DeliverMethod/AddFileDeliverLog?OrderIds=" + ids.join() + "&fileName=" + fileName + "&fileUrl=" + fileUrl, function (data) {
if (data.s) {
$(".dig-box").find(".link").html(data.d);
Close();
$.messager.alert("提示", "上传成功!", "info");
} else {
$.messager.alert("提示", data.m, "info");
}
}, "json");
}
}
//选择文件
function selFile() {
var formid = "sf_extend_form_create";
$("#" + formid).remove();
var html = '<form method="post" id="' + formid + '" style="display:none" enctype="multipart/form-data" action="">';
html += '<input name="file" type="file" accept=".jpg,.png,.gif,.tif" />';//multiple="multiple"
html += '</form>';
$("body").append(html);
var target = $("#" + formid + " input[type='file']");
if (target) {
target.change(function () {
var file = this.files[0];
var formData = new FormData($("#" + formid)[0]);
//var formData = new FormData();
//formData.append('input', file, file.name);
$.ajax({
url: 'http://192.168.11.80:5300/api/Token?key=7AC51A5F0DE9A13D5FC9960AD45CC8D5',
type: 'get',
success: function (token) {
$.ajax({
url: 'http://192.168.11.80:5300/File/upload',
type: 'post',
data: formData,
headers: { "Authorization": "Bearer "+ token },
contentType: false,
processData: false,
success: function (res) {
if (res.success) {
fileName = file.name;
fileUrl = res.url;
var fr = new FileReader();
fr.readAsDataURL(file);
$(fr).load(function () {
$(".checkFile").hide();
$(".checkFile").parent().append("<img style='width:100px;height:60px;' src='" + this.result + "'>");
});
}
}
});
}
});
$("#" + formid).remove();
});
//打开文件选择框
target.click();
}
}
//复制连接
function Copy(c) {
var textareaC = document.createElement('textarea');
textareaC.setAttribute('readonly', 'readonly');
textareaC.value = $("."+c).html();
document.body.appendChild(textareaC); //将textarea添加为body子元素
textareaC.select();
document.execCommand('copy');
textareaC.remove();
Close();
$.messager.alert("提示", "复制成功!", "info");
}
//弹框
function ShowTig(cname) {
$(".digItem").hide();
$(".dig-box").find("." + cname).show();
$(".black-box,.dig-box").show();
}
//关闭
function Close() {
$(".black-box,.dig-box").hide();
}
</script>