国内流行的内容管理系统(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.

559 lines
25KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  6. <title>修改栏目</title>
  7. <link rel="stylesheet" href="/static/web/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. <script src="/static/web/js/jquery.min.js"></script>
  11. <script src="/static/web/js/bootstrap.min.js"></script>
  12. <script src="/static/web/js/admin.main.js"></script>
  13. </head>
  14. <body>
  15. <div class="container-fluid">
  16. <ol class="breadcrumb">
  17. <li class="breadcrumb-item"><a href="index_body.php">后台面板</a></li>
  18. <li class="breadcrumb-item"><a href="catalog_main.php">网站栏目管理</a></li>
  19. <li class="breadcrumb-item active">修改栏目</li>
  20. </ol>
  21. <div class="card shadow-sm">
  22. <div class="card-header d-flex justify-content-between align-items-center"><span>修改栏目</span><?php if ($cfg_ai_enabled == 'Y'){;?><button type="button" id="btnAI" onclick="showAI();" class="btn btn-success btn-sm">小德AI助手</button><?php };?></div>
  23. <div class="card-body">
  24. <form name="form1" action="catalog_edit.php" method="post">
  25. <input type="hidden" name="dopost" value="save">
  26. <input type="hidden" name="id" value="<?php echo $id;?>">
  27. <input type="hidden" name="topid" value="<?php echo $myrow['topid'];?>">
  28. <div class="table-responsive">
  29. <table class="table table-borderless">
  30. <tbody>
  31. <tr>
  32. <td width="10%">是否支持投稿</td>
  33. <td width="40%">
  34. <label><input type="radio" name="issend" value="1" <?php if ($myrow['issend']=="1") echo 'checked';?>> 支持</label>
  35. <label><input type="radio" name="issend" value="0" <?php if ($myrow['issend']=="0") echo 'checked';?>> 不支持</label>
  36. </td>
  37. <td width="10%">是否隐藏栏目</td>
  38. <td width="40%">
  39. <label><input type="radio" name="ishidden" value="0" <?php if ($myrow['ishidden']=="0") echo 'checked';?>> 显示</label>
  40. <label><input type="radio" name="ishidden" value="1" <?php if ($myrow['ishidden']=="1") echo 'checked';?>> 隐藏</label>
  41. </td>
  42. </tr>
  43. <tr>
  44. <td>文档模型</td>
  45. <td>
  46. <input type="hidden" value="{style}" name="dfstyle">
  47. <select name="channeltype" id="channeltype" onChange="ParTemplet(this);" class="admin-input-sm">
  48. <?php
  49. foreach($channelArray as $k=>$arr)
  50. {
  51. if ($k==$channelid) echo " <option value='{$k}' selected>{$arr['typename']} {$arr['nid']}</option>";
  52. else echo " <option value='{$k}'>{$arr['typename']} {$arr['nid']}</option>";
  53. }
  54. ?>
  55. </select>
  56. <div id="smclass" class="mt-2" style="<?php echo ($channelid<0 ? '' : 'display:none');?>">
  57. <select name="smalltype[]" multiple="yes" class="admin-input-lg">
  58. <?php
  59. $smtypes = explode(',',trim($myrow['smalltypes']));
  60. $sql = "SELECT * FROM `#@__sys_enum` WHERE egroup LIKE 'infotype' ORDER BY disorder ASC,evalue ASC ";
  61. $dsql->Execute('s',$sql);
  62. while($arr = $dsql->GetArray('s'))
  63. {
  64. if (in_array($arr['evalue'],$smtypes)) {
  65. $selstr = " selected='1' ";
  66. } else {
  67. $selstr = '';
  68. }
  69. if ($arr['evalue']%500==0) {
  70. echo "<option value='{$arr['evalue']}'{$selstr}>{$arr['ename']}</option>";
  71. } else if (preg_match("#\.#", $arr['evalue'])) {
  72. echo "<option value='{$arr['evalue']}'{$selstr}>└── {$arr['ename']}</option>";
  73. } else {
  74. echo "<option value='{$arr['evalue']}'{$selstr}>└─ {$arr['ename']}</option>";
  75. }
  76. }
  77. ?>
  78. </select>
  79. <span>(请选栏目的信息联动类型支持多选)</span>
  80. </div>
  81. </td>
  82. <td>上级目录</td>
  83. <td>
  84. <?php
  85. $pardir = $cfg_arcdir;
  86. if (!empty($typedir)) $pardir = $typedir.'/';
  87. $pardir = preg_replace("#\/{1,}#", '/', $pardir);
  88. echo $pardir;
  89. ?>
  90. <input type="hidden" name="nextdir" id="nextdir" value="<?php echo $pardir?>">
  91. </td>
  92. </tr>
  93. <tr>
  94. <td>中文名称</td>
  95. <td><input type="text" name="typename" value="<?php echo $myrow['typename']?>" class="admin-input-lg" required></td>
  96. <td>中文概述</td>
  97. <td><input type="text" name="cnoverview" value="<?php echo $myrow['cnoverview']?>" class="admin-input-lg"></td>
  98. </tr>
  99. <tr>
  100. <td>英文名称</td>
  101. <td><input type="text" name="enname" value="<?php echo $myrow['enname']?>" class="admin-input-lg"></td>
  102. <td>英文概述</td>
  103. <td><input type="text" name="enoverview" value="<?php echo $myrow['enoverview']?>" class="admin-input-lg"></td>
  104. </tr>
  105. <tr>
  106. <td>栏目大图</td>
  107. <td>
  108. <input type="text" name="bigpic" value="<?php echo $myrow['bigpic']?>" class="admin-input-lg">
  109. <button type="button" class="btn btn-success btn-sm" onclick="SelectImage('form1.bigpic');">选择</button>
  110. </td>
  111. <td>栏目小图</td>
  112. <td>
  113. <input type="text" name="litimg" value="<?php echo $myrow['litimg']?>" class="admin-input-lg">
  114. <button type="button" class="btn btn-success btn-sm" onclick="SelectImage('form1.litimg');">选择</button>
  115. </td>
  116. </tr>
  117. <tr>
  118. <td>排列顺序</td>
  119. <td><input type="text" name="sortrank" value="<?php echo $myrow['sortrank']?>" class="admin-input-sm">(由低到高)</td>
  120. <td>浏览权限</td>
  121. <td>
  122. <select name="corank" id="corank" class="admin-input-sm">
  123. <?php
  124. $dsql->SetQuery("SELECT * FROM `#@__arcrank` WHERE `rank` >= 0 ORDER BY `rank` ASC");
  125. $dsql->Execute('cc');
  126. while($row = $dsql->GetObject('cc'))
  127. {
  128. if ($myrow['corank']==$row->rank)
  129. echo "<option value='".$row->rank."' selected>".$row->membername."</option>";
  130. else
  131. echo "<option value='".$row->rank."'>".$row->membername."</option>";
  132. }
  133. ?>
  134. </select>
  135. <span>(暂不支持静态)</span>
  136. </td>
  137. </tr>
  138. <tr>
  139. <td>栏目生成目录</td>
  140. <td><input type="text" name="typedir" id="typedir" value="<?php echo $myrow['typedir']?>" class="admin-input-lg"></td>
  141. <td>是否继承选项</td>
  142. <td><label><input type="checkbox" name="upnext" id="upnext" value="1"> 子类栏目继承顶级栏目的浏览权限、文档类型、模板风格等属性</label></td>
  143. </tr>
  144. <tr>
  145. <td>栏目列表选项</td>
  146. <td>
  147. <label><input type="radio" name="isdefault" value="1" <?php if ($myrow['isdefault']==1) echo 'checked';?>> 静态浏览</label>
  148. <label><input type="radio" name="isdefault" value="-1" <?php if ($myrow['isdefault']==-1) echo 'checked';?>> 动态浏览</label>
  149. <label><input type="radio" name="isdefault" value="0" <?php if ($myrow['isdefault']==0) echo 'checked';?>> 列表第一页浏览</label>
  150. </td>
  151. <td>默认页的名称</td>
  152. <td><input type="text" name="defaultname" value="<?php echo $myrow['defaultname']?>" class="admin-input-lg"></td>
  153. </tr>
  154. <tr>
  155. <td>栏目属性</td>
  156. <td>
  157. <label><input type="radio" name="ispart" value="0" <?php if ($myrow['ispart']==0) echo 'checked';?>> 列表栏目(允许发布)</label>
  158. <label><input type="radio" name="ispart" value="1" <?php if ($myrow['ispart']==1) echo 'checked';?>> 封面栏目(不允许发布)</label>
  159. <label><input type="radio" name="ispart" value="2" <?php if ($myrow['ispart']==2) echo 'checked';?>> 外部栏目(栏目生成目录处填写网址)</label>
  160. </td>
  161. <td>栏目交叉</td>
  162. <td>
  163. <label><input type="radio" name="cross" id="cross0" value="0" onclick="CheckCross();" <?php if ($myrow['cross']==0) echo 'checked';?>> 不交叉</label>
  164. <label><input type="radio" name="cross" id="cross1" value="1" onclick="CheckCross();" <?php if ($myrow['cross']==1) echo 'checked';?>> 自动获取同名栏目</label>
  165. <label><input type="radio" name="cross" id="cross2" value="2" onclick="CheckCross();" <?php if ($myrow['cross']==2) echo 'checked';?>> 指定交叉栏目id(英文逗号隔开)</label>
  166. <a href="javascript:ShowHide('helpvarco');" class="btn btn-success btn-sm">说明</a>
  167. <div id="crossid" style="<?php if ($myrow['cross']!=2) echo'display:none';?>"><textarea name="crossid" class="admin-textarea-sm"><?php echo $myrow['crossid'];?></textarea></div>
  168. <div id="helpvarco" class="helpinfo mt-3" style="display:none">交叉栏目该栏目与另一个非子栏目交叉的情况,相当于副栏目功能</div>
  169. </td>
  170. </tr>
  171. <tr>
  172. <td width="260">多站点支持</td>
  173. <td>
  174. <label><input type="radio" name="moresite" value="1" <?php if ($myrow['moresite']==1) echo 'checked';?>> 启用</label>
  175. <label><input type="radio" name="moresite" value="0" <?php if ($myrow['moresite']==0) echo 'checked';?>> 不启用</label>
  176. <span>(仅顶级栏目启用,子类栏目无效)</span>
  177. </td>
  178. <td>绑定域名</td>
  179. <td><input type="text" name="siteurl" id="siteurl" value="<?php echo $myrow['siteurl']?>" class="admin-input-lg">(请输入网址,在系统设置开启多站点功能)</td>
  180. </tr>
  181. <tr>
  182. <td>列表模板</td>
  183. <td>
  184. <input type="text" name="templist" value="<?php echo $myrow['templist']?>" class="admin-input-lg">
  185. <button type="button" class="btn btn-success btn-sm" onclick="SelectTemplets('form1.templist')">选择</button>
  186. </td>
  187. <td>封面模板</td>
  188. <td>
  189. <input type="text" name="tempindex" value="<?php echo $myrow['tempindex']?>" class="admin-input-lg">
  190. <button type="button" class="btn btn-success btn-sm" onclick="SelectTemplets('form1.tempindex')">选择</button>
  191. <a href="javascript:ShowHide('helpvar1');" class="btn btn-success btn-sm">说明</a>
  192. <div id="helpvar1" class="helpinfo mt-3" style="display:none">
  193. <p>{tid} 栏目id</p>
  194. <p>{cid} 栏目模型名字id</p>
  195. </div>
  196. </td>
  197. </tr>
  198. <tr>
  199. <td>文档模板</td>
  200. <td>
  201. <input type="text" name="temparticle" value="<?php echo $myrow['temparticle']?>" class="admin-input-lg">
  202. <button type="button" class="btn btn-success btn-sm" onclick="SelectTemplets('form1.temparticle')">选择</button>
  203. </td>
  204. <td>列表命名规则</td>
  205. <td>
  206. <input type="text" name="namerule2" id="namerule2" value="<?php echo $myrow['namerule2']?>" class="admin-input-lg">
  207. <a href="javascript:ShowHide('helpvar2');" class="btn btn-success btn-sm">说明</a>
  208. <div id="helpvar2" class="helpinfo mt-3" style="display:none">
  209. <p>静态规则</p>
  210. <p>{tid} 栏目id</p>
  211. <p>{page} 栏目页码数</p>
  212. <p>伪静态规则(Nginx)</p>
  213. <p>rewrite ^/list/([0-9]+)$ /apps/list.php?tid=$1;</p>
  214. <p>rewrite ^/list/([0-9]+)-([0-9]+)$ /apps/list.php?tid=$1&PageNo=$2;</p>
  215. </div>
  216. </td>
  217. </tr>
  218. <tr>
  219. <td>文档命名规则</td>
  220. <td>
  221. <input type="text" name="namerule" id="namerule" value="<?php echo $myrow['namerule']?>" class="admin-input-lg">
  222. <a href="javascript:ShowHide('helpvar3');" class="btn btn-success btn-sm">说明</a>
  223. <div id="helpvar3" class="helpinfo mt-3" style="display:none">
  224. <p>静态规则</p>
  225. <p>{Y}{M}{D} 年月日</p>
  226. <p>{timestamp} INT类型的UNIX时间戳</p>
  227. <p>{aid} 文档id</p>
  228. <p>{pinyin} 拼音加文档id</p>
  229. <p>{py} 拼音部首加文档id</p>
  230. <p>{typedir} 栏目保存目录</p>
  231. <p>{cc} 日期加混编id后用转换为适合字母</p>
  232. <p>伪静态规则(Nginx)</p>
  233. <p>rewrite ^/article/([0-9]+).html$ /apps/view.php?aid=$1;</p>
  234. <p>rewrite ^/article/([0-9]+)-([0-9]+).html$ /apps/view.php?aid=$1&PageNo=$2;</p>
  235. </div>
  236. </td>
  237. <td>SEO标题</td>
  238. <td><input type="text" name="seotitle" id="seotitle" value="<?php echo $myrow['seotitle']?>" class="admin-input-lg"></td>
  239. </tr>
  240. <tr>
  241. <td>关键词</td>
  242. <td><textarea name="keywords" cid="keywords" class="admin-textarea-sm"><?php echo $myrow['keywords']?></textarea></td>
  243. <td>描述</td>
  244. <td><textarea name="description" id="description" class="admin-textarea-sm"><?php echo $myrow['description']?></textarea></td>
  245. </tr>
  246. <tr>
  247. <td colspan="2">栏目文档</td>
  248. <td>是否支持跨站调用</td>
  249. <td>
  250. <input value="<?php echo $myrow['apikey']?>" type="text" name="apikey" id="apikey" class="admin-input-lg" placeholder="请输入跨站调用秘钥">
  251. <label><input type="radio" name="apienabled" value="1" <?php if ($myrow['apienabled']=="1") echo 'checked';?>> 支持</label>
  252. <label><input type="radio" name="apienabled" value="0" <?php if ($myrow['apienabled']=="0") echo 'checked';?>> 不支持</label>
  253. <a href="javascript:makeAPIKey();" class="btn btn-success btn-sm">更新</i></a>
  254. <a href="javascript:showAPI(<?php echo $id;?>);" class="btn btn-success btn-sm">说明</a>
  255. </td>
  256. </tr>
  257. <tr>
  258. <td colspan="4"><?php GetEditor("content",$myrow['content'],"400","Default","print","false");?></td>
  259. </tr>
  260. <tr>
  261. <td align="center" colspan="4">
  262. <button type="submit" class="btn btn-success btn-sm">保存</button>
  263. <a href="catalog_main.php" class="btn btn-outline-success btn-sm">返回</a>
  264. </td>
  265. </tr>
  266. </tbody>
  267. </table>
  268. </div>
  269. </form>
  270. </div>
  271. </div>
  272. </div>
  273. <div id="mdlViewAPI" class="modal fade" tabindex="-1" aria-hidden="true">
  274. <div class="modal-dialog modal-xl">
  275. <div class="modal-content">
  276. <div class="modal-header">
  277. <h5 class="modal-title">跨站调用</h5>
  278. <button type="button" class="update-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>
  279. </div>
  280. <div class="modal-body">
  281. <form>
  282. <div class="form-group">
  283. <span>跨站调用功能用于同后台管理或其他网站之间调用栏目文档数据</span>
  284. </div>
  285. <div class="form-group">
  286. <label for="iptAPICode" class="mb-3">代码示例</label>
  287. <div class="nav nav-pills mb-3" id="data-tab" role="tablist">
  288. <button type="button" class="nav-link active" id="php-tab" data-toggle="tab" data-target="#nav-php" role="tab" aria-controls="nav-php" aria-selected="true">PHP</button>
  289. <button type="button" class="nav-link" id="js-tab" data-toggle="tab" data-target="#nav-js" role="tab" aria-controls="nav-js" aria-selected="true">Javasctipt</button>
  290. <button type="button" class="nav-link" id="go-tab" data-toggle="tab" data-target="#nav-go" role="tab" aria-controls="nav-go" aria-selected="false">Go</button>
  291. <button type="button" class="nav-link" id="python-tab" data-toggle="tab" data-target="#nav-python" role="tab" aria-controls="nav-python" aria-selected="false">Python3</button>
  292. </div>
  293. <div class="tab-content" id="data-tabContent">
  294. <div class="tab-pane fade show active" id="nav-php" role="tabpanel" aria-labelledby="php-tab">
  295. <pre><code id="codephp"></code></pre></div>
  296. <div class="tab-pane fade" id="nav-js" role="tabpanel" aria-labelledby="js-tab">
  297. <pre><code id="codejs"></code></pre>
  298. </div>
  299. <div class="tab-pane fade" id="nav-go" role="tabpanel" aria-labelledby="go-tab">
  300. <pre><code id="codego"></code></pre>
  301. </div>
  302. <div class="tab-pane fade" id="nav-python" role="tabpanel" aria-labelledby="python-tab">
  303. <pre><code id="codepython"></code></pre>
  304. </div>
  305. </div>
  306. </div>
  307. <div class="form-group">
  308. <label for="iptAPITag" class="mb-3">标签示例</label>
  309. <pre><code id="codetag"></code></pre>
  310. </div>
  311. </form>
  312. </div>
  313. <div class="modal-footer">
  314. <div class="btnStep"><button id="btnGoStep4" type="button" class="btn btn-success btn-sm" data-dismiss="modal">关闭</button></div>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. <div id="mdlAI" class="modal fade" tabindex="-1" aria-hidden="true">
  320. <div class="modal-dialog modal-xl">
  321. <div class="modal-content">
  322. <div class="modal-header">
  323. <h5 class="modal-title">小德AI助手:修改栏目</h5>
  324. <button type="button" class="update-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>
  325. </div>
  326. <div class="modal-body">
  327. <form>
  328. <div class="form-group">
  329. <textarea id="prompt" class="form-control" style="height:160px" placeholder="请输入修改栏目要求,例:我需要栏目信息内容更丰富一些"></textarea>
  330. </div>
  331. <div class="form-group">
  332. <label for="modelid" class="form-label">选择模型</label>
  333. <select id="modelid" class="form-control">
  334. <?php
  335. $dsql->SetQuery("SELECT AM.*,A.title as aititle FROM `#@__ai_model` AM LEFT JOIN `#@__ai` A ON A.id = AM.aiid ORDER BY AM.sortrank ASC,AM.id DESC");
  336. $dsql->Execute();
  337. while ($row = $dsql->GetObject()) {
  338. ?>
  339. <option value="<?php echo $row->id;?>" <?php echo $row->isdefault==1?' selected' : '';?>><?php echo $row->model;?> <?php echo $row->aititle;?></option>
  340. <?php
  341. }
  342. ?>
  343. </select>
  344. </div>
  345. </form>
  346. </div>
  347. <div class="modal-footer">
  348. <button id="btnAIAction" class="btn btn-success btn-sm">确定</button>
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. <script>
  354. var channelArray = new Array();
  355. <?php
  356. $i = 0;
  357. foreach($channelArray as $k=> $arr)
  358. {
  359. echo "channelArray[$k] = \"{$arr['nid']}\";";
  360. }
  361. ?>
  362. function Nav() {
  363. if (window.navigator.userAgent.indexOf("MSIE") >= 1) return 'IE';
  364. else if (window.navigator.userAgent.indexOf("Firefox") >= 1) return 'FF';
  365. else return "OT";
  366. }
  367. function SelectTemplets(fname) {
  368. var pos = GetWinPos(800,600);
  369. window.open("./dialog/select_templets.php?f=" + fname, "poptempWin", "scrollbars=yes,resizable=yes,statebar=no,width=800,height=600,left=" + pos.left + ", top=" + pos.top);
  370. }
  371. function ShowHide(objname) {
  372. var obj = document.getElementById(objname);
  373. if (obj.style.display != "none")
  374. obj.style.display = "none";
  375. else {
  376. obj.style.display = "block";
  377. }
  378. }
  379. function ShowObj(objname) {
  380. var obj = document.getElementById(objname);
  381. obj.style.display = "block";
  382. }
  383. function HideObj(objname) {
  384. var obj = document.getElementById(objname);
  385. obj.style.display = "none";
  386. }
  387. function CheckTypeDir() {
  388. var upinyin = document.getElementById('upinyin');
  389. var tpobj = document.getElementById('typedir');
  390. if (upinyin.checked) tpobj.style.display = "none";
  391. else tpobj.style.display = "inline-block";
  392. }
  393. function ParTemplet(obj) {
  394. var sevvalue = channelArray[obj.value];
  395. var tobj = document.getElementById('smclass');
  396. var tempindex = document.getElementsByName('tempindex');
  397. var templist = document.getElementsByName('templist');
  398. var temparticle = document.getElementsByName('temparticle');
  399. var dfstyle = document.getElementsByName('dfstyle');
  400. var dfstyleValue = dfstyle[0].value;
  401. tempindex[0].value = dfstyleValue + "/index_" + sevvalue + ".htm";
  402. templist[0].value = dfstyleValue + "/list_" + sevvalue + ".htm";
  403. temparticle[0].value = dfstyleValue + "/article_" + sevvalue + ".htm";
  404. if (obj.value < 0) {
  405. tobj.style.display = "block";
  406. } else {
  407. tobj.style.display = "none";
  408. }
  409. }
  410. function CheckCross() {
  411. var cross2 = document.getElementById('cross2');
  412. var crossid = document.getElementById('crossid');
  413. if (cross2.checked) crossid.style.display = 'block';
  414. else crossid.style.display = 'none';
  415. }
  416. function makeAPIKey(){
  417. var apikey = document.getElementById('apikey');
  418. jQuery.get("sys_info.php?dopost=make_encode", function(data) {
  419. jQuery("#apikey").val(data);
  420. });
  421. }
  422. function showAPI(tid) {
  423. fetch('catalog_do.php?dopost=viewAPI&typeid=' + tid).then(resp => resp.text()).then((d) => {
  424. let data = JSON.parse(d);
  425. if (data.code == 0) {
  426. $("#codephp").html(data.data.phpcode);
  427. $("#codego").html(data.data.gocode);
  428. $("#codepython").html(data.data.pythoncode);
  429. $("#codejs").html(data.data.jscode);
  430. $("#codetag").html(data.data.tagcode);
  431. $("#mdlViewAPI").modal('show');
  432. }
  433. });
  434. }
  435. function showAI() {
  436. $("#mdlAI").modal('show');
  437. }
  438. let bodyHtml = "";
  439. $("#btnAIAction").click(async function() {
  440. let prompt = document.getElementById("prompt").value;
  441. let modelid = document.getElementById("modelid").value;
  442. let req = await fetch(`api.php?action=get_ai_server&pname=catalog_edit&tid=<?php echo $id?>&modelid=${modelid}&prompt=${prompt}`);
  443. let resp = await req.json();
  444. if (resp.code !== 0) {
  445. ShowMsg("获取服务器地址失败");
  446. return
  447. }
  448. let eventSource = new EventSource(resp.data);
  449. //新增状态跟踪变量
  450. let currentKey = null;
  451. let tagBuffer = "";
  452. let isClosingTag = false;
  453. $("#mdlAI").modal('hide');
  454. $("#btnAI").attr("disabled", "disabled");
  455. prompt = "";
  456. let lastChar = "";
  457. eventSource.onmessage = (event) => {
  458. const chars = event.data.split('');
  459. chars.forEach(char => {
  460. if (lastChar === '\\' && char === 'r') {
  461. char = '<br>'; //替换为br标签
  462. lastChar = ""; //清空追踪字符
  463. } else {
  464. lastChar = char; //记录当前字符
  465. }
  466. if (char === '\\') {
  467. return; //如果是反斜杠,跳过处理
  468. }
  469. if (currentKey) {
  470. if (char === '{') {
  471. isClosingTag = true;
  472. tagBuffer = '{';
  473. return;
  474. }
  475. if (isClosingTag) {
  476. tagBuffer += char;
  477. if (tagBuffer === `{/${currentKey}}`) {
  478. if (currentKey == "content") {
  479. CKEDITOR.instances["content"].setReadOnly(false);
  480. bodyHtml = "";
  481. } else {
  482. const input = document.querySelector(`[name="${currentKey}"]`);
  483. if (input) $(input).prop("disabled", false).removeClass("disabled"); //恢复输入状态
  484. }
  485. currentKey = null;
  486. isClosingTag = false;
  487. tagBuffer = "";
  488. return;
  489. }
  490. if (!`{/${currentKey}}`.startsWith(tagBuffer)) {
  491. if (currentKey == "content") {
  492. bodyHtml += tagBuffer;
  493. console.log(bodyHtml);
  494. CKEDITOR.instances["content"].setData(bodyHtml)
  495. } else {
  496. const input = document.querySelector(`[name="${currentKey}"]`);
  497. if (input) input.value += tagBuffer;
  498. }
  499. isClosingTag = false;
  500. tagBuffer = "";
  501. }
  502. } else {
  503. if (currentKey == "content") {
  504. bodyHtml += char;
  505. CKEDITOR.instances["content"].setData(bodyHtml)
  506. } else {
  507. const input = document.querySelector(`[name="${currentKey}"]`);
  508. if (input) {
  509. input.value += char;
  510. input.scrollTop = input.scrollHeight; //滚动到底部
  511. }
  512. }
  513. }
  514. } else {
  515. if (char === '{') {
  516. tagBuffer = '{';
  517. } else if (tagBuffer.startsWith('{')) {
  518. tagBuffer += char;
  519. if (char === '}') {
  520. const match = tagBuffer.match(/{([^>]+)}/);
  521. if (match) {
  522. currentKey = match[1];
  523. if (currentKey == "content") {
  524. CKEDITOR.instances["content"].setReadOnly(true);
  525. } else {
  526. const input = document.querySelector(`[name="${currentKey}"]`);
  527. if (input) {
  528. $(input).prop("disabled", true).addClass("disabled"); //仅禁用当前输入框
  529. input.value = "";
  530. }
  531. }
  532. }
  533. tagBuffer = "";
  534. }
  535. }
  536. }
  537. });
  538. };
  539. eventSource.onerror = (error) => {
  540. if (error.target.readyState === EventSource.CONNECTING) {
  541. ShowMsg("连接失败,请确保您已开启并正确配置了DedeBIZ小德AI助手。 <a class='text-success' href='https://www.dedebiz.com/ai?from=dedebiz' target='_blank'>如何配置?</a>");
  542. } else if (typeof error.data!=="undefined" && error.data !== "" && error.target.readyState !== EventSource.CLOSED) {
  543. ShowMsg(error.data);
  544. }
  545. $("#btnAI").prop("disabled", false);
  546. eventSource.close();
  547. };
  548. //监听特定事件close
  549. eventSource.addEventListener('close', (event) => {
  550. console.log('SSE connection closed:', event.data);
  551. $("#btnAI").prop("disabled", false);
  552. eventSource.close(); //关闭连接
  553. });
  554. });
  555. </script>
  556. </body>
  557. </html>