Bladeren bron

问卷设置

d123 8 jaren geleden
bovenliggende
commit
6f46ce9329

+ 9 - 0
CallCenterWeb.UI/Questionnaire/AddQuestion.html

@@ -0,0 +1,9 @@
1
+<!DOCTYPE html>
2
+<html>
3
+	<head>
4
+		<meta charset="UTF-8">
5
+		<title></title>
6
+	</head>
7
+	<body>
8
+	</body>
9
+</html>

+ 130 - 79
CallCenterWeb.UI/Questionnaire/AddRight.html

@@ -1,46 +1,61 @@
1 1
 <!DOCTYPE html>
2 2
 <html>
3
+
3 4
 	<head>
4 5
 		<meta charset="UTF-8">
5
-		  <script src="../Script/Common/huayi.load.js"></script>
6
-    <script src="../Script/Common/huayi.config.js"></script>
7
-    <link href="../css/Table/table1.css" rel="stylesheet" />
8
-    <link href="../css/init.css" rel="stylesheet" />
6
+		<script src="../Script/Common/huayi.load.js"></script>
7
+		<script src="../Script/Common/huayi.config.js"></script>
8
+		<link href="../css/Table/table1.css" rel="stylesheet" />
9
+		<link href="../css/init.css" rel="stylesheet" />
10
+		<link rel="stylesheet" href="../css/Quality/bootstrap-editable.css" />
11
+		<script src="../js/Questions/bootstrap-editable.js"></script>
9 12
 		<title></title>
10 13
 		<style>
11
-			table tr{
14
+			table tr {
12 15
 				margin-bottom: 20px;
13 16
 			}
14
-			table tr td{
17
+			
18
+			table tr td {
15 19
 				text-align: left;
16 20
 				padding: 5px;
17 21
 			}
18
-			.Content{
19
-    padding: 10px;
22
+			
23
+			.Content {
24
+				padding: 10px;
20 25
 			}
21
-			.btn{
22
-				    background: #1ab394;
26
+			
27
+			.btn {
28
+				background: #1ab394;
23 29
 			}
24
-			.Btn_box{
30
+			
31
+			.Btn_box {
25 32
 				margin-top: 20px;
26 33
 				color: #fff;
27 34
 			}
28
-			.inpBox select{
35
+			
36
+			.inpBox select {
29 37
 				width: 150px;
30 38
 				padding: 3px 6px;
31 39
 			}
32
-			.F_Remark{
40
+			
41
+			.F_Remark {
33 42
 				width: 100%;
34 43
 			}
35
-		.tab{
36
-			border-bottom: 1px solid #ccc;
37
-		}
44
+			
45
+			.tab {
46
+				border-bottom: 1px solid #ccc;
47
+			}
48
+			
49
+			.Check_box {
50
+				display: none;
51
+			}
38 52
 		</style>
39 53
 	</head>
54
+
40 55
 	<body>
41 56
 		<div>
42 57
 			<div class="Content">
43
-				<div class="tab" >
58
+				<div class="tab">
44 59
 					<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
45 60
 
46 61
 						<tr>
@@ -48,15 +63,17 @@
48 63
 							<td>
49 64
 								<div class="inpBox">
50 65
 									<select name="">
51
-										<option value=""></option>
66
+										<option value="0">问答题</option>
67
+										<option value="1">单选题</option>
52 68
 									</select>
53 69
 								</div>
54 70
 							</td>
55 71
 							<th>指标标题:</th>
56 72
 							<td>
57 73
 								<div class="inpBox">
58
-									<select name="">
59
-										<option value=""></option>
74
+									<select name="" id="CheckQuestion">
75
+										<option value="0">问答题</option>
76
+										<option value="1">单选题</option>
60 77
 									</select>
61 78
 								</div>
62 79
 							</td>
@@ -69,75 +86,109 @@
69 86
 
70 87
 							</td>
71 88
 						</tr>
72
-						
89
+
73 90
 					</table>
74
-					
91
+
75 92
 				</div>
76
-				<div>
93
+				<div class="Check_box">
77 94
 					<h3>试题选项</h3>
78 95
 					<h3 style="font-size: 14px; text-align: right;"><i class="fa fa-plus size-14" id="Add"></i>添加选项</h3>
79 96
 					<table id="tbr" style="width: 100%;">
80
-					<thead>
81
-						<tr>
82
-							<th data-align="center" data-field="id" data-formatter="setCode">序号</th>
83
-							<th data-align="center" data-field="F_CategoryName">选项</th>
84
-							<th data-align="center" data-field="F_Title">操作</th>
85
-						</tr>
86
-					</thead>
87
-					<tbody>
88
-					</tbody>
89
-				</table>
97
+						<thead>
98
+							<tr>
99
+								<th data-align="center" data-field="id" data-formatter="setCode">序号</th>
100
+								<th data-align="center" data-field="F_CategoryName" data-formatter="Check">选项</th>
101
+								<th data-align="center" data-field="F_Title" data-formatter="Remove">操作</th>
102
+							</tr>
103
+						</thead>
104
+						<tbody>
105
+						</tbody>
106
+					</table>
107
+				</div>
108
+				<div style="text-align: center; margin-top: 50px;">
109
+					<button class="btns searchGo size-14">保存</button>
90 110
 				</div>
91 111
 			</div>
92 112
 		</div>
93 113
 		<script>
94
-var $tableLeft = $('#tbr');
95
-		//销毁表格
96
-		$tableLeft.bootstrapTable('destroy');
97
-		//初始化表格,动态从服务器加载数据
98
-		$tableLeft.bootstrapTable({
99
-			method: "get", //使用get请求到服务器获取数据
100
-//			     url: huayi.config.callcenter_url + "IndexBase/GetList",
101
-//			url: "//117.158.196.116:8878/IndexBase/GetList",
102
-			striped: true, //表格显示条纹
103
-			pagination: true, //启动分页
104
-			pageSize: 5, //每页显示的记录数
105
-			pageNumber: 1, //当前第几页
106
-			pageList: [5, 20, 50, 100], //记录数可选列表
107
-			search: false, //是否启用查询
108
-			showColumns: false, //显示下拉框勾选要显示的列
109
-			showRefresh: false, //显示刷新按钮
110
-			sidePagination: "server", //表示服务端请求
111
-			//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
112
-			//设置为limit可以获取limit, offset, search, sort, order
113
-			queryParamsType: "undefined",
114
-			queryParams: function queryParams(params) { //设置查询参数
115
-				var param = {
116
-					page: params.pageNumber,
117
-					pagesize: params.pageSize,
118
-					categoryid:Left_Cids,
119
-					key: Keys
120
-					
121
-				};
122
-				return param;
123
-			},
124
-			onLoadSuccess: function() { //加载成功时执行
125
-				//								layer.msg("加载成功");
126
-			},
127
-			onLoadError: function() { //加载失败时执行
128
-				//layer.msg("加载数据失败", { time: 1500, icon: 2 });
114
+			$(document).ready(function() {
115
+				$("#CheckQuestion").change(function() {
116
+					var ss = $(this).children('option:selected').val();
117
+					if(ss == "1") {
118
+						$(".Check_box").show();
119
+					} else if(ss == "0") {
120
+						$(".Check_box").hide();
121
+					}
122
+				});
123
+
124
+			});
125
+			var $tableLeft = $('#tbr');
126
+			//销毁表格
127
+			$tableLeft.bootstrapTable('destroy');
128
+//			初始化表格,动态从服务器加载数据
129
+			$tableLeft.bootstrapTable({
130
+				method: "get", //使用get请求到服务器获取数据
131
+				//			     url: huayi.config.callcenter_url + "IndexBase/GetList",
132
+				//			url: "//117.158.196.116:8878/IndexBase/GetList",
133
+				striped: true, //表格显示条纹
134
+				pagination: true, //启动分页
135
+				pageSize: 5, //每页显示的记录数
136
+				pageNumber: 1, //当前第几页
137
+				pageList: [5, 20, 50, 100], //记录数可选列表
138
+				search: false, //是否启用查询
139
+				showColumns: false, //显示下拉框勾选要显示的列
140
+				showRefresh: false, //显示刷新按钮
141
+				sidePagination: "server", //表示服务端请求
142
+				//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
143
+				//设置为limit可以获取limit, offset, search, sort, order
144
+				queryParamsType: "undefined",
145
+				queryParams: function queryParams(params) { //设置查询参数
146
+					var param = {
147
+						page: params.pageNumber,
148
+						pagesize: params.pageSize,
149
+						categoryid: Left_Cids,
150
+						key: Keys
151
+
152
+					};
153
+					return param;
154
+				},
155
+				onLoadSuccess: function() { //加载成功时执行
156
+					//								layer.msg("加载成功");
157
+				},
158
+				onLoadError: function() { //加载失败时执行
159
+					//layer.msg("加载数据失败", { time: 1500, icon: 2 });
160
+				}
161
+			});
162
+ 
163
+			//序号
164
+			function setCode(value, row, index) {
165
+				return index + 1;
166
+			}
167
+			//修改
168
+			function Check(value, row, index){
169
+				return'<a title="点击移入"  class="username">'+value+'</a>'
170
+				
129 171
 			}
130
-		});
131
-$("#Add").click(function () {
132
-        var index =  $tableLeft.bootstrapTable('getData').length;
133
-         $tableLeft.bootstrapTable('insertRow', {
134
-            index: index,
135
-            row: {
136
-                id: '',
137
-                wareName: ''
138
-            }
172
+			//操作
173
+			function Remove(value, row, index){
174
+				 return '<div><a title="点击移入" ><i class="fa fa-remove size-14"></i></a></div>'
175
+			}
176
+			$("#Add").click(function() {
177
+				var index = $tableLeft.bootstrapTable('getData').length;
178
+				$tableLeft.bootstrapTable('insertRow', {
179
+					index: index,
180
+					row: {
181
+						id: '测试',
182
+						F_CategoryName: '测试测试'
183
+					}
184
+				});
185
+			});
186
+		
187
+			 	  $('.username').editable({
188
+          
139 189
         });
140
-    });
190
+		
141 191
 		</script>
142 192
 	</body>
143
-</html>
193
+
194
+</html>

+ 294 - 0
CallCenterWeb.UI/Questionnaire/QuestionSetting.html

@@ -0,0 +1,294 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+	<head>
5
+		<meta charset="UTF-8">
6
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
8
+		<link href="../css/bootstrap.min.css" />
9
+		<link href="../css/init.css" rel="stylesheet" />
10
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
11
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
12
+		<link href="../css/animate.min.css" rel="stylesheet">
13
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
14
+		<link href="../css/layer/need/layer.css" />
15
+		<link rel="stylesheet" href="../css/zhibiaoguanli.css" />
16
+		<link rel="stylesheet" href="../css/init.css" />
17
+		<title>问卷设置</title>
18
+		<style>
19
+			.fr {
20
+				float: right;
21
+			}
22
+			
23
+			.fr li {
24
+				float: left;
25
+			}
26
+			
27
+			.size-14 {
28
+				font-size: 14px!important;
29
+			}
30
+			
31
+			.size-16 {
32
+				font-size: 16px;
33
+			}
34
+			
35
+			.anniu i {
36
+				margin-right: 5px;
37
+			}
38
+			
39
+			.x-color {
40
+				width: 100px;
41
+				background-color: #FFF;
42
+				background-image: none;
43
+				border: 1px solid #e5e6e7;
44
+				border-radius: 1px;
45
+				color: inherit;
46
+				padding: 14px 12px;
47
+			}
48
+			
49
+			.inputs {
50
+				border: 1px solid #e5e6e7;
51
+				width: 150px;
52
+				padding: 6px 12px;
53
+			}
54
+			
55
+			#tbr {
56
+				border: 1px solid #ccc;
57
+			}
58
+			
59
+			#tbr td {
60
+				padding: 10px;
61
+				padding: 6px 0 5px 10px;
62
+				text-align: left;
63
+				color: #717171;
64
+				line-height: 200%;
65
+				border-top: 1px dotted #cccccc;
66
+			}
67
+			
68
+			#tbr th {
69
+				border-right: 1px dotted #cccccc;
70
+				border-top: 1px dotted #cccccc;
71
+				background: #f9f9f9;
72
+				text-align: right;
73
+			}
74
+			
75
+			.Back {
76
+				background-color: #D5EDFE;
77
+			}
78
+			
79
+			label {
80
+				margin-right: 10px;
81
+			}
82
+		</style>
83
+	</head>
84
+
85
+	<body>
86
+		<div class="daoHang clearfix">
87
+			<div class="dhLeft">
88
+				<sapn><i class="syIcon"></i>位置:
89
+					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
90
+					<a href="javaScript:;">问卷调查</a>&gt;
91
+					<a href="" style="color: #000;">试题问卷</a>
92
+				</sapn>
93
+			</div>
94
+		</div>
95
+
96
+		<div class='wrap'>
97
+
98
+			<div class="tbleft" style="width: 25%;">
99
+				<h4 style="line-height: 20px;"><i class="fa fa-file-text-o size-14"></i>试题问卷</h4>
100
+				<div class="top clearfix ">
101
+					<div class="fr">
102
+
103
+						<span>&nbsp;关键字:<input class=" inputs" type="text" id="KeyWords" /></span>
104
+						<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
105
+					</div>
106
+
107
+				</div>
108
+				<div class="anniu " class="toolbar1  ">
109
+					<button class="leftAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
110
+					<button class="leftChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
111
+					<button class="leftDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
112
+				</div>
113
+				<table id="tb1">
114
+					<thead>
115
+						<tr>
116
+							<th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
117
+							<th data-align="center" data-field="F_CategoryName">试题分类</th>
118
+							<th data-align="center" data-field="F_CategoryName">问题数量</th>
119
+
120
+						</tr>
121
+					</thead>
122
+					<tbody>
123
+					</tbody>
124
+				</table>
125
+			</div>
126
+			<!--右边/-->
127
+			<div class="tbright" style="width: 70%;">
128
+				<h4 style="line-height: 20px;">问卷信息</h4>
129
+				<table id="tbr" style="width: 100%;">
130
+					<thead>
131
+						<tr>
132
+
133
+							<th>问卷名称:</th>
134
+							<td>问卷说明问卷说明问卷说明问卷说明</td>
135
+
136
+						</tr>
137
+						<tr>
138
+
139
+							<th>问卷说明:</th>
140
+							<td>问卷说明:问卷说明问卷说明问卷说明问卷说明</td>
141
+
142
+						</tr>
143
+					</thead>
144
+					<tbody>
145
+						<tr class="Back">
146
+							<td colspan="2">
147
+								<h3 class="size-14">1、对我们的产品是否满意? </h3>
148
+							</td>
149
+						</tr>
150
+						<tr>
151
+							<td colspan="2">
152
+								<div class="Message_box">
153
+									<label style="font-weight: normal;"><input type="radio" value="537" name="ltype" checked="checked"> 一般</label>
154
+									<label style="font-weight: normal;"><input type="radio" value="538" name="ltype" checked="checked"> 满意</label>
155
+									<label style="font-weight: normal;"><input type="radio" value="539" name="ltype" checked="checked">不满意</label>
156
+								</div>
157
+							</td>
158
+						</tr>
159
+						<tr class="Back">
160
+							<td colspan="2">
161
+								<h3 class="size-14">2、您好,你是?  </h3>
162
+							</td>
163
+						</tr>
164
+						<tr>
165
+							<td colspan="2">
166
+								<div class="Message_box">
167
+									<textarea name="" rows="" cols="" style="width: 100%;"></textarea>
168
+								</div>
169
+							</td>
170
+						</tr>
171
+					</tbody>
172
+				</table>
173
+			</div>
174
+		</div>
175
+		<div class="model">
176
+			<!--右边弹框-->
177
+			<div class="rightBox">
178
+				<div class="btop clearfix">
179
+					<p class="rbtl">&nbsp;&nbsp;<span class="tps" style="color: red;"></span></p>
180
+					<p class="rbtr" title="关闭">X</p>
181
+
182
+				</div>
183
+
184
+				<div class="sqzx">
185
+					<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
186
+						<tr>
187
+							<th>所属分类:</th>
188
+							<td>
189
+								<div class="inpBox">
190
+									<input type="text" class="inps  inps2 _CategoryName tree" id="clbmname" />
191
+									<input type="hidden" class="inps" id="zrbm" />
192
+									<i class="xl xl_two"></i>
193
+									<b class="de_icon">X</b>
194
+									<div class="addTree">
195
+										<ul id="clbmtree" class="ztree"></ul>
196
+									</div>
197
+								</div>
198
+							</td>
199
+						</tr>
200
+						<tr>
201
+							<th>指标标题:</th>
202
+							<td>
203
+								<div class="inpBox">
204
+									<input type="text" class="inps  inps2 F_Title" />
205
+								</div>
206
+							</td>
207
+						</tr>
208
+						<tr>
209
+							<th>指标描述:</th>
210
+							<td colspan="5">
211
+
212
+								<textarea name="" rows="3" cols="20" class="F_Remark"></textarea>
213
+
214
+							</td>
215
+						</tr>
216
+						<tr>
217
+							<th>指标分值:</th>
218
+							<td>
219
+								<div class="inpBox">
220
+									<input type="text" class="inps  inps2 _Score" />
221
+								</div>
222
+							</td>
223
+						</tr>
224
+						<tr>
225
+							<th>排列序号:</th>
226
+							<td>
227
+								<div class="inpBox">
228
+									<input type="text" class="inps  inps2 _Sort" />
229
+								</div>
230
+							</td>
231
+						</tr>
232
+					</table>
233
+					<div class="btn_">
234
+						<input type="button" value="保存" class="btns" id="xg_btn" />
235
+						<input type="button" value="保存" class="btns" id="add" />
236
+					</div>
237
+				</div>
238
+			</div>
239
+			<!--左边弹框-->
240
+			<div class="leftBox">
241
+				<div class="btop clearfix">
242
+					<p class="rbtl">&nbsp;&nbsp;<span class="tps" style="color: red;"></span></p>
243
+					<p class="rbtr" title="关闭">X</p>
244
+
245
+				</div>
246
+
247
+				<div class="sqzx">
248
+					<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
249
+						<tr>
250
+							<th>所属分类:</th>
251
+							<td>
252
+								<div class="inpBox">
253
+									<select name="" id="Left_ParentId">
254
+
255
+									</select>
256
+								</div>
257
+							</td>
258
+						</tr>
259
+						<tr>
260
+							<th>分类名称:</th>
261
+							<td>
262
+								<div class="inpBox">
263
+									<input type="text" class="inps  inps2 " id="Left_CategoryName" />
264
+								</div>
265
+							</td>
266
+						</tr>
267
+						<tr>
268
+							<th>排列序号:</th>
269
+							<td>
270
+								<div class="inpBox">
271
+									<input type="text" class="inps  inps2 " id="Left_Sort" />
272
+								</div>
273
+							</td>
274
+						</tr>
275
+					</table>
276
+					<div class="btn_">
277
+						<input type="button" value="保存" class="btns" id="Left_xgbtn" />
278
+						<input type="button" value="保存" class="btns" id="Left_add" />
279
+					</div>
280
+				</div>
281
+			</div>
282
+		</div>
283
+	</body>
284
+	<script src="../js/jquery.min.js?v=2.1.4"></script>
285
+	<script src="../js/bootstrap.min.js"></script>
286
+	<script src="../js/bootstrap-table.js"></script>
287
+	<script src="../js/bootstrap-table-zh-CN.js"></script>
288
+	<script src="../Script/Common/huayi.load.js"></script>
289
+	<script src="../Script/Common/huayi.config.js"></script>
290
+	<script src="../js/jquery.cookie.js"></script>
291
+	<script src="../css/layer/layer.js"></script>
292
+	<script src="../js/Questions/QuestionSetting.js"></script>
293
+
294
+</html>

+ 24 - 23
CallCenterWeb.UI/Questionnaire/QuestionsManagement.html

@@ -14,16 +14,15 @@
14 14
 		<link href="../css/layer/need/layer.css" />
15 15
 		<link rel="stylesheet" href="../css/zhibiaoguanli.css" />
16 16
 		<link rel="stylesheet" href="../css/init.css" />
17
-		<title>指标管理</title>
17
+		<title>问卷调查</title>
18 18
 		<style>
19
-
20
-			.fr{
19
+			.fr {
21 20
 				float: right;
22 21
 			}
23
-			.fr li{
22
+			
23
+			.fr li {
24 24
 				float: left;
25 25
 			}
26
-		
27 26
 			
28 27
 			.size-14 {
29 28
 				font-size: 14px!important;
@@ -36,20 +35,22 @@
36 35
 			.anniu i {
37 36
 				margin-right: 5px;
38 37
 			}
38
+			
39 39
 			.x-color {
40
-    width: 100px;
41
-    background-color: #FFF;
42
-    background-image: none;
43
-    border: 1px solid #e5e6e7;
44
-    border-radius: 1px;
45
-    color: inherit;
46
-    padding: 14px 12px;
47
-}
48
-.inputs{
49
-	 border: 1px solid #e5e6e7;
50
-	  width: 150px;
51
-	    padding: 6px 12px;
52
-}
40
+				width: 100px;
41
+				background-color: #FFF;
42
+				background-image: none;
43
+				border: 1px solid #e5e6e7;
44
+				border-radius: 1px;
45
+				color: inherit;
46
+				padding: 14px 12px;
47
+			}
48
+			
49
+			.inputs {
50
+				border: 1px solid #e5e6e7;
51
+				width: 150px;
52
+				padding: 6px 12px;
53
+			}
53 54
 		</style>
54 55
 	</head>
55 56
 
@@ -58,8 +59,8 @@
58 59
 			<div class="dhLeft">
59 60
 				<sapn><i class="syIcon"></i>位置:
60 61
 					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
61
-					<a href="javaScript:;">质检管理</a>&gt;
62
-					<a href="" style="color: #000;">指标管理</a>
62
+					<a href="javaScript:;">问卷调查</a>&gt;
63
+					<a href="" style="color: #000;">试题管理</a>
63 64
 				</sapn>
64 65
 			</div>
65 66
 		</div>
@@ -73,10 +74,10 @@
73 74
 						<option value="">所有试题</option>
74 75
 					</select>
75 76
 				</span>
76
-			<span>&nbsp;关键字:<input class=" inputs" type="text" id="KeyWords" /></span>
77
-					<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
77
+				<span>&nbsp;关键字:<input class=" inputs" type="text" id="KeyWords" /></span>
78
+				<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
78 79
 			</div>
79
-			
80
+
80 81
 		</div>
81 82
 		<div class='wrap'>
82 83
 			<div class="tbleft">

+ 663 - 0
CallCenterWeb.UI/css/Quality/bootstrap-editable.css

@@ -0,0 +1,663 @@
1
+/*! X-editable - v1.5.1 
2
+* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
3
+* http://github.com/vitalets/x-editable
4
+* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
5
+.editableform {
6
+    margin-bottom: 0; /* overwrites bootstrap margin */
7
+}
8
+
9
+.editableform .control-group {
10
+    margin-bottom: 0; /* overwrites bootstrap margin */
11
+    white-space: nowrap; /* prevent wrapping buttons on new line */
12
+    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
13
+}
14
+
15
+/* 
16
+  BS3 width:1005 for inputs breaks editable form in popup 
17
+  See: https://github.com/vitalets/x-editable/issues/393
18
+*/
19
+.editableform .form-control {
20
+    width: auto;
21
+}
22
+
23
+.editable-buttons {
24
+   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
25
+   vertical-align: top;
26
+   margin-left: 7px;
27
+   /* inline-block emulation for IE7*/
28
+   zoom: 1; 
29
+   *display: inline;
30
+}
31
+
32
+.editable-buttons.editable-buttons-bottom {
33
+   display: block; 
34
+   margin-top: 7px;
35
+   margin-left: 0;
36
+}
37
+
38
+.editable-input {
39
+    vertical-align: top; 
40
+    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
41
+    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
42
+    white-space: normal; /* reset white-space decalred in parent*/
43
+   /* display-inline emulation for IE7*/
44
+   zoom: 1; 
45
+   *display: inline;   
46
+}
47
+
48
+.editable-buttons .editable-cancel {
49
+   margin-left: 7px; 
50
+}
51
+
52
+/*for jquery-ui buttons need set height to look more pretty*/
53
+.editable-buttons button.ui-button-icon-only {
54
+   height: 24px; 
55
+   width: 30px;
56
+}
57
+
58
+.editableform-loading {
59
+    background: url('../img/loading.gif') center center no-repeat;  
60
+    height: 25px;
61
+    width: auto; 
62
+    min-width: 25px; 
63
+}
64
+
65
+.editable-inline .editableform-loading {
66
+    background-position: left 5px;      
67
+}
68
+
69
+ .editable-error-block {
70
+    max-width: 300px;
71
+    margin: 5px 0 0 0;
72
+    width: auto;
73
+    white-space: normal;
74
+}
75
+
76
+/*add padding for jquery ui*/
77
+.editable-error-block.ui-state-error {
78
+    padding: 3px;  
79
+}  
80
+
81
+.editable-error {
82
+   color: red;  
83
+}
84
+
85
+/* ---- For specific types ---- */
86
+
87
+.editableform .editable-date {
88
+    padding: 0; 
89
+    margin: 0;
90
+    float: left;
91
+}
92
+
93
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
94
+.editable-inline .add-on .icon-th {
95
+   margin-top: 3px;
96
+   margin-left: 1px; 
97
+}
98
+
99
+
100
+/* checklist vertical alignment */
101
+.editable-checklist label input[type="checkbox"], 
102
+.editable-checklist label span {
103
+    vertical-align: middle;
104
+    margin: 0;
105
+}
106
+
107
+.editable-checklist label {
108
+    white-space: nowrap; 
109
+}
110
+
111
+/* set exact width of textarea to fit buttons toolbar */
112
+.editable-wysihtml5 {
113
+    width: 566px; 
114
+    height: 250px; 
115
+}
116
+
117
+/* clear button shown as link in date inputs */
118
+.editable-clear {
119
+   clear: both;
120
+   font-size: 0.9em;
121
+   text-decoration: none;
122
+   text-align: right;
123
+}
124
+
125
+/* IOS-style clear button for text inputs */
126
+.editable-clear-x {
127
+   background: url('../img/clear.png') center center no-repeat;
128
+   display: block;
129
+   width: 13px;    
130
+   height: 13px;
131
+   position: absolute;
132
+   opacity: 0.6;
133
+   z-index: 100;
134
+   
135
+   top: 50%;
136
+   right: 6px;
137
+   margin-top: -6px;
138
+   
139
+}
140
+
141
+.editable-clear-x:hover {
142
+   opacity: 1;
143
+}
144
+
145
+.editable-pre-wrapped {
146
+   white-space: pre-wrap;
147
+}
148
+.editable-container.editable-popup {
149
+    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
150
+}  
151
+
152
+.editable-container.popover {
153
+    width: auto; /* without this rule popover does not stretch */
154
+}
155
+
156
+.editable-container.editable-inline {
157
+    display: inline-block; 
158
+    vertical-align: middle;
159
+    width: auto;
160
+    /* inline-block emulation for IE7*/
161
+    zoom: 1; 
162
+    *display: inline;    
163
+}
164
+
165
+.editable-container.ui-widget {
166
+   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
167
+   z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
168
+}
169
+.editable-click, 
170
+a.editable-click, 
171
+a.editable-click:hover {
172
+    text-decoration: none;
173
+    border-bottom: dashed 1px #0088cc;
174
+}
175
+
176
+.editable-click.editable-disabled, 
177
+a.editable-click.editable-disabled, 
178
+a.editable-click.editable-disabled:hover {
179
+   color: #585858;  
180
+   cursor: default;
181
+   border-bottom: none;
182
+}
183
+
184
+.editable-empty, .editable-empty:hover, .editable-empty:focus{
185
+  font-style: italic; 
186
+  color: #DD1144;  
187
+  /* border-bottom: none; */
188
+  text-decoration: none;
189
+}
190
+
191
+.editable-unsaved {
192
+  font-weight: bold; 
193
+}
194
+
195
+.editable-unsaved:after {
196
+/*    content: '*'*/
197
+}
198
+
199
+.editable-bg-transition {
200
+  -webkit-transition: background-color 1400ms ease-out;
201
+  -moz-transition: background-color 1400ms ease-out;
202
+  -o-transition: background-color 1400ms ease-out;
203
+  -ms-transition: background-color 1400ms ease-out;
204
+  transition: background-color 1400ms ease-out;  
205
+}
206
+
207
+/*see https://github.com/vitalets/x-editable/issues/139 */
208
+.form-horizontal .editable
209
+{ 
210
+    padding-top: 5px;
211
+    display:inline-block;
212
+}
213
+
214
+
215
+/*!
216
+ * Datepicker for Bootstrap
217
+ *
218
+ * Copyright 2012 Stefan Petre
219
+ * Improvements by Andrew Rowls
220
+ * Licensed under the Apache License v2.0
221
+ * http://www.apache.org/licenses/LICENSE-2.0
222
+ *
223
+ */
224
+.datepicker {
225
+  padding: 4px;
226
+  -webkit-border-radius: 4px;
227
+  -moz-border-radius: 4px;
228
+  border-radius: 4px;
229
+  direction: ltr;
230
+  /*.dow {
231
+		border-top: 1px solid #ddd !important;
232
+	}*/
233
+
234
+}
235
+.datepicker-inline {
236
+  width: 220px;
237
+}
238
+.datepicker.datepicker-rtl {
239
+  direction: rtl;
240
+}
241
+.datepicker.datepicker-rtl table tr td span {
242
+  float: right;
243
+}
244
+.datepicker-dropdown {
245
+  top: 0;
246
+  left: 0;
247
+}
248
+.datepicker-dropdown:before {
249
+  content: '';
250
+  display: inline-block;
251
+  border-left: 7px solid transparent;
252
+  border-right: 7px solid transparent;
253
+  border-bottom: 7px solid #ccc;
254
+  border-bottom-color: rgba(0, 0, 0, 0.2);
255
+  position: absolute;
256
+  top: -7px;
257
+  left: 6px;
258
+}
259
+.datepicker-dropdown:after {
260
+  content: '';
261
+  display: inline-block;
262
+  border-left: 6px solid transparent;
263
+  border-right: 6px solid transparent;
264
+  border-bottom: 6px solid #ffffff;
265
+  position: absolute;
266
+  top: -6px;
267
+  left: 7px;
268
+}
269
+.datepicker > div {
270
+  display: none;
271
+}
272
+.datepicker.days div.datepicker-days {
273
+  display: block;
274
+}
275
+.datepicker.months div.datepicker-months {
276
+  display: block;
277
+}
278
+.datepicker.years div.datepicker-years {
279
+  display: block;
280
+}
281
+.datepicker table {
282
+  margin: 0;
283
+}
284
+.datepicker td,
285
+.datepicker th {
286
+  text-align: center;
287
+  width: 20px;
288
+  height: 20px;
289
+  -webkit-border-radius: 4px;
290
+  -moz-border-radius: 4px;
291
+  border-radius: 4px;
292
+  border: none;
293
+}
294
+.table-striped .datepicker table tr td,
295
+.table-striped .datepicker table tr th {
296
+  background-color: transparent;
297
+}
298
+.datepicker table tr td.day:hover {
299
+  background: #eeeeee;
300
+  cursor: pointer;
301
+}
302
+.datepicker table tr td.old,
303
+.datepicker table tr td.new {
304
+  color: #999999;
305
+}
306
+.datepicker table tr td.disabled,
307
+.datepicker table tr td.disabled:hover {
308
+  background: none;
309
+  color: #999999;
310
+  cursor: default;
311
+}
312
+.datepicker table tr td.today,
313
+.datepicker table tr td.today:hover,
314
+.datepicker table tr td.today.disabled,
315
+.datepicker table tr td.today.disabled:hover {
316
+  background-color: #fde19a;
317
+  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
318
+  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
319
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
320
+  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
321
+  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
322
+  background-image: linear-gradient(top, #fdd49a, #fdf59a);
323
+  background-repeat: repeat-x;
324
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
325
+  border-color: #fdf59a #fdf59a #fbed50;
326
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
327
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
328
+  color: #000;
329
+}
330
+.datepicker table tr td.today:hover,
331
+.datepicker table tr td.today:hover:hover,
332
+.datepicker table tr td.today.disabled:hover,
333
+.datepicker table tr td.today.disabled:hover:hover,
334
+.datepicker table tr td.today:active,
335
+.datepicker table tr td.today:hover:active,
336
+.datepicker table tr td.today.disabled:active,
337
+.datepicker table tr td.today.disabled:hover:active,
338
+.datepicker table tr td.today.active,
339
+.datepicker table tr td.today:hover.active,
340
+.datepicker table tr td.today.disabled.active,
341
+.datepicker table tr td.today.disabled:hover.active,
342
+.datepicker table tr td.today.disabled,
343
+.datepicker table tr td.today:hover.disabled,
344
+.datepicker table tr td.today.disabled.disabled,
345
+.datepicker table tr td.today.disabled:hover.disabled,
346
+.datepicker table tr td.today[disabled],
347
+.datepicker table tr td.today:hover[disabled],
348
+.datepicker table tr td.today.disabled[disabled],
349
+.datepicker table tr td.today.disabled:hover[disabled] {
350
+  background-color: #fdf59a;
351
+}
352
+.datepicker table tr td.today:active,
353
+.datepicker table tr td.today:hover:active,
354
+.datepicker table tr td.today.disabled:active,
355
+.datepicker table tr td.today.disabled:hover:active,
356
+.datepicker table tr td.today.active,
357
+.datepicker table tr td.today:hover.active,
358
+.datepicker table tr td.today.disabled.active,
359
+.datepicker table tr td.today.disabled:hover.active {
360
+  background-color: #fbf069 \9;
361
+}
362
+.datepicker table tr td.today:hover:hover {
363
+  color: #000;
364
+}
365
+.datepicker table tr td.today.active:hover {
366
+  color: #fff;
367
+}
368
+.datepicker table tr td.range,
369
+.datepicker table tr td.range:hover,
370
+.datepicker table tr td.range.disabled,
371
+.datepicker table tr td.range.disabled:hover {
372
+  background: #eeeeee;
373
+  -webkit-border-radius: 0;
374
+  -moz-border-radius: 0;
375
+  border-radius: 0;
376
+}
377
+.datepicker table tr td.range.today,
378
+.datepicker table tr td.range.today:hover,
379
+.datepicker table tr td.range.today.disabled,
380
+.datepicker table tr td.range.today.disabled:hover {
381
+  background-color: #f3d17a;
382
+  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
383
+  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
384
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
385
+  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
386
+  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
387
+  background-image: linear-gradient(top, #f3c17a, #f3e97a);
388
+  background-repeat: repeat-x;
389
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
390
+  border-color: #f3e97a #f3e97a #edde34;
391
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
392
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
393
+  -webkit-border-radius: 0;
394
+  -moz-border-radius: 0;
395
+  border-radius: 0;
396
+}
397
+.datepicker table tr td.range.today:hover,
398
+.datepicker table tr td.range.today:hover:hover,
399
+.datepicker table tr td.range.today.disabled:hover,
400
+.datepicker table tr td.range.today.disabled:hover:hover,
401
+.datepicker table tr td.range.today:active,
402
+.datepicker table tr td.range.today:hover:active,
403
+.datepicker table tr td.range.today.disabled:active,
404
+.datepicker table tr td.range.today.disabled:hover:active,
405
+.datepicker table tr td.range.today.active,
406
+.datepicker table tr td.range.today:hover.active,
407
+.datepicker table tr td.range.today.disabled.active,
408
+.datepicker table tr td.range.today.disabled:hover.active,
409
+.datepicker table tr td.range.today.disabled,
410
+.datepicker table tr td.range.today:hover.disabled,
411
+.datepicker table tr td.range.today.disabled.disabled,
412
+.datepicker table tr td.range.today.disabled:hover.disabled,
413
+.datepicker table tr td.range.today[disabled],
414
+.datepicker table tr td.range.today:hover[disabled],
415
+.datepicker table tr td.range.today.disabled[disabled],
416
+.datepicker table tr td.range.today.disabled:hover[disabled] {
417
+  background-color: #f3e97a;
418
+}
419
+.datepicker table tr td.range.today:active,
420
+.datepicker table tr td.range.today:hover:active,
421
+.datepicker table tr td.range.today.disabled:active,
422
+.datepicker table tr td.range.today.disabled:hover:active,
423
+.datepicker table tr td.range.today.active,
424
+.datepicker table tr td.range.today:hover.active,
425
+.datepicker table tr td.range.today.disabled.active,
426
+.datepicker table tr td.range.today.disabled:hover.active {
427
+  background-color: #efe24b \9;
428
+}
429
+.datepicker table tr td.selected,
430
+.datepicker table tr td.selected:hover,
431
+.datepicker table tr td.selected.disabled,
432
+.datepicker table tr td.selected.disabled:hover {
433
+  background-color: #9e9e9e;
434
+  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
435
+  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
436
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
437
+  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
438
+  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
439
+  background-image: linear-gradient(top, #b3b3b3, #808080);
440
+  background-repeat: repeat-x;
441
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
442
+  border-color: #808080 #808080 #595959;
443
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
444
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
445
+  color: #fff;
446
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
447
+}
448
+.datepicker table tr td.selected:hover,
449
+.datepicker table tr td.selected:hover:hover,
450
+.datepicker table tr td.selected.disabled:hover,
451
+.datepicker table tr td.selected.disabled:hover:hover,
452
+.datepicker table tr td.selected:active,
453
+.datepicker table tr td.selected:hover:active,
454
+.datepicker table tr td.selected.disabled:active,
455
+.datepicker table tr td.selected.disabled:hover:active,
456
+.datepicker table tr td.selected.active,
457
+.datepicker table tr td.selected:hover.active,
458
+.datepicker table tr td.selected.disabled.active,
459
+.datepicker table tr td.selected.disabled:hover.active,
460
+.datepicker table tr td.selected.disabled,
461
+.datepicker table tr td.selected:hover.disabled,
462
+.datepicker table tr td.selected.disabled.disabled,
463
+.datepicker table tr td.selected.disabled:hover.disabled,
464
+.datepicker table tr td.selected[disabled],
465
+.datepicker table tr td.selected:hover[disabled],
466
+.datepicker table tr td.selected.disabled[disabled],
467
+.datepicker table tr td.selected.disabled:hover[disabled] {
468
+  background-color: #808080;
469
+}
470
+.datepicker table tr td.selected:active,
471
+.datepicker table tr td.selected:hover:active,
472
+.datepicker table tr td.selected.disabled:active,
473
+.datepicker table tr td.selected.disabled:hover:active,
474
+.datepicker table tr td.selected.active,
475
+.datepicker table tr td.selected:hover.active,
476
+.datepicker table tr td.selected.disabled.active,
477
+.datepicker table tr td.selected.disabled:hover.active {
478
+  background-color: #666666 \9;
479
+}
480
+.datepicker table tr td.active,
481
+.datepicker table tr td.active:hover,
482
+.datepicker table tr td.active.disabled,
483
+.datepicker table tr td.active.disabled:hover {
484
+  background-color: #006dcc;
485
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
486
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
487
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
488
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
489
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
490
+  background-image: linear-gradient(top, #0088cc, #0044cc);
491
+  background-repeat: repeat-x;
492
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
493
+  border-color: #0044cc #0044cc #002a80;
494
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
495
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
496
+  color: #fff;
497
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
498
+}
499
+.datepicker table tr td.active:hover,
500
+.datepicker table tr td.active:hover:hover,
501
+.datepicker table tr td.active.disabled:hover,
502
+.datepicker table tr td.active.disabled:hover:hover,
503
+.datepicker table tr td.active:active,
504
+.datepicker table tr td.active:hover:active,
505
+.datepicker table tr td.active.disabled:active,
506
+.datepicker table tr td.active.disabled:hover:active,
507
+.datepicker table tr td.active.active,
508
+.datepicker table tr td.active:hover.active,
509
+.datepicker table tr td.active.disabled.active,
510
+.datepicker table tr td.active.disabled:hover.active,
511
+.datepicker table tr td.active.disabled,
512
+.datepicker table tr td.active:hover.disabled,
513
+.datepicker table tr td.active.disabled.disabled,
514
+.datepicker table tr td.active.disabled:hover.disabled,
515
+.datepicker table tr td.active[disabled],
516
+.datepicker table tr td.active:hover[disabled],
517
+.datepicker table tr td.active.disabled[disabled],
518
+.datepicker table tr td.active.disabled:hover[disabled] {
519
+  background-color: #0044cc;
520
+}
521
+.datepicker table tr td.active:active,
522
+.datepicker table tr td.active:hover:active,
523
+.datepicker table tr td.active.disabled:active,
524
+.datepicker table tr td.active.disabled:hover:active,
525
+.datepicker table tr td.active.active,
526
+.datepicker table tr td.active:hover.active,
527
+.datepicker table tr td.active.disabled.active,
528
+.datepicker table tr td.active.disabled:hover.active {
529
+  background-color: #003399 \9;
530
+}
531
+.datepicker table tr td span {
532
+  display: block;
533
+  width: 23%;
534
+  height: 54px;
535
+  line-height: 54px;
536
+  float: left;
537
+  margin: 1%;
538
+  cursor: pointer;
539
+  -webkit-border-radius: 4px;
540
+  -moz-border-radius: 4px;
541
+  border-radius: 4px;
542
+}
543
+.datepicker table tr td span:hover {
544
+  background: #eeeeee;
545
+}
546
+.datepicker table tr td span.disabled,
547
+.datepicker table tr td span.disabled:hover {
548
+  background: none;
549
+  color: #999999;
550
+  cursor: default;
551
+}
552
+.datepicker table tr td span.active,
553
+.datepicker table tr td span.active:hover,
554
+.datepicker table tr td span.active.disabled,
555
+.datepicker table tr td span.active.disabled:hover {
556
+  background-color: #006dcc;
557
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
558
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
559
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
560
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
561
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
562
+  background-image: linear-gradient(top, #0088cc, #0044cc);
563
+  background-repeat: repeat-x;
564
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
565
+  border-color: #0044cc #0044cc #002a80;
566
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
567
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
568
+  color: #fff;
569
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
570
+}
571
+.datepicker table tr td span.active:hover,
572
+.datepicker table tr td span.active:hover:hover,
573
+.datepicker table tr td span.active.disabled:hover,
574
+.datepicker table tr td span.active.disabled:hover:hover,
575
+.datepicker table tr td span.active:active,
576
+.datepicker table tr td span.active:hover:active,
577
+.datepicker table tr td span.active.disabled:active,
578
+.datepicker table tr td span.active.disabled:hover:active,
579
+.datepicker table tr td span.active.active,
580
+.datepicker table tr td span.active:hover.active,
581
+.datepicker table tr td span.active.disabled.active,
582
+.datepicker table tr td span.active.disabled:hover.active,
583
+.datepicker table tr td span.active.disabled,
584
+.datepicker table tr td span.active:hover.disabled,
585
+.datepicker table tr td span.active.disabled.disabled,
586
+.datepicker table tr td span.active.disabled:hover.disabled,
587
+.datepicker table tr td span.active[disabled],
588
+.datepicker table tr td span.active:hover[disabled],
589
+.datepicker table tr td span.active.disabled[disabled],
590
+.datepicker table tr td span.active.disabled:hover[disabled] {
591
+  background-color: #0044cc;
592
+}
593
+.datepicker table tr td span.active:active,
594
+.datepicker table tr td span.active:hover:active,
595
+.datepicker table tr td span.active.disabled:active,
596
+.datepicker table tr td span.active.disabled:hover:active,
597
+.datepicker table tr td span.active.active,
598
+.datepicker table tr td span.active:hover.active,
599
+.datepicker table tr td span.active.disabled.active,
600
+.datepicker table tr td span.active.disabled:hover.active {
601
+  background-color: #003399 \9;
602
+}
603
+.datepicker table tr td span.old,
604
+.datepicker table tr td span.new {
605
+  color: #999999;
606
+}
607
+.datepicker th.datepicker-switch {
608
+  width: 145px;
609
+}
610
+.datepicker thead tr:first-child th,
611
+.datepicker tfoot tr th {
612
+  cursor: pointer;
613
+}
614
+.datepicker thead tr:first-child th:hover,
615
+.datepicker tfoot tr th:hover {
616
+  background: #eeeeee;
617
+}
618
+.datepicker .cw {
619
+  font-size: 10px;
620
+  width: 12px;
621
+  padding: 0 2px 0 5px;
622
+  vertical-align: middle;
623
+}
624
+.datepicker thead tr:first-child th.cw {
625
+  cursor: default;
626
+  background-color: transparent;
627
+}
628
+.input-append.date .add-on i,
629
+.input-prepend.date .add-on i {
630
+  display: block;
631
+  cursor: pointer;
632
+  width: 16px;
633
+  height: 16px;
634
+}
635
+.input-daterange input {
636
+  text-align: center;
637
+}
638
+.input-daterange input:first-child {
639
+  -webkit-border-radius: 3px 0 0 3px;
640
+  -moz-border-radius: 3px 0 0 3px;
641
+  border-radius: 3px 0 0 3px;
642
+}
643
+.input-daterange input:last-child {
644
+  -webkit-border-radius: 0 3px 3px 0;
645
+  -moz-border-radius: 0 3px 3px 0;
646
+  border-radius: 0 3px 3px 0;
647
+}
648
+.input-daterange .add-on {
649
+  display: inline-block;
650
+  width: auto;
651
+  min-width: 16px;
652
+  height: 18px;
653
+  padding: 4px 5px;
654
+  font-weight: normal;
655
+  line-height: 18px;
656
+  text-align: center;
657
+  text-shadow: 0 1px 0 #ffffff;
658
+  vertical-align: middle;
659
+  background-color: #eeeeee;
660
+  border: 1px solid #ccc;
661
+  margin-left: -5px;
662
+  margin-right: -5px;
663
+}

+ 354 - 0
CallCenterWeb.UI/js/Questions/QuestionSetting.js

@@ -0,0 +1,354 @@
1
+
2
+	var keys;
3
+	var Cids; //分类id
4
+	var ids; //指标id
5
+	var CategoryName; //分类名称
6
+	var Sort; //排序
7
+	var Score; //分数
8
+	var Title; //标题
9
+	var Remark; //备注
10
+	var Pid; //父id
11
+	var Left_Cids;
12
+	var Left_Sort;
13
+	var Left_Score;
14
+	var Left_Pid;
15
+	var $tableLeft = $('#tbr');
16
+	var $tableLeft1 = $('#tb1');  
17
+	var token=$.cookie("token");
18
+	IndexCategoryGe();
19
+	Select();
20
+	//所有指标
21
+	$(".rightAll").click(function() {
22
+		Finish();
23
+		
24
+	});
25
+	//搜索功能
26
+	$(".sear").click(function() {
27
+		keys = escape();
28
+		Finish(keys);
29
+	});
30
+	//*删除*/
31
+	$(".inpBox").hover(function(event) {
32
+		$(this).children(".de_icon").show();
33
+		event.stopPropagation();
34
+	}, function() {
35
+		$(this).children(".de_icon").hide();
36
+	});
37
+	$(".de_icon").click(function(event) {
38
+		event.stopPropagation();
39
+		$(this).siblings("input").eq(0).val("");
40
+		$(this).siblings("input").eq(1).val("");
41
+
42
+		if($(this).siblings("div").find("ul").attr("id") == "zrbmtree") {
43
+			getRY($(".zrid"), $("#zrbm").val());
44
+		}
45
+
46
+	});
47
+	$(".inpBox").mouseleave(function() {
48
+		$(this).children(".addTree").hide();
49
+	})
50
+	$(".xl").click(function() {
51
+		if($(this).parent().find(".addTree").is(":hidden")) {
52
+			$(this).parent().find(".addTree").show();
53
+		} else {
54
+			$(this).parent().find(".addTree").hide();
55
+		}
56
+	});
57
+	//清空选项
58
+	function Clean() {
59
+		$(".model").hide();
60
+		$("._CategoryName").val("");
61
+		$("._Score").val('');
62
+		$("._Sort").val('');
63
+		$(".F_Title").val('');
64
+		$(".F_Remark").val('');
65
+	}
66
+	
67
+	
68
+	///////////////////////////////////左边表格
69
+	 /*获取选中行对象*/
70
+	$tableLeft1.on("click-row.bs.table", function(e, row, ele) {
71
+		$('.success').removeClass('success'); //去除之前选中的行的,选中样式
72
+		$(ele).addClass('success'); //添加当前选中的 success样式用于区别
73
+		Left_Cids = row.F_CategoryId; //分类ID
74
+//		ids = row.F_IndexId; //指标ID
75
+//		CategoryName = row.F_CategoryName; //分类名称
76
+//		Sort = row.F_Sort; //排序
77
+console.log(row.F_ParentId);
78
+		Left_Pid = row.F_ParentId; //父id
79
+		console.log(Left_Pid,Left_Cids);
80
+		Right(Left_Cids);
81
+	});
82
+	//获取指标分类列表	
83
+	function IndexCategoryGe(){
84
+		//销毁表格
85
+		$tableLeft1.bootstrapTable('destroy');
86
+		//初始化表格,动态从服务器加载数据
87
+		$tableLeft1.bootstrapTable({
88
+			method: "get", //使用get请求到服务器获取数据
89
+			
90
+			      url: huayi.config.callcenter_url + "IndexCategory/GetList",
91
+			//url: "//117.158.196.116:8878/IndexCategory/GetList",
92
+			striped: true, //表格显示条纹
93
+			pagination: true, //启动分页
94
+			pageSize: 5, //每页显示的记录数
95
+			pageNumber: 1, //当前第几页
96
+			pageList: [5, 20, 50, 100], //记录数可选列表
97
+			search: false, //是否启用查询
98
+			showColumns: false, //显示下拉框勾选要显示的列
99
+			showRefresh: false, //显示刷新按钮
100
+			sidePagination: "server", //表示服务端请求
101
+			//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
102
+			//设置为limit可以获取limit, offset, search, sort, order
103
+			queryParamsType: "undefined",
104
+			queryParams: function queryParams(params) { //设置查询参数
105
+				var param = {
106
+					page: params.pageNumber,
107
+					pagesize: params.pageSize,
108
+					token:token
109
+				};
110
+				return param;
111
+			},
112
+			onLoadSuccess: function() { //加载成功时执行
113
+				//								layer.msg("加载成功");
114
+			},
115
+			onLoadError: function() { //加载失败时执行
116
+				//layer.msg("加载数据失败", { time: 1500, icon: 2 });
117
+			}
118
+		});
119
+	}
120
+	//删除
121
+	$('.leftDelete').click(function() {
122
+		if(Left_Cids) {
123
+			DelIndexCategory(Left_Cids);
124
+		} else {
125
+			layer.msg('没有可删除的选项!');
126
+
127
+		}
128
+	})
129
+ //删除功能
130
+ function DelIndexCategory(Left_Cids){
131
+ 	$.ajax({
132
+			type: "get",
133
+			     url: huayi.config.callcenter_url + "IndexCategory/DelIndexCategory",
134
+			//url: '//117.158.196.116:8878/IndexCategory/DelIndexCategory',
135
+			dataType: 'json',
136
+			data: {
137
+				id: Left_Cids
138
+			},
139
+			async: true,
140
+			success: function(data) {
141
+				layer.msg("删除成功");
142
+				IndexCategoryGe();
143
+			}
144
+		});
145
+ }
146
+ ///修改功能
147
+ 	$(".leftChange ").click(function() {
148
+		if(Left_Cids) {
149
+			layer.open({
150
+                    type: 2,
151
+                    content: "../Questionnaire/modify.html", //iframe的url,no代表不显示滚动条
152
+                    title: '修改分类',
153
+                    area: ['35%', '30%'], //宽高
154
+               });
155
+
156
+		} else {
157
+			layer.msg('没有可修改的选项!');
158
+			Clean();
159
+		}
160
+	})	
161
+ 	
162
+ 	//下拉框
163
+ 	   function  Select(){
164
+ 	   		$.ajax({
165
+			type: "get",
166
+			      url: huayi.config.callcenter_url + "IndexCategory/GetList",
167
+	//	url:'//117.158.196.116:8878/IndexCategory/GetList',
168
+			dataType: 'json',
169
+			async: true,
170
+			data:{
171
+				token:token
172
+			},
173
+			success: function(data) {
174
+				console.log(data.rows);
175
+				var conent=data.rows;
176
+				for(var i=0;i<conent.length;i++){
177
+					if(conent[i].F_ParentId==0){
178
+						$('<option value="'+conent[i].F_ParentId+'">'+conent[i].F_CategoryName+'</option>').appendTo($("#Left_ParentId"))
179
+					}
180
+				}
181
+			}
182
+		});
183
+ 	   }	   
184
+ //编辑指标分类
185
+ function EditIndexCategory(Left_Cids,Left_CategoryName,Left_Sort,Left_Pid){
186
+ 	$.ajax({
187
+			type: "post",
188
+			      url: huayi.config.callcenter_url + "IndexCategory/EditIndexCategory",
189
+//			url: '//117.158.196.116:8878/IndexCategory/EditIndexCategory',
190
+			dataType: 'json',
191
+			data: {
192
+				cid:Left_Cids,
193
+				categoryName:Left_CategoryName,
194
+				sort:Left_Sort,
195
+				pid:Left_Pid,
196
+				token:token
197
+			},
198
+			async: true,
199
+			success: function(data) {
200
+				layer.msg("修改成功");
201
+				IndexCategoryGe();
202
+				 Left_clean();
203
+			}
204
+		});
205
+ }
206
+ 
207
+ $("#Left_xgbtn").click(function(){
208
+ 	Left_CategoryName=escape($("#Left_CategoryName").val());
209
+ 	Left_Sort=$("#Left_Sort").val();
210
+ 	EditIndexCategory(Left_Cids,Left_CategoryName,Left_Sort,Left_Pid);
211
+ })
212
+ //增加
213
+ $(".leftAdd").click(function(){
214
+// 	if(Left_Pid){
215
+// 		$(".model").show();
216
+//			$(".rightBox").hide();
217
+//			$("#Left_xgbtn").hide();
218
+//			$(".leftBox").show();
219
+// 	}
220
+// 	$(".model").show();
221
+//			$(".rightBox").hide();
222
+//			$("#Left_xgbtn").hide();
223
+//			$(".leftBox").show();
224
+layer.open({
225
+                    type: 2,
226
+                    content: "../Questionnaire/add.html", //iframe的url,no代表不显示滚动条
227
+                    title: '添加分类',
228
+                    area: ['35%', '30%'], //宽高
229
+                });
230
+ });
231
+ $("#Left_add").click(function(){
232
+ 	Left_CategoryName=escape($("#Left_CategoryName").val());
233
+ 	Left_Sort=$("#Left_Sort").val();
234
+ 	console.log(Left_CategoryName,Left_Sort,Left_Pid);
235
+ 	AddIndexCategory(Left_CategoryName,Left_Sort,Left_Pid)
236
+ });
237
+ function AddIndexCategory(Left_CategoryName,Left_Sort,Left_Pid){
238
+   	$.ajax({
239
+			type: "post",
240
+			url: huayi.config.callcenter_url + "IndexCategory/AddIndexCategory",
241
+//			url: '//117.158.196.116:8878/IndexCategory/AddIndexCategory',
242
+			dataType: 'json',
243
+			data: {
244
+				categoryName:Left_CategoryName,
245
+				sort:Left_Sort,
246
+				pid:Left_Pid,
247
+				token:token
248
+			},
249
+			async: true,
250
+			success: function(data) {
251
+				layer.msg("添加成功");
252
+				IndexCategoryGe();
253
+				 Left_clean();
254
+			}
255
+		});
256
+   }
257
+  function Left_clean(){
258
+  	$("#Left_CategoryName").val('');
259
+  	$("#Left_Sort").val('');
260
+  	$(".model").hide();
261
+  }
262
+////////////////////////////////////////////////////////////////右边表格
263
+	
264
+
265
+
266
+
267
+
268
+	//编号
269
+	function setCode(val, row, index) {
270
+		return index + 1;
271
+	}
272
+
273
+	//关闭阴影
274
+	$(".rbtr").click(function() {
275
+		$(".model").hide();
276
+	})
277
+
278
+	
279
+//修改保存
280
+	$("#xg_btn").click(function() {
281
+		CategoryName = $("._CategoryName").val();
282
+		Score = $("._Score").val();
283
+		Sort = $("._Sort").val();
284
+		Title = $(".F_Title").val();
285
+		Remark = $(".F_Remark").val();
286
+		console.log(Score, Sort, Title, Remark, Cids, ids);
287
+		EditIndexBas(Cids, ids, Sort, Score, Title, Remark);
288
+	});
289
+//增加按钮	
290
+$("#add").click(function(){
291
+	Score = $("._Score").val();
292
+		Sort = $("._Sort").val();
293
+		Title = $(".F_Title").val();
294
+		Remark = escape($(".F_Remark").val());
295
+	AddIndexBase(Cids, Sort, Score, Title, Remark)
296
+});
297
+//编辑指标
298
+	function EditIndexBas(Cids, ids, Sort, Score, Title, Remark) {
299
+		$.ajax({
300
+			type: "post",
301
+			    // url: huayi.config.callcenter_url + "IndexBase/EditIndexBasey",
302
+			url: '//117.158.196.116:8878/IndexBase/EditIndexBase',
303
+			dataType: 'json',
304
+			data: {
305
+				id: ids,
306
+				cid: Cids, //指标分类id
307
+				sort: Sort, //排序
308
+				score: Score,
309
+				title: Title,
310
+				remark: Remark,
311
+				token:token
312
+			},
313
+			async: true,
314
+			success: function(data) {
315
+				if(data.state == "success") {
316
+					Clean();
317
+					layer.msg('修改成功!');
318
+					Finish();
319
+				} else {
320
+					alert("修改失败");
321
+					$(".model").hide();
322
+				}
323
+			}
324
+		});
325
+	}
326
+	
327
+//添加指标
328
+	function AddIndexBase(Cids, Sort, Score, Title, Remark) {
329
+		$.ajax({
330
+			type: "post",
331
+			     url: huayi.config.callcenter_url + "IndexBase/AddIndexBase",
332
+//			url: '//117.158.196.116:8878/IndexBase/AddIndexBase',
333
+			dataType: 'json',
334
+			data: {
335
+				cid: Cids, //指标分类id
336
+				sort: Sort, //排序
337
+				score: Score,
338
+				title: Title,
339
+				remark: Remark,
340
+				token:token
341
+			},
342
+			async: true,
343
+			success: function(data) {
344
+				if(data.state == "success") {
345
+					Clean();
346
+					layer.msg('添加成功!');
347
+					Finish();
348
+				} else {
349
+					alert("2");
350
+					$(".model").hide();
351
+				}
352
+			}
353
+		});
354
+	}

File diff suppressed because it is too large
+ 6807 - 0
CallCenterWeb.UI/js/Questions/bootstrap-editable.js