Home Explore Help
Register Sign In
cxc
/
ifm
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
ifm
/
WebRoot
/
views
/
haifmv
/
mc
/
mcSlxh
/
mcSlxh.htm

mcSlxh.htm 7.8 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="utf-8">
    5. 

  5. 		<title>mcSnhj</title>
    6. 

  6. 		<style>
    7. 

  7. 			div#chartDiv{
    8. 

  8. 				margin-bottom: 0;
    9. 

  9. 			}
    10. 

  10. 			p{
    11. 

  11. 		 		color: #fff;
    12. 

  12. 		 		font-size: 0.3rem;
    13. 

  13. 		 	}
    14. 

  14. 			h3{
    15. 

  15. 				text-align: center;
    16. 

  16. 				color: #6e98b0;
    17. 

  17. 				font-weight: bold;
    18. 

  18. 				font-size: 0.32rem;
    19. 

  19. 			}
    20. 

  20. 			.mui-content {
    21. 

  21. 			    background-color: #fff;
    22. 

  22. 			}
    23. 

  23. 			input[placeholder], [placeholder], *[placeholder] {
    24. 

  24. 				text-align: left;font-size: 0.28rem !important;color: #fff !important;background: #bbcde1;border-radius: 30px;box-shadow: 0 0 5px #9ca0a9;
    25. 

  25. 			}
    26. 

  26. 			::-webkit-input-placeholder {
    27. 

  27. 				color: #fff !important;
    28. 

  28. 			}
    29. 

  29. 			.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default,.btn-default.active.focus, .btn-default:hover, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    30. 

  30. 				border-color: transparent;
    31. 

  31. 			    background-color: transparent;
    32. 

  32. 			}
    33. 

  33. 			.sskuang{
    34. 

  34. 			    width: auto;
    35. 

  35. 				height: 0.64rem;
    36. 

  36. 			    margin: 0.2rem 1.3rem;
    37. 

  37. 			}
    38. 

  38. 			.sskuang span{
    39. 

  39. 				z-index: 1;background: #a3bed3 url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;position: absolute;right: 0;top: 0;border-radius: 50%;background-size: 450%;background-position-x: -1.18rem;background-position-y: -0.89rem;
    40. 

  40. 			}
    41. 

  41. 			.cx{
    42. 

  42. 				z-index: 1;background: #a3bed3 url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;position: absolute;right: 0.4rem;bottom: 0.2rem;border-radius: 50%;background-size: 450%;background-position-x: -1.18rem;background-position-y: -0.89rem;
    43. 

  43. 			}
    44. 

  44. 			.suosou{
    45. 

  45. 				height: 0.72rem;
    46. 

  46. 			    z-index: 1;
    47. 

  47. 			    padding: 0.12rem 0;
    48. 

  48. 				border-bottom: 1px solid #eee;
    49. 

  49. 			}
    50. 

  50. 			#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified{
    51. 

  51. 				background: #fff;
    52. 

  52. 				justify-content: center;
    53. 

  53. 				padding: 0.12rem 0;
    54. 

  54. 			}
    55. 

  55. 			#wrap .suosou ul.nav-pills>li+li {
    56. 

  56. 			    margin-left: 0;
    57. 

  57. 			}
    58. 

  58. 			#wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified li a{
    59. 

  59. 			    color: #67889D;padding: 0.05rem 0.2rem;border: 1px solid #7BA3B9;border-radius: 0.08rem;
    60. 

  60. 			}
    61. 

  61. 			.tabcolor{
    62. 

  62. 				color: #fff !important;
    63. 

  63. 				background-color: #6C98B1 !important;
    64. 

  64. 			}
    65. 

  65. 			.xian {
    66. 

  66. 		        width: 1px;display: block;height: 1rem;background: -webkit-linear-gradient(left top, transparent 5%, #fff 50%, transparent 95%);
    67. 

  67. 			}
    68. 

  68. 			.mui-table-view-cell.mui-active,.mui-table-view-cell.sssj.mui-active,.mui-table-view-cell.yweb.mui-active,.mui-table-view-cell{
    69. 

  69. 				background: #A3BED3;
    70. 

  70. 			}
    71. 

  71. 			.mui-table-view:first-child{
    72. 

  72. 				margin-top: 0.1rem;
    73. 

  73. 			}
    74. 

  74. 			.mui-table-view li:last-child{
    75. 

  75. 				padding-bottom: 0.2rem;border-radius: 0 0 0.2rem 0.2rem;
    76. 

  76. 			}
    77. 

  77. 			.mui-table-view-cell {
    78. 

  78. 			    font-size: 0.26rem;text-align: left;border-radius: 0;
    79. 

  79. 			}
    80. 

  80. 			#modal-1 .mui-icon-checkmarkempty{
    81. 

  81. 				font-size: 1rem;
    82. 

  82. 			    width: 100%;
    83. 

  83. 			}
    84. 

  84. 			.mui-table-view-cell span.rq {
    85. 

  85. 				position: inherit;right: inherit;top: inherit;background-repeat: no-repeat;background-position-x: -1.12rem;background-position-y: -1.32rem;background-size: 666%;
    86. 

  86. 			}
    87. 

  87. 			.time span{
    88. 

  88. 				display: block;padding: 0.1rem 0;border: 1px solid #fff;border-radius: 0.1rem;width: 0.58rem;height: 0.52rem;text-align: center;font-size: 0.22rem;
    89. 

  89. 			}
    90. 

  90. 			.checklabel,.mui-table-view-cell {
    91. 

  91. 				color: #4E768F !important;
    92. 

  92. 			}
    93. 

  93. 			label,.time span{
    94. 

  94. 				color: #A6ACB0;
    95. 

  95. 			}
    96. 

  96. 			#modal-1 .title li:first-child,#modal-1 .title li:last-child{
    97. 

  97. 				width: 50%;
    98. 

  98. 			}
    99. 

  99. 			#modal-1 .title li span.search{
    100. 

  100. 				z-index: 1;background: url(views/haifmv/img/mc_img/search.png);display: block;width: 0.64rem;height: 0.64rem;border-radius: 50%;background-size: 450%;background-position-x: -1.16rem;background-position-y: -0.9rem;
    101. 

  101. 			}
    102. 

  102. 			.dropdown-menu{
    103. 

  103. 				left: -1.3rem;min-width: 2rem;top: 0.5rem;border-radius: 10px;
    104. 

  104. 			}
    105. 

  105. 			#containerWd,#containerSd,#containerAq{
    106. 

  106. 				width:100%;height:100%
    107. 

  107. 			}
    108. 

  108. 		</style>
    109. 

  109. 		<script type="text/javascript" src="views/haifmv/js/classie.js" ></script>
    110. 

  110. 		<script type="text/javascript" src="views/haifmv/js/modalEffects.js" ></script>
    111. 

  111. 		<script type="text/javascript" src="views/haifmv/mc/mcSlxh/mcSlxh.js"></script>
    112. 

  112. 	</head>
    113. 

  113. 	<body>
    114. 

  114. 	<input type="hidden" id="lqid" name="lqid" value="$!lqid" />
    115. 

  115. 	<input type="hidden" id="zsid" value="$!zsid"/>
    116. 

  116. 	<input type="hidden" id="type" value="$!type"/>
    117. 

  117. 	<input type="hidden" id="jsms" value="$!jsms"/>
    118. 

  118. 	<input type="hidden" id="tjtksrq" value="$!tjtksrq"/>
    119. 

  119. 	<input type="hidden" id="tjtjsrq" value="$!tjtjsrq"/>
    120. 

  120. 	<input type="hidden" id="dbrq" value="$!dbrq"/>
    121. 

  121. 		<div id="wrap">
    122. 

  122. 			<div class="suosou iscrollSlxhX" id="iscrollSlxhX">
    123. 

  123. 				<ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="justify-content: space-between;">
    124. 

  124. 					<li><a href="#tabbarMtxh" class="mui-tab-item tabcolor" id="mtxh" data-for="mtxh">每天消耗</a></li>
    125. 

  125. 					<li><a href="#tabbarQcxh" class="mui-tab-item " id="qcxh" data-for="qcxh">全程消耗</a></li>
    126. 

  126. 				</ul>
    127. 

  127. 			</div>
    128. 

  128. 			<div class="middle">
    129. 

  129. 				<section class="snhjIscroll" style="background: #fff;">
    130. 

  130. 					<div class="mui-content">
    131. 

  131. 						<div class="mui-collapse-content container-fluid"></div>
    132. 

  132. 						<div id="chartDiv" class="mui-control-content mui-active"></div>
    133. 

  133. 						<div id="containerClyc" class="mui-control-content mui-active"></div>
    134. 

  134. 					</div>
    135. 

  135. 					<span class="md-trigger cx" data-modal="modal-1" ></span>
    136. 

  136. 				</section>
    137. 

  137. 			</div>
    138. 

  138. 			<!--弹框-->
    139. 

  139. 			<div class="md-modal md-effect-1" id="modal-1">
    140. 

  140. 				<div class="md-content">
    141. 

  141. 					<ul class="title align-itemscenter">
    142. 

  142. 						<li class="align-itemscenter" style="margin-right: 0.2rem;">
    143. 

  143. 							<span class="search"></span>
    144. 

  144. 							<p>搜索条件</p>
    145. 

  145. 						</li>
    146. 

  146. 						<li><span class="xian"></span></li>
    147. 

  147. 						<li class="align-itemscenter"  id = "search">
    148. 

  148. 							<span class="mui-icon mui-icon-checkmarkempty md-qd"></span>
    149. 

  149. 						</li>
    150. 

  150. 					</ul>
    151. 

  151. 					<div>
    152. 

  152. 						<ul class="mui-table-view">
    153. 

  153. 							<li class="mui-table-view-cell discenter sssj">
    154. 

  154. 								<span class="rq"></span><span>搜索时间</span>
    155. 

  155. 							</li>
    156. 

  156. 							#if ("$!type" == "mtxh")
    157. 

  157. 							<li class="mui-table-view-cell discenter" style="background: #BBCDE1;">
    158. 

  158. 								<div class="mui-input-row mui-radio mui-left">
    159. 

  159. 									<label class="dr checklabel" data-for = "1">单日</label>
    160. 

  160. 									<input name="radio1" type="radio" checked>
    161. 

  161. 								</div>
    162. 

  162. 								<div class="time discenter" id="danri">
    163. 

  163. 									<span class="nian checklabel">2017</span>-<span class="yue checklabel" >06</span>-<span class="ri checklabel" >06</span>
    164. 

  164. 								</div>
    165. 

  165. 								<div class="ee "></div>
    166. 

  166. 							</li>
    167. 

  167. 							#end
    168. 

  168. 							#if ("$!type" == "qcxh")
    169. 

  169. 							<li class="mui-table-view-cell discenter" style="background: #BBCDE1;">
    170. 

  170. 								<div class="mui-input-row mui-radio mui-left">
    171. 

  171. 									<label class="jd checklabel" data-for = "3">阶段</label>
    172. 

  172. 									<input name="radio1" type="radio" checked>
    173. 

  173. 								</div>
    174. 

  174. 								<div class="time discenter" id="kaishi">
    175. 

  175. 									<span class="nian newYear checklabel"></span>-<span class="yue newMonth checklabel"></span>-<span class="ri newDay checklabel"></span>
    176. 

  176. 								</div>
    177. 

  177. 								—
    178. 

  178. 								<div class="time discenter" id="jieshu">
    179. 

  179. 									<span class="nian toYear checklabel">2017</span>-<span class="yue toMonth checklabel">05</span>-<span class="ri toDay checklabel" style="margin-right: 0.1rem;">06</span>
    180. 

  180. 								</div>
    181. 

  181. 								<div class="ee"></div>
    182. 

  182. 							</li>
    183. 

  183. 							#end
    184. 

  184. 							<li class="mui-table-view-cell discenter yweb " >
    185. 

  185. 								<span class="mceb"></span><span>有无耳标</span>
    186. 

  186. 							</li>
    187. 

  187. 							<li class="mui-table-view-cell align-itemscenter ff yweb " style="background: #BBCDE1;">
    188. 

  188. 								<span class="ffcolor" data-for="1">有</span><span data-for="0">无</span><span data-for="2">兼容搜索</span>
    189. 

  189. 							</li>
    190. 

  190. 						</ul>
    191. 

  191. 					</div>
    192. 

  192. 				</div>
    193. 

  193. 			</div>
    194. 

  194. 			<!--遮罩-->
    195. 

  195. 			<div class="md-overlay"></div>
    196. 

  196. 		</div>
    197. 

  197. 	</body>
    198. 

  198. </html>
    199.