forked from integrated_whb/integrated_whb
231 lines
8.0 KiB
HTML
231 lines
8.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>FH Admin</title>
|
|||
|
|
<!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
|
|||
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|||
|
|
<!--[if lt IE 10]>
|
|||
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|||
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|||
|
|
<![endif]-->
|
|||
|
|
<!-- Meta -->
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|||
|
|
<meta name="author" content="FH Admin QQ313596790" />
|
|||
|
|
|
|||
|
|
<link rel="icon" href="../assets/images/favicon.ico" type="image/x-icon">
|
|||
|
|
<link rel="stylesheet" href="../assets/fonts/fontawesome/css/fontawesome-all.min.css">
|
|||
|
|
<link rel="stylesheet" href="../assets/plugins/animation/css/animate.min.css">
|
|||
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
|||
|
|
|
|||
|
|
<!-- vue -->
|
|||
|
|
<script src="../assets/js/vue.js"></script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body style="background-color: white">
|
|||
|
|
|
|||
|
|
<!-- [加载状态 ] start -->
|
|||
|
|
<div class="loader-bg">
|
|||
|
|
<div class="loader-track">
|
|||
|
|
<div class="loader-fill"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- [ 加载状态 ] End -->
|
|||
|
|
|
|||
|
|
<!-- [ 主内容区 ] start -->
|
|||
|
|
<div class="pcoded-wrapper" id="app">
|
|||
|
|
<div class="pcoded-content">
|
|||
|
|
<div class="pcoded-inner-content">
|
|||
|
|
<div class="main-body">
|
|||
|
|
<div class="page-wrapper">
|
|||
|
|
<!-- [ Main Content ] start -->
|
|||
|
|
<div class="row">
|
|||
|
|
<!-- [ Hover-table ] start -->
|
|||
|
|
<div class="col-xl-12">
|
|||
|
|
<div class="card">
|
|||
|
|
<input type="hidden" v-model="RNUMBER" id="RNUMBER" />
|
|||
|
|
<!-- 检索条件 -->
|
|||
|
|
<div style="padding-left: 15px;padding-top: 15px;">
|
|||
|
|
<table>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
<div class="input-group input-group-sm mb-3">
|
|||
|
|
<input class="form-control" type="text" v-model="KEYWORDS" placeholder="这里输入关键词" />
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td style="vertical-align:top;padding-left:5px;">
|
|||
|
|
<a class="btn btn-light btn-sm" v-on:click="getList" style="width: 23px;height:30px;margin-top:1px;" title="检索">
|
|||
|
|
<i style="margin-top:-3px;margin-left: -6px;" class="feather icon-search"></i>
|
|||
|
|
</a>
|
|||
|
|
</td>
|
|||
|
|
<td v-show="loading">
|
|||
|
|
<!-- [加载状态 ] start -->
|
|||
|
|
<div class="d-flex justify-content-center" style="margin-top:-10px;">
|
|||
|
|
<div class="spinner-grow spinner-grow-sm" role="status">
|
|||
|
|
<span class="sr-only">Loading...</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- [ 加载状态 ] End -->
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<!-- 检索 -->
|
|||
|
|
<div class="card-block table-border-style" style="margin-top: -15px">
|
|||
|
|
<div class="table-responsive">
|
|||
|
|
<table class="table table-hover">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th style="width:50px;" id="fhadminth">NO</th>
|
|||
|
|
<th>角色</th>
|
|||
|
|
<th>编号</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
<!-- 开始循环 -->
|
|||
|
|
<template v-for="(data,index) in varList">
|
|||
|
|
<tr v-on:dblclick="setRole(data.RNUMBER)" style="cursor:pointer;">
|
|||
|
|
<td scope="row">{{page.showCount*(page.currentPage-1)+index+1}}</td>
|
|||
|
|
<td>{{data.ROLE_NAME}}</td>
|
|||
|
|
<td>{{data.RNUMBER}}</td>
|
|||
|
|
</tr>
|
|||
|
|
</template>
|
|||
|
|
<tr v-show="varList.length==0">
|
|||
|
|
<td colspan="10">没有相关数据</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
<table style="width:100%;margin-top:15px;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="vertical-align:top;"></td>
|
|||
|
|
<td style="vertical-align:top;"><div style="float: right;padding-top: 0px;margin-top: 0px;" v-html="page.pageStr"></div></td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- [ Main Content ] end -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- [ 主内容区 ] end -->
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="../assets/js/jquery-1.7.2.js"></script>
|
|||
|
|
<script type="text/javascript" src="../assets/js/pre-loader.js"></script>
|
|||
|
|
<script src="../assets/plugins/sweetalert/js/sweetalert.min.js"></script>
|
|||
|
|
<!-- 表单验证提示 -->
|
|||
|
|
<script src="../assets/js/jquery.tips.js"></script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var locat = (window.location+'').split('/');
|
|||
|
|
var vm = new Vue({
|
|||
|
|
el: '#app',
|
|||
|
|
|
|||
|
|
data:{
|
|||
|
|
varList: [], //list
|
|||
|
|
page: [], //分页类
|
|||
|
|
RNUMBER: '', //编码
|
|||
|
|
KEYWORDS:'', //检索关键词
|
|||
|
|
showCount: -1, //每页显示条数(这个是系统设置里面配置的，初始为-1即可，固定此写法)
|
|||
|
|
currentPage: 1, //当前页码
|
|||
|
|
loading:false //加载状态
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
//初始执行
|
|||
|
|
init() {
|
|||
|
|
if('activiti-editor'== locat[3]){locat = locat[0]+'//'+locat[2];}else{locat = locat[0]+'//'+locat[2]+'/'+locat[3];};
|
|||
|
|
this.getList();
|
|||
|
|
this.choiceTips();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//获取列表
|
|||
|
|
getList: function(){
|
|||
|
|
this.loading = true;
|
|||
|
|
$.ajax({
|
|||
|
|
xhrFields: {
|
|||
|
|
withCredentials: true
|
|||
|
|
},
|
|||
|
|
type: "POST",
|
|||
|
|
url: locat+'/role/roleListWindow?showCount='+this.showCount+'¤tPage='+this.currentPage,
|
|||
|
|
data: {KEYWORDS:this.KEYWORDS,ROLE_ID:1,tm:new Date().getTime()},
|
|||
|
|
dataType:"json",
|
|||
|
|
success: function(data){
|
|||
|
|
if("success" == data.result){
|
|||
|
|
vm.varList = data.roleList;
|
|||
|
|
vm.page = data.page;
|
|||
|
|
vm.loading = false;
|
|||
|
|
}else if ("exception" == data.result){
|
|||
|
|
showException("选择角色",data.exception);//显示异常
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}).done().fail(function(){
|
|||
|
|
swal("登录失效!", "请求服务器无响应，稍后再试", "warning");
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//选定角色
|
|||
|
|
setRole: function (RNUMBER){
|
|||
|
|
this.RNUMBER = RNUMBER;
|
|||
|
|
this.roleBinding();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//选择角色
|
|||
|
|
roleBinding: function (){
|
|||
|
|
if('' == this.RNUMBER){
|
|||
|
|
$("#fhadminth").tips({
|
|||
|
|
side:3,
|
|||
|
|
msg:'没有选择任何角色',
|
|||
|
|
bg:'#AE81FF',
|
|||
|
|
time:2
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
$("#RNUMBER").val(this.RNUMBER);
|
|||
|
|
parent.Dialog.close();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//提示双击选择
|
|||
|
|
choiceTips: function (){
|
|||
|
|
$("#fhadminth").tips({
|
|||
|
|
side:1,
|
|||
|
|
msg:'双击选择角色',
|
|||
|
|
bg:'#AE81FF',
|
|||
|
|
time:6
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//-----分页必用----start
|
|||
|
|
nextPage: function (page){
|
|||
|
|
this.currentPage = page;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
changeCount: function (value){
|
|||
|
|
this.showCount = value;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
toTZ: function (){
|
|||
|
|
var toPaggeVlue = document.getElementById("toGoPage").value;
|
|||
|
|
if(toPaggeVlue == ''){document.getElementById("toGoPage").value=1;return;}
|
|||
|
|
if(isNaN(Number(toPaggeVlue))){document.getElementById("toGoPage").value=1;return;}
|
|||
|
|
this.nextPage(toPaggeVlue);
|
|||
|
|
}
|
|||
|
|
//-----分页必用----end
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
mounted(){
|
|||
|
|
this.init();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</html>
|