TG.WXCRM.V4/WEB/Views/Ww/MyWork/MyWeWork.cshtml

255 lines
10 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;
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_content.cshtml";
}
<script src="/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<link href="/Content/themes/blue/easyui.css" rel="stylesheet" />
<link href="/Content/Site.css" rel="stylesheet" />
<script src="/Scripts/common.js"></script>
<link href="/Content/data_grid_list.css" rel="stylesheet" />
<script src="/Scripts/op/jquery.rewrite.js"></script>
<style>
.layui-table-cell {
height: auto;
}
.layui-table-body{
height:600px !important;
}
</style>
<div class="layui-fluid" style="padding-left:0px;padding-top:10px;">
<div class="layui-card" id="topcard" style="width:100%;padding-top:10px;">
<div class="layui-card-header layui-self-header">
<div style="float:left;position:relative;">
我的企微客户
</div>
<div style="float:right;position:relative;">
@Html.Action("ToolBarNew", "Control", new
{
tool = ViewBag.ToolBar as ToolBar,
otherToolBars = new ToolBarNew[] { }
})
</div>
<div class="hrclass" style="position:relative;float: left;"></div>
</div>
<div class="layui-card-body " id="contentBody">
<form class="layui-form selftopwhere" id="myform">
<div class="layui-form-item">
企业:
<div class="layui-inline">
@Html.DropDownList("corp", ViewBag.Select as List<SelectListItem>, new Dictionary<string, object> {
{ "lay-filter", "corp_deptid" },
})
</div>
客户ID
<div class="layui-inline">
<input type="text" name="resid" placeholder="客户ID" autocomplete="off" class="layui-input">
</div>
昵称:
<div class="layui-inline">
<input type="text" name="name" placeholder="客户ID" autocomplete="off" class="layui-input">
</div>
来源:
<div class="layui-inline">
<select id="addway" name="addway" style="width:150px;" lay-filter="changeMidSource">
<option value="">--全部--</option>
@foreach (var item in ViewBag.SceneType as List<SelectListItem>)
{
<option value="@item.Value">@item.Text</option>
}
</select>
</div>
活动名称:
<div class="layui-inline">
<select id="activeId" name="activeName">
</select>
</div>
时间:
<div class="layui-inline">
<input class="layui-input" placeholder="开始日" name="xstime" id="xstart" style="width:120px;">
</div>
<div class="layui-inline">
<input class="layui-input" placeholder="截止日" name="xetime" id="xend" style="width:120px;">
</div>
<div class="layui-inline" style="width:460px;">
@Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.CONST_我的企微客户 })
</div>
<div class="layui-inline">
<input class="layui-btn layui-btn-sm layui-btn-ok" data-method="search" type="button" value="查询" /><input class="layui-btn layui-btn-sm layui-btn-reset" type="reset" value="清空" />
</div>
</div>
</form>
<table class="layui-hide" id="tab_kefuzhuangtaiyi1" lay-filter="wochao"></table>
</div>
</div>
</div>
<!--确定宽度-->
<script>
function onLoadSucced() { }
//企业号的数据
var mydata=@Html.Raw(ViewBag.DataList);
var table;
$(function () {
var myrequest = "@Html.Raw(ViewBag.companycode)";
if (myrequest != "") {
let mydeptid = "";
$(mydata.filter(m => m.corpid == $("#corp").val())).each(function (is, sw) {
mydeptid = sw.deptid;
});
$("#deptid").val(mydeptid);
}
});
</script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
var nowDate = new Date(); //当前日期;
laydate.render({ elem: '#xstart', value: nowDate });
laydate.render({ elem: '#xend', value: nowDate });
});
var selectRow = {};
var winindex;
var layer;
var rowid;
//注意:选项卡 依赖 element 模块,否则无法进行功能性操作
layui.use('element', function () {
var element = layui.element;
element.on('tab(tonghuajiankong)', function (n) {
$(".bodytable").addClass("hidden");
$("#kefuzhuangtai" + (n.index + 1)).removeClass("hidden");
});
element.on('tab(maintab)', function (n) {
if (n.index == 0)
$("#bottomcard").removeClass("hidden");
else
$("#bottomcard").addClass("hidden");
});
});
layui.use(['laypage', 'layer', 'table', 'laydate', 'form'], function () {
var form = layui.form;
var laydate = layui.laydate;
layer = layui.layer;
table = layui.table;
table.render({
id: 'listReload'//列表别名ID
, elem: '#tab_kefuzhuangtaiyi1'
, url: 'GetMyWeWorktHtmlList'
, method: 'POST'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度layui 2.2.1 新增
, page: true
, limit: 30
, height: "full-160"
//, size:"sm"
, cols: [[
{ field: 'numbers', type: 'numbers' }
, { field: 'unionid', title: '企微', templet: '#qwNameTpl',width: 200 }
, { field: 'resId', title: '客户id', width: 300, templet: '#resTpl'}
, { field: 'avatar', title: '头像', templet: '#imgTpl' }
, { field: 'name', title: '昵称' }
, { field: 'addway', title: '来源' }
, { field: 'activeName', title: '活动名称' }
, { field: 'deptName', title: '部门', width: 200 }
, { field: 'userName', title: '员工' }
, { field: 'createTime', title: '创建时间', width: 180 }
]], where: $("#myform").serializeFormJSON()
});
//监听行单击事件单击事件为rowDouble
table.on('row(wochao)', function (obj) {
var data = obj.data;
//console.log(data);
//标注选中样式
obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
selectRow = data;
});
form.on('select(corp_deptid)', function (data) {
console.log(data);
let mydeptid = "";
$(mydata.filter(m => m.corpid == data.value)).each(function (is, sw) {
mydeptid = sw.deptid;
});
$("#deptid").val(mydeptid);
});
var messageUrl = "@Html.Raw(ViewBag.WwMessage_Url)";
if (messageUrl.indexOf("$") > -1) {
messageUrl = messageUrl.split("$")[0];
}
if (messageUrl.indexOf("|") > -1) {//分内外网
var ssw = window.location.href;
if (ssw.indexOf("192.168.") > -1 || ssw.indexOf("localhost") > -1) {//内网无疑
messageUrl = messageUrl.split('|')[0];
} else {
messageUrl = messageUrl.split('|')[1];
}
}
if (messageUrl.charAt(messageUrl.length - 1) != '/') {
messageUrl = messageUrl + "/"
}
var active = {
search: function () {
var param = $("#myform").serializeFormJSON();
table.reload('listReload', {
where: param,
page: {
curr: 1
}
});
}
};
$('.layui-btn').on('click', function () {
var othis = $(this), method = othis.data('method');
console.log(method);
active[method] ? active[method].call(this, othis) : '';
});
form.on('select(changeMidSource)', function (data) {
debugger
changeMidSource(data.value);
// form.render('select')//当对dom元素进行操作之后需要把这一行代码解除注释
});
});
function Closed() {
layer.close(winindex);
}
function TableReload() {
table.reload('listReload', {
});
}
function changeMidSource(scene) {
$.r_post("/MyWork/GetSubSceneList?scene=" + scene, function (data) {
debugger
$("#activeId").html("<option value=''>--全部--</option>");
$("#activeId").next().find('dl').html("<dd lay-value='' class='layui-select-tips'>--全部--</dd>")
$(data).each(function (n, m) {
$("#activeId").append("<option value='" + m.Value + "'>" + m.Text + "</option>");
$("#activeId").next().find('dl').append("<dd lay-value='" + m.Value + "'>" + m.Text + "</dd>");
});
layui.form.render('select');
}, "json");
}
</script>
<script type="text/html" id="imgTpl">
<img src="{{ d.avatar}}" />
</script>
<script type="text/html" id="qwNameTpl">
<div>
<div style="text-align:center">{{d.company }}</div>
<div style="text-align:center">({{d.unionid }})</div>
</div>
</script>
<script type="text/html" id="resTpl">
<a href="javascript:parent.ChildAddTab('客户详细', '/Csvr/CustomerInfo/CustomerDetail?resid={{d.resId }}', '')">
{{d.resId }}
</a>
</script>