148 lines
4.7 KiB
Vue
148 lines
4.7 KiB
Vue
<template>
|
|
<div class="hello">
|
|
<div id="wrapper" class="am-text-sm">
|
|
<div class="am-g">
|
|
<div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
|
|
<form action="#" class="am-margin-bottom" method="GET">
|
|
<div class="am-input-group">
|
|
<input
|
|
type="text"
|
|
name="number"
|
|
class="am-form-field"
|
|
required=""
|
|
placeholder="键入工单编号，了解进度"
|
|
/>
|
|
<span class="am-input-group-btn">
|
|
<button class="am-btn am-btn-default" type="submit">
|
|
<i class="am-icon-search"></i> 查询进度
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="am-panel am-panel-default">
|
|
<div class="am-panel-bd">
|
|
<ol
|
|
class="
|
|
am-breadcrumb am-text-default am-margin-bottom-0
|
|
categort-breadcrumb
|
|
"
|
|
>
|
|
<li class="am-active">
|
|
<a href="#"
|
|
><span
|
|
class="am-badge am-badge-primary am-round am-text-default"
|
|
>1</span
|
|
>
|
|
选择问题类型</a
|
|
>
|
|
</li>
|
|
<li class="">
|
|
<a href="javascript:;"
|
|
><span
|
|
class="am-badge am-badge-primary am-round am-text-default"
|
|
>2</span
|
|
>
|
|
选择对应工单</a
|
|
>
|
|
</li>
|
|
<li class="">
|
|
<a href="javascript:;"
|
|
><span
|
|
class="am-badge am-badge-primary am-round am-text-default"
|
|
>3</span
|
|
>
|
|
创建工单</a
|
|
>
|
|
</li>
|
|
</ol>
|
|
<hr class="am-margin-top-0" />
|
|
<ul class="ticket-ul am-avg-sm-1 am-avg-lg-4 am-thumbnails">
|
|
<li>
|
|
<router-link
|
|
to="/submitworkorderChoose"
|
|
class="ticket-category"
|
|
>
|
|
<h4 class="am-margin-bottom-xs">主机租用</h4>
|
|
<p class="am-margin-top-0">主机租用相关问题</p>
|
|
</router-link>
|
|
<!-- <a href="#" class="ticket-category">
|
|
<h4 class="am-margin-bottom-xs">主机租用</h4>
|
|
<p class="am-margin-top-0">主机租用相关问题</p>
|
|
</a> -->
|
|
</li>
|
|
|
|
<li>
|
|
<router-link
|
|
to="/submitworkorderChoose"
|
|
class="ticket-category"
|
|
>
|
|
<h4 class="am-margin-bottom-xs">PESCMS TICKET</h4>
|
|
<p class="am-margin-top-0">工单系统相关问题</p></router-link
|
|
>
|
|
</li>
|
|
<li>
|
|
<router-link
|
|
to="/submitworkorderChoose"
|
|
class="ticket-category"
|
|
>
|
|
<h4 class="am-margin-bottom-xs">PESCMS TEAM</h4>
|
|
<p class="am-margin-top-0">任务系统的工单</p></router-link
|
|
>
|
|
</li>
|
|
<li>
|
|
<router-link
|
|
to="/submitworkorderChoose"
|
|
class="ticket-category"
|
|
>
|
|
<h4 class="am-margin-bottom-xs">PESCMS DOC</h4>
|
|
<p class="am-margin-top-0">文档系统的反馈</p></router-link
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="am-panel am-panel-default ticket-fqa"
|
|
style="display: none"
|
|
>
|
|
<div class="am-panel-bd am-margin-bottom">
|
|
<span class="am-fl"><strong>常见问题</strong></span>
|
|
<a
|
|
href="javascript:;"
|
|
class="am-fr am-text-danger am-show-sm-only am-animation-shake"
|
|
>创建工单>></a
|
|
>
|
|
</div>
|
|
|
|
<ul>
|
|
<li>
|
|
<a
|
|
href="javascript:;"
|
|
class="
|
|
am-btn am-btn-danger am-btn-sm am-radius am-animation-shake
|
|
"
|
|
>创建工单</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "home",
|
|
props: {
|
|
msg: String,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|