grouporder.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. {template 'public/header'}
  2. {template 'public/comhead'}
  3. <link rel="stylesheet" type="text/css" href="../addons/zh_tcwq/template/public/ygcsslist.css">
  4. <style type="text/css">
  5. .ygrow{margin-top: 20px;}
  6. .yg5_key>div{float: left;line-height: 34px;}
  7. .store_td1{height: 45px;}
  8. .store_list_img{width: 80px;height: 80px;}
  9. .yg5_tabel{border-color: #e5e5e5;outline: 1px solid #e5e5e5;text-align: center;}
  10. .yg5_tr2>td{padding: 15px 8px;border: 1px solid #e5e5e5;}
  11. .yg5_tr1>td{
  12. border: 1px solid #e5e5e5;
  13. background-color: #FAFAFA;
  14. font-weight: bold;
  15. }
  16. .ordersucess{background-color: #44ABF7;color: white;}
  17. .ordersucess:hover{background-color: #44ABF7;color: white;}
  18. .yg5_btn{background-color: #EEEEEE;color: #333;border: 1px solid #E4E4E4;border-radius: 6px;width: 100px;height: 34px;}
  19. .inorderbtn2>span,.inorderbtn>button,.inorderbtn>a>button{margin-bottom: 10px;}
  20. .orfont1{font-weight: bold;font-size: 24px;}
  21. .orfont2{color: #F5B340;font-size: 16px;margin-left: 15px;}
  22. .orderback{background-color: #FAFAFA;height: 50px;margin-bottom: 15px;padding: 10px;}
  23. .ordermain{font-size: 14px;width: 100%;}
  24. .orfont3{font-size: 20px;font-weight: bold;}
  25. .orfont4{font-size: 12px;color: #999;}
  26. .orderconfirm{border:1px solid #44ABF7;color: #44ABF7;padding: 5px 15px;border-radius: 6px;cursor: pointer;margin-right: 10px;}
  27. .orderconfirm:hover{background-color: #44ABF7;color: white;}
  28. .orderconfirm2{color: #fff;padding: 3px 10px;border-radius: 6px;margin-right: 10px;font-size: 12px;margin-top: 5px;background-color: #44ABF7;}
  29. .orderback2{border-bottom:1px solid #E9E9E9;margin-bottom: 10px;padding-bottom: 10px;}
  30. .orderback3{margin-bottom: 10px;padding-bottom: 10px;}
  31. .orderback2>div>p{margin-bottom: 5px;}
  32. .orderdish{margin-bottom: 10px;height: 15px;width: 100%;}
  33. .orderdish>div{float: left;margin-right: 50px;}
  34. .orderbox1,.orderdish1{width: 250px;}
  35. .orderdish>div:nth-child(2){width: 80px;}
  36. .orderdish>div:nth-child(3){width: 80px;}
  37. .orderbox2,.orderdish>div:nth-child(4){width: 80px;}
  38. .orderbox2{margin-left: 310px;}
  39. .orderaccount{width: 100%;height: 25px;}
  40. .orfont5{color: #44ABF7;font-size: 14px;}
  41. .orfont6{font-size: 12px;color: #666;}
  42. .orfont7{font-weight: bold;font-size: 15px;}
  43. .dlorfont7{font-size: 18px;color: #44ABF7;}
  44. .orfont8{color: #44ABF7;}
  45. .orfont9{color: #666;}
  46. .orderpanel1{width: 50%;display: inline-block;}
  47. .orderpanel2{width: 30%;display: inline-block;margin-left: 30px;}
  48. .ordertelimg{width: 20px;height: 20px;}
  49. .ordertelimg1{color: #44ABF7;font-size: 14px;}
  50. .ordername{height: 30px;width: 100%;margin-bottom: 5px;}
  51. .ordername1{font-size: 20px;font-weight: bold;}
  52. .orbeizhu{color: #FF7712;}
  53. .ordertime{margin-right: 10px;}
  54. .orfont10{color: #999;}
  55. .orderbtn{border: #FF7F50 1px solid;color: #FF7F50;background-color: #fff;margin-top: -10px;}
  56. .orderbtn:hover{background-color: #FF7F50;color: white;}
  57. .ortypeimg{position: absolute;left: 27%;top:53%;z-index: 10;opacity: 0.2;width: 150px;height: 150px;}
  58. .ortypeimg>img{width: 100%;height: 100%;}
  59. .ortypeimg2{position: absolute;left: 27%;top:53%;z-index: 10;opacity: 0.4;width: 150px;height: 150px;}
  60. .ortypeimg2>img{width: 100%;height: 100%;}
  61. .orderwu{text-align: center;padding: 20px 0px;}
  62. .wufont1{font-size: 18px;color: #666;margin-top: 20px;}
  63. .orderconhui{background-color: grey;color: white;}
  64. .orfontyue1{text-indent: 4em;}
  65. .data_tip,.nav_head{
  66. display: flex;
  67. justify-content: space-between;
  68. align-items: center;
  69. }
  70. .box1{
  71. display:flex;
  72. }
  73. .back{
  74. position: absolute;;
  75. width:100%;
  76. background:#000;
  77. opacity: .2;
  78. left: 0;
  79. top: 0;
  80. height: 100%;
  81. z-index: 500;
  82. }
  83. .order_list{
  84. width: 100%;
  85. height: auto;
  86. margin-top: 20px;
  87. }
  88. .ba_f{
  89. background:#fff;
  90. }
  91. .pa{
  92. padding: 20px;
  93. }
  94. .pa_10{
  95. padding: 10px 20px;
  96. }
  97. .mar_t{
  98. margin-top: 20px;
  99. }
  100. .ba_e{
  101. background: #f7f7f7;
  102. }
  103. .list_head{
  104. width: 100%;
  105. /*padding: 0 20px;*/
  106. }
  107. .list_head>text{
  108. line-height: 1;
  109. padding: 20px 0;
  110. }
  111. .mar_l{
  112. margin-left: 20px;
  113. }
  114. .dis_in{
  115. display:inline-block;
  116. vertical-align: middle;
  117. }
  118. .t_c{
  119. text-align: center;
  120. }
  121. .list_head>text:nth-child(1){
  122. width: 30%;
  123. /*margin-left: 10px;*/
  124. }
  125. .list_head>text:nth-child(2){
  126. width: 15%;
  127. }
  128. .list_head>text:nth-child(3){
  129. width: 15%;
  130. }
  131. .list_head>text:nth-child(4){
  132. width: 20%;
  133. }
  134. .list_head>text:nth-child(5){
  135. width: 10%;
  136. }
  137. /*.list_head>text:nth-child(6){
  138. width: 10%;
  139. }
  140. .list_head>text:nth-child(7){
  141. width: 10%;
  142. }*/
  143. .list_head>p:nth-child(6){
  144. width: 10%;
  145. display: inline;
  146. }
  147. .list_body{
  148. border: 1px solid #e5e5e5;
  149. }
  150. .list_head img{
  151. width: 60px;
  152. height: 60px;
  153. }
  154. .order_list{
  155. padding: 20px 20px;
  156. }
  157. </style>
  158. <ul class="nav nav-tabs">
  159. <span class="ygxian"></span>
  160. <div class="ygdangq">当前位置:</div>
  161. <li {if $type=='wait'} class="active" {/if}><a href="{php echo $this->createWebUrl('grouporder',array('type'=>wait));}">未付款</a></li>
  162. <li {if $type=='pay'} class="active" {/if}><a href="{php echo $this->createWebUrl('grouporder',array('type'=>pay));}">已付款</a></li>
  163. <li {if $type=='complete'} class="active" {/if}><a href="{php echo $this->createWebUrl('grouporder',array('type'=>complete));}">已完成</a></li>
  164. <li {if $type=='close'} class="active" {/if}><a href="{php echo $this->createWebUrl('grouporder',array('type'=>close));}">已关闭</a></li>
  165. <li {if $type=='invalid'} class="active" {/if}><a href="{php echo $this->createWebUrl('grouporder',array('type'=>invalid));}">已失效</a></li>
  166. <li {if $type=='all'} class="active" {/if}><a href="{php echo $this->createWebUrl('grouporder',array('type'=>all));}">全部订单</a></li>
  167. </ul>
  168. <div class="row ygrow">
  169. <div class="col-lg-11 nav_head">
  170. <form action="" method="get" class="col-md-4" style="padding-left: 0">
  171. <input type="hidden" name="c" value="site" />
  172. <input type="hidden" name="a" value="entry" />
  173. <input type="hidden" name="m" value="zh_tcwq" />
  174. <input type="hidden" name="do" value="grouporder" />
  175. <div class="input-group" style="width: 300px;">
  176. <input type="text" name="keywords" class="form-control" placeholder="请输入姓名/订单编号/门店名称">
  177. <span class="input-group-btn">
  178. <input type="submit" class="btn btn-default" name="submit" value="查找"/>
  179. </span>
  180. </div>
  181. <input type="hidden" name="token" value="{$_W['token']}"/>
  182. </form>
  183. <form action="" method="get" class="col-md-4">
  184. <input type="hidden" name="c" value="site" />
  185. <input type="hidden" name="a" value="entry" />
  186. <input type="hidden" name="m" value="zh_tcwq" />
  187. <input type="hidden" name="do" value="grouporder" />
  188. <div class="input-group" style="width: 100px">
  189. {php echo tpl_form_field_daterange('time',$_GPC['time'],true);}
  190. <span class="input-group-btn">
  191. <input type="submit" class="btn btn-default" name="submit2" value="查找"/>
  192. </span>
  193. <!-- <input type="submit" class="btn btn-sm ordersucess" name="export_submit" value="导出"/> -->
  194. </div><!-- /input-group -->
  195. <input type="hidden" name="token" value="{$_W['token']}"/>
  196. </form>
  197. </div><!-- /.col-lg-6 -->
  198. </div>
  199. <div class="order_list ba_f">
  200. <!-- <div class="panel panel-default">
  201. <div class="orderwu">
  202. <img src="../addons/zh_tcwq/template/images/noorder.png">
  203. <p class="wufont1">暂无指定订单</p>
  204. <p class="orfont10">暂时没有筛选条件的订单,稍后再来看看吧!</p>
  205. </div>
  206. </div> -->
  207. <div class="list_head ba_e" style="padding: 0 10px;">
  208. <text class="dis_in">商品</text>
  209. <!-- <text class="dis_in">单价/数量</text> -->
  210. <text class="dis_in">买家</text><text class="dis_in">支付</text>
  211. <!-- <text class="dis_in">金额</text> -->
  212. <text class="dis_in">操作</text><text class="dis_in">状态</text><text class="dis_in">删除</text>
  213. </div>
  214. {loop $list $row}
  215. <div class="list_body mar_t">
  216. <div class="order_num ba_e pa_10">
  217. <text style="border: 1px solid orange;border-radius: 3px;color:orange;padding: 0 5px;font-weight: bold">{$row['store_name']}</text>
  218. <text class="mar_l">{php echo date('Y-m-d H:i:s',$row['time'])}</text>
  219. <text class="mar_l">订单编号:{$row['order_num']}</text>
  220. </div>
  221. <div class="list_head ba_f">
  222. <text class="dis_in">
  223. <img class="store_list_img mar_l" src="{media $row['logo']}" alt=""/>
  224. {$row['goods_name']}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$row['price']}元&nbsp;x&nbsp;{$row['goods_num']}
  225. </text>
  226. <!-- <text class="dis_in">{$row['price']}元/{$row['goods_num']}</text> -->
  227. <text class="dis_in">{$row['nick_name']}</text>
  228. <text class="dis_in">
  229. {if $row['pay_type']==1}
  230. 微信支付
  231. {elseif $row['pay_type']==2}
  232. 余额支付
  233. {/if}
  234. </text>
  235. <!-- <text class="dis_in">{$row['money']}</text> -->
  236. <text class="dis_in"> <a href="{php echo $this->createWebUrl('grouporderinfo', array('id' => $row['id']))}" >查看详情</a></text><text class="dis_in">
  237. {if $row['state']==1}
  238. 未付款
  239. {elseif $row['state']==2}
  240. 已付款
  241. {elseif $row['state']==3}
  242. 已完成
  243. {elseif $row['state']==4}
  244. 已关闭
  245. {elseif $row['state']==5}
  246. 已失效
  247. {/if}
  248. </text>
  249. <p>
  250. <a href="javascript:void(0);" class="storespan btn btn-xs" data-toggle="modal" data-target="#myModal{$row['id']}">
  251. <span class="fa fa-trash-o"></span>
  252. <span class="bianji">删除<span class="arrowdown"></span>
  253. </span>
  254. </a>
  255. </p>
  256. </div>
  257. </div>
  258. <div class="modal fade" id="myModal{$row['id']}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  259. <div class="modal-dialog" role="document">
  260. <div class="modal-content">
  261. <div class="modal-header">
  262. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  263. <h4 class="modal-title" id="myModalLabel" style="font-size: 20px;">提示</h4>
  264. </div>
  265. <div class="modal-body" style="font-size: 20px">
  266. 确定删除么?
  267. </div>
  268. <div class="modal-footer">
  269. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  270. <a href="{php echo $this->createWebUrl('grouporder', array('op' => 'delete', 'id' => $row['id']))}" type="button" class="btn btn-info" >确定</a>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. {/loop}
  276. {if empty($list)}
  277. <tr class="yg5_tr2">
  278. <td colspan="11">
  279. 暂无订单信息
  280. </td>
  281. </tr>
  282. {/if}
  283. </div>
  284. <div class="text-right we7-margin-top">{$pager}</div>
  285. <script type="text/javascript">
  286. $(function(){
  287. $("#frame-22").show();
  288. $("#yframe-22").addClass("wyactive");
  289. })
  290. </script>{template 'common/footer'}