Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9b630cf3 by 任超
Options

style:预约结果

1 parent ba614123
Inline Side-by-side
Showing 3 changed files with 20 additions and 115 deletions
...@@ -140,7 +140,7 @@ $(function () { ...@@ -140,7 +140,7 @@ $(function () {
140 }) 140 })
141 } 141 }
142 // 业务选择 142 // 业务选择
143 $(document).on('click', '.business_item ul li', function () { 143 $(document).on('click', '.business_item ul .item_appoint', function () {
144 halloffice = GetRequest() 144 halloffice = GetRequest()
145 appuintText = $(this).find('h3').text() 145 appuintText = $(this).find('h3').text()
146 handle() 146 handle()
......
...@@ -74,60 +74,7 @@ ...@@ -74,60 +74,7 @@
74 display: inline-block; 74 display: inline-block;
75 color: #FF5722; 75 color: #FF5722;
76 } 76 }
77 77 /* ---------------预约信息---------------------- */
78 /* -------------分割线----------------------- */ 78 .appointment_status {
79 .site-title { 79 padding: 10px;
80 margin: 20px auto;
81 width: 1200px;
82 }
83 .site-title fieldset {
84 border-top: 1px solid #eee;
85 }
86 .site-title fieldset legend {
87 margin: 0 auto;
88 font-size: 20px;
89 padding: 0 15px;
90 }
91 .site-title fieldset legend a:hover {
92 color: #f46143;
93 }
94 /* ------------------------------------预约信息列表-------------------------------------------------- */
95 .result_details_list {
96 font-size: 0;
97 margin-left: -10px;
98 margin-right: -10px;
99 }
100 .result_details_list li{
101 width: 33.3%;
102 height: 40px;
103 display: inline-block;
104 font-size: 0;
105 margin-bottom: 20px;
106 padding: 0 10px;
107 box-sizing: border-box;
108 }
109 .result_details_list li span {
110 display: inline-block;
111 width: 40%;
112 background-color: #1E9FFF;
113 color: #fff;
114 height: 100%;
115 text-align: center;
116 font-size: 14px;
117 line-height: 40px;
118 }
119 .result_details_list li p {
120 display: inline-block;
121 width: 60%;
122 background-color: #eee;
123 color: #fff;
124 height: 100%;
125 color: #000000;
126 text-align: center;
127 font-size: 14px;
128 line-height: 40px;
129 }
130 .success {
131 background-color: #5FB878!important;
132 color: #fff!important;
133 } 80 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -82,12 +82,12 @@ ...@@ -82,12 +82,12 @@
82 预约须知 82 预约须知
83 </li> 83 </li>
84 <div class="line"></div> 84 <div class="line"></div>
85 <li class="selected"> 85 <li class="selected">
86 <span>2</span> 86 <span>2</span>
87 选择区域 87 选择区域
88 </li> 88 </li>
89 <div class="line"></div> 89 <div class="line"></div>
90 <li class="selected"> 90 <li class="selected">
91 <span>3</span> 91 <span>3</span>
92 预约时间 92 预约时间
93 </li> 93 </li>
...@@ -98,64 +98,22 @@ ...@@ -98,64 +98,22 @@
98 </li> 98 </li>
99 </ul> 99 </ul>
100 </div> 100 </div>
101 <div class="result_details contentBox"> 101 <!-- ---------------------预约状态------------------------- -->
102 <blockquote class="layui-elem-quote"> 102 <div class="appointment_status layui-bg-gray contentBox">
103 <ul> 103 <div class="title">
104 <li> 104 <h3>
105 <span>预约成功！您的预约号：</span> 105 预约成功！您的预约号：
106 <p>20201019001104</p> 106 <span>952567654</span>
107 </li> 107 </h3>
108 <li>请记录下您的预约号，以便后续的预约服务。</li> 108 <p>请记录下您的预约号，以便后续的预约服务。</p>
109 </ul> 109 </div>
110 </blockquote> 110 <ul>
111 </div> 111 <li></li>
112
113 <div class="site-title">
114 <fieldset>
115 <legend>
116 <a href="" name="fieldset">
117 预约信息
118 </a>
119 </legend>
120 </fieldset>
121 </div>
122 <!-- ------------------------------------预约列表信息---------------------------------------------- -->
123 <div class="contentBox">
124 <ul class="result_details_list">
125 <li>
126 <span>姓名</span>
127 <p>任超</p>
128 </li>
129 <li>
130 <span>身份证号</span>
131 <p>61012419930918119</p>
132 </li>
133 <li>
134 <span>联系电话</span>
135 <p>1988405632</p>
136 </li>
137 <li>
138 <span>办事大厅</span>
139 <p>米香园办事大厅</p>
140 </li>
141 <li>
142 <span>办理业务类型</span>
143 <p>二手房交易</p>
144 </li>
145 <li>
146 <span>预约时间</span>
147 <p>2020-02-03</p>
148 </li>
149 <li>
150 <span>预约号</span>
151 <p>20202222</p>
152 </li>
153 <li>
154 <span>状态</span>
155 <p class="success">成功</p>
156 </li>
157 </ul> 112 </ul>
158 </div> 113 </div>
114 <div class="appointment_info">
115
116 </div>
159 </div> 117 </div>
160 <!-- ----------------------------------内容模块的end----------------------------------------------- --> 118 <!-- ----------------------------------内容模块的end----------------------------------------------- -->
161 <div class="footer"> 119 <div class="footer">
......