mengqingchuang
/
k8swebapi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.4
Version: 3.9.0
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>任务查看</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="js/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="js/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
    <link href="js/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="js/global/css/animate.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="js/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css"/>
    <link rel="stylesheet" type="text/css" href="js/global/plugins/bootstrap-modal/css/bootstrap-modal.css"/>
    <link rel="stylesheet" href="js/global/css/manage.css?v=6">
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="js/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="js/global/css/jedate.css" rel="stylesheet" type="text/css"/>
    <!-- 新增清楚外边距css -->
    <link rel="stylesheet" href="js/global/css/jquery.Jcrop.min.css">
    <link rel="stylesheet" href="js/global/css/Select.css?v=1">
    <link rel="stylesheet" href="css/build.css?v=1">
</head>
<style type="text/css">
    .search{
        margin-top:10px;
    }
    .search .form-group {
        width: 150px;
        display: inline-block;
        margin-right: 10px;
    }
    .table>tbody>tr>td{
        padding: 4px;
        vertical-align: middle;
        word-break: break-all;
    }
    /*.table th:nth-of-type(1){
        width:4%;
    }*/
    .checkbox{
        text-align: center;
    }
    .table-div{
        width: 100%;
        overflow: auto;
    }
    .form-group{
        margin-bottom: 10px;
    }
</style>
<body class="page-header-fixed page-sidebar-closed-hide-logo page-sidebar-closed">
<!-- BEGIN HEADER -->
<!-- loading -->
<div class="opacity">
    <div class="bg"></div>
    <div class="size" id="size">
        <span class="l">L</span>
        <span class="o">o</span>
        <span class="a">a</span>
        <span class="d">d</span>
        <span class="i">i</span>
        <span class="n">n</span>
        <span class="g">g</span>
        <span class="end">…</span>
    </div>
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>

<header id="header">
    <div class="actions">
        <span v-html="(user) ? user : ''"></span><a @click="login" href="javascript:void(0);" class="btn btn-sm"> <i class="fa fa-lock"></i> 退出登录</a>    
    </div>
</header>

<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper" style="overflow: hidden">
        <div class="page-content">
            <div class="slidbar-menu" id="slidebar">
                <Slidebar></Slidebar>
            </div>
            <div class="col-md-12" id="outer">
                <div class="search">
                    <div class="form-group">
                        <label for="">域名：</label>
                        <div>
                            <input name="end" placeholder="域名" v-model="searchParam.domain" type="text" class="form-control" :width="'100px'">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="">状态：</label>
                        <div>
                            <Selectd  v-model="searchParam.status">
                                <Options :value="''" :name="'全部'"></Options>
                                <Options :value="'-2'" :name="'部分失败'"></Options>
                                <Options :value="'-1'" :name="'全部失败'"></Options>
                                <Options :value="'0'" :name="'提交中'"></Options>
                                <Options :value="'1'" :name="'成功'"></Options>
                            </Selectd>
                        </div>
                    </div>
                    <div class="form-group pull-right" style="margin-top: 28px;width:60px;margin-right: 0px;">
                        <span @click="init" class="btn btn-success btn-sm"><i class="fa fa-power-off"></i>搜索</span>
                    </div>
                </div>
                <div class="table-div">
                    <table class="table table-striped table-bordered table-advance table-hover">
                        <thead>
                            <tr>
                                <th>任务编号</th>
                                <th>域名</th>
                                <th>状态</th>
                                <th>操作</th>    
                            </tr>
                        </thead>
                        <tbody>
                            <template v-for="(item,index) in tableData">
                                <tr >
                                    <td :rowspan="item.Domain.length">{{item.RegisterTask.task_no}}</td>
                                    <td>{{item.Domain[0].domain}}</td>
                                    <td :rowspan="item.Domain.length">{{status[Number(item.RegisterTask.status) + 2]}}</td>
                                    <td :rowspan="item.Domain.length">
                                        <span v-if="item.RegisterTask.status == -1" @click="restart(item)" class="btn btn-primary btn-sm marb10">重启</span>
                                        <span v-if="item.RegisterTask.status == 0" @click="refresh(item)" class="btn green btn-sm marb10">刷新</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  v-for="(d,i) in item.Domain" v-if="i>0">{{d.domain}}</td>
                                </tr>
                            </template>
                        </tbody>
                    </table>
                </div>
                
                <Pagination ref='pagination' :total="pagination.page_total" :perpage="pagination.page_rows" :page="pagination.p" v-on:nowpage='nowPage'></Pagination>
                <div class="row"></div>
            </div>
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<script type="text/javascript" src="js/global/plugins/jquery.min.js"></script>
<script type="text/javascript" src="js/global/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
<script type="text/javascript" src="js/global/plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
<!-- myFun -->
<!-- <script src="/global/jquery.jedate.js" type="text/javascript"></script> -->
<script type="text/javascript" src="js/global/plugins/bootbox/bootbox.min.js"></script>
<script type="text/javascript" src="js/admin/pages/scripts/jquery.jedate.js"></script>
<script type="text/javascript" src="js/admin/weile/scripts/weile-global.js"></script>
<script src="js/admin/pages/scripts/components.js?t=3" type="text/javascript"></script>
<script src="js/admin/pages/scripts/vue.js"></script>
<script src="js/admin/pages/scripts/public.js?v=3"></script>
<script src="js/admin/pages/scripts/header.js?v=2"></script>
<script src="js/admin/pages/scripts/slidebar.js?v=2"></script>
<script src="js/admin/pages/scripts/task.js?v=5"></script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>