188 lines
7.8 KiB
Plaintext
188 lines
7.8 KiB
Plaintext
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProjectUserContact.aspx.cs" Inherits="FineUIPro.Web.ProjectData.ProjectUserContact" %>
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head runat="server">
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
<title>项目用户</title>
|
||
|
|
<link href="../res/css/common.css" rel="stylesheet" type="text/css" />
|
||
|
|
<style type="text/css">
|
||
|
|
.f-grid-row .f-grid-cell-inner {
|
||
|
|
white-space: normal;
|
||
|
|
word-break: break-all;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-grid-row.red
|
||
|
|
{
|
||
|
|
background-color: #FF7575;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fontred
|
||
|
|
{
|
||
|
|
color: #FF7575;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<form id="form1" runat="server">
|
||
|
|
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
|
||
|
|
<f:Panel ID="Panel1" runat="server" Margin="5px" BodyPadding="5px" ShowBorder="false"
|
||
|
|
ShowHeader="false" Layout="VBox" BoxConfigAlign="Stretch" >
|
||
|
|
<Items>
|
||
|
|
<f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="项目用户"
|
||
|
|
EnableCollapse="true" runat="server" BoxFlex="1" EnableColumnLines="true" ForceFit="true"
|
||
|
|
DataKeyNames="ProjectUserId" AllowCellEditing="true" ClicksToEdit="2" DataIDField="ProjectUserId"
|
||
|
|
AllowSorting="true" SortField="UserName" SortDirection="ASC" OnSort="Grid1_Sort"
|
||
|
|
AllowPaging="true" IsDatabasePaging="true" PageSize="10" OnPageIndexChange="Grid1_PageIndexChange"
|
||
|
|
EnableTextSelection="True">
|
||
|
|
<Toolbars>
|
||
|
|
<f:Toolbar ID="Toolbar2" Position="Top" runat="server" ToolbarAlign="Left">
|
||
|
|
<Items>
|
||
|
|
<f:TextBox runat="server" Label="用户名称" ID="txtUserName" EmptyText="输入查询条件"
|
||
|
|
AutoPostBack="true" OnTextChanged="TextBox_TextChanged" Width="200px" LabelWidth="80px"></f:TextBox>
|
||
|
|
|
||
|
|
</Items>
|
||
|
|
</f:Toolbar>
|
||
|
|
</Toolbars>
|
||
|
|
<Columns>
|
||
|
|
<f:TemplateField ColumnID="tfNumber" Width="50px" HeaderText="序号" HeaderTextAlign="Center"
|
||
|
|
TextAlign="Center">
|
||
|
|
<ItemTemplate>
|
||
|
|
<asp:Label ID="lblNumber" runat="server" Text='<%# Grid1.PageIndex * Grid1.PageSize + Container.DataItemIndex + 1 %>'></asp:Label>
|
||
|
|
</ItemTemplate>
|
||
|
|
</f:TemplateField>
|
||
|
|
|
||
|
|
|
||
|
|
<f:RenderField Width="100px" ColumnID="UserName" DataField="UserName" SortField="UserName"
|
||
|
|
FieldType="String" HeaderText="用户名称" HeaderTextAlign="Center" TextAlign="Left">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="200px" ColumnID="Telephone" DataField="Telephone" SortField="Telephone"
|
||
|
|
FieldType="String" HeaderText="联系电话" HeaderTextAlign="Center" TextAlign="Left">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="200px" ColumnID="RoleName" DataField="RoleName" SortField="RoleName"
|
||
|
|
FieldType="String" HeaderText="项目角色" HeaderTextAlign="Center" TextAlign="Left">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="120px" ColumnID="WorkPostName" DataField="WorkPostName" SortField="WorkPostName"
|
||
|
|
FieldType="String" HeaderText="项目岗位" HeaderTextAlign="Center" TextAlign="Left">
|
||
|
|
</f:RenderField>
|
||
|
|
|
||
|
|
<f:TemplateField Width="60px" ColumnID="Actions">
|
||
|
|
<ItemTemplate>
|
||
|
|
<a class="action call" href="javascript:;">
|
||
|
|
拨号
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="action hangup" href="javascript:;">
|
||
|
|
挂断
|
||
|
|
</a>
|
||
|
|
</ItemTemplate>
|
||
|
|
</f:TemplateField>
|
||
|
|
|
||
|
|
</Columns>
|
||
|
|
<Listeners>
|
||
|
|
</Listeners>
|
||
|
|
<PageItems>
|
||
|
|
<f:ToolbarSeparator ID="ToolbarSeparator1" runat="server">
|
||
|
|
</f:ToolbarSeparator>
|
||
|
|
<f:ToolbarText ID="ToolbarText1" runat="server" Text="每页记录数：">
|
||
|
|
</f:ToolbarText>
|
||
|
|
<f:DropDownList runat="server" ID="ddlPageSize" Width="80px" AutoPostBack="true"
|
||
|
|
OnSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">
|
||
|
|
</f:DropDownList>
|
||
|
|
</PageItems>
|
||
|
|
</f:Grid>
|
||
|
|
</Items>
|
||
|
|
</f:Panel>
|
||
|
|
|
||
|
|
<audio id="audio" style="visibility: hidden;" src="" controls="controls">
|
||
|
|
Your browser does not support the audio element.
|
||
|
|
</audio>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<script src="../res/js/jssip-3.7.0.min.js"></script>
|
||
|
|
<script src="../res/js/mixrtc.min.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
F.ready(function () {
|
||
|
|
|
||
|
|
|
||
|
|
var gridClientID = '<%= Grid1.ClientID %>';
|
||
|
|
function change(value, CallInPhone = false) {
|
||
|
|
var classname = {
|
||
|
|
CallOut: 'label-warning', // 呼出振铃状态
|
||
|
|
CallIn: 'label-warning', // 呼入振铃状态
|
||
|
|
Calling: 'label-info', // 通话中
|
||
|
|
Ended: 'label-success', // 挂断
|
||
|
|
Failed: 'label-default', // 失败
|
||
|
|
}
|
||
|
|
//var status = $('#status')
|
||
|
|
//status.removeClass()
|
||
|
|
//status.addClass('label')
|
||
|
|
//status.addClass(classname[value])
|
||
|
|
//status.text(value)
|
||
|
|
//if (CallInPhone != false) {
|
||
|
|
// $('#callin').text(CallInPhone)
|
||
|
|
//}
|
||
|
|
}
|
||
|
|
|
||
|
|
var audio = $('#audio')[0]
|
||
|
|
|
||
|
|
var Configs = {
|
||
|
|
audioConfigs: {
|
||
|
|
audio: audio, // audio的对象
|
||
|
|
ringout: '../res/wav/ringout.wav', // 呼出振铃的音频地址
|
||
|
|
ringin: '../res/wav/ringin.wav', // 呼入的振铃音频地址
|
||
|
|
hangup: '../res/wav/dududu.wav',
|
||
|
|
}, // 录音音频配置
|
||
|
|
changeStatus: change, // 通话状态的变动回调
|
||
|
|
debug: false, // sip信令debug排查
|
||
|
|
}
|
||
|
|
var rtc = new WebRTC(Configs);
|
||
|
|
rtc.WebSocket('wss://demo1.mixcom.cn:8089/ws')
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// 注册分机
|
||
|
|
function registered () {
|
||
|
|
var extension = '2008'
|
||
|
|
var password = 'r5yMCjxxxaHQtMXZ'
|
||
|
|
if (!extension || !password) {
|
||
|
|
alert("提示: 分机号码和密码不能为空!")
|
||
|
|
}
|
||
|
|
rtc.register({
|
||
|
|
extension: extension,
|
||
|
|
password: password,
|
||
|
|
sipserver: 'pri-local-dev02.mixcom.cn',
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
//// 注销分机
|
||
|
|
//$('#unregistered').click(function () {
|
||
|
|
// rtc.unregister()
|
||
|
|
//})
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
registered();
|
||
|
|
var grid = F(gridClientID);
|
||
|
|
grid.el.on('click', '.f-grid-cell-Actions .action.call', function (event) {
|
||
|
|
var targetEl = $(this);
|
||
|
|
var rowEl = targetEl.parents('.f-grid-row');
|
||
|
|
var rowData = grid.getRowData(rowEl);
|
||
|
|
var phone = rowData.values.Telephone + '' ;
|
||
|
|
rtc.call(phone);
|
||
|
|
|
||
|
|
});
|
||
|
|
grid.el.on('click', '.f-grid-cell-Actions .action.hangup', function (event) {
|
||
|
|
rtc.hangup()
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|