CPICXIM/it-console
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

整理代码

Browse Source
This commit is contained in:
Kane 2023-03-21 23:49:27 +08:00
parent cdc7efce15
commit ba44c9bc31
12 changed files with 272 additions and 192 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
code/web/it-console/sfc.d.ts vendored
View File

@ -1,10 +0,0 @@
/*
* @Author: Kane
* @Date: 2023-03-04 17:21:37
* @LastEditors: Kane
* @FilePath: /task_schedule/sfc.d.ts
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/

15
code/web/it-console/shims-vue.d.ts vendored
View File

@ -2,13 +2,14 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-03-04 17:23:02 * @Date: 2023-03-04 17:23:02
* @LastEditors: Kane * @LastEditors: Kane
* @FilePath: /task_schedule/shims-vue.d.ts * @FilePath: /it-console/shims-vue.d.ts
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
*/ */
declare module '*.vue' { declare module "*.vue"
import { ComponentOptions } from 'vue'; {
import { type ComponentOptions } from "vue";
const componentOptions: ComponentOptions; const componentOptions: ComponentOptions;
export default componentOptions; export default componentOptions;
} }

4
code/web/it-console/src/App.vue
View File

@ -2,7 +2,7 @@
* @Author: Kane * @Author: Kane
* @Date: 2022-12-14 15:12:46 * @Date: 2022-12-14 15:12:46
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-03-21 23:14:06 * @LastEditTime: 2023-03-21 23:49:05
* @FilePath: /it-console/src/App.vue * @FilePath: /it-console/src/App.vue
* @Description: * @Description:
* *
@ -14,7 +14,7 @@
</el-config-provider> </el-config-provider>
</template> </template>
<script> <script lang="ts">
// 引入语言组件 // 引入语言组件
import zhCn from "element-plus/lib/locale/lang/zh-cn"; import zhCn from "element-plus/lib/locale/lang/zh-cn";

14
code/web/it-console/src/main.js
View File

@ -2,19 +2,19 @@
* @Author: Kane * @Author: Kane
* @Date: 2022-12-14 15:12:46 * @Date: 2022-12-14 15:12:46
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-02-17 13:11:43 * @LastEditTime: 2023-03-21 23:48:46
* @FilePath: /IT工具综合平台/src/main.js * @FilePath: /it-console/src/main.js
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
*/ */
import { createApp } from 'vue'; import { createApp } from "vue";
import App from './App.vue'; import App from "./App.vue";
//路由 //路由
import router from './router'; import router from "./router";
//vuex //vuex
import store from './store'; import store from "./store";
//引入全局函数 //引入全局函数
import global from "@/utils/global"; import global from "@/utils/global";
@ -40,4 +40,4 @@ app.use(ElementPlus);
app.use(store); app.use(store);
app.use(router); app.use(router);
app.use(global); app.use(global);
app.mount('#app'); app.mount("#app");

16
code/web/it-console/src/views/ErrorPage.vue
View File

@ -2,16 +2,16 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-02-04 22:28:13 * @Date: 2023-02-04 22:28:13
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-02-04 23:36:48 * @LastEditTime: 2023-03-21 23:41:55
* @FilePath: /IT工具综合平台/src/views/ErrorPage.vue * @FilePath: /it-console/src/views/ErrorPage.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<el-scrollbar style="height:100vh;width:100vw;"> <el-scrollbar style="height:100vh;width:100vw;">
<div class="container"> <div class="container">
<img src="../assets/skull.png" /> <img src="../assets/skull.png">
<span>妖秀啊</span> <span>妖秀啊</span>
</div> </div>
</el-scrollbar> </el-scrollbar>
@ -22,7 +22,7 @@ export default {
name: "ErrorPage", name: "ErrorPage",
setup() setup()
{ {
return {};
}, },
}; };
</script> </script>
@ -56,4 +56,4 @@ export default {
font-family: "rgaqsay"; font-family: "rgaqsay";
src: url("../assets/fonts/FZSJ-RUGAQSAY.TTF"); src: url("../assets/fonts/FZSJ-RUGAQSAY.TTF");
} }
</style> </style>

32
code/web/it-console/src/views/network/NetworkPoint/EditNetworkPoint.vue
View File

@ -4,34 +4,24 @@
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-01-25 11:26:13 * @LastEditTime: 2023-01-25 11:26:13
* @FilePath: \admin_system\src\views\network\NetworkPoint copy.vue * @FilePath: \admin_system\src\views\network\NetworkPoint copy.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<!--
* @Author: Kane
* @Date: 2023-01-25 11:24:47
* @LastEditors: Kane
* @LastEditTime: 2023-01-25 11:24:48
* @FilePath: \admin_system\src\views\network\NetworkPoint.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<div>网络点位信息修改</div> <div>网络点位信息修改</div>
</template> </template>
<script> <script lang="ts">
export default { export default {
name: "network-point-editor", name: "NetworkPointEditor",
data() setup()
{ {
return {}; return {};
}, },
}; };
</script> </script>
<style scoped> <style scoped>
</style> </style>

18
code/web/it-console/src/views/network/NetworkPoint/NetworkPoint.vue
View File

@ -2,20 +2,20 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-01-25 11:24:47 * @Date: 2023-01-25 11:24:47
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-01-25 11:34:07 * @LastEditTime: 2023-03-21 23:46:21
* @FilePath: \admin_system\src\views\network\NetworkPoint.vue * @FilePath: /it-console/src/views/network/NetworkPoint/NetworkPoint.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<div>网络点位管理</div> <div>网络点位管理</div>
</template> </template>
<script> <script lang="ts">
export default { export default {
name: "network-point-management", name: "NetworkPointManagement",
data() setup()
{ {
return {}; return {};
}, },
@ -24,4 +24,4 @@ export default {
<style scoped> <style scoped>
</style> </style>

16
code/web/it-console/src/views/network/switch/SwitchManager.vue
View File

@ -4,18 +4,18 @@
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-01-25 14:48:54 * @LastEditTime: 2023-01-25 14:48:54
* @FilePath: \admin_system\src\views\network\switch\SwitchManager.vue * @FilePath: \admin_system\src\views\network\switch\SwitchManager.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
交换机管理 <div>交换机管理</div>
</template> </template>
<script> <script lang="ts">
export default { export default {
name: "switch-manager", name: "SwitchManager",
data() setup()
{ {
return {}; return {};
}, },
@ -24,4 +24,4 @@ export default {
<style scoped> <style scoped>
</style> </style>

184
code/web/it-console/src/views/overview/Desktop.vue
View File

@ -2,110 +2,152 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-01-06 15:30:12 * @Date: 2023-01-06 15:30:12
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-02-04 22:38:47 * @LastEditTime: 2023-03-21 23:38:49
* @FilePath: /IT工具综合平台/src/views/overview/desktop.vue * @FilePath: /it-console/src/views/overview/Desktop.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<el-form :inline="true" label-width="5em" class="query_form"> <div class="view_wrapper">
<el-row :gutter="10"> <el-form
<el-col :span="7"> :inline="true"
<el-form-item label="需求编号"> label-width="5em"
<el-input style="width:100%;"></el-input> class="query_form"
</el-form-item> >
</el-col> <el-row :gutter="10">
<el-col :span="7"> <el-col :span="7">
<el-form-item label="标题"> <el-form-item label="需求编号">
<el-input style="width:100%;"></el-input> <el-input style="width:100%;" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="提交人"> <el-form-item label="标题">
<el-input style="width:100%;"></el-input> <el-input style="width:100%;" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3"></el-col> <el-col :span="7">
</el-row> <el-form-item label="提交人">
<el-row :gutter="10"> <el-input style="width:100%;" />
<el-col :span="7"> </el-form-item>
<el-form-item label="状态"> </el-col>
<el-select style="width:100%;"> <el-col :span="3" />
<el-option key="部门审批" value="部门审批"></el-option> </el-row>
<el-option key="需求分析" value="需求分析">需求分析</el-option> <el-row :gutter="10">
<el-option key="技术开发" value="技术开发">技术开发</el-option> <el-col :span="7">
<el-option key="被退回" value="被退回"></el-option> <el-form-item label="状态">
</el-select> <el-select style="width:100%;">
</el-form-item> <el-option
</el-col> key="部门审批"
<el-col :span="7"> value="部门审批"
<el-form-item label="提交日期"> />
<el-date-picker style="width:100%;" v-model="start_date"></el-date-picker> <el-option
</el-form-item> key="需求分析"
</el-col> value="需求分析"
<el-col :span="7"> >
<el-form-item label="至"> 需求分析
<el-date-picker style="width:100%;" v-model="end_date"></el-date-picker> </el-option>
</el-form-item> <el-option
</el-col> key="技术开发"
<el-col :span="3"></el-col> value="技术开发"
</el-row> >
<el-row> 技术开发
<el-col :span="14"> </el-option>
<el-form-item label="提交日期"> <el-option
<el-date-picker type="daterange" range-separator="至" style="width:100%;"></el-date-picker> key="被退回"
</el-form-item> value="被退回"
</el-col> />
<el-col :span="10"></el-col> </el-select>
</el-row> </el-form-item>
</el-form> </el-col>
<el-button type="danger" @click="testRequest">测试</el-button> <el-col :span="7">
<el-button type="danger" @click="testError">错误</el-button> <el-form-item label="提交日期">
<el-date-picker
v-model="startDate"
style="width:100%;"
/>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="至">
<el-date-picker
v-model="endDate"
style="width:100%;"
/>
</el-form-item>
</el-col>
<el-col :span="3" />
</el-row>
<el-row>
<el-col :span="14">
<el-form-item label="提交日期">
<el-date-picker
type="daterange"
range-separator="至"
style="width:100%;"
/>
</el-form-item>
</el-col>
<el-col :span="10" />
</el-row>
</el-form>
<el-button
type="danger"
@click="testRequest"
>
测试
</el-button>
<el-button
type="danger"
@click="testError"
>
错误
</el-button>
</div>
</template> </template>
<script > <script>
import { reactive, onBeforeMount } from "vue"; import { reactive, onBeforeMount } from "vue";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { query_requirement_ui } from "@/utils/api/requirement/requirement.js"; import { queryRequirementUI } from "@/utils/api/requirement/requirement.js";
export default { export default {
name: "DeskTop", name: "DeskTop",
setup() setup()
{ {
let start_date = reactive(new Date()); let startDate = reactive(new Date());
let end_date = reactive(new Date()); let endDate = reactive(new Date());
const router = useRouter(); const router = useRouter();
const store = useStore(); const store = useStore();
onBeforeMount(() => onBeforeMount(() =>
{ {
end_date = new Date(Date.now()); endDate = new Date(Date.now());
start_date = new Date(); startDate = new Date();
start_date.setMonth(end_date.getMonth() - 1); startDate.setMonth(endDate.getMonth() - 1);
}); });
const testRequest = () => const testRequest = () =>
{ {
// const ui = store.state.app.ui; // const ui = store.state.app.ui;
// const requirement = store.state.requirement; // const requirement = store.state.requirement;
//加载数据; // 加载数据;
query_requirement_ui(store); queryRequirementUI(store);
console.log(store.state.app); console.log(store.state.app);
console.log(store.state.requirement); console.log(store.state.requirement);
}; };
const testError = () => const testError = () =>
{ {
router.push("/error-page"); router.push("/error-page");
}; };
return { return {
start_date, startDate,
end_date, endDate,
testRequest, testRequest,
testError, testError,
}; };
@ -117,4 +159,4 @@ export default {
.query_form { .query_form {
max-width: 63em; max-width: 63em;
} }
</style> </style>

20
code/web/it-console/src/views/privilege/EditStaffInfo.vue
View File

@ -4,24 +4,24 @@
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-01-24 23:57:11 * @LastEditTime: 2023-01-24 23:57:11
* @FilePath: \admin_system\src\views\info\EditStaffInfo.vue * @FilePath: \admin_system\src\views\info\EditStaffInfo.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<div></div> <div />
</template> </template>
<script> <script>
export default { export default {
name: "EditStaffInfo", name: "EditStaffInfo",
data: function () data: function ()
{ {
return {}; return {};
}, },
}; };
</script> </script>
<style scoped> <style scoped>
</style> </style>

14
code/web/it-console/src/views/privilege/PrivilegeManager.vue
View File

@ -2,14 +2,14 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-02-03 18:54:38 * @Date: 2023-02-03 18:54:38
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-02-03 18:56:39 * @LastEditTime: 2023-03-21 23:45:04
* @FilePath: \IT工具综合平台\src\views\privilege\PrivilegeManager.vue * @FilePath: /it-console/src/views/privilege/PrivilegeManager.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
权限管理 <div>权限管理</div>
</template> </template>
<script> <script>
@ -24,4 +24,4 @@ export default {
<style> <style>
</style> </style>

121
code/web/it-console/src/views/privilege/StaffInfo.vue
View File

@ -3,59 +3,116 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-01-12 14:43:46 * @Date: 2023-01-12 14:43:46
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-01-26 23:18:49 * @LastEditTime: 2023-03-21 23:41:05
* @FilePath: \admin_system\src\views\info\StaffInfo.vue * @FilePath: /it-console/src/views/privilege/StaffInfo.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<div class="query_box"> <div class="query_box">
<el-form inline width="600px"> <el-form
<el-row :gutter="10" class="el-row"> inline
width="600px"
>
<el-row
:gutter="10"
class="el-row"
>
<el-col :span="8"> <el-col :span="8">
<el-input v-model="query_param.staff_code" placeholder="请输入P09工号或P13账号"></el-input> <el-input
v-model="query_param.staff_code"
placeholder="请输入P09工号或P13账号"
/>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-button type="danger">查询</el-button> <el-button type="danger">
查询
</el-button>
</el-col> </el-col>
<el-col :span="12"></el-col> <el-col :span="12" />
</el-row> </el-row>
</el-form> </el-form>
<el-table ref="table" :data="table_data" border width="100%" stripe> <el-table
<el-table-column type="selection" min-width="30" align="center"></el-table-column> ref="table"
<el-table-column min-width="200" label="员工名称" align="left" fixed="left"> :data="table_data"
border
width="100%"
stripe
>
<el-table-column
type="selection"
min-width="30"
align="center"
/>
<el-table-column
min-width="200"
label="员工名称"
align="left"
fixed="left"
>
<template #default="rowdata"> <template #default="rowdata">
<span @click="onShowStaffInfo(rowdata.row)" style="cursor: pointer; display: block; height: 100%">{{ <span
style="cursor: pointer; display: block; height: 100%"
@click="onShowStaffInfo(rowdata.row)"
>{{
rowdata.row.staff_name rowdata.row.staff_name
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="staff_code" min-width="100" label="工号" align="left"></el-table-column> <el-table-column
<el-table-column prop="p13uid" min-width="200" label="P13账号" align="left"></el-table-column> prop="staff_code"
<el-table-column label="操作" min-width="200" align="center" fixed="right"> min-width="100"
label="工号"
align="left"
/>
<el-table-column
prop="p13uid"
min-width="200"
label="P13账号"
align="left"
/>
<el-table-column
label="操作"
min-width="200"
align="center"
fixed="right"
>
<template #default> <template #default>
<el-button type="warning">编辑</el-button> <el-button type="warning">
<el-button type="danger">删除</el-button> 编辑
</el-button>
<el-button type="danger">
删除
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-row :gutter="10" width="100%"> <el-row
:gutter="10"
width="100%"
>
<el-col :span="18"> <el-col :span="18">
<el-pagination class="pull_left" @current-change="onCurrentPageIndexChange" <el-pagination
@size-change="onTablePageSizeChange" size="small" background :current-page="this.table_current_page" class="pull_left"
:page-size="10" :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, nex, jumper" size="small"
:total="table_data.length"> background
</el-pagination> :current-page="table_current_page"
:page-size="10"
:page-sizes="[10, 20, 50, 100]"
layout="total, sizes, prev, pager, nex, jumper"
:total="table_data.length"
@current-change="onCurrentPageIndexChange"
@size-change="onTablePageSizeChange"
/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
/* eslint-disable no-unused-vars*/
export default { export default {
name: "staff-info", name: "StaffInfo",
data() data()
{ {
return { return {
@ -93,7 +150,7 @@ export default {
}; };
}, },
methods: { methods: {
onTableEdit(row) { }, // onTableEdit(row) { },
/** /**
* 根据表格行index返回样式，实现斑马纹 * 根据表格行index返回样式，实现斑马纹
* @param row * @param row
@ -102,8 +159,8 @@ export default {
*/ */
tabRowClassName(row, rowIndex) tabRowClassName(row, rowIndex)
{ {
let index = rowIndex + 1; const index = rowIndex + 1;
if (index % 2 == 0) if (index % 2 === 0)
{ {
return "warning-row"; return "warning-row";
} }
@ -119,11 +176,11 @@ export default {
/** /**
* 表格页显示数量变更时消息处理函数 * 表格页显示数量变更时消息处理函数
*/ */
onTablePageSizeChange() { }, // onTablePageSizeChange() { },
/** /**
* 用户变更当前页时消息处理函数 * 用户变更当前页时消息处理函数
*/ */
onCurrentPageIndexChange() { }, // onCurrentPageIndexChange() { },
}, },
}; };
</script> </script>