Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
536f2ddf by 焦小希
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents 0ff1c8dc 47b2d7bb
Inline Side-by-side
Showing 4 changed files with 181 additions and 11 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 })
...\ No newline at end of file ...\ No newline at end of file
7 fetchDataReviews();
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
......
...@@ -182,7 +182,7 @@ function authorityPerson() { ...@@ -182,7 +182,7 @@ function authorityPerson() {
182 // form 添加 182 // form 添加
183 $('.add_form').click(function () { 183 $('.add_form').click(function () {
184 $('#layui-form').append( 184 $('#layui-form').append(
185 '<div class="layui-form-item">' + 185 '<div class="layui-form-item sqrList">' +
186 '<div class="layui-inline">' + 186 '<div class="layui-inline">' +
187 '<label class="layui-form-label">姓名</label>' + 187 '<label class="layui-form-label">姓名</label>' +
188 '<div class="layui-input-block">' + 188 '<div class="layui-input-block">' +
...@@ -192,7 +192,7 @@ function authorityPerson() { ...@@ -192,7 +192,7 @@ function authorityPerson() {
192 '<div class="layui-inline idCard">' + 192 '<div class="layui-inline idCard">' +
193 '<label class="layui-form-label">身份证类型</label>' + 193 '<label class="layui-form-label">身份证类型</label>' +
194 '<div class="layui-input-block">' + 194 '<div class="layui-input-block">' +
195 '<select lay-filter="typeId">' + 195 '<select lay-filter="typeId" name="sqrzj">' +
196 '<option value="1">身份证</option>' + 196 '<option value="1">身份证</option>' +
197 '<option value="2">军官证</option>' + 197 '<option value="2">军官证</option>' +
198 '</select>' + 198 '</select>' +
...@@ -221,10 +221,10 @@ function authorityPerson() { ...@@ -221,10 +221,10 @@ function authorityPerson() {
221 console.log(data.value); 221 console.log(data.value);
222 }); 222 });
223 }) 223 })
224 // 编辑 224 })
225 $(document).on("click", ".layui-icon-reduce-circle", function (e) { 225 // 编辑
226 $(this).parent().remove() 226 $(document).on("click", ".layui-icon-reduce-circle", function (e) {
227 }) 227 $(this).parent().remove()
228 }) 228 })
229 } 229 }
230 // 图片上传 230 // 图片上传
...@@ -417,13 +417,19 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) { ...@@ -417,13 +417,19 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
417 function _saveSQR() { 417 function _saveSQR() {
418 var isSave = false; 418 var isSave = false;
419 // 申请人信息 419 // 申请人信息
420 var d = {}, sqrList = []; 420 var d = {}, sqrList = [], tobj = {} , tLists = [];
421 var t = $('.sqrList').serializeArray(); 421 var t = $('.sqrList').serializeArray();
422 $.each(t, function () {
423 d[this.name] = this.value;
424 });
425 d.userid = getCookie('myCookie').userid; 422 d.userid = getCookie('myCookie').userid;
426 sqrList.push(d); 423 sqrList.push(d);
424 t.forEach((item, index) => {
425 console.log(item)
426 tobj[item.name] = item.value;
427 if((index+1)%4==0){
428 tLists.push(tobj)
429 tobj = {};
430 }
431 });
432 sqrList = sqrList.concat(tLists)
427 for (var i = 0; i < sqrList.length; i++) { 433 for (var i = 0; i < sqrList.length; i++) {
428 sqrList[i].sqrlx = 1; 434 sqrList[i].sqrlx = 1;
429 } 435 }
......
...@@ -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>
......