570 lines
23 KiB
Vue
570 lines
23 KiB
Vue
<template>
|
||
<div>
|
||
<div id="wrapper" class="am-text-sm">
|
||
<div class="am-padding-xs am-padding-top-0">
|
||
<div class="am-panel am-panel-default">
|
||
<div class="am-panel-bd">
|
||
<div class="am-cf">
|
||
<div class="am-fl am-cf">
|
||
<strong class="am-text-primary am-text-lg">全部工单</strong>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="am-g am-margin-bottom-xs am-g-collapse am-margin-top-xs"
|
||
>
|
||
<div class="am-u-sm-12 am-u-md-12">
|
||
<form action="#" class="am-form am-form-inline">
|
||
<input type="hidden" name="g" value="Ticket" />
|
||
<input type="hidden" name="m" value="Ticket" />
|
||
<input type="hidden" name="a" value="all" />
|
||
|
||
<div class="am-margin-bottom-xs">
|
||
<select
|
||
name="time_type"
|
||
class="am-form-field am-input-sm am-radius"
|
||
data-am-selected="{maxHeight: 200, btnSize: 'sm', dropUp: 0}"
|
||
style="display: none"
|
||
>
|
||
<option value="1">创建时间</option>
|
||
<option value="2">完成时间</option>
|
||
</select>
|
||
<div
|
||
class="am-selected am-dropdown"
|
||
id="am-selected-b7kqo"
|
||
data-am-dropdown=""
|
||
>
|
||
<button
|
||
type="button"
|
||
class="
|
||
am-selected-btn
|
||
am-btn
|
||
am-dropdown-toggle
|
||
am-btn-sm
|
||
am-btn-default
|
||
"
|
||
>
|
||
<span class="am-selected-status am-fl">创建时间</span>
|
||
<i class="am-selected-icon am-icon-caret-down"></i>
|
||
</button>
|
||
<div class="am-selected-content am-dropdown-content">
|
||
<h2 class="am-selected-header">
|
||
<span class="am-icon-chevron-left">返回</span>
|
||
</h2>
|
||
<ul
|
||
class="am-selected-list"
|
||
style="max-height: 200px; overflow-y: scroll"
|
||
>
|
||
<li
|
||
class="am-checked"
|
||
data-index="0"
|
||
data-group="0"
|
||
data-value="1"
|
||
>
|
||
<span class="am-selected-text">创建时间</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="1"
|
||
data-group="0"
|
||
data-value="2"
|
||
>
|
||
<span class="am-selected-text">完成时间</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
</ul>
|
||
<div class="am-selected-hint"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-form-group am-form-icon">
|
||
<i class="am-icon-calendar"></i>
|
||
<input
|
||
type="text"
|
||
class="am-form-field am-input-sm am-radius"
|
||
name="begin"
|
||
value=""
|
||
readonly=""
|
||
data-am-datepicker=""
|
||
/>
|
||
</div>
|
||
|
||
<div class="am-form-group am-form-icon">
|
||
<i class="am-icon-calendar"></i>
|
||
<input
|
||
type="text"
|
||
class="am-form-field am-input-sm am-radius"
|
||
name="end"
|
||
value=""
|
||
readonly=""
|
||
data-am-datepicker=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<select
|
||
name="model_id"
|
||
class="am-form-field am-input-sm am-radius"
|
||
data-am-selected="{maxHeight: 200, btnSize: 'sm', dropUp: 0}"
|
||
style="display: none"
|
||
>
|
||
<option value="-1">所有类型</option>
|
||
<option value="1">PESCMS TICKET - 定制咨询</option>
|
||
<option value="2">PESCMS TICKET - 反馈建议</option>
|
||
<option value="3">PESCMS TEAM - 反馈建议</option>
|
||
<option value="4">PESCMS DOC - 反馈建议</option>
|
||
<option value="5">PESCMS TEAM - 定制咨询</option>
|
||
<option value="6">PESCMS DOC - 定制咨询</option>
|
||
<option value="7">主机租用 - 访问异常</option>
|
||
<option value="8">主机租用 - 服务器订购</option>
|
||
</select>
|
||
<div
|
||
class="am-selected am-dropdown"
|
||
id="am-selected-u3lqn"
|
||
data-am-dropdown=""
|
||
>
|
||
<button
|
||
type="button"
|
||
class="
|
||
am-selected-btn
|
||
am-btn
|
||
am-dropdown-toggle
|
||
am-btn-sm
|
||
am-btn-default
|
||
"
|
||
>
|
||
<span class="am-selected-status am-fl">所有类型</span>
|
||
<i class="am-selected-icon am-icon-caret-down"></i>
|
||
</button>
|
||
<div class="am-selected-content am-dropdown-content">
|
||
<h2 class="am-selected-header">
|
||
<span class="am-icon-chevron-left">返回</span>
|
||
</h2>
|
||
<ul
|
||
class="am-selected-list"
|
||
style="max-height: 200px; overflow-y: scroll"
|
||
>
|
||
<li
|
||
class="am-checked"
|
||
data-index="0"
|
||
data-group="0"
|
||
data-value="-1"
|
||
>
|
||
<span class="am-selected-text">所有类型</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="1"
|
||
data-group="0"
|
||
data-value="1"
|
||
>
|
||
<span class="am-selected-text"
|
||
>PESCMS TICKET - 定制咨询</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="2"
|
||
data-group="0"
|
||
data-value="2"
|
||
>
|
||
<span class="am-selected-text"
|
||
>PESCMS TICKET - 反馈建议</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="3"
|
||
data-group="0"
|
||
data-value="3"
|
||
>
|
||
<span class="am-selected-text"
|
||
>PESCMS TEAM - 反馈建议</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="4"
|
||
data-group="0"
|
||
data-value="4"
|
||
>
|
||
<span class="am-selected-text"
|
||
>PESCMS DOC - 反馈建议</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="5"
|
||
data-group="0"
|
||
data-value="5"
|
||
>
|
||
<span class="am-selected-text"
|
||
>PESCMS TEAM - 定制咨询</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="6"
|
||
data-group="0"
|
||
data-value="6"
|
||
>
|
||
<span class="am-selected-text"
|
||
>PESCMS DOC - 定制咨询</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="7"
|
||
data-group="0"
|
||
data-value="7"
|
||
>
|
||
<span class="am-selected-text"
|
||
>主机租用 - 访问异常</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="8"
|
||
data-group="0"
|
||
data-value="8"
|
||
>
|
||
<span class="am-selected-text"
|
||
>主机租用 - 服务器订购</span
|
||
>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
</ul>
|
||
<div class="am-selected-hint"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<select
|
||
name="status"
|
||
class="am-form-field am-input-sm am-radius"
|
||
data-am-selected="{btnSize: 'sm', dropUp: 0}"
|
||
style="display: none"
|
||
>
|
||
<option value="-1">所有进度</option>
|
||
<option value="0">待解决</option>
|
||
<option value="1">待处理</option>
|
||
<option value="2">待回复</option>
|
||
<option value="3">完成</option>
|
||
</select>
|
||
<div
|
||
class="am-selected am-dropdown"
|
||
id="am-selected-0q8qm"
|
||
data-am-dropdown=""
|
||
>
|
||
<button
|
||
type="button"
|
||
class="
|
||
am-selected-btn
|
||
am-btn
|
||
am-dropdown-toggle
|
||
am-btn-sm
|
||
am-btn-default
|
||
"
|
||
>
|
||
<span class="am-selected-status am-fl">所有进度</span>
|
||
<i class="am-selected-icon am-icon-caret-down"></i>
|
||
</button>
|
||
<div class="am-selected-content am-dropdown-content">
|
||
<h2 class="am-selected-header">
|
||
<span class="am-icon-chevron-left">返回</span>
|
||
</h2>
|
||
<ul class="am-selected-list">
|
||
<li
|
||
class="am-checked"
|
||
data-index="0"
|
||
data-group="0"
|
||
data-value="-1"
|
||
>
|
||
<span class="am-selected-text">所有进度</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="1"
|
||
data-group="0"
|
||
data-value="0"
|
||
>
|
||
<span class="am-selected-text">待解决</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="2"
|
||
data-group="0"
|
||
data-value="1"
|
||
>
|
||
<span class="am-selected-text">待处理</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="3"
|
||
data-group="0"
|
||
data-value="2"
|
||
>
|
||
<span class="am-selected-text">待回复</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="4"
|
||
data-group="0"
|
||
data-value="3"
|
||
>
|
||
<span class="am-selected-text">完成</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
</ul>
|
||
<div class="am-selected-hint"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<select
|
||
name="read"
|
||
class="am-form-field am-input-sm am-radius"
|
||
data-am-selected="{btnSize: 'sm', dropUp: 0}"
|
||
style="display: none"
|
||
>
|
||
<option value="-1">查看状态</option>
|
||
<option value="0">未读</option>
|
||
<option value="1">已读</option>
|
||
</select>
|
||
<div
|
||
class="am-selected am-dropdown"
|
||
id="am-selected-d5h2i"
|
||
data-am-dropdown=""
|
||
>
|
||
<button
|
||
type="button"
|
||
class="
|
||
am-selected-btn
|
||
am-btn
|
||
am-dropdown-toggle
|
||
am-btn-sm
|
||
am-btn-default
|
||
"
|
||
>
|
||
<span class="am-selected-status am-fl">查看状态</span>
|
||
<i class="am-selected-icon am-icon-caret-down"></i>
|
||
</button>
|
||
<div class="am-selected-content am-dropdown-content">
|
||
<h2 class="am-selected-header">
|
||
<span class="am-icon-chevron-left">返回</span>
|
||
</h2>
|
||
<ul class="am-selected-list">
|
||
<li
|
||
class="am-checked"
|
||
data-index="0"
|
||
data-group="0"
|
||
data-value="-1"
|
||
>
|
||
<span class="am-selected-text">查看状态</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="1"
|
||
data-group="0"
|
||
data-value="0"
|
||
>
|
||
<span class="am-selected-text">未读</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="2"
|
||
data-group="0"
|
||
data-value="1"
|
||
>
|
||
<span class="am-selected-text">已读</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
</ul>
|
||
<div class="am-selected-hint"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<select
|
||
name="close"
|
||
class="am-form-field am-input-sm am-radius"
|
||
data-am-selected="{btnSize: 'sm', dropUp: 0}"
|
||
style="display: none"
|
||
>
|
||
<option value="-1">关闭状态</option>
|
||
<option value="0">正常</option>
|
||
<option value="1">已关闭</option>
|
||
</select>
|
||
<div
|
||
class="am-selected am-dropdown"
|
||
id="am-selected-sunm6"
|
||
data-am-dropdown=""
|
||
>
|
||
<button
|
||
type="button"
|
||
class="
|
||
am-selected-btn
|
||
am-btn
|
||
am-dropdown-toggle
|
||
am-btn-sm
|
||
am-btn-default
|
||
"
|
||
>
|
||
<span class="am-selected-status am-fl">关闭状态</span>
|
||
<i class="am-selected-icon am-icon-caret-down"></i>
|
||
</button>
|
||
<div class="am-selected-content am-dropdown-content">
|
||
<h2 class="am-selected-header">
|
||
<span class="am-icon-chevron-left">返回</span>
|
||
</h2>
|
||
<ul class="am-selected-list">
|
||
<li
|
||
class="am-checked"
|
||
data-index="0"
|
||
data-group="0"
|
||
data-value="-1"
|
||
>
|
||
<span class="am-selected-text">关闭状态</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="1"
|
||
data-group="0"
|
||
data-value="0"
|
||
>
|
||
<span class="am-selected-text">正常</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
<li
|
||
class=""
|
||
data-index="2"
|
||
data-group="0"
|
||
data-value="1"
|
||
>
|
||
<span class="am-selected-text">已关闭</span>
|
||
<i class="am-icon-check"></i>
|
||
</li>
|
||
</ul>
|
||
<div class="am-selected-hint"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="am-form-group">
|
||
<input
|
||
type="text"
|
||
name="keyword"
|
||
value=""
|
||
class="
|
||
am-block am-input-sm
|
||
pes_input_radius
|
||
fix-input-width
|
||
am-radius
|
||
"
|
||
/>
|
||
</div>
|
||
|
||
<button
|
||
type="submit"
|
||
class="am-btn am-btn-default am-btn-sm am-radius"
|
||
>
|
||
搜索
|
||
</button>
|
||
<button
|
||
type="submit"
|
||
name="csv"
|
||
value="1"
|
||
class="am-btn am-btn-success am-btn-sm am-radius"
|
||
>
|
||
<i class="am-icon-file-excel-o"></i> 导出CSV
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<hr
|
||
data-am-widget="divider"
|
||
class="am-divider am-divider-dashed am-no-layout"
|
||
/>
|
||
<table class="am-table am-table-striped am-table-hover am-text-sm">
|
||
<tbody>
|
||
<tr>
|
||
<td class="">
|
||
<div class="admin-task-meta">
|
||
<span class="am-badge" style="background-color: #dd514c"
|
||
>待解决</span
|
||
>
|
||
[PESCMS TEAM - 定制咨询]KAOVE108615432988
|
||
<i class="am-margin-left-xs am-margin-right-xs">|</i
|
||
>匿名用户
|
||
<span>发布于: 2019-03-18 16:36</span>
|
||
</div>
|
||
<div class="admin-task-bd ticket-timeout">
|
||
<a href="#">
|
||
<span class="am-text-primary"></span>
|
||
哥德巴赫猜想何时能解？
|
||
</a>
|
||
</div>
|
||
</td>
|
||
<td class="am-show-lg-only am-text-right am-text-bottom">
|
||
<div class="admin-task-bd">
|
||
<a class="am-link-muted print-ticket" href="#"
|
||
><span class="am-icon-print"></span
|
||
></a>
|
||
<span>耗时: 未处理</span>
|
||
<i class="am-margin-left-xs am-margin-right-xs">|</i>
|
||
<span
|
||
>责任人: <span class="am-text-danger">暂无</span></span
|
||
>
|
||
<i class="am-margin-left-xs am-margin-right-xs">|</i>
|
||
<a href="#" class="am-text-primary">处理</a>
|
||
<i class="am-margin-left-xs am-margin-right-xs">|</i>
|
||
<a
|
||
href="#"
|
||
class="am-text-danger ajax-click ajax-dialog"
|
||
msg="确定要关闭本工单吗？"
|
||
>关闭工单</a
|
||
>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<ul class="am-pagination am-pagination-right am-text-sm">
|
||
<li><a>总计<b>23</b>个记录</a></li>
|
||
<li class="am-active"><a href="javascript:;">1</a></li>
|
||
<li><a href="#">2</a></li>
|
||
<li><a href="#">下一页</a></li>
|
||
<li><a href="#">尾页</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "home",
|
||
props: {
|
||
msg: String,
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
</style>
|