1
This commit is contained in:
ky_wubo
208
FrontCode1/src/components/main.vue
Normal file
208
FrontCode1/src/components/main.vue
Normal file
@@ -0,0 +1,208 @@
|
||||
<template>
|
||||
<div>
|
||||
<header class="am-topbar" id="ticket-nav">
|
||||
<div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
|
||||
<div
|
||||
class="am-collapse am-topbar-collapse am-topbar-right am-text-sm"
|
||||
id="ticket-topbar-collapse"
|
||||
>
|
||||
<ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
|
||||
<li>
|
||||
<router-link to="Login">登录</router-link>
|
||||
<!-- <a href="#" @click="toLogin"
|
||||
><i class="am-icon-sign-in"></i> 登录</a
|
||||
> -->
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="Register">注册</router-link>
|
||||
<!-- <a href="#" @click="toRegister"
|
||||
><i class="am-icon-user-plus"></i> 注册</a
|
||||
> -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<header class="am-topbar tool-container">
|
||||
<div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
|
||||
<div class="logo am-fl">
|
||||
<a href="#">
|
||||
<img src="../assets/img/logo.png" />
|
||||
<h1 class="am-inline am-text-lg am-text-middle">PESCMS Ticket</h1>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="am-collapse am-topbar-collapse am-topbar-right am-text-sm">
|
||||
<ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">
|
||||
<li>
|
||||
<router-link to="/home">网站首页</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="/submitworkorder">提交工单</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="/commonproblem">常见问题</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="/MyWorkOrder">我的工单</router-link>
|
||||
<!-- <a href="#" @click="myworkorder"
|
||||
><i class="am-icon-sign-in"></i> 我的工单</a
|
||||
> -->
|
||||
</li>
|
||||
<li>
|
||||
<router-link to="ManagementLogin">后台管理</router-link>
|
||||
<!-- <a href="#" @click="toManagementLogin"
|
||||
><i class="am-icon-sign-in"></i> 后台管理</a
|
||||
> -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div id="wrapper" class="am-text-sm index-background">
|
||||
<router-view></router-view>
|
||||
<!-- <div class="am-g">
|
||||
<div class="am-text-center index-logo am-margin-bottom">
|
||||
<img src="img/logo.png" width="180" />
|
||||
</div>
|
||||
|
||||
<div class="am-u-sm-12 am-u-sm-centered am-u-lg-6 index-search">
|
||||
<form action="#" method="GET">
|
||||
<input type="hidden" name="m" value="View" />
|
||||
<input type="hidden" name="a" value="ticket" />
|
||||
<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>
|
||||
<a href="提交工单.html" class="am-btn am-btn-warning"
|
||||
><i class="am-icon-yelp"></i> 提交工单</a
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<footer class="my-footer pescms-footer-2">
|
||||
<!--这部分关于PESCMS产品简介的可以自行修改或删除-->
|
||||
<div class="am-g pescms-introduce">
|
||||
<div class="am-u-sm-12 am-u-lg-11 am-u-sm-centered">
|
||||
<div class="am-g">
|
||||
<div class="am-u-sm-12 am-u-lg-3">
|
||||
<h4>关于PESCMS</h4>
|
||||
<p>
|
||||
PESCMS旗下有TEAM团队任务管理系统，Ticket客服工单系统，DOC文档管理系统以及基于浏览器开发的基金定投助手。
|
||||
</p>
|
||||
</div>
|
||||
<div class="am-u-sm-12 am-u-lg-3">
|
||||
<h4>产品列表</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/download/2.html"
|
||||
>PESCMS TEAM 团队任务管理系统</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/download/3.html"
|
||||
>PESCMS DOC 文档管理系统</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/download/5.html"
|
||||
>PESCMS TICKET 客服工单系统</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/download/4.html"
|
||||
>PESCMS LOGIN 网站登录管理</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/download/6.html"
|
||||
>基金定投助手</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="am-u-sm-12 am-u-lg-3 am-u-end">
|
||||
<h4>产品服务</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/Page/Authorization.html"
|
||||
>商业授权</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/Authorize-Verify">授权查询</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/service.html">有偿服务</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/Page/ad.html">广告投放</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pescms.com/Page/donate.html">赞助捐赠</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--这部分关于PESCMS产品简介的可以自行修改或删除-->
|
||||
|
||||
<div class="copyright am-text-center">
|
||||
<small
|
||||
>© Copyright 2015-2021. Power by
|
||||
<a href="https://www.pescms.com/" target="_blank">PESCMS Ticket</a>
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div
|
||||
class="am-popover am-popover-bottom"
|
||||
id="am-popover-8t30s"
|
||||
style="top: 79px; left: 13.9844px"
|
||||
>
|
||||
<div class="am-popover-inner">
|
||||
<img src="img/gh_97857fdc998f_344.jpg" width="300" />
|
||||
</div>
|
||||
<div class="am-popover-caret"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "home",
|
||||
props: {
|
||||
msg: String,
|
||||
},
|
||||
methods: {
|
||||
myworkorder: function () {
|
||||
this.$router.push("/MyWorkOrder");
|
||||
},
|
||||
toLogin: function () {
|
||||
this.$router.push("/Login");
|
||||
},
|
||||
toManagementLogin: function () {
|
||||
this.$router.push("/ManagementLogin");
|
||||
},
|
||||
toRegister: function () {
|
||||
this.$router.push("/Register");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
Reference in New Issue
Block a user