Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
47b2d7bb by 任超
Options

style：填报信息

1 parent d1e1798b
Inline Side-by-side
Showing 4 changed files with 165 additions and 1 deletions
...@@ -4,10 +4,85 @@ ...@@ -4,10 +4,85 @@
4 } 4 }
5 .evaluate_nav { 5 .evaluate_nav {
6 font-size: 0; 6 font-size: 0;
7 margin-top: 20px;
7 } 8 }
8 .evaluate_nav li { 9 .evaluate_nav li {
10 height: 100px;
9 display: inline-block; 11 display: inline-block;
10 width: 25%; 12 width: 25%;
11 font-size: 14px; 13 font-size: 14px;
12 text-align: center; 14 text-align: center;
15 box-sizing: border-box;
16 padding-top: 35px;
17 }
18 .evaluate_nav li:not(:last-child) {
19 border-right: 1px solid #dedede;
20 }
21 .evaluate_nav li p:nth-child(1) {
22 color: rgb(128, 124, 124);
23 }
24 .evaluate_nav li p:nth-child(2){
25 font-size: 24px;
26 margin-top: 10px;
27 }
28 .evaluate_nav li p:nth-child(2) span {
29 font-size: 14px;
30 }
31 .satisfaction {
32 margin-top: 20px;
33 }
34 .satisfaction .evaluate {
35 width: 49%;
36 display: inline-block;
37 padding: 20px;
38 box-sizing: border-box;
39 }
40 .satisfaction .region {
41 width: 49%;
42 float: right;
43 padding: 20px;
44 box-sizing: border-box;
45 }
46 .satisfaction ul .evaluate_item {
47 border-bottom: 1px dotted #dedede;
48 }
49 .satisfaction ul li p {
50 display: inline-block;
51 height: 35px;
52 line-height: 35px;
53 }
54 .satisfaction ul li p:nth-child(1) {
55 width: 80px;
56 text-align: left;
57 }
58 .satisfaction ul li .score {
59 position: relative;
60 top: -12px;
61 margin-left: 26px;
62 }
63 .satisfaction .evaluate_item span{
64 float: right;
65 display: inline-block;
66 height: 35px;
67 line-height: 35px;
68 }
69 .satisfaction h3 {
70 font-weight: 600;
71 margin-bottom: 10px;
72 }
73 .region .region_title, .region_list {
74 border-bottom: 1px dotted #dedede;
75 }
76 .region .region_title span {
77 color: rgb(110, 110, 110);
78 }
79 .region_title span {
80 display: inline-block;
81 width: 23%;
82 }
83
84 .region_list span {
85 display: inline-block;
86 height: 36px;
87 line-height: 36px;
13 } 88 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,4 +4,42 @@ layui.use('element', function () { ...@@ -4,4 +4,42 @@ layui.use('element', function () {
4 }); 4 });
5 $(function () { 5 $(function () {
6 addTabs('#evaluate'); 6 addTabs('#evaluate');
7 fetchDataReviews();
7 }) 8 })
9 function fetchDataReviews() {
10 layui.use(['rate'], function () {
11 var rate = layui.rate;
12 rate.render({
13 elem: '#score'
14 , value: 5 //初始值
15 , text: false //开启文本
16 });
17 rate.render({
18 elem: '#score1'
19 , value: 4 //初始值
20 , text: false //开启文本
21 });
22 rate.render({
23 elem: '#score2'
24 , value: 3 //初始值
25 , text: false //开启文本
26 });
27 rate.render({
28 elem: '#score3'
29 , value: 2 //初始值
30 , text: false //开启文本
31 });
32 rate.render({
33 elem: '#score4'
34 , value: 1 //初始值
35 , text: false //开启文本
36 });
37 // 城区评价
38 rate.render({
39 elem: '#grade'
40 , value: 5 //初始值
41 , text: false //开启文本
42 ,theme: '#006CFF' //自定义主题色
43 });
44 })
45 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -243,7 +243,7 @@ $('.formRadio').click(function () { ...@@ -243,7 +243,7 @@ $('.formRadio').click(function () {
243 //下一步事件 243 //下一步事件
244 function skipClick() { 244 function skipClick() {
245 if (_saveSQR()) { 245 if (_saveSQR()) {
246 // skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno')); 246 skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
247 } else { 247 } else {
248 layer.msg('保存信息出错！'); 248 layer.msg('保存信息出错！');
249 } 249 }
......
...@@ -30,6 +30,57 @@ ...@@ -30,6 +30,57 @@
30 <p>9.8<span>分</span></p> 30 <p>9.8<span>分</span></p>
31 </li> 31 </li>
32 </ul> 32 </ul>
33 <!-- 满意度 -->
34 <div class="satisfaction">
35 <div class="evaluate cardItem">
36 <h3>评价满意度</h3>
37 <ul>
38 <li class="evaluate_item">
39 <p>非常满意</p>
40 <p id="score" class="score"></p>
41 <span>399条</span>
42 </li>
43 <li class="evaluate_item">
44 <p>满意</p>
45 <p id="score1" class="score"></p>
46 <span>399条</span>
47 </li>
48 <li class="evaluate_item">
49 <p>基本满意</p>
50 <p id="score2" class="score"></p>
51 <span>399条</span>
52 </li>
53 <li class="evaluate_item">
54 <p>不满意</p>
55 <p id="score3" class="score"></p>
56 <span>0条</span>
57 </li>
58 <li class="evaluate_item">
59 <p>非常不满意</p>
60 <p id="score4" class="score"></p>
61 <span>0条</span>
62 </li>
63 </ul>
64 </div>
65 <div class="region cardItem">
66 <h3>下属区域排行</h3>
67 <ul>
68 <li class="region_title">
69 <span>区域</span>
70 <span>评论数</span>
71 <span>差评数</span>
72 <span>评分</span>
73 </li>
74 <li class="region_list">
75 <span>城六区</span>
76 <span>8</span>
77 <span>10</span>
78 <p id="grade"></p>
79 <span>9.8分</span>
80 </li>
81 </ul>
82 </div>
83 </div>
33 </div> 84 </div>
34 </body> 85 </body>
35 <script type="text/javascript" src="../staticJs/common.js"></script> 86 <script type="text/javascript" src="../staticJs/common.js"></script>
......