yxna.item.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868
  1. function initYxna() {
  2. loadYxnaTable();
  3. layoutYxna();
  4. uploadTag = null;
  5. }
  6. function layoutYxna() {
  7. table.on('tool(yxnnfilter)', function (obj) {
  8. var data = obj.data;
  9. var layEvent = obj.event;
  10. var tr = obj.tr;
  11. if (layEvent === 'detail') {
  12. // 查看
  13. detailHtml(data);
  14. } else if (layEvent === 'del') {
  15. // 删除
  16. deleteHtml(data)
  17. } else if (layEvent === 'approve') {
  18. // 审核
  19. approve(data);
  20. } else if (layEvent === 'update') {
  21. // 修改
  22. editHtml(data);
  23. }
  24. });
  25. // 新增
  26. $('.newlyIncreased').off('click').on('click', function () {
  27. addByYxnaHtml();
  28. });
  29. }
  30. /**
  31. * 新增
  32. * @param data
  33. * @returns
  34. */
  35. function addByYxnaHtml() {
  36. let html = '<form class="layui-form layui-form-pane" lay-filter="addYxnaForm">';
  37. html += '<div class="layui-form-item">'
  38. + '<label class="layui-form-label">作品名称</label>'
  39. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 110px);">'
  40. + '<input type="text" name="pictureTitle" maxlength="20" lay-verify="pictureTitle" autocomplete="off" placeholder="请输入作品名称" class="layui-input">'
  41. + '</div>'
  42. + '</div>';
  43. html += '<div class="layui-form-item">'
  44. + '<label class="layui-form-label">作品作者</label>'
  45. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 40%);">'
  46. + '<input type="text" name="pictureAuthor" maxlength="10" lay-verify="pictureAuthor" autocomplete="off" placeholder="请输入作品作者" class="layui-input">'
  47. + '</div>'
  48. + '<div class="layui-input-block" style="margin-left:0;" lay-verify="isAnonymous">'
  49. + '<input type="radio" name="isAnonymous" value="1" title="匿名">'
  50. + '<input type="radio" name="isAnonymous" value="0" title="不匿名">'
  51. + '</div>'
  52. + '</div>';
  53. // html += '<div class="layui-form-item" pane="">'
  54. // + '<div class="layui-input-block" lay-verify="isAnonymous">'
  55. // + '<input type="radio" name="isAnonymous" value="1" title="匿名">'
  56. // + '<input type="radio" name="isAnonymous" value="0" title="不匿名">'
  57. // + '</div>'
  58. // + '</div>';
  59. html += '<div class="layui-form-item">'
  60. + '<label class="layui-form-label">作者电话</label>'
  61. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 40%);">'
  62. + '<input type="text" name="uploaderPhone" maxlength="11" lay-verify="uploaderPhone" autocomplete="off" placeholder="请输入作者电话" class="layui-input">'
  63. + '</div>'
  64. + '<div class="layui-input-block" style="margin-left:0;" lay-verify="isPublic">'
  65. + '<input type="radio" name="isPublic" value="1" title="公开">'
  66. + '<input type="radio" name="isPublic" value="0" title="不公开">'
  67. + '</div>'
  68. + '</div>';
  69. // html += '<div class="layui-form-item" pane="">'
  70. // + '<div class="layui-input-block" lay-verify="isPublic">'
  71. // + '<input type="radio" name="isPublic" value="1" title="公开">'
  72. // + '<input type="radio" name="isPublic" value="0" title="不公开">'
  73. // + '</div>'
  74. // + '</div>';
  75. html += '<div class="layui-form-item">'
  76. + '<label class="layui-form-label">归属日期</label>'
  77. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  78. + '<input type="text" name="vestingDate" lay-verify="vestingDate" class="layui-input" readonly id="addgsrq" placeholder="请选择归属日期">'
  79. + '</div>'
  80. + '<label class="layui-form-label">作品年代</label>'
  81. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  82. + '<select name="pictureType" lay-verify="pictureType" lay-filter="pictureType">'
  83. + '<option value="0">1949年</option>'
  84. + '<option value="1">1949年-1980年</option>'
  85. + '<option value="2">1980年-2000年</option>'
  86. + '<option value="3">2000年-至今</option>'
  87. + '</select>'
  88. + '</div>'
  89. + '</div>';
  90. // html += '<div class="layui-form-item">'
  91. // + '<label class="layui-form-label">作品年代</label>'
  92. // + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 110px);">'
  93. // + '<select name="pictureType" lay-verify="pictureType" lay-filter="pictureType">'
  94. // + '<option value="0">1949年</option>'
  95. // + '<option value="1">1949年-1980年</option>'
  96. // + '<option value="2">1980年-2000年</option>'
  97. // + '<option value="3">2000年-至今</option>'
  98. // + '</select>'
  99. // + '</div>'
  100. // + '</div>';
  101. html += '<div class="layui-form-item layui-form-text" style="display: inline;">'
  102. + '<label class="layui-form-label">作品描述</label>'
  103. + '<div class="layui-input-block">'
  104. + '<textarea name="pictureDescription" lay-verify="pictureDescription" placeholder="请输入作品描述" class="layui-textarea"></textarea>'
  105. + '</div>'
  106. + '</div>';
  107. html += '<div class="layui-form-item layui-form-text" style="display: inline;" id="layer-photos-demo">'
  108. + '<label class="layui-form-label">作品信息</label>'
  109. + '<div class="layui-input-block">'
  110. + '<img id="addImg" class="layui-hide" style="width:100%;">'
  111. + '<button type="button" class="layui-btn layui-btn-sm" style="margin-left: 20px;" id="addUploadPic">上传图片</button>'
  112. + '</div>'
  113. + '</div>';
  114. html += '</form>';
  115. var addFileFlag = false;
  116. var fileResult;
  117. layer.open({
  118. type: 1,
  119. title: '新增',
  120. area: ['80%', '80%'],
  121. content: html,
  122. btn: ['保存', '返回'],
  123. success: function (layero, index) {
  124. form.render();
  125. laydate.render({
  126. elem: '#addgsrq',
  127. max: Date.now()
  128. });
  129. uploadTag = upload.render({
  130. elem: '#addUploadPic',
  131. url: PATH + '/yxnn/uploadOneDocumet',
  132. auto: true,
  133. // data: form.val("addYxnaForm"),
  134. // bindAction: '.layui-layer-btn0',
  135. size: 5242880,
  136. // choose: function(obj) {
  137. // addFileFlag = true;
  138. // var files = obj.pushFile();
  139. // obj.preview(function(index, file, result){
  140. // $("#addImg").attr("src", result);
  141. // $("#addImg").addClass("layui-show");
  142. // $("#addImg").removeClass("layui-hide");
  143. // });
  144. // },
  145. // before: function (){
  146. // this.data = form.val("addYxnaForm")
  147. // },
  148. done: function (res) {
  149. fileResult = res.data;
  150. $("#addImg").attr("src", PATH + "/" + res.data);
  151. $("#addImg").addClass("layui-show");
  152. $("#addImg").removeClass("layui-hide");
  153. // layer.msg("新增成功!");
  154. // setTimeout(function() {
  155. // layer.closeAll();
  156. // table.reload('yxnnTable');
  157. // }, 800);
  158. },
  159. error: function () {
  160. // 请求异常回调
  161. layer.msg("保存失败!");
  162. }
  163. });
  164. },
  165. yes: function (index, layero) {
  166. verifyData("add", addFileFlag, fileResult);
  167. },
  168. btn2: function (index, layero) {
  169. }
  170. });
  171. }
  172. /**
  173. * 验证
  174. * @returns
  175. */
  176. function verifyData(type, flag, fileResult) {
  177. var pictureTitle = $("input[name='pictureTitle']").val();
  178. if (!pictureTitle) {
  179. layer.msg("请输入作品名称!");
  180. return;
  181. }
  182. var pictureAuthor = $("input[name='pictureAuthor']").val()
  183. if (!pictureAuthor) {
  184. layer.msg("请输入作品作者!");
  185. return;
  186. }
  187. var isAnonymous = $("input[name='isAnonymous']:checked").val();
  188. if (!isAnonymous) {
  189. layer.msg("请选择是否匿名");
  190. return;
  191. }
  192. var reg = /1[3-9]\d{9}/;
  193. var uploaderPhone = $("input[name='uploaderPhone']").val();
  194. if (!reg.test(uploaderPhone)) {
  195. layer.msg("请输入正确格式的电话!");
  196. return;
  197. }
  198. var isPublic = $("input[name='isPublic']:checked").val();
  199. if (!isPublic) {
  200. layer.msg("请选择是否公开");
  201. return;
  202. }
  203. var vestingDate = $("input[name='vestingDate']").val();
  204. if (!vestingDate) {
  205. layer.msg("请选择归属日期");
  206. return;
  207. }
  208. var pictureType = $("select[name='pictureType']").val();
  209. if (!pictureType) {
  210. layer.msg("请选择作品年代");
  211. return;
  212. }
  213. var pictureDescription = $("textarea[name='pictureDescription']").val();
  214. if (!pictureDescription) {
  215. layer.msg("请输入作品描述");
  216. return;
  217. }
  218. if (pictureDescription.length > 200) {
  219. layer.msg("字数不能大于200个字");
  220. return;
  221. }
  222. // if (pictureDescription.length > 200) {
  223. // layer.msg("字数不能大于200个字");
  224. // return;
  225. // }
  226. // var formData;
  227. if (type == "edit") {
  228. var params = form.val("editYxnaForm");
  229. params.urlAddress = fileResult;
  230. $.ajax({
  231. url: PATH + "/yxnn/updateDocument",
  232. type: 'post',
  233. data: params,
  234. success: function (data) {
  235. if (data.result) {
  236. layer.msg("修改成功!");
  237. setTimeout(function () {
  238. layer.closeAll();
  239. table.reload('yxnnTable');
  240. }, 800);
  241. } else {
  242. layer.msg("修改失败!");
  243. }
  244. }
  245. })
  246. } else {
  247. formData = form.val("addYxnaForm");
  248. if (!fileResult) {
  249. layer.msg("请上传作品");
  250. return;
  251. }
  252. formData.urlAddress = fileResult;
  253. saveData(formData);
  254. }
  255. }
  256. function saveData(formData) {
  257. $.ajax({
  258. url: PATH + "/yxnn/saveImpressionNanan",
  259. type: 'post',
  260. data: formData,
  261. success: function (data) {
  262. if (data.result) {
  263. layer.msg("新增成功!");
  264. setTimeout(function () {
  265. layer.closeAll();
  266. table.reload('yxnnTable');
  267. }, 800);
  268. } else {
  269. layer.msg("新增成功!");
  270. }
  271. }
  272. });
  273. }
  274. /**
  275. * 修改
  276. * @param data
  277. * @returns
  278. */
  279. function editHtml(data) {
  280. $.ajax({
  281. url: PATH + "/yxnn/getDocumentById/" + data.id,
  282. type: 'get',
  283. success: function (json) {
  284. if (!json.data) {
  285. layer.msg("查询失败,请稍候再试!");
  286. return;
  287. }
  288. var mdata = json.data;
  289. let html = '<form class="layui-form layui-form-pane" lay-filter="editYxnaForm">';
  290. html += '<div class="layui-form-item">'
  291. + '<label class="layui-form-label">作品名称</label>'
  292. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 110px);">'
  293. + '<input type="hidden" name="id" class="layui-input" value="' + mdata.id + '">'
  294. + '<input type="hidden" name="uploadTime" class="layui-input" value="' + mdata.uploadTime + '">'
  295. + '<input type="hidden" name="examineState" class="layui-input" value="' + mdata.examineState + '">'
  296. + '<input type="text" name="pictureTitle" maxlength="20" autocomplete="off" placeholder="请输入作品名称" class="layui-input" value="' + mdata.pictureTitle + '">'
  297. + '</div>'
  298. + '</div>';
  299. html += '<div class="layui-form-item">'
  300. + '<label class="layui-form-label">作品作者</label>'
  301. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 40%);">'
  302. + '<input type="text" name="pictureAuthor" maxlength="10" autocomplete="off" placeholder="请输入作品作者" class="layui-input" value="' + mdata.pictureAuthor + '">'
  303. + '</div>'
  304. + '<div class="layui-input-block" style="margin-left: 0;">'
  305. + '<input type="radio" name="isAnonymous" value="1" title="匿名" ' + (mdata.isAnonymous == 1 ? "checked=''" : "") + '>'
  306. + '<input type="radio" name="isAnonymous" value="0" title="不匿名" ' + (mdata.isAnonymous == 0 ? "checked=''" : "") + '>'
  307. + '</div>'
  308. + '</div>';
  309. // html += '<div class="layui-form-item" pane="">'
  310. // + '<div class="layui-input-block">'
  311. // + '<input type="radio" name="isAnonymous" value="1" title="匿名" ' + (mdata.isAnonymous == 1 ? "checked=''" : "") + '>'
  312. // + '<input type="radio" name="isAnonymous" value="0" title="不匿名" ' + (mdata.isAnonymous == 0 ? "checked=''" : "") + '>'
  313. // + '</div>'
  314. // + '</div>';
  315. html += '<div class="layui-form-item">'
  316. + '<label class="layui-form-label">作者电话</label>'
  317. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 40%);">'
  318. + '<input type="text" name="uploaderPhone" maxlength="11" autocomplete="off" placeholder="请输入作者电话" class="layui-input" value="' + mdata.uploaderPhone + '">'
  319. + '</div>'
  320. + '<div class="layui-input-block" style="margin-left: 0;">'
  321. + '<input type="radio" name="isPublic" value="1" title="公开" ' + (mdata.isPublic == 1 ? "checked=''" : "") + '>'
  322. + '<input type="radio" name="isPublic" value="0" title="不公开" ' + (mdata.isPublic == 0 ? "checked=''" : "") + '>'
  323. + '</div>'
  324. + '</div>';
  325. // html += '<div class="layui-form-item" pane="">'
  326. // + '<div class="layui-input-block">'
  327. // + '<input type="radio" name="isPublic" value="1" title="公开" ' + (mdata.isPublic == 1 ? "checked=''" : "") + '>'
  328. // + '<input type="radio" name="isPublic" value="0" title="不公开" ' + (mdata.isPublic == 0 ? "checked=''" : "") + '>'
  329. // + '</div>'
  330. // + '</div>';
  331. html += '<div class="layui-form-item">'
  332. + '<label class="layui-form-label">归属日期</label>'
  333. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  334. + '<input type="text" name="vestingDate" class="layui-input" id="editgsrq" readonly placeholder="请选择归属日期" value="' + (mdata.vestingDate ? mdata.vestingDate.substring(0, 10) : "") + '">'
  335. + '</div>'
  336. + '<label class="layui-form-label">作品年代</label>'
  337. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  338. + '<select name="pictureType" lay-filter="pictureType">'
  339. + '<option value="0" ' + (mdata.pictureType == 0 ? "selected=''" : "") + '>1949年</option>'
  340. + '<option value="1" ' + (mdata.pictureType == 1 ? "selected=''" : "") + '>1949年-1980年</option>'
  341. + '<option value="2" ' + (mdata.pictureType == 2 ? "selected=''" : "") + '>1980年-2000年</option>'
  342. + '<option value="3" ' + (mdata.pictureType == 3 ? "selected=''" : "") + '>2000年-至今</option>'
  343. + '</select>'
  344. + '</div>'
  345. + '</div>';
  346. // html += '<div class="layui-form-item">'
  347. // + '<label class="layui-form-label">作品年代</label>'
  348. // + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 110px);">'
  349. // + '<select name="pictureType" lay-filter="pictureType">'
  350. // + '<option value="0" ' + (mdata.pictureType == 0 ? "selected=''" : "") + '>1949年</option>'
  351. // + '<option value="1" ' + (mdata.pictureType == 1 ? "selected=''" : "") + '>1949年-1980年</option>'
  352. // + '<option value="2" ' + (mdata.pictureType == 2 ? "selected=''" : "") + '>1980年-2000年</option>'
  353. // + '<option value="3" ' + (mdata.pictureType == 3 ? "selected=''" : "") + '>2000年-至今</option>'
  354. // + '</select>'
  355. // + '</div>'
  356. // + '</div>';
  357. html += '<div class="layui-form-item layui-form-text" style="display: inline;">'
  358. + '<label class="layui-form-label">作品描述</label>'
  359. + '<div class="layui-input-block">'
  360. + '<textarea name="pictureDescription" placeholder="请输入作品描述" class="layui-textarea">' + mdata.pictureDescription + '</textarea>'
  361. + '</div>'
  362. + '</div>';
  363. html += '<div class="layui-form-item layui-form-text" style="display: inline;" id="layer-photos-demo">'
  364. + '<label class="layui-form-label">作品信息</label>'
  365. + '<div class="layui-input-block">'
  366. + '<img id="editImg" style="max-width: 100%;" src="' + PATH + "/" + mdata.urlAddress + '" lay-src="' + PATH + "/" + mdata.urlAddress + '" style="width:100px;">'
  367. // + '<button type="button" class="layui-btn layui-btn-sm" style="margin-left: 20px;" id="editUploadPic">上传图片</button>'
  368. + '</div>'
  369. + '<button type="button" class="layui-btn layui-btn-sm" style="float:left;margin-top: 20px;" id="editUploadPic">上传图片</button>'
  370. + '</div>';
  371. html += '</form>';
  372. var editFileFlag = false;
  373. var fileResult;
  374. layer.open({
  375. type: 1,
  376. title: '编辑',
  377. area: ['80%', '80%'],
  378. content: html,
  379. btn: ['保存', '返回'],
  380. success: function (layero, index) {
  381. form.render();
  382. laydate.render({
  383. elem: '#editgsrq',
  384. max: Date.now()
  385. });
  386. uploadTag = upload.render({
  387. elem: '#editUploadPic',
  388. url: PATH + '/yxnn/uploadOneDocumet',
  389. auto: true,
  390. // data: form.val("editYxnaForm"),
  391. // bindAction: '.layui-layer-btn0',
  392. size: 5242880,
  393. // choose: function(obj) {
  394. // editFileFlag = true;
  395. // var files = obj.pushFile();
  396. // obj.preview(function(index, file, result){
  397. // $("#editImg").attr("src", result);
  398. // });
  399. // },
  400. // before: function (){
  401. // this.data = form.val("editYxnaForm")
  402. // },
  403. done: function (res) {
  404. fileResult = res.data;
  405. $("#editImg").attr("src", PATH + "/" + fileResult);
  406. // layer.msg("修改成功!");
  407. // setTimeout(function() {
  408. // layer.closeAll();
  409. // table.reload('yxnnTable');
  410. // }, 800);
  411. },
  412. error: function () {
  413. // 请求异常回调
  414. layer.msg("保存失败!");
  415. }
  416. });
  417. },
  418. yes: function (index, layero) {
  419. verifyData("edit", editFileFlag, fileResult ? fileResult : mdata.urlAddress);
  420. },
  421. btn2: function (index, layero) {
  422. console.log(2)
  423. }
  424. });
  425. }
  426. });
  427. }
  428. /**
  429. * 审核
  430. * @param data
  431. * @returns
  432. */
  433. function approve(data) {
  434. layer.confirm('请选择审核类型', {
  435. icon: 3,
  436. title: '温馨提示',
  437. btn: ['通过', '不通过', '取消'],
  438. yes: function (index, layero) {
  439. updateYxnnStatus(data, 1);
  440. },
  441. btn2: function (index, layero) {
  442. updateYxnnStatus(data, 2);
  443. }
  444. });
  445. }
  446. /**
  447. * 修改审核状态
  448. * @param data
  449. * @param status
  450. * @returns
  451. */
  452. function updateYxnnStatus(data, status) {
  453. data.examineState = status;
  454. $.ajax({
  455. url: PATH + "/yxnn/updateDocument",
  456. type: 'post',
  457. data: data,
  458. success: function (data) {
  459. if (data.result) {
  460. layer.msg("审核成功!");
  461. setTimeout(function () {
  462. layer.closeAll();
  463. table.reload('yxnnTable');
  464. }, 800);
  465. } else {
  466. layer.msg("审核失败!");
  467. }
  468. }
  469. })
  470. }
  471. /**
  472. * 删除
  473. * @param data
  474. * @returns
  475. */
  476. function deleteHtml(data) {
  477. layer.confirm('您确定要删除该数据吗?', {
  478. icon: 3,
  479. title: '提示'
  480. }, function (index) {
  481. $.ajax({
  482. url: PATH + "/yxnn/deleteDocumentById/" + data.id,
  483. type: 'post',
  484. success: function (data) {
  485. if (data.result) {
  486. layer.msg("删除成功!");
  487. setTimeout(function () {
  488. table.reload('yxnnTable');
  489. }, 800);
  490. } else {
  491. layer.msg("删除失败!");
  492. }
  493. }
  494. })
  495. layer.close(index);
  496. });
  497. }
  498. /**
  499. * 详情
  500. * @param data
  501. * @returns
  502. */
  503. function detailHtml(data) {
  504. $.ajax({
  505. url: PATH + "/yxnn/getDocumentById/" + data.id,
  506. type: 'get',
  507. success: function (json) {
  508. if (!json.data) {
  509. layer.msg("查询失败,请稍候再试!");
  510. return;
  511. }
  512. var mdata = json.data;
  513. let html = '<form class="layui-form layui-form-pane" style="margin-top: 10px;">';
  514. html += '<div class="layui-form-item">'
  515. + '<label class="layui-form-label">作品名称</label>'
  516. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  517. + '<input type="text" name="title" autocomplete="off" placeholder="请输入作品名称" class="layui-input" readonly value="' + mdata.pictureTitle + '">'
  518. + '</div>'
  519. + '<label class="layui-form-label">审核状态</label>'
  520. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  521. + '<input type="text" name="title" autocomplete="off" placeholder="请输入审核状态" class="layui-input" readonly value="' + examineStatetemplet(mdata) + '">'
  522. + '</div>'
  523. + '</div>';
  524. html += '<div class="layui-form-item">'
  525. + '<label class="layui-form-label">作品作者</label>'
  526. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 40%);">'
  527. + '<input type="text" name="title" autocomplete="off" placeholder="请输入作品作者" class="layui-input" readonly value="' + mdata.pictureAuthor + '">'
  528. + '</div>'
  529. + '<div class="layui-input-block" style="margin-left: 0;">'
  530. + '<input type="radio" name="isAnonymous" value="1" title="匿名" ' + (mdata.isAnonymous == 1 ? "checked=''" : "disabled=''") + '>'
  531. + '<input type="radio" name="isAnonymous" value="0" title="不匿名" ' + (mdata.isAnonymous == 0 ? "checked=''" : "disabled=''") + '>'
  532. + '</div>'
  533. + '</div>';
  534. html += '<div class="layui-form-item">'
  535. + '<label class="layui-form-label">作者电话</label>'
  536. + '<div class="layui-input-block" style="margin-left: 0;width: calc(100% - 40%);">'
  537. + '<input type="text" name="title" autocomplete="off" placeholder="请输入作者电话" class="layui-input" readonly value="' + mdata.uploaderPhone + '">'
  538. + '</div>'
  539. + '<div class="layui-input-block" style="margin-left: 0;">'
  540. + '<input type="radio" name="isPublic" value="1" title="公开" ' + (mdata.isPublic == 1 ? "checked=''" : "disabled=''") + '>'
  541. + '<input type="radio" name="isPublic" value="0" title="不公开" ' + (mdata.isPublic == 0 ? "checked=''" : "disabled=''") + '>'
  542. + '</div>'
  543. + '</div>';
  544. html += '<div class="layui-form-item">'
  545. + '<label class="layui-form-label">归属日期</label>'
  546. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  547. + '<input type="text" name="title" autocomplete="off" placeholder="请输入归属日期" class="layui-input" readonly value="' + mdata.vestingDate + '">'
  548. + '</div>'
  549. + '<label class="layui-form-label">作品年代</label>'
  550. + '<div class="layui-input-block" style="margin-left: 0;width: calc(50% - 110px);">'
  551. + '<input type="text" name="title" autocomplete="off" placeholder="请输入作品年代" class="layui-input" readonly value="' + pictureTypetemplet(mdata) + '">'
  552. + '</div>'
  553. + '</div>';
  554. html += '<div class="layui-form-item layui-form-text" style="display: inline;">'
  555. + '<label class="layui-form-label">作品描述</label>'
  556. + '<div class="layui-input-block">'
  557. + '<textarea placeholder="请输入作品描述" class="layui-textarea" readonly>' + mdata.pictureDescription + '</textarea>'
  558. + '</div>'
  559. + '</div>';
  560. html += '<div class="layui-form-item layui-form-text" style="display: inline;" id="layer-photos-demo">'
  561. + '<label class="layui-form-label">作品信息</label>'
  562. + '<div class="layui-input-block">'
  563. + '<img style="max-width: 100%;" src="' + PATH + "/" + mdata.urlAddress + '" lay-src="' + PATH + "/" + mdata.urlAddress + '">'
  564. + '</div>'
  565. + '</div>';
  566. html += '</form>';
  567. layer.open({
  568. type: 1,
  569. title: '详情',
  570. area: ['80%', '80%'],
  571. content: html,
  572. btn: ['返回'],
  573. success: function (layero, index) {
  574. form.render();
  575. layer.photos({
  576. photos: '#layer-photos-demo',
  577. zIndex: 99999999,
  578. shade: 0.2,
  579. shift: 0
  580. });
  581. }
  582. });
  583. }
  584. });
  585. }
  586. /**
  587. * 加载列表数据
  588. * @returns
  589. */
  590. function loadYxnaTable() {
  591. table.render({
  592. id: 'yxnnTable',
  593. elem: '#yxnnTable',
  594. url: PATH + '/yxnn/getDocumentPage',
  595. cellMinWidth: 80,
  596. page: true,
  597. skin: 'line',
  598. headers: {
  599. 'utoken': sessionStorage.uToken
  600. },
  601. cols: [
  602. [
  603. {
  604. field: 'numbers',
  605. width: 60,
  606. title: '序号',
  607. templet: function (d) {
  608. return d.LAY_INDEX;
  609. }
  610. }, {
  611. field: 'pictureTitle',
  612. title: '作品名称',
  613. width: 120,
  614. unresize: true
  615. }, {
  616. field: 'pictureAuthor',
  617. title: '作者',
  618. width: 100,
  619. unresize: true
  620. }, {
  621. field: 'uploaderPhone',
  622. title: '联系电话',
  623. width: 120,
  624. unresize: true
  625. }, {
  626. field: 'uploadTime',
  627. title: '上传时间',
  628. width: 160,
  629. sort: true,
  630. unresize: true
  631. }, {
  632. field: 'pictureDescription',
  633. title: '作品描述',
  634. width: 200,
  635. unresize: true
  636. }, {
  637. field: 'vestingDate',
  638. title: '归属日期',
  639. width: 110,
  640. unresize: true,
  641. templet: function (d) {
  642. return d.vestingDate ? d.vestingDate.substring(0, 10) : "";
  643. }
  644. }, {
  645. field: 'pictureType',
  646. title: '作品年代',
  647. sort: true,
  648. width: 140,
  649. templet: pictureTypetemplet,
  650. unresize: true
  651. }, {
  652. field: 'examineState',
  653. title: '状态',
  654. width: 80,
  655. sort: true,
  656. templet: examineStatetemplet,
  657. unresize: true
  658. }, {
  659. title: '发布情况',
  660. width: 180,
  661. toolbar: '#publicitys',
  662. unresize: true
  663. }, {
  664. title: '操作',
  665. width: 220,
  666. toolbar: '#barDemo',
  667. unresize: true
  668. }
  669. ]
  670. ]
  671. , done: function (res, curr) {
  672. var brforeCurr = curr; // 获得当前页码
  673. var dataLength = res.data.length; // 获得当前页的记录数
  674. var count = res.count; // 获得总记录数
  675. if (dataLength == 0 && count != 0) { //如果当前页的记录数为0并且总记录数不为0
  676. table.reload("yxnnTable", { // 刷新表格到上一页
  677. page: {
  678. curr: brforeCurr - 1
  679. }
  680. });
  681. }
  682. }
  683. });
  684. }
  685. function mySearch(){
  686. var mySearchs=$("select[name='method']").val();
  687. var data=''
  688. if(mySearchs=='uploaderPhone'){
  689. data={
  690. uploaderPhone:$("input[name='searchContent']").val()
  691. }
  692. }else if(mySearchs=='pictureTitle'){
  693. data={
  694. pictureTitle:$("input[name='searchContent']").val()
  695. }
  696. }else if(mySearchs=='pictureAuthor'){
  697. data={
  698. pictureAuthor:$("input[name='searchContent']").val()
  699. }
  700. }
  701. // var data={
  702. // uploaderPhone:$("[name='uploaderPhones']").val(),
  703. // pictureTitle:$("[name='pictureTitles']").val(),
  704. // pictureAuthor:$("[name='pictureAuthors']").val()
  705. // }
  706. table.reload('yxnnTable', {
  707. // url: PATH + '/yxnn/getDocumentPage'
  708. url: PATH +'/yxnn/getDocumentPage'
  709. ,where: data //设定异步数据接口的额外参数
  710. //,height: 300
  711. });
  712. }
  713. // 搜索
  714. // $("#searchBtn").click(function(){
  715. // console.log("111")
  716. // var data={
  717. // uploaderPhone:$("[name='uploaderPhone']").val(),
  718. // pictureTitle:$("[name='pictureTitle']").val(),
  719. // pictureAuthor:$("[name='pictureAuthor']").val()
  720. // }
  721. // table.reload('yxnnTable', {
  722. // // url: PATH + '/yxnn/getDocumentPage'
  723. // url: 'http://192.168.0.69/yxnn/getDocumentPage'
  724. // ,where: data //设定异步数据接口的额外参数
  725. // //,height: 300
  726. // });
  727. // // table.reload(data);
  728. // })
  729. /**
  730. * 状态
  731. * @param d
  732. * @returns
  733. */
  734. function examineStatetemplet(d) {
  735. if (d.examineState == 0) {
  736. return '未审核'
  737. } else if (d.examineState == 1) {
  738. return '已通过'
  739. } else if (d.examineState == 2) {
  740. return '未通过'
  741. }
  742. }
  743. /**
  744. * 时间类型
  745. * @param d
  746. * @returns
  747. */
  748. function pictureTypetemplet(d) {
  749. if (d.pictureType == 0) {
  750. return '1949年'
  751. } else if (d.pictureType == 1) {
  752. return '1949年-1980年'
  753. } else if (d.pictureType == 2) {
  754. return '1980年-2000年'
  755. } else if (d.pictureType == 3) {
  756. return '2000年-至今'
  757. }
  758. }
  759. //function loadYxnaList(datas) {
  760. // $.ajax({
  761. // url : PATH + '/yxnn/getDocumentPage',
  762. // type : 'get',
  763. // data : datas,
  764. // async : false,
  765. // success : function(data) {
  766. // if (data.data) {
  767. // var obj = data.data.data;
  768. // var limitValue = 10;
  769. // if (obj) {
  770. // if (obj.length > 10) {
  771. // limitValue = obj.length
  772. // }
  773. // }
  774. // count = data.data.count
  775. // layui.table.render({
  776. // elem : '#yxnnTable',
  777. // cellMinWidth : 80 // 全局定义常规单元格的最小宽度,
  778. // ,
  779. // limit : limitValue,
  780. // cols : [ [
  781. // // { field: 'id', width: 80, title: 'ID', }
  782. // {
  783. // field : 'numbers',
  784. // width : 60,
  785. // title : '序号',
  786. // templet : function(d) {
  787. // return d.LAY_INDEX + (datas.page - 1)
  788. // * (datas.limit);
  789. // }
  790. // }, {
  791. // field : 'uploaderPhone',
  792. // title : '作者电话',
  793. // width : 120,
  794. // unresize : true
  795. // }, {
  796. // field : 'pictureTitle',
  797. // title : '作品名称',
  798. // width : 120,
  799. // unresize : true
  800. // }, {
  801. // field : 'pictureAuthor',
  802. // title : '作品作者',
  803. // width : 120,
  804. // unresize : true
  805. // }, {
  806. // field : 'uploadTime',
  807. // title : '上传时间',
  808. // sort : true,
  809. // unresize : true
  810. // }, {
  811. // field : 'pictureDescription',
  812. // title : '作品描述',
  813. // width : '20%',
  814. // unresize : true
  815. // }, {
  816. // field : 'vestingDate',
  817. // title : '归属日期',
  818. // unresize : true
  819. // }, {
  820. // field : 'pictureType',
  821. // title : '作品年代',
  822. // sort : true,
  823. // templet : pictureTypetemplet,
  824. // unresize : true
  825. // }, {
  826. // field : 'examineState',
  827. // title : '状态',
  828. // width : 80,
  829. // sort : true,
  830. // templet : examineStatetemplet,
  831. // unresize : true
  832. // }, {
  833. // title : '发布情况',
  834. // width : 200,
  835. // toolbar : '#publicitys',
  836. // unresize : true
  837. // }, {
  838. // title : '操作',
  839. // width : 250,
  840. // toolbar : '#barDemo',
  841. // unresize : true
  842. // } ] ],
  843. // data : obj
  844. //
  845. // })
  846. // }
  847. // }
  848. // })
  849. //}