获取硬件信息项目

whycwx

2022-05-21 93fef7442fbfff2f0e8f1cd352eae5d79c41c93e

获取硬件信息项目

 src/App.vue

@@ -11,11 +11,11 @@
        }
    },
    mounted() {
        this.$router.push({
            path: '/',
        }).catch(err => {
            console.log(err)
        });
        // this.$router.push({
        //     path: '/',
        // }).catch(err => {
        //     console.log(err)
        // });
    }
}
</script>

 src/assets/js/axios.js

@@ -2,7 +2,7 @@
import axios from 'axios';
if (process.env.NODE_ENV == 'dev') {
    // 跨域请求
    axios.defaults.baseURL = 'http://localhost:8090/';
    axios.defaults.baseURL = 'http://localhost:8092/';
    axios.defaults.withCredentials = true; // 保持请求头
}


 src/components/FlexLayout.vue

File was deleted

 src/components/flowChart.vue

File was deleted

 src/layout/components/PageMenu.vue

File was deleted

 src/layout/components/breadcrumb.vue

File was deleted

 src/layout/components/pageHeader.vue

File was deleted

 src/layout/index.vue

@@ -1,36 +1,21 @@
<template>
    <div class="pageWarp">
        <!-- 头部 -->
        <page-header></page-header>
        <!-- 面包屑导航 -->
        <div class="pageBreadcrumb">
            <breadcrumb></breadcrumb>
        <div>
            <!-- <router-view></router-view> -->
        </div>
        <!-- 内容区域 -->
        <div class="pageContent">
            <!-- 左侧菜单 -->
            <div class="slideBarCon">
                <page-menu></page-menu>
            </div>
            <!-- 右侧界面 -->
            <div class="viewCon">
                <!--这里的router-view用来渲染子页面-->
                <router-view></router-view>
            </div>
        </div>
		
    </div>
</template>

<script>
import PageMenu from './components/PageMenu.vue'
import Breadcrumb from './components/breadcrumb.vue'
import PageHeader from './components/pageHeader.vue'
export default {
    components: { PageMenu, Breadcrumb, PageHeader },
    data() {
        return {

        }
    },
    mounted(){
    },
    methods: {

@@ -39,68 +24,4 @@
</script>

<style scoped>
.pageWarp {
    width: 100%;
    height: 100%;
}

.pageBreadcrumb {
    background: #044096;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}

.pageBreadcrumb .el-breadcrumb__inner,
.pageBreadcrumb /deep/ .el-breadcrumb__inner {
    font-size: 17px;
    color: #ffffff;
    padding: 0 22px;
}
.pageBreadcrumb .el-breadcrumb__separator,
.pageBreadcrumb /deep/ .el-breadcrumb__separator {
    color: #ffffff;
    font-size: 17px;
    margin: 0;
}

.pageBreadcrumb /deep/ .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.pageBreadcrumb /deep/ .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.pageBreadcrumb
    /deep/
    .el-breadcrumb__item:last-child
    .el-breadcrumb__inner
    a:hover,
.pageBreadcrumb
    /deep/
    .el-breadcrumb__item:last-child
    .el-breadcrumb__inner:hover,
.pageBreadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.pageBreadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.pageBreadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.pageBreadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    font-size: 17px;
    color: #ffffff;
    padding: 0 22px;
}

.pageContent {
    width: 100%;
    height: calc(100% - 128px);
    display: flex;
}

.pageContent .slideBarCon {
    width: 280px;
    height: 100%;
    background: #343345;
    padding: 20px 0;
}

.pageContent .viewCon {
    width: calc(100% - 280px);
    height: 100%;
    background-color: #e8e8e8;
}
</style>

 src/main.js

@@ -3,20 +3,16 @@

import App from './App.vue'
import router from './router'
import units from './assets/units'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import FlexLayout from './components/FlexLayout.vue'

// 注册全局自定义组件
Vue.component("FlexLayout", FlexLayout);

Vue.config.productionTip = false

Vue.prototype.$axios = axios;
Vue.prototype.$units = units;

Vue.use(ElementUI, {
  zIndex: 99

 src/pages/alarmWork/addWork.vue

File was deleted

 src/pages/alarmWork/components/listCard.vue

File was deleted

 src/pages/alarmWork/index.vue

File was deleted

 src/pages/alarmWork/js/api.js

File was deleted

 src/pages/alarmWork/js/const.js

File was deleted

 src/pages/alarmWork/js/workInfo/workInfo.js

File was deleted

 src/pages/alarmWork/list.vue

File was deleted

 src/pages/alarmWork/workInfo.vue

File was deleted

 src/pages/decode/decode.vue

New file
@@ -0,0 +1,99 @@
<template>
    <div class="consolt">
        <el-input
            class="text"
            type="textarea"
            autosize
            placeholder="请输入内容"
            v-model="textarea1">
        </el-input> <br/>
        <div class="boxP" v-if="status">
            <p><span>cpu序列号:</span><i>{{cpuId}}</i></p>
            <!-- <p><span>cpuIdRsa:</span><i>{{cpuIdRsa}}</i></p> -->
            <p><span>主板序列号:</span><i>{{boardId}}</i></p>
            <!-- <p><span>boardIdRsa:</span><i>{{boardIdRsa}}</i></p> -->
        </div>
        <br/>
        <el-button type="primary" @click="getData()">解码信息</el-button>
    </div>
</template>
<script>
export default {
    data(){
        return{
            textarea1:"",
            status:false,
            cpuId:"123",
            // cpuIdRsa:"456",
            boardId:"789",
            // boardIdRsa:"000"
        }
    },
    mounted(){
		
    },
    methods: {
        // 解码
        getData:function(){
            let vm = this;
                vm.status = true;
                // encodeURIComponent();
                if(vm.textarea1 == ""){
                    vm.$message({
                        message: '解码信息不能为空！',
                        type: 'warning'
                    });
                }else{
                    let params = {
                            serialNumberMixRSA : encodeURIComponent(vm.textarea1)
                        } 
                    vm.$axios({
                        method: 'GET',
                        url: '/RsaEncry/ComInfoController/getComInfo',
                        params: params,
                    }).then(res=>{
                        let rs = res.data;
                            if(rs.code == 1){
                                vm.cpuId = rs.data.cpuId;
                                vm.boardId = rs.data.boardId;
                            }else{
                                vm.$message({
                                    message: '解码失败，请重试！',
                                    type: 'warning'
                                });
                            }
                    })
                }
        }
    },
}
</script>
<style scoped>
    .consolt{
        text-align: center;
    }
    .text{
        width: 60%;
        margin-bottom: 50px;
		
    }
    /deep/.el-textarea__inner{
        min-height: 300px !important;
    }
    .boxP{
        width: 60%;
        margin-bottom: 20px;
        display: inline-block;
        text-align: left;
    }
	
    .boxP span{
        display: inline-block;
        width: 160px;
        text-align: right;
        margin-right: 40px;
    }
    .boxP i{
        color: red;
    }
</style>

 src/pages/encipherment/encipherment.vue

New file
@@ -0,0 +1,80 @@
<template>
    <div class="consolt">
        <el-input
            ref="reference"
            class="text"
            type="textarea"
            autosize
            placeholder="请输入内容"
            v-model="textarea1">
        </el-input> <br/>
        <el-button type="primary" @click="getData()">获取信息</el-button>
        <el-button type="info" @click="copyData()">复制信息</el-button>
    </div>
</template>
<script>
export default {
    data(){
        return{
            textarea1:"",
        }
    },
    mounted(){
		
    },
    methods: {
        // 获取硬件信息
        getData:function(){
            let vm = this;
                vm.$axios({
                    method: 'GET',
                    url: '/RsaEncry/ComInfoController/getComInfoRSA',
                    // params: params,
                }).then(res=>{
                    let rs = res.data;
                        if(rs.code == 1){
                            vm.textarea1 = rs.data;
                        }else{
                            vm.$message({
                                message: '获取信息失败，请重试！',
                                type: 'warning'
                            });
                        }
                    console.log(res);
                })
        },
        // 复制信息
        copyData:function(){
            let vm = this;
                if(vm.textarea1 == ""){
                    vm.$message({
                        message: '复制信息失败，请先获取信息！',
                        type: 'warning'
                    });
                }else{
                    vm.$refs.reference.select();
                    document.execCommand("copy");
                    if(document.execCommand("copy")){
                        this.$message({
                            message: '复制成功！',
                            type: 'success'
                        });
                    }
                }
        }
    },
}
</script>
<style scoped>
    .consolt{
        text-align: center;
    }
    .text{
        width: 60%;
        margin-bottom: 50px;
		
    }
    /deep/.el-textarea__inner{
        min-height: 300px !important;
    }
</style>

 src/pages/manage/js/api.js

File was deleted

 src/pages/manage/node/addNode.vue

File was deleted

 src/pages/manage/node/index.vue

File was deleted

 src/pages/manage/node/nodeManage.vue

File was deleted

 src/router/routes.js

@@ -1,70 +1,24 @@
/* Layout */
export default [{
    path: '/',
    redirect: '/alarmWork',
    component: (resolve) => require(['@/layout'], resolve),
    children: [
        {
            path: 'alarmWork',
            meta: {
                title: '告警工单',
export default [
    {
        path:"/",
        redirect: 'encipherment',
        name:"加密",

    },
    {
        path:"/encipherment",
        name:"encipherment",
        component: (resolve) => require(['@/pages/encipherment/encipherment.vue'], resolve),
        meta: {
                title: '加密',
            },
            component: (resolve) => require(['@/pages/alarmWork/index.vue'], resolve),
            redirect: '/alarmWork/pending',
            children: [
                {
                    path: 'addWork',
                    meta: {
                        title: '新建工单',
                    },
                    component: (resolve) => require(['@/pages/alarmWork/addWork.vue'], resolve),
                }, {
                    path: 'pending',
                    meta: {
                        title: '待处理列表',
                        unitType: 0
                    },
                    component: (resolve) => require(['@/pages/alarmWork/list.vue'], resolve),
                }, {
                    path: 'processed',
                    meta: {
                        title: '已处理列表',
                        unitType: 1
                    },
                    component: (resolve) => require(['@/pages/alarmWork/list.vue'], resolve),
                },
                {
                    path: 'workInfo',
                    meta: {
                        title: '工单基本信息',
                    },
                    component: (resolve) => require(['@/pages/alarmWork/workInfo.vue'], resolve),
                },
            ]
        },
        {
            path: 'manage',
            meta: {
                title: '管理界面',
    },
    {
        path:"/decode",
        name:"decode",
        component: (resolve) => require(['@/pages/decode/decode.vue'], resolve),
        meta: {
                title: '解密',
            },
            component: (resolve) => require(['@/pages/manage/node/index.vue'], resolve),
            redirect: '/manage/nodeManage',
            children: [
                {
                    path: 'nodeManage',
                    meta: {
                        title: '流程节点列表',
                    },
                    component: (resolve) => require(['@/pages/manage/node/nodeManage.vue'], resolve),
                },
                {
                    path: 'addNode',
                    meta: {
                        title: '流程节点管理',
                    },
                    component: (resolve) => require(['@/pages/manage/node/addNode.vue'], resolve),
                },
            ]
        }
    ]
}];
    },
]