hall.blade.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. @extends('admin/layout')
  2. @section('header')
  3. <style>
  4. .spaceBtn {
  5. margin-left: 10px;
  6. }
  7. .my-table {
  8. width: 80%;
  9. }
  10. .my-table tr {
  11. border: 1px solid #999;
  12. }
  13. .my-table td {
  14. padding: 8px 5px;
  15. }
  16. </style>
  17. @endsection
  18. @section('content')
  19. <body class="gray-bg">
  20. <div class="row">
  21. <div class="wrapper wrapper-content animated fadeInRight">
  22. <div class="row">
  23. <div class="col-sm-12">
  24. <div class="wrapper wrapper-content animated fadeInRight">
  25. <div class="ibox-content m-b-sm border-bottom">
  26. <div class="p-xs">
  27. <div class="pull-left m-r-md">
  28. <i class="fa fa-globe text-navy mid-icon"></i>
  29. </div>
  30. <h2><span style="font-size: 14px">{{ auth()->user()->nickname }}</span>欢迎来到任务大厅</h2>
  31. <span>你可以在此选择您的任务。</span>
  32. <a href="{{url('admin/auth/logoff')}}">退出</a>
  33. {{--<button type="button" class="btn btn-success" style="margin-left: 10px"--}}
  34. {{--onclick="units.calcHistory()">--}}
  35. {{--结算历史--}}
  36. {{--</button>--}}
  37. <div class="pull-right"><a onclick="units.notice()">注意事项</a></div>
  38. </div>
  39. </div>
  40. <div class="ibox-content m-b-sm border-bottom" style="padding-top: 5px">
  41. <div class="p-xs">
  42. <form class="row" id="searchForm" onsubmit="units.search();return false;">
  43. <div class="col-sm-6">
  44. <div class="input-group">
  45. <input type="hidden" name="status" id="status" value="2"> {{--默认状态为翻译中--}}
  46. <span class="input-group-btn">
  47. <button type="button" class="btn btn-info" onclick="units.status(1,this)">
  48. 任务大厅
  49. </button>
  50. <button type="button" class="btn btn-info dim" style="margin-left: 10px"
  51. onclick="units.status(2,this)">
  52. 翻译中
  53. </button>
  54. <button type="button" class="btn btn-info" style="margin-left: 10px"
  55. onclick="units.status(3,this)">
  56. 待审核
  57. </button>
  58. <button type="button" class="btn btn-info" style="margin-left: 10px"
  59. onclick="units.status(4,this)">
  60. 审核失败
  61. </button>
  62. <button type="button" class="btn btn-info" style="margin-left: 10px"
  63. onclick="units.status(5,this)">
  64. 审核通过
  65. </button>
  66. <button type="button" class="btn btn-info" style="margin-left: 10px"
  67. onclick="units.status(6,this)">
  68. 已结算
  69. </button>
  70. </span>
  71. </div>
  72. </div>
  73. <div class="col-md-4 pull-right">
  74. <div class="input-group">
  75. <input type="text" placeholder="请输入输入标题或编号" class="input-md form-control"
  76. name="keyword"
  77. id="keyword">
  78. <span class="input-group-btn">
  79. <button type="button" class="btn btn-md btn-primary"
  80. onclick="units.search()"> 搜索</button>
  81. <button type="reset" class="btn btn-md btn-primary" style="margin-left: 10px"
  82. name="resetBtn"> 重置</button> </span>
  83. </div>
  84. </div>
  85. </form>
  86. </div>
  87. </div>
  88. <div class="ibox-content forum-container">
  89. {{--<div class="forum-title">--}}
  90. {{--<div class="pull-right forum-desc">--}}
  91. {{--<samll>总帖子数: 320,800</samll>--}}
  92. {{--</div>--}}
  93. {{--<h3>主版</h3>--}}
  94. {{--<div class="col-sm-6">--}}
  95. {{--<div class="input-group">--}}
  96. {{--<span class="input-group-btn">--}}
  97. {{--<button type="button" class="btn btn-info" onclick="units.status(0)">--}}
  98. {{--任务大厅--}}
  99. {{--</button>--}}
  100. {{--<button type="button" class="btn btn-info" style="margin-left: 10px" onclick="units.status(1)">--}}
  101. {{--待翻译--}}
  102. {{--</button>--}}
  103. {{--<button type="button" class="btn btn-info" style="margin-left: 10px" onclick="units.status(3)">--}}
  104. {{--待审核--}}
  105. {{--</button>--}}
  106. {{--<button type="button" class="btn btn-info" style="margin-left: 10px" onclick="units.status(4)">--}}
  107. {{--审核失败--}}
  108. {{--</button>--}}
  109. {{--<button type="button" class="btn btn-info" style="margin-left: 10px" onclick="units.status(5)">--}}
  110. {{--审核通过--}}
  111. {{--</button>--}}
  112. {{--</span>--}}
  113. {{--</div>--}}
  114. {{--</div>--}}
  115. {{--<div class="col-md-4 pull-right">--}}
  116. {{--<div class="input-group">--}}
  117. {{--<input type="text" placeholder="请输入关键词" class="input-md form-control" name="keyword"--}}
  118. {{--id="keyword">--}}
  119. {{--<span class="input-group-btn">--}}
  120. {{--<button type="button" class="btn btn-md btn-primary"--}}
  121. {{--onclick="units.search()"> 搜索</button>--}}
  122. {{--<button type="reset" class="btn btn-md btn-primary" style="margin-left: 10px"--}}
  123. {{--name="resetBtn"> 重置</button> </span>--}}
  124. {{--</div>--}}
  125. {{--</div>--}}
  126. {{--</div>--}}
  127. <div class="project-list">
  128. <table id="table" class="table table-condensed" data-mobile-responsive="true"></table>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. {{--<div>--}}
  137. {{--<table class="my-table">--}}
  138. {{--<thead>--}}
  139. {{--<tr>--}}
  140. {{--<td>编号</td>--}}
  141. {{--<td>标题</td>--}}
  142. {{--<td>状态</td>--}}
  143. {{--<td>翻译词数</td>--}}
  144. {{--<td>质量分</td>--}}
  145. {{--<td>站点名称</td>--}}
  146. {{--</tr>--}}
  147. {{--</thead>--}}
  148. {{--<tbody>--}}
  149. {{--@foreach($haveNotSettle as $item)--}}
  150. {{--<tr>--}}
  151. {{--<td>{{$item->id}}</td>--}}
  152. {{--<td>{{$item->title}}</td>--}}
  153. {{--<td>{{$item->status}}</td>--}}
  154. {{--<td>{{$item->translate_words}}</td>--}}
  155. {{--<td>{{$item->pass_score}}</td>--}}
  156. {{--<td>站点</td>--}}
  157. {{--</tr>--}}
  158. {{--@endforeach--}}
  159. {{--</tbody>--}}
  160. {{--</table>--}}
  161. {{--<table class="my-table">--}}
  162. {{--<thead>--}}
  163. {{--<tr>--}}
  164. {{--<td>编号</td>--}}
  165. {{--<td>标题</td>--}}
  166. {{--<td>状态</td>--}}
  167. {{--<td>翻译词数</td>--}}
  168. {{--<td>质量分</td>--}}
  169. {{--<td>站点名称</td>--}}
  170. {{--</tr>--}}
  171. {{--</thead>--}}
  172. {{--<tbody>--}}
  173. {{--@foreach($settleHistory as $inx=>$item)--}}
  174. {{--<tr><td colspan="6"> </td></tr>--}}
  175. {{--<tr>--}}
  176. {{--<td>{{$item->id}}</td>--}}
  177. {{--<td>{{$item->title}}</td>--}}
  178. {{--<td>{{$item->status}}</td>--}}
  179. {{--<td>{{$item->translate_words}}</td>--}}
  180. {{--<td>{{$item->pass_score}}</td>--}}
  181. {{--<td>站点</td>--}}
  182. {{--</tr>--}}
  183. {{--@endforeach--}}
  184. {{--</tbody>--}}
  185. {{--</table>--}}
  186. {{--</div>--}}
  187. </body>
  188. <div class="ibox-content" id="notice-text" style="display: none">
  189. <div>
  190. {!! $notice->content !!}
  191. </div>
  192. </div>
  193. @endsection
  194. @section('footer')
  195. {{--<script src="{{asset('vendor/ueditor/ueditor.parse.js')}}"></script>--}}
  196. <script>
  197. {{--setTimeout(function () {--}}
  198. {{--uParse('#notice-text',--}}
  199. {{--{--}}
  200. {{--'highlightJsUrl': "{{asset('vendor/ueditor/third-party/SyntaxHighlighter/shCore.js')}}",--}}
  201. {{--'highlightCssUrl': "{{asset('vendor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css')}}"--}}
  202. {{--})--}}
  203. {{--}, 300);--}}
  204. var units = {
  205. calcHistory: function () {
  206. layer.open({
  207. title: "结算历史",
  208. type: 2,
  209. content: '/admin/articles/hall-calc-history',
  210. area: ['60%', '800px']
  211. });
  212. },
  213. search: function () {
  214. tips.selectPage();
  215. },
  216. detail: function (id, status) {
  217. var url = '/admin/articles-hall/' + id;
  218. if (status === 2 || status === 4) {
  219. url = '/admin/articles/' + id + '/translate';
  220. }
  221. layer.open({
  222. type: 2,
  223. content: [url],
  224. area: ['95%', '100%'],
  225. title: '',
  226. closeBtn: 0
  227. });
  228. },
  229. status: function (status, _this) {
  230. $(_this).addClass('dim');
  231. $(_this).siblings().removeClass('dim');
  232. $("#status").val(status);
  233. if (status === 5 || status === 6) {
  234. $('#table').bootstrapTable('showColumn', 'pass_score');
  235. } else {
  236. $('#table').bootstrapTable('hideColumn', 'pass_score');
  237. }
  238. if (status === 6) {
  239. $('#table').bootstrapTable('showColumn', ['settle_at','settle_amount']);
  240. $('#table').bootstrapTable('showColumn', 'settle_amount');
  241. } else {
  242. $('#table').bootstrapTable('hideColumn', ['settle_at','settle_amount']);
  243. }
  244. tips.tableRefresh();
  245. },
  246. notice: function () {
  247. layer.open({
  248. type: 1,
  249. content: $("#notice-text"),
  250. title: '注意事项',
  251. area: ['60%', '80%'],
  252. closeBtn: 0,
  253. btn: ['确认']
  254. });
  255. },
  256. settleHistory: function () {
  257. }
  258. };
  259. var config = {};
  260. config.url = '/admin/articles-hall';
  261. config.columns = [ //字段
  262. {title: '编号', field: 'id', align: 'center'},
  263. {title: '标题', field: 'title', align: 'center'},
  264. {title: '状态', field: 'status_title', align: 'center'},
  265. {title: '过期时间', field: 'expired_at', align: 'center'},
  266. {title: '已翻词数', field: 'translate_words', align: 'center'},
  267. {title: '质量分', field: 'pass_score', align: 'center'},
  268. {title: '结算时间', field: 'settle_at', align: 'center'},
  269. {title: '结算金额', field: 'settle_amount', align: 'center'},
  270. {title: '站点名称', field: 'site_title', align: 'center'},
  271. // {title: '审核时间', field: 'audit_at', align: 'center'},
  272. // {title: '创建时间', field: 'created_at', align: 'center'},
  273. {
  274. title: '操作', field: 'id', align: 'center',
  275. formatter: function (value, row) {
  276. var str = '', title = '查看';
  277. if (row.status === 2 || row.status === 4) {
  278. title = '翻译';
  279. }
  280. str += '<button onclick="units.detail(' + value + ',' + row.status + ')" class="btn btn-xs"><span class="glyphicon glyphicon-edit"></span>' + title + '</button>';
  281. return str;
  282. }
  283. }
  284. ];
  285. tips.bootstrapTable(config);
  286. $('#table').bootstrapTable('hideColumn', ['pass_score', 'settle_at','settle_amount']);
  287. // $('#table').bootstrapTable('hideColumn', 'settle_at');
  288. // $(function () {
  289. //
  290. // });
  291. setTimeout('units.notice();', 500);
  292. </script>
  293. @endsection