国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

415 lines
15KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  6. <title>发布图片模型</title>
  7. <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../static/web/css/admin.css">
  10. <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
  11. <link rel="stylesheet" href="../static/web/css/cropper.min.css">
  12. <link rel="stylesheet" href="css/albumupload.min.css">
  13. <script>const cfg_uplitpic_cut = '<?php echo $cfg_uplitpic_cut;?>';</script>
  14. <script src="../static/web/js/jquery.min.js"></script>
  15. <script src="../static/web/js/bootstrap.min.js"></script>
  16. <script src="../static/web/js/webajax.js"></script>
  17. <script src="../static/web/js/moment.min.js"></script>
  18. <script src="../static/web/js/daterangepicker.js"></script>
  19. <script src="js/main.js"></script>
  20. <script src="js/album.js"></script>
  21. <script src="js/handlers.js"></script>
  22. <script src="../static/web/js/cropper.min.js"></script>
  23. </head>
  24. <body>
  25. <form name="form1" action="album_add.php" method="post" enctype="multipart/form-data" onSubmit="return checkSubmitAlb();">
  26. <input type="hidden" name="channelid" value="<?php echo $channelid?>">
  27. <input type="hidden" name="cid" value="<?php echo $cid;?>">
  28. <input type="hidden" name="imagebody" value="">
  29. <input type="hidden" name="dopost" value="save">
  30. <input type="hidden" name="maxwidth" id="maxwidth" value="<?php echo $cfg_album_width;?>">
  31. <input type="hidden" id="albums" name="albums" value="">
  32. <table width="98%" align="center" id="needset" class="admin-border my-3">
  33. <tr>
  34. <td bgcolor="#f5f5f5" class="admin-td">发布图片文档</td>
  35. </tr>
  36. <tr>
  37. <td class="admin-td">
  38. <table>
  39. <tr>
  40. <td width="120">图片标题:</td>
  41. <td width="400"><input type="text" name="title" id="title" value="" class="admin-input-lg"></td>
  42. <td width="120">简略标题:</td>
  43. <td><input type="text" name="shorttitle" id="shorttitle" class="admin-input-sm"></td>
  44. </tr>
  45. </table>
  46. </td>
  47. </tr>
  48. <tr>
  49. <td class="admin-td">
  50. <table>
  51. <tr>
  52. <td width="120">自定义属性:</td>
  53. <td>
  54. <?php
  55. $dsql->SetQuery("SELECT * FROM `#@__arcatt` ORDER BY sortid ASC");
  56. $dsql->Execute();
  57. while($trow = $dsql->GetObject())
  58. {
  59. if ($trow->att=='j')
  60. echo "<label class='mr-2'><input type='checkbox' name='flags[]' id='flags{$trow->att}' value='{$trow->att}' onclick='ShowUrlTr()'> {$trow->attname}[{$trow->att}]</label>";
  61. else
  62. echo "<label class='mr-2'><input type='checkbox' name='flags[]' id='flags{$trow->att}' value='{$trow->att}'> {$trow->attname}[{$trow->att}]</label>";
  63. }
  64. ?>
  65. </td>
  66. </tr>
  67. </table>
  68. </td>
  69. </tr>
  70. <tr id="redirecturltr" style="display:none">
  71. <td class="admin-td">
  72. <table>
  73. <tr>
  74. <td width="120">跳转网址:</td>
  75. <td><input type="text" name="redirecturl" id="redirecturl" value="" class="admin-input-lg"></td>
  76. </tr>
  77. </table>
  78. </td>
  79. </tr>
  80. <tr>
  81. <td class="admin-td">
  82. <table>
  83. <tr>
  84. <td width="120">标签:</td>
  85. <td><input type="text" name="tags" id="tags" value="" onChange="$Obj('keywords').value=this.value;" class="admin-input-lg">(英文逗号分开,如“DedeBIZ,得德”)</td>
  86. <td width="60">权重:</td>
  87. <td><input type="text" name="weight" id="weight" value="<?php echo $maxWright['cc'];?>" class="admin-input-sm">(越小越靠前)</td>
  88. </tr>
  89. </table>
  90. </td>
  91. </tr>
  92. <tr id="pictable">
  93. <td class="admin-td">
  94. <table>
  95. <tr>
  96. <td width="120">缩略图:</td>
  97. <td width="630">
  98. <input type="text" name="picname" id="picname" class="admin-input-lg">
  99. <label><input type="checkbox" name="ddisremote" value="1" id="ddisremote" class="l-height-28"> 远程</label>
  100. <span class="btn btn-success btn-sm fileinput-button">上传图片<input type="file" name="files[]" id="iptAddImages"></span>
  101. <button type="button" name="Submit2" onclick="SelectImage('form1.picname','small');" class="btn btn-success btn-sm">选择图片</button>
  102. <button type="button" id="btnClearAll" class="btn btn-sm btn-success delete">清空</button>
  103. </td>
  104. <td><img src="../static/web/img/thumbnail.jpg" id="litPic" class="thumbnail-md"></td>
  105. </tr>
  106. </table>
  107. </td>
  108. </tr>
  109. <tr>
  110. <td class="admin-td">
  111. <table>
  112. <tr>
  113. <td width="120">来源:</td>
  114. <td width="260">
  115. <input type="text" name="source" id="source" value="" class="admin-input-sm">
  116. <button type="button" name="selsource" id="selsource" class="btn btn-success btn-sm">选择</button>
  117. </td>
  118. <td width="60">作者:</td>
  119. <td>
  120. <input type="text" name="writer" id="writer" value="" class="admin-input-sm">
  121. <button type="button" name="selwriter" id="selwriter" class="btn btn-success btn-sm">选择</button>
  122. </td>
  123. </tr>
  124. </table>
  125. </td>
  126. </tr>
  127. <tr>
  128. <td class="admin-td">
  129. <table>
  130. <tr>
  131. <td width="120">发布栏目:</td>
  132. <td width="360">
  133. <span id="typeidct">
  134. <?php
  135. $typeOptions = GetOptionList($cid,$cuserLogin->getUserChannel(),$channelid);
  136. echo "<select name='typeid' id='typeid' class='admin-input-sm'>";
  137. echo "<option value='0'>请选择文档栏目</option>";
  138. echo $typeOptions;
  139. echo "</select>";
  140. ?>
  141. </span>
  142. <i class="btn btn-sm fa fa-search" onclick="ShowCatMap(event,this,<?php echo $channelid;?>,'typeid')" title="快捷选择"></i>
  143. <?php
  144. if ($cfg_need_typeid2=='Y') {
  145. echo "<a href='javascript:AddTypeid2();' class='btn btn-success btn-sm'>选择副栏目</a>";
  146. }
  147. ?>
  148. </td>
  149. <td width="120">需要金币:</td>
  150. <td><input type="text" name="money" id="money" value="0" class="admin-input-sm"></td>
  151. </tr>
  152. </table>
  153. </td>
  154. </tr>
  155. <tr id="typeid2tr" style="display:none">
  156. <td class="admin-td">
  157. <table>
  158. <tr>
  159. <td width="120">副栏目:</td>
  160. <td>
  161. <span id="typeid2ct"></span>
  162. <input type="text" name="typeid2" id="typeid2" value="" class="admin-input-sm">
  163. <i class="btn btn-sm fa fa-search" onclick="ShowCatMap(event,this,<?php echo $channelid;?>,'typeid2')" title="选择副栏目"></i>
  164. </td>
  165. </tr>
  166. </table>
  167. </td>
  168. </tr>
  169. <tr>
  170. <td class="admin-td">
  171. <table>
  172. <tr>
  173. <td width="120">关键词:</td>
  174. <td width="410">
  175. <input type="text" name="keywords" id="keywords" value="" class="admin-input-lg">
  176. <button type="button" name="Submit" onclick="SelectKeywords('form1.keywords');" class="btn btn-success btn-sm">选择</button>
  177. </td>
  178. <td>
  179. <label><input type="checkbox" name="autokey" onclick="ShowHide('keywords');" id="autokey" value="1" <?php if ($cfg_arc_autokeyword=='Y') echo ' checked';?>> 自动获取</label>
  180. </td>
  181. </tr>
  182. </table>
  183. </td>
  184. </tr>
  185. <tr>
  186. <td class="admin-td">
  187. <table>
  188. <tr>
  189. <td width="120">描述:</td>
  190. <td><textarea name="description" id="description" class="admin-textarea-sm"></textarea></td>
  191. </tr>
  192. </table>
  193. </td>
  194. </tr>
  195. <tr>
  196. <td class="admin-td">
  197. <table>
  198. <tr>
  199. <td width="120">表现方式:</td>
  200. <td>
  201. <label><input type="radio" name="pagestyle" id="pagestyle1" onclick="checkMuList()" value="1" <?php if ($cfg_album_style==1) echo "checked='checked'";?>> <img src="../static/web/img/alb2.jpg" title="单页多图样式"></label>
  202. <label><input type="radio" name="pagestyle" id="pagestyle2" onclick="checkMuList()" value="2" <?php if ($cfg_album_style==2) echo "checked='checked'";?>> <img src="../static/web/img/alb1.jpg" title="幻灯片样式"></label>
  203. <label><input type="radio" name="pagestyle" id="pagestyle3" onclick="checkMuList()" value="3" <?php if ($cfg_album_style==3) echo "checked='checked'";?>> <img src="../static/web/img/alb3.jpg" title="多缩略图样式"></label>
  204. </td>
  205. </tr>
  206. </table>
  207. </td>
  208. </tr>
  209. <tr id="cfgmulist" style="display:none">
  210. <td class="admin-td">
  211. <table>
  212. <tr>
  213. <td width="120">多列式参数:</td>
  214. <td>
  215. <label>行 <input type="text" name="row" id="row" value="<?php echo $cfg_album_row;?>" class="admin-input-sm"></label>
  216. <label>列 <input type="text" name="col" id="col" value="<?php echo $cfg_album_col;?>" class="admin-input-sm"></label>
  217. <label>缩略图宽度限制:<input type="text" name="ddmaxwidth" id="ddmaxwidth" value="<?php echo $cfg_album_ddwidth;?>" class="admin-input-sm"> 像素</label>
  218. <span>(每页输出行x列张图片,实现需自行控制样式表)</span>
  219. </td>
  220. </tr>
  221. </table>
  222. </td>
  223. </tr>
  224. <tr id="spagelist" style="display:none">
  225. <td class="admin-td">
  226. <table>
  227. <tr>
  228. <td width="120">每页图片数:</td>
  229. <td>
  230. <input type="text" name="pagepicnum" id="pagpicnum" class="admin-input-sm" value="<?php echo $cfg_album_pagesize;?>">
  231. <span>(单页多图显示需要设置此参数,这种模式下系统不会为每张图单独生成缩略图)</span>
  232. </td>
  233. </tr>
  234. </table>
  235. </td>
  236. </tr>
  237. <tr>
  238. <td class="admin-td">
  239. <table>
  240. <tr>
  241. <td width="120">附加选项:</td>
  242. <td>
  243. <label><input type="checkbox" name="ddisfirst" value="1"> 提取第一个图片为缩略图</label>
  244. </td>
  245. </tr>
  246. </table>
  247. </td>
  248. </tr>
  249. <?php PrintAutoFieldsAdd(stripslashes($cInfos['fieldset']),'autofield');?>
  250. <tr>
  251. <td class="admin-td">
  252. <table>
  253. <tr>
  254. <td width="120">本地上传:</td>
  255. <td><span class="btn btn-success btn-sm fileinput-button">上传多图<input type="file" name="files[]" id="iptAlbumImages" multiple></span></td>
  256. </tr>
  257. </table>
  258. </td>
  259. </tr>
  260. <tr id="handfield">
  261. <td class="admin-td">
  262. <table>
  263. <tr>
  264. <td>
  265. <div id="gallery"></div>
  266. </td>
  267. </tr>
  268. </table>
  269. </td>
  270. </tr>
  271. <tr>
  272. <td class="admin-td">
  273. <table>
  274. <tr>
  275. <td width="120">图片文档:</td>
  276. <td><?php GetEditor("body","",400,"Diy");?></td>
  277. </tr>
  278. </table>
  279. </td>
  280. </tr>
  281. <tr>
  282. <td class="admin-td">
  283. <table>
  284. <tr>
  285. <td width="120">评论选项:</td>
  286. <td width="260">
  287. <label><input type="radio" name="notpost" value="0" <?php if ($cfg_feedback_forbid=='N') echo "checked='checked'";?>> 允许评论</label>
  288. <label><input type="radio" name="notpost" value="1" <?php if ($cfg_feedback_forbid=='Y') echo "checked='checked'";?>> 禁止评论</label>
  289. </td>
  290. <td width="120">发布选项:</td>
  291. <td>
  292. <label><input type="radio" name="ishtml" value="1" checked="checked"> 生成网页</label>
  293. <label><input type="radio" name="ishtml" value="0"> 仅动态浏览</label>
  294. </td>
  295. </tr>
  296. </table>
  297. </td>
  298. </tr>
  299. <tr>
  300. <td class="admin-td">
  301. <table>
  302. <tr>
  303. <td width="120">图片排序:</td>
  304. <td width="260"><select name="sortup" id="sortup" class="admin-input-sm">
  305. <option value="0" selected>默认排序</option>
  306. <option value="7">置顶一周</option>
  307. <option value="30">置顶一个月</option>
  308. <option value="90">置顶三个月</option>
  309. <option value="180">置顶半年</option>
  310. <option value="360">置顶一年</option>
  311. </select> </td>
  312. <td width="120">标题颜色:</td>
  313. <td>
  314. <input type="text" name="color" id="color" class="admin-input-sm">
  315. <button type="button" name="modcolor" id="modcolor" class="btn btn-success btn-sm" onclick="ShowColor(event,this)">选取</button>
  316. </td>
  317. </tr>
  318. </table>
  319. </td>
  320. </tr>
  321. <tr>
  322. <td class="admin-td">
  323. <table>
  324. <tr>
  325. <td width="120">阅读权限:</td>
  326. <td width="260">
  327. <select name="arcrank" id="arcrank" class="admin-input-sm">
  328. <?php
  329. $urank = $cuserLogin->getUserRank();
  330. $dsql->SetQuery("SELECT * FROM `#@__arcrank` where adminrank<='$urank' ORDER BY `rank` ASC");
  331. $dsql->Execute();
  332. while($row = $dsql->GetObject())
  333. {
  334. $selected = $row->rank == 0 ? ' selected' : '';
  335. echo "<option value='".$row->rank."'{$selected}>".$row->membername."</option>";
  336. }
  337. ?>
  338. </select>
  339. </td>
  340. <td width="120">文件名称:</td>
  341. <td><input type="text" name="filename" id="filename" class="admin-input-sm">(不包括后缀名如.html等)</td>
  342. </tr>
  343. </table>
  344. </td>
  345. </tr>
  346. <tr>
  347. <td class="admin-td">
  348. <table>
  349. <tr>
  350. <td width="120">发布时间:</td>
  351. <td width="260">
  352. <?php
  353. $nowtime = GetDateTimeMk(time());
  354. echo "<input type='text' name='pubdate' value='$nowtime' id='pubdate' class='datepicker admin-input-sm'>";
  355. ?>
  356. </td>
  357. <td width="120">浏览次数:</td>
  358. <td><input type="text" name="click" value="<?php echo ($cfg_arc_click=='-1' ? mt_rand(1000,6000):$cfg_arc_click);?>" class="admin-input-sm"></td>
  359. </tr>
  360. </table>
  361. </td>
  362. </tr>
  363. <tr>
  364. <td bgcolor="#f5f5f5" align="center" class="admin-td">
  365. <button type="submit" class="btn btn-success btn-sm">保存</button>
  366. <button type="button" class="btn btn-outline-success btn-sm" onclick="location.reload();">重置</button>
  367. </td>
  368. </tr>
  369. </table>
  370. </form>
  371. <script>
  372. function checkSubmit() {
  373. if (document.form1.title.value == '') {
  374. ShowMsg("文档标题不能为空");
  375. return false;
  376. }
  377. if (document.form1.typeid.value == 0) {
  378. ShowMsg("请选择文档栏目");
  379. return false;
  380. }
  381. }
  382. </script>
  383. <script>
  384. var swfu = null;
  385. var vcc = 0;
  386. var albums = [];
  387. $("#iptAlbumImages").change(function(val) {
  388. for (let i = 0; i < val.target.files.length; i++) {
  389. const f = val.target.files[i];
  390. var formData = new FormData();
  391. var fileData = f;
  392. formData.append('file', fileData);
  393. $.ajax({
  394. url: 'api.php?action=upload_image',
  395. type: 'POST',
  396. data: formData,
  397. processData: false,
  398. contentType: false,
  399. success: function (result) {
  400. if (result.code === 0) {
  401. // console.log(result)
  402. addImage(result.data, 0);
  403. $("#iptAlbumImages").val('');
  404. }
  405. },
  406. error: function (xhr, status, error) {
  407. alert(error); //处理上传失败后的回调
  408. }
  409. });
  410. }
  411. })
  412. </script>
  413. <script>InitPage();</script>
  414. </body>
  415. </html>