Commit 8e606e6b authored by 全球's avatar 全球

bug修改

parent b2db5a73
...@@ -4,7 +4,8 @@ ...@@ -4,7 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>西天森管理系统</title> <link rel="shortcut icon" href="./xt-login.ico" type="image/x-icon"/>
<title>西田森管理系统</title>
<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=mL1MaViNCrCgRoydaL0zuZhOGTYb0uMG"></script>--> <!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=mL1MaViNCrCgRoydaL0zuZhOGTYb0uMG"></script>-->
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=mL1MaViNCrCgRoydaL0zuZhOGTYb0uMG"></script> <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=mL1MaViNCrCgRoydaL0zuZhOGTYb0uMG"></script>
</head> </head>
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -39,58 +39,19 @@ const parameterSetting = r => require.ensure([],()=>r(require('@/views/fos/flowO ...@@ -39,58 +39,19 @@ const parameterSetting = r => require.ensure([],()=>r(require('@/views/fos/flowO
//应用设置 //应用设置
const accountManagement = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/accountManagement')),'accountManagement'); const accountManagement = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/accountManagement')),'accountManagement');
//菜单管理
const menu = r => require.ensure([],()=>r(require('@/views/fos/systermManagement/menu')),'menu');
//const property = r => require.ensure([],()=>r(require('@/views/fos/systermManagement/property')),'property');
//用户操作日志
const userLog = r => require.ensure([],()=>r(require('@/views/fos/systermManagement/userLog')),'userLog');
//应用相关管理
//网络管理
//拓扑发现
const topologyDiscovery = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/topologyDiscovery')),'topologyDiscovery');
const topologySetting = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/topologySetting')),'topologySetting');
//网络展现
const networkDisplay = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/networkDisplay')),'networkDisplay');
//应用分析
const appanalysis = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/appanalysis')),'appanalysis');
//会话检索
const ipsessionSearch = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/ipsessionSearch')),'ipsessionSearch');
//应用流管理
const appFlowManagement = r => require.ensure([],()=>r(require('@/views/fos/networkManagement/appFlowManagement')),'appFlowManagement');
//广域网加速配置
// const WANAccelerationSetting = r => require.ensure([],()=>r(require('@/views/fos/WANAcceleration/WANAccelerationSetting')),'WANAccelerationSetting');
//报警管理
const warnInfo = r =>require.ensure([],()=>r(require('@/views/fos/warnManage/warnInfo.vue')),'warnInfo');
const warnConfig = r =>require.ensure([],()=>r(require('@/views/fos/warnManage/warnConfig.vue')),'warnConfig');
//报警组
const warnGroup = r =>require.ensure([],()=>r(require('@/views/fos/warnManage/warnGroup.vue')),'warnGroup');
//报警接收人员
const groupPersonnel = r =>require.ensure([],()=>r(require('@/views/fos/warnManage/groupPersonnel.vue')),'groupPersonnel');
//报警管理 - 报警定位
const linkDetail = r =>require.ensure([],()=>r(require('@/views/fos/warnManage/linkDetail.vue')),'linkDetail')
const isReqiureLogin = false; const isReqiureLogin = false;
const routes = [ const routes = [
{ {
path: '/roleManage', path: '/roleManage',
component: roleManage, component: roleManage,
name:["用户管理"], name:["商城用户管理"],
meta: {requireLogin: isReqiureLogin }, meta: {requireLogin: isReqiureLogin },
}, },
{ {
path: '/dataCenter', path: '/dataCenter',
component: dataCenter, component: dataCenter,
name:["咨询审核"], name:["资讯管理"],
meta: {requireLogin: isReqiureLogin }, meta: {requireLogin: isReqiureLogin },
}, },
{ {
...@@ -163,104 +124,5 @@ const routes = [ ...@@ -163,104 +124,5 @@ const routes = [
meta: {requireLogin: isReqiureLogin }, meta: {requireLogin: isReqiureLogin },
}, },
// {
// path: '/accountManagement',
// component: accountManagement,
// name:["网络管理 "," 拓扑发现 "," 账号管理"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path: '/netdisplay',
// component: networkDisplay,
// name:["网络管理 "," 网络展现"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path: '/appstream',
// component: appFlowManagement,
// name:["网络管理 "," 应用流管理"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path: '/appanalysis',
// component: appanalysis,
// name:["网络管理 "," 应用分析"],
// meta: {requireLogin: appanalysis },
//
// },
// {
// path: '/ipsessionSearch',
// component: ipsessionSearch,
// name:["网络管理 "," 会话检索"],
// meta: {requireLogin: ipsessionSearch },
//
// },
//
//
// // {
// // path: '/parameterSetting',
// // component: parameterSetting,
// // name:["流量优化 / 参数设置"],
// // },
//
// // {
// // path: '/WANAccelerationSetting',
// // component: WANAccelerationSetting,
// // name:["广域网加速 / 广域网加速配置"],
// // meta: {requireLogin: isReqiureLogin },
// //
// // },
// {
// path: '/notdowork',
// component: toDoList,
// name:["申请状态 "," 待办事项"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path: '/applylist',
// component: applicationDocuments,
// name:["申请状态 "," 申请单据"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path:'/app',
// component:warnInfo,
// name:["报警管理 "," 报警信息"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path:'/group',
// component:warnGroup,
// name:["报警管理 "," 报警组"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path:'/groupPersonnel',
// component:groupPersonnel,
// name:["报警管理 "," 报警组","接收人员"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path:'/linkDetail',
// component:linkDetail,
// name:["报警管理 "," 报警定位"],
// meta: {requireLogin: isReqiureLogin },
//
// },
// {
// path:'/set',
// component:warnConfig,
// name:["报警管理 "," 报警配置"],
// meta: {requireLogin: isReqiureLogin },
//
// }
] ]
export default routes export default routes
import httpService from '../http.service'
class warnService {
constructor(vueThis) {
this.vm = vueThis; //vue中的this 也可以不用
}
//区域列表接口
getAreaList(data){
return httpService.get('alarm/appetp/areaList' ,data ? data: {}, true)
}
//企业列表接口
getEptListByAreaCode(data){
return httpService.get('alarm/appetp/etpList' ,data ? data: {}, true)
}
//区域 企业 code 获取列表
getAreaEptList(data){
return httpService.get('alarm/appetp/list' , data ? data : {} ,true)
}
//报警列表
getWarnList(data){
return httpService.get('alarm/app/list', data ? data : {}, true)
}
//报警列表详情echarts 数据
getEcharts(data){
return httpService.get('alarm/app/checkAppImageDetail', data ? data : {}, true)
}
//报警配置页面接口
getalarmList(data){
return httpService.get('alarm/set/list', data ? data : {}, true)
}
//报警配置联系人列表
getContactroupList(data){
return httpService.get('alarm/contactGroup/list', data ? data : {}, true)
}
//保存报警配置
alarmSave(data){
return httpService.post('alarm/set/save', data ? data : {}, true)
}
//更新报警配置
alarmUpdate(data){
return httpService.put('alarm/set/update', data ? data : {}, true)
}
//删除报警配置
alarmDel(data){
return httpService.deleteOut('alarm/set/delete', data ? data : {}, true)
}
//联系人组(新增联系人组)
contactGroupSave(data){
return httpService.post('alarm/contactGroup/save', data ? data : {}, true)
}
//联系人组(编辑联系人组)
contactGroupUpdate(data){
return httpService.put('alarm/contactGroup/update', data ? data : {}, true)
}
//联系人组(删除联系人组)
contactGroupDel(data){
return httpService.deleteOut('alarm/contactGroup/delete', data ? data : {}, true)
}
//新增联系人
contractSave(data){
return httpService.post('alarm/contact/save', data ? data : {}, true)
}
//编辑联系人
contractUpdate(data){
return httpService.put('alarm/contact/update', data ? data : {}, true)
}
//删除联系人
contractDel(data){
return httpService.deleteOut('alarm/contact/delete', data ? data : {}, true)
}
//拓扑
getPartTopu(data){
return httpService.get('modules/topo/listtopopart' , data ? data : {} ,true)
}
}
export default warnService
This diff is collapsed.
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="home" :class="asideCollapse?'asideCollapse':''"> <div class="home" :class="asideCollapse?'asideCollapse':''">
<div class="left-part"> <div class="left-part">
<div class="logo"> <div class="logo">
<span :class="asideCollapse?'asideCollapse':''" class="title">西森管理系统</span> <span :class="asideCollapse?'asideCollapse':''" class="title">西森管理系统</span>
</div> </div>
<div id="menu-content"> <div id="menu-content">
<el-menu :default-active="defaultActive" :unique-opened="true" background-color="#2F323E" text-color="#B4B8C4" active-text-color="#fff" router :collapse="isCollapse" class="el-menu-vertical"> <el-menu :default-active="defaultActive" :unique-opened="true" background-color="#2F323E" text-color="#B4B8C4" active-text-color="#fff" router :collapse="isCollapse" class="el-menu-vertical">
...@@ -78,20 +78,14 @@ export default { ...@@ -78,20 +78,14 @@ export default {
isCollapse:false, isCollapse:false,
menuList:[ menuList:[
{ {
label:'首页', label:'商城用户管理',
class:'iconfont icon-shouye',
url:'mainPage',
children:[]
},
{
label:'用户设置管理',
url:'roleManage', url:'roleManage',
class:'el-icon-user', class:'el-icon-user',
children:[ children:[
] ]
}, },
{ {
label:'咨询审核', label:'资讯管理',
url:'dataCenter', url:'dataCenter',
class:'el-icon-phone', class:'el-icon-phone',
children:[ children:[
......
This diff is collapsed.
<template >
<div class="oidAssets container">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>当前位置</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[1]}}</el-breadcrumb-item>
</el-breadcrumb>
<div class="upperPart">
<el-form :inline="true" :model="formInline" label-width='40px' ref="ruleForm">
<el-form-item label="名称">
<el-input v-model.trim="formInline.name" placeholder="请输入名称" clearable></el-input>
</el-form-item>
<el-form-item label="OID">
<el-input v-model.trim="formInline.vendorType" placeholder="请输入OID" clearable></el-input>
</el-form-item>
</el-form>
<div class="btn-group">
<button class="vpnButton primary" type="button" @click="submitForm()">查询</button>
<button class="vpnButton cancel" type="button" @click="resetForm('ruleForm')">重置</button>
</div>
</div>
<div class="lowerPart">
<div class="height100-50">
<el-scrollbar>
<el-table :data="tableData" style="width: 100%" size="mini" class="commonTable">
<el-table-column type="index" width="50px"></el-table-column>
<el-table-column prop="vendorType" label="OID" width="220px"></el-table-column>
<el-table-column prop="name" label="名称" width="200px"></el-table-column>
<el-table-column prop="type" label="类型" width="200px"></el-table-column>
<el-table-column prop="desc" label="描述"></el-table-column>
</el-table>
</el-scrollbar>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="page.page" :page-size="page.limit" layout="prev, pager, next, jumper" :total="page.total"></el-pagination>
</div>
</div>
</template>
<script>
import assetsService from '../../services/assets.service'
let assetsHttps = new assetsService()
export default {
name: "oidAssets",
data(){
return{
formInline:{name:'',vendorType:''},
tableData:[],
page:{
total:null, //总条数
page: 1, //第几页
limit: 20, //页码
},
}
},
mounted(){
this.initData()
},
methods:{
initData(){
this.handleData()
},
submitForm(){
this.handleData()
},
handleData(){
let requestObj={};
let vm = this;
requestObj.name = this.formInline.name;
requestObj.vendorType = this.formInline.vendorType;
requestObj.page = this.page.page;
requestObj.limit = this.page.limit;
assetsHttps.getOidList(requestObj).then((res)=>{
if(res.code===0){
vm.tableData = res.data.page.list;
vm.page.total = res.data.page.totalCount
}else {
_toast(res.msg)
}
}).catch((err=>{
console.log(err)
}))
},
resetForm() {
this.formInline.name="";
this.formInline.vendorType="";
this.initData()
},
handleCurrentChange(val){
this.page.page = val;
this.handleData()
},
}
}
</script>
<style lang="scss">
.oidAssets{
.upperPart{height:74px;margin-top:10px;}
.lowerPart{margin-top:20px;height: calc(100% - 118px)}
}
</style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<template >
<div class="oidAssets container">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>当前位置</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[1]}}</el-breadcrumb-item>
</el-breadcrumb>
<div class="upperPart">
<el-form :inline="true" :model="formInline" ref="form" label-width='100px'>
<el-form-item label="设备名称" prop="deviceName">
<el-input v-model="formInline.deviceName" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备IP" prop="deviceIp">
<el-input v-model="formInline.deviceIp" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备序列号" prop="deviceSN">
<el-input v-model="formInline.deviceSN" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="备份状态" prop="devBackupStatus">
<el-select v-model="formInline.devBackupStatus">
<el-option label="请选择备份状态" value=""></el-option>
<el-option label="已启用" value="1"></el-option>
<el-option label="未启用" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item label="厂商" prop="deviceVendor">
<el-input v-model="formInline.deviceVendor" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备型号" prop="modelCode">
<el-input v-model="formInline.modelCode" placeholder="请输入"></el-input>
</el-form-item>
</el-form>
<div class="btn-group" style="width: 265px;">
<button class="vpnButton primary" @click="searchdata()">查询</button>
<button class="vpnButton cancel" @click="resetFun()">重置</button>
</div>
</div>
<div class="lowerPart">
<div class="configSearch">
<div class="btn-group">
<button class="vpnButton warning" @click="Managerbtn()">管理</button>
</div>
</div>
<div class="height100-105">
<el-scrollbar>
<el-table :data="tableData" style="width: 100%" size="mini" class="commonTable">
<el-table-column type="index" width="50px"></el-table-column>
<!-- <el-table-column prop="deviceName" label="设备名称" >
<template slot-scope="scope">
<a @click="showPanel(scope.row.deviceCode)" class='aurlstyle'>{{scope.row.deviceName?scope.row.deviceName:'--'}}</a>
</template>
</el-table-column> -->
<el-table-column prop="deviceName" label="设备名称" >
<template slot-scope="scope">
{{scope.row.deviceName?scope.row.deviceName:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="deviceIP" label="设备IP" >
<template slot-scope="scope">
{{scope.row.deviceIP?scope.row.deviceIP:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="deviceSN" label="设备序列号" >
<template slot-scope="scope">
{{scope.row.deviceSN?scope.row.deviceSN:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="deviceVendor" label="厂商" >
<template slot-scope="scope">
{{scope.row.deviceVendor?scope.row.deviceVendor:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="modelCode" label="设备型号" >
<template slot-scope="scope">
{{scope.row.modelCode?scope.row.modelCode:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="devBackupStatus" label="备份状态" >
<template slot-scope="scope">
{{scope.row.devBackupStatus == '00' ?'未启用':'已启用'}}
</template>
</el-table-column>
<el-table-column label="备份频率" >
<template slot-scope="scope">
{{scope.row.devBackupStatus != '' && scope.row.devBackupStatus != '00'?scope.row.devBackupStatus:'--'}}
</template>
</el-table-column>
<el-table-column prop="lastBackupTime" label="上次备份时间" >
<template slot-scope="scope">
{{scope.row.lastBackupTime?scope.row.lastBackupTime:'N/A'}}
</template>
</el-table-column>
<el-table-column width="70px" align="center" label="操作" >
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="查看" placement="bottom" v-if="scope.row.devBackupStatus != '00'">
<i class="icon icon-examine hidden" @click="showPanel(scope.row.deviceCode)"></i>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-scrollbar>
</div>
<el-pagination background layout="sizes,prev, pager, next,total, jumper"
:total="totalPage"
:current="pageIndex"
:current-page.sync = "page"
@current-change="currentChangeHandle"
@size-change='sizeChangeHandle'
:pager-count="5"></el-pagination>
<deviceconfig-info :show.sync = "infoShow" ref="detailInfo"></deviceconfig-info>
</div>
</div>
</template>
<script>
import deviceconfigService from '../../services/deviceconfig.service'
// 详情弹窗
import deviceconfigInfo from '../../components/deviceconfigTemplate/deviceconfigInfo'
let deviceconfigHttps = new deviceconfigService()
export default {
name: "deviceConfigBackup",
data(){
return{
formInline:{
deviceIp:'',
deviceName:'',
deviceSN:'',
devBackupStatus:'',
deviceVendor:'',
modelCode:''
},
infoShow:false,
tableData:[],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
page:1,
requestObj:{},
}
},
components:{
deviceconfigInfo
},
mounted(){
this.gettingdata()
},
methods:{
//点击查询
searchdata(){
this.pageIndex="";
this.gettingdata(1)
},
Managerbtn(){
this.$router.push({path:'/osversion'})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.gettingdata()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.gettingdata()
},
resetFun(){
// this.$nextTick(() => {
this.$refs['form'].resetFields();
// })
this.gettingdata()
},
// 查看详情
showPanel(deviceCode){
this.infoShow = true
this.$nextTick(() => {
this.$refs.detailInfo.init(deviceCode)
})
},
// 请求数据
gettingdata(num){
let requestObj={}
if(num==1){
requestObj=this.formInline
}
requestObj.deviceStatus = '01'
requestObj.limit = this.pageSize
requestObj.page = this.pageIndex
deviceconfigHttps.getdeviceconfig(requestObj).then((res)=>{
if(res.code===0){
this.tableData = res.data.list
this.totalPage = res.data.totalCount
// _toast(res.msg)
}else {
_toast(res.msg)
}
}).catch((err=>{
console.log(err)
}))
},
},
}
</script>
<style lang="scss" scoped>
.oidAssets{
.upperPart{height:135px;}
.lowerPart{margin-top:20px;height: calc(100% - 184px)}
.configSearch{
padding-bottom:20px;
a {
text-decoration: none;
color:#fff;
}
}
}
</style>
This diff is collapsed.
This diff is collapsed.
<template >
<div class="oidAssets container">
<div class="upperPart">
<el-form :inline="true" :model="formInline" ref="form" label-width='100px'>
<el-form-item label="设备ip" prop="deviceIp">
<el-input v-model="formInline.deviceIp" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备名称" prop="deviceName">
<el-input v-model="formInline.deviceName" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备序列号" prop="deviceSN">
<el-input v-model="formInline.deviceSN" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备状态" prop="deviceStatus">
<el-select v-model="formInline.deviceStatus">
<el-option label="请选择设备状态" value=""></el-option>
<el-option label="已纳管" value="01"></el-option>
<el-option label="未纳管" value="00"></el-option>
</el-select>
</el-form-item>
<el-form-item label="设备厂商" prop="deviceVendor">
<el-input v-model="formInline.deviceVendor" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="设备型号" prop="modelCode">
<el-input v-model="formInline.modelCode" placeholder="请输入"></el-input>
</el-form-item>
</el-form>
<div class="btn-group" style="width: 265px;">
<button class="vpnButton primary" @click="gettingdata()">查询</button>
<button class="vpnButton cancel" @click="resetFun()">重置</button>
</div>
</div>
<div class="lowerPart">
<div class="height100-50">
<el-scrollbar>
<el-table :data="tableData" style="width: 100%" size="mini" class="commonTable">
<el-table-column type="index" width="50px"></el-table-column>
<el-table-column prop="deviceName" label="设备名称" >
<template slot-scope="scope">
<a @click="showPanel(scope.row)" class='aurlstyle'>{{scope.row.deviceName?scope.row.deviceName:'N/A'}}</a>
</template>
</el-table-column>
<el-table-column prop="deviceIP" label="设备IP" >
<template slot-scope="scope">
{{scope.row.deviceIP?scope.row.deviceIP:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="deviceSN" label="设备序列号" >
<template slot-scope="scope">
{{scope.row.deviceSN?scope.row.deviceSN:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="deviceStatus" label="设备状态" >
<template slot-scope="scope">
{{scope.row.deviceStatus?scope.row.deviceStatus=='01'?'已纳管':'未纳管':'N/A'}}
</template>
</el-table-column>
<el-table-column prop="deviceVendor" label="厂商" >
<template slot-scope="scope">
{{scope.row.deviceVendor?scope.row.deviceVendor:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="modelCode" label="设备型号" >
<template slot-scope="scope">
{{scope.row.modelCode?scope.row.modelCode:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="upTime" label="已接入时间" >
<template slot-scope="scope">
{{scope.row.upTime?scope.row.upTime:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="updatedTime" label="更新时间" >
<template slot-scope="scope">
{{scope.row.updatedTime?scope.row.updatedTime:'N/A'}}
</template>
</el-table-column>
</el-table>
</el-scrollbar>
</div>
<el-pagination background layout="sizes,prev, pager, next,total, jumper"
:total="totalPage"
:current="pageIndex"
:current-page.sync = "page"
@current-change="currentChangeHandle"
@size-change='sizeChangeHandle'
:pager-count="5"></el-pagination>
<device-info :show.sync = "infoShow" ref="detailInfo"></device-info>
</div>
</div>
</template>
<script>
import devicelistService from '../../services/devicelist.service'
// 详情弹窗
import deviceInfo from '../../components/deviceTemplate/deviceInfo'
let devicelistHttps = new devicelistService()
export default {
name: "devicelist",
data(){
return{
formInline:{
deviceIp:'',
deviceName:'',
deviceSN:'',
deviceStatus:'',
deviceVendor:'',
modelCode:''
},
infoShow:false,
tableData:[],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
page:1,
requestObj:{},
}
},
components:{
deviceInfo
},
mounted(){
this.gettingdata()
},
methods:{
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.gettingdata()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.gettingdata()
},
resetFun(){
// this.$nextTick(() => {
this.$refs['form'].resetFields();
// })
this.gettingdata()
},
// 查看详情
showPanel(deviceCode){
this.infoShow = true
this.$nextTick(() => {
this.$refs.detailInfo.init(deviceCode)
})
},
// 请求数据
gettingdata(){
let requestObj={}
requestObj=this.formInline
requestObj.limit = this.pageSize
requestObj.page = this.pageIndex
devicelistHttps.getdevicelist(requestObj).then((res)=>{
if(res.code===0){
this.tableData = res.data.list
this.totalPage = res.data.totalCount
// _toast(res.msg)
}else {
_toast(res.msg)
}
}).catch((err=>{
console.log(err)
}))
}
},
}
</script>
<style lang="scss" scoped>
.oidAssets{
.upperPart{height:135px;}
.lowerPart{margin-top:20px;height: calc(100% - 155px)}
}
.aurlstyle{
cursor: pointer;
color: #00b2ff;
}
</style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<template >
<div class="oidAssets container">
<div class="upperPart">
<el-form :inline="true" :model="formInline" ref="form" label-width='100px'>
<el-form-item label="操作管理员" prop="userName">
<el-input v-model="formInline.userName" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="操作类型" prop="mngType">
<el-select v-model="formInline.mngType">
<el-option label="请选择操作类型" value=""></el-option>
<el-option label="新增" value="1"></el-option>
<el-option label="修改" value="2"></el-option>
<el-option label="删除" value="3"></el-option>
<el-option label="提交" value="4"></el-option>
<el-option label="停止" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label=" 操作时间" prop="time">
<el-date-picker
v-model="formInline.time"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format='yyyy-MM-dd HH:mm:ss'>
</el-date-picker>
</el-form-item>
</el-form>
<div class="btn-group" style="width: 265px;">
<button class="vpnButton primary" @click="gettingdata()">查询</button>
<button class="vpnButton cancel" @click="resetFun()">重置</button>
</div>
</div>
<div class="lowerPart">
<div class="height100-50">
<el-scrollbar>
<el-table :data="tableData" style="width: 100%" size="mini" class="commonTable">
<el-table-column type="index" width="50px"></el-table-column>
<!-- <el-table-column prop="deviceName" label="设备名称" >
<template slot-scope="scope">
<a @click="showPanel(scope.row)" class='aurlstyle'>{{scope.row.deviceName?scope.row.deviceName:'N/A'}}</a>
</template>
</el-table-column> -->
<el-table-column prop="mngType" label="操作类型" >
<template slot-scope="scope">
{{scope.row.mngType | accTypefun}}
</template>
</el-table-column>
<el-table-column prop="operationTime" label="操作时间" >
<template slot-scope="scope">
{{scope.row.operationTime?scope.row.operationTime:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="userName" label="操作管理员" >
<template slot-scope="scope">
{{scope.row.userName?scope.row.userName:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="operationContent" label="操作内容" >
<template slot-scope="scope">
{{scope.row.operationContent?scope.row.operationContent:'N/A'}}
</template>
</el-table-column>
<el-table-column prop="etpName" label="企业名称" >
<template slot-scope="scope">
{{scope.row.etpName?scope.row.etpName:'N/A'}}
</template>
</el-table-column>
</el-table>
</el-scrollbar>
</div>
<el-pagination background layout="sizes,prev, pager, next,total, jumper"
:total="totalPage"
:current="pageIndex"
:current-page.sync = "page"
@current-change="currentChangeHandle"
@size-change='sizeChangeHandle'
:pager-count="5"></el-pagination>
</div>
</div>
</template>
<script>
import operationlogService from '../../services/operationlog.service'
let operationlogHttps = new operationlogService()
export default {
name: "operationlog",
data(){
return{
formInline:{
userName:'',
mngType:'',
time:[],
beginTime:'',
endTime:'',
},
infoShow:false,
tableData:[],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
page:1,
requestObj:{},
}
},
mounted(){
this.gettingdata()
},
methods:{
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.gettingdata()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.gettingdata()
},
resetFun(){
// this.$nextTick(() => {
this.$refs['form'].resetFields();
// })
this.gettingdata()
},
// 查看详情
showPanel(deviceCode){
this.infoShow = true
this.$nextTick(() => {
this.$refs.detailInfo.init(deviceCode)
})
},
// 请求数据
gettingdata(){
if(this.formInline.time.length != 0){
this.formInline.beginTime = this.formInline.time[0]
this.formInline.endTime = this.formInline.time[1]
}
let requestObj={}
requestObj=this.formInline
requestObj.limit = this.pageSize
requestObj.page = this.pageIndex
operationlogHttps.getdevicelist(requestObj).then((res)=>{
if(res.code===0){
this.tableData = res.data.list
this.totalPage = res.data.totalCount
// _toast(res.msg)
}else {
_toast(res.msg)
}
}).catch((err=>{
console.log(err)
}))
}
},
filters:{
accTypefun:function(val){
let text="";
switch (val) {
case "1":
text='新增'
break;
case "2":
text='修改'
break
case "3":
text='删除'
break
case "4":
text='提交'
break;
case "5":
text='停止'
break
default:
text="N/A"
}
return text
},
},
}
</script>
<style lang="scss" scoped>
.oidAssets{
.upperPart{height:74px;}
.lowerPart{margin-top:20px;height: calc(100% - 94px)}
}
.aurlstyle{
cursor: pointer;
color: #00b2ff;
}
.el-range-editor.el-input__inner {
height: 34px;
border: 1px solid #dcdfe6;
border-radius: 2px;
}
</style>
This diff is collapsed.
This diff is collapsed.
<template>
</template>
<script>
export default {
name: "WANAccelerationSetting"
}
</script>
<style scoped>
</style>
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>当前位置</el-breadcrumb-item> <el-breadcrumb-item>当前位置</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item> <el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[1]}}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div class="assetsContent"> <div class="assetsContent">
<div class="formDiv"> <div class="formDiv">
...@@ -22,7 +21,8 @@ ...@@ -22,7 +21,8 @@
<div class="assetsList"> <div class="assetsList">
<el-scrollbar> <el-scrollbar>
<el-table :data="tableData" style="width: 100%" class="commonTable" size="mini" > <el-table :data="tableData" style="width: 100%" class="commonTable" size="mini" >
<el-table-column prop="userLevel" label="用户会员等级" align="center" min-width="6%"></el-table-column> <el-table-column prop="id" label="用户ID" align="center" min-width="6%"></el-table-column>
<el-table-column prop="userLevel" sortable label="用户会员等级" align="center" min-width="6%"></el-table-column>
<el-table-column prop="type" label="会员等级百分比" align="center" min-width="8%" :show-overflow-tooltip="true"> <el-table-column prop="type" label="会员等级百分比" align="center" min-width="8%" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.type == '1'">返佣</span> <span v-if="scope.row.type == '1'">返佣</span>
......
...@@ -7,8 +7,14 @@ ...@@ -7,8 +7,14 @@
<div class="assetsContent"> <div class="assetsContent">
<div class="formDiv"> <div class="formDiv">
<el-form :inline="true" :model="formInline" class="search-form-inline"> <el-form :inline="true" :model="formInline" class="search-form-inline">
<el-form-item label="用户会员等级"> <el-form-item label="年月">
<el-input v-model="formInline.userLevel" placeholder="精准/模糊查询" clearable></el-input> <!--<el-input v-model="formInline.userLevel" placeholder="精准/模糊查询" clearable></el-input>-->
<el-date-picker
v-model="formInline.queryTime"
type="month"
placeholder="选择月">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<div class="btn-group marginL10"> <div class="btn-group marginL10">
...@@ -45,6 +51,7 @@ ...@@ -45,6 +51,7 @@
import dialogDel from '../../../components/dialog/dialogDel' import dialogDel from '../../../components/dialog/dialogDel'
import workService from '../../../services/fos/work.service' import workService from '../../../services/fos/work.service'
let workHttps = new workService() let workHttps = new workService()
let moment = require("moment");/*时间组件的引入*/
export default { export default {
data() { data() {
return { return {
...@@ -59,7 +66,7 @@ ...@@ -59,7 +66,7 @@
optionsa:[], optionsa:[],
optionsQl:[], optionsQl:[],
formInline: { formInline: {
userLevel: '' queryTime: ''
}, },
userEmail:"", userEmail:"",
userMobil:"", userMobil:"",
...@@ -82,6 +89,9 @@ ...@@ -82,6 +89,9 @@
search(){ search(){
let vm = this; let vm = this;
let param = vm.getSearchQuery() let param = vm.getSearchQuery()
if(param.queryTime != undefined){
param.queryTime=moment(vm.formInline.queryTime).format('YYYY-MM')
}
vm.getDataDetail(param) vm.getDataDetail(param)
}, },
cancel(){ cancel(){
...@@ -95,7 +105,7 @@ ...@@ -95,7 +105,7 @@
let vm = this let vm = this
let searchObj = { let searchObj = {
"pageNo":vm.page.currentPage, "pageNo":vm.page.currentPage,
"pageSize":vm.page.pageSize "pageSize":vm.page.pageSize,
} }
for(let key in vm.formInline){ for(let key in vm.formInline){
if(vm.formInline[key]){ if(vm.formInline[key]){
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>当前位置</el-breadcrumb-item> <el-breadcrumb-item>当前位置</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item> <el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[1]}}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div class="assetsContent"> <div class="assetsContent">
<div class="formDiv"> <div class="formDiv">
......
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>当前位置</el-breadcrumb-item> <el-breadcrumb-item>当前位置</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item> <el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[1]}}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div class="assetsContent"> <div class="assetsContent">
<div class="formDiv"> <div class="formDiv">
......
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>当前位置</el-breadcrumb-item> <el-breadcrumb-item>当前位置</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item> <el-breadcrumb-item>{{this.$route.name[0]}}</el-breadcrumb-item>
<el-breadcrumb-item>{{this.$route.name[1]}}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div class="assetsContent"> <div class="assetsContent">
<div class="formDiv"> <div class="formDiv">
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<template>
<div class="vpnWorkTopoManage container">
<work-table ></work-table>
</div>
</template>
<script>
import workTable from '../../components/vpnWorkManage/workTable'
export default {
name: "topologyWork",
data(){
return {
vpnName:'',
submitDisabled:true,
}
},
components:{workTable},
mounted(){
this.vpnName = this.$route.query.vpnName
},
methods:{
}
}
</script>
<style lang="scss">
.vpnWorkTopoManage{
}
</style>
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment