Nenhuma Descrição

res_index.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>首页</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link href="css/mui.min.css" rel="stylesheet" />
  10. <link href="css/mui.picker.css" rel="stylesheet" />
  11. <link href="css/mui.poppicker.css" rel="stylesheet" />
  12. <link href="css/iconfont.css" rel="stylesheet" />
  13. <link href="css/index.css" rel="stylesheet" />
  14. </head>
  15. <body>
  16. <header class="mui-bar mui-bar-nav" style="padding-right: 15px; color: #fff;">
  17. <a class="mui-action-back mui-icon mui-icon mui-icon-closeempty mui-pull-left" style="color: #FFFFFF;"></a>
  18. <h1 class="mui-center mui-title"><span class="Totle-box">任务中心</span></h1>
  19. </header>
  20. <div class="mui-content">
  21. <div class="mui-card">
  22. <div class="mui-card-content itemtit">
  23. <ul class="mui-table-view mui-grid-view mui-grid-9 Common-box Dispatch_">
  24. <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 ">
  25. <div class="mess_num" style="display: block;">99</div>
  26. <a class="mui-control-item Common-box Control_a">
  27. <div class="Icon icon-1">
  28. <img src="img/icon_01.png" class="mui-icon-img-1h" style="display: none;" />
  29. <img src="img/icon_01c.png" class="mui-icon-img-1c" style="display: block;" />
  30. </div>
  31. <div class="mui-media-body" style="color:#22c9a8;">待交办</div>
  32. </a>
  33. <div class="sanjiao_down" style="display: block;"></div>
  34. </li>
  35. <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 ">
  36. <div class="mess_num" style="display: block;">99</div>
  37. <a class="mui-control-item Common-box Control_a">
  38. <div class="Icon icon-1">
  39. <img src="img/icon_02.png" class="mui-icon-img-1h" />
  40. <img src="img/icon_02c.png" class="mui-icon-img-1c" />
  41. </div>
  42. <div class="mui-media-body">待派单</div>
  43. </a>
  44. <div class="sanjiao_down" style="display: none;"></div>
  45. </li>
  46. <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 ">
  47. <div class="mess_num" style="display: block;">99</div>
  48. <a class="mui-control-item Common-box Control_a">
  49. <div class="Icon icon-1">
  50. <img src="img/icon_03.png" class="mui-icon-img-1h" />
  51. <img src="img/icon_03c.png" class="mui-icon-img-1c" />
  52. </div>
  53. <div class="mui-media-body">已完成</div>
  54. </a>
  55. <div class="sanjiao_down" style="display: none;"></div>
  56. </li>
  57. <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
  58. <a href="client-side/inquire.html">
  59. <div class="Icon icon-4">
  60. <img src="img/icon_04.png" class="mui-icon-img-1h" />
  61. <img src="img/icon_04c.png" class="mui-icon-img-1c" />
  62. </div>
  63. <div class="mui-media-body">综合查询</div>
  64. </a>
  65. <div class="sanjiao_down"></div>
  66. </li>
  67. </ul>
  68. </div>
  69. </div>
  70. <!--待交办-->
  71. <div class="itemdiv" style="display: block;">
  72. <!--1-->
  73. <div class="mui-card mui-card-detail">
  74. <div class="mui-card-header">
  75. <div class="fl">
  76. <span>咨询</span>|
  77. <span>租户</span>|
  78. <button class="mui-btn-primary">重要</button>
  79. </div>
  80. <div class="fr"><span>05/06</span><span>12:33</span></div>
  81. </div>
  82. <div class="mui-card-content">
  83. <div class="mui-card-content-inner">
  84. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  85. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  86. <div class="mui-card-content-inner-span">
  87. <span id="">范冰冰11</span>
  88. <span id="">15222222222</span>
  89. <span class="font-color1">未选择受理人</span>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="mui-card-footer">
  94. <div class="mui-card-footer-fl">
  95. <div class="mui-card-footer-flimg">
  96. <img src="img/icon_02c.png" />
  97. </div>
  98. </div>
  99. <div class="mui-card-footer-fl">
  100. <span class="font-color2">黄渤</span>
  101. <span class="font-color3">客服部经理</span>
  102. <span class="font-color3">未接单</span>
  103. </div>
  104. <div class="mui-card-footer-fr">
  105. <button class="mui-btn-success">催单</button>
  106. </div>
  107. </div>
  108. </div>
  109. <!--2-->
  110. <div class="mui-card mui-card-detail">
  111. <div class="mui-card-header">
  112. <div class="fl">
  113. <span>咨询</span>|
  114. <span>租户</span>|
  115. <button class="mui-btn-primary">重要</button>
  116. </div>
  117. <div class="fr"><span>05/06</span><span>12:33</span></div>
  118. </div>
  119. <div class="mui-card-content">
  120. <div class="mui-card-content-inner">
  121. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  122. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  123. <div class="mui-card-content-inner-span">
  124. <span id="">范冰冰 </span>
  125. <span id="">15222222222</span>
  126. <span class="font-color1">未选择受理人</span>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="mui-card-footer">
  131. <div class="mui-card-footer-fl">
  132. <div class="mui-card-footer-flimg">
  133. <img src="img/icon_02c.png" />
  134. </div>
  135. </div>
  136. <div class="mui-card-footer-fl">
  137. <span class="font-color2">黄渤</span>
  138. <span class="font-color3">客服部经理</span>
  139. <span class="font-color3">未接单</span>
  140. </div>
  141. <div class="mui-card-footer-fr">
  142. <button class="mui-btn-success">催单</button>
  143. </div>
  144. </div>
  145. </div>
  146. <!--3-->
  147. <div class="mui-card mui-card-detail">
  148. <div class="mui-card-header">
  149. <div class="fl">
  150. <span>咨询</span>|
  151. <span>租户</span>|
  152. <button class="mui-btn-primary">重要</button>
  153. </div>
  154. <div class="fr"><span>05/06</span><span>12:33</span></div>
  155. </div>
  156. <div class="mui-card-content">
  157. <div class="mui-card-content-inner">
  158. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  159. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  160. <div class="mui-card-content-inner-span">
  161. <span id="">范冰冰 </span>
  162. <span id="">15222222222</span>
  163. <span class="font-color1">未选择受理人</span>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="mui-card-footer">
  168. <div class="mui-card-footer-fl">
  169. <div class="mui-card-footer-flimg">
  170. <img src="img/icon_02c.png" />
  171. </div>
  172. </div>
  173. <div class="mui-card-footer-fl">
  174. <span class="font-color2">黄渤</span>
  175. <span class="font-color3">客服部经理</span>
  176. <span class="font-color3">未接单</span>
  177. </div>
  178. <div class="mui-card-footer-fr">
  179. <button class="mui-btn-success">催单</button>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. <!--待派单-->
  185. <div class="itemdiv">
  186. <!--1-->
  187. <div class="mui-card mui-card-detail">
  188. <div class="mui-card-header">
  189. <div class="fl">
  190. <span>咨询</span>|
  191. <span>租户</span>|
  192. <button class="mui-btn-primary">重要</button>
  193. </div>
  194. <div class="fr"><span>05/06</span><span>12:33</span></div>
  195. </div>
  196. <div class="mui-card-content">
  197. <div class="mui-card-content-inner">
  198. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  199. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  200. <div class="mui-card-content-inner-span">
  201. <span id="">范冰冰22</span>
  202. <span id="">15222222222</span>
  203. <span class="font-color1">未选择受理人</span>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="mui-card-footer">
  208. <div class="mui-card-footer-fl">
  209. <div class="mui-card-footer-flimg">
  210. <img src="img/icon_02c.png" />
  211. </div>
  212. </div>
  213. <div class="mui-card-footer-fl">
  214. <span class="font-color2">黄渤</span>
  215. <span class="font-color3">客服部经理</span>
  216. <span class="font-color3">未接单</span>
  217. </div>
  218. <div class="mui-card-footer-fr">
  219. <button class="mui-btn-success">催单</button>
  220. </div>
  221. </div>
  222. </div>
  223. <!--2-->
  224. <div class="mui-card mui-card-detail">
  225. <div class="mui-card-header">
  226. <div class="fl">
  227. <span>咨询</span>|
  228. <span>租户</span>|
  229. <button class="mui-btn-primary">重要</button>
  230. </div>
  231. <div class="fr"><span>05/06</span><span>12:33</span></div>
  232. </div>
  233. <div class="mui-card-content">
  234. <div class="mui-card-content-inner">
  235. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  236. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  237. <div class="mui-card-content-inner-span">
  238. <span id="">范冰冰 </span>
  239. <span id="">15222222222</span>
  240. <span class="font-color1">未选择受理人</span>
  241. </div>
  242. </div>
  243. </div>
  244. <div class="mui-card-footer">
  245. <div class="mui-card-footer-fl">
  246. <div class="mui-card-footer-flimg">
  247. <img src="img/icon_02c.png" />
  248. </div>
  249. </div>
  250. <div class="mui-card-footer-fl">
  251. <span class="font-color2">黄渤</span>
  252. <span class="font-color3">客服部经理</span>
  253. <span class="font-color3">未接单</span>
  254. </div>
  255. <div class="mui-card-footer-fr">
  256. <button class="mui-btn-success">催单</button>
  257. </div>
  258. </div>
  259. </div>
  260. <!--3-->
  261. <div class="mui-card mui-card-detail">
  262. <div class="mui-card-header">
  263. <div class="fl">
  264. <span>咨询</span>|
  265. <span>租户</span>|
  266. <button class="mui-btn-primary">重要</button>
  267. </div>
  268. <div class="fr"><span>05/06</span><span>12:33</span></div>
  269. </div>
  270. <div class="mui-card-content">
  271. <div class="mui-card-content-inner">
  272. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  273. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  274. <div class="mui-card-content-inner-span">
  275. <span id="">范冰冰 </span>
  276. <span id="">15222222222</span>
  277. <span class="font-color1">未选择受理人</span>
  278. </div>
  279. </div>
  280. </div>
  281. <div class="mui-card-footer">
  282. <div class="mui-card-footer-fl">
  283. <div class="mui-card-footer-flimg">
  284. <img src="img/icon_02c.png" />
  285. </div>
  286. </div>
  287. <div class="mui-card-footer-fl">
  288. <span class="font-color2">黄渤</span>
  289. <span class="font-color3">客服部经理</span>
  290. <span class="font-color3">未接单</span>
  291. </div>
  292. <div class="mui-card-footer-fr">
  293. <button class="mui-btn-success">催单</button>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. <!--已完成-->
  299. <div class="itemdiv">
  300. <!--1-->
  301. <div class="mui-card mui-card-detail">
  302. <div class="mui-card-header">
  303. <div class="fl">
  304. <span>咨询</span>|
  305. <span>租户</span>|
  306. <button class="mui-btn-primary">重要</button>
  307. </div>
  308. <div class="fr"><span>05/06</span><span>12:33</span></div>
  309. </div>
  310. <div class="mui-card-content">
  311. <div class="mui-card-content-inner">
  312. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  313. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  314. <div class="mui-card-content-inner-span">
  315. <span id="">范冰冰33 </span>
  316. <span id="">15222222222</span>
  317. <span class="font-color1">未选择受理人</span>
  318. </div>
  319. </div>
  320. </div>
  321. <div class="mui-card-footer">
  322. <div class="mui-card-footer-fl">
  323. <div class="mui-card-footer-flimg">
  324. <img src="img/icon_02c.png" />
  325. </div>
  326. </div>
  327. <div class="mui-card-footer-fl">
  328. <span class="font-color2">黄渤</span>
  329. <span class="font-color3">客服部经理</span>
  330. <span class="font-color3">未接单</span>
  331. </div>
  332. <div class="mui-card-footer-fr">
  333. <button class="mui-btn-success">催单</button>
  334. </div>
  335. </div>
  336. </div>
  337. <!--2-->
  338. <div class="mui-card mui-card-detail">
  339. <div class="mui-card-header">
  340. <div class="fl">
  341. <span>咨询</span>|
  342. <span>租户</span>|
  343. <button class="mui-btn-primary">重要</button>
  344. </div>
  345. <div class="fr"><span>05/06</span><span>12:33</span></div>
  346. </div>
  347. <div class="mui-card-content">
  348. <div class="mui-card-content-inner">
  349. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  350. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  351. <div class="mui-card-content-inner-span">
  352. <span id="">范冰冰 </span>
  353. <span id="">15222222222</span>
  354. <span class="font-color1">未选择受理人</span>
  355. </div>
  356. </div>
  357. </div>
  358. <div class="mui-card-footer">
  359. <div class="mui-card-footer-fl">
  360. <div class="mui-card-footer-flimg">
  361. <img src="img/icon_02c.png" />
  362. </div>
  363. </div>
  364. <div class="mui-card-footer-fl">
  365. <span class="font-color2">黄渤</span>
  366. <span class="font-color3">客服部经理</span>
  367. <span class="font-color3">未接单</span>
  368. </div>
  369. <div class="mui-card-footer-fr">
  370. <button class="mui-btn-success">催单</button>
  371. </div>
  372. </div>
  373. </div>
  374. <!--3-->
  375. <div class="mui-card mui-card-detail">
  376. <div class="mui-card-header">
  377. <div class="fl">
  378. <span>咨询</span>|
  379. <span>租户</span>|
  380. <button class="mui-btn-primary">重要</button>
  381. </div>
  382. <div class="fr"><span>05/06</span><span>12:33</span></div>
  383. </div>
  384. <div class="mui-card-content">
  385. <div class="mui-card-content-inner">
  386. <p class="font-color2">包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作</p>
  387. <p class="font-color3 margin">绿地之窗景峰座7号楼2单元2603</p>
  388. <div class="mui-card-content-inner-span">
  389. <span id="">范冰冰 </span>
  390. <span id="">15222222222</span>
  391. <span class="font-color1">未选择受理人</span>
  392. </div>
  393. </div>
  394. </div>
  395. <div class="mui-card-footer">
  396. <div class="mui-card-footer-fl">
  397. <div class="mui-card-footer-flimg">
  398. <img src="img/icon_02c.png" />
  399. </div>
  400. </div>
  401. <div class="mui-card-footer-fl">
  402. <span class="font-color2">黄渤</span>
  403. <span class="font-color3">客服部经理</span>
  404. <span class="font-color3">未接单</span>
  405. </div>
  406. <div class="mui-card-footer-fr">
  407. <button class="mui-btn-success">催单</button>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. </div>
  413. <div style="width: 100%; height: 50px;"></div>
  414. <!--底部-->
  415. <nav class="mui-tabs">
  416. <a class="mui-tabs-item mui-active" href="index.html">
  417. <span class="mui-icon iconfont">
  418. <img src="img/task_c.png" />
  419. </span>
  420. <span class="mui-tab-label">任务中心</span>
  421. </a>
  422. <a class="mui-tabs-item" href="Dynamic/dynamic.html">
  423. <span class="mui-icon iconfont">
  424. <img src="img/dynamic.png" />
  425. </span>
  426. <span class="mui-tab-label">工作动态</span>
  427. </a>
  428. <a class="mui-tabs-item" href="person/Setting-1.html">
  429. <span class="mui-icon iconfont">
  430. <img src="img/personage.png" />
  431. </span>
  432. <span class="mui-tab-label">我的</span>
  433. </a>
  434. </nav>
  435. <script src="js/mui.min.js?"></script>
  436. <script src="js/mui.picker.js"></script>
  437. <script src="js/mui.poppicker.js"></script>
  438. <script src="js/jquery.min.js"></script>
  439. <script src="js/index.js"></script>
  440. </body>
  441. </html>