Главная Обзор Помощь
Регистрация Войти
zhoufan
/
12345_Base_Web
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 889 Релизы 0 Вики
Просмотр исходного кода

修改样式

fanlongfei лет назад: 8
Родитель
528ce4b144
Сommit
894b9a0594
10 измененных файлов с 201 добавлено и 21 удалено
Единый вид Показать статистику Diff
  1. 1 1
      WebSite/PeopleNews.html
  2. 18 3
      WebSite/css/indexs.css
  3. 7 7
      WebSite/css/pageSwitch.css
  4. BIN
      WebSite/img/banner-img_0.jpg
  5. BIN
      WebSite/img/banner-img_0.png
  6. 2 2
      WebSite/index.html
  7. 3 3
      WebSite/js/chaxun.js
  8. 14 5
      WebUI/CallCenterWeb.UI/.project
  9. 61 0
      WebUI/CallCenterWeb.UI/WebSite/email.html
  10. 95 0
      WebUI/CallCenterWeb.UI/js/email.js

+ 1 - 1
WebSite/PeopleNews.html
Просмотреть файл

143 
 		<!--内容-->
 143 
 		<!--内容-->
144 
 		<div class="Content" >
 144 
 		<div class="Content" >
145 
 			<div>
 145 
 			<div>
146 
-				<div class="navcon_box clearfix navCon" style="height:560px;">
146 
+				<div class="navcon_box clearfix navCon">
147 
 					<div class="main-wrap main-body">
 147 
 					<div class="main-wrap main-body">
148 
 						<div class="box-01 red-decoration">
 148 
 						<div class="box-01 red-decoration">
149 
 							<div class="box-title">
 149 
 							<div class="box-title">

+ 18 - 3
WebSite/css/indexs.css
Просмотреть файл

390 
 .box-01 .box-title {
 390 
 .box-01 .box-title {
391 
 	padding: 16px 10px 16px 0;
 391 
 	padding: 16px 10px 16px 0;
392 
 	height: 16px;
 392 
 	height: 16px;
393 
-	border-bottom: 1px solid #e0e0e0;
394 
 	margin-bottom: 20px;
 393 
 	margin-bottom: 20px;
395 
 }
 394 
 }
396
395
1584 
 .headbar {
 1583 
 .headbar {
1585 
 	height: 120px;
 1584 
 	height: 120px;
1586 
 	background-color: #fff;
 1585 
 	background-color: #fff;
1586 
+	border-bottom: 1px solid #ddd;
1587 
 }
 1587 
 }
1588
1588
1589 
 .brand {
 1589 
 .brand {
1995 
 	border-color:  #00a1cb !important;
 1995 
 	border-color:  #00a1cb !important;
1996 
 	background-color:  #00a1cb !important;
 1996 
 	background-color:  #00a1cb !important;
1997 
 }
 1997 
 }
1998 
-.Content {
1999 
-	min-height: 372px;/*1366屏幕下*/
1998 
+
1999 
+@media only screen and (max-width: 1920px) {
2000 
+	.Content {
2001 
+		min-height: 654px;/*1920屏幕下*/
2002 
+	}
2003 
+	#bannerContainer {
2004 
+		height: 450px;
2005 
+	}
2006 
+}
2007 
+@media only screen and (max-width: 1366px) {
2008 
+	.Content {
2009 
+		min-height: 371px;/*1366屏幕下*/
2010 
+	}
2011 
+	#bannerContainer {
2012 
+		height: 400px;
2013 
+	}
2000 
 }
 2014 
 }
2015 
+

+ 7 - 7
WebSite/css/pageSwitch.css
Просмотреть файл

18 
 }
 18 
 }
19 
 /*横屏滑动*/
 19 
 /*横屏滑动*/
20 
 .pages.horizontal {
 20 
 .pages.horizontal {
21 
-  right: 0%;
22 
-  transform: translateX(-50%);
23 
-  bottom: 36px;
21 
+    right: -90px;
22 
+    transform: translateX(-50%);
23 
+    bottom: 7px;
24 
 }
 24 
 }
25 
 #bannerContainer .pages.horizontal {
 25 
 #bannerContainer .pages.horizontal {
26 
   display: none;
 26 
   display: none;
76 
 		background-image:  url('../img/qiehuan.png');
 76 
 		background-image:  url('../img/qiehuan.png');
77 
 	}*/
 77 
 	}*/
78 
 	.section h3{
 78 
 	.section h3{
79 
-		margin-top: 66%;
80 
-		margin-bottom: 0;
79 
+		margin-top: -100px;
81 
 		background: rgba(128,128,128,.4);
 80 
 		background: rgba(128,128,128,.4);
82 
 		font-size: 16px;
 81 
 		font-size: 16px;
83 
 		padding: 10px;
 82 
 		padding: 10px;
84 
 		text-align: left;
 83 
 		text-align: left;
85 
 		line-height: 10px;
 84 
 		line-height: 10px;
85 
+    text-align: left;
86 
+    line-height: 16px;
86 
 	}
 87 
 	}
87 
 	.section img{
 88 
 	.section img{
88 
 		width: 500px;
 89 
 		width: 500px;
94
95
95 
 #bannerContainer {
 96 
 #bannerContainer {
96 
 	width: 100%;
 97 
 	width: 100%;
97 
-	height: 400px;
98 
 	overflow: hidden;
 98 
 	overflow: hidden;
99 
 }
 99 
 }
100
100
101 
 #bannerContainer #section0 {
 101 
 #bannerContainer #section0 {
102 
-	background-image: url(../img/banner-img_0.jpg);
102 
+	background-image: url(../img/banner-img_0.png);
103 
 }
 103 
 }
104 
 #bannerContainer #section1 {
 104 
 #bannerContainer #section1 {
105 
 	background-image:url(../img/banner-img_1.jpg);
 105 
 	background-image:url(../img/banner-img_1.jpg);

BIN
WebSite/img/banner-img_0.jpg
Просмотреть файл


BIN
WebSite/img/banner-img_0.png
Просмотреть файл


+ 2 - 2
WebSite/index.html
Просмотреть файл

47 
 					</ul>
 47 
 					</ul>
48 
 				</div>
 48 
 				</div>
49 
 			</div>
 49 
 			</div>
50 
-			<div class="headbar">
50 
+			<div class="headbar" style="border: none;">
51 
 				<div class="container">
 51 
 				<div class="container">
52 
 					<div class="brand fl">
 52 
 					<div class="brand fl">
53 
 						<img src="img/logo.png" alt="logo" />
 53 
 						<img src="img/logo.png" alt="logo" />
249 
 									<div class="content_foot clearfix">
 249 
 									<div class="content_foot clearfix">
250 
 										<div class="left-statistics fl">
 250 
 										<div class="left-statistics fl">
251 
 											<p>
 251 
 											<p>
252 
-												<span>热线共受理:</span>
252 
+												<span>服务热线共受理:</span>
253 
 												<span id="totalCount">2000件</span>
 253 
 												<span id="totalCount">2000件</span>
254 
 											</p>
 254 
 											</p>
255 
 											<ul class="left-statistics-content statistics-content clearfix">
 255 
 											<ul class="left-statistics-content statistics-content clearfix">

+ 3 - 3
WebSite/js/chaxun.js
Просмотреть файл

1
1
2
2
3 
-var height=$(window).height()-100;//可视区高度
4 
-$('.Content').css('height',height)
5 
-
3 
+//var height=$(window).height()-100;//可视区高度
4 
+//$('.Content').css('height',height)
5 
+//
6
6
7
7
8
8

+ 14 - 5
WebUI/CallCenterWeb.UI/.project
Просмотреть файл

1 
 <?xml version="1.0" encoding="UTF-8"?>
 1 
 <?xml version="1.0" encoding="UTF-8"?>
2 
 <projectDescription>
 2 
 <projectDescription>
3 
-	<name>CallCenterWeb.UI_SQ</name>
3 
+	<name>SQCallCenterWeb.UI</name>
4 
 	<comment></comment>
 4 
 	<comment></comment>
5 
 	<projects>
 5 
 	<projects>
6 
 	</projects>
 6 
 	</projects>
16 
 	</natures>
 16 
 	</natures>
17 
 	<filteredResources>
 17 
 	<filteredResources>
18 
 		<filter>
 18 
 		<filter>
19 
-			<id>1504246390427</id>
19 
+			<id>0</id>
20 
 			<name></name>
 20 
 			<name></name>
21 
 			<type>26</type>
 21 
 			<type>26</type>
22 
 			<matcher>
 22 
 			<matcher>
25 
 			</matcher>
 25 
 			</matcher>
26 
 		</filter>
 26 
 		</filter>
27 
 		<filter>
 27 
 		<filter>
28 
-			<id>1504527174043</id>
28 
+			<id>0</id>
29 
 			<name></name>
 29 
 			<name></name>
30 
 			<type>26</type>
 30 
 			<type>26</type>
31 
 			<matcher>
 31 
 			<matcher>
34 
 			</matcher>
 34 
 			</matcher>
35 
 		</filter>
 35 
 		</filter>
36 
 		<filter>
 36 
 		<filter>
37 
-			<id>1504695441841</id>
37 
+			<id>0</id>
38 
 			<name></name>
 38 
 			<name></name>
39 
 			<type>26</type>
 39 
 			<type>26</type>
40 
 			<matcher>
 40 
 			<matcher>
43 
 			</matcher>
 43 
 			</matcher>
44 
 		</filter>
 44 
 		</filter>
45 
 		<filter>
 45 
 		<filter>
46 
-			<id>1505297927052</id>
46 
+			<id>0</id>
47 
+			<name></name>
48 
+			<type>26</type>
49 
+			<matcher>
50 
+				<id>org.eclipse.ui.ide.multiFilter</id>
51 
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
52 
+			</matcher>
53 
+		</filter>
54 
+		<filter>
55 
+			<id>0</id>
47 
 			<name></name>
 56 
 			<name></name>
48 
 			<type>26</type>
 57 
 			<type>26</type>
49 
 			<matcher>
 58 
 			<matcher>

+ 61 - 0
WebUI/CallCenterWeb.UI/WebSite/email.html
Просмотреть файл

1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <script src="../Script/Common/huayi.load.js"></script>
7 
+    <script src="../Script/Common/huayi.config.js"></script>
8 
+    <link rel="stylesheet" href="../css/init.css" />
9 
+    <title>邮件列表</title>
10 
+    <style>
11 
+        .treeTable {
12 
+            height: 400px;
13 
+            /*overflow-y: auto;*/
14 
+        }
15 
+        .content {
16 
+            width: 270px;
17 
+            height: 100%;
18 
+            overflow: hidden;
19 
+            white-space: nowrap;
20 
+            text-overflow: ellipsis;
21 
+            text-align: left;
22 
+            cursor: pointer;
23 
+        }
24 
+    </style>
25 
+</head>
26 
+
27 
+<body class="gray-bg">
28 
+    <div class="container-fluid wrapper-content animated fadeInRight">
29 
+        <div class="daoHang clearfix">
30 
+            <div class="dhLeft">
31 
+                <sapn><i class="syIcon"></i>位置：<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">网站后台</a>&gt;<a href="" class="nowPosition">邮件列表</a></sapn>
32 
+            </div>
33 
+            <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
34 
+        </div>
35 
+        <div class="treeTable clearfix">
36 
+            <div class="tableCon">
37 
+                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
38 
+                    <thead>
39 
+                        <tr>
40 
+							<th data-field="state" data-checkbox="true" data-align="center"></th>
41 
+							<th data-align="center" data-formatter="setCode">编号</th>
42 
+                            <th data-field="E_Title" data-align="center">主题</th>
43 
+                            <th data-field="E_Content" data-align="center">内容</th>
44 
+                            <th data-field="E_Address" data-align="center">邮件地址</th>
45 
+                            <th data-field="E_EmailTime" data-align="center">时间</th>
46 
+                            <th data-field="E_Email" data-align="center">发件人</th>
47 
+                            <!--<th data-field="E_AttachmentsUrl" data-align="center">附件</th>-->
48 
+                            <th data-align="center"  data-formatter="detail">操作</th>
49 
+                            <!--data-field="W_Url"-->
50 
+                        </tr>
51 
+                    </thead>
52 
+                    <tbody id="tbody"></tbody>
53 
+                </table>
54 
+				<p style="margin-top: 20px;"><button class="btns allDel">批量删除</button></p>
55 
+            </div>
56 
+        </div>
57 
+    </div>
58 
+    <script src="../js/email.js"></script>
59 
+</body>
60 
+
61 
+</html>

+ 95 - 0
WebUI/CallCenterWeb.UI/js/email.js
Просмотреть файл

1 
+
2 
+var table=$('#table1');
3 
+initTable()
4 
+function initTable() {
5 
+//先销毁表格
6 
+	table.bootstrapTable('destroy');
7 
+	//初始化表格,动态从服务器加载数据
8 
+	table.bootstrapTable({
9 
+		method: "get", //使用get请求到服务器获取数据
10 
+		url: huayi.config.callcenter_url + "EmailSend/GetEmailMessage", //获取数据的Servlet地址
11 
+		contentType: "application/x-www-form-urlencoded",
12 
+		striped: true, //表格显示条纹
13 
+		pagination: true, //启动分页
14 
+		pageSize: 5, //每页显示的记录数
15 
+		pageNumber: 1, //当前第几页
16 
+		pageList: [10, 20, 50, 100], //记录数可选列表
17 
+		search: false, //是否启用查询
18 
+		showColumns: false, //显示下拉框勾选要显示的列
19 
+		showRefresh: false, //显示刷新按钮
20 
+		sidePagination: "server", //表示服务端请求
21 
+		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
22 
+		//设置为limit可以获取limit, offset, search, sort, order
23 
+		queryParamsType: "undefined",
24 
+		queryParams: function queryParams(params) { //设置查询参数
25 
+			var param = {
26 
+				page: params.pageNumber,
27 
+				pagesize: params.pageSize,
28 
+				token:$.cookie("token")
29 
+			};
30 
+			return param;
31 
+		},
32 
+		onLoadSuccess: function() { //加载成功时执行
33 
+			//layer.msg("加载成功");
34 
+		},
35 
+		onLoadError: function() { //加载失败时执行
36 
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
37 
+		}
38 
+	});
39 
+}
40 
+
41 
+
42 
+
43 
+//操作
44 
+
45 
+
46 
+
47 
+//查看详情
48 
+function detail(val,row){
49 
+	return'<div><a onclick="goDetail('+ row.E_EmailId+')" title="查看详情"><i class="fa fa-navicon" style="margin-right:2px;"></i>详情</a></div>'
50 
+}
51 
+//跳转详情页
52 
+function goDetail(did){
53 
+	top.$("iframe:visible")[0].src = "WebSite/emailDetail.html?id="+did;
54 
+}
55 
+
56 
+//批量删除
57 
+$('.allDel').click(function(){
58 
+	var delId = $.map($('#table1').bootstrapTable('getSelections'), function (row) {
59 
+    	return row.E_EmailId;
60 
+	});
61 
+    if (delId.length <= 0) {
62 
+        layer.confirm('请选择一项内容删除！', {
63 
+            btn: ['确定']
64 
+    	});
65 
+        return;
66 
+    } else {
67 
+    	console.log(delId);
68 
+    	var laye = layer.confirm('提示：若要删除，要等待审核。您确定要删除吗？', {
69 
+						btn: ['确定', '取消'] //可以无限个按钮
70 
+		}, function() {
71 
+			$.ajax({
72 
+				type:"post",
73 
+				url:huayi.config.callcenter_url + 'EmailSend/DelEmailByID',
74 
+				async:true,
75 
+				dataType:'json',
76 
+				data:{
77 
+					token:$.cookie("token"),
78 
+					uid:delId
79 
+				},
80 
+				success:function(data){
81 
+					if(data.state.toLowerCase()=='success'){
82 
+						layer.msg(data.message);
83 
+						initTable1();
84 
+					}
85 
+
86 
+				}
87 
+			});
88 
+		});
89 
+    }
90 
+})
91 
+
92 
+//编号
93 
+function setCode(val, row, index) {
94 
+	return index + 1;
95 
+}