项目提交

.gitattributes

@@ -0,0 +1,63 @@
+###############################################################################
+# Set default behavior to automatically normalize line endings.
+###############################################################################
+* text=auto
+
+###############################################################################
+# Set default behavior for command prompt diff.
+#
+# This is need for earlier builds of msysgit that does not have it on by
+# default for csharp files.
+# Note: This is only used by command line
+###############################################################################
+#*.cs     diff=csharp
+
+###############################################################################
+# Set the merge driver for project and solution files
+#
+# Merging from the command prompt will add diff markers to the files if there
+# are conflicts (Merging from VS is not affected by the settings below, in VS
+# the diff markers are never inserted). Diff markers may cause the following 
+# file extensions to fail to load in VS. An alternative would be to treat
+# these files as binary and thus will always conflict and require user
+# intervention with every merge. To do so, just uncomment the entries below
+###############################################################################
+#*.sln       merge=binary
+#*.csproj    merge=binary
+#*.vbproj    merge=binary
+#*.vcxproj   merge=binary
+#*.vcproj    merge=binary
+#*.dbproj    merge=binary
+#*.fsproj    merge=binary
+#*.lsproj    merge=binary
+#*.wixproj   merge=binary
+#*.modelproj merge=binary
+#*.sqlproj   merge=binary
+#*.wwaproj   merge=binary
+
+###############################################################################
+# behavior for image files
+#
+# image files are treated as binary by default.
+###############################################################################
+#*.jpg   binary
+#*.png   binary
+#*.gif   binary
+
+###############################################################################
+# diff behavior for common document formats
+# 
+# Convert binary document formats to text before diffing them. This feature
+# is only available from the command line. Turn it on by uncommenting the 
+# entries below.
+###############################################################################
+#*.doc   diff=astextplain
+#*.DOC   diff=astextplain
+#*.docx  diff=astextplain
+#*.DOCX  diff=astextplain
+#*.dot   diff=astextplain
+#*.DOT   diff=astextplain
+#*.pdf   diff=astextplain
+#*.PDF   diff=astextplain
+#*.rtf   diff=astextplain
+#*.RTF   diff=astextplain

.gitignore

@@ -0,0 +1,242 @@
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+[Xx]64/
+[Xx]86/
+[Bb]uild/
+bld/
+[Bb]in/
+[Oo]bj/
+
+# Visual Studio 2015 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUNIT
+*.VisualState.xml
+TestResult.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# DNX
+project.lock.json
+artifacts/
+
+*_i.c
+*_p.c
+*_i.h
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*.log
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# JustCode is a .NET coding add-in
+.JustCode
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+
+# TODO: Un-comment the next line if you do not want to checkin
+# your web deploy settings because they may include unencrypted
+# passwords
+#*.pubxml
+*.publishproj
+
+# NuGet Packages
+*.nupkg
+# The packages folder can be ignored because of Package Restore
+**/packages/*
+# except build/, which is used as an MSBuild target.
+!**/packages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/packages/repositories.config
+# NuGet v3's project.json files produces more ignoreable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directory
+AppPackages/
+BundleArtifacts/
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!*.[Cc]ache/
+
+# Others
+ClientBin/
+[Ss]tyle[Cc]op.*
+~$*
+*~
+*.dbmdl
+*.dbproj.schemaview
+*.pfx
+*.publishsettings
+node_modules/
+orleans.codegen.cs
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+
+# SQL Server files
+*.mdf
+*.ldf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# LightSwitch generated files
+GeneratedArtifacts/
+ModelManifest.xml
+
+# Paket dependency manager
+.paket/paket.exe
+
+# FAKE - F# Make
+.fake/

.idea/.name

@@ -0,0 +1 @@
+呼叫中心

.idea/encodings.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="PROJECT" charset="UTF-8" />
+  </component>
+</project>

.idea/misc.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/呼叫中心.iml" filepath="$PROJECT_DIR$/.idea/呼叫中心.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

.idea/workspace.xml

@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="150892c1-6d9c-4028-8fa0-406ecc9b1c3d" name="Default" comment="" />
+    <ignored path="呼叫中心.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="呼叫中心" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/CallCenterWeb.UI/index.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state vertical-scroll-proportion="0.3321617">
+              <caret line="7" column="60" selection-start-line="7" selection-start-column="60" selection-end-line="7" selection-end-column="60" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" />
+  <component name="JsBuildToolPackageJson" detection-done="true" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-8" />
+    <option name="y" value="-8" />
+    <option name="width" value="1370" />
+    <option name="height" value="744" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+      <manualOrder />
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scratches" />
+      <pane id="Scope" />
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="呼叫中心" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="呼叫中心" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="呼叫中心" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="呼叫中心" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="呼叫中心" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="CallCenterWeb.UI" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/CallCenterWeb.UI" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="150892c1-6d9c-4028-8fa0-406ecc9b1c3d" name="Default" comment="" />
+      <created>1499130466423</created>
+      <option name="number" value="Default" />
+      <updated>1499130466423</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-8" y="-8" width="1370" height="744" extended-state="0" />
+    <editor active="false" />
+    <layout>
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24963072" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/CallCenterWeb.UI/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.3321617">
+          <caret line="7" column="60" selection-start-line="7" selection-start-column="60" selection-end-line="7" selection-end-column="60" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>

.idea/呼叫中心.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.project

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>呼叫系统</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1495136658527</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1495136658574</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1499955400322</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1502436036365</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1503537590713</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>

AutobioCallCenterWebUI.sln

@@ -0,0 +1,42 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio 14
+VisualStudioVersion = 14.0.25420.1
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "CallCenterWeb.UI(1)", "CallCenterWeb.UI\", "{5DE468F6-3F51-41DB-8113-13E8D1BB62DD}"
+	ProjectSection(WebsiteProperties) = preProject
+		TargetFrameworkMoniker = ".NETFramework,Version%3Dv4.5"
+		ProjectReferences = ""
+		Debug.AspNetCompiler.VirtualPath = "/localhost_74123"
+		Debug.AspNetCompiler.PhysicalPath = "CallCenterWeb.UI\"
+		Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_74123\"
+		Debug.AspNetCompiler.Updateable = "true"
+		Debug.AspNetCompiler.ForceOverwrite = "true"
+		Debug.AspNetCompiler.FixedNames = "false"
+		Debug.AspNetCompiler.Debug = "True"
+		Release.AspNetCompiler.VirtualPath = "/localhost_74123"
+		Release.AspNetCompiler.PhysicalPath = "CallCenterWeb.UI\"
+		Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_74123\"
+		Release.AspNetCompiler.Updateable = "true"
+		Release.AspNetCompiler.ForceOverwrite = "true"
+		Release.AspNetCompiler.FixedNames = "false"
+		Release.AspNetCompiler.Debug = "False"
+		VWDPort = "74123"
+		SlnRelativePath = "CallCenterWeb.UI\"
+	EndProjectSection
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{5DE468F6-3F51-41DB-8113-13E8D1BB62DD}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{5DE468F6-3F51-41DB-8113-13E8D1BB62DD}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{5DE468F6-3F51-41DB-8113-13E8D1BB62DD}.Release|Any CPU.ActiveCfg = Debug|Any CPU
+		{5DE468F6-3F51-41DB-8113-13E8D1BB62DD}.Release|Any CPU.Build.0 = Debug|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+EndGlobal

CallCenterWeb.UI/.idea/.name

@@ -0,0 +1 @@
+CallCenterWeb.UI

CallCenterWeb.UI/.idea/CallCenterWeb.UI.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

CallCenterWeb.UI/.idea/encodings.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="PROJECT" charset="UTF-8" />
+  </component>
+</project>

CallCenterWeb.UI/.idea/misc.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+</project>

CallCenterWeb.UI/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/CallCenterWeb.UI.iml" filepath="$PROJECT_DIR$/.idea/CallCenterWeb.UI.iml" />
+    </modules>
+  </component>
+</project>

CallCenterWeb.UI/.idea/workspace.xml

@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="fa88d641-7746-4588-a30c-b449c022e741" name="Default" comment="" />
+    <ignored path="CallCenterWeb.UI.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="CallCenterWeb.UI" />
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" />
+  <component name="JsBuildToolPackageJson" detection-done="true" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-8" />
+    <option name="y" value="-8" />
+    <option name="width" value="1370" />
+    <option name="height" value="744" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+      <manualOrder />
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="CallCenterWeb.UI" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="CallCenterWeb.UI" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="CallCenterWeb.UI" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+      <pane id="Scratches" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+  </component>
+  <component name="RunManager">
+    <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
+      <method />
+    </configuration>
+    <configuration default="true" type="DartTestRunConfigurationType" factoryName="Dart Test">
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
+      <method />
+    </configuration>
+    <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">
+      <method />
+    </configuration>
+    <configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
+      <option name="cucumberJsArguments" value="" />
+      <option name="executablePath" />
+      <option name="filePath" />
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.npm" factoryName="npm">
+      <command value="run-script" />
+      <scripts />
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="mocha-javascript-test-runner" factoryName="Mocha">
+      <node-options />
+      <working-directory>$PROJECT_DIR$</working-directory>
+      <pass-parent-env>true</pass-parent-env>
+      <envs />
+      <ui>bdd</ui>
+      <extra-mocha-options />
+      <test-kind>DIRECTORY</test-kind>
+      <test-directory />
+      <recursive>false</recursive>
+      <method />
+    </configuration>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="fa88d641-7746-4588-a30c-b449c022e741" name="Default" comment="" />
+      <created>1499130541050</created>
+      <option name="number" value="Default" />
+      <updated>1499130541050</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-8" y="-8" width="1370" height="744" extended-state="0" />
+    <editor active="false" />
+    <layout>
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24963072" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+</project>

CallCenterWeb.UI/.project

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>CallCenterWeb.UI</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1499962560129</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1499962627366</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1500016710765</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1502436648911</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1503537748469</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1508741256859</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>

CallCenterWeb.UI/ApiLog/20170331.txt

@@ -0,0 +1,4 @@
+日期：2017/3/31 22:22:04；URL：http://localhost:801//?&keys=ijhi0Icuf7S5R/caljPBLLqKCGrG7NmbQSkJvlUVIUk3MS+4uBB6s1zAy+DPPOtJ4Kk4tQWB0IKFYyOL83f6ad4xrsjOU9ND3xupIgQR/t0=&view=aBnuwE9aLXhB0WJ1&ip=::1；
+
+日期：2017/3/31 22:24:18；URL：http://localhost:801//?&keys=LIJn2UK3rnN+qIb+1c94f8DNsb2cNUL6mLeb4vrRi3k3MS+4uBB6s1zAy+DPPOtJ4Kk4tQWB0IKFYyOL83f6ad6CFZShMX98jIsMSXc16jg=&view=0G1t44eCSJRE0A24&ip=::1；
+

CallCenterWeb.UI/ApiLog/20170401.txt

@@ -0,0 +1,6 @@
+日期：2017/4/1 14:52:00；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/1 14:52:52；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/1 15:28:15；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+

CallCenterWeb.UI/ApiLog/20170404.txt

@@ -0,0 +1,30 @@
+日期：2017/4/4 12:53:10；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/4 12:53:18；URL：http://localhost:801//?&keys=Vc6a2/fIQF2OtZwqCdzF8qZjXoZMCdUBhtDOBhvloD83MS+4uBB6s1zAy+DPPOtJ6GU+eAwrUd3XCioRB/O6w2evATmwYzrWu31oY6l4J/I=&view=oHrMJpvj3Z2nAPDm&ip=::1；
+
+日期：2017/4/4 12:54:28；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/4 12:54:28；URL：http://localhost:801//?&keys=SgEWvwOR6zc379LROUeVslv9AwjiO/kzaP01XvwiKX03MS+4uBB6s1zAy+DPPOtJ6GU+eAwrUd3XCioRB/O6w23Ttw6A0UNjIkxCKNMSQ1k=&view=2bD3PLxdwCbuNkR2&ip=::1；
+
+日期：2017/4/4 21:02:29；URL：http://localhost:801//?&keys=eRQS/kx60d//saKloSMd4j7M0i1Ew4R/VsvgRb3LYbQ3MS+4uBB6s1zAy+DPPOtJDuR339Sx6VHEk59aiY1Q7Kag8ZveYHMaSgOYbvQgr8Y=&view=L748rG4VshyvTPnh&ip=::1；
+
+日期：2017/4/4 21:05:21；URL：http://localhost:801//?&keys=0rAFfVkeFeJalPnVoYrVp/IxurXtCwIJE5MF7oA9nH83MS+4uBB6s1zAy+DPPOtJDuR339Sx6VHEk59aiY1Q7AthudpVRZsWvzzcTPlUGmY=&view=SvWKJX5PDgRIAmxU&ip=::1；
+
+日期：2017/4/4 21:14:11；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/4 21:14:12；URL：http://localhost:801//?&keys=x1kmAt2bdueQg3j+h+F9Vn6RyLW/wgb7QBzeDekyWfI3MS+4uBB6s1zAy+DPPOtJDUL/JRS2rJY5uYjrbQPUb+DZVa2DtXKxtIJeOhmc0pE=&view=DHubuOtdj3bCuwGz&ip=::1；
+
+日期：2017/4/4 21:15:44；URL：http://localhost:61861/interface/GetData.asmx/GetData/P=11----；
+
+日期：2017/4/4 21:15:44；URL：http://localhost:801//?&keys=CQWt/fp3MmHTDxZknOMDPcFN2Y4BaEYDZYL9NeNbYtU3MS+4uBB6s1zAy+DPPOtJDUL/JRS2rJY5uYjrbQPUb9LjMRmaZDumTkGkpSE1t64=&view=RwcZXU2NJmLuw8DE&ip=::1；
+
+日期：2017/4/4 21:17:06；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/4 21:17:06；URL：http://localhost:801//?&keys=Ww7irOPelhEwqZfFUBV/seDuqdk8WH91FDKYZIGte+83MS+4uBB6s1zAy+DPPOtJDUL/JRS2rJY5uYjrbQPUb+bkN+9Pu8NW2yLtSO6g6ik=&view=lL6itLt26Dwu14Sg&ip=::1；
+
+日期：2017/4/4 21:50:11；URL：http://localhost:61861/interface/GetData.asmx/GetData----；
+
+日期：2017/4/4 21:50:13；URL：http://localhost:801//?&keys=5C7frv/TZWhQYniErh19G0Pc5hiapoCthUBnwA7JN543MS+4uBB6s1zAy+DPPOtJkMs4n8vJIsHkRA/TV0zkf850fOhY8Flhz4gvfaNOMQo=&view=F5Fo1SyWKoydH1jZ&ip=::1；
+
+日期：2017/4/4 22:01:27；URL：http://localhost:61861/interface/GetData.asmx/GetData?P=Home/ss&r=0.4845420491800305----Home/ss；
+

CallCenterWeb.UI/ApiLog/20170406.txt

@@ -0,0 +1,4 @@
+日期：2017/4/6 15:49:17；URL：http://localhost:801//Home/bingbibg?P=Home/bingbibg&keys=mjP3z/SNKqTkTmJ+Ca0dr0tGVQKbXAKbtXJPLppXocwX8r97hWyRSP6QXZ/HeVAxr4Y6eZMgQAc0gm2YvqkZtAQXOZtlEmGSLlm+qpIARtE=&view=oB9Lw9nBkwpHNKEk&ip=::1；
+
+日期：2017/4/6 15:50:20；URL：http://localhost:801//Home/ceshi?P=Home/ceshi&keys=9pteFcNJLXbMm8hFMWCaITHyFstVga1HGn7p+yj+0u0X8r97hWyRSP6QXZ/HeVAxQoICLJJkSwJzu+PMIcVhTOMNNovHQUtN66qzdJzRNW4=&view=SvS1sOG2XBW0B6TD&ip=::1；
+

CallCenterWeb.UI/App_Data/PublishProfiles/HXCallCenterWebUI.pubxml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+您 Web 项目的发布/打包进程将使用此文件。您可以通过编辑此 MSBuild 文件
+来自定义该进程的行为。若要了解与此相关的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkID=208121。
+-->
+<Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <WebPublishMethod>FileSystem</WebPublishMethod>
+    <LastUsedBuildConfiguration>Release</LastUsedBuildConfiguration>
+    <LastUsedPlatform>Any CPU</LastUsedPlatform>
+    <SiteUrlToLaunchAfterPublish />
+    <LaunchSiteAfterPublish>True</LaunchSiteAfterPublish>
+    <ExcludeApp_Data>False</ExcludeApp_Data>
+    <publishUrl>D:\roots\HXCallCenterWebUI</publishUrl>
+    <DeleteExistingFiles>False</DeleteExistingFiles>
+  </PropertyGroup>
+</Project>

CallCenterWeb.UI/App_Data/PublishProfiles/XiXianSZCG_Web.pubxml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+您 Web 项目的发布/打包进程将使用此文件。您可以通过编辑此 MSBuild 文件
+来自定义该进程的行为。若要了解与此相关的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkID=208121。
+-->
+<Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <WebPublishMethod>FileSystem</WebPublishMethod>
+    <LastUsedBuildConfiguration>Release</LastUsedBuildConfiguration>
+    <LastUsedPlatform>Any CPU</LastUsedPlatform>
+    <SiteUrlToLaunchAfterPublish />
+    <LaunchSiteAfterPublish>True</LaunchSiteAfterPublish>
+    <ExcludeApp_Data>False</ExcludeApp_Data>
+    <publishUrl>D:\roots\XiXianSZCG_Web</publishUrl>
+    <DeleteExistingFiles>False</DeleteExistingFiles>
+  </PropertyGroup>
+</Project>

CallCenterWeb.UI/Call.html

@@ -0,0 +1,270 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+	<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+    <link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+    <link href="./css/animate.min.css" rel="stylesheet">
+    <link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+    <link href="./css/bootstrap-treeview.css" rel="stylesheet">
+    <link rel="stylesheet" href="./css/layer/skin/default/layer.css" />
+    <link  href="./css/Table/table1.css" rel="stylesheet"/>
+    <script src="./js/jquery.min.js?v=2.1.4"></script>
+    <script src="./js/jquery.min.js?v=2.1.4"></script>
+	<script src="./js/bootstrap.min.js"></script>
+	<script src="./js/bootstrap-table.js"></script>
+	<script src="./js/bootstrap-table-zh-CN.js"></script>
+    <script src="./css/layer/layer.js"></script>
+    <script src="My97DatePicker/WdatePicker.js"></script>
+		<title>外呼计划</title>
+		<style>
+			.sc_btnBox a{
+				margin-right: 20px;
+			}
+			.sc_btnBox{
+				width: 100%;
+				overflow: hidden;
+				border-bottom: 1px solid #e7eaec;
+				padding: 10px;
+				margin-right: 20px;
+			}
+			.table1_box{
+				border: 1px solid #e7eaec;
+				border-top: none;
+			}
+			.table1_title{
+				padding: 10px;
+				font-size: 14px;
+				color: #E43926;
+				border-bottom: 1px solid #e7eaec;
+			}
+			.wq{
+				color: #e46926;
+			}
+		</style>
+	</head>
+	<body>
+		
+		<div class="wrapper wrapper-content animated fadeInRight">			
+			<div class="th-box">
+				<div class="th-bar">
+					<div class="seach-box fr">
+						<ul>
+							<li>关键字：<input  class="photo x-color" type="text" id="KeyWords"/></li>
+							<li><a id="sc_btn" class="sc_btn btn-info">搜索</a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 58%;" class="fl table1_box">
+				<div class="table1_title"style="width: 100%;">
+					<span> <i></i>外呼计划</span>
+				</div>
+				<div class="sc_btnBox">
+					<a class=" add max-right">添加</a>
+					<a class=" xg max-right">修改</a>
+					<a class=" remove max-righ">删除</a>
+					<a class=" start max-righ">启动</a>
+					<a class=" stop">停止</a>
+				</div>		
+				<table id="table1" data-row-style="rowStyle"  data-query-params="queryParams" data-pagination="true">			
+					 <thead>
+				            <tr>           	
+				                <th data-sortable="true" data-field="Start" >状态</th>
+				                <th data-sortable="true" data-field="Plan" >计划名称</th>
+				                <th data-sortable="true" data-field="PhoneNum">号码数量</th>
+				                 <th data-sortable="true" data-field="Y_Call">已呼数</th>
+				                 <th data-sortable="true" data-field="W_Call">未呼数</th>
+				                 <th data-sortable="true" data-field="HL">呼叫率</th>
+				                 <th data-sortable="true" data-field="JT">接通数</th>
+				                 <th data-sortable="true" data-field="WJT">未接通数</th>
+				                 <th data-sortable="true" data-field="JTL">接通率</th>
+				            </tr>
+		      	     </thead>
+		      	     <tbody id="tbody">
+		      	     	
+		      	     </tbody>
+		    	</table>
+			</div>
+			<div style="width: 42%;" class="fl  table2_box" >
+				<div class="table1_title"style="width: 100%;">
+					<span id="table2_title">外呼号码</span>
+				</div>
+				<div class="fr" style="padding: 10px;">
+						分配状态：
+						<select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未分配</option>
+							<option value="">已分配</option>
+						</select>
+						 呼叫状态：
+						 <select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未分配</option>
+							<option value="">已分配</option>
+						</select>
+					</div>
+				<div class="sc_btnBox">
+					<a class="  add max-right">计划页面设置</a>
+					<a class="  xg max-right">导入号码</a>
+					<a class="  remove max-righ">删除号码</a>
+					<a class="   wq max-righ">相关问卷: <strong id="wq_box">无</strong></a>
+				</div>	
+				<table id="table2" data-row-style="rowStyle"  data-query-params="queryParams" data-pagination="true">			
+					 <thead>
+				            <tr>
+								<th data-field="state" data-checkbox="true"></th>            	
+				                <th data-sortable="true" data-field="Num" >号码</th>
+				                <th data-sortable="true" data-field="Name" >名称</th>
+				                <th data-sortable="true" data-field="Time"  >导入时间</th>
+				                 <th data-sortable="true" data-field="Call">分配坐席</th>
+				                 <th data-sortable="true" data-field="CallStates">呼叫状态</th>
+				                 <th data-sortable="true" data-field="LineStates">接通状态</th>
+				            </tr>
+		      	     </thead>
+		      	     <tbody id="tbody">
+		      	     	
+		      	     </tbody>
+		    	</table>
+			</div>
+		</div>
+		<script>
+			var  json=[
+			    {
+			    "Start":"未启动",
+			    "Plan":"张三外呼",
+			    "PhoneNum":"0",
+			    "Y_Call":"0",
+			    "W_Call":"0",
+			    "HL":"0",
+			    "JT":"0",
+			    "WJT":"0",
+			    "JTL":"0" 	
+			    },
+			    {
+			    "Start":"未启动",
+			    "Plan":"满意度调查",
+			    "PhoneNum":"0",
+			    "Y_Call":"0",
+			    "W_Call":"0",
+			    "HL":"0",
+			    "JT":"0",
+			    "WJT":"0",
+			    "JTL":"0" 	
+			    },
+			    {
+			    "Start":"未启动",
+			    "Plan":"套餐升级",
+			    "PhoneNum":"0",
+			    "Y_Call":"0",
+			    "W_Call":"0",
+			    "HL":"0",
+			    "JT":"0",
+			    "WJT":"0",
+			    "JTL":"0" 	
+			    },
+			    {
+			    "Start":"未启动",
+			    "Plan":"对公司呼叫中心客户的",
+			    "PhoneNum":"0",
+			    "Y_Call":"0",
+			    "W_Call":"0",
+			    "HL":"0",
+			    "JT":"0",
+			    "WJT":"0",
+			    "JTL":"0" 	
+			    },
+			    {
+			    "Start":"未启动",
+			    "Plan":"产品购买价值评估问卷",
+			    "PhoneNum":"0",
+			    "Y_Call":"0",
+			    "W_Call":"0",
+			    "HL":"0",
+			    "JT":"0",
+			    "WJT":"0",
+			    "JTL":"0" 	
+			    },
+			    {
+			    "Start":"未启动",
+			    "Plan":"201603月产品调查",
+			    "PhoneNum":"0",
+			    "Y_Call":"0",
+			    "W_Call":"0",
+			    "HL":"0",
+			    "JT":"0",
+			    "WJT":"0",
+			    "JTL":"0" 	
+			    }
+			]
+			
+			var $tableLeft = $('#table1');
+			var $tableLefts = $('#table2');
+			var arr=[];
+			var D;
+		 $tableLeft.bootstrapTable({
+				data: json, //请求后台的URL（*）
+				method: 'get',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [5, 25, 50, 100] //可供选择的每页的行数（*
+	
+	});
+	table2();
+	function table2(){
+		 $tableLefts.bootstrapTable({
+				data: D, //请求后台的URL（*）
+				method: 'get',
+				cache: false,
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 10, //每页的记录行数（*）
+				pageList: [10, 25, 50, 100] //可供选择的每页的行数（*
+	
+		});	
+		  $(".fixed-table-loading").hide();
+	}
+	
+		$tableLeft.on("click-row.bs.table", function(e, row, ele) {
+				console.log(row.Plan);
+				var  a=row.Plan;
+			$("#table2_title").html("计划【"+a+"】的外呼号码");
+			$("#wq_box").html("【"+a+"】");
+			 $('#table2').bootstrapTable('destroy');
+			 
+				Ajax();
+				table2();
+			});
+				/*通用Ajax*/
+        	  function  Ajax(){
+        	  	$.ajax({
+        	  		type:"get",
+        	  		url:"new_file.json",
+        	  		async:false,
+        	  		success:function(data){
+        	  			var Data=data;
+        	  			data.forEach(function (e) {
+          				  if(e.Name==1){
+              				  e.Name = "信息1"
+          					}else{
+              				  e.Name = "信息2"
+          					}
+          					if(e.CallStates==0){
+              				  e.CallStates = "未接通"
+          					}else{
+              				  e.CallStates = "已接通"
+          					}
+     					   });
+        	  			arr = Data;
+						return arr;
+        	  		}
+        	  	});
+        	  	D=arr
+        	  }
+        	  
+        	  $(".fixed-table-loading").hide();
+ 			/*弹框*/
+		</script>
+	</body>
+</html>

CallCenterWeb.UI/CallOut.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>外呼键盘</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link  href="./css/bootstrap.min.css" />
+		<link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
+		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="./css/animate.min.css" rel="stylesheet">
+		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link  href="./css/Table/table1.css" rel="stylesheet"/>
+		<link href="./css/animate.css" rel="stylesheet">
+		<link href="./css/wh.css" rel="stylesheet">	
+		<script src="./js/jquery.min.js?v=2.1.4"></script>
+	<script src="./js/bootstrap.min.js"></script>
+	<script src="./js/bootstrap-table.js"></script>
+	<script src="./js/bootstrap-table-zh-CN.js"></script>
+	 <script src="./js/wh.js"></script>
+	<style>
+		
+	</style>
+	</head>
+	<body>
+	 <div class="WH animated zoomInDown">
+			<!--top-->
+		<div class=" clearflow Color">
+			<div class="WH-top">
+				<span>外呼信息</span>
+			</div>
+			<div class="Cotent_box clearflow">
+				<!--左边键盘-->
+				<div class="KeyWord col-sm-3"> 
+					 <div class="WH_input  clearflow">
+					 	<div class=" clearflow  WH_Itop">
+					 		<input id="Result" type="text" class="fl" value=""/>
+					 		<i class="img fl hidens"></i>
+					 	</div>	
+					 </div>
+					 <div class="Num_box clearflow">
+					 	<ul class="Num_ul">
+					 		<li><div ><a >1</a></div></li>
+					 		<li><div ><a >2</a></div></li>
+					 		<li><div ><a >3</a></div></li>
+					 		<li><div ><a >4</a></div></li>
+					 		<li><div ><a >5</a></div></li>
+					 		<li><div ><a >6</a></div></li>
+					 		<li><div ><a >7</a></div></li>
+					 		<li><div ><a >8</a></div></li>
+					 		<li><div ><a >9</a></div></li>
+					 		<li><div ><a >*</a></div></li>
+					 		<li><div ><a >0</a></div></li>
+					 		<li><div ><a >#</a></div></li>
+					 		<li class="Last_phone"><div ><a class="CallOut"></a></div></li>
+					 		
+					 	</ul>
+					 </div>
+				</div>
+				<!--右边图表-->
+				<div class="col-sm-9 Rbg">
+					<div class="bg bg_cotent">
+						<ul class="bg_title clearflow">
+							<li class="lactive">最近电话</li>
+							<li>公司电话</li>
+							<li>客户电话</li>
+						</ul>
+						<div class="bg_box">
+							<div class="cx">
+								<span>
+									电话号码:
+									<input type="text" />
+								</span>
+								<span>
+									呼叫状态:
+									<select name="">
+										<option value=""></option>
+									</select>
+								</span>
+								  <span class="ty">搜索</span>
+								  <span class="ty">重置</span>
+							</div>
+							<div class="phone_bg"style="width: 100%;padding: 10px;">
+								<table id="goods" data-row-style="rowStyle"  data-query-params="queryParams" data-pagination="true">			
+									 <thead>
+								            <tr>           	
+								            	<th  data-field="Code"  data-halign="center" data-align="center" ></th>
+								                <th  data-field="a"data-align="center" >电话号码</th>
+								                <th  data-field="b" data-align="center">呼叫方向</th>
+								                <th  data-field="c" data-align="center" >呼叫状态</th>
+								                 <th  data-field="d" data-align="center">通话开始时间</th>
+								                 <th  data-field="e" data-align="center">通话时长</th>
+								            </tr>
+						      	     </thead>
+						      	     <tbody id="tbody">
+						      	     	
+						      	     </tbody>
+		    					</table>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>	
+	</div>
+
+	</body>
+</html>

CallCenterWeb.UI/Lybf.html

@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="./css/animate.min.css" rel="stylesheet">
+		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="./css/bootstrap-treeview.css" rel="stylesheet">
+		<link rel="stylesheet" href="./css/layer/skin/default/layer.css" />
+		<title>录音播放下载及质检</title>
+		<style>
+			.contentTable {
+				padding: 10px;
+			}
+			
+			.form_table {
+				width: 100%;
+				border: 1px solid #EDECFF;
+			}
+			
+			.form_table td {
+				padding: 6px 0 5px 10px;
+				text-align: left;
+				color: #717171;
+				line-height: 200%;
+				border-top: 1px dotted #cccccc;
+			}
+			
+			.form_table th {
+				padding: 5px 8px 5px 0;
+				color: #333;
+				font-weight: 700;
+				text-align: right;
+				background: #f9f9f9;
+				border-right: 1px dotted #cccccc;
+				border-top: 1px dotted #cccccc;
+			}
+			
+			.play {
+				height: 50px;
+				width: 100%;
+			}
+			
+			#downlond {
+				padding: 0 8px;
+				height: 24px;
+				line-height: 24px;
+				color: #707070;
+				border: 1px solid #D7D7D7;
+				cursor: pointer;
+				vertical-align: middle;
+			}
+			
+			.txtInput {
+				margin-right: 5px;
+				padding: 0 3px 0 3px;
+				height: 22px;
+				line-height: 22px;
+				background: #FAFAFA;
+				border: 1px solid #D7D7D7;
+				vertical-align: middle;
+				font-size: 12px;
+				width: 50px;
+				color: blue;
+			}
+			
+			.btnSubmit {
+				padding: 0 10px;
+				height: 28px;
+				line-height: 28px;
+				color: #3D80B3;
+				font-weight: bold;
+				border: 1px solid #AED0EA;
+				cursor: pointer;
+				vertical-align: middle;
+				overflow: hidden;
+			}
+			
+			.foot_btn_box {
+				padding: 15px 20px;
+				text-align: center;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="contentTable">
+			<div class="table_con">
+				<table cellspacing="" cellpadding="" class="form_table">
+					<tbody>
+						<tr>
+							<th><span>电话号码：</span></th>
+							<td><span>6+541+</span></td>
+							<th><span>通话时间：</span></th>
+							<td><span>2017/5/3 16:50:05</span></td>
+						</tr>
+						<tr>
+							<th><span>呼叫方向：</span></th>
+							<td><span>呼出</span></td>
+							<th><span>通话时长：</span></th>
+							<td><span> 278秒</span></td>
+						</tr>
+						<tr>
+							<th><span>坐席工号：</span></th>
+							<td><span>902</span></td>
+							<th><span>坐席姓名：</span></th>
+							<td><span>6+541+</span></td>
+						</tr>
+						<tr>
+							<th><span>听取录音：</span></th>
+							<td colspan="3">
+								<div class="play">
+
+								</div>
+							</td>
+
+						</tr>
+						<tr>
+							<th><span>下载录音：</span></th>
+							<td colspan="3">
+								<input type="button" value="下载" id="downlond" />
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div class="divDataItems">
+				<table class="table table-bordered text-center table-hover" style="width: 100%;">
+					<thead>
+						<tr class="thead_title">
+							<td colspan="2" style="background-color: #D5EDFE;">分类</td>
+							<td style="background-color: #D5EDFE;">指标</td>
+							<td style="background-color: #D5EDFE;">分值</td>
+							<td style="background-color: #D5EDFE;">评分</td>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+
+					</tbody>
+					<tfoot id="tfoot">
+						<tr>
+							<td colspan="3" style="background-color: #D5EDFE;">总分</td>
+							<td style="background-color: #D5EDFE;">200</td>
+							<td style="background-color: #D5EDFE;">
+								<span style="color: red;" id="Z_Num">200</span>
+							</td>
+						</tr>
+					</tfoot>
+				</table>
+			</div>
+			<!--<div class="foot_btn_box">
+				<input type="button"  value="保存评分" class="btnSubmit"/>
+			</div>-->
+
+			<script src="./js/jquery.min.js?v=2.1.4"></script>
+			<script type="text/javascript">
+			
+				$.ajax({
+					type: "get",
+					//							url: huayi.config.callcenter_url + "/Mobiledata/EditMobiledata",
+					url: "zjxq.json",
+					dataType: 'json',
+					async: true,
+//					data:{
+//						id:zjID///通话ID
+//					},
+					success: function(data) {
+						var content = data.data;
+						console.log(content);
+						//									for(var i=0;i<content.length;i++){
+						console.log(content.Rowspan);
+						$('<tr>' +
+							'<td colspan="'+content.Colspan+'">' + content.Qcname + '</td>' +
+							'<td >' + content.Qcscore + '</td>' +
+							'<td >' + content.Qcpf + '</td>' +
+							'</tr>').appendTo("#tfoot");
+						var twoCon = content.Qclist;						
+						if(twoCon !== null) {
+							for(var j = 0; j < twoCon.length; j++) {
+								var t=parseInt(twoCon[j].Rowspan);		
+								var o=1;
+								var l=parseInt(twoCon.length);
+								var c=t+o+l;																
+								$('<tr>' +
+									'<td rowspan="'+ t +'" >' + twoCon[j].Qcname + '</td>' +
+									'</tr>').appendTo("#tbody");								
+								var stree = twoCon[j].Qclist;
+								console.log(stree);
+								if(stree !== null) {
+									for(var k = 0; k < stree.length; k++) {
+										var row2=parseInt(stree[k].Rowspan);
+										var o=1;
+										var c=t+o;
+										$('<tr>' +
+											'<td rowspan="' + row2 + '">' + stree[k].Qcname + '</td>' +
+											'</tr>').appendTo("#tbody");
+										var foure = stree[k].Qclist;
+										
+										if(foure !== null) {
+												
+											for(var i = 0; i < foure.length; i++) {
+												var row3=parseInt(foure[i].Rowspan);
+											var o=1;
+											var c=t+o;
+												$('<tr>' +
+													'<td rowspan="' + row3 + '">' + foure[i].Qcname + '</td>' +
+													'<td rowspan="' + row3 + '">' + foure[i].Qcscore + '</td>' +
+													'<td rowspan="' + row3 + '"><input type="text"  class="txtInput"/></td>' +
+													'</tr>').appendTo("#tbody");
+											}
+										}
+									}
+								}
+							}
+
+						}
+					}
+				});
+					
+			</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Message/FixedTime.html

@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>定时短信管理</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+</head>
+<body>
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a href="javaScript:;" class="indexreturn">首页</a>&gt;<a href="javaScript:;">定时短信管理</a>&gt;<a href="" style="color: #000;">定时短信管理</a></sapn>
+            </div>
+        </div>
+        <div class="th-box">
+            <div class="th-bar">
+                <a class="sc_btn  remove">删除</a>
+                <div class="seach-box fr">
+                    <ul>
+                        <!--<li>发送人：<input class="photo x-color" type="text"  /></li>-->
+                        <li>接收号码：<input class="photo x-color" type="text" id="Phone" /></li>
+                        <li>
+                            短信类型：
+                            <select name="" id="MessageType" style="padding: 3px;border-color: #e5e6e7;">
+                                <option value="">--请选择--</option>
+                            </select>
+                        </li>
+                        <li>
+                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true" data-align="center"></th>
+                        <th data-field="Telephone" data-align="center">接收号码</th>
+                        <th data-field="Detail" >短信内容</th>
+                        <th data-field="SendWay" data-align="center" data-formatter="SendWays">发送方式</th>
+                        <th data-field="IsSend" data-align="center" data-formatter="States">发送状态</th>
+                        <th data-field="CreateDate" data-align="center">提交时间</th>
+                        <th data-field="DSSendTime" data-align="center">定时发送时间</th>
+                        <th data-field="SendTime" data-align="center">实际发送时间</th>
+                        <th data-field="TypeName" data-align="center">短信类型</th>
+                        <th data-field="MName" data-align="center">发送人</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+    <script>
+        var type; //短信类型
+        var tel;  //号码
+        var token = $.cookie("token");
+        initTable();
+
+        Type();
+        function initTable() {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "SMSZXZB/GetSendList", //获取数据的Servlet地址
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        token: token,
+                        sendway: "2",
+                        type: $("#MessageType").val(),
+                        tel: $("#Phone").val()
+                    };
+                    return param;
+                },
+                onLoadSuccess: function (data) {  //加载成功时执行
+                    //layer.msg("加载成功");
+                    console.log(data);
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        //编号
+        function Code(val, row, index) {
+            return index + 1;
+        }
+        //状态
+        function States(val) {
+            var str = '';
+            switch (val + '') {
+                case '0': str = "未发送"; break;
+                case '1': str = "已发送"; break;
+                case '-1': str = "发送失败"; break;
+            }
+            return str;
+        }
+        //发送方式
+        function SendWays(val) {
+            var str = '';
+            switch (val + '') {
+                case '1': str = "立即发送"; break;
+                case '2': str = "定时发送"; break;
+            }
+            return str;
+        }
+        /*删除内容*/
+        $(".remove").click(function () {
+            var ids = $.map($('#list').bootstrapTable('getSelections'),
+                function (row) {
+                    return row.ID;
+                });
+            /*判断长度*/
+            if (ids.length <= 0) {
+                layer.confirm('没有可删除的选项？', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            remove();
+
+        });
+        /*删除提示*/
+        function remove() {
+            layer.confirm('确定删除当前记录？', {
+                btn: ['是', '否'] //按钮
+            }, function () {
+
+                /*执行删除*/
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.ID;
+                    });
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "SMSZXZB/DelSend?", { ids: ids, token: $.cookie("token") }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("删除成功");
+                        initTable();
+                    }
+                })
+            });
+        }
+        //短信类型
+        function Type() {
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", { token: $.cookie("token"), Id: "DXLX" }, function (data) {
+                $(data.rows).each(function (i, n) {
+                    $("#MessageType").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
+                })
+            })
+        }
+        //搜索
+        $('#sc_btns').click(function () {
+            initTable();
+        });
+
+    </script>
+</body>
+</html>

CallCenterWeb.UI/Message/MessagReceiving.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>短信接收管理</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+</head>
+<body>
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a href="javaScript:;" class="indexreturn">首页</a>&gt;<a href="javaScript:;">短信接收管理</a>&gt;<a href="" style="color: #000;">发送失败管理</a></sapn>
+            </div>
+        </div>
+        <div class="th-box">
+            <div class="th-bar">
+                <!--<a class="sc_btn  remove">删除</a>-->
+                <div class="seach-box fr">
+                    <ul>
+                        <li>手机号码：<input class="photo x-color" type="text" id="Phone" /></li>
+                        <li>
+                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true" data-align="center"></th>
+                        <th data-align="center" data-formatter="Code">编号</th>
+                        <th data-field="Telephone" data-align="center">手机号码</th>
+                        <th data-field="Detail" data-align="center">短信内容</th>
+                        <th data-field="CreateDate" data-align="center">接收时间</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+    <script>
+        $(document).ready(function () {
+            initTable();
+            $("#sc_btns").click(function () {
+                initTable();
+            })
+        })
+        
+        function initTable() {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "SMSZXZB/GetRecvList", //获取数据的Servlet地址
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        tel: $("#Phone").val(),
+                        token: $.cookie("token")
+                    };
+                    return param;
+                },
+                onLoadSuccess: function () {  //加载成功时执行
+                    //layer.msg("加载成功");
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        //编号
+        function Code(val, row, index) {
+            return index + 1;
+        }
+        //状态
+        function States(val) {
+            var str = '';
+            switch (val + '') {
+                case '0': str = "未读"; break;
+                case '1': str = "已读"; break;
+            }
+            return str;
+        }
+    </script>
+</body>
+</html>

CallCenterWeb.UI/Message/MessageRecovery.html

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>短信类型回收</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+	</head>
+	<body>
+		<div class="wrapper wrapper-content animated fadeInRight">
+    	 <div class="daoHang clearfix">
+				<div class="dhLeft" >
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;"  class="indexreturn">首页</a>&gt;<a href="javaScript:;">短信管理</a>&gt;<a href="" style="color: #000;">短信类型回收站</a></sapn>
+				</div>
+			</div>
+			
+        <div class="th-box">
+            <div class="th-bar">
+                <div class="seach-box fr">
+                    <ul>
+                        <li>短信类型：<input class="photo x-color" type="text" id="Message_type" /></li>
+                        <li>
+                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true"data-align="center"></th>
+                        <th  data-align="center" data-formatter="Code">编号</th>
+                        <th data-field="F_TelPhone"data-align="center" >短信类型</th>
+                        <th data-field="F_SetTime" data-align="center">帮助说明</th> 
+                        <th data-field="F_Sates" data-align="center" data-formatter="States">状态</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+		<script>
+			var arr=[{
+				
+    				"F_TelPhone":"客户回访",
+    				"F_SetTime":"测试测试",
+    				"F_Sates":"0"
+			},{
+				"F_TelPhone":"客户回访",
+    				"F_SetTime":"测试测试",
+    				"F_Sates":"1"
+			}]
+				
+			initTable();
+			function initTable() {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+//              url: huayi.config.callcenter_url + "Callblack/GetList", //获取数据的Servlet地址
+				data:arr,
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                    };
+                    return param;
+                },
+                onLoadSuccess: function () {  //加载成功时执行
+                    //layer.msg("加载成功");
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+			
+			//编号
+			function Code(val,row,index){
+				return index+1;
+			}
+			//状态
+			 function States(val) {
+                var str = '';
+                switch (val + '') {
+                    case '0': str = "未删除"; break;
+                    case '1': str = "已删除"; break;
+                }
+                return str;
+            }
+		</script>
+	</body>
+</html>

CallCenterWeb.UI/Message/MessageSend.html

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>短信发送</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+    <style>
+        .Data_box {
+            display: none;
+        }
+
+        ._table1 th {
+            width: 30%;
+            text-align: right;
+        }
+
+        textarea {
+            padding-left: 5px;
+            resize: none;
+            font-size: 12px;
+            width: 300px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn>
+                    <i class="syIcon"></i>位置：
+                    <a href="javaScript:;" class="indexreturn">首页</a>&gt;
+                    <a href="javaScript:;">短信接收管理</a>&gt;
+                    <a href="" style="color: #000;">短信发送</a>
+                </sapn>
+            </div>
+        </div>
+        <div>
+            <table class="_table1 table table-bordered  table-hover " style="width: 100%;">
+                <tr>
+                    <th>短信类型:</th>
+                    <td>
+                        <select name="" id="type"></select>
+                    </td>
+                </tr>
+                <tr>
+                    <th>发送方式:</th>
+                    <td>
+                        <label style="font-weight: normal;"><input type="radio" name="sendway" value="1" checked="checked" />立即发送</label>
+                        <label style="font-weight: normal;"><input type="radio" name="sendway" value="2" />定时发送</label>
+                    </td>
+                </tr>
+                <tr class="Data_box ">
+                    <th>定时发送时间:</th>
+                    <td>
+                        <input type="text" name="send" class="laydate-icon " id="Data_time" />
+                    </td>
+                </tr>
+                <tr>
+                    <th>接收号码:</th>
+                    <td>
+                        <textarea id="tels" name="" rows="5"></textarea>
+                        <br />
+                        <input id="btndr" type="button" class="btns" style="margin:0;" value="导入号码" />&nbsp;&nbsp;<span>多个号码用英文逗号,隔开</span>
+                        <input type="file" name="upFile" id="upFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none;">
+                    </td>
+                </tr>
+
+                <tr>
+                    <th>短信内容:</th>
+                    <td>
+                        <textarea id="cont" name="" rows="5"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div style="text-align: center;">
+            <input id="save" type="button" class="btns" value="新增短信" style="width: 100px;" />
+        </div>
+    </div>
+    <script>
+        var token = $.cookie("token");
+        
+        $(document).ready(function () {
+            /*日期选择*/
+            laydate.skin('molv');
+            /*开始日期*/
+            laydate({
+                elem: '#Data_time',
+                event: 'focus',
+                istime: true,
+                format: 'YYYY-MM-DD hh:mm:ss', 
+            });
+            GetDicValueList();
+            $("input[name=sendway]").change(function () {
+                if ($(this).val() == '1') {
+                    $(".Data_box").hide();
+                }
+                else {
+                    $(".Data_box").show();
+                }
+            })
+            $("#btndr").click(function () {
+                $("#upFile").trigger("click");
+            })
+            $("#upFile").change(function () {
+                upload();
+            })
+            $("#save").click(function () {
+                if (!$("#type").val()) {
+                    layer.confirm('请选择短信类型', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                }
+                var val = $("input[name='sendway']:checked").val();
+                if (!val) {
+                    layer.confirm('请选择发送方式', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                }
+                else {
+                    if (val == '2' && !$("#Data_time").val()) {
+                        layer.confirm('请选择定时发送时间', {
+                            btn: ['确定'] //按钮
+                        });
+                        return;
+                    }
+                }
+                if (!$("#tels").val()) {
+                    layer.confirm('请输入接收号码', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                }
+                if (!$("#cont").val()) {
+                    layer.confirm('请输入短信内容', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                }
+                $.post(huayi.config.callcenter_url + "SMSZXZB/AddSend",
+                    {
+                        type: $("#type").val(),
+                        sendway: val,
+                        dssj: $("#Data_time").val(),
+                        tel: $("#tels").val(),
+                        cont: $("#cont").val(),
+                        token: $.cookie("token")
+                    }, function (result) {
+                        result = JSON.parse(result);
+                        if (result.state.toLowerCase() == "success") {
+                            layer.msg("新增成功");
+                            layer.close(tc); //关闭弹层
+                        }
+                    })
+            })
+        });
+        //上传文件
+        function upload() {
+            if (document.getElementById("upFile").files.length > 0) {
+                var formData = new FormData();
+                formData.append("upFile", document.getElementById("upFile").files[0]);
+                formData.append("token", $.cookie("token"));
+                $.ajax({
+                    url: huayi.config.callcenter_url + "SMSZXZB/ImportSend",
+                    type: "POST",
+                    data: formData,
+                    /**
+                     *必须false才会自动加上正确的Content-Type
+                     */
+                    contentType: false,
+                    /**
+                     * 必须false才会避开jQuery对 formdata 的默认处理
+                     * XMLHttpRequest会对 formdata 进行正确的处理
+                     */
+                    processData: false,
+                    success: function (result) {
+                        document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
+                        $("#upFile").change(function () {
+                            upload();
+                        });
+                        var r = $.parseJSON(result);
+                        if (r.state.toLowerCase() == "success") {
+                            $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
+                            var tel = $("#tels").val();
+                            if (tel) {
+                                if (tel.substr(huayi.config.callcenter_url.length - 1, 1) == ',') {
+                                    $("#tels").val(tel + r.data);
+                                }
+                                else {
+                                    $("#tels").val(tel + ',' + r.data);
+                                }
+                            }
+                            else {
+                                $("#tels").val(r.data);
+                            }
+                            layer.msg("导入成功");
+                        }
+                    }
+                });
+            } else {
+                layer.confirm('请上传文件！', {
+                    btn: ['确定']
+                });
+            }
+        }
+        //短信类型
+        function GetDicValueList() {
+            $("#type").empty();
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", { token: $.cookie("token"), Id: "DXLX" }, function (data) {
+                $(data.rows).each(function (i, n) {
+                    $("#type").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
+                })
+            })
+        }
+    </script>
+</body>
+
+</html>

CallCenterWeb.UI/Message/MessageType.html

@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>短信类型管理</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+</head>
+<body>
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a href="javaScript:;" class="indexreturn">首页</a>&gt;<a href="javaScript:;">短信管理</a>&gt;<a href="" style="color: #000;">短信类型管理</a></sapn>
+            </div>
+        </div>
+
+        <div class="th-box">
+            <div class="th-bar">
+                <a class="sc_btn  add max-right">添加</a>
+                <a class="sc_btn  xg max-right">修改</a>
+                <a class="sc_btn  remove">删除</a>
+                <div class="seach-box fr">
+                    <ul>
+                        <li>短信类型：<input class="photo x-color" type="text" id="Message_type" /></li>
+                        <li>
+                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true" data-align="center"></th>
+                        <th data-align="center" data-formatter="Code">编号</th>
+                        <th data-field="F_Name" data-align="center">短信类型</th>
+                        <th data-field="F_Describe" data-align="center">帮助说明</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+    <script>
+        var token = $.cookie("token");
+        initTable();
+        var html = '<div >' +
+            '<ul class="nav nav-tabs">' +
+            '<li class="active">' +
+            '<a href="#">参数信息</a>' +
+            '<input type="hidden" id="ID" />' +
+            '</li>' +
+            '</ul>' +
+            '<div class="add_time">' +
+            '<label for="">类型名称:</label>' +
+            '<input type="text" id="TypeName" class="photo"  />' +
+            '</div>' +
+            '<div class="add_time">' +
+            '<label for="">类型描述:</label>' +
+            '<input type="text" class="photo " id="TypeDisction"  />' +
+            '</div>' +
+            '<div class="add_time tc">' +
+            '<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
+            '</div>' +
+            '</div>';
+        var tc;
+        function initTable(Name_) {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "Dictionary/GetDicValueList", //获取数据的Servlet地址
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [5, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        token: $.cookie("token"),
+                        Id: "DXLX",
+                        Name: $("#Message_type").val()
+                    };
+                    return param;
+                },
+                onLoadSuccess: function (data) {  //加载成功时执行
+                    //layer.msg("加载成功");
+                    //console.log(data);
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        //编号
+        function Code(val, row, index) {
+            return index + 1;
+        }
+        //搜索
+        $("#sc_btns").click(function () {
+            Name_ = $("#Message_type").val();
+            initTable(Name_);
+        });
+        /*增加弹框*/
+        $(".add").click(function () {
+            tc = layer.open({
+                type: 1,
+                content: html, //iframe的url，no代表不显示滚动条
+                title: '添加短信类型',
+                area: ['30%', '35%'], //宽高
+            });
+        });
+        //新增
+        function addedit() {
+            if (!$("#TypeName").val()) {
+                layer.confirm('请输入类型名称', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            if (!$("#TypeDisction").val()) {
+                layer.confirm('请输入类型描述', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            if ($("#ID").val()) {
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "Dictionary/EditDicValue",
+                    {
+                        DicVid: $("#ID").val(),
+                        DicvName: $("#TypeName").val(),
+                        DicDes: $("#TypeDisction").val(),
+                        DicFlag: "DXLX ",
+                        token: $.cookie("token")
+                    }, function (result) {
+                        result = JSON.parse(result);
+                        if (result.state.toLowerCase() == "success") {
+                            layer.msg("修改成功");
+                            layer.close(tc); //关闭弹层
+                            initTable();
+                        }
+                    })
+            } else {
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "Dictionary/AddDicValue",
+                    {
+                        DicvName: $("#TypeName").val(),
+                        DicDes: $("#TypeDisction").val(),
+                        DicFlag: "DXLX ",
+                        token: $.cookie("token")
+                    }, function (result) {
+                        result = JSON.parse(result);
+                        if (result.state.toLowerCase() == "success") {
+                            layer.msg("新增成功");
+                            layer.close(tc); //关闭弹层
+                            initTable();
+                        }
+                    })
+            }
+        }
+        /*修改弹窗*/
+        $(".xg").click(function () {
+            var ValueId = $.map($('#list').bootstrapTable('getSelections'),
+                function (row) {
+                    return row.F_DictionaryValueId;
+                });
+
+            if (ValueId.length != 1) {
+                layer.confirm('请选择一行进行修改？', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            } else {
+                $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValue",{dicValueId: ValueId[0],token: $.cookie("token")}, function (result) {
+                    if (result.state.toLowerCase() == "success") {
+                        tc = layer.open({
+                            type: 1,
+                            title: '修改类型',
+                            area: ['30%', '35%'], //宽高
+                            content: html
+                        });
+                        $("#ID").val(result.data.id);
+                        $("#TypeName").val(result.data.name);
+                        $("#TypeDisction").val(result.data.remark);
+                    }
+                })
+            }
+        });
+
+        //删除类型
+        $(".remove").click(function () {
+            var ids = $.map($('#list').bootstrapTable('getSelections'),
+                function (row) {
+                    return row.F_DictionaryValueId;
+                });
+            /*判断长度*/
+            if (ids.length <= 0) {
+                layer.confirm('没有可删除的选项？', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            remove();
+        });
+        /*删除提示*/
+        function remove() {
+            layer.confirm('确定删除当前记录？', {
+                btn: ['是', '否'] //按钮
+            }, function () {
+
+                /*执行删除*/
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_DictionaryValueId;
+                    });
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "Dictionary/DelDicValue", { ids: ids, token: $.cookie("token") }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("删除成功");
+                        initTable();
+                    }
+                })
+            });
+        }
+        //搜索
+        $("#sc_btns").click(function () {
+            initTable();
+        });
+    </script>
+</body>
+</html>

CallCenterWeb.UI/Message/SendError.html

@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>发送失败管理</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../css/laydate/laydate.js"></script>
+	</head>
+
+	<body>
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" class="indexreturn">首页</a>&gt;
+						<a href="javaScript:;">发送失败管理</a>&gt;
+						<a href="" style="color: #000;">发送失败管理</a>
+					</sapn>
+				</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<a class="sc_btn  remove">删除</a>
+					<div class="seach-box fr">
+						<ul>
+							<!--<li>发送人：<input class="photo x-color" type="text" /></li>-->
+							<li>接收号码：<input class="photo x-color" type="text" id="Phone" /></li>
+							<li>
+								<a class="sc_btn  Block" id="sc_btns">搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+                            <th data-field="state" data-checkbox="true" data-align="center"></th>
+                            <th data-field="Telephone" data-align="center">接收号码</th>
+                            <th data-field="Detail">短信内容</th>
+                            <th data-field="SendWay" data-align="center" data-formatter="SendWays">发送方式</th>
+                            <th data-field="IsSend" data-align="center" data-formatter="States">发送状态</th>
+                            <th data-field="CreateDate" data-align="center">提交时间</th>
+                            <th data-field="DSSendTime" data-align="center">定时发送时间</th>
+                            <th data-field="SendTime" data-align="center">实际发送时间</th>
+                            <th data-field="TypeName" data-align="center">短信类型</th>
+                            <th data-field="MName" data-align="center">发送人</th>
+						</tr>
+					</thead>
+					<tbody id="tbody"></tbody>
+				</table>
+			</div>
+		</div>
+		<script>
+
+            $(document).ready(function () {
+                $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", { token: $.cookie("token"), Id: "DXLX" }, function (data) {
+                    $(data.rows).each(function (i, n) {
+                        $("#MessageType").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
+                    })
+                })
+
+                initTable();
+                //搜索
+                $('#sc_btns').click(function () {
+                    initTable();
+                });
+
+                /*删除内容*/
+                $(".remove").click(function () {
+                    var ids = $.map($('#list').bootstrapTable('getSelections'),
+                        function (row) {
+                            return row.ID;
+                        });
+                    /*判断长度*/
+                    if (ids.length <= 0) {
+                        layer.confirm('没有可删除的选项？', {
+                            btn: ['确定'] //按钮
+                        });
+                        return;
+                    }
+                    remove();
+
+                });
+            })
+
+			function initTable() {
+				//先销毁表格
+				$('#list').bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				$("#list").bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "SMSZXZB/GetSendList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10, 20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							page: params.pageNumber,
+							pagesize: params.pageSize,
+							token: $.cookie("token"),
+							state: "-1",
+							tel: $("#Phone").val()
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			//编号
+			function Code(val, row, index) {
+				return index + 1;
+			}
+			//状态
+			function States(val) {
+			    var str = '';
+			    switch (val + '') {
+			        case '0': str = "未发送"; break;
+			        case '1': str = "已发送"; break;
+			        case '-1': str = "发送失败"; break;
+			    }
+			    return str;
+			}
+			//发送方式
+			function SendWays(val) {
+			    var str = '';
+			    switch (val + '') {
+			        case '1': str = "立即发送"; break;
+			        case '2': str = "定时发送"; break;
+			    }
+			    return str;
+			}
+			
+			/*删除提示*/
+			function remove() {
+			    layer.confirm('确定删除当前记录？', {
+			        btn: ['是', '否'] //按钮
+			    }, function () {
+
+			        /*执行删除*/
+			        var ids = $.map($('#list').bootstrapTable('getSelections'),
+                        function (row) {
+                            return row.ID;
+                        });
+			        /*发送请求*/
+			        $.post(huayi.config.callcenter_url + "SMSZXZB/DelSend?", { ids: ids, token: $.cookie("token") }, function (result) {
+			            result = JSON.parse(result);
+			            if (result.state.toLowerCase() == "success") {
+			                layer.msg("删除成功");
+			                initTable();
+			            }
+			        })
+			    });
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Message/SendManagement.html

@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>短信发送管理</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+</head>
+<body>
+    <div class="wrapper wrapper-content animated fadeInRight">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a href="javaScript:;" class="indexreturn">首页</a>&gt;<a href="javaScript:;">短信管理</a>&gt;<a href="" style="color: #000;">短信发送管理</a></sapn>
+            </div>
+        </div>
+
+        <div class="th-box">
+            <div class="th-bar">
+                <a class="sc_btn remove">删除</a>
+                <div class="seach-box fr">
+                    <ul>
+                        <!--<li>发送人：<input class="photo x-color" type="text" /></li>-->
+                        <li>接收号码：<input class="photo x-color" type="text" id="Phone" /></li>
+                        <li>
+                            短信类型：
+                            <select name="" id="MessageType" style="padding: 3px;border-color: #e5e6e7;">
+                                <option value="">--请选择--</option>
+                            </select>
+                        </li>
+                        <li>
+                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true" data-align="center"></th>
+                        <th data-align="center" data-formatter="Code">编号</th>
+                        <th data-field="Telephone" data-align="center">接收号码</th>
+                        <th data-field="Detail" >短信内容</th>
+                        <th data-field="SendWay" data-align="center" data-formatter="SendWays">发送方式</th>
+                        <th data-field="IsSend" data-align="center" data-formatter="States">发送状态</th>
+                        <th data-field="CreateDate" data-align="center">提交时间</th>
+                        <th data-field="SendTime" data-align="center">实际发送时间</th>
+                        <th data-field="TypeName" data-align="center">短信类型</th>
+                        <th data-field="MName" data-align="center">发送人</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+    <script>
+        var token = $.cookie("token");
+
+        $(document).ready(function () {
+            initTable();
+            Type();
+            //搜索
+            $('#sc_btns').click(function () {
+                initTable();
+            });
+        })
+        
+        function initTable() {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "SMSZXZB/GetSendList", //获取数据的Servlet地址
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        token: token,
+                        sendway: "1",
+                        type: $("#MessageType").val(),
+                        tel: $("#Phone").val()
+                    };
+                    return param;
+                },
+                onLoadSuccess: function (data) {  //加载成功时执行
+                    //layer.msg("加载成功");
+                    console.log(data);
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        //编号
+        function Code(val, row, index) {
+            return index + 1;
+        }
+        //状态
+        function States(val) {
+            var str = '';
+            switch (val + '') {
+                case '0': str = "未发送"; break;
+                case '1': str = "已发送"; break;
+            }
+            return str;
+        }
+
+        //发送方式
+        function SendWays(val) {
+            var str = '';
+            switch (val + '') {
+                case '1': str = "立即发送"; break;
+                case '2': str = "定时发送"; break;
+            }
+            return str;
+        }
+        //短信类型
+        function Type() {
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", { token: $.cookie("token"), Id: "DXLX" }, function (data) {
+                $(data.rows).each(function (i, n) {
+                    $("#MessageType").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
+                })
+            })
+        }
+        /*删除内容*/
+        $(".remove").click(function () {
+            var ids = $.map($('#list').bootstrapTable('getSelections'),
+                function (row) {
+                    return row.ID;
+                });
+            /*判断长度*/
+            if (ids.length <= 0) {
+                layer.confirm('没有可删除的选项？', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            remove();
+
+        });
+        /*删除提示*/
+        function remove() {
+            layer.confirm('确定删除当前记录？', {
+                btn: ['是', '否'] //按钮
+            }, function () {
+
+                /*执行删除*/
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.ID;
+                    });
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "SMSZXZB/DelSend", { ids: ids, token: $.cookie("token") }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("删除成功");
+                        initTable();
+                    }
+                })
+            });
+        }
+    </script>
+</body>
+</html>

CallCenterWeb.UI/My97DatePicker/lang/en.js

@@ -0,0 +1,14 @@
+var $lang={
+errAlertMsg: "Invalid date or the date out of range,redo or not?",
+aWeekStr: ["wk", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+aLongWeekStr:["wk","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
+aMonStr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+aLongMonStr: ["January","February","March","April","May","June","July","August","September","October","November","December"],
+clearStr: "Clear",
+todayStr: "Today",
+okStr: "OK",
+updateStr: "OK",
+timeStr: "Time",
+quickStr: "Quick Selection",
+err_1: 'MinDate Cannot be bigger than MaxDate!'
+}

CallCenterWeb.UI/My97DatePicker/lang/zh-cn.js

@@ -0,0 +1,14 @@
+var $lang={
+errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u8303\u56F4,\u9700\u8981\u64A4\u9500\u5417?",
+aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
+aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
+aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
+aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
+clearStr: "\u6E05\u7A7A",
+todayStr: "\u4ECA\u5929",
+okStr: "\u786E\u5B9A",
+updateStr: "\u786E\u5B9A",
+timeStr: "\u65F6\u95F4",
+quickStr: "\u5FEB\u901F\u9009\u62E9", 
+err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u4E8E\u6700\u5927\u65E5\u671F!'
+}

CallCenterWeb.UI/My97DatePicker/lang/zh-tw.js

@@ -0,0 +1,14 @@
+var $lang={
+errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u7BC4\u570D,\u9700\u8981\u64A4\u92B7\u55CE?",
+aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
+aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
+aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
+aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
+clearStr: "\u6E05\u7A7A",
+todayStr: "\u4ECA\u5929",
+okStr: "\u78BA\u5B9A",
+updateStr: "\u78BA\u5B9A",
+timeStr: "\u6642\u9593",
+quickStr: "\u5FEB\u901F\u9078\u64C7",
+err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u65BC\u6700\u5927\u65E5\u671F!'
+}

CallCenterWeb.UI/My97DatePicker/skin/WdatePicker.css

@@ -0,0 +1,11 @@
+.Wdate{
+	border:#999 1px solid;
+	height:20px;
+	background:#fff url(datePicker.gif) no-repeat right;
+}
+.Wdate::-ms-clear{display:none;}
+
+.WdateFmtErr{
+	font-weight:bold;
+	color:red;
+}

CallCenterWeb.UI/My97DatePicker/skin/default/datepicker.css

@@ -0,0 +1,246 @@
+/* 
+ * My97 DatePicker 4.8
+ */
+
+.WdateDiv{
+	width:180px;
+	background-color:#FFFFFF;
+	border:#bbb 1px solid;
+	padding:2px;
+}
+
+.WdateDiv2{
+	width:360px;
+}
+.WdateDiv *{font-size:9pt;}
+
+.WdateDiv .NavImg a{
+	display:block;
+	cursor:pointer;
+	height:16px;
+	width:16px;
+}
+
+.WdateDiv .NavImgll a{
+	float:left;
+	background:transparent url(img.gif) no-repeat scroll 0 0;
+}
+.WdateDiv .NavImgl a{
+	float:left;
+	background:transparent url(img.gif) no-repeat scroll -16px 0;
+}
+.WdateDiv .NavImgr a{
+	float:right;
+	background:transparent url(img.gif) no-repeat scroll -32px 0;
+}
+.WdateDiv .NavImgrr a{
+	float:right;
+	background:transparent url(img.gif) no-repeat scroll -48px 0;
+}
+
+.WdateDiv #dpTitle{
+	height:24px;
+	margin-bottom:2px;
+	padding:1px;
+}
+
+.WdateDiv .yminput{
+	margin-top:2px;
+	text-align:center;
+	height:20px;
+	border:0px;
+	width:50px;
+	cursor:pointer;		
+}
+
+.WdateDiv .yminputfocus{
+	margin-top:2px;
+	text-align:center;
+	font-weight:bold;
+	height:20px;
+	color:blue;
+	border:#ccc 1px solid;
+	width:50px;
+}
+
+.WdateDiv .menuSel{
+	z-index:1;
+	position:absolute;
+	background-color:#FFFFFF;	
+	border:#ccc 1px solid;
+	display:none;
+}
+
+.WdateDiv .menu{
+	cursor:pointer;
+	background-color:#fff;
+}
+
+.WdateDiv .menuOn{
+	cursor:pointer;
+	background-color:#BEEBEE;
+}
+
+.WdateDiv .invalidMenu{
+	color:#aaa;
+}
+
+.WdateDiv .YMenu{
+	margin-top:20px;
+	
+}
+
+.WdateDiv .MMenu{
+	margin-top:20px;
+	*width:62px;
+}
+
+.WdateDiv .hhMenu{
+	margin-top:-90px; 
+	margin-left:26px;
+}
+
+.WdateDiv .mmMenu{
+	margin-top:-46px; 
+	margin-left:26px;
+}
+
+.WdateDiv .ssMenu{
+	margin-top:-24px; 
+	margin-left:26px;
+}
+
+ .WdateDiv .Wweek {
+ 	text-align:center;
+	background:#DAF3F5;
+	border-right:#BDEBEE 1px solid;
+ }
+
+.WdateDiv .MTitle{
+	background-color:#BDEBEE;
+}
+.WdateDiv .WdayTable2{
+	border-collapse:collapse;
+	border:#c5d9e8 1px solid;
+}
+.WdateDiv .WdayTable2 table{
+	border:0;
+}
+
+.WdateDiv .WdayTable{
+	line-height:20px;
+	border:#c5d9e8 1px solid;
+}
+.WdateDiv .WdayTable td{
+	text-align:center;
+}
+
+.WdateDiv .Wday{
+	cursor:pointer;
+}
+
+.WdateDiv .WdayOn{
+	cursor:pointer;
+	background-color:#C0EBEF;
+}
+
+.WdateDiv .Wwday{
+	cursor:pointer;
+	color:#FF2F2F;
+}
+
+.WdateDiv .WwdayOn{
+	cursor:pointer;
+	color:#000;
+	background-color:#C0EBEF;
+}
+.WdateDiv .Wtoday{
+	cursor:pointer;
+	color:blue;
+}
+.WdateDiv .Wselday{
+	background-color:#A9E4E9;
+}
+.WdateDiv .WspecialDay{
+	background-color:#66F4DF;
+}
+
+.WdateDiv .WotherDay{ 
+	cursor:pointer;
+	color:#6A6AFF;	
+}
+
+.WdateDiv .WotherDayOn{ 
+	cursor:pointer;
+	background-color:#C0EBEF;	
+}
+
+.WdateDiv .WinvalidDay{
+	color:#aaa;
+}
+
+.WdateDiv #dpTime{
+	float:left;
+	margin-top:3px;
+	margin-right:30px;
+}
+
+.WdateDiv #dpTime #dpTimeStr{
+	margin-left:1px;
+}
+
+.WdateDiv #dpTime input{
+	width:18px;
+	height:20px;
+	text-align:center;
+	border:#ccc 1px solid;	
+}
+
+.WdateDiv #dpTime .tB{
+	border-right:0px;
+}
+
+.WdateDiv #dpTime .tE{
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime .tm{
+	width:7px;
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime #dpTimeUp{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -32px -16px;
+}
+
+.WdateDiv #dpTime #dpTimeDown{
+	height:10px;
+	width:13px;
+	border:0px;
+    background:url(img.gif) no-repeat -48px -16px;
+}
+
+ .WdateDiv #dpQS {
+ 	float:left;
+	margin-right:3px;
+	margin-top:3px;
+	background:url(img.gif) no-repeat 0px -16px;
+	width:20px;
+	height:20px;
+	cursor:pointer;
+ }
+.WdateDiv #dpControl {
+	text-align:right;	
+}
+.WdateDiv .dpButton{ 
+	height:20px;
+	width:45px;
+	border:#ccc 1px solid;
+	margin-top:2px;
+	margin-right:1px;
+}

CallCenterWeb.UI/My97DatePicker/skin/whyGreen/datepicker.css

@@ -0,0 +1,256 @@
+/* 
+ * My97 DatePicker 4.8 Skin:whyGreen
+ */ 
+.WdateDiv{
+	width:180px;
+	background-color:#fff;
+	border:#C5E1E4 1px solid;
+	padding:2px;
+}
+
+.WdateDiv2{
+	width:360px;
+}
+.WdateDiv *{font-size:9pt;}
+
+.WdateDiv .NavImg a{
+	cursor:pointer;
+	display:block;
+	width:16px;
+	height:16px;
+	margin-top:1px;
+}
+
+.WdateDiv .NavImgll a{
+	float:left;
+	background:url(img.gif) no-repeat;
+}
+.WdateDiv .NavImgl a{
+	float:left;
+	background:url(img.gif) no-repeat -16px 0px;
+}
+.WdateDiv .NavImgr a{
+	float:right;
+	background:url(img.gif) no-repeat -32px 0px;
+}
+.WdateDiv .NavImgrr a{
+	float:right;
+	background:url(img.gif) no-repeat -48px 0px;
+}
+
+.WdateDiv #dpTitle{
+	height:24px;
+	padding:1px;
+	border:#c5d9e8 1px solid;
+	background:url(bg.jpg);
+	margin-bottom:2px;
+}
+
+.WdateDiv .yminput{
+	margin-top:2px;
+	text-align:center;
+	border:0px;
+	height:20px;
+	width:50px;
+	color:#034c50;
+	background-color:transparent;
+	cursor:pointer;
+}
+
+.WdateDiv .yminputfocus{
+	margin-top:2px;
+	text-align:center;
+	border:#939393 1px solid;
+	font-weight:bold;
+	color:#034c50;	
+	height:20px;
+	width:50px;
+}
+
+.WdateDiv .menuSel{
+	z-index:1;
+	position:absolute;
+	background-color:#FFFFFF;
+	border:#A3C6C8 1px solid;
+	display:none;
+}
+
+.WdateDiv .menu{
+	cursor:pointer;
+	background-color:#fff;
+	color:#11777C;
+}
+
+.WdateDiv .menuOn{
+	cursor:pointer;
+	background-color:#BEEBEE;
+}
+
+.WdateDiv .invalidMenu{
+	color:#aaa;
+}
+
+.WdateDiv .YMenu{
+	margin-top:20px;
+}
+
+.WdateDiv .MMenu{
+	margin-top:20px;
+	*width:62px;
+}
+
+.WdateDiv .hhMenu{
+	margin-top:-90px; 
+	margin-left:26px;
+}
+
+.WdateDiv .mmMenu{
+	margin-top:-46px; 
+	margin-left:26px;
+}
+
+.WdateDiv .ssMenu{
+	margin-top:-24px; 
+	margin-left:26px;
+}
+
+ .WdateDiv .Wweek {
+ 	text-align:center;
+	background:#DAF3F5;
+	border-right:#BDEBEE 1px solid;
+ }
+
+.WdateDiv .MTitle{
+	color:#13777e;
+	background-color:#bdebee;
+}
+.WdateDiv .WdayTable2{
+	border-collapse:collapse;
+	border:#BEE9F0 1px solid;
+}
+.WdateDiv .WdayTable2 table{
+	border:0;
+}
+
+.WdateDiv .WdayTable{
+	line-height:20px;	
+	color:#13777e;
+	background-color:#edfbfb;
+	border:#BEE9F0 1px solid;
+}
+.WdateDiv .WdayTable td{
+	text-align:center;
+}
+
+.WdateDiv .Wday{
+	cursor:pointer;
+}
+
+.WdateDiv .WdayOn{
+	cursor:pointer;
+	background-color:#74d2d9 ;
+}
+
+.WdateDiv .Wwday{
+	cursor:pointer;
+	color:#ab1e1e;
+}
+
+.WdateDiv .WwdayOn{
+	cursor:pointer;
+	background-color:#74d2d9;
+}
+.WdateDiv .Wtoday{
+	cursor:pointer;
+	color:blue;
+}
+.WdateDiv .Wselday{
+	background-color:#A7E2E7;
+}
+.WdateDiv .WspecialDay{
+	background-color:#66F4DF;
+}
+
+.WdateDiv .WotherDay{ 
+	cursor:pointer;
+	color:#0099CC;	
+}
+
+.WdateDiv .WotherDayOn{ 
+	cursor:pointer;
+	background-color:#C0EBEF;	
+}
+
+.WdateDiv .WinvalidDay{
+	color:#aaa;
+}
+
+.WdateDiv #dpTime{
+	float:left;
+	margin-top:3px;
+	margin-right:30px;
+}
+
+.WdateDiv #dpTime #dpTimeStr{
+	margin-left:1px;
+	color:#497F7F;
+}
+
+.WdateDiv #dpTime input{
+	height:20px;
+	width:18px;
+	text-align:center;
+	color:#333;
+	border:#61CAD0 1px solid;	
+}
+
+.WdateDiv #dpTime .tB{
+	border-right:0px;
+}
+
+.WdateDiv #dpTime .tE{
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime .tm{
+	width:7px;
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime #dpTimeUp{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -32px -16px;
+}
+
+.WdateDiv #dpTime #dpTimeDown{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -48px -16px;
+}
+
+ .WdateDiv #dpQS {
+ 	float:left;
+	margin-right:3px;
+	margin-top:3px;
+	background:url(img.gif) no-repeat 0px -16px;
+	width:20px;
+	height:20px;
+	cursor:pointer;
+ }
+.WdateDiv #dpControl {
+	text-align:right;
+	margin-top:3px;
+}
+.WdateDiv .dpButton{ 
+	height:20px;
+	width:45px;
+	margin-top:2px;
+	border:#38B1B9 1px solid;
+	background-color:#CFEBEE;
+	color:#08575B;
+}

CallCenterWeb.UI/MyCallTask.html

@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>我的任务</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="./css/bootstrap.min.css" />
+		<link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
+		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="./css/animate.min.css" rel="stylesheet">
+		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="./css/initialize.css" rel="stylesheet" />
+		<link href="./css/Table/table1.css" rel="stylesheet" />
+		<style>
+			.wrapper {
+				position: relative;
+			}
+			
+			.whjh {
+				position: absolute;
+				top: 43px;
+				z-index: 600;
+			}
+			
+			#table1 {
+				background: #F9F9F9;
+			}
+			
+			.fixed-table-pagination {
+				background: #F9F9F9;
+			}
+			
+			#table1 thead {
+				background: #f9f9f9;
+			}
+			
+			.hidens {
+				display: none;
+			}
+			
+			.outline {
+				border: 1px solid #21b9bb !important;
+			}
+			
+			.imgs {
+				color: rgb(0, 128, 0);
+				cursor: pointer;
+			}
+			
+			.imgs img {
+				vertical-align: baseline;
+			}
+		</style>
+	</head>
+	
+	<body>
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="th-box">
+				<div class="th-bar">
+					<div class="seach-box fl">
+						<ul>
+							<li>外呼计划：<input class="photo x-color" type="text" id="Call" /></li>
+							<li>关键字：<input class="photo x-color laydate-icon" type="text" id="KeyWords" /></li>
+							<li>
+								<a class="sc_btn btn-info" id="sc_btn">搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 30%;padding: 10px;" class="whjh hidens">
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th  data-field="Plans" data-align="center" data-formatter="Plans"></th>
+							<th  data-field="Plan" data-align="center">计划名称</th>
+							<th data-field="Number" data-align="center">号码数量</th>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+					</tbody>
+				</table>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="goods" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true"></th>
+							<th data-sortable="true" data-field="whjh" data-align="center">外呼计划</th>
+							<th data-sortable="true" data-field="Num" data-align="center" data-formatter="setCode">号码</th>
+							<th data-sortable="true" data-field="Name" data-align="center">名称</th>
+							<th data-sortable="true" data-field="Dtime" data-align="center">导入时间</th>
+							<th data-sortable="true" data-field="Zx" data-align="center">坐席分配</th>
+							<th data-sortable="true" data-field="Dstates" data-align="center">呼叫状态</th>
+							<th data-sortable="true" data-field="Jstaes" data-align="center">接通状态</th>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<script src="./js/jquery.min.js?v=2.1.4"></script>
+		<script src="./js/bootstrap.min.js"></script>
+		<script src="./js/bootstrap-table.js"></script>
+		<script src="./js/bootstrap-table-zh-CN.js"></script>
+		<script>
+			var $tableLeft = $('#table1');
+			var $tableLeft1 = $('#goods');
+			var arr = [{
+					"Plan": "张三外呼",
+					"Number": "0",
+				},
+				{
+					"Plan": "满意度调差",
+					"Number": "51561",
+				},
+				{
+					"Plan": "张三外呼",
+					"Number": "0",
+				}
+			];
+			var arr1 = [{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '系统管理',
+					'Jstaes': '未呼叫',
+					'Jstaes': '未接通',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '系统管理',
+					'Jstaes': '未呼叫',
+					'Jstaes': '未接通',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '系统管理',
+					'Jstaes': '未呼叫',
+					'Jstaes': '未接通',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '系统管理',
+					'Jstaes': '未呼叫',
+					'Jstaes': '未接通',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '系统管理',
+					'Jstaes': '未呼叫',
+					'Jstaes': '未接通',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '系统管理',
+					'Jstaes': '未呼叫',
+					'Jstaes': '未接通',
+				}
+
+			]
+			$tableLeft.bootstrapTable({
+				data: arr, //请求后台的URL（*）
+				method: 'get',
+				toolbar: '#toolbar',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
+				clickToSelect: true,
+				striped: true
+			});
+			$tableLeft1.bootstrapTable({
+				data: arr1, //请求后台的URL（*）
+				method: 'get',
+				toolbar: '#toolbar',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [5, 25, 50, 100], //可供选择的每页的行数（*）
+				clickToSelect: true,
+				striped: true
+			});
+			
+            function Plans(value, row, index) {
+				return ''+index+'';
+			}
+			function setCode(val) {
+				return '<div class="imgs">' +
+					'<img src="./img/user.png" alt="" />' + val + '' +
+					'</div>';
+			}
+
+			/*获取焦点*/
+			$("#Call").focus(function() {
+				$(this).addClass("outline");
+				$(".whjh").removeClass("hidens");
+
+			})
+			$("#Call").blur(function() {
+				$(this).removeClass("outline");
+				$(".whjh").addClass("hidens");
+
+			})
+			$("input").focus(function() {
+				$(this).addClass("outline");
+			});
+			$("input").blur(function() {
+				$(this).removeClass("outline");
+			})
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/MyRuselt.html

@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>我的任务结果</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="./css/bootstrap.min.css" />
+		<link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
+		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="./css/animate.min.css" rel="stylesheet">
+		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="./css/initialize.css" rel="stylesheet" />
+		<link href="./css/Table/table1.css" rel="stylesheet" />
+		<style>
+			.wrapper {
+				position: relative;
+			}
+			
+			.whjh {
+				position: absolute;
+				top: 43px;
+				z-index: 600;
+			}
+			
+			#table1 {
+				background: #F9F9F9;
+			}
+			
+			.fixed-table-pagination {
+				background: #F9F9F9;
+			}
+			
+			#table1 thead {
+				background: #f9f9f9;
+			}
+			
+			.hidens {
+				display: none;
+			}
+			
+			.outline {
+				border: 1px solid #21b9bb !important;
+			}
+			
+			.imgs {
+				color: rgb(0, 128, 0);
+				cursor: pointer;
+			}
+			
+			.imgs img {
+				vertical-align: baseline;
+			}
+			.key{
+				width: 80px;
+			}
+			.xg:hover{
+				color:#E43926;
+			}
+		</style>
+	</head>
+	<script src="./js/jquery.min.js?v=2.1.4"></script>
+	<script src="./js/bootstrap.min.js"></script>
+	<script src="./js/bootstrap-table.js"></script>
+	<script src="./js/bootstrap-table-zh-CN.js"></script>
+	<script src="My97DatePicker/WdatePicker.js"></script>
+	</head>
+
+	<body>
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="th-box">
+				<div class="th-bar">
+					<div class="seach-box fl">
+						<ul>
+							<li>外呼计划：<input class="photo x-color" type="text" id="Call" /></li>
+							<li>关键字：<input  class="photo x-color key" type="text" id="KeyWords" /></li>
+							<li>开始回放时间：<input class="photo x-color" type="text" id="St" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'HH-mm-ss'})"/></li>
+							<li>结束时间：<input class="photo x-color" type="text" id="Et" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'HH-mm-ss'})" /></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 30%;padding: 10px;" class="whjh hidens">
+				
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-sortable="true" data-field="Plan" data-align="center">计划名称</th>
+							<th data-sortable="true" data-field="Number" data-align="center">号码数量</th>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+					</tbody>
+				</table>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<div class="fl" style="padding: 10px;">
+						呼叫状态：
+						<select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未呼叫</option>
+							<option value="">已呼叫</option>
+						</select>
+						 接通状态：
+						 <select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未接通</option>
+							<option value="">已接通</option>
+						</select>
+						 呼叫结果：
+						 <select name="" id="Select" class="x-color " >
+							<option value="">全部</option>
+							<option value="">正常接通</option>
+							<option value="">拒访</option>
+							<option value="">不是本人</option>
+							<option value="">关机</option>
+							<option value="">停机</option>
+							<option value="">无人接听</option>
+							<option value="">空号</option>
+						</select>
+						<div class="fr" style="margin-left: 15px;">
+							<a class="sc_btn btn-info" id="sc_btn">搜索</a>
+						</div>
+						
+				</div>
+				<table id="goods" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th  data-field="whjh" data-align="center">外呼计划</th>
+							<th  data-field="Result" data-align="center" data-formatter="Results">结果</th>
+							<th  data-field="Num" data-align="center" data-formatter="setCode">号码</th>
+							<th  data-field="Name" data-align="center">名称</th>
+							<th  data-field="Dtime" data-align="center">导入时间</th>
+							<th  data-field="Zx" data-align="center">坐席分配</th>
+							<th  data-field="Dstates" data-align="center">呼叫状态</th>
+							<th  data-field="Hr" data-align="center">呼叫结果</th>
+							<th  data-field="Zhs" data-align="center">最后接通状态</th>
+							<th  data-field="Zht" data-align="center">最后呼叫时间</th>
+							<th  data-field="Ch" data-align="center">呼叫次数</th>
+							<th data-field="Jtc" data-align="center">接通次数</th>
+							<th  data-field="Thjs" data-align="center" data-formatter="Thj">通话记录</th>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<script>
+			var $tableLeft = $('#table1');
+			var $tableLeft1 = $('#goods');
+			var arr = [{
+					"Plan": "张三外呼",
+					"Number": "0",
+				},
+				{
+					"Plan": "满意度调差",
+					"Number": "51561",
+				},
+				{
+					"Plan": "张三外呼",
+					"Number": "0",
+				}
+			];
+			var arr1 = [{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '已呼叫',
+					'Hr': '正常接通',
+					'Zhs': '未接通',
+					'Zht': '2017-06-03 17:39:49',
+					'Ch': '3',
+					'Jtc': '0',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '已呼叫',
+					'Hr': '正常接通',
+					'Zhs': '未接通',
+					'Zht': '2017-06-03 17:39:49',
+					'Ch': '3',
+					'Jtc': '0',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '已呼叫',
+					'Hr': '正常接通',
+					'Zhs': '未接通',
+					'Zht': '2017-06-03 17:39:49',
+					'Ch': '3',
+					'Jtc': '0',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '已呼叫',
+					'Hr': '正常接通',
+					'Zhs': '未接通',
+					'Zht': '2017-06-03 17:39:49',
+					'Ch': '3',
+					'Jtc': '0',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '已呼叫',
+					'Hr': '正常接通',
+					'Zhs': '未接通',
+					'Zht': '2017-06-03 17:39:49',
+					'Ch': '3',
+					'Jtc': '0',
+				},
+				{
+					'whjh': '201603月产品调查',
+					'Num': ' 13800000882',
+					'Name': '信息1',
+					'Dtime': '2016-06-16 08:53:04',
+					'Zx': '系统管理',
+					'Dstates': '已呼叫',
+					'Hr': '正常接通',
+					'Zhs': '未接通',
+					'Zht': '2017-06-03 17:39:49',
+					'Ch': '3',
+					'Jtc': '0',
+				}
+
+			]
+			$tableLeft.bootstrapTable({
+				data: arr, //请求后台的URL（*）
+				method: 'get',
+				toolbar: '#toolbar',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
+				clickToSelect: true,
+				striped: true
+			});
+			$tableLeft1.bootstrapTable({
+				data: arr1, //请求后台的URL（*）
+				method: 'get',
+				toolbar: '#toolbar',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [5, 25, 50, 100], //可供选择的每页的行数（*）
+				clickToSelect: true,
+				striped: true
+			});
+
+			function setCode(val) {
+				return '<div class="imgs">' +
+					'<img src="./img/user.png" alt="" />' + val + '' +
+					'</div>';
+			}
+			function Results(val) {
+				return '<div class="imgs">' +
+				'<a class="xg">查看'+
+				'</a>'+
+				'</div>';
+			}
+			function Thj(val) {
+				return '<div class="imgs">' +
+				'<a class="xg">查看'+
+				'</a>'+
+				'</div>';
+			}
+
+			/*获取焦点*/
+			$("#Call").focus(function() {
+				$(this).addClass("outline");
+				$(".whjh").removeClass("hidens");
+
+			})
+			$("#Call").blur(function() {
+				$(this).removeClass("outline");
+				$(".whjh").addClass("hidens");
+
+			})
+			$("input").focus(function() {
+				$(this).addClass("outline");
+			});
+			$("input").blur(function() {
+				$(this).removeClass("outline");
+			})
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/OnDuty/Duty.html

@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>值班电话管理</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../css/laydate/laydate.js"></script>
+		<script src="../My97DatePicker/WdatePicker.js"></script>
+		<style>
+			table td {
+				word-break: break-all;
+				word-wrap: break-word;
+			}
+			
+		
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">值班电话</a>&gt;
+						<a href="" style="color: #000;">值班电话管理</a>
+					</sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<a class="sc_btn  add max-right">添加</a>
+					<a class="sc_btn  xg max-right">修改</a>
+					<a class="sc_btn  remove">删除</a>
+					<div class="seach-box fr">
+						<ul>
+							<li>电话号码：<input class="photo x-color" type="text" id="tel" /></li>
+							<li>添加时间：<input class="laydate-icon photo x-color " type="text" id="settime" />
+								-<input class="laydate-icon photo x-color " type="text" id="endtime" />
+							</li>
+							<li>
+								<a class="sc_btn  Block" id="sc_btns">搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true"></th>
+							<th data-field="F_ZBDH" data-align="center">值班电话</th>
+							<th data-field="F_Remark" data-align="center">说明</th>
+							<th data-field="F_CreateBy" data-align="center">添加人</th>
+							<th data-field="F_CreateTime" data-align="center">添加时间</th>
+						</tr>
+					</thead>
+					<tbody id="tbody"></tbody>
+				</table>
+			</div>
+		</div>
+
+		<script>
+			var html = '<div >' +
+				'<ul class="nav nav-tabs">' +
+				'<li class="active">' +
+				'<input type="hidden" id="ID" />' +
+				'</li>' +
+				'</ul>' +
+				'<div class="add_time">' +
+				'<label for="">电话号码:</label>' +
+				'<input type="text" id="TelNum" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="" class="Pb_sm">说明:</label>' +
+				'<textarea type="text" id="Pb"></textarea>' +
+				'</div>' +
+				'<div class="add_time tc">' +
+				'<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
+				'</div>' +
+				'</div>';
+			var tc;
+			$(document).ready(function() {
+				/*日期选择*/
+				laydate.skin('molv');
+				/*开始日期*/
+				laydate({
+					elem: '#settime',
+					event: 'focus'
+				});
+				laydate({
+					elem: '#endtime',
+					event: 'focus'
+				});
+				/*搜索*/
+				$(".Block").click(function() {
+					initTable();
+				})
+				/*删除内容*/
+				$(".remove").click(function() {
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_ZBID;
+						});
+					/*判断长度*/
+					if(ids.length <= 0) {
+						layer.confirm('没有可删除的选项？', {
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					remove();
+				});
+
+				/*修改弹窗*/
+				$(".xg").click(function() {
+					var blackid = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_ZBID;
+						});
+					if(blackid.length != 1) {
+						layer.confirm('请选择一行进行修改？', {
+							btn: ['确定'] //按钮
+						});
+						return;
+					} else {
+						$.getJSON(huayi.config.callcenter_url + "DutyPhone/GetDutyPhone", {
+							zbid: blackid[0],
+							token: $.cookie("token")
+						}, function(result) {
+							if(result.state.toLowerCase() == "success") {
+								tc = layer.open({
+									type: 1,
+									title: '修改值班电话',
+									area: ['30%', '38%'], //宽高
+									content: html
+								});
+
+								$("#ID").val(result.data.F_ZBID);
+								$("#TelNum").val(result.data.F_ZBDH);
+								$("#Pb").val(result.data.F_Remark);
+							}
+						})
+					}
+				});
+				/*增加弹框*/
+				$(".add").click(function() {
+					tc = layer.open({
+						type: 1,
+						content: html, //iframe的url，no代表不显示滚动条
+						title: '添加值班号码',
+						area: ['40%', '50%'], //宽高
+					});
+				});
+
+				initTable();
+			})
+
+			function initTable() {
+				//先销毁表格
+				$('#list').bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				$("#list").bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "DutyPhone/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10, 20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							page: params.pageNumber,
+							pagesize: params.pageSize,
+							telnum: $("#tel").val(),
+							btime: $("#settime").val(),
+							etime:$("#endtime").val(),
+							token: $.cookie("token")
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+
+			/*删除提示*/
+			function remove() {
+				layer.confirm('确定删除当前记录？', {
+					btn: ['是', '否'] //按钮
+				}, function() {
+
+					/*执行删除*/
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_ZBID;
+						});
+					/*发送请求*/
+					$.post(huayi.config.callcenter_url + "DutyPhone/DelDutyPhone", {
+						ids: ids,
+						token: $.cookie("token")
+					}, function(result) {
+						result = JSON.parse(result);
+						if(result.state.toLowerCase() == "success") {
+							layer.msg("删除成功");
+							initTable();
+						}
+					})
+				});
+			}
+			//新增或者编辑
+			function addedit() {
+				var telreg = /^\d{1,12}$/;
+            	if (!telreg.test($.trim($("#TelNum").val()))) {
+					layer.confirm('请输入有效的电话号码', {
+						icon: 2,
+						btn: ['确定'] //按钮
+					});
+					return;
+				}
+				/*发送请求*/
+				$.post(huayi.config.callcenter_url + "DutyPhone/AddDutyPhone", {
+					zbid: $("#ID").val(),
+					telphone: $("#TelNum").val(),
+					des: $("#Pb").val(),
+					token: $.cookie("token")
+				}, function(result) {
+					result = JSON.parse(result);
+					if(result.state.toLowerCase() == "success") {
+						if($("#ID").val()) {
+							layer.msg("修改成功");
+						} else {
+							layer.msg("新增成功");
+						}
+						layer.close(tc); //关闭弹层
+						initTable();
+					}
+				})
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/OnDuty/SeatsMessage.html

@@ -0,0 +1,346 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>座席组管理</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<script src="../css/laydate/laydate.js"></script>
+		<script src="../My97DatePicker/WdatePicker.js"></script>
+		<style>
+			table td {
+				word-break: break-all;
+				word-wrap: break-word;
+			}
+			
+			table th {
+				min-width: 120px;
+			}
+			
+			.add_time {
+				padding-left: 0;
+			}
+			
+			#Pbs {
+				width: 50%;
+				height: 80px;
+				border: 1px solid #e5e6e7;
+				resize: none;
+			}
+			
+			.sc_btn {
+				padding: 8px 10px;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">值班电话</a>&gt;
+						<a href="" style="color: #000;">座席组管理</a>
+					</sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<a class="sc_btn  add max-right">添加</a>
+					<a class="sc_btn  xg max-right">修改</a>
+					<a class="sc_btn  remove">删除</a>
+					<div class="seach-box fr">
+						<ul>
+							<li><input class="photo x-color" type="text" id="Key" placeholder="输入搜索的内容" /></li>
+
+							<li>
+								<a class="sc_btn  Block" id="sc_btns">搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true"></th>
+							<th data-field="F_ZXZCode" data-align="center">坐席组编号</th>
+							<th data-field="F_ZXZName" data-align="center">座席组名称</th>
+							<!--<th data-field="F_IVRKey" data-align="center">IVR按键</th>-->
+							<th data-field="F_WHBDKey" data-align="center">外呼本地前缀</th>
+							<th data-field="F_WHWDKey" data-align="center">外呼外地前缀</th>
+							<th data-field="F_ZXAtt" data-align="center">座席归属地</th>
+							<th data-field="F_Des" data-align="center">描述说明</th>
+						</tr>
+					</thead>
+					<tbody id="tbody"></tbody>
+				</table>
+			</div>
+		</div>
+
+		<script>
+			var html = '<div >' +
+				'<ul class="nav nav-tabs">' +
+				'<li class="active">' +
+				'<input type="hidden" id="ID" />' +
+				'</li>' +
+				'</ul>' +
+				'<div class="add_time">' +
+				'<label for="">编号:</label>' +
+				'<input type="text" id="Z_Num" class="photo"  />' +
+				'<label for="">名称:</label>' +
+				'<input type="text" id="Z_Name" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="">所属地区号:</label>' +
+				'<input type="text" id="Z_gsd" class="photo"  />' +
+				'<label for="">外呼外地前缀:</label>' +
+				'<input type="text" id="Z_w" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="">外呼本地前缀:</label>' +
+				'<input type="text" id="Z_b" class="photo"  />' +
+				//				'<label for="">IVR按键:</label>' +
+				//				'<input type="text" id="Z_IVR" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="" class="Pb_sm">描述说明:</label>' +
+				'<textarea type="text" id="Pb"></textarea>' +
+				'</div>' +
+				'<div class="add_time tc">' +
+				'<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
+				//				'<button type="button" class="btn sc_btn " id="tcs" onclick="xg()">保&nbsp;&nbsp;存</button>' +
+				'</div>' +
+				'</div>';
+			var htmls = '<div >' +
+				'<ul class="nav nav-tabs">' +
+				'<li class="active">' +
+				'<input type="hidden" id="ID" />' +
+				'</li>' +
+				'</ul>' +
+				'<div class="add_time">' +
+				'<label for="">编号:</label>' +
+				'<input type="text" id="Z_Nums" class="photo"  />' +
+				'<label for="">名称:</label>' +
+				'<input type="text" id="Z_Names" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="">所属地区号:</label>' +
+				'<input type="text" id="Z_gsds" class="photo"  />' +
+				'<label for="">外呼外地前缀:</label>' +
+				'<input type="text" id="Z_ws" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="">外呼本地前缀:</label>' +
+				'<input type="text" id="Z_bs" class="photo"  />' +
+				//				'<label for="">IVR按键:</label>' +
+				//				'<input type="text" id="Z_IVRs" class="photo"  />' +
+				'</div>' +
+				'<div class="add_time">' +
+				'<label for="" class="Pb_sm">描述说明:</label>' +
+				'<textarea type="text" id="Pbs"></textarea>' +
+				'</div>' +
+				'<div class="add_time tc">' +
+				//				'<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
+				'<button type="button" class="btn sc_btn " id="tcs" onclick="xg()">保&nbsp;&nbsp;存</button>' +
+				'</div>' +
+				'</div>';
+			var tc;
+			var ac;
+			$(document).ready(function() {
+				$('#ReIndex').click(function(){
+				 top.home_index();
+			})
+				/*搜索*/
+				$(".Block").click(function() {
+					initTable();
+				})
+				/*删除内容*/
+				$(".remove").click(function() {
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_ZXZID;
+						});
+					/*判断长度*/
+					if(ids.length <= 0) {
+						layer.confirm('没有可删除的选项？', {
+							btn: ['确定'] //按钮
+						});
+						return;
+					}
+					remove();
+				});
+
+				/*修改弹窗*/
+				$(".xg").click(function() {
+					var blackid = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_ZXZID;
+						});
+					if(blackid.length != 1) {
+						layer.confirm('请选择一行进行修改？', {
+							btn: ['确定'] //按钮
+						});
+						return;
+					} else {
+						$.getJSON(huayi.config.callcenter_url + "SeatGroup/GetSeatGroup", {
+							ZXZID: blackid[0],
+							token: $.cookie("token")
+						}, function(result) {
+							if(result.state.toLowerCase() == "success") {
+								ac = layer.open({
+									type: 1,
+									title: '修改坐席',
+									area: ['55%', '60%'], //宽高
+									content: htmls
+								});
+								$("#ID").val(result.data.F_ZXZID);
+								$('#Z_Nums').val(result.data.F_ZXZCode);
+								$("#Z_Names").val(result.data.F_ZXZName);
+								$("#Z_gsds").val(result.data.F_ZXAtt);
+								$("#Z_ws").val(result.data.F_WHWDKey);
+								$("#Z_bs").val(result.data.F_WHBDKey);
+								//$("#Z_IVRs").val(result.data.F_IVRKey);
+								$("#Pbs").val(result.data.F_Des);
+							}
+						})
+					}
+				});
+				/*增加弹框*/
+				$(".add").click(function() {
+					tc = layer.open({
+						type: 1,
+						content: html, //iframe的url，no代表不显示滚动条
+						title: '添加座席组',
+						area: ['45%', '60%'], //宽高
+					});
+				});
+
+				initTable();
+			})
+			//搜索
+			$('#sc_btns').click(function() {
+				initTable();
+			})
+			function initTable() {
+				//先销毁表格
+				$('#list').bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				$("#list").bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "SeatGroup/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10, 20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							page: params.pageNumber,
+							pagesize: params.pageSize,
+							content: $("#Key").val(),
+							token: $.cookie("token")
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+
+			/*删除提示*/
+			function remove() {
+				layer.confirm('确定删除当前记录？', {
+					btn: ['是', '否'] //按钮
+				}, function() {
+
+					/*执行删除*/
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_ZXZID;
+						});
+					/*发送请求*/
+					$.post(huayi.config.callcenter_url + "SeatGroup/DelSeatGroup", {
+						ids: ids,
+						token: $.cookie("token")
+					}, function(result) {
+						result = JSON.parse(result);
+						if(result.state.toLowerCase() == "success") {
+							layer.msg("删除成功");
+							initTable();
+						}
+					})
+				});
+			}
+			//新增
+			function addedit() {
+
+				/*发送请求*/
+				$.post(huayi.config.callcenter_url + "SeatGroup/AddSeatGroup", {
+					ZXZCode: $('#Z_Num').val(),
+					ZXZName: $("#Z_Name").val(),
+					ZXAtt: $("#Z_gsd").val(),
+					WHWDKey: $("#Z_w").val(),
+					WHBDKey: $("#Z_b").val(),
+					//IVRKey: $("#Z_IVR").val(),
+					Des: $("#Pb").val(),
+					token: $.cookie("token")
+				}, function(result) {
+					result = JSON.parse(result);
+					if(result.state.toLowerCase() == "success") {
+						layer.msg("新增成功");
+
+						layer.close(tc); //关闭弹层
+						initTable();
+
+					}
+				})
+			}
+			//修改
+			function xg() {
+				$("#tc").hide();
+				/*发送请求*/
+				$.post(huayi.config.callcenter_url + "SeatGroup/EditSeatGroup", {
+					ZXZID: $("#ID").val(),
+					ZXZCode: $('#Z_Nums').val(),
+					ZXZName: $("#Z_Names").val(),
+					ZXAtt: $("#Z_gsds").val(),
+					WHWDKey: $("#Z_ws").val(),
+					WHBDKey: $("#Z_bs").val(),
+//					IVRKey: $("#Z_IVRs").val(),
+					Des: $("#Pbs").val(),
+					token: $.cookie("token")
+				}, function(result) {
+					result = JSON.parse(result);
+					if(result.state.toLowerCase() == "success") {
+						layer.msg("修改成功");
+						layer.close(ac); //关闭弹层
+						initTable();
+					}
+				})
+			}
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/Quality/qualityControl.html

@@ -0,0 +1,472 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>质检结果</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="../css/bootstrap.min.css" />
+		 <link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+		 <link href="../css/Quality/QualityCommon.css" rel="stylesheet" />
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="../css/animate.min.css" rel="stylesheet">
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+	</head>
+	<script src="../js/jquery.min.js?v=2.1.4"></script>
+	<script src="../js/bootstrap.min.js"></script>
+	<script src="../js/bootstrap-table.js"></script>
+	<script src="../js/bootstrap-table-zh-CN.js"></script>
+	<script src="../css/layer/layer.js"></script>
+	<script src="../My97DatePicker/WdatePicker.js"></script>
+	<script src="../js/jquery.cookie.js"></script>
+	<script src="../Script/Common/huayi.load.js"></script>
+	<script src="../Script/Common/huayi.config.js"></script>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">质检管理</a>&gt;<a href="" style="color: #000;">质检结果</a></sapn>
+				</div>
+				
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<!--<a class="sc_btn btn-info">批量删除</a>-->
+					<div class="seach-box fr">
+						<ul>
+							<li>电话号码：<input class="photo x-color" type="text" /></li>
+							<li>坐席：
+								<select name="" id="Select" class="x-color select">
+									<option value="">全部</option>
+
+								</select>
+							</li>
+							<li>
+								<a class="sc_btn  Ss Block">搜索</a>
+							</li>
+							<li>
+								<a class="sc_btn  Gj Block">高级搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="goods" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr><th data-field="_bh" data-formatter="Code"></th>
+							<th data-field="_callnumber">电话号码</th>
+							<th data-field="_filepath" data-formatter="setCode">录音质检</th>
+							<th data-field="_f_qcstate" data-formatter="quality">是否质检</th>
+							<th data-field="_f_qcscore">质检得分</th>
+							<th data-field="_calltype" data-formatter="call">呼叫方向</th>
+							<th data-field="_callstate" data-formatter="states">呼叫状态</th>
+							<th data-field="_usercode">坐席工号</th>
+							<th data-field="_username">坐席姓名</th>
+							<th data-field="_talkstarttime">通话开始时间</th>
+							<th data-field="_talkendtime">通话结束时间</th>
+							<th data-field="_talklongtime">通话时长（S）</th>
+							<th data-field="_businesstype">按键</th>
+						</tr>
+					</thead>
+				</table>
+			</div>
+		</div>
+		<!--高级搜索/-->
+		<div class="t-shade">
+			<div class=" shade_k gjss">
+				<div class="shade_title">
+					<span>高级搜索<srong class="cknum"></srong></span>
+					<span class="setwin"><a>x</a></span>
+				</div>
+				<div class="shade_content" style="height: 340px;">
+					<div class="dhxx sa_title">
+						<span class="size-14">搜索信息</span>
+					</div>
+					<div class="dgxx_table size-13">
+						<table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
+							<tr>
+								<th>电话号码：
+									<td>
+										<div class="inpBox">
+											<input type="text" class="inps " id="phone" />
+										</div>
+									</td>
+								</th>
+								<th>坐席：
+									<td>
+										<div class="inpBox">
+											<select name="" id="usercode" class="select"></select>
+										</div>
+									</td>
+								</th>
+							</tr>
+							<tr>
+								<th>呼叫方向：
+									<td>
+										<div class="inpBox">
+											<select name="" id="calltype" class="select">
+												<option value="">全部</option>
+												<option value="0">呼入</option>
+												<option value="1">呼出</option>
+											</select>
+										</div>
+									</td>
+								</th>
+								<th>开始时间：
+									<td>
+										<div class="inpBox">
+											<input type="text" class="inps " onfocus="WdatePicker({lang:'zh-cn'})" id="starttime" />
+										</div>
+									</td>
+								</th>
+							</tr>
+							<tr>
+
+								<th>结束时间：
+									<td>
+										<div class="inpBox">
+											<input type="text" class="inps " onfocus="WdatePicker({lang:'zh-cn'})" id="endtime" />
+										</div>
+									</td>
+								</th>
+							</tr>
+						</table>
+					</div>
+					<div class="clearfix wh_btn">
+						<input type="button" value="搜索" class=" sc_btn Seach" />
+					</div>
+				</div>
+			</div>
+			<!--详情列表-->
+			<div class=" shade_k xqlb">
+				<div class="shade_title">
+					<span>录音播放下载及质检<srong class="cknum"></srong></span>
+					<span class="setwin"><a>x</a></span>
+				</div>
+				<div class="shade_content">
+					<div class="dgxx_table size-13">
+						<table cellspacing="" cellpadding="" class="form_table">
+							<tbody>
+								<tr>
+									<th><span>电话号码：</span></th>
+									<td><span class="zj_phone"></span></td>
+									<th><span>通话时间：</span></th>
+									<td><span class="zj_time">2017/5/3 16:50:05</span></td>
+								</tr>
+								<tr>
+									<th><span>呼叫方向：</span></th>
+									<td><span class="zj_calltype">呼出</span></td>
+									<th><span>通话时长：</span></th>
+									<td><span class="zj_talklongtime"> 278秒</span></td>
+								</tr>
+								<tr>
+									<th><span>坐席工号：</span></th>
+									<td><span class="zj_usercode">902</span></td>
+									<th><span>坐席姓名：</span></th>
+									<td><span class="zj_username">6+541+</span></td>
+								</tr>
+								<tr>
+									<th><span>听取录音：</span></th>
+									<td colspan="3">
+										<div class="play">
+
+										</div>
+									</td>
+
+								</tr>
+								<tr>
+									<th><span>下载录音：</span></th>
+									<td colspan="3">
+										<input type="button" value="下载" id="downlond" />
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+					<!--质检详情列表-->
+					<div class="divDataItems">
+						<table class="table table-bordered text-center table-hover" style="width: 100%;">
+							<thead>
+								<tr class="thead_title">
+									<td colspan="2" style="background-color: #D5EDFE;">分类</td>
+									<td style="background-color: #D5EDFE;">指标</td>
+									<td style="background-color: #D5EDFE;">分值</td>
+									<td style="background-color: #D5EDFE;">评分</td>
+								</tr>
+							</thead>
+							<tbody id="tbody">
+
+							</tbody>
+							<tfoot id="tfoot">
+
+							</tfoot>
+						</table>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script>
+			var Phone; //电话
+			var Usercode; //工号
+			var Calltype; //=呼叫类型（呼入/呼出）		 
+			var Starttime; //开始时间
+			var Endtime; //结束时间
+			var zjID;
+			var seatlist = []; //坐席列表
+			$(function() {
+				Finishs();
+				//获取坐席
+								$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", { token: $.cookie("token") }, function (result) {
+				              if (result.state.toLowerCase() == "success") {
+				                  seatlist = result.data;
+				                  bindseat($("#Select"));
+									bindseat($("#usercode"));
+				              }
+				          });
+				//获取坐席
+//				$.getJSON("//117.158.196.116:8878/UserAccount/GetSeatList", {
+//					token: $.cookie("token")
+//				}, function(result) {
+//					if(result.state.toLowerCase() == "success") {
+//						seatlist = result.data;
+//						bindseat($("#Select"));
+//						bindseat($("#usercode"));
+//					}
+//				});
+				//高级搜索s
+				$(".Gj").click(function() {
+					$(".t-shade").addClass("cx");
+					$(".gjss").addClass("cx");
+					$(".xqlb").removeClass("cx");
+
+				});
+				//关闭弹框
+				$(".setwin").click(function() {
+					$(".t-shade").removeClass("cx");
+					$("#tbody").html('');
+					$("#tfoot").html('');
+				});
+				//搜索 验证
+				$(".Seach").click(function() {
+					Phone = $('#phone').val();
+					Usercode = $('#usercode').val();
+					Calltype = $('#calltype').val();
+					Starttime = $('#starttime').val();
+					Endtime = $('#endtime').val();
+					Finishs(Phone, Usercode, Calltype, Starttime, Endtime);
+					$('#phone').val('');
+					$('#usercode').val('');
+					$('#calltype').val('');
+					$('#starttime').val('');
+					$('#endtime').val('');
+					$(".t-shade ").removeClass("cx");
+				});
+			});
+			/*获取选中行对象*/
+			$('#goods').on("click-row.bs.table", function(e, row, ele) {
+				$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+				console.log(row._callrecordsid);
+				$(".zj_phone").text(row._callnumber);
+				$(".zj_time").text(row._talkstarttime);
+				$(".zj_calltype").text("呼入");
+				$(".zj_talklongtime").text(row._talklongtime);
+				$(".zj_usercode").text(row._usercode);
+				$(".zj_username").text(row._username);
+				var zjID = row._callrecordsid;
+				Xq(zjID);
+			});
+			/*录音质检*/
+			function setCode(val, row) {
+				if(val == "") {
+					return '<div class="imgs">' +
+						'</div>';
+				} else {
+					return '<div class="imgs">' +
+						'<img src="../img/vice.png" alt="" onclick= ck("' + val + '") />' +
+						'</div>';
+				}
+
+			}
+			//编号
+			function Code(val, row, index) {
+		return index + 1;
+	}
+			//质检
+			function quality(val) {
+				if(val == 0) {
+					return '<div class="imgs">未质检' +
+						'</div>';
+				} else {
+					return '<div class="imgs">已质检' +
+						'</div>';
+				}
+
+			}
+			//方向呼出
+			function call(val) {
+				if(val == 0) {
+					return '<div class="imgs">呼入' +
+						'</div>';
+				} else {
+					return '<div class="imgs">呼出' +
+						'</div>';
+				}
+
+			}
+			//状态
+			function states(val) {
+				if(val == 0) {
+					return '<div class="imgs">未接通' +
+						'</div>';
+				} else {
+					return '<div class="imgs">已接通' +
+						'</div>';
+				}
+
+			}
+
+			function ck(val, row) {
+				$(".t-shade").addClass("cx");
+				$(".gjss").removeClass("cx");
+				$(".xqlb").addClass("cx");
+			}
+			//搜索
+			$(".Ss").click(function() {
+				Usercode = $("#Select").val();
+				Phone = $(".photo").val();
+				Finishs(Phone, Usercode);
+				$("#Select").val('');
+				$(".photo").val('');
+			});
+
+			function Xq(zjID) {
+				$('#tbody').empty();
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "/QCManage/GetIndexList",
+					//url:  "http://117.158.196.116:8878/QCManage/GetIndexList",
+					dataType: 'json',
+					async: true,
+										data:{
+											id:zjID///通话ID
+										},
+					success: function(data) {
+						var content = data.data;
+						console.log(content);
+					
+						var twoCon = content.Qclist;
+						if(twoCon !== null) {
+							for(var j = 0; j < twoCon.length; j++) {
+								var t = parseInt(twoCon[j].Rowspan);
+								var o = 1;
+								var l = parseInt(twoCon.length);
+								var c = t + o + 2;
+								$('<tr>' +
+									'<td rowspan="' + c + '">' + twoCon[j].Qcname + '</td>' +
+									'</tr>').appendTo("#tbody");
+								//									$('<tr>'+
+								//	          			'<td colspan="3" style="background-color: #e4d354;">【'+twoCon[j].Qcname+'】合计：</td>'+
+								//	          			'<td style="background-color: #e4d354;">200</td>'+
+								//	          			'<td  style="background-color: #e4d354;">'+
+								//	          				'<span style="color: red; ">200</span>'+	
+								//	          			'</td>'+
+								//	          		'</tr>').appendTo("#tbody");											
+								var stree = twoCon[j].Qclist;
+								console.log(stree);
+								if(stree !== null) {
+									for(var k = 0; k < stree.length; k++) {
+										var t = parseInt(stree[k].Rowspan);
+										var o = 1;
+										var c = t + o;
+										$('<tr>' +
+											'<td rowspan="' + c + '">' + stree[k].Qcname + '</td>' +
+											'</tr>').appendTo("#tbody");
+										var foure = stree[k].Qclist;
+
+										if(foure !== null) {
+											for(var i = 0; i < foure.length; i++) {
+												var t = parseInt(foure[i].Rowspan);
+												var o = 1;
+												var c = t + o;
+												$('<tr>' +
+													'<td rowspan="' + c + '">' + foure[i].Qcname + '</td>' +
+													'<td >' + foure[i].Qcscore + '</td>' +
+													'<td ><input type="text"  class="txtInput" readonly="readonly"/></td>' +
+													'</tr>').appendTo("#tbody");
+											}
+										}
+									}
+								}
+							}
+								$('<tr>' +
+							'<td colspan="3">' + content.Qcname + '</td>' +
+							'<td >' + content.Qcscore + '</td>' +
+							'<td >' + content.Qcpf + '</td>' +
+							'</tr>').appendTo("#tfoot");
+						}
+					}
+				});
+			}
+			//获取已质检列表
+			function Finishs(Phone, Usercode, Calltype, Starttime, Endtime) {
+				//销毁表格
+				$('#goods').bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				$("#goods").bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据	
+//					url:'zj.json',
+					//url: "http://117.158.196.116:8878/QCManage/GetYZJList",
+					url: huayi.config.callcenter_url+"QCManage/GetYZJList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 5, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [5, 20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							page: params.pageNumber,
+							pagesize: params.pageSize,
+							phone: Phone,
+							usercode: Usercode,
+							calltype: Calltype,
+							starttime: Starttime,
+							endtime: Endtime,
+							token:$.cookie("token")
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//								layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			//坐席列表
+			function bindseat(obj) {
+				obj.empty();
+				obj.append('<option value="">全部</option>');
+				$(seatlist).each(function(i, n) {
+					obj.append('<option value="' + n.F_UserCode + '">' + n.F_UserName + '</option>');
+				})
+			}
+			
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Quality/zhibiaoguanli.html

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link  href="../css/bootstrap.min.css" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="../css/animate.min.css" rel="stylesheet">
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="../css/layer/need/layer.css" />
+		<link rel="stylesheet" href="../css/zhibiaoguanli.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<title>指标管理</title>
+		<style>
+		.btns {
+				    background: #1ab394;
+				    color: #fff;
+				    padding: 3px 10px;
+				    outline: none;
+				    font-size: 12px;
+				    margin-left: 15px;
+				    border: 0;
+				    border-radius: 3px;
+			}
+
+
+		</style>
+	</head>
+	<body>
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">质检管理</a>&gt;<a href="" style="color: #000;">指标管理</a></sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="top clearfix">
+				<div class="topCon">
+					&nbsp;&nbsp;&nbsp;&nbsp;关键字：
+					<input type="text" id="Keys" placeholder="输入指标标题"/>
+					&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn sear">搜索</button>
+				</div>
+			</div>
+		<div class='wrap'>
+			<div class="tbleft">
+				<h4 style="text-align: center;">指标分类</h4>
+				<div class="anniu" class="toolbar1">
+					<button class="leftAdd btn">增加</button>
+					<button class="leftChange btn">修改</button>
+					<button class="leftDelete btn">删除</button>
+				</div>
+				<table id="tb1">
+					 <thead>
+				        <tr>
+				        	<th data-field="checkbox" data-align="center"  data-formatter="setCode"></th>
+				            <th data-align="center" data-field="F_ParentId"   data-formatter="Type" >分类名称</th>
+				            <th data-align="center" data-field="F_Expand1">分值</th>
+				            
+				        </tr>
+			       </thead>				
+					<tbody>		
+					</tbody>
+				</table>
+			</div>
+			<!--右边/-->
+			<div class="tbright">
+				<h4 style="text-align: center;">指标列表</h4>
+				<div class="anniu" class="toolbar2">
+					<button class="rightAdd btn">增加</button>
+					<button class="rightChange btn">修改</button>
+					<button class="rightDelete btn">删除</button>
+					<button class="rightAll btn">所有指标</button>
+				</div>
+				<table id="tbr">
+					 <thead>
+				        <tr>
+				            <th data-align="center" data-field="id" data-formatter="setCode">编号</th>
+				            <th data-align="center" data-field="F_CategoryName" data-formatter="Type">指标分类</th>
+				            <th data-align="center" data-field="F_Title">指标标题</th>
+				            <th data-align="center" data-field="F_Score">分值</th>
+				        </tr>
+			        </thead>
+			        	<tbody>
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<div class="model">
+			<!--右边弹框-->
+			<div class="rightBox">
+				<div class="btop clearfix">
+			    <p class="rbtl">&nbsp;&nbsp;<span class="tps" style="color: red;"></span></p>
+			    <p class="rbtr" title="关闭">X</p>
+			    
+			    </div>
+
+				<div class="sqzx">
+                    <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
+                        <tr>
+                            <th>所属分类：</th>
+                            <td>
+                                <div class="inpBox">
+                                    <input type="text" class="inps  inps2 _CategoryName tree" id="clbmname" />
+                                    <input type="hidden" class="inps" id="zrbm" />
+                                    <i class="xl xl_two"></i>
+                                    <b class="de_icon">X</b>
+                                    <div class="addTree">
+                                        <ul id="clbmtree" class="ztree"></ul>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>指标标题：</th>
+                            <td>
+                                <div class="inpBox">
+                                    <input type="text" class="inps  inps2 F_Title" />
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>指标描述：</th>
+                            <td colspan="5">
+
+                                <textarea name="" rows="3" cols="20" class="F_Remark"></textarea>
+
+                            </td>
+                        </tr>
+                         <tr>
+                            <th>指标分值：</th>
+                            <td>
+                                <div class="inpBox">
+                                    <input type="text" class="inps  inps2 _Score" />
+                                </div>
+                            </td>
+                        </tr>
+                         <tr>
+                            <th>排列序号：</th>
+                            <td>
+                                <div class="inpBox">
+                                    <input type="text" class="inps  inps2 _Sort" />
+                                </div>
+                            </td>
+                        </tr>
+                    </table>
+                    <div class="btn_">
+                        <input type="button" value="保存" class="btns" id="xg_btn"/>
+                        <input type="button" value="保存" class="btns"  id="add"/>
+                    </div>
+               </div>			
+			</div>
+			<!--左边弹框-->
+			<div class="leftBox">
+				<div class="btop clearfix">
+			    <p class="rbtl">&nbsp;&nbsp;<span class="tps" style="color: red;"></span></p>
+			    <p class="rbtr" title="关闭">X</p>
+			    
+			    </div>
+
+				<div class="sqzx">
+                    <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
+                        <tr>
+                            <th>所属分类：</th>
+                            <td>
+                                <div class="inpBox">
+                                      <select name="" id="Left_ParentId">
+                                      	
+                                      </select>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>分类名称：</th>
+                            <td>
+                                <div class="inpBox">
+                                    <input type="text" class="inps  inps2 " id="Left_CategoryName" />
+                                </div>
+                            </td>
+                        </tr>
+                         <tr>
+                            <th>排列序号：</th>
+                            <td>
+                                <div class="inpBox">
+                                    <input type="text" class="inps  inps2 " id="Left_Sort"/>
+                                </div>
+                            </td>
+                        </tr>
+                    </table>
+                    <div class="btn_">
+                        <input type="button" value="保存" class="btns" id="Left_xgbtn"/>
+                        <input type="button" value="保存" class="btns"  id="Left_add"/>
+                    </div>
+               </div>			
+			</div>
+		</div>
+	</body>
+	<script src="../js/jquery.min.js?v=2.1.4"></script>
+	<script src="../js/bootstrap.min.js"></script>
+	<script src="../js/bootstrap-table.js"></script>
+	<script src="../js/bootstrap-table-zh-CN.js"></script>
+	 <script src="../Script/Common/huayi.load.js"></script>
+	<script src="../Script/Common/huayi.config.js"></script>
+	<script  src="../js/jquery.cookie.js"></script>
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="../css/laydate/laydate.js"></script>
+	<script src="../css/layer/layer.js"></script>
+	<script src="../js/Quality/zhibiaoguanli.js"></script>
+	 
+   
+</html>

CallCenterWeb.UI/Quality/zj.json

@@ -0,0 +1,135 @@
+{
+	"state": "success",
+	"message": "已质检列表加载成功",
+	"total":5,
+	"rows": [
+	
+			{
+				"_callnumber": "86023",
+				"_filepath": "D:\\1\\0\\20150320\\8001\\1349224.V3",
+				"_f_qcstate": 1,
+				"_f_qcscore": 3.00,
+				"_f_qcquestion": null,
+				"_f_qcadvise": null,
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": "周兰兰",
+				"_talkstarttime": "2015-03-20 13:49:23",
+				"_talkendtime": "2015-03-20 13:50:17",
+				"_talklongtime": 54,
+				"_businesstype": 2,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 4002
+			}, {
+				"_callnumber": "1004",
+				"_filepath": "2015-9-29\\1001_2015_9_29_17_44_47.wav",
+				"_f_qcstate": 1,
+				"_f_qcscore": 66.00,
+				"_f_qcquestion": null,
+				"_f_qcadvise": null,
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": "系统管理",
+				"_talkstarttime": "2015-09-29 17:44:05",
+				"_talkendtime": "2015-09-29 17:44:23",
+				"_talklongtime": 18,
+				"_businesstype": null,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 4200
+			}, {
+				"_callnumber": "1004",
+				"_filepath": "2015-11-10\\1001_2015_11_10_9_46_23.wav",
+				"_f_qcstate": 1,
+				"_f_qcscore": 81.00,
+				"_f_qcquestion": null,
+				"_f_qcadvise": null,
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": "系统管理",
+				"_talkstarttime": "2015-11-10 09:45:15",
+				"_talkendtime": "2015-11-10 09:45:31",
+				"_talklongtime": 16,
+				"_businesstype": null,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 4213
+			}, {
+				"_callnumber": "1004",
+				"_filepath": "2015-11-10\\1001_2015_11_10_9_49_11.wav",
+				"_f_qcstate": 1,
+				"_f_qcscore": 32.00,
+				"_f_qcquestion": null,
+				"_f_qcadvise": null,
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": "系统管理",
+				"_talkstarttime": "2015-11-10 09:48:03",
+				"_talkendtime": "2015-11-10 09:48:21",
+				"_talklongtime": 18,
+				"_businesstype": null,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 4214
+			}, {
+				"_callnumber": "1004",
+				"_filepath": "2015-11-10\\1001_2015_11_10_10_28_18.wav",
+				"_f_qcstate": 1,
+				"_f_qcscore": 32.00,
+				"_f_qcquestion": null,
+				"_f_qcadvise": null,
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": "系统管理",
+				"_talkstarttime": "2015-11-10 10:27:10",
+				"_talkendtime": "2015-11-10 10:31:35",
+				"_talklongtime": 265,
+				"_businesstype": null,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 4217
+			}, {
+				"_callnumber": "18530078167",
+				"_filepath": "D:\\midware\\record\\20170323\\1005\\1171_1005_162105.wav",
+				"_f_qcstate": 1,
+				"_f_qcscore": 61.00,
+				"_f_qcquestion": "问题问题问题问题问题2",
+				"_f_qcadvise": "建议建议建议建议1",
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": null,
+				"_talkstarttime": null,
+				"_talkendtime": null,
+				"_talklongtime": null,
+				"_businesstype": null,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 5478
+			}, {
+				"_callnumber": "18530929885",
+				"_filepath": "D:\\midware\\record\\20170323\\1005\\1172_1005_162302.wav",
+				"_f_qcstate": 1,
+				"_f_qcscore": 19.00,
+				"_f_qcquestion": "问题问题问题问题4",
+				"_f_qcadvise": "建议建议建议建议3",
+				"_calltype": 0,
+				"_callstate": 1,
+				"_usercode": "8000",
+				"_username": null,
+				"_talkstarttime": null,
+				"_talkendtime": null,
+				"_talklongtime": null,
+				"_businesstype": null,
+				"_f_qclc": 0,
+				"_f_qcdc": 0,
+				"_callrecordsid": 5479
+			}
+		]
+}

CallCenterWeb.UI/Quality/zjpf.html

@@ -0,0 +1,531 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>质检评分</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="../css/bootstrap.min.css" />
+		<link href="../css/init.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+			 <link href="../css/Quality/QualityCommon.css" rel="stylesheet" />
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="../css/animate.min.css" rel="stylesheet">
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<style>
+		.txtInput{
+			text-align: center;
+		}
+		.Input{
+			text-align: center;
+		}
+		</style>
+	</head>
+	<script src="../js/jquery.min.js?v=2.1.4"></script>
+	<script src="../js/bootstrap.min.js"></script>
+	<script src="../js/bootstrap-table.js"></script>
+	<script src="../js/bootstrap-table-zh-CN.js"></script>
+	<script src="../css/layer/layer.js"></script>
+	<script src="../My97DatePicker/WdatePicker.js"></script>
+	<script src="../js/jquery.cookie.js"></script>
+	<script src="../Script/Common/huayi.load.js"></script>
+	<script src="../Script/Common/huayi.config.js"></script>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">质检管理</a>&gt;
+						<a href="" style="color: #000;">质检评分</a>
+					</sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+
+			<div class="th-box">
+				<div class="th-bar">
+					<!--<a class="sc_btn btn-info">批量删除</a>-->
+					<div class="seach-box fr">
+						<ul>
+							<li>电话号码：<input class="photo x-color" type="text" /></li>
+							<li>坐席：
+								<select name="" id="Select" class="x-color select">
+									<option value="">全部</option>
+
+								</select>
+							</li>
+							<li>
+								<a class="sc_btn  Ss Block">搜索</a>
+							</li>
+							<li>
+								<a class="sc_btn  Gj Block">高级搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="goods" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="_bh" data-formatter="Code"></th>
+							<th data-field="_callnumber">电话号码</th>
+							<th data-field="_filepath" data-formatter="setCode">录音质检</th>
+							<th data-field="_f_qcstate" data-formatter="quality">是否质检</th>
+							<th data-field="_f_qcscore">质检得分</th>
+							<th data-field="_calltype" data-formatter="call">呼叫方向</th>
+							<th data-field="_callstate" data-formatter="states">呼叫状态</th>
+							<th data-field="_usercode">坐席工号</th>
+							<th data-field="_username">坐席姓名</th>
+							<th data-field="_talkstarttime">通话开始时间</th>
+							<th data-field="_talkendtime">通话结束时间</th>
+							<th data-field="_talklongtime">通话时长（S）</th>
+							<th data-field="_businesstype">按键</th>
+						</tr>
+					</thead>
+				</table>
+			</div>
+		</div>
+		<!--高级搜索/-->
+		<div class="t-shade">
+			<div class=" shade_k gjss">
+				<div class="shade_title">
+					<span>高级搜索<srong class="cknum"></srong></span>
+					<span class="setwin"><a>x</a></span>
+				</div>
+				<div class="shade_content" style="height: 340px;">
+					<div class="dhxx sa_title">
+						<span class="size-14">搜索信息</span>
+					</div>
+					<div class="dgxx_table size-13">
+						<table class="_table1 table table-bordered  table-hover " border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
+							<tr>
+								<th>电话号码：
+									<td>
+										<div class="inpBox">
+											<input type="text" class="inps " id="phone" />
+										</div>
+									</td>
+								</th>
+								<th>坐席：
+									<td>
+										<div class="inpBox">
+											<select name="" id="usercode" class="select"></select>
+										</div>
+									</td>
+								</th>
+							</tr>
+							<tr>
+								<th>呼叫方向：
+									<td>
+										<div class="inpBox">
+											<select name="" id="calltype" class="select">
+												<option value="">全部</option>
+												<option value="0">呼入</option>
+												<option value="1">呼出</option>
+											</select>
+										</div>
+									</td>
+								</th>
+								<th>开始时间：
+									<td>
+										<div class="inpBox">
+											<input type="text" class="inps " onfocus="WdatePicker({lang:'zh-cn'})" id="starttime" />
+										</div>
+									</td>
+								</th>
+							</tr>
+							<tr>
+
+								<th>结束时间：
+									<td>
+										<div class="inpBox">
+											<input type="text" class="inps " onfocus="WdatePicker({lang:'zh-cn'})" id="endtime" />
+										</div>
+									</td>
+								</th>
+							</tr>
+						</table>
+					</div>
+					<div class="clearfix wh_btn">
+						<input type="button" value="搜索" class=" sc_btn  Seach" />
+					</div>
+				</div>
+			</div>
+			<!--详情列表-->
+			<div class=" shade_k xqlb">
+				<div class="shade_title">
+					<span>录音播放下载及质检<srong class="cknum"></srong></span>
+					<span class="setwin"><a>x</a></span>
+				</div>
+				<div class="shade_content">
+					<div class="dgxx_table size-13">
+						<table cellspacing="" cellpadding="" class="form_table">
+							<tbody>
+								<tr>
+									<th><span>电话号码：</span></th>
+									<td><span class="zj_phone"></span></td>
+									<th><span>通话时间：</span></th>
+									<td><span class="zj_time">2017/5/3 16:50:05</span></td>
+								</tr>
+								<tr>
+									<th><span>呼叫方向：</span></th>
+									<td><span class="zj_calltype">呼出</span></td>
+									<th><span>通话时长：</span></th>
+									<td><span class="zj_talklongtime"> 278秒</span></td>
+								</tr>
+								<tr>
+									<th><span>坐席工号：</span></th>
+									<td><span class="zj_usercode">902</span></td>
+									<th><span>坐席姓名：</span></th>
+									<td><span class="zj_username">6+541+</span></td>
+								</tr>
+								<tr>
+									<th><span>听取录音：</span></th>
+									<td colspan="3">
+										<div class="play Ly_box">
+										</div>
+									</td>
+
+								</tr>
+								<tr>
+									<th><span>下载录音：</span></th>
+									<td colspan="3">
+										<input type="button" value="下载" id="downlond" />
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+					<!--质检详情列表-->
+					<div class="divDataItems">
+						<table class="table table-bordered text-center table-hover" style="width: 100%;">
+							<thead>
+								<tr class="thead_title">
+									<td colspan="2" style="background-color: #D5EDFE;">分类</td>
+									<td style="background-color: #D5EDFE;">指标</td>
+									<td style="background-color: #D5EDFE;">分值</td>
+									<td style="background-color: #D5EDFE;">评分</td>
+								</tr>
+							</thead>
+							<tbody id="tbody">
+
+							</tbody>
+							<tfoot id="tfoot">
+
+							</tfoot>
+						</table>
+						<div class="add_btn" style="text-align: center;">
+							<input type="button" class="btns" value="提交" onclick="SaveData()"/>
+						</div>
+					</div>
+				</div>
+				<input type="hidden" class="Thid" />
+			</div>
+		</div>
+		<script>
+										var num;
+				  var Count=0;
+			var Phone; //电话
+			var Usercode; //工号
+			var Calltype; //=呼叫类型（呼入/呼出）		 
+			var Starttime; //开始时间
+			var Endtime; //结束时间
+			var zjID;
+			var seatlist = []; //坐席列表
+			$(function() {
+				
+				Finishs();
+				//获取坐席
+												$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", { token: $.cookie("token") }, function (result) {
+								              if (result.state.toLowerCase() == "success") {
+								                  seatlist = result.data;
+								                  bindseat($("#Select"));
+													bindseat($("#usercode"));
+								              }
+								          });
+//				//获取坐席
+//				$.getJSON("//117.158.196.116:8878/UserAccount/GetSeatList", {
+//					token: $.cookie("token")
+//				}, function(result) {
+//					if(result.state.toLowerCase() == "success") {
+//						seatlist = result.data;
+//						bindseat($("#Select"));
+//						bindseat($("#usercode"));
+//					}
+//				});
+				//高级搜索s
+				$(".Gj").click(function() {
+					$(".t-shade").addClass("cx");
+					$(".gjss").addClass("cx");
+					$(".xqlb").removeClass("cx");
+
+				});
+				//关闭弹框
+				$(".setwin").click(function() {
+					$(".t-shade").removeClass("cx");
+					$("#tfoot").html('');
+					$("#tbody").html('');
+				});
+				//搜索 验证
+				$(".Seach").click(function() {
+					Phone = $('#phone').val();
+					Usercode = $('#usercode').val();
+					Calltype = $('#calltype').val();
+					Starttime = $('#starttime').val();
+					Endtime = $('#endtime').val();
+					Finishs(Phone, Usercode, Calltype, Starttime, Endtime);
+					$('#phone').val('');
+					$('#usercode').val('');
+					$('#calltype').val('');
+					$('#starttime').val('');
+					$('#endtime').val('');
+					$(".t-shade ").removeClass("cx");
+				});
+			});
+			/*获取选中行对象*/
+			$('#goods').on("click-row.bs.table", function(e, row, ele) {
+				$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+				console.log(row._callrecordsid);
+				$(".zj_phone").text(row._callnumber);
+				$(".zj_time").text(row._talkstarttime);
+				$(".zj_calltype").text("呼入");
+				$(".zj_talklongtime").text(row._talklongtime);
+				$(".zj_usercode").text(row._usercode);
+				$(".zj_username").text(row._username);
+				$('.Thid').val(row._callrecordsid);
+				var zjID = row._callrecordsid;
+				Xq(zjID);
+				
+				
+			});
+			/*录音质检*/
+			function setCode(val, row) {
+			if(val) {
+					return '<div class="imgs">' +
+						'<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
+						'</div>';
+				} else {
+					return '';
+				}
+
+			}
+			//编号
+			function Code(val, row, index) {
+				return index + 1;
+			}
+			//质检
+			function quality(val) {
+				if(val == 0) {
+					return '<div class="imgs">未质检' +
+						'</div>';
+				} else {
+					return '<div class="imgs">已质检' +
+						'</div>';
+				}
+
+			}
+			//方向呼出
+			function call(val) {
+				if(val == 0) {
+					return '<div class="imgs">呼入' +
+						'</div>';
+				} else {
+					return '<div class="imgs">呼出' +
+						'</div>';
+				}
+
+			}
+			//状态
+			function states(val) {
+				if(val == 0) {
+					return '<div class="imgs">未接通' +
+						'</div>';
+				} else {
+					return '<div class="imgs">已接通' +
+						'</div>';
+				}
+
+			}
+
+			function ck(val, row) {
+				$(".t-shade").addClass("cx");
+				$(".gjss").removeClass("cx");
+				$(".xqlb").addClass("cx");
+				var path = $(val).attr("item");
+				$(".Ly_box").empty();
+				$('<audio  style="width:100%;"class=" " src="' + path + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
+			}
+			//搜索
+			$(".Ss").click(function() {
+				Usercode = $("#Select").val();
+				Phone = $(".photo").val();
+				Finishs(Phone, Usercode);
+				$("#Select").val('');
+				$(".photo").val('');
+			});
+
+			function Xq(zjID) {
+				$('#tbody').empty();
+				$.ajax({
+					type: "get",
+					url: huayi.config.callcenter_url + "/QCManage/GetIndexList",
+//					url: "zjxq.json",
+					dataType: 'json',
+					async: true,
+										data:{
+											id:zjID,
+											token: $.cookie("token")///通话ID
+										},
+					success: function(data) {
+						var content = data.data;
+						console.log(content);
+						//									for(var i=0;i<content.length;i++){
+				
+						var twoCon = content.Qclist;
+						if(twoCon !== null) {
+							for(var j = 0; j < twoCon.length; j++) {
+								var t = parseInt(twoCon[j].Rowspan);
+								var o = 2;
+								var l = parseInt(twoCon.length);
+								var c = t + o + l;
+								$('<tr>' +
+									'<td rowspan="' + c + '">' + twoCon[j].Qcname + '</td>' +
+									'</tr>').appendTo("#tbody");
+								//									$('<tr>'+
+								//	          			'<td colspan="3" style="background-color: #e4d354;">【'+twoCon[j].Qcname+'】合计：</td>'+
+								//	          			'<td style="background-color: #e4d354;">200</td>'+
+								//	          			'<td  style="background-color: #e4d354;">'+
+								//	          				'<span style="color: red; ">200</span>'+	
+								//	          			'</td>'+
+								//	          		'</tr>').appendTo("#tbody");											
+								var stree = twoCon[j].Qclist;
+								console.log(stree);
+								if(stree !== null) {
+									for(var k = 0; k < stree.length; k++) {
+										var t = parseInt(stree[k].Rowspan);
+										var o = 1;
+										var c = t + o;
+										$('<tr>' +
+											'<td rowspan="' + c + '">' + stree[k].Qcname + '</td>' +
+											'</tr>').appendTo("#tbody");
+										var foure = stree[k].Qclist;
+
+										if(foure !== null) {
+
+											for(var i = 0; i < foure.length; i++) {
+												var t = parseInt(foure[i].Rowspan);
+												var o = 1;
+												var c = t + o;
+												$('<tr>' +
+													'<td rowspan="' + c + '">' + foure[i].Qcname + '</td>' +
+													'<td >' + foure[i].Qcscore + '</td>' +
+													'<td ><input type="text"  class="txtInput"/></td>' +
+													'</tr>').appendTo("#tbody");
+											}
+										}
+									}
+								}
+							}
+									$('<tr>' +
+							'<td colspan="3">' + content.Qcname + '</td>' +
+							'<td >' + content.Qcscore + '</td>' +
+							'<td class="Total"><input type="text"  class="Input" readonly="readonly"/></td>' +
+							'</tr>').appendTo("#tfoot");
+						}
+						$('.txtInput').keyup(function(){
+							Count=0;
+							$('.txtInput').each(function(i,n){
+								 if($(n).val()){
+								 	var num=$(n).val();
+   				 				    Count=Count*1+num*1;
+   				 				    console.log(num);
+								 }
+							})
+   				 			
+   				 			$(".Input").val(Count);
+   				 		})
+					}
+				});
+			}
+			//获取未质检列表
+			function Finishs(Phone, Usercode, Calltype, Starttime, Endtime) {
+				//销毁表格
+				$('#goods').bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				$("#goods").bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据						
+//					url: "http://117.158.196.116:8878/QCManage/GetList",
+					url: huayi.config.callcenter_url+"QCManage/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 5, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [5, 20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							page: params.pageNumber,
+							pagesize: params.pageSize,
+							phone: Phone,
+							usercode: Usercode,
+							calltype: Calltype,
+							starttime: Starttime,
+							endtime: Endtime,
+							token: $.cookie("token")
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//								layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			//坐席列表
+			function bindseat(obj) {
+				obj.empty();
+				obj.append('<option value="">全部</option>');
+				$(seatlist).each(function(i, n) {
+					obj.append('<option value="' + n.F_UserCode + '">' + n.F_UserName + '</option>');
+				})
+			}
+			//保存质检得分
+			function  SaveData(){
+				$.ajax({
+					type: "post",
+					url: huayi.config.callcenter_url + "/QCManage/SaveData",
+//					url: "zjxq.json",
+					dataType: 'json',
+					
+					async: true,
+										data:{
+											id:$(".Thid").val(),
+											token: $.cookie("token")///通话ID
+										},
+					success: function(data) {
+						var content = data.data;
+				        console.log( content );
+					}
+				});
+			}
+
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Quality/zjxq.json

@@ -0,0 +1,93 @@
+{
+	"state": "success",
+	"message": "质检部分加载成功",
+	"data": {
+		"Qcid": "0",
+		"Qcname": "总计",
+		"Qcscore": "30",
+		"Qcpf": "23",
+		"Qclist": [
+			{
+				"Qcid": "9",
+				"Qcname": "在线处理",
+				"Qcscore": "30",
+				"Qcpf": "23",
+				"Qclist": [
+					{
+						"Qcid": "9-10",
+						"Qcname": "业务知识",
+						"Qcscore": null,
+						"Qcpf": null,
+						"Qclist": [
+							{
+								"Qcid": "9-10-20",
+								"Qcname": "业务熟练",
+								"Qcscore": "5",
+								"Qcpf": "5",
+								"Qclist": null,
+								"Rowspan": "0",
+								"Colspan": "0"
+							}, {
+								"Qcid": "9-10-10",
+								"Qcname": "业务熟练",
+								"Qcscore": "2",
+								"Qcpf": "3",
+								"Qclist": null,
+								"Rowspan": "0",
+								"Colspan": "0"
+							}, {
+								"Qcid": "9-10-21",
+								"Qcname": "处理问题灵活性",
+								"Qcscore": "5",
+								"Qcpf": "5",
+								"Qclist": null,
+								"Rowspan": "0",
+								"Colspan": "0"
+							}, {
+								"Qcid": "9-10-23",
+								"Qcname": "一次性处理",
+								"Qcscore": "5",
+								"Qcpf": "5",
+								"Qclist": null,
+								"Rowspan": "0",
+								"Colspan": "0"
+							}, {
+								"Qcid": "9-10-30",
+								"Qcname": "11",
+								"Qcscore": "11",
+								"Qcpf": "0",
+								"Qclist": null,
+								"Rowspan": "0",
+								"Colspan": "0"
+							}
+						],
+						"Rowspan": "5",
+						"Colspan": null
+					}, {
+						"Qcid": "9-11",
+						"Qcname": "业务流程",
+						"Qcscore": null,
+						"Qcpf": null,
+						"Qclist": [
+							{
+								"Qcid": "9-11-26",
+								"Qcname": "等待时长",
+								"Qcscore": "2",
+								"Qcpf": "5",
+								"Qclist": null,
+								"Rowspan": "0",
+								"Colspan": "0"
+							}
+						],
+						"Rowspan": "1",
+						"Colspan": null
+					}
+				],
+				"Rowspan": "6",
+				"Colspan": "2"
+			}
+		],
+		"Rowspan": null,
+		"Colspan": "3"
+	}
+}

CallCenterWeb.UI/Report/Business/WorkDept.html

@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>工单部门分布分析</title>
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+    <script src="../../Script/Common/huayi.load.js"></script>
+    <script src="../../Script/Common/huayi.config.js"></script>
+    <!--<link rel="stylesheet" href="../../css/huTotal.css" />-->
+    <link rel="stylesheet" href="../../css/init.css" />
+    <style>
+        .clearfix:after {
+            content: "";
+            display: block;
+            clear: both;
+        }
+
+        .kpi-top {
+            background: #f3f3f4;
+            height: 60px;
+            padding: 10px 20px;
+        }
+
+        .topCon {
+            float: right;
+            margin-right: 45px;
+        }
+
+        .kpi-content h2 {
+            font-size: 18px;
+            margin-bottom: 20px;
+        }
+
+        .topCon input {
+            width: 128px;
+            padding: 2px 2PX 2PX 10PX;
+            height: 28px;
+            border: 1px solid #ebebeb;
+            color: #1ab394;
+            outline: none;
+            vertical-align: middle;
+        }
+
+
+        .kpi-content {
+            width: 90%;
+            margin: 0 auto;
+        }
+
+        .kpi-table table {
+            font-size: 12px;
+        }
+
+            .kpi-table table thead tr td {
+                background: #1ab394;
+                color: #fff;
+                font-size: 14px;
+            }
+    </style>
+</head>
+
+<body class="gray-bg" style="background: #fefefe;">
+    <div class="hwkpi">
+    	<div class="daoHang clearfix">
+					<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">业务数据分析</a>&gt;<a href="" style="color: #000;">工单部门分布分析</a></sapn>
+				</div>
+			</div>
+        <div class="kpi-top clearfix">
+            <div class="topCon">
+                开始时间：
+                <input type="text" class="laydate-icon" id="startTime" />
+                结束时间：
+                <input type="text" class="laydate-icon" id="endTime" />
+                <button class="btns sear">搜索</button>
+                <!--<button class="btn daochu ">导出</button>-->
+            </div>
+        </div>
+        <div class="kpi-content">
+            <div class="kpi-table">
+                <h2 style="text-align: center;">客服部工单分布</h2>
+                <table class="table table-bordered text-center table-hover" style="width: 100%;">
+                    <thead>
+                        <tr>
+                            <td>客服部名称</td>
+                            <td>工单数量</td>
+                            <td>总处理时间/小时</td>
+                            <td>平均响应时间/小时</td>
+                            <td>平均处理时间/小时</td>
+                        </tr>
+                    </thead>
+                    <tbody class="tbody">
+                    </tbody>
+                    <tfoot>
+                        <tr>
+                            <td>合计</td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                        </tr>
+
+                    </tfoot>
+                </table>
+                <div style="color: red;">
+                    注：默认显示当月1号0：00：00至当日23：59：59的数据, 查询的工单是在当前时间段已经结单，并且是工程师处理之后结单的， 在工程师处理之前结单的不计算
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="../../css/laydate/laydate.js"></script>
+    <script src="../../js/echarts.common.min.js"></script>
+    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
+    <script>
+        $(function () {
+            laydate.skin('molv');
+            laydate({
+                elem: '#startTime',
+                event: 'focus',
+                format: 'YYYY-MM-DD'
+            });
+            laydate({
+                elem: '#endTime',
+                event: 'focus',
+                format: 'YYYY-MM-DD'
+            });
+            bind();
+            $(".sear").click(function () {
+                bind();
+            })
+        })
+        function bind() {
+            var WorkCount = 0;
+            var CLTotalTime = 0;
+            var XYAvgTime = 0;
+            var CLAvgTime = 0;
+
+            $(".tbody").empty();
+            $.getJSON(huayi.config.callcenter_url + 'Business/GetWorkDept', { starttime: $("#startTime").val(), endtime: $("#endTime").val(), "token": $.cookie("token") }, function (result) {
+                if (result.state.toLowerCase() == "success") {
+                    $(result.data).each(function (i,n) {
+                        $(".tbody").append('<tr><td>' + n.DeptName + '</td><td>' + n.WorkCount + '</td><td>' + n.CLTotalTime + '</td><td>' + (n.XYAvgTime ? n.XYAvgTime : 0) + '</td><td>' + n.CLAvgTime + '</td></tr>');
+                        
+                        WorkCount = WorkCount + (n.WorkCount ? n.WorkCount * 1 : 0);
+                        CLTotalTime = CLTotalTime + (n.CLTotalTime ? n.CLTotalTime * 1 : 0);
+                        XYAvgTime = XYAvgTime + (n.XYAvgTime ? n.XYAvgTime * 1 : 0);
+                        CLAvgTime = CLAvgTime + (n.CLAvgTime ? n.CLAvgTime * 1 : 0);
+                    })
+                    $(".hj").eq(0).text(WorkCount);
+                    $(".hj").eq(1).text(CLTotalTime);
+                    $(".hj").eq(2).text(XYAvgTime);
+                    $(".hj").eq(3).text(CLAvgTime);
+                }
+            })
+        }
+    </script>
+</body>
+
+</html>

CallCenterWeb.UI/Report/Business/WorkEfficiency.html

@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>工单流程执行效率分析</title>
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <script src="../../Script/Common/huayi.load.js"></script>
+    <script src="../../Script/Common/huayi.config.js"></script>
+    <!--<link rel="stylesheet" href="../../css/huTotal.css" />-->
+      <link rel="stylesheet" href="../../css/init.css" />
+    <style>
+        .clearfix:after {
+            content: "";
+            display: block;
+            clear: both;
+        }
+
+        .kpi-top {
+            background: #f3f3f4;
+            height: 60px;
+            padding: 10px 20px;
+        }
+
+        .topCon {
+            float: right;
+            margin-right: 45px;
+        }
+
+        .kpi-content h2 {
+            font-size: 18px;
+            margin-bottom: 20px;
+        }
+
+        .topCon select {
+            padding: 2px;
+            height: 28px;
+            border: 1px solid #ebebeb;
+            color: #1ab394;
+            outline: none;
+            vertical-align: middle;
+        }
+
+        .topCon input {
+            width: 128px;
+            padding: 2px 2PX 2PX 10PX;
+            height: 28px;
+            border: 1px solid #ebebeb;
+            color: #1ab394;
+            outline: none;
+            vertical-align: middle;
+        }
+
+
+        .kpi-content {
+            width: 90%;
+            margin: 0 auto;
+        }
+
+        .kpi-table table {
+            font-size: 12px;
+        }
+
+            .kpi-table table thead tr td {
+                background: #1ab394;
+                color: #fff;
+                font-size: 14px;
+            }
+    </style>
+</head>
+
+<body class="gray-bg" style="background: #fefefe;">
+    <div class="hwkpi">
+    	<div class="daoHang clearfix">
+					<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">业务数据分析</a>&gt;<a href="" style="color: #000;">工单流程执行效率分析</a></sapn>
+				</div>
+			</div>
+        <div class="kpi-top clearfix">
+            <div class="topCon">
+                开始时间：
+                <input type="text" class="laydate-icon" id="startTime" />
+                结束时间：
+                <input type="text" class="laydate-icon" id="endTime" />
+                <button class="btns sear">搜索</button>
+                <!--<button class="btns daochu ">导出</button>-->
+            </div>
+        </div>
+
+        <div class="kpi-content">
+            <div class="kpi-table">
+                <h2 style="text-align: center;">工单流程执行效率分析</h2>
+                <table class="table table-bordered text-center table-hover" style="width: 100%;">
+                    <thead>
+                        <tr>
+                            <td>日期</td>
+                            <td>工单总量</td>
+                            <td>工单总用时/小时</td>
+                            <td>工单平均用时/小时</td>
+                            <td>指派总用时/小时</td>
+                            <td>指派平均用时/小时</td>
+                            <td>接单总用时/小时</td>
+                            <td>接单平均用时/小时</td>
+                            <td>处理总用时/小时</td>
+                            <td>处理平均用时/小时</td>
+                            <!--<td>回访总用时/小时</td>
+                            <td>回访平均用时/小时</td>
+                            <td>结单总用时/小时</td>
+                            <td>结单平均用时/小时</td>-->
+                        </tr>
+                    </thead>
+                    <tbody class="tbody">
+                    </tbody>
+                    <tfoot>
+                        <tr>
+                            <td>合计</td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                            <td><span class="hj"></span></td>
+                        </tr>
+                    </tfoot>
+                </table>
+                <div style="color: red;">
+                    注：默认显示当月1号0：00：00至当日23：59：59的数据，查询的工单是在当前时间段已经结单，无论是否派到工程师。
+                </div>
+            </div>
+
+
+        </div>
+    </div>
+
+    <script src="../../css/laydate/laydate.js"></script>
+    <script src="../../js/echarts.common.min.js"></script>
+    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
+    <script>
+
+        $(function () {
+            laydate.skin('molv');
+            laydate({
+                elem: '#startTime',
+                event: 'focus',
+                format: 'YYYY-MM-DD'
+            });
+            laydate({
+                elem: '#endTime',
+                event: 'focus',
+                format: 'YYYY-MM-DD'
+            });
+            bind();
+            $(".sear").click(function () {
+                bind();
+            })
+        })
+        function bind() {
+            var Count = 0;
+            var TotalTime = 0;
+            var AvgTime = 0;
+            var ZPTotalTime = 0;
+            var ZPAvgTime = 0;
+            var JDTotalTime = 0;
+            var JDAvgTime = 0;
+            var CLTotalTime = 0;
+            var CLAvgTime = 0;
+
+
+            $(".tbody").empty();
+            $.getJSON(huayi.config.callcenter_url + 'Business/GetWorkEfficiency', { starttime: $("#startTime").val(), endtime: $("#endTime").val(), "token": $.cookie("token") }, function (result) {
+                if (result.state.toLowerCase() == "success") {
+                    $(result.data).each(function (i, n) {
+                        var html = '<tr><td>' + n.Date + '</td><td>' + n.Count + '</td><td>' + n.TotalTime + '</td><td>'
+                            + n.AvgTime + '</td><td>' + (n.ZPTotalTime ? n.ZPTotalTime : 0) + '</td><td>' + (n.ZPAvgTime ? n.ZPAvgTime : 0) + '</td><td>'
+                            + (n.JDTotalTime ? n.JDTotalTime : 0) + '</td><td>' + (n.JDAvgTime ? n.JDAvgTime : 0) + '</td><td>'
+                            + (n.CLTotalTime ? n.CLTotalTime : 0) + '</td><td>' + (n.CLAvgTime ? n.CLAvgTime : 0) + '</td></tr>';
+                        $(".tbody").append(html);
+
+                        Count = Count + (n.Count ? n.Count * 1 : 0);
+                        TotalTime = TotalTime + (n.TotalTime ? n.TotalTime * 1 : 0);
+                        AvgTime = AvgTime + (n.AvgTime ? n.AvgTime * 1 : 0);
+                        ZPTotalTime = ZPTotalTime + (n.ZPTotalTime ? n.ZPTotalTime * 1 : 0);
+                        ZPAvgTime = ZPAvgTime + (n.ZPAvgTime ? n.ZPAvgTime * 1 : 0);
+                        JDTotalTime = JDTotalTime + (n.JDTotalTime ? n.JDTotalTime * 1 : 0);
+                        JDAvgTime = JDAvgTime + (n.JDAvgTime ? n.JDAvgTime * 1 : 0);
+                        CLTotalTime = CLTotalTime + (n.CLTotalTime ? n.CLTotalTime * 1 : 0);
+                        CLAvgTime = CLAvgTime + (n.CLAvgTime ? n.CLAvgTime * 1 : 0);
+                    })
+                    $(".hj").eq(0).text(Count);
+                    $(".hj").eq(1).text(TotalTime);
+                    $(".hj").eq(2).text(AvgTime);
+                    $(".hj").eq(3).text(ZPTotalTime);
+                    $(".hj").eq(4).text(ZPAvgTime);
+                    $(".hj").eq(5).text(JDTotalTime);
+                    $(".hj").eq(6).text(JDAvgTime);
+                    $(".hj").eq(7).text(CLTotalTime);
+                    $(".hj").eq(8).text(CLAvgTime);
+                }
+            })
+        }
+    </script>
+</body>
+
+</html>

CallCenterWeb.UI/Report/Business/WorkPeriod.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>工单时间点分布分析</title>
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+
+    <script src="../../Script/Common/huayi.load.js"></script>
+    <script src="../../Script/Common/huayi.config.js"></script>
+    <!--<link rel="stylesheet" href="../../css/huTotal.css" />-->
+      <link rel="stylesheet" href="../../css/init.css" />
+    <style>
+        .clearfix:after {
+            content: "";
+            display: block;
+            clear: both;
+        }
+
+        .kpi-top {
+            background: #f3f3f4;
+            height: 60px;
+            padding: 10px 20px;
+        }
+
+        .topCon {
+            float: right;
+            margin-right: 45px;
+        }
+
+        .content h2 {
+            font-size: 18px;
+            margin-bottom: 20px;
+        }
+
+        .topCon input {
+            width: 128px;
+            padding: 2px 2PX 2PX 10PX;
+            height: 28px;
+            border: 1px solid #ebebeb;
+            color: #1ab394;
+            outline: none;
+            vertical-align: middle;
+        }
+        .content {
+            width: 90%;
+            margin: 0 auto;
+        }
+    </style>
+</head>
+
+<body class="gray-bg" style="background: #fefefe;">
+    <div class="hwkpi">
+    	<div class="daoHang clearfix">
+					<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">业务数据分析</a>&gt;<a href="" style="color: #000;">工单时间点分布分析</a></sapn>
+				</div>
+			</div>
+        <div class="kpi-top clearfix">
+            <div class="topCon">
+                开始时间：
+                <input type="text" class="laydate-icon" id="startTime" /> 结束时间：
+                <input type="text" class="laydate-icon" id="endTime" />
+                <button class="btns sear">搜索</button>
+                <!--<button class="btn daochu ">导出</button>-->
+            </div>
+        </div>
+        <ul class="nav nav-tabs th-tab">
+            <li role="presentation" class="active">
+                <a href="javascript:;">折线图</a>
+            </li>
+            <li role="presentation">
+                <a href="javascript:;">柱状图</a>
+            </li>
+        </ul>
+        <div class="content">
+            <div class="zhexian">
+                <h2 style="text-align: center;">工单时间点分布情况</h2>
+
+                <div id="zhe" style="width: 100%; height: 500px;margin: 0 auto;"></div>
+            </div>
+
+            <div class="zhutu" style="display: none;">
+                <h2 style="text-align: center;">工单时间点分布情况</h2>
+                <div id="zhu" style="width: 950px; height: 500px;margin: 0 auto;"></div>
+            </div>
+
+        </div>
+    </div>
+    <script src="../../css/laydate/laydate.js"></script>
+    <script src="../../js/echarts.common.min.js"></script>
+    <script>
+        $(function () {
+            laydate.skin('molv');
+            laydate({
+                elem: '#startTime',
+                event: 'focus',
+                format: 'YYYY-MM-DD'
+            });
+            laydate({
+                elem: '#endTime',
+                event: 'focus',
+                format: 'YYYY-MM-DD'
+            });
+            //tab切换
+            $('.th-tab li').click(function () {
+                $(this).addClass('active')
+                    .siblings().removeClass('active');
+
+                var index = $(this).index();
+                $('.content >div').eq(index).show().siblings().hide();
+            })
+
+            bind();
+
+            $(".sear").click(function () {
+                bind();
+            })
+        })
+        //折线图
+        var zhe = echarts.init(document.getElementById('zhe'));
+
+        var zheoption = {
+            color: ['#1ab394'],
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: { // 坐标轴指示器，坐标轴触发有效
+                    type: 'line' // 默认为直线，可选为：'line' | 'shadow'
+                }
+            },
+            legend: {
+                data: ['工单数量']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            xAxis: [{
+                type: 'category',
+                data: ['8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00'],
+            }],
+            yAxis: [{
+                type: 'value',
+                name: '工单数量/个',
+                nameLocation: 'middle',
+                nameGap: 35
+            }],
+            series: [{
+                name: '工单数量',
+                type: 'line',
+                barWidth: '60%',
+                data: [10, 52, 200, 334, 390, 330, 220, 210, 200, 52]
+            }]
+        };
+        //柱形图
+        var zhu = echarts.init(document.getElementById('zhu'));
+
+        var zhuoption = {
+            color: ['#1ab394'],
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: { // 坐标轴指示器，坐标轴触发有效
+                    type: 'line' // 默认为直线，可选为：'line' | 'shadow'
+                }
+            },
+            legend: {
+                data: ['工单数量']
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+            },
+            xAxis: [{
+                type: 'category',
+                data: ['8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00'],
+            }],
+            yAxis: [{
+                type: 'value',
+                name: '工单数量/个',
+                nameLocation: 'middle',
+                nameGap: 35
+            }],
+            series: [{
+                name: '工单数量',
+                type: 'bar',
+                barWidth: '30%',
+                data: [10, 52, 200, 334, 390, 330, 220, 210, 200, 52]
+
+            }]
+        };
+        function bind() {
+            $.getJSON(huayi.config.callcenter_url + 'Business/GetWorkPeriod', { starttime: $("#startTime").val(), endtime: $("#endTime").val(), "token": $.cookie("token") }, function (result) {
+                if (result.state.toLowerCase() == "success") {
+                    zheoption.series[0].data = result.data.count;
+                    zheoption.xAxis[0].data = result.data.col;
+                    zhuoption.series[0].data = result.data.count;
+                    zhuoption.xAxis[0].data = result.data.col;
+                    zhe.setOption(zheoption);
+                    zhu.setOption(zhuoption);
+                }
+            })
+        }
+    </script>
+</body>
+
+</html>

CallCenterWeb.UI/ResultXj.html

@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>任务结果数据</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="./css/bootstrap.min.css" />
+		<link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
+		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="./css/animate.min.css" rel="stylesheet">
+		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link href="./css/initialize.css" rel="stylesheet" />
+		<link href="./css/Table/table1.css" rel="stylesheet" />
+		<style>
+			.wrapper {
+				position: relative;
+			}
+			
+			.whjh {
+				position: absolute;
+				top: 43px;
+				z-index: 600;
+			}
+			
+			#table1 {
+				background: #F9F9F9;
+			}
+			
+			.fixed-table-pagination {
+				background: #F9F9F9;
+			}
+			
+			#table1 thead {
+				background: #f9f9f9;
+			}
+			
+			.hidens {
+				display: none;
+			}
+			
+			.outline {
+				border: 1px solid #21b9bb !important;
+			}
+			
+			.imgs {
+				color: rgb(0, 128, 0);
+				cursor: pointer;
+			}
+			
+			.imgs img {
+				vertical-align: baseline;
+			}
+			.key{
+				width: 80px;
+			}
+			.xg:hover{
+				color:#E43926;
+			}
+			.whhf{
+				      text-align: center;
+    		padding: 10px;
+  			 margin-bottom: 10px;
+			}
+			.thead{
+				background: #d5edfe;
+			}
+		</style>
+	</head>
+	<script src="./js/jquery.min.js?v=2.1.4"></script>
+	<script src="./js/bootstrap.min.js"></script>
+	<script src="./js/bootstrap-table.js"></script>
+	<script src="./js/bootstrap-table-zh-CN.js"></script>
+	<script src="My97DatePicker/WdatePicker.js"></script>
+	</head>
+
+	<body>
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="th-box">
+				<div class="th-bar">
+					<div class="seach-box fl">
+						<ul>
+							<li>外呼计划：<input class="photo x-color" type="text" id="Call" value='套餐升级'/></li>
+							<li>关键字：<input  class="photo x-color key" type="text" id="KeyWords" /></li>
+							<li>开始回放时间：<input class="photo x-color" type="text" id="St" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'HH-mm-ss'})"/></li>
+							<li>结束时间：<input class="photo x-color" type="text" id="Et" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'HH-mm-ss'})" /></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 30%;padding: 10px;" class="whjh hidens">
+				
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-sortable="true" data-field="Plan" data-align="center">计划名称</th>
+							<th data-sortable="true" data-field="Number" data-align="center">号码数量</th>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+					</tbody>
+				</table>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<div class="fl" style="padding: 10px;">
+						坐席：
+						<select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">系统管理</option>
+							<option value="">8001</option>
+							<option value="">8002</option>
+							<option value="">zhang</option>
+						</select>
+						分配状态：
+						<select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未分配</option>
+							<option value="">已分配</option>
+						</select>
+						呼叫状态：
+						<select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未呼叫</option>
+							<option value="">已呼叫</option>
+						</select>
+						 接通状态：
+						 <select name="" id="Select" class="x-color select" >
+							<option value="">全部</option>
+							<option value="">未接通</option>
+							<option value="">已接通</option>
+						</select>
+						 呼叫结果：
+						 <select name="" id="Select" class="x-color " >
+							<option value="">全部</option>
+							<option value="">正常接通</option>
+							<option value="">拒访</option>
+							<option value="">不是本人</option>
+							<option value="">关机</option>
+							<option value="">停机</option>
+							<option value="">无人接听</option>
+							<option value="">空号</option>
+						</select>
+						<div class="fr" style="margin-left: 15px;">
+							<a class="sc_btn btn-info" id="sc_btn">导出Excel</a>
+						</div>
+						<div class="fr" style="margin-left: 15px;">
+							<a class="sc_btn btn-info" id="sc_btn">搜索</a>
+						</div>
+						
+				</div>
+				<div class="fl whhf" style="width: 100%;">
+					<h2>
+						外呼计划回访数据
+					</h2>
+				</div>
+				<table id="goods" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead class="thead">
+						<tr>
+							<th  data-field="whjh" data-align="center">外呼计划</th>
+							<th  data-field="hm" data-align="center" >号码</th>
+							<th  data-field="mc" data-align="center">名称</th>
+							<th  data-field="md" data-align="center">门店</th>
+							<th  data-field="hf" data-align="center">回访坐席</th>
+							<th  data-field="zt" data-align="center">呼叫状态</th>
+							<th  data-field="jg" data-align="center">呼叫结果</th>
+							<th  data-field="tc" data-align="center">升级套餐</th>
+						</tr>
+					</thead>
+					<tbody id="tbody">
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<script>
+			var $tableLeft = $('#table1');
+			var $tableLeft1 = $('#goods');
+			var arr = [{
+					"Plan": "张三外呼",
+					"Number": "0",
+				},
+				{
+					"Plan": "满意度调差",
+					"Number": "51561",
+				},
+				{
+					"Plan": "张三外呼",
+					"Number": "0",
+				}
+			];
+			var arr1 = [{
+					'whjh': '套餐升级',
+					'hm': ' 13800000882',
+					'mc': '信息1',
+					'md': '门店3',
+					'hf': '系统管理',
+					'zt': '已呼叫',
+					'jg': '正常接通',
+					'tc': '78套餐',
+				},
+				{
+					'whjh': '套餐升级',
+					'hm': ' 13800000882',
+					'mc': '信息1',
+					'md': '门店3',
+					'hf': '系统管理',
+					'zt': '已呼叫',
+					'jg': '正常接通',
+					'tc': '78套餐',
+				},
+				{
+					'whjh': '套餐升级',
+					'hm': ' 13800000882',
+					'mc': '信息1',
+					'md': '门店3',
+					'hf': '系统管理',
+					'zt': '已呼叫',
+					'jg': '正常接通',
+					'tc': '78套餐',
+				},
+				{
+					'whjh': '套餐升级',
+					'hm': ' 13800000882',
+					'mc': '信息1',
+					'md': '门店3',
+					'hf': '系统管理',
+					'zt': '已呼叫',
+					'jg': '正常接通',
+					'tc': '78套餐',
+				},
+				{
+					'whjh': '套餐升级',
+					'hm': ' 13800000882',
+					'mc': '信息1',
+					'md': '门店3',
+					'hf': '系统管理',
+					'zt': '已呼叫',
+					'jg': '正常接通',
+					'tc': '78套餐',
+				}
+			]
+			$tableLeft.bootstrapTable({
+				data: arr, //请求后台的URL（*）
+				method: 'get',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
+				clickToSelect: true,
+				striped: true
+			});
+			$tableLeft1.bootstrapTable({
+				data: arr1, //请求后台的URL（*）
+				method: 'get',
+				toolbar: '#toolbar',
+				pagination: true,
+				pageNumber: 1, //初始化加载第一页，默认第一页
+				pageSize: 5, //每页的记录行数（*）
+				pageList: [5, 25, 50, 100], //可供选择的每页的行数（*）
+				clickToSelect: true,
+				striped: true
+			});
+
+			
+
+			/*获取焦点*/
+			$("#Call").focus(function() {
+				$(this).addClass("outline");
+				$(".whjh").removeClass("hidens");
+
+			})
+			$("#Call").blur(function() {
+				$(this).removeClass("outline");
+				$(".whjh").addClass("hidens");
+
+			})
+			$("input").focus(function() {
+				$(this).addClass("outline");
+			});
+			$("input").blur(function() {
+				$(this).removeClass("outline");
+			})
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/Script/Class/DateHelper.js

@@ -0,0 +1,317 @@
+//---------------------------------------------------  
+// 判断闰年  
+//---------------------------------------------------  
+Date.prototype.isLeapYear = function()   
+{   
+    return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));   
+}   
+  
+//---------------------------------------------------  
+// 日期格式化  
+// 格式 YYYY/yyyy/YY/yy 表示年份  
+// MM/M 月份  
+// W/w 星期  
+// dd/DD/d/D 日期  
+// hh/HH/h/H 时间  
+// mm/m 分钟  
+// ss/SS/s/S 秒  
+//---------------------------------------------------  
+Date.prototype.Format = function (formatStr)   
+{   
+    var str = formatStr;   
+    var Week = ['日','一','二','三','四','五','六'];  
+  
+    str=str.replace(/yyyy|YYYY/,this.getFullYear());   
+    str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100));   
+  
+    str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():'0' + this.getMonth());   
+    str=str.replace(/M/g,this.getMonth());   
+  
+    str=str.replace(/w|W/g,Week[this.getDay()]);   
+  
+    str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate());   
+    str=str.replace(/d|D/g,this.getDate());   
+  
+    str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours());   
+    str=str.replace(/h|H/g,this.getHours());   
+    str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes());   
+    str=str.replace(/m/g,this.getMinutes());   
+  
+    str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds());   
+    str=str.replace(/s|S/g,this.getSeconds());   
+  
+    return str;   
+}   
+  
+//+---------------------------------------------------  
+//| 求两个时间的天数差 日期格式为 YYYY-MM-dd   
+//+---------------------------------------------------  
+function daysBetween(DateOne,DateTwo)  
+{   
+    var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));  
+    var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);  
+    var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));  
+  
+    var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));  
+    var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);  
+    var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));  
+  
+    var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);   
+    return Math.abs(cha);  
+}  
+  
+  
+//+---------------------------------------------------  
+//| 日期计算  
+//+---------------------------------------------------  
+Date.prototype.DateAdd = function(strInterval, Number) {   
+    var dtTmp = this;  
+    switch (strInterval) {   
+        case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number));  
+        case 'n' :return new Date(Date.parse(dtTmp) + (60000 * Number));  
+        case 'h' :return new Date(Date.parse(dtTmp) + (3600000 * Number));  
+        case 'd' :return new Date(Date.parse(dtTmp) + (86400000 * Number));  
+        case 'w' :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));  
+        case 'q' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  
+        case 'm' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  
+        case 'y' :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  
+    }  
+}  
+  
+//+---------------------------------------------------  
+//| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串  
+//| 计算两日期相差的日期年月日等
+//| 使用方法：new Date("2013-12-20 00:00:00").dateDiff("d",new Date("2013-12-20 00:00:00"))
+//+---------------------------------------------------  
+Date.prototype.DateDiff = function(strInterval, dtEnd) {   
+    var dtStart = this;  
+    if (typeof dtEnd == 'string' )//如果是字符串转换为日期型  
+    {   
+        dtEnd = StringToDate(dtEnd);  
+    }  
+    switch (strInterval) {   
+        case 's' :return parseInt((dtEnd - dtStart) / 1000);  
+        case 'n' :return parseInt((dtEnd - dtStart) / 60000);  
+        case 'h' :return parseInt((dtEnd - dtStart) / 3600000);  
+        case 'd' :return parseInt((dtEnd - dtStart) / 86400000);  
+        case 'w' :return parseInt((dtEnd - dtStart) / (86400000 * 7));  
+        case 'm' :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);  
+        case 'y' :return dtEnd.getFullYear() - dtStart.getFullYear();  
+    }  
+}  
+  
+//+---------------------------------------------------  
+//| 日期输出字符串，重载了系统的toString方法  
+//+---------------------------------------------------  
+Date.prototype.toString = function(showWeek)  
+{   
+    var myDate= this;  
+    var str = myDate.toLocaleDateString();  
+    if (showWeek)  
+    {   
+        var Week = ['日','一','二','三','四','五','六'];  
+        str += ' 星期' + Week[myDate.getDay()];  
+    }  
+    return str;  
+}   
+  
+//+---------------------------------------------------  
+//| 日期时间检查  
+//| 格式为：YYYY-MM-DD HH:MM:SS  
+//+---------------------------------------------------  
+function CheckDateTime(str)  
+{   
+    var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;   
+    var r = str.match(reg);   
+    if(r==null)return false;   
+    r[2]=r[2]-1;   
+    var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);   
+    if(d.getFullYear()!=r[1])return false;   
+    if(d.getMonth()!=r[2])return false;   
+    if(d.getDate()!=r[3])return false;   
+    if(d.getHours()!=r[4])return false;   
+    if(d.getMinutes()!=r[5])return false;   
+    if(d.getSeconds()!=r[6])return false;   
+    return true;   
+}   
+  
+//+---------------------------------------------------  
+//| 把日期分割成数组  
+//+---------------------------------------------------  
+Date.prototype.toArray = function()  
+{   
+    var myDate = this;  
+    var myArray = Array();  
+    myArray[0] = myDate.getFullYear();  
+    myArray[1] = myDate.getMonth();  
+    myArray[2] = myDate.getDate();  
+    myArray[3] = myDate.getHours();  
+    myArray[4] = myDate.getMinutes();  
+    myArray[5] = myDate.getSeconds();  
+    return myArray;  
+}  
+  
+//+---------------------------------------------------  
+//| 取得日期数据信息  
+//| 参数 interval 表示数据类型  
+//| y 年 m月 d日 w星期 ww周 h时 n分 s秒  
+//+---------------------------------------------------  
+Date.prototype.DatePart = function(interval)  
+{   
+    var myDate = this;  
+    var partStr='';  
+    var Week = ['日','一','二','三','四','五','六'];  
+    switch (interval)  
+    {   
+        case 'y' :partStr = myDate.getFullYear();break;  
+        case 'm' :partStr = myDate.getMonth()+1;break;  
+        case 'd' :partStr = myDate.getDate();break;  
+        case 'w' :partStr = Week[myDate.getDay()];break;  
+        case 'ww' :partStr = myDate.WeekNumOfYear();break;  
+        case 'h' :partStr = myDate.getHours();break;  
+        case 'n' :partStr = myDate.getMinutes();break;  
+        case 's' :partStr = myDate.getSeconds();break;  
+    }  
+    return partStr;  
+}  
+  
+//+---------------------------------------------------  
+//| 取得当前日期所在月的最大天数  
+//+---------------------------------------------------  
+Date.prototype.MaxDayOfDate = function()  
+{   
+    var myDate = this;  
+    var ary = myDate.toArray();  
+    var date1 = (new Date(ary[0],ary[1],1));
+    var date2 = (new Date(ary[0], ary[1] + 1, 1));
+    var result = date1.DateDiff("d",date2);  
+    return result;  
+}  
+  
+//+---------------------------------------------------  
+//| 字符串转成日期类型   
+//| 格式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd  
+//+---------------------------------------------------  
+function StringToDate(DateStr)  
+{   
+  
+    var converted = Date.parse(DateStr);  
+    var myDate = new Date(converted);  
+    if (isNaN(myDate))  
+    {   
+        //var delimCahar = DateStr.indexOf('/')!=-1?'/':'-';  
+        var arys= DateStr.split('-');  
+        myDate = new Date(arys[0],--arys[1],arys[2]);  
+    }  
+    return myDate;  
+}  
+
+ 
+
+//若要显示:当前日期加时间(如:2009-06-12 12:00)
+
+function CurentTime()
+    { 
+        var now = new Date();
+       
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = now.getDate();            //日
+       
+        var hh = now.getHours();            //时
+        var mm = now.getMinutes();          //分
+       
+        var clock = year + "-";
+       
+        if(month < 10)
+            clock += "0";
+       
+        clock += month + "-";
+       
+        if(day < 10)
+            clock += "0";
+           
+        clock += day + " ";
+       
+        if(hh < 10)
+            clock += "0";
+           
+        clock += hh + ":";
+        if (mm < 10) clock += '0'; 
+        clock += mm; 
+        return(clock);
+    }
+
+
+    function CurentDate() {
+        var now = new Date();
+
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = now.getDate();            //日
+
+        var clock = year + "-";
+
+        if (month < 10)
+            clock += "0";
+
+        clock += month + "-";
+
+        if (day < 10)
+            clock += "0";
+
+        clock += day;
+        return (clock);
+    }
+
+    function MonthFirstDate() {
+        var now = new Date();
+
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = "1";            //日
+
+        var clock = year + "-";
+
+        if (month < 10)
+            clock += "0";
+
+        clock += month + "-";
+
+        if (day < 10)
+            clock += "0";
+
+        clock += day;
+        return (clock);
+    }
+
+    function GetDatePart(nS) {
+        var now = new Date(nS);
+
+        var year = now.getFullYear();       //年
+        var month = now.getMonth() + 1;     //月
+        var day = now.getDate();            //日
+
+        var clock = year + "-";
+
+        if (month < 10)
+            clock += "0";
+
+        clock += month + "-";
+
+        if (day < 10)
+            clock += "0";
+
+        clock += day;
+        return (clock);
+    }
+
+    function getLocalTime(nS) {
+        var S = parseInt(nS).toString();
+
+        if (S.length==13) {
+            return new Date(parseInt(nS)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ").replace(/上午/g, "").replace(/下午/g, "");
+        } else {
+            return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ").replace(/上午/g, "").replace(/下午/g, "");
+        }
+    }   

CallCenterWeb.UI/Script/Common/huayi.config.js

@@ -0,0 +1,11 @@
+if (huayi == undefined) {
+    var huayi = {};
+}
+huayi.config = {
+    callcenter_url: "http://192.168.4.18:4019/",//生产环境 前端Web站IP和端口
+    socket_ip: "192.168.5.7",//WebSocket通讯ip
+    socket_port: "8081",    //WebSocket通讯端口
+    menuworktime: 30000,    //菜单工单数量刷新间隔
+    indextime: 5000         //首页报表刷新间隔
+
+};

CallCenterWeb.UI/Script/Common/huayi.cookies.js

@@ -0,0 +1,13 @@
+if (huayi == undefined) {
+    var huayi = {};
+}
+huayi.coookies = function() {
+    this.uid = helper.cookies.get("uid") != "" ? helper.cookies.get("uid") : "";
+    this.passtoken = helper.cookies.get("passtoken") != "" ? helper.cookies.get("passtoken") : "";
+    this.imgurl = helper.cookies.get("imgurl") != "" ? helper.cookies.get("imgurl") : "0";
+    this.avatarurl = helper.cookies.get("image_avatar_url") != "" ? helper.cookies.get("image_avatar_url") : "http://img.800100.com/PerRes/Common/user/avatar/";
+    this.siteurl = helper.cookies.get("image_site_url") != "" ? helper.cookies.get("image_site_url") : "http://img.800100.com/PerRes/Common/";
+    this.liang = helper.cookies.get("liang") != "" ? helper.cookies.get("liang") : "";
+    this.userlevel = helper.cookies.get("userlevel") != "" ? helper.cookies.get("userlevel") : "";
+    this.agent = helper.cookies.get("agent") != "" ? helper.cookies.get("agent") : "";
+};

CallCenterWeb.UI/Script/Common/huayi.http.js

@@ -0,0 +1,595 @@
+var helper = {};
+
+helper.http = {
+    newXMLHttp: function () {
+        var XMLHttp = null;
+        if (window.XMLHttpRequest) {
+            XMLHttp = new XMLHttpRequest();
+        }
+        if (XMLHttp == null && window.ActiveXObject) {
+            var clsids = ["MSXML2.XMLHttp.7.0", "MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp.2.0", "MSXML2.XMLHttp.1.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"];
+            for (var i = 0; i < clsids.length && XMLHttp == null; i++) {
+                try {
+                    XMLHttp = new ActiveXObject(clsids[i]);
+                } catch (e) {
+                }
+            }
+        }
+        return XMLHttp;
+    },
+    get: function (URL, func) {
+        try {
+            var XMLHttp = this.newXMLHttp();
+            if (typeof (func) != "function") {
+                XMLHttp.open("GET", URL, false);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
+                XMLHttp.send(null);
+            
+                var result = XMLHttp.status;
+                var responseText = XMLHttp.responseText;
+
+                if (result == 200) {
+                    return responseText;
+                } else {
+                    return result;
+                }
+            } else {
+                XMLHttp.onreadystatechange = function () {
+                    if (XMLHttp.readyState == 4) {
+                        if (XMLHttp.status == 200) {
+                            var responseText = XMLHttp.responseText;
+                            func(responseText);
+                        } else {
+                            func(false);
+                        }
+                    }
+                };
+                XMLHttp.open("GET", URL, true);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
+                XMLHttp.send(null);
+            }
+        } catch (e) {
+        }
+    },
+    post: function (URL, data, func) {
+        try {
+            var XMLHttp = this.newXMLHttp();
+            if (typeof (func) != "function") {
+                XMLHttp.open("POST", URL, false);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
+                XMLHttp.send(data);
+
+                var result = XMLHttp.status;
+                var responseText = XMLHttp.responseText;
+
+                if (result == 200) {
+                    return responseText;
+                } else {
+                    return false;
+                }
+            } else {
+                XMLHttp.onreadystatechange = function () {
+                    if (XMLHttp.readyState == 4) {
+                        if (XMLHttp.status == 200) {
+                            var responseText = XMLHttp.responseText;
+                            func(responseText);
+                        } else {
+                            func(false);
+                        }
+                    }
+                };
+
+                XMLHttp.open("POST", URL, true);
+                XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
+                XMLHttp.send(data);
+            }
+        } catch (e) {
+        }
+    }
+};
+
+helper.cookies = {
+    del: function (name) {
+        var exp = new Date();
+        exp.setTime(exp.getTime() - 1);
+        var cval = helper.cookies.get(name);
+        if (cval != null)
+            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
+    },
+    set: function (name, value, remember) {
+        if (remember == true) {
+            var Days = 30;
+            var exp = new Date();
+            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+            document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString();
+        }
+        else {
+            document.cookie = name + "=" + escape(value) + ";path=/";
+        }
+    },
+    setday: function (name, value, remember) {
+        var Days = remember;
+        var exp = new Date();
+        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+        document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString();
+
+    },
+    setdomain: function (name, value, remember) {
+        var domain = window.location.host.split(".");
+        if (remember == true) {
+            var Days = 30;
+            var exp = new Date();
+            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+            document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=." + domain[domain.length - 2] + "." + domain[domain.length - 1];
+        }
+        else {
+            document.cookie = name + "=" + escape(value) + ";path=/" + ";domain=." + domain[1] + "." + domain[2];
+        }
+    },
+    get: function (name) {
+        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+
+        if (arr = document.cookie.match(reg)) {
+            return unescape(arr[2]);
+        } else {
+            return '';
+        }
+    }
+};
+
+/*
+获取URL中指定的参数
+例如：
+URL:test.com/test.aspx?test=t
+var t=help.request.queryString("test");
+得到t
+*/
+helper.request = {
+    queryString:
+	        function (item) {
+	            locationSearch = "";
+	            var tmpLocationArr = location.href.split("?");
+	            if (tmpLocationArr.length > 1) locationSearch = "?" + tmpLocationArr[1];
+	            var svalue = locationSearch.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
+	            var Qvalue = svalue ? svalue[1] : svalue;
+	            if (Qvalue == null) {
+	                return "";
+	            } else {
+	                return Qvalue.trim();
+	            }
+	        },
+    queryurl:
+	        function (url, item) {
+	            locationSearch = "";
+	            var tmpLocationArr = url.split("?");
+	            if (tmpLocationArr.length > 1) locationSearch = "?" + tmpLocationArr[1];
+	            var svalue = locationSearch.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
+	            var Qvalue = svalue ? svalue[1] : svalue;
+	            if (Qvalue == null) {
+	                return "";
+	            } else {
+	                return Qvalue.trim();
+	            }
+	        }
+};
+
+
+helper.pager = {
+
+    //分页
+    PageList1: function (strFunName) {
+        /***总页数***/
+        var intPageCount = parseInt((parseInt(intRecordCount) + parseInt(intPageSize) - 1) / parseInt(intPageSize));
+        if (intPageCount <= 1) {
+            return "";
+        }
+
+        /***页码距***/
+        var intPageCurrent = 10;
+
+        /***起始页码***/
+        var intStartPage = (parseInt((parseInt(intPageIndex) + intPageCurrent - 1) / intPageCurrent) - 1) * intPageCurrent + 1;
+
+        /***结束页码***/
+        var intEndPage = intStartPage + intPageCurrent - 1;
+        if (intPageIndex % intPageCurrent == 0) {
+            intStartPage++;
+            intEndPage++;
+        }
+
+        if (intPageIndex % intPageCurrent - 1 == 0 && intPageIndex != 1) {
+            intStartPage--;
+            intEndPage--;
+        }
+
+        if (intEndPage >= intPageCount) {
+            intEndPage = intPageCount;
+        }
+
+        /***上一页，下一页***/
+        var intUpPage = parseInt(intPageIndex) - 1;
+        var intDownPage = parseInt(intPageIndex) + 1;
+        var strUpPage = "<a href=\"#\" onclick=\"" + strFunName + "(" + intUpPage + ")\" >上一页</a>";
+        var strDownPage = "<a href=\"#\" onclick=\"" + strFunName + "(" + intDownPage + ")\">下一页</a>";
+        if (intUpPage < 1) {
+            //intUpPage = 1;
+            strUpPage = "";
+        }
+        if (intPageIndex >= intPageCount) {
+            //intDownPage = intPageCount;
+            strDownPage = "";
+        }
+
+        /***生成页码列表***/
+        var strPageList = strUpPage;
+
+        for (var i = intStartPage; i <= intEndPage; i++) {
+            if (intPageIndex == i) {
+                /***当前页码***/
+                strPageList += "<a style=\"background-image:url(../images/bg/menublue22.jpg); background-position:bottom; background-repeat:repeat-x; padding:1px 6px;border-radius: 4px 4px 4px 4px; margin-right:3px; border:1px solid #aeb2b1;\" >" + i + "</a>";
+            }
+            else {
+                strPageList += "<a href=\"#\" onclick=\"" + strFunName + "(" + i + ");\">" + i + "</a>";
+            }
+        }
+        strPageList += strDownPage;
+
+        //直接跳转
+        strPageList += "总页数：" + intPageCount + "&nbsp;&nbsp;/&nbsp;&nbsp;";
+        strPageList += "<input type=\"text\" onkeyup=\"this.value=this.value.replace(/\\D/g,'')\" id=\"tb_index\" />";
+        strPageList += "&nbsp;&nbsp;<a style=\"cursor:pointer;\" onclick=\"javascript:helper.pager.checkPageValue()\">跳转</a>";
+        return strPageList;
+
+    },
+    checkPageValue: function () {
+        var intPageIndexNext = document.getElementById('tb_index').value;
+        if (parseInt(intPageIndexNext) == 0) {
+            document.getElementById('tb_index').value = "1";
+            $.jBox.alert('输入页面不能为0', '提示');
+            return;
+        }
+        if (intPageIndexNext == "") {
+            document.getElementById('tb_index').value = "1";
+            $.jBox.alert('输入页面不能为空', '提示');
+            return;
+        }
+        if (intPageIndexNext.length != 0) {
+            var intPageCount = parseInt((parseInt(intRecordCount) + parseInt(intPageSize) - 1) / parseInt(intPageSize));
+            if (intPageIndexNext <= intPageCount) {
+                intPageIndex = intPageIndexNext;
+                loadlist();
+            }
+            else {
+                document.getElementById('tb_index').value = intPageCount;
+                $.jBox.alert('输入页面不能大于总页数', '提示');
+            }
+        }
+        else {
+            document.getElementById('tb_index').value = "1";
+        }
+    },
+    loadJS: function (url) {
+        var domScript = document.createElement('script');
+        domScript.type = "text/javascript";
+        domScript.src = url;
+        domScript.onload = domScript.onreadystatechange = function () {
+            if (!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState) {
+                this.onload = this.onreadystatechange = null;
+                this.parentNode.removeChild(this);
+            }
+        };
+        document.getElementsByTagName('head')[0].appendChild(domScript);
+    }
+};
+
+helper.masklayer = {
+    layer: null,
+    showcount: 0,
+    show: function () {
+        this.layer = document.getElementById("masklayer");
+        if (!this.layer) {
+            this.layer = document.createElement("div");
+            this.layer.id = "masklayer";
+            this.layer.className = "masklayer";
+            /*this.layer.style.position = "absolute";
+            this.layer.style.top = "0";
+            this.layer.style.left = "0";
+            this.layer.style.zIndex = 1000;
+            var width = Math.max(
+            Math.max(document.body.clientWidth, document.documentElement.clientWidth),
+            Math.max(document.body.scrollWidth, document.documentElement.scrollWidth)
+            );
+            var height = Math.max(
+            Math.max(document.body.clientHeight, document.documentElement.clientHeight),
+            Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
+            );
+            this.layer.style.width = width + "px";
+            this.layer.style.height = height + "px";*/
+            this.layer.innerHTML = "<iframe src='/blank.html' style='width:100%;height:100%;background-color:#fff;"
+                + "filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;"
+                + "position:absolute;z-index:999;top:0;left:0;' frameborder='0'></iframe>"
+                + "<div style='width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;background:#000;"
+                + "filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;'></div>";
+            document.body.appendChild(this.layer);
+        }
+        this.showcount++;
+    },
+    hide: function () {
+        if (--this.showcount == 0) {
+            if (this.layer && this.layer.parentNode) {
+                this.layer.parentNode.removeChild(this.layer);
+            }
+        }
+    },
+    moveToCenter: function (e, x, y) {
+        if (e.style.display == "none") e.style.display = "";
+        var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
+        var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
+        if (x > 0) { x += scrollLeft; } else x = parseInt((document.documentElement.clientWidth - e.clientWidth) / 2) + scrollLeft;
+        if (y > 0) { y += scrollTop; } else y = parseInt((document.documentElement.clientHeight - e.clientHeight) / 2) + scrollTop;
+        x = x < 0 ? 0 : x;
+        y = y < 50 ? 50 : y;
+        e.style.left = x + "px";
+        e.style.top = y + "px";
+    }
+};
+
+helper.filter = {
+    Transcoding: function (content) {
+        content = content.replace(/∞L/g, "<");
+        content = content.replace(/∞R/g, ">");
+        content = content.replace(/∞∴/g, "'");
+        content = content.replace(/∞≡/g, "#");
+        content = content.replace(/∞※/g, "\"");
+        return content;
+    }
+};
+function str2asc(strstr) {
+    return ("0" + strstr.charCodeAt(0).toString(16)).slice(-2);
+}
+helper.url = {
+    getpara: function (name) {
+        var val;
+        paras = window.location.search;
+        paras = paras.substr(1);
+        paraarray = paras.split("&");
+        for (i = 0; i < paraarray.length; i++) {
+            temp = paraarray[i].split("=");
+            if (temp[0] == name) {
+                val = temp[1];
+                break;
+            }
+        }
+        if (val == null || val == "") {
+            return "";
+        } else {
+            return val;
+        }
+    }
+};
+helper.sys = {
+    getElementsByClassName: function (pnode, className) {
+        var nodes = pnode.getElementsByTagName('*');
+        var elements = new Array();
+        for (var i = 0; i < nodes.length; i++) {
+            if (nodes[i].className == className) {
+                elements[elements.length] = nodes[i];
+            }
+        }
+        return elements;
+    },
+    removeElement: function (element) {
+        if (element && element.parentNode) {
+
+            element.parentNode.removeChild(element);
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    ,
+    Return: function (url) {
+        top.location.href=url;
+    }
+};
+
+
+helper.DateFormat = {
+    d2s:
+        function (postdate) {
+            var second = 1000;
+            var minutes = second * 60;
+            var hours = minutes * 60;
+            var days = hours * 24;
+            var months = days * 30;
+            var twomonths = days * 365;
+            var myDate = new Date(Date.parse(postdate));
+            if (isNaN(myDate)) {
+                myDate = new Date(postdate.replace(/-/g, "/"));
+            }
+            var nowtime = new Date();
+            var longtime = nowtime.getTime() - myDate.getTime();
+            var showtime = 0;
+            if (longtime > months * 2) {
+                return postdate;
+            }
+            else if (longtime > months) {
+                return "1个月前";
+            }
+            else if (longtime > days * 7) {
+                return ("1周前");
+            }
+            else if (longtime > days) {
+                return (Math.floor(longtime / days) + "天前");
+            }
+            else if (longtime > hours) {
+                return (Math.floor(longtime / hours) + "小时前");
+            }
+            else if (longtime > minutes) {
+                return (Math.floor(longtime / minutes) + "分钟前");
+            }
+            else if (longtime > second) {
+                return (Math.floor(longtime / second) + "秒前");
+            } else {
+                return ("刚刚");
+            }
+        },
+    getPreMonth:
+    /**
+    * 获取上一个月
+    *
+    * @date 格式为yyyy-mm-dd的日期，如：2014-01-25
+    */
+        function (date) {
+            var arr = date.split('-');
+            var year = arr[0]; //获取当前日期的年份
+            var month = arr[1]; //获取当前日期的月份
+            var day = arr[2]; //获取当前日期的日
+            var days = new Date(year, month, 0);
+            days = days.getDate(); //获取当前日期中月的天数
+            var year2 = year;
+            var month2 = parseInt(month) - 1;
+            if (month2 == 0) {
+                year2 = parseInt(year2) - 1;
+                month2 = 12;
+            }
+            var day2 = day;
+            var days2 = new Date(year2, month2, 0);
+            days2 = days2.getDate();
+            if (day2 > days2) {
+                day2 = days2;
+            }
+            if (month2 < 10) {
+                month2 = '0' + month2;
+            }
+            var t2 = year2 + '-' + month2 + '-' + day2;
+            return t2;
+        },
+    getNextMonth:
+    /**
+    * 获取下一个月
+    *
+    * @date 格式为yyyy-mm-dd的日期，如：2014-01-25
+    */
+        function (date) {
+            var arr = date.split('-');
+            var year = arr[0]; //获取当前日期的年份
+            var month = arr[1]; //获取当前日期的月份
+            var day = arr[2]; //获取当前日期的日
+            var days = new Date(year, month, 0);
+            days = days.getDate(); //获取当前日期中的月的天数
+            var year2 = year;
+            var month2 = parseInt(month) + 1;
+            if (month2 == 13) {
+                year2 = parseInt(year2) + 1;
+                month2 = 1;
+            }
+            var day2 = day;
+            var days2 = new Date(year2, month2, 0);
+            days2 = days2.getDate();
+            if (day2 > days2) {
+                day2 = days2;
+            }
+            if (month2 < 10) {
+                month2 = '0' + month2;
+            }
+
+            var t2 = year2 + '-' + month2 + '-' + day2;
+            return t2;
+        },
+    getNowDate: function () {
+        var NowDate;
+        var myDate = new Date();
+        myDate.getYear();       //获取当前年份(2位)    
+        var YY = myDate.getFullYear();   //获取完整的年份(4位,1970-????)    
+        var MM = myDate.getMonth() + 1;       //获取当前月份(0-11,0代表1月)    
+        var DD = myDate.getDate();       //获取当前日(1-31)    
+        myDate.getDay();         //获取当前星期X(0-6,0代表星期天)    
+        myDate.getTime();       //获取当前时间(从1970.1.1开始的毫秒数)    
+        myDate.getHours();       //获取当前小时数(0-23)    
+        myDate.getMinutes();     //获取当前分钟数(0-59)    
+        myDate.getSeconds();     //获取当前秒数(0-59)    
+        myDate.getMilliseconds();   //获取当前毫秒数(0-999)    
+        myDate.toLocaleDateString();     //获取当前日期    
+        var mytime = myDate.toLocaleTimeString();     //获取当前时间    
+        myDate.toLocaleString();       //获取日期与时间    
+        NowDate = YY + "-" + MM + "-" + DD;
+
+        return NowDate;
+    }
+    ,
+    getFirstDayInCurrentMonth: function () {
+        var NowDate;
+        var myDate = new Date();
+        myDate.getYear();       //获取当前年份(2位)    
+        var YY = myDate.getFullYear();   //获取完整的年份(4位,1970-????)    
+        var MM = myDate.getMonth() + 1;       //获取当前月份(0-11,0代表1月)    
+        var DD = myDate.getDate();       //获取当前日(1-31)    
+        NowDate = YY + "-" + MM + "-1";
+
+        return NowDate;
+    }
+};
+helper.string = {
+    stringbuilder: function () {
+        this.arr = new Array();
+        this.append = function (str) {
+            this.arr.push(str);
+        };
+        this.tostring = function () {
+            return this.arr.join('');
+        };
+    }
+};
+helper.init = {
+    setajax: function (isload) { /// 配置AJAX
+        $(document).on("ajaxStart", function () {
+            if (isload) {
+                //加载框显示
+            }
+        }).on("ajaxSuccess", function (e, jqXHR, s, data) {
+            try {
+                if (s.type == "POST") {
+                    if (typeof (data)!='object') {
+                        data = $.parseJSON(data);
+                    }
+                }
+                if (s.type == "GET") {
+                    data = data
+                }
+                if (data.state.toLowerCase() == "notoken") {
+                    top.window.location.href = "/login.html";
+                    return;
+                }
+                if (data.state.toLowerCase() == "unauthorized") {
+                    layer.confirm(data.message, {
+                        btn: ['确定'] //按钮
+                    });
+                }
+                if (data.state.toLowerCase() == "error") {
+                    layer.confirm(data.message, {
+                        btn: ['确定'] //按钮
+                    });
+                }
+            } catch (e) {
+                if (isload) {
+                    //加载框消失
+                }
+            }
+        }).on("ajaxStop", function () {
+            if (isload) {
+                //加载框消失
+            }
+        })
+    },
+    setdh:function(){
+    	$(document).ready(function(){
+    		$("#ReIndex").click(function(){
+    			top.$("iframe:visible")[0].src = "widgets.html";
+    		})
+    	})
+    }
+}
+helper.init.setajax();
+helper.init.setdh();

CallCenterWeb.UI/Script/Common/huayi.load.js

@@ -0,0 +1,44 @@
+var huayi = {};
+
+//huayi.local ={
+//    curWwwPath: window.document.location.href,
+//    pathName : window.document.location.pathname, 
+//    hostPath: window.document.location.href.substring(0, window.document.location.href.indexOf(window.document.location.pathname)) + window.document.location.pathname.substring(0, window.document.location.pathname.substr(1).indexOf('/') + 1)
+//};
+
+
+function GetPath() {
+    var curWwwPath = window.document.location.href;
+    //为了便于前端测试，便宜行事的解决方案
+    if (curWwwPath.indexOf("127.0.0.1")>0) {
+        var pathName = window.document.location.pathname;
+        var pos = curWwwPath.indexOf(pathName);
+        var localhostPaht = curWwwPath.substring(0, pos);
+        var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
+        var realPath = localhostPaht + projectName;
+        return realPath;
+    }
+    else {
+        return '';
+    }
+}
+
+
+var hostPath = GetPath();
+
+
+
+
+document.write(" <link href=\"" + hostPath + "/css/bootstrap.min14ed.css?v=3.3.6\" rel=\"stylesheet\" type=\"text/css\" />");
+document.write(" <link href=\"" + hostPath + "/css/boot/bootstrap-table.css\" rel=\"stylesheet\" type=\"text/css\" />");
+document.write(" <link href=\"" + hostPath + "/css/font-awesome.min93e3.css?v=4.4.0\" rel=\"stylesheet\" type=\"text/css\" />");
+document.write(" <link href=\"" + hostPath + "/css/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />");
+document.write(" <link href=\"" + hostPath + "/css/style.min862f.css?v=4.1.0\" rel=\"stylesheet\" type=\"text/css\" />");
+
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/jquery.min.js?v=2.1.4\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/jquery.cookie.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/bootstrap.min.js?v=3.3.6\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/bootstrap-table.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/js/bootstrap-table-zh-CN.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/css/layer/layer.js\"></script>");
+document.write(" <script language=\"javascript\" type=\"text/javascript\" src=\"" + hostPath + "/Script/Common/huayi.http.js\"></script>");

CallCenterWeb.UI/Script/test.js

@@ -0,0 +1,7 @@
+function Login() {
+
+    //var ss = helper.http.get("http://localhost:61861/interface/GetData.asmx/GetData?P=CeShi/CS&r=1111" + Math.random());
+    var ss = helper.http.get("http://localhost:801/Home/ss");
+        alert(ss);
+
+}

CallCenterWeb.UI/ShuJuDuiBi.html

@@ -0,0 +1,292 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<script src="Script/Common/huayi.load.js"></script>
+    	<script src="Script/Common/huayi.config.js"></script>
+		<title>呼叫数据对比</title>
+		<!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+		<link href="./css/animate.min.css" rel="stylesheet">
+		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
+		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
+		<link rel="stylesheet" href="./css/init.css" />
+		<style type="text/css">
+			.shuju-top{
+				font-size: 12px;
+			}
+			.shuju-top {
+				background: #f3f3f4;
+				height: 60px;
+				padding: 10px 20px;
+			}
+			
+			.shuju-top .topCon select {
+				padding: 2px;
+				height: 28px;
+				border: 1px solid #ebebeb;
+				color: #1ab394;
+				outline: none;
+				vertical-align: middle;
+			}
+			.topCon {
+				float: right;
+				margin-right: 20px;
+			}
+			
+			.shuju-con {
+				width: 90%;
+				height: 600px;
+				margin: 20px auto;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg" style="background: #fefefe;">
+		<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">话务运营分析</a>&gt;<a href="" class="nowPosition">总呼数据图形分析</a></sapn>
+				</div>
+				
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+		<div class="shuju-top">
+			<div class="topCon">
+				选择年份：
+				<select name="" id="first">
+					<option value="0">请选择</option>
+					<option value="2009">2009</option>
+					<option value="2010">2010</option>
+					<option value="2011">2011</option>
+					<option value="2012">2012</option>
+					<option value="2013">2013</option>
+					<option value="2014">2014</option>
+					<option value="2015">2015</option>
+					<option value="2016" selected="selected">2016</option>
+					<option value="2017">2017</option>
+					<option value="2018">2018</option>
+					<option value="2019">2019</option>
+					<option value="2020">2020</option>
+					<option value="2021">2021</option>
+					<option value="2022">2022</option>
+					<option value="2023">2023</option>
+					<option value="2024">2024</option>
+					<option value="2025">2025</option>
+					<option value="2026">2026</option>
+					<option value="2027">2027</option>
+					<option value="2028">2028</option>
+					<option value="2029">2029</option>
+					<option value="2030">2030</option>
+				</select>
+				对比：
+				<select name="" id="last">
+					<option value="0">请选择</option>
+					<option value="2009">2009</option>
+					<option value="2010">2010</option>
+					<option value="2011">2011</option>
+					<option value="2012">2012</option>
+					<option value="2013">2013</option>
+					<option value="2014">2014</option>
+					<option value="2015">2015</option>
+					<option value="2016">2016</option>
+					<option value="2017" selected="selected">2017</option>
+					<option value="2018">2018</option>
+					<option value="2019">2019</option>
+					<option value="2020">2020</option>
+					<option value="2021">2021</option>
+					<option value="2022">2022</option>
+					<option value="2023">2023</option>
+					<option value="2024">2024</option>
+					<option value="2025">2025</option>
+					<option value="2026">2026</option>
+					<option value="2027">2027</option>
+					<option value="2028">2028</option>
+					<option value="2029">2029</option>
+					<option value="2030">2030</option>
+				</select>
+				<button class="btns sear">搜索</button>
+				<a class="btns export">导出</a>
+			</div>
+		</div>
+		<div class="shuju-con">
+			<h2 style="text-align: center;font-size: 18px;">呼叫数据对比</h2>
+			<div id="hjCompaer" style="height: 100%;width: 100%;"></div>
+		</div>
+
+		<script src="./js/jquery.min.js?v=2.1.4"></script>
+		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
+		<script src="./js/jquery.cookie.js"></script>
+		<script src="./css/laydate/laydate.js"></script>
+		<script src="./js/echarts.common.min.js"></script>
+
+		<script>
+			
+			$(function() {
+				var token = $.cookie("token");
+				var beginyear,//开始年份
+				    endyear,//结束年份
+				    hjCompaer,//图形
+                    legendCon;//图形legend
+			$(document).ready(function(){
+				hjCompaer = echarts.init(document.getElementById('hjCompaer'));
+				option = {
+					tooltip: {
+						trigger: 'axis',
+					},
+					legend: {
+						data: legendCon,
+						bottom: 0
+					},
+					xAxis: [{
+						type: 'category',
+						data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+						axisPointer: {
+							type: ''
+						}
+					}],
+					yAxis: [{
+							type: 'value',
+							name: '电话数量',
+							nameLocation:'middle',
+							nameGap:40,
+							min: 0,
+							max: 500,
+							interval: 50,
+							axisLabel: {
+								formatter: '{value} '
+							}
+
+						},
+						{
+							type: 'value',
+							name: '百分比',
+							nameLocation:'middle',
+							nameGap:35,
+							min: 0,
+							max: 100,
+							interval: 10,
+							axisLabel: {
+								formatter: '{value} '
+							}
+						}
+					],
+					series: [{
+							name:'',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '',
+							type: 'line',
+							data: []
+						},
+						{
+							name: '',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '',
+							type: 'bar', 
+							yAxisIndex: 1,
+							data: []
+						},
+						{
+							name: '',
+							type: 'line',
+							yAxisIndex: 1,
+							data: []
+						}
+					],
+					color: ['#1ab394', '#adcbfd', '#fbbe5b', '#f26ea2', '#88ebc4', '#fa957f']
+				};
+				hjCompaer.setOption(option);
+			});
+			      //搜索事件
+			        $(".sear").click(function(){
+				         beginyear=$('#first').val();
+						 endyear=$('#last').val();
+//						 console.log(beginyear);
+//						 console.log(endyear);
+						 if(beginyear==''||endyear==''){
+						 	  layer.confirm('请选择对比时间！', {
+                            btn: ['确定']
+                        });
+                        return;
+						 }else if(beginyear==endyear){
+						 	  layer.confirm('请选择不同的对比年份！', {
+                            btn: ['确定']
+                        });
+                        return;
+						 }else{
+						 		Ajax(beginyear,endyear);
+			      	    hjCompaer.setOption(option);
+						 }
+				      
+			        });
+			        
+			        function Ajax(beginyear,endyear){
+			        	var arr=[];
+			        	var allData=[];
+			        	$.ajax({
+			        		type:'get',
+			        		url:huayi.config.callcenter_url+'YearContrast/GetDataList',
+			        		dataType:'json',
+			        		data:{
+			        			token:token,
+			        			beginyear:beginyear,
+			        			endyear:endyear
+			        		},
+		        	    	async:false,
+			        		success:function(res){
+			        			var content=res.data;
+		        			   
+			        			$.each(content, function(index,ele) {
+			        				arr.push(content[index].key)
+			        				allData.push(content[index].value)
+			        				//console.log(allData);
+			        			});
+			        		}
+			        	});
+			        	legendCon=arr;
+			        	seriesData=allData;
+			        	//console.log(legendCon);
+			        	option.legend.data=legendCon;//图例
+			        	option.series[0].name=legendCon[0];//图例
+			        	//添加数据name
+			        	for(var i=0;i<legendCon.length;i++){
+			        		option.series[i].name=legendCon[i];
+			        	}
+			        	//添加图形数据
+			        	for(var j=0;j<seriesData.length;j++){
+			        		option.series[j].data=seriesData[j];
+			        	}
+			        }
+			    	
+              //导出功能
+              	$('.export').click(function() {
+					dcexcel(this);
+				})
+		   function dcexcel(obj) {
+            var url = huayi.config.callcenter_url + "YearContrast/ExptList?token=" + $.cookie("token");
+                url += "&beginyear=" + $("#first").val() + "&endyear=" + $("#last").val();
+                obj.href = url;
+       		 }
+		
+			});
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/SysConfig/1.json

@@ -0,0 +1,29 @@
+[
+	{
+	"Ld":"15938076880",
+	"Ltime":"1212",
+	"Hf":"1212",
+	"Liuyan":"1213"
+	},
+	{
+	"Ld":"15938076880",
+	"Ltime":"1212",
+	"Hf":"1212",
+	"Liuyan":"1213"
+	
+	},
+	{
+	"Ld":"15938076880",
+	"Ltime":"1212",
+	"Hf":"1212",
+	"Liuyan":"1213"
+	
+	},
+	{
+	"Ld":"15938076880",
+	"Ltime":"1212",
+	"Hf":"1212",
+	"Liuyan":"1213"
+	
+	}
+ ]

CallCenterWeb.UI/SysConfig/Services.config

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Services>
+  <ApiDomain>http://localhost:801/</ApiDomain>
+  <Keys>LYYU80DV3465QSF1</Keys>
+</Services>

CallCenterWeb.UI/SystemManager/MenuManage.html

@@ -0,0 +1,598 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+    <link rel="stylesheet" href="../css/init.css" />
+    <link href="./css/buMenManger.css" rel="stylesheet" />
+    <title>系统管理-->菜单设置</title>
+    <style>
+    	.boxCon table th {
+    width: 42%;
+}
+    </style>
+</head>
+<body>
+    <div class="container-fluid">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">权限管理</a>&gt;<a href="" style="color: #000;">菜单设置</a></sapn>
+            </div>
+        </div>
+        <div class="toolBar">
+            <button class="btns add">添加</button>
+            <button class="btns change">修改</button>
+            <button class="btns del">删除</button>
+        </div>
+        <div class="tree">
+            <ul id="treeDemo" class="ztree">
+                <!--类名为ztree是必须的-->
+            </ul>
+        </div>
+
+    </div>
+    <!--添加弹出内容-->
+    <div class="model addModel">
+        <div class="box">
+            <div class="btop clearfix">
+                <p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
+                <p class="btr addBtr" title="关闭">X</p>
+            </div>
+            <div class="boxCon">
+            	<table>
+            		<tbody>
+            			<tr>
+            				<th>父级分类：</th>
+            				<td>
+            					<div class="inpBox">
+			                        <input type="text" class="inps inps1" />
+			                        <i class="xl xl_one"></i>
+			                        <div class="addTree xlAdd">
+			                            <ul id="addTreeDemo" class="ztree"></ul>
+	                       		 </div>
+                   				</div>
+            				</td>
+            			</tr>
+            			<!--<tr>
+            				<th>添加类型：</th>
+            				<td>
+            					<select class="inpBox inps2" id="selecttype">
+			                        <option value="0">菜单</option>
+			                        <option value="1">页面</option>
+			                        <option value="2">权限</option>
+			                    </select>
+            				</td>
+            			</tr>-->
+            			<tr>
+            				<th>名    称：</th>
+            				<td>
+            					<input class="inps inps3" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>代    码：</th>
+            				<td>
+            					<input class="inps inps4" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>菜单链接：</th>
+            				<td>
+            					<input class="inps inps5" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>是否启用：</th>
+            				<td>
+            					<input class="inps7" type="checkbox" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>备    注：</th>
+            				<td>
+            					<input class="inps inps8" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>排序编码：</th>
+            				<td>
+            					<input class="inps inps9" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<!--<th>排序编码：</th>-->
+            				<td colspan="2" style="text-align: center;">
+            					<button class="btns addCun">保存</button>
+            				</td>
+            			</tr>
+            		</tbody>
+            	</table>
+            </div>
+        </div>
+
+    </div>
+    <!--删除弹出内容-->
+    <div class="model delModel">
+        <div class="box">
+            <div class="btop clearfix">
+                <p class="btl"><span>删除提示</span></p>
+                <p class="btr delBtr" title="关闭">X</p>
+            </div>
+            <div class="boxCon" style="height: 150px;">
+                您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
+
+                <p style="margin-top: 30px;">
+                    <button class="btns sure">确定</button>
+                    <button class="btns return">取消</button>
+                </p>
+                <!--<p style="color: red;">注：若该分类下包含知识库内容会一并删除</p>-->
+            </div>
+
+        </div>
+
+    </div>
+    <!--修改弹出内容-->
+    <div class="model changeModel">
+        <div class="box">
+            <div class="btop clearfix">
+                <p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;栏目</p>
+                <p class="btr changeBtr" title="关闭">X</p>
+            </div>
+            <div class="boxCon">
+            	<table>
+            		<tbody>
+            			<tr>
+            				<th> 父级分类：</th>
+            				<td> 
+            					<div class="inpBox">
+                        <input type="text" class="inps inps1_chg" />
+                        <i class="xl xl_one"></i>
+                        <div class="addTree xlAdd">
+                            <ul id="changeTreeDemo" class="ztree"></ul>
+                        </div>
+                    </div></td>
+            			</tr>
+            			<!--<tr>
+            				<th>
+            					修改类型：
+            				</th>
+            				<td>
+            					    <select class="inpBox inps2_chg" id="selecttype">
+                        <option value="0">菜单</option>
+                        <option value="1">页面</option>
+                        <option value="2">权限</option>
+                    </select>
+            				</td>
+            			</tr>-->
+            			<tr>
+            				<th>
+            					名    称：
+            				</th>
+            				<td>
+            					<input class="inps inps3_chg" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>
+            					代    码：
+            				</th>
+            				<td>
+            					<input class="inps inps4_chg" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>
+            					菜单链接：
+            				</th>
+            				<td>
+            					<input class="inps inps5_chg" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>
+            					是否启用：
+            				</th>
+            				<td>
+            					<input class="inps7_chg" type="checkbox" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>
+            					备    注：
+            				</th>
+            				<td>
+            					<input class="inps inps8_chg" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<th>
+            					排序编码：
+            				</th>
+            				<td>
+            					<input class="inps inps9_chg" type="text" />
+            				</td>
+            			</tr>
+            			<tr>
+            				<td colspan="2" style="text-align: center;">
+            					<button class="btns changeCun">保存</button>
+            				</td>
+            			</tr>
+            		</tbody>
+            	</table>
+            	
+            </div>
+        </div>
+
+    </div>
+
+    <script src="../js/jquery.min.js?v=2.1.4"></script>
+    <script src="../js/bootstrap.min.js"></script>
+    <script src="../js/zTree/jquery.ztree.core.js"></script>
+    <script src="../js/jquery.cookie.js"></script>
+    <script>
+        var tps = $('.tps');
+        var id = ''; //当前节点id
+        var name; //当前节点name
+        var pid; //当前节点父ID
+        var pidName;//
+        var xlName; //添加弹出框内下拉框内节点name
+        var token = $.cookie("token");
+        tree();
+
+        function tree() {
+            $.get(huayi.config.callcenter_url + 'ModuleInfo/GetTreeList', {
+                "token": $.cookie("token")
+            }, function (result) {
+                result = $.parseJSON(result);
+                $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
+            });
+        }
+
+        var setting1 = {
+            data: {
+                key: {
+                    name: "text"
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: "id",
+                    rootPId: 0
+                }
+            },
+            callback: {
+                onClick: zTreeOnClick
+            }
+        };
+
+        function zTreeOnClick(event, treeId, treeNode) {
+            id = treeNode.id;
+            name = treeNode.text;
+            var parent = treeNode.getParentNode();
+            if (parent) {
+                pidName = parent.text;
+                pid = parent.id;
+            } else {
+                pidName = "顶级分类";
+                pid = 0;
+            }
+        };
+        var setting2 = {
+            data: {
+                key: {
+                    name: "text"
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: "id",
+                    rootPId: 0
+                }
+            },
+            callback: {
+                onClick: addTreeClick
+            }
+        }
+
+        function addTreeClick(event, treeId, treeNode) {
+            addPid = treeNode.id;
+            console.log(addPid);
+            xlName = treeNode.text;
+            $('.inps1').val(xlName);
+
+        };
+        //删除按钮
+        $('.del').click(function () {
+            if (id == 'null' || id == '') {
+                layer.confirm('没有要删除的分类！', {
+                    btn: ['确定']
+                });
+                return
+            } else {
+                $('.delModel').css('display', 'block');
+                $('.delName').html(name);
+            }
+        })
+        //关闭按钮
+        $('.delBtr').click(function () {
+            $('.delModel').css('display', 'none');
+        })
+        //确定删除按钮
+        $('.sure').click(function () {
+            $.ajax({
+                type: "post",
+                url: huayi.config.callcenter_url + "ModuleInfo/DelModule",
+                async: true,
+                dataType: 'json',
+                data: {
+                    ids: id,
+                    token: token
+                },
+                success: function (data) {
+                    if (data.state == "success") {
+                        layer.msg("删除成功！");
+                        tree();
+                    }
+                }
+            });
+            $('.delModel').css('display', 'none');
+
+        })
+        //取消删除按钮
+        $('.return').click(function () {
+            $('.delModel').css('display', 'none');
+        })
+
+        //添加按钮
+        $('.add').click(function () {
+            $('.addModel').css('display', 'block');
+            if (pidName) {
+                tps.html(name);
+                $('.inps1').val(name);
+                addPid = id;
+            } else {
+                tps.html('顶级分类');
+                $('.inps1').val('顶级分类');
+                addPid = 0;
+            }
+            treeCont();
+
+        })
+        //添加关闭按钮
+        $('.addBtr').click(function () {
+            $('.addModel').css('display', 'none');
+        })
+        //添加内容下拉
+        $('.inps1').focus(function () {
+            $('.xlAdd').css('display', 'block')
+        })
+        $('.xl_one').click(function () {
+            if ($('.xlAdd').css('display') == 'block') {
+                $('.xlAdd').css('display', 'none')
+            } else {
+                $('.xlAdd').css('display', 'block')
+            }
+        })
+        $('.addTree').mouseleave(function () {
+            $(this).css('display', 'none')
+        })
+        //保存添加按钮
+        var addPid, addDeptname, addSort;
+        //添加弹出框内 所属部门下拉框内数据
+        function treeCont() {
+            $.get(huayi.config.callcenter_url + 'ModuleInfo/GetTreeList', {
+                "token": $.cookie("token")
+            }, function (result) {
+                result = $.parseJSON(result);
+                $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
+            });
+
+        }
+        $('.addCun').click(function () {
+            //				console.log(addPid);
+            //if ($('.inps2').val() == "" || $('.inps3').val() == "") {
+            //    if (did.length <= 0) {
+            //        layer.confirm('所添加内容不能为空！', {
+            //            btn: ['确定']
+            //        });
+            //        return;
+            //    }
+            //} else {
+
+            addName = $('.inps3').val();
+            addCode = $('.inps4').val();
+            addUrl = $(".inps5").val();
+            addState = $('.inps7').prop('checked');
+            addRemark = $('.inps8').val();
+            addSort = $('.inps9').val();
+            $('.addModel').css('display', 'none');
+            $.ajax({
+                type: "post",
+                url: huayi.config.callcenter_url + "ModuleInfo/AddModule",
+                dataType: 'json',
+                async: true,
+                data: {
+                    parentid: id,//当前选择节点ID
+                    code: addCode,
+                    name: addName,//部门名称
+                    url: addUrl,
+                    flag: addState,
+                    remark: addRemark,
+                    sort: addSort,//排列序号
+                    token: token
+                },
+                success: function (data) {
+                    //					console.log(data)
+                    //					console.log(data.state);
+                    if (data.state == "success") {
+                        layer.msg("添加成功！");
+                        tree();
+
+                    }
+                }
+
+            });
+
+            //}
+        })
+
+        //修改按钮
+        var chanPid, //修改弹出框内 下拉框父节点ID
+            chanId, //修改弹出框内 下拉框当前节点ID
+            changeName, //修改弹出框内 下拉框当前节点name
+            chbcName, //保存的部门名称
+            chbcSort, //保存的排序号
+            chbcPid; //保存的所属部门ID
+        $('.change').click(function () {
+            if (id == 'null' || id == '') {
+                layer.confirm('没有选择要修改的部门！', {
+                    btn: ['确定']
+                })
+                return
+            } else {
+                changeAjax(id);
+                $('.changeModel').css('display', 'block');
+                $('.chtps').html(name);
+                changeTreeCont();
+            }
+
+        });
+        //关闭按钮
+        $('.changeBtr').click(function () {
+            $('.changeModel').css('display', 'none');
+        });
+        $('.inps4').focus(function () {
+            $('.xlChange').css('display', 'block')
+        })
+        //下拉按钮功能
+        $('.xl_two').click(function () {
+            if ($('.xlChange').css('display') == 'block') {
+                $('.xlChange').css('display', 'none')
+            } else {
+                $('.xlChange').css('display', 'block')
+            }
+        })
+        //修改弹出框内 下拉树形图参数配置项
+        var setting3 = {
+            data: {
+                key: {
+                    name: "text"
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: "id",
+                    rootPId: 0
+                }
+            },
+            callback: {
+                onClick: changeTreeClick
+            }
+        }
+
+        function changeTreeClick(event, treeId, treeNode) {
+            //		chanPid = treeNode.pId;
+            chanId = treeNode.id;
+            changeName = treeNode.text;
+            $('.inps1_chg').val(changeName);
+            var pidnode = treeNode.getParentNode();
+            if (pidnode) {
+                chanPid = pidnode.id;
+                $('.inps1_chg').val(changeName);
+            } else {
+                chanPid = 0;
+            }
+        };
+
+        //修改弹出框内 所属部门下拉框内数据
+        function changeTreeCont() {
+            $.get(huayi.config.callcenter_url + 'ModuleInfo/GetTreeList', {
+                token: token
+            }, function (result) {
+                result = $.parseJSON(result);
+                $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
+            });
+        }
+
+        function changeAjax(id) {
+            $.ajax({
+                type: "get",
+                url: huayi.config.callcenter_url + "ModuleInfo/GetModule",
+                dataType: 'json',
+                async: true,
+                data: {
+                    mId: id,
+                    token: token
+                },
+                success: function (res) {
+                    var data = res.data;
+                    if (pid == null) {
+                        pid == 0;
+                        $('.inps1_chg').val('顶级分类');
+                        chbcPid == 0;
+                    } else {
+                        $('.inps1_chg').val(pidName);
+                        chbcPid = pid;
+                    }
+                    $('.inps3_chg').val(data.name);
+                    $('.inps4_chg').val(data.code);
+                    $('.inps5_chg').val(data.url);
+                    if (data.enable == 1) { $('.inps7_chg').prop("checked", "checked"); }
+                    $('.inps8_chg').val(data.remark);
+                    $('.inps9_chg').val(data.sort);
+                }
+            });
+        }
+        //修改的保存按钮功能
+        function changeBaoCunAjax() {
+            var chgName = $('.inps3_chg').val();
+            var chgCode = $('.inps4_chg').val();
+            var chgUrl = $(".inps5_chg").val();
+            var chgState = $('.inps7_chg').prop('checked');
+            var chgRemark = $('.inps8_chg').val();
+            var chgSort = $('.inps9_chg').val();
+            $.ajax({
+                type: "post",
+                url: huayi.config.callcenter_url + "ModuleInfo/EditModule",
+                async: true,
+                dataType: 'json',
+                data: {
+                    id: id,
+                    parentid: chanId,//当前选择节点ID
+                    code: chgCode,
+                    name: chgName,//部门名称
+                    url: chgUrl,
+                    flag: chgState,
+                    remark: chgRemark,
+                    sort: chgSort,//排列序号
+                    token: token
+                },
+                success: function (data) {
+                    if (data.state == "success") {
+                        layer.msg("修改成功！");
+                        tree();
+                    }
+                }
+            });
+        }
+
+        $('.changeCun').click(function () {
+            //if ($('.inps4').val() == "" || $('.inps5').val() == "" || $('.inps6').val() == "") {
+            //    layer.confirm('所修改内容不允许为空！', {
+            //        btn: ['确定']
+            //    });
+            //    return;
+            //} else {
+            $('.changeModel').css('display', 'none');
+            console.log('部门id' + id + '所属部门id' + chbcPid + '部门名称' + chbcName + '排序' + chbcSort);
+            chbcPid;
+            chbcName = $('.inps5').val();
+            chbcSort = $('.inps6').val();
+            changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
+            //}
+
+        })
+
+    </script>
+</body>
+
+</html>

CallCenterWeb.UI/SystemManager/SeatAuthorizationManage.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+    <link rel="stylesheet" href="../css/init.css" />
+    <link href="./css/buMenManger.css" rel="stylesheet" />
+    <title>系统管理-->坐席授权设置</title>
+    <style>
+        .btn{padding:3px 6px!important;}
+        .inps{padding:4px 6px!important; border:#ccc 1px solid; height:26px; border-radius:3px}
+    </style>
+</head>
+<body>
+    <div class="container-fluid">
+        <div class="daoHang clearfix">
+            <div class="dhLeft">
+                <sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">权限管理</a>&gt;<a href="" style="color: #000;">坐席授权</a></sapn>
+            </div>
+        </div>
+        <div class="toolBar">
+            坐席授权设置
+        </div>
+        <div>
+            <input type="text" id="txtmaxseat" class="inps"/>
+            <input type="hidden" id="hidSecurityKey" class="inps"/>
+            <button class="btn updatechange">保存</button> <span id="hidtxt" style="color:#f00;"></span>
+        </div>
+        <div class="tree">
+            <ul id="treeDemo" class="ztree">
+                <!--类名为ztree是必须的-->
+            </ul>
+        </div>
+
+    </div>
+
+    <script>
+        var token = $.cookie("token");
+        $(function () {
+            getinfo();
+            //按钮
+            $('.updatechange').click(function () {
+                updateInfo();
+            })
+        })
+        function getinfo() {
+            $.ajax({
+                type: "get",
+                url: huayi.config.callcenter_url + "SysConfig/GetSeatPermissionInfo",
+                dataType: 'json',
+                async: true,
+                data: { token: token },
+                success: function (res) {
+                    var data = res.data;
+                    if (data != "{}") {
+                        $("#txtmaxseat").val(data.F_MaxSeat);
+                        $("#hidSecurityKey").val(data.F_SecurityKey);
+                        $("#hidtxt").text("");
+                    }
+                }
+            });
+        };
+        //修改的保存按钮功能
+        function updateInfo() {
+            var maxseat = $("#txtmaxseat").val();
+            var SecurityKey = $("#hidSecurityKey").val();
+            if (isNaN(maxseat)) {
+                layer.msg("请填写正确的坐席数！");
+            }
+            $.ajax({
+                type: "post",
+                url: huayi.config.callcenter_url + "SysConfig/SaveSeatPermission",
+                async: true,
+                dataType: 'json',
+                data: {
+                    F_MaxSeat: maxseat == "" ? 0 : maxseat,
+                    F_SecurityKey: SecurityKey,
+                    token: token
+                },
+                success: function (data) {
+                    if (data.state == "success") {
+                        getinfo();
+                        $("#hidtxt").text("");
+                        layer.msg("修改成功！");
+                    } else {
+                        $("#hidtxt").text("请填写坐席数");
+                    }
+                }
+            });
+        };
+    </script>
+</body>
+
+</html>
+<script src="../js/jquery.min.js?v=2.1.4"></script>
+<script src="../js/bootstrap.min.js"></script>
+<script src="../js/zTree/jquery.ztree.core.js"></script>
+<script src="../js/jquery.cookie.js"></script>

CallCenterWeb.UI/SystemManager/buMenManger.html

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+   		<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<link rel="stylesheet" href="./css/buMenManger.css" />
+		<title>系统管理-->部门管理</title>
+	</head>
+	<body>
+		<div class="container-fluid">
+				<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">权限管理</a>&gt;<a href="" class="nowPosition">部门管理</a></sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="toolBar">
+				<button class="btns add">添加</button>
+				<button class="btns change">修改</button>
+				<button class="btns del">删除</button>
+			</div>
+			<div class="tree">
+				<ul id="treeDemo" class="ztree">
+					<!--类名为ztree是必须的-->
+				</ul>
+			</div>
+
+		</div>
+		<!--添加弹出内容-->
+		<div class="model addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
+					<p class="btr addBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<div>所属部门：
+						<div class="inpBox">
+							<input type="text" class="inps inps1" />
+							<i class="xl xl_one"></i>
+							<div class="addTree xlAdd">
+								<ul id="addTreeDemo" class="ztree">
+									
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div>部门名称：<input class="inps inps2" type="text" /></div>
+					<div>排列序号：<input class="inps inps3" type="text" /></div>
+					<div><button class="btns addCun">保存</button></div>
+				</div>
+			</div>
+
+		</div>
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除提示</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
+
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+					<!--<p style="color: red;">注：若该分类下包含知识库内容会一并删除</p>-->
+				</div>
+
+			</div>
+
+		</div>
+		<!--修改弹出内容-->
+		<div class="model changeModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
+					<p class="btr changeBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<div>所属部门：
+						<div class="inpBox">
+							<input type="text" class="inps inps4" />
+							<i class="xl xl_two"></i>
+							<div class="addTree xlChange">
+								<ul id="changeTreeDemo" class="ztree">
+									
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div>部门名称：<input class="inps inps5" type="text" /></div>
+					<div>排列序号：<input class="inps inps6" type="text" /></div>
+					<div><button class="btns changeCun">保存</button></div>
+				</div>
+			</div>
+
+		</div>
+	
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="../css/layer/layer.js"></script>
+	<script src="./js/buMenManger.js"></script>
+	</body>
+	
+</html>

CallCenterWeb.UI/SystemManager/caoZuoRiZhi.html

@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+    	<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../css/laydate/need/laydate.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<title>系统管理-->登录日志</title>
+		<style>
+			.clearfix:after {
+				content: "";
+				display: block;
+				clear: both;
+			}
+			
+			.toolBar {
+				padding: 15px 0;
+				border-bottom: 1px solid #ccc;
+				margin-bottom: 25px;
+				padding-right: 45px;
+			}
+			
+			.toolBar input {
+				width: 128px;
+				padding: 2px 2PX 2PX 10PX;
+				height: 28px;
+				border: 1px solid #ebebeb;
+				color: #1ab394;
+				outline: none;
+				vertical-align: middle;
+			}
+			
+			.btns {
+				    background: #1ab394;
+				    color: #fff;
+				    padding: 3px 10px;
+				    outline: none;
+				    font-size: 12px;
+				    margin-left: 15px;
+				    border: 0;
+				    border-radius: 3px;
+			}
+			
+			.model {
+				position: fixed;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+				height: 100%;
+				width: 100%;
+				background: rgba(0, 0, 0, 0.48);
+				z-index: 100;
+				display: none;
+			}
+			
+			.box {
+				width: 30%;
+				margin: 0 auto;
+				margin-top: 5%;
+			}
+			
+			.box .btop {
+				height: 35px;
+				background: #1ab394;
+				color: #fff;
+				line-height: 35px;
+				padding: 0 15px;
+				/*margin-bottom: 15px;*/
+			}
+			
+			.box .btop p.btl {
+				float: left;
+				margin: 0;
+			}
+			
+			.box .btop p.btr {
+				float: right;
+				cursor: pointer;
+				margin: 0;
+				font-size: 20px;
+			}
+			
+			.box>input {
+				display: block;
+				height: 34px;
+				padding: 6px 12px;
+				font-size: 14px;
+				line-height: 1.42857143;
+				color: #555;
+				background-color: #fff;
+				background-image: none;
+				border: 1px solid #ccc;
+				border-radius: 4px;
+				margin: 35px auto;
+			}
+			
+			.boxCon {
+				width: 100%;
+				background: #fff;
+				text-align: center;
+				padding: 10px 15px;
+				height: auto;
+				overflow-y: auto;
+			}
+			
+			.boxCon>div {
+				padding: 15px 0;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container-fluid">
+			<div class="toolBar clearfix">
+
+				<div class="toolLeft"  style="float: left;">
+				<button class="btns del">批量删除</button>
+				</div>
+				<div class="toolRight" style="float: right;">
+					<span>操作人名称：<input type="text" class="czName" /></span>
+					<span> 操作时间：<input type="text" class="laydate-icon loginTime" id="startTime"/></span>
+					<button class="btns search">搜索</button>
+				</div>
+			</div>
+			<div class="tableBox">
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true" data-align="center"></th>
+							<th data-align="center" data-formatter="setCode">编号</th>
+							<th data-field="F_LoginId" data-align="center">操作人编号</th>
+							<th data-field="F_LoginDate" data-align="center">登录时间</th>
+							<th data-field="F_LoginOutDate" data-align="center">退出时间</th>
+							<th data-field="F_LoginName" data-align="center">操作人名称</th>
+							<th data-field="F_Result" data-align="center">操作内容</th>
+						</tr>
+					</thead>
+
+				</table>
+			</div>
+
+		</div>
+
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<!--<div class="btop clearfix">
+					<p class="btl"><span>删除参数信息</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>-->
+				<div class="boxCon" style="height: 150px;">
+					您确定要删除选择的记录吗？
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+		<script src="../css/laydate/laydate.js"></script>
+		<script>
+			var table = $('#table1');
+			var token = $.cookie("token");
+			laydate.skin('molv');
+			laydate({
+				elem: '#startTime',
+				event: 'focus',
+				format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
+			});
+			$('.search').click(function(){
+				initTable(token);
+			})
+
+			//==================删除功能开始================================
+			//删除按钮
+			$('.del').click(function() {
+				$('.delModel').css('display', 'block');
+			})
+			//关闭按钮
+			$('.delBtr').click(function() {
+				$('.delModel').css('display', 'none');
+			})
+			//*****************删除功能结束****************************
+
+			initTable(token);
+
+			function initTable(token) {
+				//先销毁表格
+				table.bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				table.bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url+"Log/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10,15,20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							pageindex: params.pageNumber,
+							pagesize: params.pageSize,
+							token: token,
+							name:$('.czName').val(),//操作人名称
+							logindate:$('.loginTime').val()//操作人名称
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			/*选中行添加背景颜色*/
+			table.on("click-row.bs.table", function(e, row, ele) {
+				$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+			});
+
+			function setCode(val, row, index) {
+				return index + 1;
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/SystemManager/css/buMenManger.css

@@ -0,0 +1,57 @@
+			.toolBar {
+				padding: 15px 0;
+				border-bottom: 1px solid #ccc;
+			}
+			.tree {
+				height: 400px;
+				overflow-y: auto;
+			}
+			
+			.inpBox {
+				border: 1px solid #a9a9a9;
+				height: 27px;
+				width: 172px;
+				display: inline-block;
+				position: relative;
+				vertical-align: middle;
+			}
+			
+			.inps {
+				height: 24px;
+				width: 172px;
+			}
+			
+			.inps1,.inps4 {
+				width: 170px;
+				height: 24px;
+				outline: none;
+				border: 0;
+				border-image-width: 0;
+				padding: 0;
+				padding-left: 3px;
+			}
+			
+			.xl {
+				display: inline-block;
+				background: url("../../img/dropDown.png") no-repeat;
+				height: 100%;
+				background-position: center center;
+				width: 20px;
+				position: absolute;
+				right: 0;
+				top: 0px;
+				background-color: #f7bc8b;
+				cursor: pointer;
+			}
+			.xl:hover{
+					background-color: #e6d523;
+			}
+			.addTree{
+			    background: #fff;
+			    position: absolute;
+			    width: 100%;
+			       border: 1px solid darkgrey;
+			    right: 0;
+			    top: 26px;
+			    display: none;
+			}

CallCenterWeb.UI/SystemManager/css/shuJuZiDian.css

@@ -0,0 +1,121 @@
+			.box {
+				width: 52%;
+			}
+			.delModel .box,.zdlist_delModel .box{
+				    width: 23%;
+			}
+			/*.boxCon {
+				width: 100%;
+				background: #fff;
+				/*text-align: center;*/
+				/*padding: 10px 15px;
+				height: 340px;
+				overflow-y: auto;*/
+			/*}*/
+			
+			.boxCon table {
+				width: 100%;
+			}
+			
+			.boxCon table th {
+				width: 20%;
+			}
+			.inpBox {
+				border: 1px solid #a9a9a9;
+				height: 27px;
+				width: 55%;;
+				display: inline-block;
+				position: relative;
+				vertical-align: middle;
+			}
+			
+			.inps1,
+			.inps4 ,.inps5,.inps6{
+				width: 100%;
+				height: 24px;
+				outline: none;
+				border: 0;
+				border-image-width: 0;
+				padding: 0;
+				padding-left: 3px;
+			}
+			.changeCode,.addzdz,.addSort{
+				width: 55%;
+			}
+			
+			.xl {
+				display: inline-block;
+				background: url(../../img/dropDown.png) no-repeat;
+				height: 100%;
+				background-position: center center;
+				width: 20px;
+				position: absolute;
+				right: 0;
+				top: 0px;
+				background-color: #f7bc8b;
+				cursor: pointer;
+			}
+			
+			.xl:hover {
+				background-color: #e6d523;
+			}
+			
+			.addTree {
+				background: #fff;
+				position: absolute;
+				width: 100%;
+				border: 1px solid darkgrey;
+				right: 0;
+				top: 26px;
+				display: none;
+				height: 220px;
+				overflow-y: auto;
+			}
+			
+			.treeTable {
+				height: 400px;
+				/*overflow-y: auto;*/
+			}
+			
+			.tree {
+				height: 100%;
+			}
+			
+			.trTitle {
+				width: 100%;
+				height: 34px;
+				line-height: 34px;
+				border-bottom: 1px solid #ebebeb;
+				color: red;
+				font-weight: 700;
+				margin-bottom: 15px;
+			}
+			
+			.treeCon {
+				height: 90%;
+				border: 1px solid #ebebeb;
+				overflow-y: auto
+			}
+			
+			.rowsss{
+				background: darkred;
+				color: #fff;
+			}
+			.shanChu,.xiuGai,.addZiDian{
+				display: inline-block;
+				height: 16px;
+				width: 16px;
+				vertical-align: middle;
+			}
+			.shanChu{
+			background: url(../../img/shanChu.png) no-repeat;	
+			}
+			.xiuGai{
+			background: url(../../img/xiuGai1.png) no-repeat;	
+			}
+			.addZiDian{
+				background: url(../../img/upUp.png) no-repeat;	
+			}
+			.tjzd{
+				    float: right;
+			}

CallCenterWeb.UI/SystemManager/css/yongHuManger.css

@@ -0,0 +1,134 @@
+			ul,li,ol,dl{
+				margin: 0;
+				padding: 0;
+				list-style: none;
+			}
+			
+			.toolBar {
+				padding: 15px 0;
+				border-bottom: 1px solid #ccc;
+			}
+			
+			
+			.box {
+				width: 55%;
+				margin-top: 1%;
+			}
+			.againModel .box{
+				    width: 30%;
+			}
+			.banModel .box,.useModel .box{
+				    width: 20%;
+			}
+			.boxCon {
+			    height: 492px;
+			}
+			.boxCon table {
+				width: 100%;
+			}
+			.boxCon table th {
+				width: 20%;
+			}
+			.boxCon table td textarea {
+				width: 100%;
+			}
+			.inpBox {
+				border: 1px solid #a9a9a9;
+				height: 27px;
+				width: 100%;
+				display: inline-block;
+				position: relative;
+				vertical-align: middle;
+			}
+			.inps1,.inps2,.inps3,
+			.inps4,.inps5,.inps6 {
+				width: 100%;
+				height: 24px;
+				outline: none;
+				border: 0;
+				border-image-width: 0;
+				padding: 0;
+				padding-left: 3px;
+			}
+			.changeTitle,.changeKey,.addTitle,.addKey{
+				width: 55%;
+			}
+			
+			.xl {
+				display: inline-block;
+				background: url(../../img/dropDown.png) no-repeat;
+				height: 100%;
+				background-position: center center;
+				width: 20px;
+				position: absolute;
+				right: 0;
+				top: 0px;
+				background-color: #f7bc8b;
+				cursor: pointer;
+			}
+			
+			.xl:hover {
+				background-color: #e6d523;
+			}
+			
+			.addTree {
+				background: #fff;
+				position: absolute;
+				width: 100%;
+				border: 1px solid darkgrey;
+				right: 0;
+				top: 26px;
+				display: none;
+				/*height: 220px;*/
+				overflow-y: auto;
+				z-index: 10;
+				text-align: center;
+			}
+			.addTree .list li:hover{
+				background: #ebebeb;
+				color: #717171;
+			}
+			#ygbirth,#chan_ygbirth{
+				width: 172px;
+			    height: 32px;
+			    border: 1px solid #a9a9a9;
+			}
+			
+			.treeTable {
+				height: 400px;
+				/*overflow-y: auto;*/
+			}
+			
+			.tree {
+				height: 100%;
+			}
+			
+			.trTitle {
+				width: 100%;
+				height: 34px;
+				line-height: 34px;
+				border-bottom: 1px solid #ebebeb;
+				color: red;
+				font-weight: 700;
+				margin-bottom: 15px;
+			}
+			
+			.treeCon {
+				height: 90%;
+				border: 1px solid #ebebeb;
+				overflow-y: auto
+			}
+			
+			.ztree li {
+				width: 100%;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			}
+			.radio-inline {
+				   margin: 0px 10px 0 0!important;
+			}
+			.radio-inline input[type=radio] {
+			    margin-top: 5px!important;
+			     
+			}

CallCenterWeb.UI/SystemManager/dengLuRiZhi.html

@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+    	<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../css/laydate/need/laydate.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<title>系统管理-->登录日志</title>
+	</head>
+
+	<body>
+		<div class="container-fluid">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">日志管理</a>&gt;<a href="" style="color: #000;">登录日志</a></sapn>
+				</div>
+			</div>
+			<div class="toolBar clearfix">
+				<!--<button class="btns del">批量删除</button>-->
+				<div class="toolRight" style="float: right;">
+					<span>操作人名称：<input type="text" class="czName" /></span>
+					<span>登录时间：<input type="text" class="laydate-icon loginTime" id="startTime"/></span>
+					<button class="btns search">搜索</button>
+				</div>
+			</div>
+			<div class="tableBox">
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true" data-align="center"></th>
+							<th data-align="center" data-formatter="setCode">编号</th>
+							<th data-field="F_LoginId" data-align="center">操作人编号</th>
+							<th data-field="F_LoginDate" data-align="center">登录时间</th>
+							<th data-field="F_LoginOutDate" data-align="center">退出时间</th>
+							<th data-field="F_LoginName" data-align="center">操作人名称</th>
+							<th data-field="F_Result" data-align="center">操作内容</th>
+						</tr>
+					</thead>
+
+				</table>
+			</div>
+
+		</div>
+
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除参数信息</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					您确定要删除选择的记录吗？
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+		<script src="../css/laydate/laydate.js"></script>
+		<script>
+			var table = $('#table1');
+			var token = $.cookie("token");
+			laydate.skin('molv');
+			laydate({
+				elem: '#startTime',
+				event: 'focus',
+				format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
+			});
+			$('.search').click(function(){
+				initTable(token);
+			})
+			//==================删除功能开始================================
+			//删除按钮
+			var delid;
+			$('.del').click(function() {
+				delid = $.map(table.bootstrapTable('getSelections'), function(row) {
+						return row.F_Id;
+					});
+					console.log(delid);
+				if(delid.length<=0){
+					alert('请选择要删除的行！')
+					
+				}else{
+
+					$('.delModel').css('display', 'block');
+				}
+				
+			})
+			//关闭按钮
+			$('.delBtr').click(function() {
+				$('.delModel').css('display', 'none');
+			})
+			//取消按钮
+			$('.return').click(function() {
+				$('.delModel').css('display', 'none');
+			})
+			//确认按钮
+			$('.sure').click(function() {
+				$('.delModel').css('display', 'none');
+					del(delid);
+			})
+			function del(delid){
+				$.ajax({
+				type:"post",
+				url:huayi.config.callcenter_url+"Log/Delete",
+				async:true,
+				dataType:"json",
+				data:{
+					token: token,
+					ids:delid
+           	},
+           	success:function(data){
+           		if(data.state.toLowerCase() =='success'){
+           			alert("删除成功！")
+           			initTable(token);
+           		}
+           	}
+			});
+			}
+			//*****************删除功能结束****************************
+
+			initTable(token);
+
+			function initTable(token) {
+				//先销毁表格
+				table.bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				table.bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url+"Log/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10, 15,20,50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							pageindex: params.pageNumber,
+							pagesize: params.pageSize,
+							token: token,
+							name:$('.czName').val(),//操作人名称
+							logindate:$('.loginTime').val()//操作人名称
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			function setCode(val, row, index) {
+				    var page = table.bootstrapTable("getPageCode");  
+            		return page.pageSize * (page.pageNumber - 1) + index + 1;  
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/SystemManager/gongNeng.html

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
+    <link href="../css/bootstrap.min.css" />
+    <link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
+    <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
+    <link href="../css/animate.min.css" rel="stylesheet">
+    <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
+    <link href="../css/layer/need/layer.css" />
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+    <link href="./css/buMenManger.css" rel="stylesheet" />
+    <title>系统管理-->部门管理</title>
+</head>
+<body>
+    <div class="container-fluid">
+        <div class="toolBar">
+            <button class="btn add">添加</button>
+            <button class="btn change">修改</button>
+            <button class="btn del">删除</button>
+        </div>
+        <div class="tree">
+            <ul id="treeDemo" class="ztree">
+                <!--类名为ztree是必须的-->
+            </ul>
+        </div>
+
+    </div>
+    <!--添加弹出内容-->
+    <div class="model addModel">
+        <div class="box">
+            <div class="btop clearfix">
+                <p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
+                <p class="btr addBtr" title="关闭">X</p>
+            </div>
+            <div class="boxCon">
+                <div>
+                    父级分类：
+                    <div class="inpBox">
+                        <input type="text" class="inps inps1" />
+                        <i class="xl xl_one"></i>
+                        <div class="addTree xlAdd">
+                            <ul id="addTreeDemo" class="ztree"></ul>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    添加类型：
+                    <select class="inpBox inps2" id="selecttype">
+                        <option value="0">菜单</option>
+                        <option value="1">页面</option>
+                        <option value="2">权限</option>
+                    </select>
+
+                </div>
+                <div>名    称：<input class="inps inps3" type="text" /></div>
+                <div>代    码：<input class="inps inps4" type="text" /></div>
+                <div>Controller：<input class="inps inps5" type="text" /></div>
+                <div>Action  ：<input class="inps inps6" type="text" /></div>
+                <div>是否启用：<input class="inps inps7" type="checkbox" /></div>
+                <div>备    注：<input class="inps inps8" type="text" /></div>
+                <div>排序编码：<input class="inps inps9" type="text" /></div>
+                <div><button class="btn addCun">保存</button></div>
+            </div>
+        </div>
+
+    </div>
+    <!--删除弹出内容-->
+    <div class="model delModel">
+        <div class="box">
+            <div class="btop clearfix">
+                <p class="btl"><span>删除提示</span></p>
+                <p class="btr delBtr" title="关闭">X</p>
+            </div>
+            <div class="boxCon" style="height: 150px;">
+                您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
+
+                <p style="margin-top: 30px;">
+                    <button class="btn sure">确定</button>
+                    <button class="btn return">取消</button>
+                </p>
+                <!--<p style="color: red;">注：若该分类下包含知识库内容会一并删除</p>-->
+            </div>
+
+        </div>
+
+    </div>
+    <!--修改弹出内容-->
+    <div class="model changeModel">
+        <div class="box">
+            <div class="btop clearfix">
+                <p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
+                <p class="btr changeBtr" title="关闭">X</p>
+            </div>
+            <div class="boxCon">
+                <div>
+                    父级分类：
+                    <div class="inpBox">
+                        <input type="text" class="inps inps1_chg" />
+                        <i class="xl xl_one"></i>
+                        <div class="addTree xlAdd">
+                            <ul id="changeTreeDemo" class="ztree"></ul>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    修改类型：
+                    <select class="inpBox inps2_chg" id="selecttype">
+                        <option value="0">菜单</option>
+                        <option value="1">页面</option>
+                        <option value="2">权限</option>
+                    </select>
+
+                </div>
+                <div>名    称：<input class="inps inps3_chg" type="text" /></div>
+                <div>代    码：<input class="inps inps4_chg" type="text" /></div>
+                <div>Controller：<input class="inps inps5_chg" type="text" /></div>
+                <div>Action  ：<input class="inps inps6_chg" type="text" /></div>
+                <div>是否启用：<input class="inps inps7_chg" type="checkbox" /></div>
+                <div>备    注：<input class="inps inps8_chg" type="text" /></div>
+                <div>排序编码：<input class="inps inps9_chg" type="text" /></div>
+                <div><button class="btn changeCun">保存</button></div>
+            </div>
+        </div>
+
+    </div>
+
+
+</body>
+<script src="../js/jquery.min.js?v=2.1.4"></script>
+<script src="../js/bootstrap.min.js"></script>
+<script src="../js/zTree/jquery.ztree.core.js"></script>
+<script src="../js/jquery.cookie.js"></script>
+<script src="./js/gongNengManger.js"></script>
+</html>

CallCenterWeb.UI/SystemManager/huaWuRiZhi.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+    	<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../css/laydate/need/laydate.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<title>系统管理-->登录日志</title>
+		<style>
+			.clearfix:after {
+				content: "";
+				display: block;
+				clear: both;
+			}
+			
+			.toolBar {
+				padding: 15px 0;
+				border-bottom: 1px solid #ccc;
+				margin-bottom: 25px;
+				padding-right: 45px;
+			}
+			
+			.toolBar input {
+				width: 128px;
+				padding: 2px 2PX 2PX 10PX;
+				height: 28px;
+				border: 1px solid #ebebeb;
+				color: #1ab394;
+				outline: none;
+				vertical-align: middle;
+			}
+			
+			.btns {
+				    background: #1ab394;
+				    color: #fff;
+				    padding: 3px 10px;
+				    outline: none;
+				    font-size: 12px;
+				    margin-left: 15px;
+				    border: 0;
+				    border-radius: 3px;
+			}
+			
+			.model {
+				position: fixed;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+				height: 100%;
+				width: 100%;
+				background: rgba(0, 0, 0, 0.48);
+				z-index: 100;
+				display: none;
+			}
+			
+			.box {
+				width: 30%;
+				margin: 0 auto;
+				margin-top: 5%;
+			}
+			
+			.box .btop {
+				height: 35px;
+				background: #1ab394;
+				color: #fff;
+				line-height: 35px;
+				padding: 0 15px;
+				/*margin-bottom: 15px;*/
+			}
+			
+			.box .btop p.btl {
+				float: left;
+				margin: 0;
+			}
+			
+			.box .btop p.btr {
+				float: right;
+				cursor: pointer;
+				margin: 0;
+				font-size: 20px;
+			}
+			
+			.box>input {
+				display: block;
+				height: 34px;
+				padding: 6px 12px;
+				font-size: 14px;
+				line-height: 1.42857143;
+				color: #555;
+				background-color: #fff;
+				background-image: none;
+				border: 1px solid #ccc;
+				border-radius: 4px;
+				margin: 35px auto;
+			}
+			
+			.boxCon {
+				width: 100%;
+				background: #fff;
+				text-align: center;
+				padding: 10px 15px;
+				height: auto;
+				overflow-y: auto;
+			}
+			
+			.boxCon>div {
+				padding: 15px 0;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container-fluid">
+			<div class="toolBar clearfix">
+
+				<div class="toolLeft"  style="float: left;">
+				<button class="btns del">批量删除</button>
+				</div>
+				<div class="toolRight" style="float: right;">
+					<span>操作人名称：<input type="text" class="czName" /></span>
+					<span>操作时间：<input type="text" class="laydate-icon loginTime" id="startTime"/></span>
+					<button class="btns search">搜索</button>
+				</div>
+			</div>
+			<div class="tableBox">
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+								<th data-field="state" data-checkbox="true" data-align="center"></th>
+							<th data-align="center" data-formatter="setCode">编号</th>
+							<th data-field="F_LoginId" data-align="center">操作人编号</th>
+							<th data-field="F_LoginDate" data-align="center">登录时间</th>
+							<th data-field="F_LoginOutDate" data-align="center">退出时间</th>
+							<th data-field="F_LoginName" data-align="center">操作人名称</th>
+							<th data-field="F_Result" data-align="center">操作内容</th>
+						</tr>
+					</thead>
+
+				</table>
+			</div>
+
+		</div>
+
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<!--<div class="btop clearfix">
+					<p class="btl"><span>删除参数信息</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>-->
+				<div class="boxCon" style="height: 150px;">
+					您确定要删除选择的记录吗？
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+		<script src="../css/laydate/laydate.js"></script>
+		<script>
+			var table = $('#table1');
+			var token = $.cookie("token");
+			laydate.skin('molv');
+			laydate({
+				elem: '#startTime',
+				event: 'focus',
+				format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
+			});
+			$('.search').click(function(){
+				initTable(token);
+			})
+
+			//==================删除功能开始================================
+			//删除按钮
+			$('.del').click(function() {
+				$('.delModel').css('display', 'block');
+			})
+			//关闭按钮
+			$('.delBtr').click(function() {
+				$('.delModel').css('display', 'none');
+			})
+			//*****************删除功能结束****************************
+
+			initTable(token);
+
+			function initTable(token) {
+				//先销毁表格
+				table.bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				table.bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url+"Log/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10,15,20,30, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							pageindex: params.pageNumber,
+							pagesize: params.pageSize,
+							token: token,
+							name:$('.czName').val(),//操作人名称
+							logindate:$('.loginTime').val()//操作人名称
+						};
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+			/*选中行添加背景颜色*/
+			table.on("click-row.bs.table", function(e, row, ele) {
+				$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+			});
+
+			function setCode(val, row, index) {
+				    var page = table.bootstrapTable("getPageCode");  
+            return page.pageSize * (page.pageNumber - 1) + index + 1;  
+			}
+		</script>
+	</body>
+
+</html>

CallCenterWeb.UI/SystemManager/jiChuShuJu.html

@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<title>系统管理-->基础数据</title>
+		<style>
+			.box {
+				width: 45%;
+			}
+			.delModel .box {
+				width: 20%;
+   				text-align: center;
+			}
+			
+		
+			.boxCon table {
+				width: 100%;
+			}
+			
+			.boxCon table th {
+				width: 20%;
+			}
+			.boxCon table td textarea {
+				width: 70%;
+				vertical-align: middle;
+			}
+			
+		</style>
+	</head>
+
+	<body>
+		<div class="container-fluid">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">系统设置</a>&gt;<a href="" class="nowPosition">基础数据</a></sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="toolBar clearfix">
+
+				<div class="toolLeft" style="float: left;">
+					<button class="btns add">添加</button>
+					<button class="btns change">修改</button>
+					<button class="btns del">删除</button>
+				</div>
+				<div class="toolRight" style="float: right;">
+					<span>参数名称：<input type="text" class="sear_code" /></span>
+					<span>参数内容：<input type="text" class="sear_value" /></span>
+					<button class="btns search">搜索</button>
+				</div>
+			</div>
+			<div class="tableBox">
+				<table id="table" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true" data-align="center"></th>
+							<th data-align="center" data-formatter="setCode">编号</th>
+							<th data-field="F_ParamCode" data-align="center">参数名称</th>
+							<th data-field="F_ParamValue" data-align="center">参数内容</th>
+							<th data-field="F_ParamDes" data-align="center">备注</th>
+						</tr>
+					</thead>
+
+				</table>
+			</div>
+
+		</div>
+		<!--添加弹出内容-->
+		<div class="model addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加参数信息</p>
+					<p class="btr addBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: red;">参数名称：</th>
+								<td colspan="3"><input type="text" class="add_code"/> <span class="kong addCode_kong" style="color: red;">*参数名称不允许为空</span></td>
+							</tr>
+							<tr>
+								<th style="color: red;">参数内容：</th>
+								<td colspan="3"><textarea rows="2" cols="20" class="add_value"></textarea><span class="kong addValue_kong" style="color: red;">*参数内容不允许为空</span></td>
+							</tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="3"><textarea rows="2" cols="20" class="add_des"></textarea></td>
+							</tr>
+
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns addCun">保存</button></div>
+				</div>
+			</div>
+		</div>
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除参数信息</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					<p style="font-size: 16px;">您确定要删除选择的记录吗？</p>
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+		<!--修改弹出内容-->
+		<div class="model changeModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加参数信息</p>
+					<p class="btr changeBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: red;">参数名称：</th>
+								<td colspan="3"><input type="text" class="change_code"/> <span class="kong changeCode_kong" style="color: red;">*参数名称不允许为空</span></td>
+							</tr>
+							<tr>
+								<th style="color: red;">参数内容：</th>
+								<td colspan="3"><textarea rows="2" cols="20" class="change_value"></textarea><span class="kong changeValue_kong" style="color: red;">*参数内容不允许为空</span></td>
+							</tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="3"><textarea rows="2" cols="20" class="change_des"></textarea></td>
+							</tr>
+
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns changeCun">保存</button></div>
+				</div>
+			</div>
+
+		</div>
+
+		<script src="./js/jiChuShuJu.js"></script>
+	</body>
+
+</html>

CallCenterWeb.UI/SystemManager/js/buMenManger.js

@@ -0,0 +1,345 @@
+	var tps = $('.tps');
+	var id = ''; //当前节点id
+	var name; //当前节点name
+	var pid; //当前节点父ID
+	var pidName;//
+	var xlName; //添加弹出框内下拉框内节点name
+	var token = $.cookie("token");
+	tree();
+
+	function tree() {
+		$.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
+			"token": $.cookie("token"),
+//			"pid": pid
+		}, function(result) {
+			result = $.parseJSON(result);
+			$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
+		});
+	}
+
+	var setting1 = {
+		data: {
+			key: {
+				name: "text"
+			},
+			simpleData: {
+				enable: true,
+				idKey: "id",
+				rootPId: 0
+			}
+		},
+		callback: {
+			onClick: zTreeOnClick
+		}
+	};
+
+	function zTreeOnClick(event, treeId, treeNode) {
+		id = treeNode.id;
+		name = treeNode.text;
+		var pidnode = treeNode.getParentNode();
+		if(pidnode) {
+			pidName = pidnode.text;
+			pid = pidnode.id;
+		} else {
+			pidName = "顶级分类";
+			pid =0;
+		}
+	};
+	var setting2 = {
+		data: {
+			key: {
+				name: "text"
+			},
+			simpleData: {
+				enable: true,
+				idKey: "id",
+				rootPId: 0
+			}
+		},
+		callback: {
+			onClick: addTreeClick
+		}
+	}
+
+	function addTreeClick(event, treeId, treeNode) {
+		addPid = treeNode.id;
+		console.log(addPid);
+		xlName = treeNode.text;
+		$('.inps1').val(xlName);
+
+	};
+	//删除按钮
+	$('.del').click(function() {
+		if(id == 'null' || id == '') {
+			layer.confirm('没有要删除的分类！', {
+				btn: ['确定']
+			});
+			return
+		} else {
+			$('.delModel').css('display', 'block');
+			$('.delName').html(name);
+		}
+	})
+	//关闭按钮
+	$('.delBtr').click(function() {
+		$('.delModel').css('display', 'none');
+	})
+	//确定删除按钮
+	$('.sure').click(function() {
+		$.ajax({
+			type: "post",
+			url: huayi.config.callcenter_url + "Department/DelDept",
+			async: true,
+			dataType: 'json',
+			data: {
+				ids: id,
+				token: token
+			},
+			success: function(data) {
+				if(data.state == "success") {
+					layer.msg("删除成功！");
+					tree();
+				}
+			}
+		});
+		$('.delModel').css('display', 'none');
+
+	})
+	//取消删除按钮
+	$('.return').click(function() {
+		$('.delModel').css('display', 'none');
+	})
+
+	//添加按钮
+	$('.add').click(function() {
+		$('.addModel').css('display', 'block');
+		if(name) {
+			tps.html(name);
+			$('.inps1').val(name);
+			addPid = id;
+		} else {
+			tps.html('顶级分类');
+			$('.inps1').val('顶级分类');
+			addPid = 0;
+		}
+		treeCont();
+
+	})
+	//添加关闭按钮
+	$('.addBtr').click(function() {
+		$('.addModel').css('display', 'none');
+	})
+	//添加内容下拉
+	$('.inps1').focus(function() {
+		$('.xlAdd').css('display', 'block')
+	})
+	$('.xl_one').click(function() {
+		if($('.xlAdd').css('display') == 'block') {
+			$('.xlAdd').css('display', 'none')
+		} else {
+			$('.xlAdd').css('display', 'block')
+		}
+	})
+	$('.addTree').mouseleave(function() {
+		$(this).css('display', 'none')
+	})
+	//保存添加按钮
+	var addPid, addDeptname, addSort;
+	//添加弹出框内 所属部门下拉框内数据
+	function treeCont() {
+		$.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
+			"token": $.cookie("token"),
+//			"pid": pid
+		}, function(result) {
+			result = $.parseJSON(result);
+			$.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
+		});
+
+	}
+	$('.addCun').click(function() {
+		//				console.log(addPid);
+		if($('.inps2').val() == "") {
+		    if (addPid.length <= 0) {
+				layer.confirm('所添加内容不能为空！', {
+					btn: ['确定']
+				});
+				return;
+			}
+		} else {
+			addDeptname = $('.inps2').val();
+			addSort = $('.inps3').val();
+			if (addSort == "")
+			    addSort = 0;
+			$('.addModel').css('display', 'none');
+			$.ajax({
+				type: "post",
+				url: huayi.config.callcenter_url + "Department/AddDept",
+				dataType: 'json',
+				async: true,
+				data: {
+					pid: addPid, //当前选择节点ID
+					deptname: addDeptname, //部门名称
+					sort: addSort, //排列序号
+					token: token
+				},
+				success: function(data) {
+					//					console.log(data)
+					//					console.log(data.state);
+					if(data.state == "success") {
+						layer.msg("添加成功！");
+						tree();
+						$('.inps1').val('');
+						$('.inps2').val('');
+						$('.inps3').val('');
+
+					}
+				}
+
+			});
+
+		}
+	})
+
+	//修改按钮
+	var chanPid, //修改弹出框内 下拉框父节点ID
+		chanId, //修改弹出框内 下拉框当前节点ID
+		changeName, //修改弹出框内 下拉框当前节点name
+		chbcName, //保存的部门名称
+		chbcSort, //保存的排序号
+		chbcPid; //保存的所属部门ID
+	$('.change').click(function() {
+		if(id == 'null' || id == '') {
+			layer.confirm('没有选择要修改的部门！', {
+				btn: ['确定']
+			})
+			return
+		} else {
+			changeAjax(id);
+			$('.changeModel').css('display', 'block');
+			$('.chtps').html(name);
+			changeTreeCont();
+		}
+
+	});
+	//关闭按钮
+	$('.changeBtr').click(function() {
+		$('.changeModel').css('display', 'none');
+	}) ;
+	$('.inps4').focus(function() {
+		$('.xlChange').css('display', 'block')
+	})
+	//下拉按钮功能
+	$('.xl_two').click(function() {
+		if($('.xlChange').css('display') == 'block') {
+			$('.xlChange').css('display', 'none')
+		} else {
+			$('.xlChange').css('display', 'block')
+		}
+	})
+	//修改弹出框内 下拉树形图参数配置项
+	var setting3 = {
+		data: {
+			key: {
+				name: "text"
+			},
+			simpleData: {
+				enable: true,
+				idKey: "id",
+				rootPId: 0
+			}
+		},
+		callback: {
+			onClick: changeTreeClick
+		}
+	}
+
+	function changeTreeClick(event, treeId, treeNode) {
+//		chanPid = treeNode.pId;
+		chanId = treeNode.id;
+		changeName = treeNode.text;
+		$('.inps4').val(changeName);
+		var pidnode = treeNode.getParentNode();
+		if(pidnode) {
+			chanPid = pidnode.id;
+		} else {
+			chanPid =0;
+		}
+		chbcPid=chanId;
+	};
+
+	//修改弹出框内 所属部门下拉框内数据
+	function changeTreeCont() {
+		$.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
+			"token": $.cookie("token"),
+//			"pid": pid
+		}, function(result) {
+			result = $.parseJSON(result);
+			$.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
+		});
+	}
+
+	function changeAjax(id) {
+		$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url + "Department/GetDept",
+			dataType: 'json',
+			async: true,
+			data: {
+				deptid: id,
+				token: token
+			},
+			success: function(data) {
+				var chanCon = data.data;
+				if(pid == 0) {
+					$('.inps4').val('顶级分类');
+					chbcPid =pid;
+				} else {
+					$('.inps4').val(chanCon.parentname);
+					chbcPid = chanCon.parentid;
+				}
+				$('.inps5').val(chanCon.depname);
+				$('.inps6').val(chanCon.sort);
+				chbcSort = chanCon.sort;
+				chbcName = chanCon.depname;
+			}
+		});
+	}
+	//修改的保存按钮功能
+	function changeBaoCunAjax(id, chbcPid, chbcName, chbcSort) {
+		$.ajax({
+			type: "post",
+			url: huayi.config.callcenter_url + "Department/EditDept",
+			async: true,
+			dataType: 'json',
+			data: {
+				deptid: id,
+				pid: chbcPid,
+				deptname: chbcName,
+				sort: chbcSort,
+				token: token
+			},
+			success: function(data) {
+				if(data.state == "success") {
+					layer.msg("修改成功！");
+					tree();
+				}
+			}
+		});
+	}
+
+	$('.changeCun').click(function() {
+		if($('.inps4').val() == "" || $('.inps5').val() == "" || $('.inps6').val() == "") {
+			layer.confirm('所修改内容不允许为空！', {
+				btn: ['确定']
+			});
+			return;
+		} else {
+			$('.changeModel').css('display', 'none');
+			console.log('部门id'+id +'所属部门id' + chbcPid +'部门名称'+chbcName+'排序'+chbcSort);
+			chbcPid;
+			chbcName = $('.inps5').val();
+			chbcSort = $('.inps6').val();
+			changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
+		}
+
+	})

CallCenterWeb.UI/SystemManager/js/gongNengManger.js

@@ -0,0 +1,350 @@
+var tps = $('.tps');
+var id = ''; //当前节点id
+var name; //当前节点name
+var pid; //当前节点父id
+var pname;//当前节点父name
+var xlName; //添加弹出框内下拉框内节点name
+var zNodes = [];
+//通用ajax
+$.ajax({
+    type: "get",
+    url: "http://localhost:63662/Module/GetTreelist",
+    dataType: 'json',
+    async: false,
+    data: {
+        pid: pid,
+        token: $.cookie("token")
+    },
+    success: function (res) {
+        var content = res.data;
+        for (var i = 0, l = content.length; i < l; i++) {
+            content[i].name = content[i].text;
+            delete content[i].text;
+            var second = content[i].children
+            if (second != null) {
+                for (var j = 0; j < second.length; j++) {
+                    second[j].name = second[j].text;
+                    delete second[j].text;
+                    var thired = second[j].children;
+                    if (thired != null) {
+                        for (var g = 0; g < thired.length; g++) {
+                            thired[g].name = thired[g].text;
+                            delete thired[g].text;
+                            var fours = thired[g].children;
+                            if (fours != null) {
+                                for (var k = 0; k < fours.length ; k++) {
+                                    fours[k].name = fours[k].text;
+                                    delete fours[k].text;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            zNodes = content;
+        }
+
+    }
+
+});
+$(document).ready(function () {
+    $.fn.zTree.init($("#treeDemo"), setting1, zNodes); //实例化树形图
+});
+
+var setting1 = {
+    data: {
+        simpleData: {
+            enable: true
+        }
+    },
+    callback: {
+        onClick: zTreeOnClick
+    }
+};
+function zTreeOnClick(event, treeId, treeNode) {
+    id = treeNode.id;
+    name = treeNode.name
+    var p = treeNode.getParentNode();
+    pid = p.id
+    pname = p.name;
+};
+var setting2 = {
+    data: {
+        simpleData: {
+            enable: true
+        }
+    },
+    callback: {
+        onClick: addTreeClick
+    }
+}
+function addTreeClick(event, treeId, treeNode) {
+    addPid = treeNode.id;
+    console.log(addPid);
+    xlName = treeNode.name;
+    $('.inps1').val(xlName);
+
+};
+//删除按钮
+$('.del').click(function () {
+    if (id == 'null' || id == '') {
+        alert('没有要删除的分类！')
+    } else {
+        $('.delModel').css('display', 'block');
+        $('.delName').html(name);
+    }
+})
+//关闭按钮
+$('.delBtr').click(function () {
+    $('.delModel').css('display', 'none');
+})
+//确定删除按钮
+$('.sure').click(function () {
+    $.ajax({
+        type: "post",
+        url: "http://localhost:63662/Module/DelModule",
+        async: true,
+        dataType: 'json',
+        data: {
+            ids: id,
+            token: $.cookie("token")
+        },
+        success: function (data) {
+            if (data.state == "success") {
+                alert("删除成功！")
+                window.location.reload();
+            }
+        }
+    });
+    $('.delModel').css('display', 'none');
+
+})
+//取消删除按钮
+$('.return').click(function () {
+    $('.delModel').css('display', 'none');
+})
+
+
+//添加按钮
+$('.add').click(function () {
+    $('.addModel').css('display', 'block');
+    if (name == null || name == '') {
+        tps.html('顶级分类');
+        $('.inps1').val('顶级分类');
+        addPid == 0;
+    } else {
+        tps.html(name);
+        $('.inps1').val(name);
+        addPid = id;
+    }
+    treeCont();
+
+})
+//添加关闭按钮
+$('.addBtr').click(function () {
+    $('.addModel').css('display', 'none');
+})
+//添加内容下拉
+$('.inps1').focus(function () {
+    $('.xlAdd').css('display', 'block')
+})
+$('.xl_one').click(function () {
+    if ($('.xlAdd').css('display') == 'block') {
+        $('.xlAdd').css('display', 'none')
+    } else {
+        $('.xlAdd').css('display', 'block')
+    }
+})
+$('.addTree').mouseleave(function () {
+    $(this).css('display', 'none')
+})
+//保存添加按钮
+var addPid, addDeptname, addSort;
+//添加弹出框内 所属部门下拉框内数据
+function treeCont() {
+    $.fn.zTree.init($("#addTreeDemo"), setting2, zNodes); //实例化树形图
+    var addTreeObj = $.fn.zTree.getZTreeObj("addTreeDemo");
+    var addNodes = addTreeObj.getSelectedNodes();
+
+}
+$('.addCun').click(function () {
+    console.log(addPid);
+    if ($('.inps2').val() == "" || $('.inps3').val() == "") {
+        alert('所添加内容不能为空！')
+    } else {
+
+        addType = $('#selecttype').val();
+        addName = $('.inps3').val();
+        addCode = $('.inps4').val();
+        addController = $('.inps5').val();
+        addAction = $('.inps6').val();
+        addState = $('.inps7').prop('checked');
+        addRemark = $('.inps8').val();
+        addSort = $('.inps9').val();
+
+        $('.addModel').css('display', 'none');
+        $.ajax({
+            type: "post",
+            url: "http://localhost:63662/Module/AddModule",
+            dataType: 'json',
+            async: true,
+            data: {
+                parentid: id,//当前选择节点ID
+                code: addCode,
+                name: addName,//部门名称
+                controller: addController,
+                action: addAction,
+                flag: addState,
+                remark: addRemark,
+                sort: addSort,//排列序号
+                type: addType
+            },
+            success: function (data) {
+                console.log(data)
+                console.log(data.state);
+                if (data.state == "success") {
+                    alert('添加部门成功！')
+                    window.location.reload();
+
+                }
+            }
+
+        });
+
+    }
+
+
+})
+//修改按钮
+var chanPid,//修改弹出框内 下拉框父节点ID
+    chanId,//修改弹出框内 下拉框当前节点ID
+changeName,//修改弹出框内 下拉框当前节点name
+  chbcName,//保存的部门名称
+  chbcSort,//保存的排序号
+   chbcPid;//保存的所属部门ID
+$('.change').click(function () {
+    if (id == 'null' || id == '') {
+        alert('没有选择要修改的菜单！')
+
+    } else {
+        changeAjax(id);
+        $('.changeModel').css('display', 'block');
+        $('.chtps').html(name);
+        changeTreeCont();
+    }
+
+
+})
+$('.changeBtr').click(function () {
+    $('.changeModel').css('display', 'none');
+})
+$('.inps4').focus(function () {
+    $('.xlChange').css('display', 'block')
+})
+//下拉按钮功能
+$('.xl_two').click(function () {
+    if ($('.xlChange').css('display') == 'block') {
+        $('.xlChange').css('display', 'none')
+    } else {
+        $('.xlChange').css('display', 'block')
+    }
+
+})
+//修改弹出框内 下拉树形图参数配置项
+var setting3 = {
+    data: {
+        simpleData: {
+            enable: true
+        }
+    },
+    callback: {
+        onClick: changeTreeClick
+    }
+}
+
+function changeTreeClick(event, treeId, treeNode) {
+    chanPid = treeNode.pId;
+    chanId = treeNode.id;
+    changeName = treeNode.name;
+    $('.inps1').val(changeName);
+
+};
+
+//修改弹出框内 所属部门下拉框内数据
+function changeTreeCont() {
+    $.fn.zTree.init($("#changeTreeDemo"), setting3, zNodes); //实例化树形图
+}
+function changeAjax(id) {
+    $.ajax({
+        type: "get",
+        url: "http://localhost:63662/Module/GetModule",
+        dataType: 'json',
+        async: true,
+        data: {
+            mid: id
+        },
+        success: function (res) {
+            var data = res.data.model;
+            if (pid == null) {
+                pid == 0;
+                $('.inps1_chg').val('顶级分类');
+                chbcPid == 0;
+            } else {
+                $('.inps1_chg').val(pname);
+                chbcPid = pid;
+            }
+            $('.inps2_chg').val(data.type);
+            $('.inps3_chg').val(data.name);
+            $('.inps4_chg').val(data.code);
+            $('.inps5_chg').val(data.controller);
+            $('.inps6_chg').val(data.action);
+            if (data.enable == 1) { $('.inps7_chg').prop("checked", "checked"); }
+            $('.inps8_chg').val(data.remark);
+            $('.inps9_chg').val(data.sort);
+        }
+    });
+}
+//修改的保存按钮功能
+function changeBaoCunAjax(id, chbcPid, chbcName, chbcSort) {
+    $.ajax({
+        type: "post",
+        url: "http://localhost:63662/Module/EditModule",
+        async: true,
+        dataType: 'json',
+        data: {
+            id: id,
+            parentid: id,//当前选择节点ID
+            code: addCode,
+            name: addName,//部门名称
+            controller: addController,
+            action: addAction,
+            flag: addState,
+            remark: addRemark,
+            sort: addSort,//排列序号
+            type: addType
+        },
+        success: function (data) {
+            if (data.state == "success") {
+                alert('修改部门成功！')
+                window.location.reload();
+            }
+        }
+    });
+}
+
+$('.changeCun').click(function () {
+    //if ($('.inps4').val() == "" || $('.inps5').val() == "" || $('.inps6').val() == "") {
+    //    alert('所修改内容不允许为空！')
+    //} else {
+    $('.changeModel').css('display', 'none');
+    console.log('部门id' + id + '所属部门id' + chbcPid + '部门名称' + chbcName + '排序' + chbcSort);
+    chbcPid = chanId;
+    chbcName = $('.inps5').val();
+    chbcSort = $('.inps6').val();
+    changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
+    //}
+
+})
+
+
+

CallCenterWeb.UI/SystemManager/js/jiChuShuJu.js

@@ -0,0 +1,240 @@
+		 var $table = $('#table');
+		 var token = $.cookie("token");
+		 //搜索功能
+		 $('.search').click(function() {
+		 	initTable(token);
+		 })
+		 //==================添加功能开始================================
+		 $('.add').click(function() {
+		 	$('.addModel').css('display', 'block');
+		 })
+		 //添加关闭按钮
+		 $('.addBtr').click(function() {
+		 	$('.addModel').css('display', 'none');
+		 })
+		 //保存按钮
+		 $('.addCun').click(function() {
+		 	if($('.add_value').val() == '' && $('.add_code').val() == '') {
+		 		$('.addCode_kong').css('display', 'inline-block');
+		 		$('.addValue_kong').css('display', 'inline-block');
+		 	} else if($('.add_value').val() == '') {
+		 		$('.addCode_kong').css('display', 'none');
+		 		$('.addValue_kong').css('display', 'inline-block');
+		 	} else if($('.add_code').val() == '') {
+		 		$('.addValue_kong').css('display', 'none');
+		 		$('.addCode_kong').css('display', 'inline-block');
+		 	} else {
+		 		$('.addModel').css('display', 'none');
+		 		add();
+		 	}
+
+		 })
+
+		 function add() {
+		 	$.ajax({
+		 		type: "post",
+		 		url: huayi.config.callcenter_url + "SysConfig/Add",
+		 		async: true,
+		 		dataType: 'json',
+		 		data: {
+		 			token: token,
+		 			value: $('.add_value').val(), //参数内容
+		 			code: $('.add_code').val(), //参数名称
+		 			des: $('.add_des').val() //参数描述
+		 		},
+		 		success: function(data) {
+		 			if(data.state.toLowerCase() == "success") {
+		 				layer.msg("添加成功！");
+		 				$table.bootstrapTable('refresh');
+		 			 $('.add_value').val(''); //参数内容
+		 			 $('.add_code').val('');//参数名称
+		 			$('.add_des').val('');
+		 			}
+		 		}
+		 	});
+
+		 }
+		 //******************添加功能结束*****************************
+		 var IdsName;
+		 //==================修改功能开始================================
+		 $('.change').click(function() {
+		 	var ids = $.map($table.bootstrapTable('getSelections'), function(row) {
+		 		return row.F_ParamId;
+		 	});
+		 	IdsName = ids.toString();
+		 	if(ids.length <= 0) {
+		 		layer.confirm('请选择要修改的行！', {
+		 			btn: ['确定']
+		 		});
+		 		return;
+		 	} else {
+		 		$('.changeModel').css('display', 'block');
+		 		chanGet(IdsName);
+		 	}
+		 })
+		 //关闭按钮
+		 $('.changeBtr').click(function() {
+		 	$('.changeModel').css('display', 'none');
+		 })
+		 //保存按钮
+		 $('.changeCun').click(function() {
+		 	if($('.change_value').val() == '' && $('.change_code').val() == '') {
+		 		$('.changeCode_kong').css('display', 'inline-block');
+		 		$('.changeValue_kong').css('display', 'inline-block');
+		 	} else if($('.change_value').val() == '') {
+		 		$('.changeCode_kong').css('display', 'none');
+		 		$('.changeValue_kong').css('display', 'inline-block');
+		 	} else if($('.change_code').val() == '') {
+		 		$('.changeValue_kong').css('display', 'none');
+		 		$('.changeCode_kong').css('display', 'inline-block');
+		 	} else {
+		 		$('.changeModel').css('display', 'none');
+		 		chanSubmit(IdsName);
+		 	}
+
+		 })
+
+		 function chanGet(IdsName) {
+		 	$.ajax({
+		 		type: "get",
+		 		url: huayi.config.callcenter_url + "SysConfig/GetModel",
+		 		async: true,
+		 		dataType: 'json',
+		 		data: {
+		 			token: token,
+		 			id: IdsName,
+		 		},
+		 		success: function(data) {
+		 			var con = data.data;
+		 			if(data.state.toLowerCase() == "success") {
+		 				$('.change_value').val(con.F_ParamValue), //参数内容
+		 					$('.change_code').val(con.F_ParamCode), //参数名称
+		 					$('.change_des').val(con.F_ParamDes) //参数描述
+		 			}
+		 		}
+		 	});
+		 }
+
+		 function chanSubmit(IdsName) {
+		 	$.ajax({
+		 		type: "post",
+		 		url: huayi.config.callcenter_url + "SysConfig/Edit",
+		 		async: true,
+		 		dataType: 'json',
+		 		data: {
+		 			token: token,
+		 			id: IdsName, //参数id
+		 			value: $('.change_value').val(), //参数内容
+		 			code: $('.change_code').val(), //参数名称
+		 			des: $('.change_des').val() //参数描述
+		 		},
+		 		success: function(data) {
+		 			if(data.state.toLowerCase() == "success") {
+		 				layer.msg("修改成功");
+		 				$table.bootstrapTable('refresh');
+		 			}
+		 		}
+		 	});
+		 }
+		 //******************修改功能结束*****************************
+
+		 //==================删除功能开始================================
+		 //删除按钮
+		 var idd;
+		 $('.del').click(function() {
+		 	idd = $.map($table.bootstrapTable('getSelections'), function(row) {
+		 		return row.F_ParamId;
+		 	});
+		 	if(idd.length <= 0) {
+		 			layer.confirm('请选择要删除的行！', {
+				btn: ['确定']
+			});
+			return;
+		 	} else {
+		 		$('.delModel').css('display', 'block');
+		 	}
+
+		 })
+		 //关闭按钮
+		 $('.delBtr').click(function() {
+		 	$('.delModel').css('display', 'none');
+		 })
+		 //确认按钮
+		 $('.sure').click(function() {
+		 	console.log(idd);
+		 	$('.delModel').css('display', 'none');
+		 	del(idd);
+		 })
+		 //取消按钮
+		  $('.return').click(function() {
+		 	$('.delModel').css('display', 'none');
+		 })
+
+		 function del(idd) {
+		 	console.log(idd)
+		 	$.ajax({
+		 		type: "post",
+		 		url: huayi.config.callcenter_url + "SysConfig/Delete",
+		 		async: true,
+		 		dataType: 'json',
+		 		data: {
+		 			token: token,
+		 			ids: idd
+		 		},
+		 		success: function(data) {
+		 			if(data.state.toLowerCase() == "success") {
+		 				layer.msg("删除成功!");
+		 				$table.bootstrapTable('refresh');
+		 			}
+		 		}
+		 	});
+		 }
+		 //*****************删除功能结束****************************
+		 //右边表格
+		 initTable(token);
+
+		 function initTable(token) {
+		 	//先销毁表格
+		 	$table.bootstrapTable('destroy');
+		 	//初始化表格,动态从服务器加载数据
+		 	$table.bootstrapTable({
+		 		method: "get", //使用get请求到服务器获取数据
+		 		url: huayi.config.callcenter_url + "SysConfig/GetList", //获取数据的Servlet地址
+		 		striped: true, //表格显示条纹
+		 		pagination: true, //启动分页
+		 		pageSize: 10, //每页显示的记录数
+		 		pageNumber: 1, //当前第几页
+		 		pageList: [10,15,20,30,50], //记录数可选列表
+		 		search: false, //是否启用查询
+		 		showColumns: false, //显示下拉框勾选要显示的列
+		 		showRefresh: false, //显示刷新按钮
+		 		sidePagination: "server", //表示服务端请求
+		 		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		 		//设置为limit可以获取limit, offset, search, sort, order
+		 		queryParamsType: "undefined",
+		 		queryParams: function queryParams(params) { //设置查询参数
+		 			var param = {
+		 				pageindex: params.pageNumber,
+		 				pagesize: params.pageSize,
+		 				token: token,
+		 				value: $('.sear_value').val(),
+		 				code: $('.sear_code').val()
+		 			};
+		 			return param;
+		 		},
+		 		onLoadSuccess: function() { //加载成功时执行
+		 			//layer.msg("加载成功");
+		 		},
+		 		onLoadError: function() { //加载失败时执行
+		 			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		 		}
+		 	});
+		 }
+
+		 function setCode(val, row, index) {
+		 	    var page = $table.bootstrapTable("getPageCode");  
+            return page.pageSize * (page.pageNumber - 1) + index + 1;  
+		 }
+		 $table.on("click-row.bs.table", function(e, row, ele) {
+
+		 });

CallCenterWeb.UI/SystemManager/js/jueSeQuanXian.js

@@ -0,0 +1,297 @@
+		var token = $.cookie("token");
+		var table = $('#table1');
+		var code;
+		var jsname = $('.searJsz').val();
+		//搜索功能
+		$('.search').click(function() {
+			jsname = $('.searJsz').val()
+			console.log(jsname);
+			initTable(token, jsname)
+		})
+		//========================添加功能开始=========================
+		$('.add').click(function() {
+			$('.addModel').css('display', 'block');
+		})
+		//关闭按钮
+		$('.addBtr').click(function() {
+			$('.addModel').css('display', 'none');
+		})
+		//保存按钮
+		$('.addCun').click(function() {
+			if($('.add_jsz').val() == '') {
+
+				$('.addJsz_kong').css('display', 'inline-block')
+			} else {
+				$('.addModel').css('display', 'none');
+				ad();
+			}
+
+		})
+
+		function ad() {
+			$.ajax({
+				type: "post",
+				url: huayi.config.callcenter_url + "RoleInfo/AddRole",
+				async: true,
+				dataType: 'json',
+				data: {
+					token: token,
+					rolename: $('.add_jsz').val(), //角色名称
+					roleremark: $('.add_bz').val() //备注
+				},
+				success: function(data) {
+					if(data.state.toLowerCase() == 'success') {
+						layer.msg("添加成功！");
+						table.bootstrapTable('refresh');
+						 $('.add_jsz').val(''); //角色名称
+					 $('.add_bz').val('');
+					}
+				}
+			});
+
+		}
+		//*************************添加功能结束=========================
+
+		//========================修改功能开始=========================
+
+		$('.change').click(function() {
+			if(jsid) {
+				$('.changeModel').css('display', 'block');
+				cg(jsid)
+			} else {
+				layer.confirm('请选择修改行！', {
+					btn: ['确定']
+				});
+				return;
+			}
+
+		})
+		//关闭按钮
+		$('.changeBtr').click(function() {
+			$('.changeModel').css('display', 'none');
+		})
+		//保存按钮
+		$('.changeCun').click(function() {
+			if($('.change_jsz').val() == '') {
+				$('.change_kong').css('display', 'inline-block')
+			} else {
+				$('.changeModel').css('display', 'none');
+				cc(jsid);
+			}
+
+		})
+
+		function cg(jsid) {
+			$.ajax({
+				type: "get",
+				url: huayi.config.callcenter_url + "RoleInfo/GetRole",
+				async: true,
+				dataType: 'json',
+				data: {
+					token: token,
+					roleid: jsid //角色id
+				},
+				success: function(data) {
+					var con = data.data;
+					if(data.state.toLowerCase() == 'success') {
+						$('.change_jsz').val(con.F_RoleName);
+						$('.change_bz').val(con.F_Remark);
+					}
+				}
+			});
+
+		}
+
+		function cc(jsid) {
+			$.ajax({
+				type: "post",
+				url: huayi.config.callcenter_url + "RoleInfo/EditRole",
+				async: true,
+				dataType: 'json',
+				data: {
+					token: token,
+					roleid: jsid, //角色id
+					rolename: $('.change_jsz').val(), //角色名称
+					roleremark: $('.change_bz').val() //备注
+				},
+				success: function(data) {
+					if(data.state.toLowerCase() == 'success') {
+						layer.msg("修改成功！");
+						table.bootstrapTable('refresh');
+					}
+				}
+			});
+		}
+		//*************************修改功能结束=========================
+		//========================删除功能开始=========================
+		$('.del').click(function() {
+			if(jsid) {
+				$('.delModel').css('display', 'block');
+			} else {
+				layer.confirm('请选择要删除的行！', {
+					btn: ['确定']
+				});
+				return;
+			}
+		})
+		//关闭按钮
+		$('.delBtr').click(function() {
+			$('.delModel').css('display', 'none');
+		})
+		//取消按钮
+		$('.return').click(function() {
+			$('.delModel').css('display', 'none');
+		})
+		//确定按钮
+		$('.sure').click(function() {
+			$('.delModel').css('display', 'none');
+			del(jsid);
+		})
+
+		function del(jsid) {
+			$.ajax({
+				type: "post",
+				url: huayi.config.callcenter_url + "RoleInfo/DelRole",
+				async: true,
+				dataType: 'json',
+				data: {
+					token: token,
+					id: jsid //角色id
+				},
+				success: function(data) {
+					if(data.state.toLowerCase() == 'success') {
+						layer.msg("删除成功！");
+						table.bootstrapTable('refresh');
+					} else {
+						alert(data.message);
+
+					}
+				}
+			});
+
+		}
+		//*************************删除功能结束=========================
+		//右边树形结构
+		tree(jsid);
+
+		function tree(jsid) {
+			$.get(huayi.config.callcenter_url + "RoleF/GetRoleFunction", {
+				"token": $.cookie("token"),
+				"RoleID": jsid
+			}, function(result) {
+				result = $.parseJSON(result);
+				$(result.data).each(function(i, n) {
+					if(n.ischecked == true) {
+						n.checked = "true";
+					}
+				})
+				$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
+			});
+		}
+		var setting1 = {
+			check: {
+				enable: true,
+				//				chkboxType: {"Y":"", "N":""},
+			},
+			data: {
+				simpleData: {
+					enable: true,
+					idKey: "id",
+					pIdKey: "pid",
+					rootPId: 0
+				}
+			},
+			callback: {
+				onCheck: zTreeOnClick
+			}
+		};
+
+		function zTreeOnClick(event, treeId, treeNode) {
+			var name = treeNode.name;
+		};
+
+		//保存权限
+		function pro(app, jsid) {
+			$.ajax({
+				type: "post",
+				url: huayi.config.callcenter_url + "RoleF/SaveRoleFunction",
+				async: true,
+				dataType: 'json',
+				data: {
+					token: token,
+					RoleID: jsid, //角色id
+					functionIds: app
+				},
+				success: function(data) {
+					if(data.state.toLowerCase() == 'success') {
+					layer.confirm('保存权限成功！', {
+										btn: ['确定']
+									});
+									return;
+					}
+				}
+			});
+		}
+
+		$('.protect').click(function() {
+			var app = [];
+			var ztree = $.fn.zTree.getZTreeObj("treeDemo").getCheckedNodes(true);
+			$.each(ztree, function(i, n) {
+				app.push(n.id);
+			});
+			console.log(app)
+			pro(app, jsid);
+		})
+		//左边表格
+		initTable(token, jsname);
+
+		function initTable(token, jsname) {
+			//先销毁表格
+			table.bootstrapTable('destroy');
+			//初始化表格,动态从服务器加载数据
+			table.bootstrapTable({
+				method: "get", //使用get请求到服务器获取数据
+				url: huayi.config.callcenter_url+"RoleInfo/GetRoleList", //获取数据的Servlet地址
+//				url: "jueSeQuanXian.json", //获取数据的Servlet地址
+				striped: true, //表格显示条纹
+				pagination: true, //启动分页
+				pageSize: 10, //每页显示的记录数
+				pageNumber: 1, //当前第几页
+				pageList: [10,15,20,30, 50, 100], //记录数可选列表
+				search: false, //是否启用查询
+				showColumns: false, //显示下拉框勾选要显示的列
+				showRefresh: false, //显示刷新按钮
+				sidePagination: "server", //表示服务端请求
+				//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+				//设置为limit可以获取limit, offset, search, sort, order
+				queryParamsType: "undefined",
+				queryParams: function queryParams(params) { //设置查询参数
+					var param = {
+						pageindex: params.pageNumber,
+						pagesize: params.pageSize,
+						token: token,
+						name: jsname //角色名称
+					};
+					return param;
+				},
+				onLoadSuccess: function() { //加载成功时执行
+					//layer.msg("加载成功");
+				},
+				onLoadError: function() { //加载失败时执行
+					//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+				}
+			});
+		}
+		/*选中行添加背景颜色*/
+		var jsid;
+		table.on("click-row.bs.table", function(e, row, ele) {
+			$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+			$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+			jsid = row.F_RoleId;
+			tree(jsid);
+		});
+
+		function setCode(val, row, index) {
+			    var page = table.bootstrapTable("getPageCode");  
+            return page.pageSize * (page.pageNumber - 1) + index + 1;  
+		}

CallCenterWeb.UI/SystemManager/js/shuJuZiDian.js

@@ -0,0 +1,458 @@
+	var token = $.cookie("token");
+	var table = $('#table1');
+	var bs;//字典标识
+	//左边表格
+	   initTable(token);
+		function initTable(token) {
+		//先销毁表格
+		table.bootstrapTable('destroy');
+		//初始化表格,动态从服务器加载数据
+		table.bootstrapTable({
+			method: "get", //使用get请求到服务器获取数据
+			url: huayi.config.callcenter_url+"Dictionary/GetList", //获取数据的Servlet地址
+//			url: "shuJuZiDian.json", //获取数据的Servlet地址
+			striped: true, //表格显示条纹
+			pagination: true, //启动分页
+			pageSize:10, //每页显示的记录数
+			pageNumber: 1, //当前第几页
+			pageList: [10, 15,20,30,50, 100], //记录数可选列表
+			search: false, //是否启用查询
+			showColumns: false, //显示下拉框勾选要显示的列
+			showRefresh: false, //显示刷新按钮
+			sidePagination: "server", //表示服务端请求
+			//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+			//设置为limit可以获取limit, offset, search, sort, order
+			queryParamsType: "undefined",
+			queryParams: function queryParams(params) { //设置查询参数
+				var param = {
+					pageindex: params.pageNumber,
+					pagesize: params.pageSize,
+					token: token
+				};
+				return param;
+			},
+			onLoadSuccess: function() { //加载成功时执行
+				//layer.msg("加载成功");
+			},
+			onLoadError: function() { //加载失败时执行
+				//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+			}
+		});
+	}
+			/*获取选中行对象*/
+			table.on("click-row.bs.table", function(e, row, ele) {
+				$('.success').removeClass('success');//去除之前选中的行的，选中样式
+				$(ele).addClass('success');//添加当前选中的 success样式用于区别
+				bs=row.flag;
+				initTableRight(token,bs);
+			});
+			function oper(val,row) {
+        return '<div class="pull-right">'+
+            '<a class="del" title="删除" style="margin-right:5px;" onclick= SC("' + row.flag + '")><i class="shanChu"></i></a>' +
+           '<a class="xg" title="修改"><i class="xiuGai"></i></a>'+
+            '</div>'+
+            '<div class="pull-left">' + val + '</div>'
+    }
+	function setCodeLeft(val, row, index) {
+			var page = table.bootstrapTable("getPageCode");  
+            return page.pageSize * (page.pageNumber - 1) + index + 1;  
+		}
+	//====================添加功能开始=============================
+		$('.tjzd').click(function() {
+			$('.addModel').css('display', 'block');
+		})
+		//关闭按钮
+		$('.addBtr ').click(function() {
+			$('.addModel').css('display', 'none');
+		})
+		//保存按钮
+		$('.addCunzd').click(function() {
+			$('.addModel').css('display', 'none');
+			if($('.inps1').val()==''||$('.addzdz').val()==''){
+					layer.confirm('字典标志与值不允许为空！', {
+		 			btn: ['确定']
+		 		});
+		 		return;
+			}else{
+				tjCunzd(token)
+			}
+			;
+		})
+		function tjCunzd(token){
+//  		参数：dicflag=字典标识&name=字典名称&sort=排序
+			$.ajax({
+				type:"post",
+				url:huayi.config.callcenter_url+"Dictionary/AddDic",
+				async:true,
+				dataType:"json",
+				data:{
+					token: token,
+					dicflag:$('.inps1').val(),
+					Name:$('.addzdz').val(),
+					sort:$('.addSort').val()
+           	},
+           	success:function(data){
+           		if(data.state.toLowerCase() =='success'){
+           			layer.msg("添加成功!");
+           			table.bootstrapTable('refresh');
+           			$('.inps1').val('');
+					$('.addzdz').val('');
+					$('.addSort').val('');
+           		}
+           	}
+			});
+			
+		}
+	//*****************添加功能结束==============================
+	
+			
+	//=================字典删除功能开始==================================
+		var leftId;
+//		window.operateEvents = {
+//      'click .del': function (e, value, row) {
+//      	$('.delModel').css('display','block');
+//      	$('.delName').html(row.text);
+//      	 leftId=row.id
+//      	console.log(typeof(leftId));
+//     	}
+//  	};
+    	function SC(te){
+    		$('.delModel').css('display','block');
+        	$('.delName').html(te);
+        	 leftId=te
+    	}
+       	$('.sure').click(function(){
+    		$('.delModel').css('display','none');
+    		//console.log(leftId);
+      		$.ajax({
+           	type:"post",
+           	url:huayi.config.callcenter_url+"Dictionary/DelDic",
+           	async:true,
+           	dataType:'json',
+           	data:{
+           		ids:leftId,
+           		token: token
+           	},
+           	success:function(data){
+           		console.log(data)
+           		if(data.state.toLowerCase() =='success'){
+           			layer.msg("删除成功!");
+           			table.bootstrapTable('refresh');
+           		}
+           	}
+           });
+    	})
+    
+    	//关闭按钮
+    	$('.delBtr').click(function(){
+    			$('.delModel').css('display','none');
+    	})
+    	//取消按钮
+    	$('.return').click(function(){
+    			$('.delModel').css('display','none');
+    	})
+    	
+	//*********************字典删除功能结束==================================
+	//=====================字典修改功能开始==================================
+		var chbs;
+		window.operateEvents = {
+        'click .xiuGai': function (e, value, row) {
+        	$('.changeModel').css('display','block');
+        	$('.chanName').html(row.name);
+      	 	chbs=row.flag
+    		//console.log(chbs);
+    		getZiDian(token,chbs);
+       	}
+    	};
+			function getZiDian(token,chbs){
+				console.log(chbs);
+				$.ajax({
+					type:"get",
+					url:huayi.config.callcenter_url+"Dictionary/GetDic",
+					async:true,
+					dataType:'json',
+					data:{
+						dicflag:chbs,
+						token: token
+           	},
+					success:function(data){
+						var con=data.data;
+						$('.inps4').val(con.flag);
+						$('.chanzdz').val(con.name);
+						$('.changeCode').val(con.sort);
+					}
+				});
+				
+			}
+		//关闭按钮
+		$('.changeBtr').click(function() {
+			$('.changeModel').css('display', 'none');
+		})
+	//保存按钮
+	$('.chanCun').click(function(){
+		$('.changeModel').css('display', 'none');
+		cunZiDian(token);
+	})
+	
+	function cunZiDian(token){
+		$.ajax({
+			type:"get",
+			url:huayi.config.callcenter_url+"Dictionary/EditDic",
+			async:true,
+			dataType:'json',
+			data:{
+				dicflag:$('.inps4').val(),
+				Name: $('.chanzdz').val(),
+				sort:$('.changeCode').val(),
+				token: token
+			},
+			success:function(data){
+				if(data.state.toLowerCase() =='success'){
+						layer.msg("修改成功!");
+           			table.bootstrapTable('refresh');
+           			$('.inps4').val('');
+					$('.chanzdz').val('');
+					$('.changeCode').val('');
+				}
+			}
+		});
+	
+	}
+	
+	//*********************字典修改功能结束==================================
+	
+	//右边表格
+	var tableRight=$('#table2');
+	initTableRight(token,bs);
+	function initTableRight(token,bs) {
+		//先销毁表格
+		tableRight.bootstrapTable('destroy');
+		//初始化表格,动态从服务器加载数据
+		tableRight.bootstrapTable({
+			method: "get", //使用get请求到服务器获取数据
+			url: huayi.config.callcenter_url+"Dictionary/GetDicValueList", //获取数据的Servlet地址
+//			url: "shuJuZiDianTBR.json", //获取数据的Servlet地址
+			striped: true, //表格显示条纹
+			pagination: true, //启动分页
+			pageSize:10, //每页显示的记录数
+			pageNumber: 1, //当前第几页
+			pageList: [10,15,20,30, 50, 100], //记录数可选列表
+			search: false, //是否启用查询
+			showColumns: false, //显示下拉框勾选要显示的列
+			showRefresh: false, //显示刷新按钮
+			sidePagination: "server", //表示服务端请求
+			//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+			//设置为limit可以获取limit, offset, search, sort, order
+			queryParamsType: "undefined",
+			queryParams: function getParams(params) { //设置查询参数
+				var param = {
+					pageindex: params.pageNumber,
+					pagesize: params.pageSize,
+					token: token,
+					flag:$('.sear_bs').val(),
+					name:$('.sear_name').val(),
+					id:bs
+				};
+				return param;
+			},
+			onLoadSuccess: function() { //加载成功时执行
+				//layer.msg("加载成功");
+			},
+			onLoadError: function() { //加载失败时执行
+				//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+			}
+		});
+	}
+	
+	function setCodeRight(val, row, index) {
+			    var page = table.bootstrapTable("getPageCode");  
+            return page.pageSize * (page.pageNumber - 1) + index + 1;  
+		}
+	
+	//========================字典列表添加功能开始==================================
+	    $('.zdl_add').click(function(){
+	    	if(bs){
+	    			$('.zdlist_addModel').css('display','block');
+	    			$('.inps5').val(bs)
+	    	}else{
+	    		layer.confirm('请选择要添加的类！', {
+				btn: ['确定']
+			});
+			return;
+	    	}
+	    
+	    })
+	    //关闭按钮
+	    $('.addListBtr').click(function(){
+	    	$('.zdlist_addModel').css('display','none');
+	    })
+	    //保存按钮
+	    $('.addList_cun').click(function(){
+	    	$('.zdlist_addModel').css('display','none');
+	    	addList();
+	    })
+		function addList(){
+			$.ajax({
+				type:"post",
+				url:huayi.config.callcenter_url+"Dictionary/AddDicValue",
+				async:true,
+				dataType:'json',
+				data:{
+					token: token,
+					dicflag:$('.inps5').val(),
+					dicvname:$('.addList_zdz').val(),
+					dicdes:$('.addList_remark').val(),
+					sort:$('.addList_sort').val()
+				},
+				success:function(data){
+					if(data.state.toLowerCase() =='success'){
+					layer.msg("添加成功!");
+					initTableRight(token,bs);
+					$('.inps5').val('');
+					$('.addList_zdz').val('');
+					$('.addList_remark').val('');
+					$('.addList_sort').val('');
+				}
+				}
+			});
+	
+}
+	    
+	//************************字典列表添加功能结束==================================
+		
+	//========================字典列表修改功能开始==================================
+
+		var rlag
+	 $('.zdl_change').click(function(){
+	 		 var rvd= $.map(tableRight.bootstrapTable('getSelections'), function(row) {
+					return row.F_DictionaryValueId;
+					//console.log(row.F_DictionaryValueId);
+				});
+				rlag=rvd.toString();
+		 	if(rvd.length<=0){
+		 		layer.confirm('请选择一行进行修改！', {
+				btn: ['确定']
+			});
+			return;
+		 	}else{
+		 		$('.zdlist_chanModel').css('display','block');
+		 		//console.log(rlag);
+		 		getzdv(token,rlag);
+		 	}
+	    	
+	    })
+	    //关闭按钮
+	    $('.chanListBtr').click(function(){
+	    	$('.zdlist_chanModel').css('display','none');
+	    })
+	    function getzdv(token,rlag){
+	    	$.ajax({
+				type:"get",
+				url:huayi.config.callcenter_url+"Dictionary/GetDicValue",
+				async:true,
+				dataType:'json',
+				data:{
+					token: token,
+					dicvalueid:rlag
+				},
+				success:function(data){
+					var con=data.data;
+					$('.inps6').val(con.dicflag);
+					$('.chanList_zdz').val(con.name);
+					$('.chanList_remark').val(con.remark);
+					$('.chanList_sort').val(con.sort);
+				}
+			});
+	
+	    }
+	    //保存按钮
+	    $('.chanList_cun').click(function(){
+	    	$('.zdlist_chanModel').css('display','none');
+	    	tjc(token,rlag);
+	    	
+	    })
+	    function tjc(token,rlag){
+	    	$.ajax({
+	    		type:"post",
+	    		url:huayi.config.callcenter_url+"Dictionary/EditDicValue",
+	    		async:true,
+	    		dataType:'json',
+	    		data:{
+	    			token: token,
+	    			dicflag:$('.inps6').val(),
+	    			dicvid:rlag,
+	    			dicvname:$('.chanList_zdz').val(),
+	    			dicdes:	$('.chanList_remark').val(),
+	    			sort:$('.chanList_sort').val()
+	    			
+	    		},
+	    		success:function(data){
+	    			if(data.state.toLowerCase() =='success'){
+					layer.msg("修改成功");
+					initTableRight(token,bs);
+					$('.inps6').val('');
+	    			$('.chanList_zdz').val('');
+	    			$('.chanList_remark').val('');
+	    			$('.chanList_sort').val('');
+				}
+	    			
+	    		}
+	    	});
+	    	
+	    }
+	//************************字典列表修改功能结束==================================
+		
+	//========================字典列表删除功能开始==================================
+ 		var did;
+ 	$('.zdl_del').click(function(){
+ 			 did= $.map(tableRight.bootstrapTable('getSelections'), function(row) {
+					return row.F_DictionaryValueId;
+				});
+//				did=idd.toString()
+				if(did.length<=0){
+						layer.confirm('请选择一行删除！', {
+				btn: ['确定']
+			});
+			return;
+				}else{
+					$('.zdlist_delModel').css('display','block');
+				}
+	    })
+	    //关闭按钮
+	    $('.delListBtr').click(function(){
+	    	$('.zdlist_delModel').css('display','none');
+	    })
+	    //取消按钮
+	     $('.delList_return').click(function(){
+	    	$('.zdlist_delModel').css('display','none');
+	    })
+	     //确定按钮
+	        $('.delList_sure').click(function(){
+	    	$('.zdlist_delModel').css('display','none');
+	    	 sctj(token,did);
+	    })
+	        function sctj(token,did){
+//	        	console.log(did)
+	        	$.ajax({
+	        		type:"post",
+	        		url:huayi.config.callcenter_url+"Dictionary/DelDicValue",
+	        		async:true,
+	        		dataType:'json',
+	        		data:{
+	        			token: token,
+	        			ids:did
+	        		},
+	        		success:function(data){
+	        			if(data.state=="success"){
+						layer.msg("删除成功！");
+						initTableRight(token,bs);
+					}
+	        		}
+	        	});
+	        }
+	//************************字典列表删除功能结束==================================
+		
+	//搜索事件
+	$('.sousuo').click(function(){
+		initTableRight(token,bs);
+	})

CallCenterWeb.UI/SystemManager/js/yongHuManger.js

@@ -0,0 +1,742 @@
+var token = $.cookie("token");
+var id; //当前节点id
+var pid; //当前父节点ID
+var name; //选择的name
+var pidName; //父节点name
+var keyWord = $('.searCon').val(); //关键字
+var xlName; //添加下拉框节点name
+var table = $('#table1'); //右边表格
+//搜索按钮
+$('.searchGo').click(function() {
+	keyWord = $('.searCon').val();
+	console.log(keyWord);
+	initTable(token, id, keyWord);
+	//if(keyWord) {
+	//	initTable(token, id, keyWord);
+	//} else {
+	//	layer.confirm('请输入搜索内容！', {
+	//		btn: ['确定']
+	//	});
+	//	return;
+	//}
+
+})
+$.get(huayi.config.callcenter_url + "Department/GetDeptList", {
+	"token": $.cookie("token"),
+	"pid": pid
+}, function(result) {
+	result = $.parseJSON(result);
+	$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
+});
+var setting1 = {
+	data: {
+		key: {
+			name: "text"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: zTreeOnClick
+	}
+};
+
+function zTreeOnClick(event, treeId, treeNode) {
+	id = treeNode.id;
+	name = treeNode.text;
+	var pidnode = treeNode.getParentNode();
+	if(pidnode) {
+		pidName = pidnode.text;
+		pid = pidnode.id;
+		console.log(pid);
+	} else {
+		pidName = "顶级分类";
+		pid == 0;
+		console.log(pid);
+	}
+	keyWord = $('.searCon').val();
+	initTable(token, id, keyWord)
+};
+
+//===============添加功能开始=============================
+laydate.skin('molv');
+//用户生日
+laydate({
+	elem: '#ygbirth',
+	event: 'focus',
+	istoday: true,
+	format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
+});
+//下拉
+$('.inps').focus(function() {
+	$(this).siblings('.addTree').css('display', 'block');
+})
+
+$('.xl').click(function() {
+	var xl = $(this).siblings('.addTree');
+	if(xl.css('display') == 'block') {
+		xl.css('display', 'none')
+	} else {
+		xl.css('display', 'block')
+	}
+})
+$('.addTree').mouseleave(function() {
+	$(this).css('display', 'none')
+})
+
+//添加按钮
+$('.add').click(function() {
+	$('.addModel').css('display', 'block');
+	addjs(token); //获取所属角色
+	adddep(); //获取所属部门
+	addzxz(); //获取坐席组
+})
+$('.addBtr').click(function() {
+	$('.addModel').css('display', 'none');
+})
+
+//保存添加按钮
+$('.addCun').click(function() {
+	if($('.add_ygName').val() == '' || $('.add_ygCode').val() == '' || $('.add_pwd').val() == '' || $('.inps1').val() == '' || $('.inps2').val() == '') {
+		layer.confirm('标红内容不允许为空！', {
+			btn: ['确定']
+		});
+		return;
+	} else if($('.add_pwd').val() !== $('.add_pwd2').val()) {
+		layer.confirm('密码输入不一致！', {
+			btn: ['确定']
+		});
+		return;
+	} else {
+		addCun(did, jsid, zxid)
+
+		$('.addModel').css('display', 'none');
+	}
+})
+//保存所调方法
+function addCun(did, jsid, zxid) {
+	$.ajax({
+		type: "post",
+		url: huayi.config.callcenter_url + "UserAccount/AddUsers",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: $.cookie("token"),
+			usercode: $('.add_ygCode').val(),
+			username: $('.add_ygName').val(),
+			password: $('.add_pwd').val(),
+			extno: $('.add_fenji').val(),
+			//wxno:$('.add_wxno').val(),
+			deptid: did,
+			roleid: jsid,
+			groupid: zxid, //'组id?'
+			isseat: $('.addhwb input[name="huwu"]:checked ').val(),
+			searright: $('.addzxqx input[name="zxqx"]:checked ').val(),
+			sex: $('.addSex input[name="sex"]:checked ').val(),
+			mobile: $('.add_mobile').val(),
+			telphone: $('.add_telphone').val(),
+			birth: $('.add_birth').val(),
+			hjtype: $('.add_zxlx input[name="zxqx"]:checked ').val(),
+			remark: $('.add_remark').val()
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				layer.msg("添加成功！");
+				table.bootstrapTable('refresh');
+				Clean();
+			}
+		}
+
+	});
+}
+//清除表格
+function Clean() {
+	$('.add_ygCode').val('');
+	$('.add_ygName').val('');
+	$('.add_pwd').val('');
+	$('.add_pwd2').val('');
+	$('.add_fenji').val('');
+	$('.inps1').val('');
+	$('.inps2').val('');
+	$('.inps3').val('');
+	$('.addhwb input[name="huwu"]').removeAttr('checked');
+	$('.addzxqx input[name="zxqx"]').removeAttr('checked');
+	$('.addSex input[name="sex"]').removeAttr('checked');
+	$('.add_mobile').val('');
+	$('.add_telphone').val('');
+	$('.add_birth').val('');
+	$('.add_zxlx input[name="zxqx"]').removeAttr('checked');
+	$('.add_remark').val('');
+}
+//所属角色列表
+var jsid; //角色id
+$('.xlAdd_one ul').on('click', 'li', function() {
+	$('.inps1').val($(this).html());
+	jsid = $(this).attr('data-id');
+	console.log(jsid);
+	//		$(this).addClass('fouceli').siblings().removeClass('fouceli');
+	$(this).parent().parent().css('display', 'none');
+})
+
+//获取角色列表 
+function addjs(token) {
+	$('.xlAdd_one ul').html('');
+
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "RoleInfo/GetRoleList",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			code: '',
+			name: ''
+		},
+		success: function(data) {
+			var con = data.rows;
+			//				console.log(con);
+			for(var i = 0; i < con.length; i++) {
+				$('<li data-id=' + con[i].F_RoleId + '>' + con[i].F_RoleName + '</li>').appendTo('.xlAdd_one ul');
+			}
+		}
+	});
+}
+//获取所属部门
+var setting2 = {
+	data: {
+		key: {
+			name: "text"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: ztreeDep
+	}
+};
+var did; //部门id
+var dname; //部门name
+function ztreeDep(event, treeId, treeNode) {
+	did = treeNode.id;
+	dname = treeNode.text;
+	$('.inps2').val(dname);
+};
+
+function adddep() {
+	$.get(huayi.config.callcenter_url + "Department/GetDeptList", {
+		"token": $.cookie("token"),
+		"pid": pid
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#xlAdd_depTree"), setting2, result.data); //实例化树形图
+	});
+}
+//获取坐席组列表
+var setting3 = {
+	data: {
+		key: {
+			name: "F_ZXZName"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "F_ZXZID",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: ztreeZxz
+	}
+};
+var zxid; //坐席组id
+var zxname; //坐席组name
+function ztreeZxz(event, treeId, treeNode) {
+	zxid = treeNode.F_ZXZID;
+	zxname = treeNode.F_ZXZName;
+	$('.inps3').val(zxname);
+};
+
+function addzxz() {
+	$.get(huayi.config.callcenter_url + "SeatGroup/GetSeatList?", {
+		"token": $.cookie("token")
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#xlAdd_zxz"), setting3, result.data); //实例化树形图
+	});
+}
+
+//***********************添加功能结束=============================
+
+//=======================修改功能开始==============================
+laydate.skin('molv');
+//用户生日
+laydate({
+	elem: '#chan_ygbirth',
+	event: 'focus',
+	istoday: true,
+	format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
+});
+//		var chan_uc;
+$('.change').click(function() {
+	chanjs(token); //角色列表
+	chanGetDep(); //部门列表
+	chanGetzx(); //获取坐席
+	console.log("用户工号" + chan_uc + "用户编号" + ygbh)
+	if(ygbh) {
+		$('.changeModel').css('display', 'block');
+		getYG(chan_uc, ygbh);
+
+	} else {
+		layer.confirm('请选择要修改的行！', {
+			btn: ['确定']
+		});
+		return;
+	}
+
+})
+//删除
+$('.move').click(function() {
+	if(ygbh) {
+		move(chan_uc);
+
+	} else {
+		layer.confirm('请选择要删除的行！', {
+			btn: ['确定']
+		});
+		return;
+	}
+})
+
+function move(chan_uc) {
+	$.ajax({
+		type: "post",
+		url: huayi.config.callcenter_url + "UserAccount/DeleteUsers",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			ids: chan_uc,
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				layer.msg("删除成功！");
+				initTable(token, id, keyWord);
+			}
+		}
+	});
+}
+//所属角色列表
+var chan_jsid; //角色id
+$('.xlChan_four ul').on('click', 'li', function() {
+	$('.inps4').val($(this).html());
+	chan_jsid = $(this).attr('data-id');
+	console.log(chan_jsid);
+	//		$(this).addClass('fouceli').siblings().removeClass('fouceli');
+	$(this).parent().parent().css('display', 'none');
+})
+//获取角色列表 
+function chanjs(token) {
+	$('.xlChan_four ul').html('');
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "RoleInfo/GetRoleList",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			code: '',
+			name: ''
+		},
+		success: function(data) {
+			var con = data.rows;
+			//				console.log(con);
+			for(var i = 0; i < con.length; i++) {
+				$('<li data-id=' + con[i].F_RoleId + '>' + con[i].F_RoleName + '</li>').appendTo('.xlChan_four ul');
+			}
+		}
+	});
+}
+//获取所属部门
+var setting4 = {
+	data: {
+		key: {
+			name: "text"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: chanaDep
+	}
+};
+var chanDid; //部门id
+var chanDname; //部门name
+function chanaDep(event, treeId, treeNode) {
+	chanDid = treeNode.id;
+	chanDname = treeNode.text;
+	$('.inps5').val(chanDname);
+};
+
+function chanGetDep() {
+	$.get(huayi.config.callcenter_url + "Department/GetDeptList", {
+		"token": $.cookie("token"),
+		"pid": pid
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#xlChan_depTree"), setting4, result.data); //实例化树形图
+	});
+}
+//获取坐席组列表
+var setting5 = {
+	data: {
+		key: {
+			name: "F_ZXZName"
+		},
+		simpleData: {
+			enable: true,
+			idKey: "F_ZXZID",
+			rootPId: 0
+		}
+	},
+	callback: {
+		onClick: chanZxz
+	}
+};
+var chanZxid; //坐席组id
+var chanZxname; //坐席组name
+function chanZxz(event, treeId, treeNode) {
+	chanZxid = treeNode.F_ZXZID;
+	chanZxname = treeNode.F_ZXZName;
+	$('.inps6').val(chanZxname);
+};
+
+function chanGetzx() {
+	$.get(huayi.config.callcenter_url + "SeatGroup/GetSeatList?flag=ZXZ", {
+		"token": $.cookie("token")
+	}, function(result) {
+		result = $.parseJSON(result);
+		$.fn.zTree.init($("#xlchan_zxz"), setting5, result.data); //实例化树形图
+	});
+}
+//获取用户信息
+function getYG(chan_uc, ygbh) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "UserAccount/GetUser",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			usercode: ygbh,
+			userid: chan_uc
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var ygcon = data.data;
+				console.log(ygcon.F_ExtensionNumber);
+				$('.change_ygName').val(ygcon.F_UserName); //员工姓名
+				$('.change_ygCode').val(ygcon.F_WorkNumber); //员工工号
+				$('.xlChan_four ul li').each(function(i, n) {
+					if($(n).attr("data-id") == ygcon.F_RoleId) {
+						$('.inps4').val($(n).text()); //所属角色
+						var idd = ygcon.F_RoleId;
+						$('.inps4').attr('data_id', idd);
+					}
+				})
+				$('.inps5').val(ygcon.depname); //所属部门
+				$('.inps5').attr('data_id', ygcon.F_DeptId);
+				$('.change_hwb input[name="huwu"][value="' + ygcon.F_SeatFlag + '"]').prop("checked", "checked"); //话务标志
+				$('.change_zxqx input[name="zxqx"][value="' + ygcon.F_SeatRight + '"]').prop("checked", "checked"); //坐席权限
+				$('.change_zxlx input[name="call"][value="' + ygcon.F_HJType + '"]').prop("checked", "checked"); //坐席类型
+				$('.changeSex input[name="sex"][value="' + ygcon.F_SexFlag + '"]').prop("checked", "checked"); //性别
+				$('.inps6').val(ygcon.F_SeatGroup); //坐席组
+				$('.inps6').attr('data_id', ygcon.F_GroupId);
+				$('.change_fenji').val(ygcon.F_ExtensionNumber); //分机号
+				//$('.change_wxno').val(ygcon.F_WXNo);//外呼显示号码
+				$('#chan_ygbirth').val(ygcon.F_Birthday); //生日
+				$('.change_telphone').val(ygcon.F_Telephone); //电话
+				$('.change_mobile').val(ygcon.F_Mobile); //手机
+				$('.change_remark').val(ygcon.F_Remark); //备注
+			}
+		}
+
+	});
+}
+//关闭按钮
+$('.changeBtr').click(function() {
+	$('.changeModel').css('display', 'none');
+})
+chan_jsid = $('.inps4').attr('data_id'); //角色ID
+chanDid = $('.inps5').attr('data_id'); //部门id
+chanZxid = $('.inps6').attr('data_id'); //坐席组id
+//保存按钮
+$('.changeCun').click(function() {
+	$('.changeModel').css('display', 'none');
+	chan_tj(token, chanDid, chan_jsid, chan_uc, pwd, ygbh, chanZxid);
+
+})
+
+function chan_tj(token, chanDid, chan_jsid, chan_uc, pwd, ygbh, chanZxid) {
+	$.ajax({
+		type: "post",
+		url: huayi.config.callcenter_url + "UserAccount/EditUsers",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			userid: chan_uc,
+			usercode: $('.change_ygCode').val(),
+			username: $('.change_ygName').val(),
+			password: pwd,
+			extno: $('.change_fenji').val(),
+			//wxno:$('.change_wxno').val(),
+			worknumber: ygbh,
+			deptid: chanDid,
+			roleid: chan_jsid,
+			groupid: chanZxid,
+			isseat: $('.change_hwb input[name="huwu"]:checked ').val(),
+			searright: $('.change_zxqx input[name="zxqx"]:checked ').val(),
+			sex: $('.changeSex input[name="sex"]:checked ').val(),
+			mobile: $('.change_mobile').val(),
+			telphone: $('.change_telphone').val(),
+			birth: $('#chan_ygbirth').val(),
+			hjtype: $('.change_zxlx input[name="call"]:checked ').val(),
+			remark: $('.change_remark').val()
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				layer.msg("修改成功！");
+				initTable(token, id, keyWord);
+			}
+		}
+	});
+}
+
+//***********************修改功能结束==============================
+
+//=======================重设功能开始==============================
+$('.again').click(function() {
+	if(ygbh) {
+		$('.againModel').css('display', 'block');
+		$('.again_ygName').val(yhname)
+		$('.again_ygCode').val(yhgh)
+	} else {
+		layer.confirm('请选择要重设密码的用户！', {
+			btn: ['确定']
+		});
+		return;
+	}
+
+})
+//关闭按钮
+$('.agBtr').click(function() {
+	$('.againModel').css('display', 'none');
+})
+//确定按钮
+$('.again_Cun').click(function() {
+	if($('.again_pwd').val() !== $('.again_pwd2').val()) {
+		layer.confirm('密码不一致，请重新输入！', {
+			btn: ['确定']
+		});
+		return;
+		//			$('.again_pwd').val('');
+		$('.again_pwd2').val('');
+	} else {
+		$('.againModel').css('display', 'none');
+		cs(ygbh); //重设密码
+	}
+
+})
+
+function cs(ygbh) {
+	$.ajax({
+		type: "post",
+		url: huayi.config.callcenter_url + "UserAccount/ResetPwd",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			usercode: ygbh,
+			pwd: $('.again_pwd').val()
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				layer.msg("重设密码成功！");
+				initTable(token, id, keyWord);
+			}
+		}
+	});
+}
+//***********************重设功能结束==============================
+var state;
+//=======================禁用功能开始==============================
+$('.ban').click(function() {
+	if(buMenId) {
+		$('.banModel').css('display', 'block');
+	} else {
+		layer.confirm('请选择行！', {
+			btn: ['确定']
+		});
+		return;
+	}
+})
+//关闭按钮
+$('.banBtr').click(function() {
+	$('.banModel').css('display', 'none');
+})
+//取消按钮
+$('.banReturn').click(function() {
+	$('.banModel').css('display', 'none');
+})
+
+//确定按钮
+$('.banSure').click(function() {
+	$('.banModel').css('display', 'none');
+	state = 1;
+	console.log(state);
+	bu(chan_uc, state);
+
+})
+
+function bu(chan_uc, state) {
+	$.ajax({
+		type: "post",
+		url: huayi.config.callcenter_url + "UserAccount/DelUsers",
+		async: true,
+		dataType: 'json',
+		data: {
+			token: token,
+			ids: chan_uc,
+			state: state
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				initTable(token, id, keyWord);
+			}
+		}
+	});
+}
+//***********************禁用功能结束==============================
+
+//=======================启用功能开始==============================
+$('.using').click(function() {
+	if(buMenId) {
+		$('.useModel').css('display', 'block');
+	} else {
+		layer.confirm('请选择行！', {
+			btn: ['确定']
+		});
+		return;
+
+	}
+})
+//关闭按钮
+$('.useBtr').click(function() {
+	$('.useModel').css('display', 'none');
+})
+//取消按钮
+$('.useReturn').click(function() {
+	$('.useModel').css('display', 'none');
+})
+//确定按钮
+$('.useSure').click(function() {
+	state = 0;
+	console.log(state);
+	$('.useModel').css('display', 'none');
+	bu(chan_uc, state);
+})
+//***********************启用功能结束==============================
+
+//右边表格
+initTable(token, id, keyWord);
+
+function initTable(token, id, keyWord) {
+	//先销毁表格
+	table.bootstrapTable('destroy');
+	//初始化表格,动态从服务器加载数据
+	table.bootstrapTable({
+		method: "get", //使用get请求到服务器获取数据
+		url: huayi.config.callcenter_url + "UserAccount/GetList", //获取数据的Servlet地址
+		striped: true, //表格显示条纹
+		pagination: true, //启动分页
+		pageSize: 10, //每页显示的记录数
+		pageNumber: 1, //当前第几页
+		pageList: [10, 15, 20, 30, 50, 100], //记录数可选列表
+		search: false, //是否启用查询
+		showColumns: false, //显示下拉框勾选要显示的列
+		showRefresh: false, //显示刷新按钮
+		sidePagination: "server", //表示服务端请求
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+		//设置为limit可以获取limit, offset, search, sort, order
+		queryParamsType: "undefined",
+		queryParams: function queryParams(params) { //设置查询参数
+			var param = {
+				pageindex: params.pageNumber,
+				pagesize: params.pageSize,
+				token: token,
+				dptid: id,
+				key: keyWord
+			};
+			return param;
+		},
+		onLoadSuccess: function() { //加载成功时执行
+			//layer.msg("加载成功");
+		},
+		onLoadError: function() { //加载失败时执行
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+		}
+	});
+}
+/*选中行添加背景颜色*/
+var ygbh, chan_uc, pwd, buMenId, yhname, yhgh;
+table.on("click-row.bs.table", function(e, row, ele) {
+	$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+	$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+	ygbh = row.F_UserCode; //用户编号
+	chan_uc = row.F_UserId; //用户id
+	pwd = row.F_Password; //密码
+	buMenId = row.F_DeptId; //部门id
+	yhname = row.F_UserName; //用户name
+	yhgh = row.F_WorkNumber; //用户工号
+	//				alert(chan_uc)
+
+});
+
+function setCode(val, row, index) {
+	var page = table.bootstrapTable("getPageCode");
+	return page.pageSize * (page.pageNumber - 1) + index + 1;
+}
+
+function setZuoType(val) {
+	var str = '';
+	switch(val + '') {
+		case '0':
+			str = "呼入组";
+			break;
+		case '1':
+			str = "呼出组";
+			break;
+	}
+	return str;
+}
+
+function setYongState(val) {
+	var str = '';
+	switch(val + '') {
+		case '0':
+			str = "正常";
+			break;
+		case '1':
+			str = "禁用";
+			break;
+	}
+	return str;
+}

CallCenterWeb.UI/SystemManager/jueSeQuanXian.html

@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+   		<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<title>系统管理-->角色权限</title>
+		<style>
+			.box {
+				width: 35%;
+			}
+			.delModel .box,.proModel .box{
+				width: 20%;
+			}
+			
+			.boxCon {
+				height: 285px;
+			}
+		
+			.boxCon table th {
+			    width: 20%;
+			}
+			.boxCon table td textarea{
+				width: 80%;
+			}
+			.treeTable {
+				height: 500px;
+			}
+			
+			.tree {
+				height: 100%;
+			}
+			
+			.treeCon {
+				height: 90%;
+				border: 1px solid #ebebeb;
+				overflow-y: auto;
+			}
+			
+			.trTitle {
+				width: 100%;
+				height: 34px;
+				line-height: 34px;
+				border-bottom: 1px solid #ebebeb;
+				color: red;
+				font-weight: 700;
+				margin-bottom: 15px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="container-fluid">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">权限管理</a>&gt;<a href="" class="nowPosition">角色权限</a></sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="toolBar clearfix">
+				<div class="toolLeft">
+					<button class="btns add">添加</button>
+					<button class="btns change">修改</button>
+					<button class="btns del">删除</button>
+					<button class="btns protect">保存角色权限</button>
+				</div>
+				<div class="toolRight">
+					<span>角色名称：<input type="text" class="searJsz"/></span>
+					<button class="btns search">搜索</button>
+				</div>
+
+			</div>
+			<div class="treeTable clearfix">
+				<div class="tree col-md-3">
+					<div class="trTitle"> 角色列表</div>
+						<table id="table1"data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-align="center" data-field="id" data-formatter="setCode">编号</th>
+								<th data-field="F_RoleName" data-align="center">用户角色</th>
+						
+							</tr>
+						</thead>
+					</table>
+				</div>
+				<div class="tableCon col-md-9">
+					<div class="trTitle"> 权限设置</div>
+					<div class="treeCon">
+						<ul id="treeDemo" class="ztree">
+							<!--类名为ztree是必须的-->
+						</ul>
+					</div>
+				</div>
+			</div>
+
+		</div>
+		<!--添加弹出内容-->
+		<div class="model addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加角色信息</p>
+					<p class="btr addBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: red;">角色值：</th>
+								<td colspan="3"><input type="text" class="add_jsz"  /><span class="kong addJsz_kong" style="color: red;">*角色值不允许为空</span></td>
+							</tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="3"><textarea rows="2" cols="20" class="add_bz"></textarea></td>
+							</tr>
+								
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns addCun">保存</button></div>
+				</div>
+			</div>
+		</div>
+		<!--修改弹出内容-->
+		<div class="model changeModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加角色信息</p>
+					<p class="btr changeBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: red;">角色值：</th>
+								<td colspan="3"><input type="text" class="change_jsz"  /><span class="kong change_kong" style="color: red;">*角色值不允许为空</span></td>
+							</tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="3"><textarea rows="2" cols="20" class="change_bz"></textarea></td>
+							</tr>
+								
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns changeCun">保存</button></div>
+				</div>
+			</div>
+		</div>
+		<!--删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除提示</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;text-align: center;">
+					<p style="font-size: 16px;">您确定删除？</p>
+					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+		<!--删除弹出内容-->
+		<div class="model proModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>提示</span></p>
+					<p class="btr proBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;text-align: center;">
+					<p style="font-size: 16px;">保存角色权限成功!</p>
+					<p style="margin-top: 30px;"><button class="btns proSure">确定</button>
+						</p>
+				</div>
+
+			</div>
+
+		</div>
+	
+	</body>
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
+    <script src="./js/jueSeQuanXian.js"></script>
+</html>

CallCenterWeb.UI/SystemManager/shuJuZiDian.html

@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+    	<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<link rel="stylesheet" href="./css/shuJuZiDian.css" />
+		<title>系统管理-->数据字典</title>
+	</head>
+
+	<body>
+		<div class="container-fluid">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">系统设置</a>&gt;<a href="" class="nowPosition">数据字典</a></sapn>
+				</div>
+					<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="toolBar clearfix">
+				<div class="toolLeft">
+					<button class="btns zdl_add">添加</button>
+					<button class="btns zdl_change">修改</button>
+				<button class="btns zdl_del">删除</button>
+				</div>
+				<div class="toolRight">
+					<span>字典标识：<input type="text" class="sear_bs"/></span>
+					<span>字典值：<input type="text" class="sear_name" /></span>
+					<button class="btns sousuo">搜索</button>
+				</div>
+			</div>
+			<div class="treeTable clearfix">
+				<div class="tree col-md-3">
+					<div class="trTitle"> 字典类别</div>
+					<table id="table1"  data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-align="center" data-formatter="setCodeLeft">编号</th>
+								<th data-field="name" data-align="center" data-formatter="oper"  data-events="operateEvents">字典  <a class="tjzd" title="添加字典"><i class="addZiDian"></i></a></th>
+							</tr>
+						</thead>
+						<!--<tbody id="tbody">
+						
+						</tbody>-->
+					</table>
+				</div>
+				<div class="tableCon col-md-9">
+					<div class="trTitle"> 字典列表</div>
+					<div class="tableBox">
+						<table id="table2" data-row-style="rowStyle" data-pagination="true" data-query-params="getParams"  >
+							<thead>
+								<tr>
+									<th data-checkbox="true" data-align="center"></th>
+									<th data-align="center" data-formatter="setCodeRight">编号</th>
+									<th data-field="F_DictionaryFlag" data-align="center">字典标识</th>
+									<th data-field="F_Name" data-align="center">字典值</th>
+									<th data-field="F_Describe" data-align="center">备注</th>
+									<th data-field="F_Sort" data-align="center">排序编号</th>
+								</tr>
+							</thead>
+					
+						</table>
+					</div>
+				</div>
+			</div>
+
+		</div>
+		<!--字典添加弹出内容-->
+		<div class="model addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加字典信息</p>
+					<p class="btr addBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th>字典标志：</th>
+								<td colspan="3">
+									<div class="inpBox">
+										<input type="text" class="inps inps1" />
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>字典值：</th>
+								<td colspan="3"><textarea style="height: 70px;" class="addzdz"></textarea></td>
+							</tr>
+								<tr>
+								<th>排列序号：</th>
+								<td colspan="3"><input type="text" class="addSort" /></td>
+							</tr>
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns addCunzd">保存</button></div>
+				</div>
+			</div>
+		</div>
+			<!--字典修改弹出内容-->
+		<div class="model changeModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">修改&nbsp;&lfloor;&nbsp;&nbsp;<span class="chanName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;字典信息</p>
+					<p class="btr changeBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th>字典标志：</th>
+								<td colspan="3">
+							<div class="inpBox">
+										<input type="text" class="inps inps4" />
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>字典值：</th>
+								<td colspan="3"><textarea style="height: 70px;" class="chanzdz"></textarea></td>
+							</tr>
+								<tr>
+								<th>排列序号：</th>
+								<td colspan="3"><input type="text" class="changeCode" /></td>
+							</tr>
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns chanCun">保存</button></div>
+				</div>
+			</div>
+		</div>
+		<!--字典删除弹出内容-->
+		<div class="model delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除提示</span></p>
+					<p class="btr delBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					<p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?</p>
+					<p style="margin-top: 30px;text-align: center;"><button class="btns sure">确定</button>
+						<button class="btns return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+			
+		<!--字典列表添加弹出内容-->
+		<div class="model zdlist_addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加字典信息</p>
+					<p class="btr addListBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th>字典标志：</th>
+								<td colspan="3">
+									<div class="inpBox">
+										<input type="text" class="inps inps5" readonly="readonly" />
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>字典值：</th>
+								<td colspan="3"><textarea style="height: 70px;" class="addList_zdz"></textarea></td>
+							</tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="3"><textarea style="height: 70px;" class="addList_remark"></textarea></td>
+							</tr>
+								<tr>
+								<th>排列序号：</th>
+								<td colspan="3"><input type="text" class="addList_sort" /></td>
+							</tr>
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns addList_cun">保存</button></div>
+				</div>
+			</div>
+		</div>
+	
+		<!--字典列表修改弹出内容-->
+		<div class="model zdlist_chanModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">修改字典信息</p>
+					<p class="btr chanListBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th>字典标志：</th>
+								<td colspan="3">
+									<div class="inpBox">
+										<input type="text" class="inps inps6" readonly="readonly"/>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>字典值：</th>
+								<td colspan="3"><textarea style="height: 70px;" class="chanList_zdz"></textarea></td>
+							</tr>
+							<tr>
+								<th>备注：</th>
+								<td colspan="3"><textarea style="height: 70px;" class="chanList_remark"></textarea></td>
+							</tr>
+								<tr>
+								<th>排列序号：</th>
+								<td colspan="3"><input type="text" class="chanList_sort" /></td>
+							</tr>
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns chanList_cun">保存</button></div>
+				</div>
+			</div>
+		</div>
+	
+	<!--字典列表删除弹出内容-->
+		<div class="model zdlist_delModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>删除提示</span></p>
+					<p class="btr delListBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					<p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定删除所选择的记录吗?</p>
+					<p style="margin-top: 30px;text-align: center;"><button class="btns delList_sure">确定</button>
+						<button class="btns delList_return">取消</button></p>
+				</div>
+
+			</div>
+
+		</div>
+	
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="../js/kindeditor/kindeditor.js"></script>
+	<script src="../js/kindeditor/lang/zh_CN.js"></script>
+	<script src="./js/shuJuZiDian.js"></script>
+	</body>
+	
+</html>

CallCenterWeb.UI/SystemManager/yongHuManger.html

@@ -0,0 +1,415 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<script src="../Script/Common/huayi.load.js"></script>
+    	<script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/laydate/need/laydate.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<link rel="stylesheet" href="../css/init.css" />
+		<link rel="stylesheet" href="./css/yongHuManger.css" />
+		<title>系统管理-->用户管理</title>
+	</head>
+	<body>
+			<div class="container-fluid">
+				<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">权限管理</a>&gt;<a href="" class="nowPosition">用户管理</a></sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="toolBar clearfix">
+				<div class="toolLeft">
+					<button class="btns add">添加</button>
+					<button class="btns change">修改</button>
+					<button class="btns again">重设密码</button>
+					<button class="btns ban">禁用用户</button>
+					<button class="btns using">启用用户</button>
+					<button class="btns move">删除</button>
+				</div>
+				<div class="toolRight">
+					<span>搜索内容：<input type="text" class="searCon"placeholder="编号或名称" /></span>
+					<button class="btns searchGo">搜索</button>
+				</div>
+			</div>
+			<div class="treeTable clearfix">
+				<div class="tree col-md-3">
+					<div class="trTitle"> 部门信息</div>
+					<div class="treeCon">
+						<ul id="treeDemo" class="ztree">
+							<!--类名为ztree是必须的-->
+						</ul>
+					</div>
+				</div>
+				<div class="tableCon col-md-9">
+					<div class="trTitle"> 用户列表</div>
+					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+						<thead>
+							<tr>
+								<th data-align="center" data-formatter="setCode">编号</th>
+								<th data-field="F_UserCode" data-align="center">用户编号</th>
+								<th data-field="F_WorkNumber" data-align="center">坐席工号</th>
+								<th data-field="F_UserName" data-align="center">用户名称</th>
+								<th data-field="F_Telephone" data-align="center">用户电话</th>
+								<th data-field="F_Mobile" data-align="center">用户手机</th>
+								<th data-field="F_RoleName" data-align="center">用户角色</th>
+								<th data-field="F_DeptName" data-align="center">用户部门</th>
+								<th data-field="F_SeatGroup" data-align="center">坐席组</th>
+								<th data-field="F_DeleteFlag" data-align="center" data-formatter="setYongState">用户状态</th>
+								<th data-field="F_LastActiveTime" data-align="center">最后登录时间</th>
+							</tr>
+						</thead>
+					</table>
+
+				</div>
+			</div>
+
+		</div>
+		<!--添加弹出内容-->
+		<div class="model addModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">添加用户信息</p>
+					<p class="btr addBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: darkred;">员工姓名：</th>
+								<td><input type="text" class="add_ygName" /></td>
+								<th style="color: darkred;">员工工号：</th>
+								<td><input type="text" class="add_ygCode" /></td>
+							</tr>
+							<tr>
+								<th style="color: darkred;">密码：</th>
+								<td><input type="password" class="add_pwd"/></td>
+								<th style="color: darkred;">确认密码：</th>
+								<td><input type="password" class="add_pwd2" /></td>
+							</tr>
+							<tr>
+								<th style="color: darkred;">所属角色：</th>
+								<td><div class="inpBox">
+										<input type="text" class="inps inps1"readonly="readonly" />
+										<i class="xl xl_one"></i>
+										<div class="addTree xlAdd_one">
+											<ul class="list">
+												
+											</ul>
+										</div>
+									</div></td>
+								<th style="color: darkred;">所属部门：</th>
+								<td>
+									<div class="inpBox">
+										<input type="text" class="inps inps2"  readonly="readonly"/>
+										<i class="xl xl_two"></i>
+										<div class="addTree xlAdd_two">
+											<ul id="xlAdd_depTree" class="ztree">
+												
+											</ul>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>话务标志：</th>
+								<td class="addhwb">
+									<label class="radio-inline" >
+									  <input type="radio" name="huwu" value="true" style="vertical-align: middle;display: inline-block;">使用
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" checked="true" name="huwu" value="false" style="vertical-align: middle;display: inline-block;">不使用
+									</label>
+								</td>
+								<th>坐席组：</th>
+								<td>
+									<div class="inpBox">
+										<input type="text" class="inps inps3" readonly="readonly" />
+										<i class="xl xl_three"></i>
+										<div class="addTree xlAdd_three">
+											<ul id="xlAdd_zxz" class="ztree"></ul>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>坐席权限：</th>
+								<td class="addzxqx">
+									<label class="radio-inline" >
+									  <input type="radio" checked="true" name="zxqx" id="use" value="0" style="vertical-align: middle;display: inline-block;">普通坐席
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" name="zxqx" id="noUse" value="1" style="vertical-align: middle;display: inline-block;">班长坐席
+
+									</label>
+								</td>
+                                <th>分  机  号：</th>
+                                <td><input type="text" class="add_fenji" /></td>
+                                </tr>
+                            <!--<tr>
+								
+                            <th>外线号码：</th>
+                                         <td><input type="text" class="add_wxno" /></td>
+							</tr>
+							
+							<tr>
+								<th>坐席类型：</th>
+								<td class="add_zxlx">
+									<label class="radio-inline" >
+									  <input type="radio" checked="true" name="call" value="0" style="vertical-align: middle;display: inline-block;">呼入
+
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" name="call" value="1" style="vertical-align: middle;display: inline-block;">呼出
+
+									</label>
+								</td>
+								
+							</tr>-->
+							
+							<tr>
+								<th>员工性别：</th>
+								<td class="addSex">
+									<label class="radio-inline" >
+									  <input type="radio" checked="true" name="sex" value="男" style="vertical-align: middle;display: inline-block;">男
+
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" name="sex" value="女" style="vertical-align: middle;display: inline-block;">女
+
+									</label>
+								</td>
+								<th>用户生日：</th>
+								<td><input type="text" class="add_birth laydate-icon" id="ygbirth" /></td>
+							</tr>
+							<tr>
+								<th>固定电话：</th>
+								<td>
+									<input type="text" class="add_telphone" />
+								</td>
+								<th>手机号码：</th>
+								<td><input type="text" class="add_mobile" /></td>
+							</tr>
+							<tr>
+								<th>用户备注：</th>
+								<td colspan="3">
+								<textarea class="add_remark" style="width: 100%;height: 50px;"></textarea>
+								</td>
+								
+							</tr>
+							
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns addCun">保存</button></div>
+				</div>
+			</div>
+
+		</div>
+		<!--重设弹出内容-->
+		<div class="model againModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>重设用户密码</span></p>
+					<p class="btr agBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 235px;">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: darkred;">员工姓名：</th>
+								<td><input type="text" class="again_ygName" readonly="readonly"/></td>
+							</tr>
+							<tr>
+								<th style="color: darkred;">员工工号：</th>
+								<td><input type="text" class="again_ygCode" readonly="readonly"/></td>
+							</tr>
+							<tr>
+								<th style="color: darkred;">新密码：</th>
+								<td><input type="password" class="again_pwd"/></td>
+							</tr>
+							<tr>
+								<th style="color: darkred;">确认密码：</th>
+								<td><input type="password" class="again_pwd2" /></td>
+							</tr>
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns again_Cun">保存</button></div>
+				</div>
+
+			</div>
+
+		</div>
+	
+		<!--修改弹出内容-->
+		<div class="model changeModel">
+					<div class="box">
+				<div class="btop clearfix">
+					<p class="btl">修改用户信息</p>
+					<p class="btr changeBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon">
+					<table>
+						<tbody>
+							<tr>
+								<th style="color: darkred;">员工姓名：</th>
+								<td><input type="text" class="change_ygName" /></td>
+								<th style="color: darkred;">员工工号：</th>
+								<td><input type="text" class="change_ygCode" /></td>
+							</tr>
+							<tr>
+								<th style="color: darkred;">所属角色：</th>
+								<td><div class="inpBox">
+										<input type="text" class="inps inps4" />
+										<i class="xl xl_four"></i>
+										<div class="addTree xlChan_four">
+											<ul class="list">
+												
+											</ul>
+										</div>
+									</div></td>
+								<th style="color: darkred;">所属部门：</th>
+								<td>
+									<div class="inpBox">
+										<input type="text" class="inps inps5" />
+										<i class="xl xl_five"></i>
+										<div class="addTree xlChan_two">
+											<ul id="xlChan_depTree" class="ztree">
+												
+											</ul>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>话务标志：</th>
+								<td class="change_hwb">
+									<label class="radio-inline" >
+									  <input type="radio" name="huwu" value="true" style="vertical-align: middle;display: inline-block;">使用
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" checked="true" name="huwu" value="false" style="vertical-align: middle;display: inline-block;">不使用
+									</label>
+								</td>
+								<th>坐席组：</th>
+								<td>
+									<div class="inpBox">
+										<input type="text" class="inps inps6" />
+										<i class="xl xl_three"></i>
+										<div class="addTree xlChan_six">
+											<ul id="xlchan_zxz" class="ztree"></ul>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<th>坐席权限：</th>
+								<td class="change_zxqx">
+									<label class="radio-inline" >
+									  <input type="radio" checked="true" name="zxqx" id="use" value="0" style="vertical-align: middle;display: inline-block;">普通坐席
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" name="zxqx" id="noUse" value="1" style="vertical-align: middle;display: inline-block;">班长坐席
+
+									</label>
+								</td>
+                                <th>分  机  号：</th>
+                                <td><input type="text" class="change_fenji" /></td>
+                                </tr>
+                               <!-- <tr>
+								
+                                    <th>外线号码：</th>
+                                    <td><input type="text" class="change_wxno" /></td>
+							</tr>
+							
+							<tr>
+								<th>坐席类型：</th>
+								<td class="change_zxlx">
+									<label class="radio-inline" >
+									  <input type="radio" checked="true" name="call" value="0" style="vertical-align: middle;display: inline-block;">呼入
+
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" name="call" value="1" style="vertical-align: middle;display: inline-block;">呼出
+
+									</label>
+								</td>
+								
+							</tr>-->
+							
+							<tr>
+								<th>员工性别：</th>
+								<td class="changeSex">
+									<label class="radio-inline" >
+									  <input type="radio" checked="true" name="sex" value="男" style="vertical-align: middle;display: inline-block;">男
+
+									</label>
+									<label class="radio-inline">
+									  <input type="radio" name="sex" value="女" style="vertical-align: middle;display: inline-block;">女
+
+									</label>
+								</td>
+								<th>用户生日：</th>
+								<td><input type="text" class="change_birth laydate-icon" id="chan_ygbirth" /></td>
+							</tr>
+							<tr>
+								<th>固定电话：</th>
+								<td>
+									<input type="text" class="change_telphone" />
+								</td>
+								<th>手机号码：</th>
+								<td><input type="text" class="change_mobile" /></td>
+							</tr>
+							<tr>
+								<th>用户备注：</th>
+								<td colspan="3">
+								<textarea class="change_remark" style="width: 100%;height: 50px;"></textarea>
+								</td>
+								
+							</tr>
+							
+						</tbody>
+					</table>
+					<div style="text-align: center;"><button class="btns changeCun">保存</button></div>
+				</div>
+			</div>
+		</div>
+	  
+	<!--禁用弹出框-->
+		<div class="model banModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>提示</span></p>
+					<p class="btr banBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					<p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定要禁用吗？</p>
+					<p style="margin-top: 30px;text-align: center;"><button class="btns banSure">确定</button>
+						<button class="btns banReturn">取消</button></p>
+				</div>
+			</div>
+		</div>
+	
+	
+	<!--启用弹出框-->
+		<div class="model useModel">
+			<div class="box">
+				<div class="btop clearfix">
+					<p class="btl"><span>提示</span></p>
+					<p class="btr useBtr" title="关闭">X</p>
+				</div>
+				<div class="boxCon" style="height: 150px;">
+					<p style="text-align: center;font-size: 16px;margin-top: 30px;">您确定要启用吗？</p>
+					<p style="margin-top: 30px;text-align: center;"><button class="btns useSure">确定</button>
+						<button class="btns useReturn">取消</button></p>
+				</div>
+			</div>
+		</div>
+
+	<script src="../css/laydate/laydate.js"></script>
+	<script src="../js/zTree/jquery.ztree.core.js"></script>
+	<script src="./js/yongHuManger.js"></script>
+	</body>
+</html>

CallCenterWeb.UI/TelCall/BlackList.html

@@ -0,0 +1,273 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>黑名单管理</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <link href="../css/init.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+    <script src="../My97DatePicker/WdatePicker.js"></script>
+    <style>
+        table td {
+            word-break: break-all;
+            word-wrap: break-word;
+        }
+
+        .add_time input{
+			width: 50%;
+		}
+    </style>
+</head>
+
+<body class="gray-bg">
+    <div class="wrapper wrapper-content animated fadeInRight">
+    	 <div class="daoHang clearfix">
+				<div class="dhLeft" >
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;"  id="ReIndex">首页</a>&gt;<a href="javaScript:;">话务管理</a>&gt;<a href="" style="color: #000;">黑名单管理</a></sapn>
+				</div>
+				<div class="dhRight">
+            	<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            </div>
+				
+			</div>
+			 
+        <div class="th-box">
+            <div class="th-bar">
+                <a class="sc_btn  add max-right">添加</a>
+                <a class="sc_btn  xg max-right">修改</a>
+                <a class="sc_btn  remove">删除</a>
+                <div class="seach-box fr">
+                    <ul>
+                        <li>电话号码：<input class="photo x-color" type="text" id="tel" /></li>
+                        <li>开始时间：<input class="laydate-icon photo x-color " type="text" id="settime" /></li>
+                        <li>
+                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true"></th>
+                        <th data-field="F_TelPhone" >来电号码</th>
+                        <th data-field="F_SetTime" >开始时间</th>
+                        <th data-field="F_RemoveTime" >结束时间</th>
+                        <th data-field="F_Describe" >屏蔽说明</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+
+    <script>
+        var html = '<div >'+
+                '<ul class="nav nav-tabs">'+
+                '<li class="active">'+
+                '<a href="#">参数信息</a>'+
+                '<input type="hidden" id="ID" />'+
+                '</li>'+
+                '</ul>'+
+                '<div class="add_time">'+
+                '<label for="">电话号码:</label>'+
+                '<input type="text" id="TelNum" class="photo"  />'+
+                '</div>'+
+                '<div class="add_time">'+
+                '<label for="">开始时间:</label>'+
+                '<input type="text" class="photo laydate-icon" id="StartTime" onclick="WdatePicker({dateFmt:\'yyyy-MM-dd HH:mm:ss\'})" />'+
+                '</div>'+
+                '<div class="add_time">'+
+                '<label for="">结束时间:</label>'+
+                '<input type="text" class="photo laydate-icon" id="EndTime" onclick="WdatePicker({ dateFmt: \'yyyy-MM-dd HH:mm:ss\' })" />'+
+                '</div>'+
+                '<div class="add_time">'+
+                '<label for="" class="Pb_sm">屏蔽说明:</label>'+
+                '<textarea type="text" id="Pb"></textarea>'+
+                '</div>'+
+                '<div class="add_time tc">'+
+                '<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>'+
+                '</div>'+
+                '</div>';
+        var tc;
+        $(document).ready(function () {
+            /*日期选择*/
+            laydate.skin('molv');
+            /*开始日期*/
+            laydate({
+                elem: '#settime',
+                event: 'focus'
+            });
+            /*搜索*/
+            $("#sc_btns").click(function () {
+                initTable();
+            })
+            /*删除内容*/
+            $(".remove").click(function () {
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_BlackId;
+                    });
+                /*判断长度*/
+                if (ids.length <= 0) {
+                    layer.confirm('没有可删除的选项？', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                }
+                remove();
+            });
+
+            /*修改弹窗*/
+            $(".xg").click(function () {
+                var blackid = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_BlackId;
+                    });
+                if (blackid.length != 1) {
+                    layer.confirm('请选择一行进行修改？', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                } else {                   
+                    $.getJSON(huayi.config.callcenter_url + "Callblack/GetBlack", { blackid: blackid[0], token: $.cookie("token") }, function (result) {
+                        if (result.state.toLowerCase() == "success") {
+                            tc = layer.open({
+                                type: 1,
+                                title: '修改黑名单',
+                                area: ['40%', '68%'], //宽高
+                                content: html
+                            });
+
+                            $("#ID").val(result.data.F_BlackId);
+                            $("#TelNum").val(result.data.F_TelPhone);
+                            $("#StartTime").val(result.data.F_SetTime);
+                            $("#EndTime").val(result.data.F_RemoveTime);
+                            $("#Pb").val(result.data.F_Describe);
+                        }
+                    })
+                }
+            });
+
+            /*增加弹框*/
+            $(".add").click(function () {
+                tc = layer.open({
+                    type: 1,
+                    content: html, //iframe的url，no代表不显示滚动条
+                    title: '添加黑名单',
+                    area: ['40%', '68%'], //宽高
+                });
+            });
+
+            initTable();
+        })
+        function initTable() {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "Callblack/GetList", //获取数据的Servlet地址
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        tel: $("#tel").val(),
+                        settime: $("#settime").val(),
+                        token: $.cookie("token")
+                    };
+                    return param;
+                },
+                onLoadSuccess: function () {  //加载成功时执行
+                    //layer.msg("加载成功");
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        /*删除提示*/
+        function remove() {
+            layer.confirm('确定删除当前记录？', {
+                btn: ['是', '否'] //按钮
+            }, function() {
+
+                /*执行删除*/
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function(row) {
+                        return row.F_BlackId;
+                    });
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "Callblack/DelCallBlack", { ids: ids, token: $.cookie("token") }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("删除成功");
+                        initTable();
+                    }
+                })
+            });
+        }
+        //新增或者编辑
+        function addedit() {
+        	var telreg = /^\d{1,12}$/;
+            if (!telreg.test($.trim($("#TelNum").val()))) {
+                layer.confirm('请输入有效的电话号码', {
+                    icon: 2,
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            if (!$("#StartTime").val()) {
+                layer.confirm('请选择开始时间', {
+                 	icon: 2,	
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            if (!$("#EndTime").val()) {
+                layer.confirm('请选择结束时间', {
+                    icon: 2,
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            /*发送请求*/
+            $.post(huayi.config.callcenter_url + "Callblack/AddBlack",
+                {
+                    blackid: $("#ID").val(), telphone: $("#TelNum").val(), settime: $("#StartTime").val(),
+                    removetime: $("#EndTime").val(), des: $("#Pb").val(), token: $.cookie("token")
+                }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+   
+                            layer.msg("修改成功");
+                        layer.close(tc); //关闭弹层
+                        initTable();
+                    }
+                })
+        }
+
+    </script>
+
+</body>
+
+</html>

CallCenterWeb.UI/TelCall/CallRecord.html

@@ -0,0 +1,591 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>通话记录管理</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../js/select2/css/select2.min.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<script src="../My97DatePicker/WdatePicker.js"></script>
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
+
+		<script src="../css/laydate/laydate.js"></script>
+		<style>
+			body {
+				font-family: "微软雅黑";
+				font-size: 14px;
+			}
+			
+			ul li {
+				list-style: none;
+				float: left;
+			}
+			
+			.fr {
+				float: right;
+			}
+			/*标头*/
+			
+			.th-box {
+				width: 100%;
+				padding: 5px;
+				border-bottom: none;
+			}
+			
+			.sc_btn {
+				color: rgb(255, 255, 255);
+				font-size: 12px;
+				margin-left: 15px;
+				box-sizing: border-box;
+				background: rgb(26, 179, 148);
+				padding: 6px 10px;
+				outline: none;
+				border-width: 0px;
+				border-style: initial;
+				border-color: initial;
+				border-image: initial;
+				border-radius: 3px;
+			}
+			
+			.seach-box ul li {
+				margin-right: 5px;
+			}
+			
+			.photo {
+				background-color: #FFF;
+				border: 1px solid #e5e6e7;
+				border-radius: 1px;
+				color: inherit;
+				padding: 6px 12px;
+			}
+			
+			.selects {
+				background-color: #FFF;
+				background-image: none;
+				border: 1px solid #e5e6e7;
+				border-radius: 1px;
+				color: inherit;
+				padding: 6px 12px;
+			}
+			
+			#Select:focus {
+				outline: none;
+			}
+			
+			.spiner-example {
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				z-index: 111;
+				margin-left: -85px;
+				margin-top: -100px;
+				display: none;
+			}
+			
+			.sk-spinner-three-bounce {
+				width: 170px !important;
+			}
+			
+			.sk-spinner p {
+				display: inline-block;
+				font-size: 18px;
+				margin-left: 10px;
+			}
+			
+			.gjsu ul {
+				overflow: hidden;
+			}
+			
+			.gjsu ul li {
+				width: 50%;
+				margin-bottom: 5px;
+				padding-top: 10px;
+			}
+			
+			.selects {
+				width: 130px;
+			}
+			
+			.tc {
+				margin-top: 30px;
+				text-align: center;
+			}
+			
+			.select2-container--default .select2-selection--single {
+				border: 1px solid #e5e6e7;
+			}
+			
+			.select2-dropdown {
+				border: 1px solid #e5e6e7;
+				width: 200px;
+			}
+			
+			.layui-layer-shade {
+				z-index: 100!important;
+			}
+			
+			.layui-layer-page {
+				z-index: 200!important;
+			}
+			
+			.select2-container .select2-selection--single {
+				height: 34px;
+			}
+			
+			.select2-container {
+				width: 130px!important;
+			}
+			
+			.select2-selection__rendered {
+				line-height: 34px;
+			}
+			
+			.HJFX_ {
+				width: 100%!important;
+			}
+			
+			.photo {
+				width: 130px;
+			}
+			
+			.seach-box ul {
+				padding-left: 0;
+			}
+			
+			.seach-box li {
+				width: 24%;
+				margin-bottom: 5px;
+			}
+			
+			.seach-box {
+				width: 100%;
+				margin-bottom: 10px;
+			}
+			
+			label {
+				width: 100px;
+				text-align: right;
+			}
+			
+			.LY:hover {
+				color: #fff;
+			}
+			
+			.LY:active {
+				color: #fff!important;
+			}
+			
+			.xl {
+				display: inline-block;
+				background: url(../img/dropDown.png) no-repeat;
+				height: 100%;
+				background-position: center center;
+				width: 20px;
+				position: absolute;
+				right: 0;
+				top: 0px;
+				background-color: #e6e6e6;
+				cursor: pointer;
+			}
+			
+			#menuContent {
+				background: #fff;
+				position: absolute;
+				width: 100%;
+				border: 1px solid darkgrey;
+				right: 0;
+				top: 21px;
+				z-index: 10;
+				display: none;
+				overflow-y: auto;
+			}
+			
+			#organizer {
+				height: 25px;
+				width: 170px;
+				display: inline-block;
+				position: relative;
+			}
+			
+			#treeDemo li {
+				width: 100%;
+			}
+			#citySel{
+				border: none;
+			}
+		</style>
+	</head>
+
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
+						<a href="javaScript:;">话务管理</a>&gt;
+						<a href="" class="nowPosition">通话记录</a>
+					</sapn>
+				</div>
+				<div class="dhRight">
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+				</div>
+
+			</div>
+			<div class="th-box">
+				<div class="th-bar clearfix">
+					<!--<a class="sc_btn btn-info" id="moves">批量删除</a>-->
+					<div class="seach-box fr">
+						<ul>
+							<li>
+								<label for="">开始时间:</label>
+
+								<input type="text" id="ss_kssj" class="photo laydate-icon" />
+							</li>
+							<li>
+								<label for="">结束时间:</label>
+
+								<input type="text" id="ss_jssj" class="photo laydate-icon" />
+							</li>
+							<li>
+								<label for="">呼叫状态:</label>
+
+								<select id="ss_hjzt" class="selects callstate">
+									<option value="">全部</option>
+									<option value="0">未接通</option>
+									<option value="1">已接通</option>
+								</select>
+							</li>
+							<li>
+								<label for="">呼出方向:</label>
+
+								<select id="ss_hcfx" class=" selects calltype">
+									<option value="">全部</option>
+									<option value="0">呼入</option>
+									<option value="1">呼出</option>
+								</select>
+							</li>
+							<li class='BMs' style="position: relative;">
+								<div class="company">
+									<label for="">部门：</label>
+									<div class="inpBox" id="organizer">
+										<input id="citySel" class="inps"  />
+										<input type="hidden" id="OPID" />
+										<i class="xl xl_one" id="xl_one"></i>
+										<div id="menuContent" class="menuContent">
+											<ul id="treeDemo" class="ztree"></ul>
+										</div>
+									</div>
+								</div>
+
+							</li>
+							<li>
+								<label for="">电话号码：</label>
+
+								<input id="tel" class="photo x-color" type="text" /></li>
+							<li class="ZXs">
+								<label for="">坐席：</label>
+
+								<select style="width: 130px;" class="x-color select usercode" id="seat">
+									<option value="">全部</option>
+								</select>
+							</li>
+							<li>
+								<div class="clearfix btn_boxs " style="float: right;">
+									<a class="sc_btn Ss Block fl">搜索</a>
+									<a class="sc_btn export Block" style="display: inline-box;display: -webkit-inline-box;">导出</a>
+								</div>
+							</li>
+						</ul>
+
+					</div>
+
+				</div>
+
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="CallNumber" data-align="center" data-formatter="Code">编号</th>
+							<th data-field="CallNumber" data-align="center">电话号码</th>
+							<th data-field="FilePath" data-formatter="setCode" data-align="center">录音</th>
+							<th data-field="CallType" data-formatter="callType" data-align="center">呼叫方向</th>
+							<!--<th data-field="DealType" data-formatter="dealType" data-align="center">是否回访</th>-->
+							<th data-field="F_DeptName" data-align="center">部门</th>
+							<th data-field="CallState" data-formatter="states" data-align="center">呼叫状态</th>
+							<!--<th data-field="IsDeal" data-formatter="isDeal" data-align="center">是否处理</th>-->
+							<th data-field="UserCode" data-align="center">坐席工号</th>
+							<th data-field="UserName" data-align="center">坐席姓名</th>
+							<th data-field="BeginTime" data-align="center">开始时间</th>
+							<th data-field="TalkStartTime" data-align="center">通话开始时间</th>
+							<th data-field="TalkEndTime" data-align="center">通话结束时间</th>
+							<th data-field="TalkLongTime" data-align="center">通话时长（S）</th>
+							<!--<th data-field="BusinessType" data-align="center">按键</th>-->
+						</tr>
+					</thead>
+				</table>
+				<!--高级搜索框-->
+			</div>
+		</div>
+		<!--下载框-->
+		<div class="t-shade">
+			<div class="shade_k">
+				<div class="shade_title">
+					<span>录音播放与下载<srong class="cknum"></srong></span>
+					<span class="setwin"><a>x</a></span>
+				</div>
+				<div class="shade_content">
+					<div class="Ly_box audiojs">
+					</div>
+					<div class="boxCon LY_box">
+
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<script>
+			var stype = 1;
+			var seatlist = [];
+			var RoleId;
+			var saveArrs = [];
+			var IDs;
+			var Names;
+			$(document).ready(function() {
+				laydate.skin('molv');
+				//留言时间
+				laydate({
+					elem: '#ss_kssj',
+					event: 'focus',
+					festival: true, //显示节日
+
+				});
+				//处理时间
+				laydate({
+					elem: '#ss_jssj',
+					festival: true, //显示节日
+					event: 'focus'
+				});
+				$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
+					"token": $.cookie("token")
+				}, function(result) {
+					if(result.state.toLowerCase() == "success") {
+						RoleId = result.data.role.F_RoleId
+						if(RoleId != "17") { //非系统管理员显示
+							$('.BMs').hide();
+							$('.SZBN').hide();
+						}
+					}
+				})
+				/*获取选中行对象*/
+				$('#list').on("click-row.bs.table", function(e, row, ele) {
+					$('.success').removeClass('success'); //去除之前选中的行的，选中样式
+					$(ele).addClass('success'); //添加当前选中的 success样式用于区别
+				});
+				$(".setwin").click(function() {
+					$(".t-shade").removeClass("cx");
+					$('audio')[0].pause();
+				});
+				//坐席
+				$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", {
+					token: $.cookie("token")
+				}, function(result) {
+					if(result.state.toLowerCase() == "success") {
+						seatlist = result.data;
+						bindseat($("#seat"));
+					}
+				});
+
+				//搜索
+				$(".Ss").click(function() {
+					stype = 1;
+					initTable();
+				});
+
+				initTable();
+				
+				//部门
+				tree() 
+				function tree() {
+					$.get(huayi.config.callcenter_url + "Department/GetDeptList", {
+						"token": $.cookie("token"),
+						//			"pid": pid
+					}, function(result) {
+						result = $.parseJSON(result);
+						$.fn.zTree.init($("#treeDemo"), setting2, result.data); //实例化树形图
+					});
+					}
+
+				var setting2 = {
+					data: {
+						key: {
+							name: "text"
+						},
+						simpleData: {
+							enable: true,
+							idKey: "id",
+							rootPId: 0
+						}
+					},
+					callback: {
+						onClick: addTreeClick
+					}
+				}
+				function addTreeClick(event, treeId, treeNode) {
+					IDs = treeNode.id;
+					Names = treeNode.text;
+					$('#citySel').val(Names);
+
+				};
+				$(".xl").click(function() {
+				if($(this).parent().find(".menuContent").is(":hidden")) {
+					$(this).parent().find(".menuContent").show();
+				} else {
+					$(this).parent().find(".menuContent").hide();
+				}
+			});
+});
+			function bindseat(obj) {
+				obj.empty();
+				obj.append('<option value="">全部</option>');
+				$(seatlist).each(function(i, n) {
+					obj.append('<option value="' + n.F_UserCode + '">' + n.F_UserName + '</option>');
+				})
+			}
+
+			function initTable() {
+				//先销毁表格
+				$('#list').bootstrapTable('destroy');
+				//初始化表格,动态从服务器加载数据
+				$("#list").bootstrapTable({
+					method: "get", //使用get请求到服务器获取数据
+					url: huayi.config.callcenter_url + "Callrecords/GetList", //获取数据的Servlet地址
+					striped: true, //表格显示条纹
+					pagination: true, //启动分页
+					pageSize: 10, //每页显示的记录数
+					pageNumber: 1, //当前第几页
+					pageList: [10, 20, 50, 100], //记录数可选列表
+					search: false, //是否启用查询
+					showColumns: false, //显示下拉框勾选要显示的列
+					showRefresh: false, //显示刷新按钮
+					sidePagination: "server", //表示服务端请求
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+					//设置为limit可以获取limit, offset, search, sort, order
+					queryParamsType: "undefined",
+					queryParams: function queryParams(params) { //设置查询参数
+						var param = {
+							page: params.pageNumber,
+							pagesize: params.pageSize,
+							usercode: $("#seat").val(),
+							phone: $("#tel").val(),
+							dept: IDs,
+							callstate: $("#ss_hjzt").val(),
+							calltype: $("#ss_hcfx").val(),
+							starttime: $("#ss_kssj").val(),
+							endtime: $("#ss_jssj").val(),
+							token: $.cookie("token")
+						};
+
+						return param;
+					},
+					onLoadSuccess: function() { //加载成功时执行
+						//layer.msg("加载成功");
+					},
+					onLoadError: function() { //加载失败时执行
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
+					}
+				});
+			}
+
+			//音频
+			function setCode(val) {
+				if(val) {
+					return '<div class="imgs">' +
+						'<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
+						'</div>';
+				} else {
+					return '';
+				}
+			}
+			//编号
+			function Code(val, row, index) {
+				return index + 1;
+			}
+			//方向呼出
+			function callType(val) {
+				if(val == 0) {
+					return '<div class="imgs">呼入</div>';
+				} else {
+					return '<div class="imgs">呼出</div>';
+				}
+			}
+
+			function states(val) {
+				if(val == 0) {
+					return '<div class="imgs">未接通</div>';
+				} else {
+					return '<div class="imgs">已接通</div>';
+				}
+			}
+			//回访
+			function dealType(val) {
+				if(val == 1) {
+					return '<div >已回访</div>';
+				} else {
+					return '';
+				}
+			}
+			//处理
+			function isDeal(val) {
+				if(val == 0) {
+					return '<div >未处理</div>';
+				} else {
+					return '<div >已处理</div>';
+				}
+			}
+			//录音
+			function ck(val) {
+				var path = $(val).attr("item");
+				$(".t-shade").addClass("cx");
+				$(".Ly_box").empty();
+				$(".LY_box").empty();
+				$('<audio  style="width:100%;"class=" " src="' + path + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
+				$('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
+			}
+			//导出
+			$('.export').click(function() {
+				dcexcel(this);
+			})
+
+			function dcexcel(obj) {
+				var a = $("#bumen").val()
+				if(a) {
+
+				} else {
+					a = '';
+
+				}
+				var url = huayi.config.callcenter_url + "Callrecords/GetListExpt?token=" + $.cookie("token");
+				url += "&usercode=" + $("#seat").val() +
+					"&phone=" + $("#tel").val() +
+					"&callstate=" + $("#ss_hjzt").val() +
+					"&calltype=" + $("#ss_hcfx").val() +
+					"&starttime=" + $("#ss_kssj").val() +
+					"&endtime=" + $("#ss_jssj").val() +
+					"&dept=" + a;
+				obj.href = url;
+				console.log(url);
+			}
+			//		部门
+			
+			
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/TelCall/NumberAssignment.html

@@ -0,0 +1,270 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>号码归属地</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+			 <link href="../css/init.css" rel="stylesheet" />
+        <script src="../Script/Common/huayi.load.js"></script>
+        <script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+	</head>
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex" >首页</a>&gt;<a href="javaScript:;">话务管理</a>&gt;<a href="" style="color: #000;">号码归属地</a></sapn>
+				</div>
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+					<a class="sc_btn  add max-right">添加</a>
+					<a class="sc_btn  xg max-right">修改</a>
+					<a class="sc_btn  remove">删除</a>
+					<div class="seach-box fr">
+						<ul>
+							<li>关键字：<input class="photo x-color" type="text" id="KeyWords" /></li>
+							<li>
+								<a id="sc_btn" class="sc_btn  Block">搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true"></th>
+							<th data-field="F_MobileNum"data-formatter="CallId" data-align="center">编号</th>
+							<th data-field="F_MobileNum" data-align="center">号段</th>
+							<th data-field="F_ZipCode" data-align="center">区号</th>
+							<th data-field="F_CityDes" data-align="center">城市</th>
+							<th data-field="F_CardDes" data-align="center">卡类型</th>
+
+						</tr>
+					</thead>
+					<tbody id="tbody">
+				</table>
+			</div>
+		</div>
+		<script>
+            var html=' <div>' +
+                                '<ul class="nav nav-tabs">' +
+                                '<li class="active"><a href="#">参数信息</a></li> ' +
+                                '</ul>' +
+                                '<div class=" add_time">' +
+                                '<label for="">号段:</label>' +
+                                '<input type="text" id="hd" value="" class="photo"/><input type="hidden" id="hidhd" value="" class="photo"/>' +
+                                '</div>' +
+                                '<div class=" add_time">' +
+                                '<label for="">区号:</label>' +
+                                '<input type="text"class="photo"  value="" id="qphone"/>' +
+                                '</div>' +
+                                '<div class=" add_time">' +
+                                '<label for="">城市:</label>' +
+                                '<input type="text" class="photo" value="" id="city"/>' +
+                                '</div>' +
+                                '<div class=" add_time">' +
+                                '<label for=""  class="Pb_sm">卡类型:</label>' +
+                                '<textarea type="text"  id="Pb"/>' +
+                                '</textarea>' +
+                                '</div>' +
+                                '<div class=" add_time tc">' +
+                                '<button  type="button" class="btn sc_btn"  onclick="addedit()">保&nbsp;&nbsp;存</button>' +
+                                '</div>' +
+                                ' </div>';
+            var tc;
+            $(document).ready(function () {
+                /*搜索*/
+                $("#sc_btn").click(function () {
+                    initTable();
+                })
+                /*删除提示*/
+                $(".remove").click(function () {
+                    var ids = $.map($('#list').bootstrapTable('getSelections'),
+                        function (row) {
+                            return row.F_Id;
+                        });
+                    /*判断长度*/
+                    if (ids.length <= 0) {
+                        layer.confirm('没有可删除的选项？', {
+                            btn: ['确定'] //按钮
+                        });
+                        return;
+                    }
+                    remove();
+                });
+                /*修改弹窗*/
+                $(".xg").click(function () {
+                    var mobileNum = $.map($('#list').bootstrapTable('getSelections'),
+                        function (row) {
+                            return row.F_Id;
+                        });
+                    if (mobileNum.length != 1) {
+                        layer.confirm('请选择一行进行修改？', {
+                            btn: ['确定'] //按钮
+                        });
+                        return;
+                    } else {
+                        $.getJSON(huayi.config.callcenter_url + "Mobiledata/GetMobiledata", { 
+                        	id: mobileNum[0], 
+                        	token: $.cookie("token") 
+                        }, function (result) {
+                            if (result.state.toLowerCase() == "success") {
+                                tc = layer.open({
+                                    type: 1,
+                                    title: '修改号码归属地',
+                                    area: ['40%', '68%'], //宽高
+                                    content: html
+                                });
+
+                                $("#hidhd").val(result.data.F_Id);
+                                $("#hd").val(result.data.F_MobileNum);
+                                $("#qphone").val(result.data.F_ZipCode);
+                                $("#city").val(result.data.F_CityDes);
+                                $("#Pb").val(result.data.F_CardDes);
+                            }
+                        })
+                    }
+                });
+                /*增加弹框*/
+                $(".add").click(function () {
+                    tc=layer.open({
+                        type: 1,
+                        fix: false,
+                        content: html, //iframe的url，no代表不显示滚动条
+                        title: '添加号码归属地',
+                        area: ['35%', '70%'], //宽高
+                    });
+                });
+                initTable();
+            })
+            function initTable() {
+                //先销毁表格
+                $('#list').bootstrapTable('destroy');
+                //初始化表格,动态从服务器加载数据
+                $("#list").bootstrapTable({
+                    method: "get",  //使用get请求到服务器获取数据
+                    url: huayi.config.callcenter_url + "Mobiledata/GetList", //获取数据的Servlet地址
+                    striped: true,  //表格显示条纹
+                    pagination: true, //启动分页
+                    pageSize: 10,  //每页显示的记录数
+                    pageNumber: 1, //当前第几页
+                    pageList: [10, 20, 50, 100],  //记录数可选列表
+                    search: false,  //是否启用查询
+                    showColumns: false,  //显示下拉框勾选要显示的列
+                    showRefresh: false,  //显示刷新按钮
+                    sidePagination: "server", //表示服务端请求
+                    //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                    //设置为limit可以获取limit, offset, search, sort, order
+                    queryParamsType: "undefined",
+                    queryParams: function queryParams(params) {   //设置查询参数
+                        var param = {
+                            page: params.pageNumber,
+                            pagesize: params.pageSize,
+                            strtelnum:$("#KeyWords").val(),
+                            token: $.cookie("token")
+                        };
+                        return param;
+                    },
+                    onLoadSuccess: function () {  //加载成功时执行
+                        //layer.msg("加载成功");
+                    },
+                    onLoadError: function () {  //加载失败时执行
+                        //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                    }
+                });
+            }
+
+			/*删除提示*/
+			function remove() {
+				layer.confirm('确定删除当前记录？', {
+					btn: ['是', '否'] //按钮
+				}, function() {
+					/*执行删除*/
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
+						function(row) {
+							return row.F_Id;
+						});
+				    /*发送请求*/
+					$.post(huayi.config.callcenter_url + "Mobiledata/DelMobiledata", { nums: ids, token: $.cookie("token") }, function (result) {
+					    result = JSON.parse(result);
+					    if (result.state.toLowerCase() == "success") {
+					        layer.msg("删除成功");
+					        initTable();
+					    }
+					})
+				});
+			}
+			//编号
+			function CallId(val,row,index){
+				return index+1;
+			}
+			//新增或者编辑
+			function addedit() {
+				var mobileNumReg = /^\d{1,20}$/,
+			        zipCodeReg = /^\d{1,10}$/,
+			        cityDesReg = /^(.){1,25}$/,
+			        cardDesReg = /^(.){1,25}$/			
+			    if (!mobileNumReg.test($.trim($("#hd").val()))) {
+			        layer.confirm('号段长度在1-20位之间，且必须是数字。', {
+			            icon: 2,
+			            btn: ['确定'] //按钮
+			        });
+			        return;
+			    }
+			    if (!zipCodeReg.test($.trim($("#qphone").val()))) {
+			        layer.confirm('区号长度在1-10位之间，且必须是数字。', {
+			            icon:2,
+			            btn: ['确定'] //按钮
+			        });
+			        return;
+			    }
+			    if (!cityDesReg.test($.trim($("#city").val()))) {
+			        layer.confirm('城市长度在1-25位之间。', {
+			            icon:2,
+			            btn: ['确定'] //按钮
+			        });
+			        return;
+			    }
+			    if (!cardDesReg.test($.trim($("#Pb").val()))) {
+			        layer.confirm('卡类型长度在1-25位之间。', {
+			            icon:2,
+			            btn: ['确定'] //按钮
+			        });
+			        return;
+			    }
+			    /*发送请求*/
+			    $.post(huayi.config.callcenter_url + "Mobiledata/AddMobiledata", {
+			        id: $("#hidhd").val(),
+			        mobileNum: $("#hd").val(), 
+			        zipCode: $("#qphone").val(), 
+			        cityDes: $("#city").val(),
+			        cardDes: $("#Pb").val(), 
+			        token: $.cookie("token")
+			    }, function (result) {
+			        result = JSON.parse(result);
+			        if (result.state.toLowerCase() == "success") {
+			            if ($("#hidhd").val()) {
+			                layer.msg("修改成功");
+			            }
+			            else {
+			                layer.msg("新增成功");
+			            }
+			            layer.close(tc); //关闭弹层
+			            initTable();
+			            
+			        }
+			    })
+			}
+			
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/TelCall/SeatMonitor.html

@@ -0,0 +1,668 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    	 <link href="../css/init.css" rel="stylesheet" />
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <title>坐席管理</title>
+    <style>
+        body {
+            background-color: #EEEEEE;
+            font-family: "微软雅黑";
+            background-color: #fdfdfd;
+        }
+
+        ul li {
+            float: left;
+        }
+
+        .zx-title {
+            background-color: #2e4050;
+            color: #FFFFFF;
+            padding: 5px 20px;
+            border-top-left-radius: 5px;
+            border-top-right-radius: 5px;
+            letter-spacing: 3px;
+        }
+
+        ul {
+            overflow: hidden;
+        }
+
+            ul li {
+                list-style: none;
+            }
+
+        .fenxian {
+            list-style: none;
+            width: 136px;
+            padding: 0;
+            height: 10px;
+        }
+
+            .fenxian li {
+                width: 50%;
+                list-style: none;
+                height: 8px;
+                float: left;
+            }
+
+        .left_red {
+            background: #65c2ca;
+        }
+
+        .rg_green {
+            background: #F95A83;
+        }
+
+        .zx-box {
+            background: #F5F5F5;
+            /*height: 200px;*/
+            border-radius: 5px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+            margin-bottom: 30px;
+            overflow: hidden;
+        }
+
+        .m-b {
+            margin-bottom: 0;
+        }
+        /*坐席数量*/
+        .zt-content ul {
+            width: 100%;
+            overflow: hidden;
+            padding-left: 0px;
+            padding-top: 20px;
+        }
+
+            .zt-content ul li {
+                width: 40%;
+                font-size: 14px;
+                float: left;
+                margin-bottom: 20px;
+                /*text-align: center;*/
+                margin-left: 10%;
+            }
+
+                .zt-content ul li i {
+                    display: inline-block;
+                    width: 20px;
+                    height: 21px;
+                    vertical-align: middle;
+                    margin-right: 10px;
+                    background: url(../img/zuoxiIcon.png) no-repeat;
+                }
+
+        .hc {
+            background-position: 0 0 !important;
+        }
+
+        .ml {
+            background-position: 0 -24px !important;
+        }
+
+        .kx {
+            background-position: 0 -68px !important;
+        }
+
+        .zl {
+            background-position: 0 -93px !important;
+        }
+
+        .qc {
+            background-position: 0 -116px !important;
+        }
+
+        .lx {
+            background-position: 0 -138px !important;
+        }
+
+        .hh {
+            background-position: 0 -46px !important;
+        }
+        .th{
+        	
+                    background: url(../img/thz.png) no-repeat!important;        }
+        /*坐席监控*/
+        .bg_person {
+            background: url(../img/bg-person.png)no-repeat;
+            width: 65px;
+            height: 65px;
+            text-align: -webkit-center;
+            background-position: center center;
+            margin: 0 auto;
+        }
+
+        .zx_people {
+            padding: 0;
+        }
+
+        .zx_content ul:after {
+            content: "";
+            display: block;
+            clear: both;
+        }
+
+        .people_list p {
+            margin-bottom: 5px !important;
+        }
+
+        .zx_content ul {
+            height: 800px;
+            overflow: auto;
+        }
+
+            .zx_content ul li {
+                width: 14%;
+                text-align: center;
+                float: left;
+                cursor: pointer;
+            }
+
+                .zx_content ul li > div {
+                    width: 100%;
+                    position: relative;
+                }
+
+        .zx_content i {
+            display: block;
+            height: 22px;
+            width: 20px;
+            background: url(../img/zuoxiIcon.png) no-repeat;
+            position:relative;
+            right: -25px;
+            top: 25px;
+        }
+        /*坐席状态*/
+        .ztsm {
+            width: 100%;
+            overflow: hidden;
+            padding-left: 0px;
+            padding-top: 20px;
+        }
+
+            .ztsm b {
+                padding: 3px 15px;
+                border-radius: 10px;
+                color: #FFFFFF;
+            }
+
+        .ztsm2 ul li {
+            width: 33%;
+            font-size: 14px;
+            float: left;
+            margin-bottom: 25px;
+            text-align: center;
+            cursor: pointer;
+        }
+
+        .zx {
+            /*background: #989898;*/
+            background: #61b960;
+        }
+
+        .jt {
+            background: #5ed7b7;
+        }
+
+        .dj {
+            background: #bed75b;
+        }
+
+        .qca {
+            background: #d75e7c;
+        }
+
+        .lj {
+            background: #5daed8;
+        }
+
+        .qc {
+            background: #d8988f;
+        }
+
+        .kqc {
+            background: #44af3c;
+        }
+
+        .jqc {
+            background: #d91e06;
+        }
+
+        .dis {
+            background: #989898;
+        }
+        /*坐席弹屏*/
+        .zx_photo {
+            padding: 10px;
+        }
+
+            .zx_photo p {
+                text-align: center;
+            }
+
+        .zx-box_ul > ul {
+            padding-left: 0px;
+        }
+
+            .zx-box_ul > ul > li {
+                width: 33% !important;
+                padding: 22px 13px;
+                text-align: -webkit-center;
+                font-size: 15px;
+                cursor: pointer;
+            }
+
+                .zx-box_ul > ul > li b {
+                    padding: 7px 15px;
+                    border-radius: 10px;
+                    color: #FFFFFF;
+                }
+
+        .zxtp {
+            position: absolute;
+            display: none;
+        }
+
+        .shows {
+            display: block;
+        }
+
+        .hides {
+            display: block;
+        }
+    </style>
+</head>
+<body>
+    <div class="wrapper wrapper-content animated fadeInRight">
+    	<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">话务管理</a>&gt;<a href="" style="color: #000;">坐席管理</a></sapn>
+				</div>
+				
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+		</div>
+        <div class="row" style="margin-top: 20px;">
+            <!--左边-->
+            <div class="col-sm-9">
+                <div class="zx_top">
+                    <span class="zx-title">坐席监控系统</span>
+                    <ul class="fenxian">
+                        <li class="left_red"></li>
+                        <li class="rg_green"></li>
+                    </ul>
+                </div>
+                <div class="zx_content">
+                    <ul class="zx_people"></ul>
+                </div>
+            </div>
+            <!--右边-->
+            <div class="col-sm-3">
+
+                <div class="zx_top">
+                    <span class="zx-title">状态说明</span>
+                    <ul class="m-b  fenxian" style="width:104px;">
+                        <li class="left_red"></li>
+                        <li class="rg_green"></li>
+                    </ul>
+                    <div class="zx-box">
+                        <div class="ztsm2 w_3">
+                            <ul class="ztsm">
+                                <li><b class="zx">置闲</b></li>
+                                <li><b class="jt">监听</b></li>
+                                <li><b class="dj">代接</b></li>
+                                <li><b class="qca">强插</b></li>
+                                <li><b class="lj">拦截</b></li>
+                                <li><b class="qc">强拆</b></li>
+                                <li style="width: 50%;"><b class="kqc">开始监测</b></li>
+                                <li style="width: 50%;"><b class="jqc dis">停止监测</b></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="zx_top">
+                    <span class="zx-title">实时统计</span>
+                    <ul class="m-b  fenxian" style="width:104px;">
+                        <li class="left_red"></li>
+                        <li class="rg_green"></li>
+                    </ul>
+                    <div class="zx-box">
+                        <div class="zt-content w_5">
+                            <ul class="tjcount">
+                                <li>登录坐席：<b>0</b></li>
+                                <li>离线人数：<b>0</b></li>
+                                <li>空闲人数：<b>0</b></li>
+                                <li>通话人数：<b>0</b></li>
+                                <li>系统呼入：<b>0</b></li>
+                                <li>置忙坐席：<b>0</b></li>
+                                <!--<li>签出坐席：<b>100</b></li>-->
+                                <li>全部坐席：<b>0</b></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="zx_top">
+                    <span class="zx-title">状态说明</span>
+                    <ul class="m-b  fenxian" style="width:104px;">
+                        <li class="left_red"></li>
+                        <li class="rg_green"></li>
+                    </ul>
+                    <div class="zx-box">
+                        <div class="zt-content w_5">
+                            <ul>
+                                <li><i class="hc"></i>呼出</li>
+                                <li><i class="ml"></i>忙绿</li>
+                                <li><i class="kx"></i>空闲</li>
+                                <li><i class="zl"></i>振铃</li>
+                                <!--<li><i class="qc"></i>&nbsp;签出</li>-->
+                                <li><i class="lx"></i>离线</li>
+                                <li><i class="hh"></i>话后处理</li>
+                                <li><i class="th"></i>通话中</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+    <!--坐席弹屏-->
+    <div class="zxT  zxtp">
+        <div class="zx-box" style="width: 400px;">
+            <div class="zx_photo row zx_content">
+                <div style="width: 400px;">
+                    <div class="bg_person"> <i class="lx"></i></div>
+                    <p>
+                        <span>工号：</span>
+                        <span class="g_nums"></span>
+                    </p>
+                    <p>
+                        <span>姓名：</span>
+                        <span class="g_names"></span>
+                    </p>
+                   
+                </div>
+            </div>
+            <div class="zx-box_ul row">
+                <ul>
+                    <li><b class="zx" item="ForceAgentState">置闲</b></li>
+                    <li><b class="jt" item="Listen">监听</b></li>
+                    <li><b class="dj" item="Instead">代接</b></li>
+                    <li><b class="qca" item="Insert">强插</b></li>
+                    <li><b class="lj" item="Intercept">拦截</b></li>
+                    <li><b class="qc" item="Break">强拆</b></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        var user;
+        $(document).ready(function () {
+            //获取坐席列表
+            $.getJSON(huayi.config.callcenter_url+'SeatMonitoring/getlist', { "token": $.cookie("token") }, function (result) {
+                if (result.state.toLowerCase() == "success") {
+                    $(".zx_people").empty();
+                    user = result.data;
+                    $(".tjcount li").eq(6).find("b").text(user.length);
+                    $(user).each(function (i, n) {
+                        var html = '<li class="people_list ' + n.F_WorkNumber + '">'
+                            + '<div>'
+                            + '    <div class="bg_person">'
+                              + '    <i class="lx" zx_item="0" xl_item="0"></i>'
+                             + ' </div>'
+                            + '    <p>'
+                            + '        <span>工号：</span>'
+                            + '        <span class="g-num">' + n.F_WorkNumber + '</span>'
+                            + '    </p>'
+                            + '    <p>'
+                            + '        <span>&nbsp;&nbsp;姓名：</span>'
+                            + '        <span class="g-name">' + n.F_UserName + '</span>'
+                            + '    </p>'
+                          
+                            + '</div>'
+                            + '</li>';
+
+                        $(html).appendTo($(".zx_people")).click(function (event) {
+                            event.stopPropagation();
+                            if (top.obj.AgentID != $(this).find(".g-num").text()) {
+                                $(".zxtp .g_nums").text($(this).find(".g-num").text());
+                                $(".zxtp .g_names").text($(this).find(".g-name").text());
+                                $(".zxtp i").removeClass().addClass($(this).find("i").attr("class"));
+                                //if (!$(this).find("i").hasClass("lx")) {
+                                //    Center($('.zxtp'));
+                                //}
+
+                                Center($('.zxtp'));
+
+                                UpdateSelState($(this).find("i").attr("zx_item"), $(this).find("i").attr("xl_item"));
+                            }
+                            else {
+
+                                layer.confirm('不能操作自己的坐席！', {
+                                    btn: ['确定']
+                                });
+                            }
+                        })
+                    })
+                }
+            })
+
+            $(".wrapper").click(function () {
+                if (!$('.zxtp').is(":hidden")) {
+                    $('.zxtp').hide();
+                }
+            })
+            //开始监测
+            $(".kqc").click(function () {
+                if (!$(this).hasClass("dis")) {
+                    $(user).each(function (i, n) {
+                        top.obj.Type = "SubScribe";
+                        top.obj.SubParmer = n.F_WorkNumber;
+
+                        top.obj.SubType = "0";//根据工号订阅坐席状态
+                        top.Send();
+                        top.obj.SubType = "1";//根据工号订阅线路状态
+                        top.Send();
+                    })
+                    //top.obj.Type = "SubScribe";
+                    //top.obj.SubParmer = "8003";
+
+                    //top.obj.SubType = "0";//根据工号订阅坐席状态
+                    //top.Send();
+                    //top.obj.SubType = "1";//根据工号订阅线路状态
+                    //top.Send();
+                }
+            })
+            //停止监测
+            $(".jqc").click(function () {
+                if (!$(this).hasClass("dis")) {
+                    //$(user).each(function (i, n) {
+                    //    top.obj.Type = "SubScribeCancel";
+                    //    top.obj.SubParmer = n.F_WorkNumber;
+
+                    //    top.obj.SubType = "0";//根据工号取消订阅坐席状态
+                    //    top.Send();
+                    //    top.obj.SubType = "1";//根据工号取消订阅线路状态
+                    //    top.Send();
+                    //})
+                    top.obj.Type = "SubScribeCancel";
+                    top.obj.SubParmer = "-1";
+
+                    top.obj.SubType = "0";//根据工号取消订阅坐席状态
+                    top.Send();
+                    top.obj.SubType = "1";//根据工号取消订阅线路状态
+                    top.Send();
+                }
+            })
+            //班长操作坐席
+            $(".zxtp b").click(function () {
+                if (!$(this).hasClass("dis")) {
+                    var wn = $(".zxtp .g_nums").text();
+                    var type = $(this).attr("item");
+                    top.obj.Type = type;
+                    top.obj.TargetAgentID = wn;
+                    top.Send();
+                }
+            })
+        })
+
+        //计算数量
+        var tj;
+        function tjcount() {
+            tj = { hr: 0, tx: 0, kx: 0, lx: 0, zm: 0, dl: 0};
+            $(".zx_people i").each(function () {
+                var zx = $(this).attr("zx_item");
+                var xl = $(this).attr("xl_item");
+                switch (zx) {
+                    case "0": tj.lx = tj.lx + 1; break;//离线
+                    case "5": tj.zm = tj.zm + 1; break;//小休
+                }
+                switch (xl) {
+                    case "5": tj.hr = tj.hr + 1; break;//来电振铃
+                    case "6": tj.tx = tj.tx + 1; break;//通话中
+                }
+                if (zx == '2' && xl == '1') { tj.kx = tj.kx + 1; }//空闲
+                if (zx != '0' && zx != '7' && xl != '0' && xl != '9') {
+                    tj.dl = tj.dl + 1;
+                }
+            })
+
+            $(".tjcount li").eq(0).find("b").text(tj.dl);
+            $(".tjcount li").eq(1).find("b").text(tj.lx);
+            $(".tjcount li").eq(2).find("b").text(tj.kx);
+            $(".tjcount li").eq(3).find("b").text(tj.tx);
+            $(".tjcount li").eq(4).find("b").text(tj.hr);
+            $(".tjcount li").eq(5).find("b").text(tj.zm);
+        }
+        /*居中*/
+        function Center(obj) {
+            var screenWidth = $(window).width(), screenHeight = $(window).height();  //当前浏览器窗口的 宽高
+            var scrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度
+            var objLeft = (screenWidth - obj.width()) / 2;
+            var objTop = (screenHeight - obj.height()) / 2 + scrolltop;
+            obj.css({ left: objLeft + 'px', top: objTop + 'px' });
+            obj.show();
+        }
+        //开始监测成功后
+        function Start() {
+            $(".kqc").addClass("dis");
+            $(".jqc").removeClass("dis");
+        }
+        //停止监测成功后
+        function Stop() {
+            $(".jqc").addClass("dis");
+            $(".kqc").removeClass("dis");
+            $(".zxtp i").removeClass().addClass("lx");
+            $(".zx_people i").removeClass().addClass("lx").attr("zx_item", "0").attr("xl_item", "0");
+        }
+        //坐席状态
+        function UpdateAgentState(WorkNumber, State) {
+            var sts = "";
+            switch (State) {
+                case "0": sts = "lx"; break;//离线
+                case "1": break;//登录中
+                case "2": sts = "kx"; break;//空闲
+                case "3": sts = "th"; break;//通话中
+                case "4": sts = "hh"; break;//话后处理中
+                case "5": sts = "ml"; break;//小休
+                case "6": sts = "zl"; break;//被请求
+                case "7": sts = "lx"; break;//注销
+            }
+            var ele = $("." + WorkNumber).find("i");
+            if (sts) {
+                ele.removeClass().addClass(sts);
+            }
+            ele.attr("zx_item", State);
+            if ($(".zxtp .g_nums").text() == WorkNumber) {
+                if (sts) {
+                    $(".zxtp i").removeClass().addClass(sts);
+                }
+                UpdateSelState(State, ele.attr("xl_item"))
+            }
+            tjcount();
+        }
+        //线路状态
+        function UpdateLineState(WorkNumber, State) {
+            var sts = "";
+            switch (State) {
+                case "0": sts = "lx"; break;//分机不可用
+                case "1": sts = "kx"; break;//空闲
+                case "2": sts = "ml"; break;//摘机等待拨号
+                case "3": sts = "ml"; break;//正在拨号
+                case "4": sts = "hc"; break;//呼出振铃
+                case "5": sts = "zl"; break;//来电振铃
+                case "6": sts = "th"; break;//通话中
+                case "7": sts = "ml"; break;//播放忙音中
+                case "8": sts = "th"; break;//通话保持中
+                case "9": break;//话机移除
+                case "10": break;//保持/空闲
+                case "11": break;//保持/摘机等待拨号
+                case "12": break;//保持/正在拨号
+                case "13": break;//保持/呼出振铃
+                case "14": break;//保持/通话中
+            }
+            var ele = $("." + WorkNumber).find("i");
+            if (sts) {
+                ele.removeClass().addClass(sts);
+            }
+            ele.attr("xl_item", State);
+            if ($(".zxtp .g_nums").text() == WorkNumber) {
+                if (sts) {
+                    $(".zxtp i").removeClass().addClass(sts);
+                }
+                UpdateSelState(ele.attr("zx_item"), State)
+            }
+            tjcount();
+        }
+        //更新选中坐席的可操作
+        function UpdateSelState(zxState, xlState) {
+            $(".zxtp b").addClass("dis");
+            if (zxState == '5' && xlState == '1') {
+                $(".zxtp .zx").removeClass("dis");
+            }
+            if (zxState == '3' && xlState == '6') {
+                $(".zxtp .jt").removeClass("dis");
+                $(".zxtp .qca").removeClass("dis");
+                $(".zxtp .qc").removeClass("dis");
+                $(".zxtp .lj").removeClass("dis");
+            }
+            if (zxState == '2' && xlState == '5') {
+                $(".zxtp .dj").removeClass("dis");
+            }
+        }
+
+        //       	    //浏览器窗口大小改变时
+        //       $(window).resize(function() {
+        //          screenWidth = $(window).width();
+        //           screenHeight = $(window).height();
+        //          scrolltop = $(document).scrollTop();
+        //           objLeft = (screenWidth - obj.width())/2 ;
+        //           objTop = (screenHeight - obj.height())/2 + scrolltop;
+        //           obj.css({left: objLeft + 'px', top: objTop + 'px'});
+        //        obj.fadeToggle();
+        //       });
+        //       //浏览器有滚动条时的操作、
+        //       $(window).scroll(function() {
+        //          screenWidth = $(window).width();
+        //           screenHeight = $(window).height();
+        //           scrolltop = $(document).scrollTop();
+        //           objLeft = (screenWidth - obj.width())/2 ;
+        //           objTop = (screenHeight - obj.height())/2 + scrolltop;
+        //           obj.css({left: objLeft + 'px', top: objTop + 'px'});
+        //         obj.fadeToggle();
+
+        //       });
+
+
+        //# sourceURL=zx.js;
+    </script>
+</body>
+
+</html>

CallCenterWeb.UI/TelCall/VoiceMail.html

@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<title>语音留言</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link href="../css/init.css" rel="stylesheet" />
+        <script src="../Script/Common/huayi.load.js"></script>
+        <script src="../Script/Common/huayi.config.js"></script>
+		<link href="../css/Table/table1.css" rel="stylesheet" />
+        <script src="../css/laydate/laydate.js"></script>
+        <style>
+        	.LY:hover{
+	color: #fff;
+	
+}
+.LY:active{
+	color: #fff!important;
+}
+        </style>
+	</head>
+	<body class="gray-bg">
+		<div class="wrapper wrapper-content animated fadeInRight">
+			<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">话务管理</a>&gt;<a href="" style="color: #000;">语音留言</a></sapn>
+				</div>
+				
+				<div class="dhRight">
+            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+            	</div>
+				
+				
+			</div>
+			<div class="th-box">
+				<div class="th-bar">
+                    <a class="sc_btn  deal max-right">处理</a>
+                    <a class="sc_btn  remove">删除</a>
+					<div class="seach-box fr">
+						<ul>
+							<li>电话号码：<input class="photo x-color" type="text" id="tel" /></li>
+							<li>留言时间：<input class="photo x-color laydate-icon" type="text" id="lysj" /></li>
+							<li>处理时间：<input class="laydate-icon photo x-color " type="text" id="clsj" /></li>
+							<li>处理结果：
+								<select name="" id="cljg" class="x-color select">
+									<option value="-1">全部</option>
+									<option value="0">未处理</option>
+									<option value="1">已处理</option>
+									<option value="2">注销</option>
+								</select>
+							</li>
+							<li>
+								<a class="sc_btn seach">搜索</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div style="width: 100%;padding: 10px;">
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+					<thead>
+						<tr>
+							<th data-field="state" data-checkbox="true"></th>
+							<th data-field="F_CallId" data-formatter="Code" data-align="center">编号</th>
+							<th data-field="F_Phone" data-align="center">来电号码</th>
+							<th data-field="F_RecFileUrl" data-align="center" data-formatter="setCode" data-align="center">留言</th>
+							<th data-field="F_LeaveTime" data-align="center">留言时间</th>
+                            <th data-field="F_UserName" data-align="center">处理人</th>
+                            <th data-field="F_DealContent" data-align="center">处理结果</th>
+							<th data-field="F_Status" data-align="center" data-formatter="clzt">处理状态</th>
+                            <th data-field="F_DealTime" data-align="center">处理时间</th>
+						</tr>
+					</thead>
+				</table>
+			</div>
+		</div>
+        <!--下载框-->
+        <div class="t-shade">
+            <div class="shade_k">
+                <div class="shade_title">
+                    <span>录音播放与下载<srong class="cknum"></srong></span>
+                    <span class="setwin"><a>x</a></span>
+                </div>
+                <div class="shade_content">
+                    <div class="Ly_box audiojs">
+                    </div>
+                    <div class="boxCon LY_box">
+                  
+                   </div>
+                </div>
+            </div>
+        </div>
+		<script>
+            $(document).ready(function () {
+                /*日期选择*/
+                laydate.skin('molv');
+                //留言时间
+                laydate({
+                    elem: '#lysj',
+                    event: 'focus',
+                    festival: true, //显示节日
+
+                });
+                //处理时间
+                laydate({
+                    elem: '#clsj',
+                    festival: true, //显示节日
+                    event: 'focus'
+                });
+                /*查询*/
+                $(".seach").click(function () {
+                    initTable();
+                });
+
+                $(".setwin").click(function () {
+                    $(".t-shade").removeClass("cx");
+                    $('audio')[0].pause();
+                });
+
+                /*删除内容*/
+                $(".remove").click(function () {
+                    var ids = $.map($('#list').bootstrapTable('getSelections'),
+                        function (row) {
+                            return row.F_Id;
+                        });
+                    /*判断长度*/
+                    if (ids.length <= 0) {
+                        layer.confirm('没有可删除的选项？', {
+                            btn: ['确定'] //按钮
+                        });
+                        return;
+                    }
+                    remove();
+                });
+                /*处理内容*/
+                $(".deal").click(function () {
+                    var ids = $.map($('#list').bootstrapTable('getSelections'),
+                        function (row) {
+                            return row.F_Id;
+                        });
+                    /*判断长度*/
+                    if (ids.length <= 0) {
+                        layer.confirm('没有可处理的选项？', {
+                            btn: ['确定'] //按钮
+                        });
+                        return;
+                    }
+                    deal();
+                });
+
+                initTable();
+            })
+            function initTable() {
+                //先销毁表格
+                $('#list').bootstrapTable('destroy');
+                //初始化表格,动态从服务器加载数据
+                $("#list").bootstrapTable({
+                    method: "get",  //使用get请求到服务器获取数据
+                    url: huayi.config.callcenter_url + "Callleave/GetList", //获取数据的Servlet地址
+                    striped: true,  //表格显示条纹
+                    pagination: true, //启动分页
+                    pageSize: 10,  //每页显示的记录数
+                    pageNumber: 1, //当前第几页
+                    pageList: [10, 20, 50, 100],  //记录数可选列表
+                    search: false,  //是否启用查询
+                    showColumns: false,  //显示下拉框勾选要显示的列
+                    showRefresh: false,  //显示刷新按钮
+                    sidePagination: "server", //表示服务端请求
+                    //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                    //设置为limit可以获取limit, offset, search, sort, order
+                    queryParamsType: "undefined",
+                    queryParams: function queryParams(params) {   //设置查询参数
+                        var param = {
+                            page: params.pageNumber,
+                            pagesize: params.pageSize,
+                            tel: $("#tel").val(),
+                            settime: $("#lysj").val(),
+                            removetime: $("#clsj").val(),
+                            status: $("#cljg").val(),
+                            token: $.cookie("token")
+                        };
+                        return param;
+                    },
+                    onLoadSuccess: function () {  //加载成功时执行
+                        //layer.msg("加载成功");
+                    },
+                    onLoadError: function () {  //加载失败时执行
+                        //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                    }
+                });
+            }
+            function clzt(val) {
+                var str = '';
+                switch (val + '') {
+                    case '0': str = "未处理"; break;
+                    case '1': str = "已处理"; break;
+                    case '2': str = "注销"; break;
+                }
+                return str;
+            }
+            //音频
+        function setCode(val) {
+            if (val) {
+                return '<div class="imgs">' +
+                    '<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val+ '" />' +
+                    '</div>';
+            }
+            else {
+                return '';
+            }
+        }
+         //编号
+        function Code(val,row,index){
+        	return index+1;
+        }
+        //录音
+        function ck(val) {
+            var path = $(val).attr("item");
+            $(".t-shade").addClass("cx");
+            $(".Ly_box").empty();
+           $(".LY_box").empty();
+				$('<audio  style="width:100%;"class=" " src="' + path + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
+				$('<a href="'+ path +'" class="sc_btn LY "download="'+ path +'">下载录音</a>').appendTo(".LY_box");
+        }
+        /*删除提示*/
+        function remove() {
+            layer.confirm('确定删除当前记录？', {
+                btn: ['是', '否'] //按钮
+            }, function () {
+
+                /*执行删除*/
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_Id;
+                    });
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "Callleave/DelLeaveRecord", { ids: ids, token: $.cookie("token") }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("删除成功");
+                        initTable();
+                    }
+                })
+            });
+        }
+        /*处理提示*/
+        function deal() {
+            layer.confirm('确定处理当前记录？', {
+                btn: ['是', '否'] //按钮
+            }, function () {
+
+                /*执行删除*/
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_Id;
+                    });
+                /*发送请求*/
+                $.post(huayi.config.callcenter_url + "Callleave/OptLeaveRecord", { ids: ids, token: $.cookie("token") }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        layer.msg("处理成功");
+                        initTable();
+                    }
+                })
+            });
+        }
+		</script>
+
+	</body>
+
+</html>

CallCenterWeb.UI/TelCall/WorkTime.html

@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>上班时段设置</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    	 <link href="../css/init.css" rel="stylesheet" />
+    <script src="../Script/Common/huayi.load.js"></script>
+    <script src="../Script/Common/huayi.config.js"></script>
+    <link href="../css/Table/table1.css" rel="stylesheet" />
+    <script src="../css/laydate/laydate.js"></script>
+    <script src="../My97DatePicker/WdatePicker.js"></script>
+</head>
+<body class="gray-bg">
+    <div class="wrapper wrapper-content animated fadeInRight">
+    	<div class="daoHang clearfix">
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">话务管理</a>&gt;<a href="" style="color: #000;">上班时间设置</a></sapn>
+				</div>
+			</div>
+        <div class="th-box">
+            <div class="th-bar">
+                <a class="sc_btn  add max-right">添加</a>
+                <a class="sc_btn  xg max-right">修改</a>
+                <a class="sc_btn  remove">删除</a>
+                <div class="seach-box fr">
+                    <ul>
+                        <li>关键字：<input class="photo x-color" type="text" id="KeyWords" /></li>
+                        <li>
+                            <a id="sc_btn" class="sc_btn Block">搜索</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div style="width: 100%;padding: 10px;">
+            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+                <thead>
+                    <tr>
+                        <th data-field="state" data-checkbox="true"></th>
+                        <th data-field="F_WorkStartTimes" data-formatter="gettime">工作开始时间</th>
+                        <th data-field="F_WorkEndTimes" data-formatter="gettime">工作结束时间</th>
+                        <th data-field="F_TimeName">时间段名称</th>
+                        <th data-field="F_Remark">时间段备注</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody"></tbody>
+            </table>
+        </div>
+    </div>
+    <script>
+        var html = ' <div>' +
+                        '<ul class="nav nav-tabs">' +
+                        '<li class="active"><a href="#">参数信息</a></li> ' +
+                        '</ul>' +
+                        '<div class=" add_time">' +
+                        '<label for="">工作开始时间:</label>' +
+                        '<input type="text" id="workstart" class="photo" onclick="WdatePicker({dateFmt:\'HH:mm:ss\'})"/><input type="hidden" id="ID" value="" class="photo"/>' +
+                        '</div>' +
+                        '<div class=" add_time">' +
+                        '<label for="">工作结束时间:</label>' +
+                        '<input type="text"class="photo" id="workend" onclick="WdatePicker({dateFmt:\'HH:mm:ss\'})"/>' +
+                        '</div>' +
+                        '<div class=" add_time">' +
+                        '<label for="">时间段名称:</label>' +
+                        '<input type="text" class="photo" id="timename" />' +
+                        '</div>' +
+                        '<div class=" add_time">' +
+                        '<label for="" class="Pb_sm">时间段备注:</label>' +
+                        '<textarea type="text"  id="Pb"/>' +
+                        '</textarea>' +
+                        '</div>' +
+                        '<div class=" add_time tc">' +
+                        '<button  type="button" class="sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
+                        '</div>' +
+                        ' </div>';
+        var tc;
+        $(document).ready(function () {
+            /*日期选择*/
+            laydate.skin('molv');
+            /*搜索*/
+            $("#sc_btn ").click(function () {
+                initTable();
+            })
+
+            /*删除提示*/
+            $(".remove").click(function () {
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_ID;
+                    });
+                /*判断长度*/
+                if (ids.length <= 0) {
+                    layer.confirm('没有可删除的选项？', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                }
+
+                layer.confirm('确定删除选中记录？', {
+                    btn: ['是', '否'] //按钮
+                }, function () {
+                    /*发送请求*/
+                    $.post(huayi.config.callcenter_url + "Workcalendar/DelTimes", { ids: ids, token: $.cookie("token") }, function (result) {
+                        result = JSON.parse(result);
+                        if (result.state.toLowerCase() == "success") {
+                            layer.msg("删除成功");
+                            initTable();
+                        }
+                    })
+                });
+            });
+            /*增加弹框*/
+            $(".add").click(function () {
+                tc = layer.open({
+                    type: 1,
+                    content: html, //iframe的url，no代表不显示滚动条
+                    title: '添加上班时段',
+                    area: ['35%', '65%'], //宽高
+
+                });
+            });
+            /*修改弹窗*/
+            $(".xg").click(function () {
+                var ids = $.map($('#list').bootstrapTable('getSelections'),
+                    function (row) {
+                        return row.F_ID;
+                    });
+                if (ids.length != 1) {
+                    layer.confirm('请选择一行进行修改？', {
+                        btn: ['确定'] //按钮
+                    });
+                    return;
+                } else {
+
+                    $.getJSON(huayi.config.callcenter_url + "Workcalendar/GetTimes", { id: ids[0], token: $.cookie("token") }, function (result) {
+                        if (result.state.toLowerCase() == "success") {
+                            tc = layer.open({
+                                type: 1,
+                                title: '修改上班时段',
+                                area: ['35%', '65%'], //宽高
+                                content: html
+                            });
+
+                            $("#ID").val(result.data.F_ID);
+                            $("#workstart").val(result.data.F_WorkStartTimes.substr(11, 8));
+                            $("#workend").val(result.data.F_WorkEndTimes.substr(11, 8));
+                            $("#timename").val(result.data.F_TimeName);
+                            $("#Pb").val(result.data.F_Remark);
+                        }
+                    })
+                }
+            });
+
+            initTable();
+        })
+        function initTable() {
+            //先销毁表格
+            $('#list').bootstrapTable('destroy');
+            //初始化表格,动态从服务器加载数据
+            $("#list").bootstrapTable({
+                method: "get",  //使用get请求到服务器获取数据
+                url: huayi.config.callcenter_url + "Workcalendar/GetTimesList", //获取数据的Servlet地址
+                striped: true,  //表格显示条纹
+                pagination: true, //启动分页
+                pageSize: 10,  //每页显示的记录数
+                pageNumber: 1, //当前第几页
+                pageList: [10, 20, 50, 100],  //记录数可选列表
+                search: false,  //是否启用查询
+                showColumns: false,  //显示下拉框勾选要显示的列
+                showRefresh: false,  //显示刷新按钮
+                sidePagination: "server", //表示服务端请求
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
+                //设置为limit可以获取limit, offset, search, sort, order
+                queryParamsType: "undefined",
+                queryParams: function queryParams(params) {   //设置查询参数
+                    var param = {
+                        page: params.pageNumber,
+                        pagesize: params.pageSize,
+                        keyword: $("#KeyWords").val(),
+                        token: $.cookie("token")
+                    };
+                    return param;
+                },
+                onLoadSuccess: function () {  //加载成功时执行
+                    //layer.msg("加载成功");
+                },
+                onLoadError: function () {  //加载失败时执行
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
+                }
+            });
+        }
+
+        //新增或者编辑
+        function addedit() {
+            if (!$("#workstart").val()) {
+                layer.confirm('请选择工作开始时间', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            if (!$("#workend").val()) {
+                layer.confirm('请选择工作结束时间', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            if (!$("#timename").val()) {
+                layer.confirm('请输入时间段名称', {
+                    btn: ['确定'] //按钮
+                });
+                return;
+            }
+            /*发送请求*/
+            $.post(huayi.config.callcenter_url + "Workcalendar/AddTimes",
+                {
+                    workid: $("#ID").val(), workstart: $("#workstart").val(), workend: $("#workend").val(),
+                    timename: $("#timename").val(), remark: $("#Pb").val(), token: $.cookie("token")
+                }, function (result) {
+                    result = JSON.parse(result);
+                    if (result.state.toLowerCase() == "success") {
+                        if ($("#ID").val()) {
+                            layer.msg("修改成功");
+                        }
+                        else {
+                            layer.msg("新增成功");
+                        }
+                        layer.close(tc); //关闭弹层
+                        initTable();
+                    }
+                })
+        }
+        function gettime(val) {
+            if (val) {
+                return val.substr(11, 8);
+            }
+            else {
+                return '';
+            }
+        }
+    </script>
+
+</body>
+
+</html>

CallCenterWeb.UI/Web.Debug.config

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- 有关使用 web.config 转换的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=125889 -->
+
+<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
+  <!--
+    在下例中，“SetAttributes”转换将更改 
+    “connectionString”的值，以仅在“Match”定位器 
+    找到值为“MyDB”的特性“name”时使用“ReleaseSQLServer”。
+    
+    <connectionStrings>
+      <add name="MyDB" 
+        connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True" 
+        xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
+    </connectionStrings>
+  -->
+  <system.web>
+    <compilation xdt:Transform="RemoveAttributes(debug)" />
+    <!--
+      
+      在下例中，“Replace”转换将替换 
+      web.config 文件的整个 <customErrors> 节。
+      请注意，由于 
+      在 <system.web> 节点下仅有一个 customErrors 节，因此不需要使用“xdt:Locator”特性。
+      
+      <customErrors defaultRedirect="GenericError.htm"
+        mode="RemoteOnly" xdt:Transform="Replace">
+        <error statusCode="500" redirect="InternalError.htm"/>
+      </customErrors>
+    -->
+  </system.web>
+</configuration>

CallCenterWeb.UI/Web.config

@@ -0,0 +1,23 @@
+<?xml version="1.0"?>
+
+<!--
+  For more information on how to configure your ASP.NET application, please visit
+  http://go.microsoft.com/fwlink/?LinkId=169433
+  -->
+
+<configuration>
+
+  <system.web>
+    <compilation debug="true" targetFramework="4.5" />
+    <httpRuntime targetFramework="4.5" />
+    <webServices>
+      <protocols>
+        <add name="HttpGet" />
+        <add name="HttpPost" />
+      </protocols>
+    </webServices>
+  </system.web>
+
+ 
+
+</configuration>