Commit inicial Ventas Productivo
This commit is contained in:
JORGE LUIS CAUDILLO ESPARZA
136
RH/Organigrama.aspx
Normal file
136
RH/Organigrama.aspx
Normal file
@@ -0,0 +1,136 @@
|
||||
<%@ Page Title="SIG: Organigrama" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="Organigrama.aspx.vb" Inherits="RH_Organigrama" %>
|
||||
|
||||
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
||||
|
||||
<style>
|
||||
.node {
|
||||
width: 150px;
|
||||
background-color: whitesmoke;
|
||||
font-weight:normal;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
||||
<script type="text/javascript">
|
||||
google.charts.load('current', { packages: ["orgchart"] });
|
||||
google.charts.setOnLoadCallback(drawChart);
|
||||
|
||||
|
||||
function drawChart() {//esta funcion se ejecuta cada vez que se el boton "Consultar" es seleccionado y se ejecuta el metodo "GenerarOrg" en el VB
|
||||
var data = new google.visualization.DataTable();
|
||||
data.addColumn('string', 'Name');
|
||||
data.addColumn('string', 'Manager');
|
||||
data.addColumn('string', 'ToolTip');
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "Organigrama.aspx/FetchData",
|
||||
data: '{}',
|
||||
contentType: "application/json",
|
||||
dataType: "json",
|
||||
success: function (r) {
|
||||
|
||||
var options = {
|
||||
allowHtml: true,
|
||||
size: "large",
|
||||
nodeClass: "node"
|
||||
};
|
||||
if (r.d.length > 0) {
|
||||
var formatedData = [];
|
||||
for (var i = 0; i < r.d.length; i++) {
|
||||
let arregloAux = [JSON.parse(r.d[i][0]),i!=0?r.d[i][1]:"", r.d[i][2]]//por cada registro convertimos en JSON los titulos y subtitulos(llegan en String) y damos formato al header
|
||||
formatedData.push(arregloAux);
|
||||
}
|
||||
data.addRows(formatedData);
|
||||
var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
|
||||
for (let i = 0; i < data.getNumberOfRows(); i++) {
|
||||
data.setRowProperty(i, 'style', "font-weight:normal");
|
||||
}
|
||||
chart.draw(data, options);
|
||||
} else {
|
||||
let contenedor = document.getElementById('chart_div');
|
||||
contenedor.innerHTML = '';
|
||||
}
|
||||
},
|
||||
failure: function (r) {
|
||||
alert("failure");
|
||||
},
|
||||
error: function (r) {
|
||||
alert("error");
|
||||
console.log(r);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
||||
Organigrama
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
|
||||
|
||||
<asp:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Inline">
|
||||
<ContentTemplate>
|
||||
<div class="btn-group pull-right btn-separete">
|
||||
<asp:Button ID="BtnConsultar" runat="server" Text="Consultar" ClientIDMode="Static" class="btn btn-fit-height btnopaco" />
|
||||
</div>
|
||||
</ContentTemplate>
|
||||
</asp:UpdatePanel>
|
||||
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
||||
|
||||
<asp:UpdatePanel runat="server" ID="upPanel">
|
||||
<ContentTemplate>
|
||||
<div class="portlet solid grey-cascade portlet-filter" style="">
|
||||
<div class="portlet-title portlet-filterT smalltitle" style="min-height: 49px; position: relative;">
|
||||
<div class="tools">
|
||||
<asp:Button ID="btConsultar" CssClass="btn btn-primary" runat="server" ValidationGroup="GrpConsultar" Text="Consultar" /></td>
|
||||
<a href="javascript:;" data-idchekbox="<%= chkexpand.ClientID%>" class=" <%= IIf(chkexpand.Checked = True, "collapse", "expand")%>"></a>
|
||||
<asp:CheckBox ID="chkexpand" CssClass="hidden" runat="server" />
|
||||
</div>
|
||||
<div class="titlefiltros caption magindate">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-md-1 truncate" style="text-align: right!important; width: 180px">Cabecera del Organigrama: </div>
|
||||
<div class="col-md-1">
|
||||
<asp:DropDownList ID="DdlSupervisorOrganigrama" runat="server" AppendDataBoundItems="True" Width="260px" DataTextField="NombreCompleto" DataValueField="CvePersonal" CssClass="form-control input-sm select2me" ValidationGroup="GrpGuardar">
|
||||
<%--<asp:ListItem Value="0"><Seleccione ></asp:ListItem>--%>
|
||||
<%--<asp:ListItem Selected="True" Text="Sin Asignar" Value="-1"></asp:ListItem>
|
||||
<asp:ListItem Text="Cabecera" Value="0"></asp:ListItem>--%>
|
||||
</asp:DropDownList>
|
||||
<i></i>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1 truncate" style="text-align: right!important; width: 200px; margin-left:110px">Nivel de cadena de mando: </div>
|
||||
<div class="col-md-1">
|
||||
<asp:TextBox runat="server" ID="txtNivel" Style="width:35px"></asp:TextBox>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body magindate" <%= IIf(chkexpand.Checked = True, "", "style=""display:none;""")%>>
|
||||
</div>
|
||||
</div>
|
||||
</ContentTemplate>
|
||||
</asp:UpdatePanel>
|
||||
|
||||
<br />
|
||||
|
||||
<div id="chart_div"></div>
|
||||
|
||||
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
||||
</asp:Content>
|
||||
|
||||
Reference in New Issue
Block a user