180 lines
8.1 KiB
HTML
180 lines
8.1 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="Cache-Control" content="no-cache"/>
|
|
<title>数瑞浏览器</title>
|
|
<script src="./js/createWS.js"></script>
|
|
<script src="./js/cryptico.js"></script>
|
|
<script src="./js/jquery-2.1.4.js"></script>
|
|
<script src="./js/bootstrap.min.js"></script>
|
|
<script src="./js/commonutil.js"></script>
|
|
<script src="./js/vue.js"></script>
|
|
<script src="./js/bdwareclient.js"></script>
|
|
<script src="./js/sm2.js"></script>
|
|
<link href="./css/common.css" rel="stylesheet">
|
|
<link href="./css/bootstrap.min.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<header class="headerFooter navbar navbar-default navbar-fixed-top navColor ">
|
|
<div class="col-10">
|
|
<div class="input-group">
|
|
<a class="navbar-brand" href="#">
|
|
<img alt="Brand"
|
|
src="./img/logo-1.png" style="height: 30px">
|
|
</a>
|
|
<a class="navbar-brand">数瑞浏览器 </a>
|
|
<div class="input-group-prepend">
|
|
<input id="urlInput" style="border-top-left-radius: 5px; border-bottom-left-radius: 5px"
|
|
type="text" placeholder="输入地址">
|
|
</div>
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-secondary" type="button"
|
|
onclick="connectNode()">GO
|
|
</button>
|
|
</div>
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-secondary"
|
|
style="border-top-right-radius: 5px; border-bottom-right-radius: 5px" id="switchRenderBtn"
|
|
type="button"
|
|
onclick="changeRender()">不加载界面
|
|
</button>
|
|
</div>
|
|
<span> </span>
|
|
<div class="input-group-append">
|
|
<select id="selectContract" class="custom-select"
|
|
style="-webkit-appearance: none" onchange="changeApp()">
|
|
<option selected>选择合约</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class=" nav navbar-right userName" data-toggle="modal"
|
|
data-target="#pubkeyDialog">欢迎, {{shortName}}
|
|
</div>
|
|
</header>
|
|
|
|
<div id="main">
|
|
<div class="row h-100" id="mainDiv"></div>
|
|
</div>
|
|
<!-- 用于配置sm2密钥的对话框 -->
|
|
<div class="modal fade" id="pubkeyDialog" tabindex="-1" role="dialog"
|
|
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">用户信息</h5>
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row" style="padding-left: 16px; padding-right: 16px">
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text" for="localKeyList">本地公钥</label>
|
|
</div>
|
|
<select class="custom-select"
|
|
aria-label="Example select with button addon"
|
|
style="appearance: none" v-model="selectedSM2Key"
|
|
@change="changeSM2Key($event)">
|
|
<option v-for="(item,index) in sm2KeyList" :key="index"
|
|
:value='item.id'>{{item.title}}
|
|
</option>
|
|
</select>
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-primary" for="localKeyList"
|
|
v-on:click="exportPubkey">导出公钥
|
|
</button>
|
|
</div>
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-danger" for="localKeyList"
|
|
v-on:click="deletePubkey">删除公钥
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="padding-left: 16px; padding-right: 16px">
|
|
<div class="input-group mb-1">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text" for="localKeyList">当前SM2密钥</label>
|
|
</div>
|
|
<input type="text" class="form-control" placeholder="(请复制并妥善保存)"
|
|
disabled="disabled" aria-label=""
|
|
aria-describedby="basic-addon1">
|
|
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-primary"
|
|
id="generatePubkeyBtn" v-on:click="generatePubkey">生成新公钥
|
|
</button>
|
|
<button type="button" class="btn btn-outline-primary"
|
|
data-dismiss="modal" id="importPubkeyBtn"
|
|
v-on:click="importPubkey">导入公钥
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<textarea class="form-control mb-3" title="复制密钥，并妥善保存"
|
|
id="sm2KeyTextarea" v-model="sm2KeyStr"
|
|
style="width: 100%; min-height: 150px" rows="" cols="">
|
|
</textarea>
|
|
<div class="row" style="padding-left: 16px; padding-right: 16px;">
|
|
</div>
|
|
<div class="row" style="padding-left: 16px; padding-right: 16px">
|
|
<span>我的权限：{{myRole}}</span>
|
|
</div>
|
|
<div class="input-group">
|
|
<select id="inputGroupSelect04" v-model="test"
|
|
class="custom-select" style="appearance: none"
|
|
@change="changeProduct($event)">
|
|
<option v-for="(item,index) in productList" :key="index"
|
|
:value='item.id'>{{item.title}}
|
|
</option>
|
|
</select>
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-primary" type="button"
|
|
v-on:click="applyRole">角色认证
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="dialog" tabindex="-1" role="dialog"
|
|
aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="dialogTitleH5">Modal title</h5>
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" id="dialogBodyDiv">...</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-outline-secondary"
|
|
data-dismiss="modal">关闭
|
|
</button>
|
|
<button type="button" id="dialogConfimBtn"
|
|
class="btn btn-outline-primary" data-dismiss="modal">确定
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const isBaaS = false
|
|
const h = document.body.clientHeight
|
|
- $("header").css("height").replace("px", "")
|
|
$("#main").css("height", h + "px");
|
|
init();
|
|
</script>
|
|
|
|
</body>
|
|
</html> |