<link rel="stylesheet" type="text/css" href="../themes/clientarea/QRuser/static/css/supporttickets.css">
<div class="os-container" >
  <div class="os-main">
<div class="os-main__left-col" style="display:">
  <div class="os-main__logo">
<i class="os-icon-logo" style="background-image:url(../themes/clientarea/QRuser/static/images/1609992830108_o8qpqcwzghc9pb9.svg)"></i>
  </div>
  <div class="os-main__menu">
<ul class="os-menu__list">
  <li class="os-menu__item is-active">
<a >
  <i class="os-icon-menu-message os-icon-16" style="background-image:"></i>
  <span class="os-text os-text--middle">{$Lang.submit_work_order}</span></a>
  </li>
  <li class="os-menu__item">
<a  href="supporttickets" >
  <i class="os-icon-menu-order os-icon-16" style="background-image:"></i>
  <span class="os-text os-text--middle">{$Lang.title_supporttickets}</span>
  <i class="os-icon-link os-icon-16" style="background-image:"></i>
</a>
  </li>
  <li class="os-menu__item">
<a href="knowledgebase" >
  <i class="os-icon-menu-tool os-icon-16" style="background-image:"></i>
  <span class="os-text os-text--middle">{$Lang.title_knowledgebase}</span>
  <i class="os-icon-link os-icon-16" style="background-image:"></i>
</a>
  </li>
</ul>
  </div>
  <div class="os-main__contact">
  </a>
  </div>
</div>
<div class="os-main__right-col">
  <div class="os-chat__panel">
<div class="os-chat__header">
  <div class="col">
<div class="left-title">
  <span class="os-text os-text--middle">{$Lang.The_sessionsq}</span>
  <i class="os-icon-dropdown os-icon-16 total-icon" style="background-image:"></i>
</div>
<div class="left-desc">
  <span class="os-text os-text--weak">{$Lang.ticket_top_five}</span></div>
  </div>
  <div class="col colsubmitticket">
<div class="os-badge">
<a href="supporttickets">
  <i class="os-icon-badge-normal os-icon-16" style="background-image:"></i>
  <span class="os-text os-text--middle">{$Lang.The_session}</span></a></div>
  </div>
</div>
<div class="os-chat__body">

  <div id="onlineServiceMessageCont" class="os-chat__body--inner">
<div id="onlineServiceMessage" class="os-message">
  <div class="os-message__item welcome">
<div class="os-message__item-inner">
  <div class="os-message__avatar">
<i class="os-icon-48" style="border-radius:50%;background-image:url(../themes/clientarea/QRuser/static/images/icon-44-robot-avatar.png)"></i>
  </div>
  <div class="os-message__body">
<div class="os-message__smart-push">
  <div class="os-message__smart-push__header">
<span class="os-text title">{$Userinfo.user.username},{$Lang.hello}</span>
<span class="os-text desc">
  <p>{$Lang.ticket_top_one}</p>
</span>
  </div>
  <div class="os-message__smart-push__body">
<span class="os-text tips">{$Lang.ticket_top_three}：</span>
<div class="list">
  <ul class="item">
  <!--处理逻辑  数据表parent_id为1= 新闻中心  2= 帮助中心 只循环显示ID=2下的文章(帮助中心) 并排除hidden = 0(是否隐藏的文章)-->
{php}
 $pg = Db::name('news_type')->where('hidden',0)->where('parent_id',2)->select();
  foreach ($pg as $v) {
{/php} 
{php}
$pge = Db::name('news_menu')->where('hidden',0)->where('parent_id',$v['id'])->select();
  foreach ($pge as $t) {
{/php}
<li >
   <a href="knowledgebaseview?id={$t.id}">
  <span class="os-text os-text--weak lable"></span>{$t.title}</span></a></li>
 {php}}{/php} 
 {php}}{/php} 
  </ul>
</div>
  </div>
</div>
  </div>
</div>
  </div>
</div>
  </div>
</div>
<div class="os-chat__footer">
  <div class="os-keywords__list">
  <span>{$Lang.ticket_top_eight}</span>
 {if $SubmitTicket.department}
{foreach $SubmitTicket.department as $department}   
<a href="submitticket?step=2&dptid={$department.id}">
<div class="os-tag">
  <span class="os-text"><i class="bx bx-paper-plane">
</i>{$department.name}</span></div>
</a>
{/foreach}
<a href="https://baidu.com" target="_blank">
<div class="os-tag" style="color: #FFEB3B!important;height: 30px; line-height: 16px;">
  <span class="os-text"><i class="ky kysousuo">
</i>百度一下</span></div>
</a>
{else}
{include file="error/alert" value="{$Lang.temporary_department}"}
{/if}

<a href="submitticket"><i class="os-icon-refresh os-icon-15" style="background-image:"></i></a>
  </div>
  <div class="os-chat__textarea-area" >
<div class="os-chat__textarea-box" ">
<div>{$Lang.ticket_top_seven}</div>
</div>
   
<div class="os-chat__send-btn">
<a href="clientarea">
  <button class="os-button os-button--primary" type="button">{$Lang.close}</button></a></div>
<div class="os-chat__textarea-area--zoom"></div>
  </div>
</div>
  </div>
</div>
  </div>
</div>