mengqingchuang
/
k8swebapi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
							
<!--
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="js/global/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="modal fade" id="add_modal" data-width="860" style="min-height:370px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">域名添加 [{{randomDomainSave}}]</h4>
                    </div>
                    <div class="modal-body">
                        <div v-for="(item,index) in domainParams" class="form-group">
                            <div class="col-md-4">
                                <label for="">域名：</label>
                                <input v-model="item.DomainName" name="end" placeholder="域名" type="text" class="form-control" style="width: 60%;display: inline;">
                            </div>
                            <div class="col-md-2" style="margin-top: 5px;">
                                <span @click="setRandom(index)" class="btn btn-info btn-sm"><i class="fa fa-cog"></i></span>
                            </div>
                            <div class="col-md-4">
                                <label for="">模板：</label>
                                <Selectd  v-model="item.RegistrantProfileId">
                                    <Options :value="''" :name="'请选择'"></Options>
                                    <Options v-for="item in templateList" :value="item.RegistrantProfileId" :name="'['+item.RegistrantProfileId+']'+item.ZhRegistrantName"></Options>
                                </Selectd>
                            </div>
                            <div class="col-md-2" style="margin-top: 5px;">
                                <span @click="deleteElement(index)" class="btn btn-danger btn-sm"><i class="fa fa-trash-o"></i></span>
                            </div>
                            <div class="row"></div>
                        </div>
                        <span @click="addElement" class="btn btn-primary btn-sm"><i class="fa fa-plus-square-o" style="margin-right: 5px"></i>添加</span>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn default" data-dismiss="modal">关闭</button>
                        <span class="btn green" @click="addDomainSave" id="list-copy-save">确定</span>
                    </div>
                </div>
                <!-- 域名解析 -->
                <div class="modal fade" id="parsing_modal" data-width="860">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">域名解析</h4>
                    </div>
                    <div class="modal-body">
                        <div v-if="!isBatch" class="form-group" v-for="(item,index) in checkboxChecked" >
                            <div class="col-md-12">
                                <label for="">{{item.domain}}:</label> <!-- v-model="item.Rr"v-model="item.Value" -->
                                <input type="text" v-model="item.Value"  class="form-control" placeholder="IP地址" style="width: 40%;display: inline;">
                                <div class="row"></div>
                            </div>
                            <div class="row"></div>
                        </div>
                        <label v-else >{{item.domain}};</label>
                        <div v-if="isBatch">
                            <input type="text" v-model="domainBatchParsingInfo.Value" class="form-control" placeholder="IP地址" style="width: 60%;display: inline;">
                        </div>
                        
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn default" data-dismiss="modal">关闭</button>
                        <span class="btn green" @click="parsingSave" id="list-copy-save">确定</span>
                    </div>
                </div>
                <!-- 设置随机域名 -->
                <div class="modal fade" id="random_modal" data-width="860">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">设置随机域名</h4>
                    </div>
                    <div class="modal-body">
                        <div class="col-md-12">
                            <label for="">随机域名:</label> <!-- v-model="item.Rr"v-model="item.Value" -->
                            <input type="text" v-model="randomDomain"  class="form-control" placeholder="随机域名" style="width: 40%;display: inline;">
                            <div class="row"></div>
                        </div>
                        <div class="row"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn default" data-dismiss="modal">关闭</button>
                        <span class="btn green" @click="randomSave" id="list-copy-save">确定</span>
                    </div>
                </div>
                <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="'0'" :name="'等待执行'"></Options>
                                <Options :value="'1'" :name="'执行中'"></Options>
                                <Options :value="'2'" :name="'执行成功'"></Options>
                                <Options :value="'3'" :name="'执行失败'"></Options>
                            </Selectd>
                        </div>
                    </div>
                    <div class="form-group pull-right" style="margin-top: 28px;width:524px;margin-right: 0px;">
                        <span @click="init" class="btn btn-success btn-sm"><i class="fa fa-power-off"></i>搜索</span>
                        <span @click="showRandom" class="btn btn-success btn-sm"><i class="fa fa-cogs"></i>随机域名设置</span>
                        <span @click="addDomain" class="btn btn-primary btn-sm"><i class="fa fa-plus-square-o"></i> 域名添加</span>
                        <!-- <span @click="restart" class="btn btn-success btn-sm"><i class="fa fa-power-off"></i> 重启</span> -->
                        <span @click="domainParsing" class="btn btn-info btn-sm"><i class="fa fa-chain"></i> 域名逐一解析</span>
                        <span @click="domainBatchParsing" class="btn btn-warning btn-sm"><i class="fa fa-chain"></i> 域名批量解析</span>
                    </div>
                </div>
                <div class="table-div">
                    <table class="table table-striped table-bordered table-advance table-hover">
                        <thead>
                            <tr>
                                <th></th>
                                <th>域名id</th>
                                <th>域名</th>
                                <th>ip</th>
                                <th>任务id</th>
                                <th>注册状态</th>
                                <th>解析状态</th>
                                <!-- <th>操作</th>    --> 
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="(item,index) in tableData">
                                <td>
                                    <div class="checkbox ">
                                        <input type="checkbox" :value="item" v-model="checkboxChecked">
                                        <label for="checkbox1"></label>
                                    </div>
                                </td>
                                <td>{{item.id}}</td>
                                <td>{{item.domain}}</td>
                                <td>{{item.dns_ip}}</td>
                                <td>{{item.task_id}}</td>
                                <td>{{statusArr[item.status]}}</td>
                                <td>{{dnsStatus[Number(item.dns_status) + 2]}}</td>
                                <!-- <td><span @click="" class="btn btn-primary btn-sm marb10">域名解析</span></td>     -->
                            </tr>
                        </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/domain.js?v=10"></script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>