瀏覽代碼

问卷调查

yuqian 8 年之前
父節點
當前提交
a40c0dc6a8

+ 225 - 226
CallCenterWeb.UI/Questionnaire/QuestionSetting.html

@@ -1,230 +1,229 @@
1
-<!DOCTYPE html>
1
+<!DOCTYPE html>
2 2
 <html>
3 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
-				
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: #f5f5f5;
77
-			}
78
-			
79
-			label {
80
-				margin-right: 10px;
81
-			}
82
-			#tbr{
83
-				display: none;
84
-			}
85
-			.WJmessage{
86
-				line-height: 20px;
87
-				border-bottom: 1px solid #ccc;
88
-    padding-bottom: 10px;
89
-			}
90
-			.IMG_box{
91
-				text-align: center;
92
-				padding: 10px;
93
-				border: 1px solid #ccc;
94
-			}
95
-		</style>
96
-	</head>
97
-
98
-	<body>
99
-		<div class="daoHang clearfix">
100
-			<div class="dhLeft">
101
-				<sapn><i class="syIcon"></i>位置:
102
-					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
103
-					<a href="javaScript:;">问卷调查</a>&gt;
104
-					<a href="" style="color: #000;">问卷设置</a>
105
-				</sapn>
106
-			</div>
107
-		</div>
108
-
109
-		<div class='wrap'>
110
-
111
-			<div class="tbleft" style="width: 25%;">
112
-				<h4 style="line-height: 20px;"><i class="fa fa-file-text-o size-14"></i>试题问卷</h4>
113
-				<div class="top clearfix ">
114
-					<div class="fr">
115
-
116
-						<span>&nbsp;关键字:<input class=" inputs" type="text" id="KeyWords" /></span>
117
-						<button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
118
-					</div>
119
-
120
-				</div>
121
-				<div class="anniu " class="toolbar1  ">
122
-					<button class="leftAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
123
-					<button class="leftChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
124
-					<button class="leftDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
125
-				</div>
126
-				<table id="tb1">
127
-					<thead>
128
-						<tr>
129
-							<th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
130
-							<th data-align="center" data-field="F_Title">试卷名称</th>
131
-							<th data-align="center" data-field="F_PagerId"data-formatter="Code">操作</th>
132
-
133
-						</tr>
134
-					</thead>
135
-					<tbody>
136
-					</tbody>
137
-				</table>
138
-			</div>
139
-			<!--右边/-->
140
-			<div class="tbright" style="width: 70%;">
141
-				<h4 style="" class="WJmessage">问卷信息</h4>
142
-				<div class="IMG_content">
143
-					<div class="IMG_box">
144
-						<img src="../img/wjdc.jpg" alt="" />
145
-					</div>
146
-				</div>
147
-				<table id="tbr" style="width: 100%;">
148
-					<thead>
149
-						<tr>
150
-
151
-							<th style='width: 150px;'>问卷名称:</th>
152
-							<td colspan="7" ><span class="Title"></span></td>
153
-
154
-						</tr>
155
-						<tr>
156
-
157
-							<th style='width: 150px;'>问卷说明:</th>
158
-							<td  ><span class="F_Remark"></span></td>
159
-
160
-						</tr>
161
-					</thead>
162
-					<tbody class="tbody">
163
-						<tr class="Back">
164
-							<td colspan="2">
165
-								<h3 class="size-14">1、对我们的产品是否满意? </h3>
166
-							</td>
167
-						</tr>
168
-						<tr class="">
169
-							<td colspan="2">
170
-								<div class="Message_box">
171
-									<label style="font-weight: normal;">1.<input type="checkbox" value="一般" name="ltype" > 一般</label>
172
-									<label style="font-weight: normal;"><input type="checkbox" value="538" name="ltype" > 满意</label>
173
-									<label style="font-weight: normal;"><input type="checkbox" value="539" name="ltype" >不满意</label>
174
-								</div>
175
-							</td>
176
-						</tr>
177
-						<tr class="Back">
178
-							<td colspan="2">
179
-								<h3 class="size-14">2、您好,你是?  </h3>
180
-							</td>
181
-						</tr>
182
-						<tr>
183
-							<td colspan="2">
184
-								<div class="Message_box">
185
-									<textarea name="" rows="" cols="" style="width: 100%;"></textarea>
186
-								</div>
187
-							</td>
188
-						</tr>
189
-					</tbody>
190
-				</table>
191
-			</div>
192
-			<div>
193
-				<button  class="Root">点击获取</button>
194
-			</div>
195
-		</div>
196
-		
197
-			
198
-	</body>
199
-	<script src="../js/jquery.min.js?v=2.1.4"></script>
200
-	<script src="../js/bootstrap.min.js"></script>
201
-	<script src="../js/bootstrap-table.js"></script>
202
-	<script src="../js/bootstrap-table-zh-CN.js"></script>
203
-	<script src="../Script/Common/huayi.load.js"></script>
204
-	<script src="../Script/Common/huayi.config.js"></script>
205
-	<script src="../js/jquery.cookie.js"></script>
206
-	<script src="../css/layer/layer.js"></script>
207
-	<script src="../js/Questions/QuestionSetting.js"></script>
208
-	 <script>
209
-	 	var table=$("#tbr");
210
-	 	var arr=[];
211
-	 	var content;
212
-	 	$(".Root").click(function(){
213
-//	 		$("#tbr tr td .QuesTitle").each(function(){
214
-//	 			var val=$(this).text();
215
-//	 			var index=$(this).attr("indexs");
216
-//	 			arr.push(index+'_'+val);
217
-//	 			
218
-//	 		})
219
-//	 		console.log(arr)
220
-	 		$("#tbr tr td   input[name='ltype']").each(function(){
221
-	 			var val=$(this).val();
222
-	 			var index=$(this).attr("index_")
223
-	 			arr.push(index+'_'+val);
224
-	 			
225
-	 		})
226
-	
227
-	 	})
228
-	 </script>
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
+                color: #717171;
63
+                line-height: 200%;
64
+                border-top: 1px dotted #cccccc;
65
+            }
66
+
67
+            #tbr th {
68
+                border-right: 1px dotted #cccccc;
69
+                border-top: 1px dotted #cccccc;
70
+                background: #f9f9f9;
71
+                text-align: right;
72
+            }
73
+
74
+        .Back {
75
+            background-color: #f5f5f5;
76
+        }
77
+
78
+        label {
79
+            margin-right: 10px;
80
+        }
81
+
82
+        #tbr {
83
+            display: none;
84
+        }
85
+
86
+        .WJmessage {
87
+            line-height: 20px;
88
+            border-bottom: 1px solid #ccc;
89
+            padding-bottom: 10px;
90
+        }
91
+
92
+        .IMG_box {
93
+            text-align: center;
94
+            padding: 10px;
95
+            border: 1px solid #ccc;
96
+        }
97
+    </style>
98
+</head>
99
+
100
+<body>
101
+    <div class="daoHang clearfix">
102
+        <div class="dhLeft">
103
+            <sapn>
104
+                <i class="syIcon"></i>位置:
105
+                <a href="javaScript:;" id="ReIndex">首页</a>&gt;
106
+                <a href="javaScript:;">问卷调查</a>&gt;
107
+                <a href="" style="color: #000;">问卷设置</a>
108
+            </sapn>
109
+        </div>
110
+    </div>
111
+
112
+    <div class='wrap'>
113
+
114
+        <div class="tbleft" style="width: 25%;">
115
+            <h4 style="line-height: 20px;"><i class="fa fa-file-text-o size-14"></i>试题问卷</h4>
116
+            <div class="top clearfix ">
117
+                <div class="fr">
118
+
119
+                    <span>&nbsp;关键字:<input class=" inputs" type="text" id="KeyWords" /></span>
120
+                    <button class="btns searchGo size-14"> <i class="fa fa-search size-14"></i>&nbsp;搜索</button>
121
+                </div>
122
+
123
+            </div>
124
+            <div class="anniu " class="toolbar1  ">
125
+                <button class="leftAdd btn size-14"><i class="fa fa-plus size-14"></i>增加</button>
126
+                <button class="leftChange btn size-14"><i class="fa fa-pencil size-14"></i>修改</button>
127
+                <button class="leftDelete btn size-14"><i class="fa fa-remove size-14"></i>删除</button>
128
+            </div>
129
+            <table id="tb1">
130
+                <thead>
131
+                    <tr>
132
+                        <th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
133
+                        <th data-align="center" data-field="F_Title">试卷名称</th>
134
+                        <th data-align="center" data-field="F_PagerId" data-formatter="Code">操作</th>
135
+
136
+                    </tr>
137
+                </thead>
138
+                <tbody></tbody>
139
+            </table>
140
+        </div>
141
+        <!--右边/-->
142
+        <div class="tbright" style="width: 70%;">
143
+            <h4 style="" class="WJmessage">问卷信息</h4>
144
+            <div class="IMG_content">
145
+                <div class="IMG_box">
146
+                    <img src="../img/wjdc.jpg" alt="" />
147
+                </div>
148
+            </div>
149
+            <table id="tbr" style="width: 100%;">
150
+                <thead>
151
+                    <tr>
152
+
153
+                        <th style='width: 150px;'>问卷名称:</th>
154
+                        <td colspan="7"><span class="Title"></span></td>
155
+
156
+                    </tr>
157
+                    <tr>
158
+
159
+                        <th style='width: 150px;'>问卷说明:</th>
160
+                        <td><span class="F_Remark"></span></td>
161
+
162
+                    </tr>
163
+                </thead>
164
+                <tbody class="tbody">
165
+                    <tr class="Back">
166
+                        <td colspan="2">
167
+                            <h3 class="size-14">1、对我们的产品是否满意? </h3>
168
+                        </td>
169
+                    </tr>
170
+                    <tr class="">
171
+                        <td colspan="2">
172
+                            <div class="Message_box">
173
+                                <label style="font-weight: normal;">1.<input type="checkbox" value="一般" name="ltype"> 一般</label>
174
+                                <label style="font-weight: normal;"><input type="checkbox" value="538" name="ltype"> 满意</label>
175
+                                <label style="font-weight: normal;"><input type="checkbox" value="539" name="ltype">不满意</label>
176
+                            </div>
177
+                        </td>
178
+                    </tr>
179
+                    <tr class="Back">
180
+                        <td colspan="2">
181
+                            <h3 class="size-14">2、您好,你是?  </h3>
182
+                        </td>
183
+                    </tr>
184
+                    <tr>
185
+                        <td colspan="2">
186
+                            <div class="Message_box">
187
+                                <textarea name="" rows="" cols="" style="width: 100%;"></textarea>
188
+                            </div>
189
+                        </td>
190
+                    </tr>
191
+                </tbody>
192
+            </table>
193
+        </div>
194
+    </div>
195
+
196
+
197
+</body>
198
+<script src="../js/jquery.min.js?v=2.1.4"></script>
199
+<script src="../js/bootstrap.min.js"></script>
200
+<script src="../js/bootstrap-table.js"></script>
201
+<script src="../js/bootstrap-table-zh-CN.js"></script>
202
+<script src="../Script/Common/huayi.load.js"></script>
203
+<script src="../Script/Common/huayi.config.js"></script>
204
+<script src="../js/jquery.cookie.js"></script>
205
+<script src="../css/layer/layer.js"></script>
206
+<script src="../js/Questions/QuestionSetting.js"></script>
207
+<script>
208
+    var table = $("#tbr");
209
+    var arr = [];
210
+    var content;
211
+    $(".Root").click(function () {
212
+        //	 		$("#tbr tr td .QuesTitle").each(function(){
213
+        //	 			var val=$(this).text();
214
+        //	 			var index=$(this).attr("indexs");
215
+        //	 			arr.push(index+'_'+val);
216
+        //
217
+        //	 		})
218
+        //	 		console.log(arr)
219
+        $("#tbr tr td   input[name='ltype']").each(function () {
220
+            var val = $(this).val();
221
+            var index = $(this).attr("index_")
222
+            arr.push(index + '_' + val);
223
+
224
+        })
225
+
226
+    })
227
+</script>
229 228
 
230 229
 </html>

+ 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
+}

+ 63 - 0
CallCenterWeb.UI/css/QutboundMessage/QutboundComm.css

@@ -0,0 +1,63 @@
1
+.fr {
2
+	float: right;
3
+}
4
+
5
+.fr li {
6
+	float: left;
7
+}
8
+
9
+.size-14 {
10
+	font-size: 14px!important;
11
+}
12
+
13
+.size-16 {
14
+	font-size: 16px;
15
+}
16
+
17
+.anniu i {
18
+	margin-right: 5px;
19
+}
20
+
21
+.x-color {
22
+	width: 100px;
23
+	background-color: #FFF;
24
+	background-image: none;
25
+	border: 1px solid #e5e6e7;
26
+	border-radius: 1px;
27
+	color: inherit;
28
+}
29
+
30
+.inputs {
31
+	border: 1px solid #e5e6e7;
32
+	width: 150px;
33
+	padding: 6px 12px;
34
+}
35
+
36
+.d {
37
+	color: forestgreen;
38
+}
39
+
40
+.du {
41
+	color: #0064B6;
42
+}
43
+
44
+.w {
45
+	color: #e43926;
46
+}
47
+
48
+.Title_box {
49
+	line-height: 20px;
50
+	border-bottom: 1px solid #ccc;
51
+	padding-bottom: 10px;
52
+}
53
+
54
+.btns:hover {
55
+	background-color: #06caa2;
56
+}
57
+/*外呼计划*/
58
+.anniu {
59
+	margin-bottom: 10px;
60
+}
61
+.operation a{
62
+	margin-right: 5px;
63
+}

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

@@ -0,0 +1,264 @@
1
+var keys;
2
+var Cids; //分类id
3
+var ids; //指标id
4
+var CategoryName; //分类名称
5
+var Sort; //排序
6
+var Score; //分数
7
+var Title; //标题
8
+var Remark; //备注
9
+var Pid; //父id
10
+var Left_Cids;
11
+var Left_Sort;
12
+var Left_Score;
13
+var Left_Pid;
14
+var $tableLeft = $('#tbr');
15
+var $tableLeft1 = $('#tb1');
16
+var token = $.cookie("token");
17
+IndexCategoryGe();
18
+//所有指标
19
+$(".rightAll").click(function() {
20
+	Finish();
21
+
22
+});
23
+//搜索功能
24
+$(".sear").click(function() {
25
+	keys = escape();
26
+	Finish(keys);
27
+});
28
+//*删除*/
29
+$(".inpBox").hover(function(event) {
30
+	$(this).children(".de_icon").show();
31
+	event.stopPropagation();
32
+}, function() {
33
+	$(this).children(".de_icon").hide();
34
+});
35
+$(".de_icon").click(function(event) {
36
+	event.stopPropagation();
37
+	$(this).siblings("input").eq(0).val("");
38
+	$(this).siblings("input").eq(1).val("");
39
+
40
+	if($(this).siblings("div").find("ul").attr("id") == "zrbmtree") {
41
+		getRY($(".zrid"), $("#zrbm").val());
42
+	}
43
+
44
+});
45
+$(".inpBox").mouseleave(function() {
46
+	$(this).children(".addTree").hide();
47
+})
48
+$(".xl").click(function() {
49
+	if($(this).parent().find(".addTree").is(":hidden")) {
50
+		$(this).parent().find(".addTree").show();
51
+	} else {
52
+		$(this).parent().find(".addTree").hide();
53
+	}
54
+});
55
+//清空选项
56
+function Clean() {
57
+	$(".model").hide();
58
+	$("._CategoryName").val("");
59
+	$("._Score").val('');
60
+	$("._Sort").val('');
61
+	$(".F_Title").val('');
62
+	$(".F_Remark").val('');
63
+}
64
+
65
+///////////////////////////////////左边表格
66
+/*获取选中行对象*/
67
+$tableLeft1.on("click-row.bs.table", function(e, row, ele) {
68
+	$('.success').removeClass('success'); //去除之前选中的行的,选中样式
69
+	$(ele).addClass('success'); //添加当前选中的 success样式用于区别
70
+	Left_Cids = row.F_PagerId; //问卷ID
71
+	$(".IMG_content").hide();
72
+   $('#tbr').show();
73
+	XQ(Left_Cids); ///获取问卷
74
+});
75
+//z获取问卷列表
76
+function IndexCategoryGe() {
77
+	//销毁表格
78
+	$tableLeft1.bootstrapTable('destroy');
79
+	//初始化表格,动态从服务器加载数据
80
+	$tableLeft1.bootstrapTable({
81
+		method: "get", //使用get请求到服务器获取数据			
82
+		url: huayi.config.callcenter_url + "Questionnaire/GetPagerInfoList",
83
+		striped: true, //表格显示条纹
84
+		pagination: true, //启动分页
85
+		pageSize: 5, //每页显示的记录数
86
+		pageNumber: 1, //当前第几页
87
+		pageList: [5, 20, 50, 100], //记录数可选列表
88
+		search: false, //是否启用查询
89
+		showColumns: false, //显示下拉框勾选要显示的列
90
+		showRefresh: false, //显示刷新按钮
91
+		sidePagination: "server", //表示服务端请求
92
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
93
+		//设置为limit可以获取limit, offset, search, sort, order
94
+		queryParamsType: "undefined",
95
+		queryParams: function queryParams(params) { //设置查询参数
96
+			var param = {
97
+				PageIndex: params.pageNumber,
98
+				PageSize: params.pageSize,
99
+				token: token
100
+			};
101
+			return param;
102
+		},
103
+		onLoadSuccess: function() { //加载成功时执行
104
+			//								layer.msg("加载成功");
105
+		},
106
+		onLoadError: function() { //加载失败时执行
107
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
108
+		}
109
+	});
110
+}
111
+//编号
112
+function setCode(val, row, index) {
113
+	return index + 1;
114
+}
115
+
116
+//操作
117
+function Code(val) {
118
+	return '<a  onclick="Add(' + val + ')">操作</a>'
119
+}
120
+//右边操作
121
+function Add(val) {
122
+	layer.open({
123
+		type: 2,
124
+		content: "../Questionnaire/addSetting.html?str=" + val, //iframe的url,no代表不显示滚动条
125
+		title: '问卷信息',
126
+		area: ['80%', '75%'], //宽高
127
+	});
128
+}
129
+
130
+//删除
131
+$('.leftDelete').click(function() {
132
+	if(Left_Cids) {
133
+		DelIndexCategory(Left_Cids);
134
+	} else {
135
+		layer.msg('没有可删除的选项!');
136
+
137
+	}
138
+})
139
+//删除功能
140
+function DelIndexCategory(Left_Cids) {
141
+	$.ajax({
142
+		type: "get",
143
+		url: huayi.config.callcenter_url + "/Questionnaire/DeletePagerInfo",
144
+		//url: '//117.158.196.116:8878/IndexCategory/DelIndexCategory',
145
+		dataType: 'json',
146
+		data: {
147
+			id: Left_Cids
148
+		},
149
+		async: true,
150
+		success: function(data) {
151
+			layer.msg("删除成功");
152
+			IndexCategoryGe();
153
+		}
154
+	});
155
+}
156
+///修改功能
157
+$(".leftChange ").click(function() {
158
+	var Str = Left_Cids;
159
+	if(Left_Cids) {
160
+		layer.open({
161
+			type: 2,
162
+			content: "../Questionnaire/xgWenjuanxinxi.html?str=" + Str, //iframe的url,no代表不显示滚动条
163
+			title: '修改问卷',
164
+			area: ['35%', '40%'], //宽高
165
+		});
166
+
167
+	} else {
168
+		layer.msg('没有可修改的选项!');
169
+		Clean();
170
+	}
171
+})
172
+
173
+
174
+
175
+
176
+//增加
177
+$(".leftAdd").click(function() {
178
+	var Str = Left_Cids;
179
+	console.log(Str);
180
+	layer.open({
181
+		type: 2,
182
+		content: "../Questionnaire/addSWenjuanxinxi.html?", //iframe的url,no代表不显示滚动条
183
+		title: '问卷信息',
184
+		area: ['35%', '40%'], //宽高
185
+	});
186
+});
187
+
188
+////////////////////////////////////////////////////////////////右边表格
189
+//详情展示
190
+function XQ(Left_Cids) {
191
+	$(".tbody").empty();
192
+	$.ajax({
193
+		type: "get",
194
+		url: huayi.config.callcenter_url + "/Questionnaire/GetPagerInfoQ",
195
+		async: true,
196
+		dataType: "json",
197
+		data: {
198
+			pid:Left_Cids,
199
+			token: $.cookie("token"),
200
+
201
+		},
202
+		success: function(data) {
203
+			if(data.state.toLowerCase() == 'success') {
204
+				$('.Title').text(data.data.F_Title);
205
+				$(".F_Remark").text(data.data.F_Remark);
206
+				var Questions = data.data.F_Questions;
207
+				var html = '';
208
+				for(var i = 0; i < Questions.length; i++) {
209
+					var questype = Questions[i].questype;
210
+
211
+					html += '<tr class="Back">';
212
+					html += '<td colspan="7">';
213
+					html += '<h3 class="size-14 QuesTitle"  indexs="'+Questions[i].quesid+'">' + Questions[i].questitle + ' </h3>';
214
+					html += '</td>';
215
+					html += '</tr>';
216
+					//判断类型
217
+					if(questype == 2) { //问答题
218
+						//选项
219
+						if(Questions[i].quesitems.length > 0) {
220
+							html += '<tr >';
221
+							html += '<td colspan="2">';
222
+							html += '<div>';
223
+							var quesitems = Questions[i].quesitems;
224
+							for(var j = 0; j < quesitems.length; j++) {
225
+								html += '<label style="font-weight: normal;">'	
226
+								html +=''+(j+1)+'.';
227
+								html += '<input type="radio" index_="' + quesitems[j].itemid + '" value="'+ quesitems[j].itemname + '" name="ltype"  style="margin-left:5px;"> ' + quesitems[j].itemname + '</label>'
228
+							}
229
+							html += '</div>'
230
+							html += '</td>'
231
+							html += '</tr >';
232
+						}
233
+					} else if(questype == 1) {				
234
+							html += '<tr >';
235
+							html += '<td colspan="2">';
236
+							html += '<div>';
237
+							html += '<textarea index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
238
+							html += '</div>'
239
+							html += '</td>'
240
+							html += '</tr >';
241
+						
242
+					}else{
243
+						if(Questions[i].quesitems.length > 0) {
244
+							html += '<tr >';
245
+							html += '<td colspan="2">';
246
+							html += '<div>';
247
+							var quesitems = Questions[i].quesitems;
248
+							for(var j = 0; j < quesitems.length; j++) {
249
+								html += '<label style="font-weight: normal;">'
250
+								html +=''+(j+1)+'.';
251
+								html += '<input type="checkbox" value="'+ quesitems[j].itemname +'" name="checks" > ' + quesitems[j].itemname + '</label>'
252
+							}
253
+							html += '</div>'
254
+							html += '</td>'
255
+							html += '</tr >';
256
+						}
257
+					}
258
+
259
+				}
260
+				$(html).appendTo(".tbody");
261
+			}
262
+		}
263
+	});
264
+}

+ 296 - 0
CallCenterWeb.UI/js/Questions/QuestionsManagement.js

@@ -0,0 +1,296 @@
1
+var keys;
2
+var Cids; //分类id
3
+var ids; //指标id
4
+var CategoryName; //分类名称
5
+var Sort; //排序
6
+var Score; //分数
7
+var Title; //标题
8
+var Remark; //备注
9
+var Pid; //父id
10
+var Left_Cids;
11
+var Left_Sort;
12
+var Left_Score;
13
+var Left_Pid;
14
+var $tableLeft = $('#tbr');
15
+var $tableLeft1 = $('#tb1');
16
+var token = $.cookie("token");
17
+var Str;
18
+var Type;
19
+
20
+$(document).ready(function() {
21
+	Finish();
22
+	IndexCategoryGe();
23
+
24
+})
25
+
26
+//所有指标
27
+$(".rightAll").click(function() {
28
+	Finish();
29
+
30
+});
31
+//搜索功能
32
+$(".searchGo").click(function() {
33
+	Finish();
34
+});
35
+//下拉框
36
+$("#Quetions").on("change", function() {
37
+	Finish();
38
+})
39
+
40
+//清空选项
41
+function Clean() {
42
+	$(".model").hide();
43
+	$("._CategoryName").val("");
44
+	$("._Score").val('');
45
+	$("._Sort").val('');
46
+	$(".F_Title").val('');
47
+	$(".F_Remark").val('');
48
+}
49
+
50
+////左边表格
51
+/*获取选中行对象*/
52
+$tableLeft1.on("click-row.bs.table", function(e, row, ele) {
53
+	$('.success').removeClass('success'); //去除之前选中的行的,选中样式
54
+	$(ele).addClass('success'); //添加当前选中的 success样式用于区别
55
+	Left_Cids = row.F_CategoryId; //分类ID
56
+	console.log(Left_Cids);
57
+	Finish(Left_Cids); //右边列表
58
+});
59
+//获取试题分类列表	    ///左边列表
60
+function IndexCategoryGe() {
61
+	//销毁表格
62
+	$tableLeft1.bootstrapTable('destroy');
63
+	//初始化表格,动态从服务器加载数据
64
+	$tableLeft1.bootstrapTable({
65
+		method: "get", //使用get请求到服务器获取数据
66
+		url: huayi.config.callcenter_url + "Questionnaire/GetQCategoryList",
67
+		striped: true, //表格显示条纹
68
+		pagination: true, //启动分页
69
+		pageSize: 5, //每页显示的记录数
70
+		pageNumber: 1, //当前第几页
71
+		pageList: [5, 20, 50, 100], //记录数可选列表
72
+		search: false, //是否启用查询
73
+		showColumns: false, //显示下拉框勾选要显示的列
74
+		showRefresh: false, //显示刷新按钮
75
+		sidePagination: "server", //表示服务端请求
76
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
77
+		//设置为limit可以获取limit, offset, search, sort, order
78
+		queryParamsType: "undefined",
79
+		queryParams: function queryParams(params) { //设置查询参数
80
+			var param = {
81
+				pageindex: params.pageNumber,
82
+				pagesize: params.pageSize,
83
+				token: token
84
+			};
85
+			return param;
86
+		},
87
+		onLoadSuccess: function() { //加载成功时执行
88
+			//								layer.msg("加载成功");
89
+		},
90
+		onLoadError: function() { //加载失败时执行
91
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
92
+		}
93
+	});
94
+}
95
+
96
+//删除左边删除
97
+$('.leftDelete').click(function() {
98
+	if(Left_Cids) {
99
+
100
+		DelIndexCategory(Left_Cids);
101
+	} else {
102
+		layer.msg('没有可删除的选项!');
103
+	}
104
+})
105
+//删除功能
106
+function DelIndexCategory(Left_Cids) {
107
+	$.ajax({
108
+		type: "get",
109
+		url: huayi.config.callcenter_url + "Questionnaire/DeleteQCategory",
110
+		//url: '//117.158.196.116:8878/IndexCategory/DelIndexCategory',
111
+		dataType: 'json',
112
+		data: {
113
+			id: Left_Cids,
114
+			token: token
115
+		},
116
+		async: true,
117
+		success: function(data) {
118
+			layer.msg("删除成功");
119
+			IndexCategoryGe();
120
+		}
121
+	});
122
+}
123
+///左边修改功能
124
+$(".leftChange ").click(function() {
125
+	if(Left_Cids) {
126
+		Str = Left_Cids;
127
+		console.log(Str);
128
+		layer.open({
129
+			type: 2,
130
+			content: "../Questionnaire/modify.html?str=" + Str, //iframe的url,no代表不显示滚动条
131
+			title: '修改分类',
132
+			area: ['35%', '30%'], //宽高
133
+		});
134
+		//			GetIndexCategory(Left_Cids);
135
+
136
+	} else {
137
+		layer.msg('没有可修改的选项!');
138
+	}
139
+})
140
+
141
+//增加
142
+$(".leftAdd").click(function() {
143
+	layer.open({
144
+		type: 2,
145
+		content: "../Questionnaire/add.html", //iframe的url,no代表不显示滚动条
146
+		title: '添加分类',
147
+		area: ['35%', '30%'], //宽高
148
+	});
149
+});
150
+
151
+/////////////////////////右边表格
152
+function Finish() {
153
+	//销毁表格
154
+	$tableLeft.bootstrapTable('destroy');
155
+	//初始化表格,动态从服务器加载数据
156
+	$tableLeft.bootstrapTable({
157
+		method: "get", //使用get请求到服务器获取数据
158
+		url: huayi.config.callcenter_url + "Questionnaire/GetQuestionList",
159
+		//			url: "//117.158.196.116:8878/IndexBase/GetList",
160
+		striped: true, //表格显示条纹
161
+		pagination: true, //启动分页
162
+		pageSize: 5, //每页显示的记录数
163
+		pageNumber: 1, //当前第几页
164
+		pageList: [5, 20, 50, 100], //记录数可选列表
165
+		search: false, //是否启用查询
166
+		showColumns: false, //显示下拉框勾选要显示的列
167
+		showRefresh: false, //显示刷新按钮
168
+		sidePagination: "server", //表示服务端请求
169
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
170
+		//设置为limit可以获取limit, offset, search, sort, order
171
+		queryParamsType: "undefined",
172
+		queryParams: function queryParams(params) { //设置查询参数
173
+			var param = {
174
+				pageindex: params.pageNumber,
175
+				pagesize: params.pageSize,
176
+				CategoryId: Left_Cids,
177
+				SelectType: $("#Quetions").val(),
178
+				Key: $("#KeyWords").val(),
179
+				token: token,
180
+
181
+			};
182
+			return param;
183
+		},
184
+		onLoadSuccess: function() { //加载成功时执行
185
+			//								layer.msg("加载成功");
186
+
187
+		},
188
+		onLoadError: function() { //加载失败时执行
189
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
190
+		}
191
+	});
192
+}
193
+
194
+/*获取选中行对象*/
195
+$tableLeft.on("click-row.bs.table", function(e, row, ele) {
196
+	$('.success').removeClass('success'); //去除之前选中的行的,选中样式
197
+	$(ele).addClass('success'); //添加当前选中的 success样式用于区别
198
+	Cids = row.F_QuestionId; //试题ID
199
+	console.log(Cids);
200
+	ids = row.F_CategoryId; //分类ID
201
+
202
+});
203
+//增加
204
+$(".rightAdd").click(function() {
205
+	Str = Left_Cids;
206
+	console.log(Str);
207
+	layer.open({
208
+		type: 2,
209
+		content: "../Questionnaire/AddRight.html?str=" + Str, //iframe的url,no代表不显示滚动条
210
+		title: '添加分类',
211
+		area: ['45%', '60%'], //宽高
212
+	});
213
+
214
+})
215
+//修改功能
216
+$(".rightChange ").click(function() {
217
+	if(Cids) {
218
+		layer.open({
219
+			type: 2,
220
+			content: "../Questionnaire/XgRight.html?Cids=" + Cids, //iframe的url,no代表不显示滚动条
221
+			title: '修改试题',
222
+			area: ['45%', '60%'], //宽高
223
+		});
224
+
225
+	} else {
226
+		layer.msg('没有可修改的选项!');
227
+	}
228
+})
229
+//删除
230
+$('.rightDelete').click(function() {
231
+	if(Cids) {
232
+		console.log(Cids);
233
+		Delet(Cids);
234
+	} else {
235
+		layer.msg('没有可删除的选项!');
236
+
237
+	}
238
+})
239
+//编号
240
+function setCode(val, row, index) {
241
+	return index + 1;
242
+}
243
+//类型操作
244
+function Type(val) {
245
+	var cs = '';
246
+	var vals = '';
247
+	if(val == 1) {
248
+		cs = 'w';
249
+		vals = "问答题"
250
+	} else if(val == 2) {
251
+		cs = 'd';
252
+		vals = "单选题"
253
+	} else {
254
+		cs = 'du'
255
+		vals = "多选题"
256
+	}
257
+
258
+	return '<a class="' + cs + '">' + vals + '</a>'
259
+	console.log(val);
260
+}
261
+//操作
262
+function Code(val, row) {
263
+	if(val > 1) {
264
+		return '<a onclick="XG(' + row.F_QuestionId + ')">操作</a>'
265
+	}
266
+}
267
+
268
+function XG(val) {
269
+	layer.open({
270
+		type: 2,
271
+		content: "../Questionnaire/addCheck.html?str=" + val, //iframe的url,no代表不显示滚动条
272
+		title: '试题选项',
273
+		area: ['45%', '60%'], //宽高
274
+	});
275
+}
276
+
277
+//删除试题
278
+function Delet(Cids) {
279
+	$.ajax({
280
+		type: "get",
281
+		url: huayi.config.callcenter_url + "/Questionnaire/DeleteQuestion",
282
+		dataType: 'json',
283
+		data: {
284
+			id: Cids,
285
+			token: token
286
+		},
287
+		async: true,
288
+		success: function(data) {
289
+			if(data.state.toLowerCase() == 'success') {
290
+				layer.msg("删除成功");
291
+				Finish();
292
+			}
293
+
294
+		}
295
+	});
296
+}

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