学生档案管理系统
This commit is contained in:
commit
afe18b80bb
3
.browserslistrc
Normal file
3
.browserslistrc
Normal file
@ -0,0 +1,3 @@
|
||||
> 1%
|
||||
last 2 versions
|
||||
not dead
|
||||
5
.editorconfig
Normal file
5
.editorconfig
Normal file
@ -0,0 +1,5 @@
|
||||
[*.{js,jsx,ts,tsx,vue}]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
405
.eslintrc.js
Normal file
405
.eslintrc.js
Normal file
@ -0,0 +1,405 @@
|
||||
/**
|
||||
* Eslint 检查规则（A）
|
||||
* "off" 或者 0 -- 关闭规则
|
||||
* "warn" 或者 1 -- 将规则打开为警告（不影响退出代码）
|
||||
* "error" 或者 2 -- 将规则打开为错误（触发时退出代码为 1）
|
||||
*/
|
||||
module.exports = {
|
||||
root: true, // 禁用持续查找（root）
|
||||
env: {
|
||||
browser: true, // 启用浏览器全局变量。
|
||||
node: true, // Node.js全局变量和Node.js范围。
|
||||
es6: true // 启用ES6的功能。
|
||||
},
|
||||
parserOptions: {
|
||||
parser: 'babel-eslint', // 解析器（parser）
|
||||
ecmaVersion: 2020, // ECMA版本
|
||||
sourceType: 'module' // 指定源代码存在的位置，script | module，默认为script
|
||||
},
|
||||
// eslint:recommended:表示引入eslint的核心功能，并且报告一些常见的共同错误。
|
||||
extends: ['eslint:recommended', 'plugin:vue/vue3-recommended'],
|
||||
rules: {
|
||||
'vue/html-self-closing': 0,
|
||||
// 设置每行最大属性数
|
||||
'vue/max-attributes-per-line': [
|
||||
2,
|
||||
{
|
||||
singleline: 10, // 标签为单行时，每行最大属性数值为 10，默认值为 1
|
||||
multiline: {
|
||||
max: 1, // 标签为多行时，每行最大属性数字为 1，默认值为 1
|
||||
allowFirstLine: false // 不允许属性与该标记名称位于同一行，默认值为 false
|
||||
}
|
||||
}
|
||||
],
|
||||
'vue/no-multiple-template-root': 'off',
|
||||
// 禁用单行标签内容需换行的校验
|
||||
'vue/singleline-html-element-content-newline': 'off',
|
||||
// 禁用多行标签内容需换行的校验
|
||||
'vue/multiline-html-element-content-newline': 'off',
|
||||
// 组件 name 属性值必须使用帕斯卡命名法（单词首字母大写）
|
||||
'vue/name-property-casing': ['error', 'PascalCase'],
|
||||
// 禁用禁止使用 v-html 的校验
|
||||
'vue/no-v-html': 'off',
|
||||
// 对象必须使用 getter / setter 对，即：每个已定义 setter 的属性都需有一个 getter
|
||||
'accessor-pairs': 2,
|
||||
// 箭头函数 => 前后必须有空格
|
||||
'arrow-spacing': [
|
||||
2,
|
||||
{
|
||||
before: true,
|
||||
after: true
|
||||
}
|
||||
],
|
||||
// 单行代码块花括号打开块之后和关闭块之前，至少一个空格
|
||||
// 'block-spacing': [2, 'always'],
|
||||
// 强制执行标准大括号风格样式（关键字要与花括号保持在同一行）
|
||||
'brace-style': [
|
||||
2,
|
||||
'1tbs',
|
||||
{
|
||||
allowSingleLine: true // 允许同一行上打开和关闭括号
|
||||
}
|
||||
],
|
||||
// 关闭驼峰命名规则校验（变量命名时，名称之间不允许下划线，常量（全部大写）除外）
|
||||
camelcase: [
|
||||
0,
|
||||
{
|
||||
properties: 'always' // 属性名称强制执行驼峰命名法样式
|
||||
}
|
||||
],
|
||||
// 在对象或数组中不允许尾随逗号
|
||||
// 数组和对象键值对最后一个逗号， never参数：不能带末尾的逗号, always参数：必须带末尾的逗号
|
||||
// always-multiline：多行模式必须带逗号，单行模式不能带逗号
|
||||
// only-multiline：都行
|
||||
'comma-dangle': [2, 'never'],
|
||||
// 变量声明，数组文字，对象文字，函数参数和序列中的逗号前后加上一致的间距
|
||||
'comma-spacing': [
|
||||
2,
|
||||
{
|
||||
before: false, // 在逗号前不允许有空格
|
||||
after: true // 在逗号后需要一个或多个空格
|
||||
}
|
||||
],
|
||||
// 使用标准逗号样式，逗号位于当前行的末尾。在数组元素，对象属性或变量声明在同一行之后和同一行需要逗号
|
||||
'comma-style': [2, 'last'],
|
||||
// 子类构造函数必须使用 super()调用父类构造函数。非子类的构造函数不得调用
|
||||
'constructor-super': 2,
|
||||
// 当一个块只包含一条语句时，if，else if，else，for，while，或 do 允许省略花括号
|
||||
curly: [2, 'multi-line'],
|
||||
// 表达式中点"."要求与属性位于同一行
|
||||
'dot-location': [2, 'property'],
|
||||
// 强制文件以换行符结束（文件以一空行结束）
|
||||
'eol-last': 2,
|
||||
// 强制使用 === 和 !== 但不将此规则应用于 null
|
||||
eqeqeq: ['error', 'always', { null: 'ignore' }],
|
||||
// 使用生成器时关键字 * 前后均须有空格
|
||||
'generator-star-spacing': [
|
||||
2,
|
||||
{
|
||||
before: true,
|
||||
after: true
|
||||
}
|
||||
],
|
||||
// 回调模式需处理 err 或 error，报告所有未处理的错误
|
||||
'handle-callback-err': [2, '^(err|error)$'],
|
||||
// 使用两个空格进行缩进，
|
||||
indent: [
|
||||
2,
|
||||
2,
|
||||
{
|
||||
SwitchCase: 1 // case 针对 switch 语句使用 2 个空格缩进
|
||||
}
|
||||
],
|
||||
// 在 JSX 属性中强制使用单引号
|
||||
'jsx-quotes': [2, 'prefer-single'],
|
||||
// 对象字面量属性中强制在冒号后放置空格，冒号前不允许空格
|
||||
'key-spacing': [
|
||||
2,
|
||||
{
|
||||
beforeColon: false, // 不允许在对象文字中的键和冒号之间使用空格
|
||||
afterColon: true // 需要在冒号和对象文字中的值之间至少有一个空格
|
||||
}
|
||||
],
|
||||
// 关键字前后至少有一个空格
|
||||
'keyword-spacing': [
|
||||
2,
|
||||
{
|
||||
before: true,
|
||||
after: true
|
||||
}
|
||||
],
|
||||
// 构造函数名需以大写字母开头，以下内置标识符可免除此规则：Array、Boolean、 Date、Error、Function、Number、Object、RegExp、String、Symbol
|
||||
'new-cap': [
|
||||
2,
|
||||
{
|
||||
newIsCap: true, // new 方式调用的函数需以大写开头
|
||||
capIsNew: false // 允许直接调用大写开头的函数，无需使用 new
|
||||
}
|
||||
],
|
||||
// 使用 new 关键字调用无参构造函数，函数名后强制使用括号
|
||||
'new-parens': 2,
|
||||
// 禁止使用数组构造函数，
|
||||
'no-array-constructor': 2,
|
||||
// 禁止使用 arguments.caller 和 arguments.callee
|
||||
'no-caller': 2,
|
||||
// 关闭 console 检验规则
|
||||
'no-console': 'off',
|
||||
// 禁止给类赋值
|
||||
'no-class-assign': 2,
|
||||
// 禁止在条件语句中使用赋值运算符
|
||||
'no-cond-assign': 2,
|
||||
// 禁止修改 const 关键字声明的变量
|
||||
'no-const-assign': 2,
|
||||
// 关闭正则表达式中的控制字符校验规则
|
||||
'no-control-regex': 0,
|
||||
// 不允许对变量使用 delete 操作符
|
||||
'no-delete-var': 2,
|
||||
// 不允许在函数声明或表达式中使用重复的参数名称
|
||||
'no-dupe-args': 2,
|
||||
// 不允许在类的声明中出现重复名称
|
||||
'no-dupe-class-members': 2,
|
||||
// 不允许在对象中使用重复键
|
||||
'no-dupe-keys': 2,
|
||||
// 不允许在 switch 语句的 case 子句中使用重复的 case 分支
|
||||
'no-duplicate-case': 2,
|
||||
// 不允许在正则表达式中使用空字符
|
||||
'no-empty-character-class': 2,
|
||||
// 对象和数组使用解构时，不允许空模式
|
||||
'no-empty-pattern': 2,
|
||||
// 禁止使用 eval()函数
|
||||
'no-eval': 2,
|
||||
// 禁止给 catch 语句中的异常参数赋值
|
||||
'no-ex-assign': 2,
|
||||
// 不允许直接修改内置原生对象
|
||||
'no-extend-native': 2,
|
||||
// 避免不必要的函数绑定 bind()
|
||||
'no-extra-bind': 2,
|
||||
// 禁止不必要的布尔转换
|
||||
'no-extra-boolean-cast': 2,
|
||||
// 在使用函数表达式时，禁止使用不必要的括号
|
||||
'no-extra-parens': [2, 'functions'],
|
||||
// 禁止 switch 穿透，需使用 break 中断
|
||||
'no-fallthrough': 2,
|
||||
// 禁止省略浮点数中的 0
|
||||
'no-floating-decimal': 2,
|
||||
// 不允许重新分配 function 声明
|
||||
'no-func-assign': 2,
|
||||
// 禁止使用隐式 eval()，即：始终使用函数作为 setTimeout()、setInterval()和execScript()的第一个参数
|
||||
'no-implied-eval': 2,
|
||||
// 禁止在块中声明 function
|
||||
'no-inner-declarations': [2, 'functions'],
|
||||
// 不允许 RegExp 构造函数中使用无效的正则表达式字符串
|
||||
'no-invalid-regexp': 2,
|
||||
// 禁止使用无效空格（不是正常的制表符和空格），但允许在字符串中使用任何空格字符
|
||||
'no-irregular-whitespace': 2,
|
||||
// 禁止使用该__iterator__属性
|
||||
'no-iterator': 2,
|
||||
// label 标签名不能与变量名相同
|
||||
'no-label-var': 2,
|
||||
// 禁止使用标签语句
|
||||
'no-labels': [
|
||||
2,
|
||||
{
|
||||
allowLoop: false,
|
||||
allowSwitch: false
|
||||
}
|
||||
],
|
||||
// 禁止使用不必要的嵌套块
|
||||
'no-lone-blocks': 2,
|
||||
// 不允许使用混合空格和制表符进行缩进
|
||||
'no-mixed-spaces-and-tabs': 2,
|
||||
// 禁止在逻辑表达式，条件表达式，声明，数组元素，对象属性，序列和函数参数周围使用多个空格
|
||||
'no-multi-spaces': 2,
|
||||
// 禁止使用斜线（\）进行换行
|
||||
'no-multi-str': 2,
|
||||
// 禁止多个连续空行，最大连续空行数为 1
|
||||
'no-multiple-empty-lines': [
|
||||
2,
|
||||
{
|
||||
max: 1
|
||||
}
|
||||
],
|
||||
// 不允许修改只读全局变量
|
||||
'no-native-reassign': 2,
|
||||
// 不允许否定 in 表达式中的左操作数
|
||||
'no-negated-in-lhs': 2,
|
||||
// 不允许使用 Object 构造函数
|
||||
'no-new-object': 2,
|
||||
// 不允许使用 new require
|
||||
'no-new-require': 2,
|
||||
// 禁止使用 Symbol 构造器
|
||||
'no-new-symbol': 2,
|
||||
// 禁止使用原始包装器，new String，new Number 或 new Boolean
|
||||
'no-new-wrappers': 2,
|
||||
// 禁止将全局对象作为函数调用，即不允许调用 Math，JSON 和 Reflect 对象作为函数
|
||||
'no-obj-calls': 2,
|
||||
// 不允许使用八进制
|
||||
'no-octal': 2,
|
||||
// 不允许字符串中的八进制转义序列
|
||||
'no-octal-escape': 2,
|
||||
// node 中避免使用__dirname 和__filename 全局变量进行路径字符串拼接
|
||||
'no-path-concat': 2,
|
||||
// 使用方法 getPrototypeOf 替换__proto__属性
|
||||
'no-proto': 2,
|
||||
// 不允许同一作用域内声明相同变量名称
|
||||
'no-redeclare': 2,
|
||||
// 正则表达式文字中不允许有多个空格
|
||||
'no-regex-spaces': 2,
|
||||
// return 语句中的赋值必需有括号包裹
|
||||
'no-return-assign': [2, 'except-parens'],
|
||||
// 不允许将变量自我赋值
|
||||
'no-self-assign': 2,
|
||||
// 禁止变量与自己进行比较操作
|
||||
'no-self-compare': 2,
|
||||
// 禁止使用逗号运算符，除非在 for 语句的初始化或更新部分，表达式序列显式包含在圆括号中
|
||||
'no-sequences': 2,
|
||||
// 禁止对全局对象赋值
|
||||
'no-shadow-restricted-names': 2,
|
||||
// 功能标识符与其应用程序之间不允许有间距
|
||||
'no-spaced-func': 2,
|
||||
// 禁止使用稀疏数组，不适用于最后一个元素之后的尾随逗号
|
||||
'no-sparse-arrays': 2,
|
||||
// 使用 this 前请确保 super() 已调用
|
||||
'no-this-before-super': 2,
|
||||
// 用 throw 抛错时，抛出 Error 对象而不是字符串
|
||||
'no-throw-literal': 2,
|
||||
// 禁止在行尾添加尾随空白（空格，制表符和其他 Unicode 空白字符）
|
||||
'no-trailing-spaces': 2,
|
||||
// 禁止引用未声明的变量
|
||||
'no-undef': 2,
|
||||
// 禁止使用 undefined 来初始化变量
|
||||
'no-undef-init': 2,
|
||||
// 禁止混淆多行表达式
|
||||
'no-unexpected-multiline': 2,
|
||||
// 检查循环条件内的引用是否在循环中被修改
|
||||
'no-unmodified-loop-condition': 2,
|
||||
// 当存在更简单的选择时，此规则不允许三元运算符
|
||||
'no-unneeded-ternary': [
|
||||
2,
|
||||
{
|
||||
defaultAssignment: false // 不允许将条件表达式作为默认的分配模式
|
||||
}
|
||||
],
|
||||
// return，throw，continue，和 break 语句后不允许跟代码
|
||||
'no-unreachable': 2,
|
||||
// 不允许 return，throw，break，和 continue 语句使用 finally 块，即：finally 代码块中不要再改变程序执行流程，但它允许间接使用
|
||||
'no-unsafe-finally': 2,
|
||||
// 不允许存在声明但未使用的变量，函数和函数的参数
|
||||
'no-unused-vars': [
|
||||
0,
|
||||
{
|
||||
vars: 'all', // 检查全局范围内的变量
|
||||
args: 'none' // 不检查参数
|
||||
}
|
||||
],
|
||||
// 禁止使用.call()和.apply()
|
||||
'no-useless-call': 2,
|
||||
// 禁止不必要的计算属性键作对象属性
|
||||
'no-useless-computed-key': 2,
|
||||
// 禁止不必要的构造函数
|
||||
'no-useless-constructor': 2,
|
||||
// 关闭不必要的转义检测规则
|
||||
'no-useless-escape': 0,
|
||||
// 对象的属性在同一行上时禁止在属性前使用空格，当对象和属性位于单独的行上时，此规则允许使用空格，因为通常在较长的属性链中添加换行符
|
||||
'no-whitespace-before-property': 2,
|
||||
// 禁止使用 with
|
||||
'no-with': 2,
|
||||
// 一个变量关键字（var，let 或 const）只声明一个变量
|
||||
'one-var': [
|
||||
2,
|
||||
{
|
||||
initialized: 'never' // 每个作用域要求多个变量声明用于初始化变量
|
||||
}
|
||||
],
|
||||
// 使用一致的换行符样式，将换行符放置在运算符之后
|
||||
'operator-linebreak': [
|
||||
2,
|
||||
'after',
|
||||
{
|
||||
overrides: {
|
||||
'?': 'before', // 三元运算换行符置于 ? 前
|
||||
':': 'before' // 三元运算换行符置于 : 前
|
||||
}
|
||||
}
|
||||
],
|
||||
// 在 block 语句和类的开头和结尾处不允许出现空行
|
||||
'padded-blocks': [2, 'never'],
|
||||
// 字符串尽可能使用单引号
|
||||
quotes: [
|
||||
2,
|
||||
'single',
|
||||
{
|
||||
avoidEscape: true, // 允许字符串使用单引号或双引号，只要字符串包含必须被转义的引号即可
|
||||
allowTemplateLiterals: true // 允许字符串使用反引号
|
||||
}
|
||||
],
|
||||
// 禁止使用分号结尾
|
||||
semi: [2, 'never'],
|
||||
// 分号后强制使用空格，并在分号前禁止使用空格
|
||||
'semi-spacing': [
|
||||
2,
|
||||
{
|
||||
before: false,
|
||||
after: true
|
||||
}
|
||||
],
|
||||
// 代码块前至少有一个空格
|
||||
'space-before-blocks': [2, 'always'],
|
||||
// 函数名称或 function 关键字与开头括号之间不允许有空格
|
||||
'space-before-function-paren': 0
|
||||
// 'space-before-function-paren': [
|
||||
// 'error',
|
||||
// {
|
||||
// anonymous: 'always',
|
||||
// named: 'never',
|
||||
// asyncArrow: 'always'
|
||||
// }
|
||||
// ],
|
||||
// 禁止在括号内使用空格
|
||||
'space-in-parens': [2, 'never'],
|
||||
// 中缀运算符周围需有空格
|
||||
'space-infix-ops': 2,
|
||||
// 一元运算词后须有空格，一元运算符后不允许有空格
|
||||
'space-unary-ops': [
|
||||
2,
|
||||
{
|
||||
words: true,
|
||||
nonwords: false
|
||||
}
|
||||
],
|
||||
// 注释//和/*后必须跟一个空格
|
||||
'spaced-comment': [
|
||||
2,
|
||||
'always',
|
||||
{
|
||||
markers: ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
|
||||
}
|
||||
],
|
||||
// 模板字符串${}中不允许有空格
|
||||
'template-curly-spacing': [2, 'never'],
|
||||
// 不允许 NaN 值得直接比较，需使用 isNaN()
|
||||
'use-isnan': 2,
|
||||
// typeof 比较需使用有效字符串（"undefined"，"object"，"boolean"，"number"，"string"，"function"，"symbol"，和"bigint"）
|
||||
'valid-typeof': 2,
|
||||
// 自调用匿名函数 (IIFEs) 使用括号包裹
|
||||
'wrap-iife': [2, 'any'],
|
||||
// yield 表达式前后都要有空格
|
||||
'yield-star-spacing': [2, 'both'],
|
||||
// 禁止 Yoda 条件（条件的字面值排在第一，而变量排在第二）
|
||||
yoda: [2, 'never'],
|
||||
// 使用 const 声明初始赋值后永远不重新赋值的变量
|
||||
'prefer-const': 2,
|
||||
// 生产环境中禁止使用 debugger 调试器
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
|
||||
// 花括号内需要空格（{}除外）
|
||||
'object-curly-spacing': [
|
||||
2,
|
||||
'always',
|
||||
{
|
||||
objectsInObjects: false // 以对象元素开始或结束的花括号间不允许有空格
|
||||
}
|
||||
],
|
||||
// 数组方括号内不允许使用空格
|
||||
'array-bracket-spacing': [2, 'never']
|
||||
}
|
||||
}
|
||||
22
.gitignore
vendored
Normal file
22
.gitignore
vendored
Normal file
@ -0,0 +1,22 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
1
README.en.md
Normal file
1
README.en.md
Normal file
@ -0,0 +1 @@
|
||||
# 档案管理前台
|
||||
39
README.md
Normal file
39
README.md
Normal file
@ -0,0 +1,39 @@
|
||||
# 档案管理前台
|
||||
|
||||
#### 介绍
|
||||
{**以下是码云平台说明，您可以替换此简介**
|
||||
码云是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
|
||||
无论是个人、团队、或是企业，都能够用码云实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}
|
||||
|
||||
#### 软件架构
|
||||
软件架构说明
|
||||
|
||||
|
||||
#### 安装教程
|
||||
|
||||
1. xxxx
|
||||
2. xxxx
|
||||
3. xxxx
|
||||
|
||||
#### 使用说明
|
||||
|
||||
1. xxxx
|
||||
2. xxxx
|
||||
3. xxxx
|
||||
|
||||
#### 参与贡献
|
||||
|
||||
1. Fork 本仓库
|
||||
2. 新建 Feat_xxx 分支
|
||||
3. 提交代码
|
||||
4. 新建 Pull Request
|
||||
|
||||
|
||||
#### 码云特技
|
||||
|
||||
1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
|
||||
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
|
||||
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
|
||||
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
|
||||
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
|
||||
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
|
||||
5
babel.config.js
Normal file
5
babel.config.js
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
12133
package-lock.json
generated
Normal file
12133
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
38
package.json
Normal file
38
package.json
Normal file
@ -0,0 +1,38 @@
|
||||
{
|
||||
"name": "stu-fms",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.19.2",
|
||||
"core-js": "^3.6.5",
|
||||
"echarts": "^4.9.0",
|
||||
"element-ui": "^2.13.2",
|
||||
"style-resources-loader": "^1.3.3",
|
||||
"vue": "^2.6.11",
|
||||
"vue-router": "^3.2.0",
|
||||
"vuex": "^3.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^4.4.0",
|
||||
"@vue/cli-plugin-eslint": "^4.4.0",
|
||||
"@vue/cli-plugin-router": "^4.4.0",
|
||||
"@vue/cli-plugin-vuex": "^4.4.0",
|
||||
"@vue/cli-service": "^4.4.0",
|
||||
"@vue/eslint-config-standard": "^5.1.2",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-import": "^2.20.2",
|
||||
"eslint-plugin-node": "^11.1.0",
|
||||
"eslint-plugin-promise": "^4.2.1",
|
||||
"eslint-plugin-standard": "^4.0.0",
|
||||
"eslint-plugin-vue": "^6.2.2",
|
||||
"less": "^3.0.4",
|
||||
"less-loader": "^5.0.0",
|
||||
"vue-template-compiler": "^2.6.11"
|
||||
}
|
||||
}
|
||||
9
public/dist/animate.min.css
vendored
Normal file
9
public/dist/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
33
public/dist/global/global.css
vendored
Normal file
33
public/dist/global/global.css
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*全局的css文件*/
|
||||
html,body,#app{width:100%;height:100%}
|
||||
body{margin:0px;padding:0px;}
|
||||
|
||||
/*重置样式*/
|
||||
*{margin:0;padding:0;}
|
||||
a,u{text-decoration: none;color:#000;}
|
||||
i,em{font-style: normal;}
|
||||
b,strong{font-weight: normal;}
|
||||
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;font-size: 16px;}
|
||||
ul,ol,li{list-style: none;font-size: 16px;}
|
||||
input{outline: none;}
|
||||
img{border:0;display: block;}
|
||||
|
||||
/*滚动条相关的样式*/
|
||||
*::-webkit-scrollbar-track-piece {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
*::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 9px;
|
||||
}
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: #ccc;
|
||||
background-clip: padding-box;
|
||||
border-radius: 5px;
|
||||
min-height: 28px;
|
||||
}
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #bbb;
|
||||
}
|
||||
4
public/dist/theme/theme-primary.css
vendored
Normal file
4
public/dist/theme/theme-primary.css
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*主题样式文件*/
|
||||
.body {
|
||||
background: blue;
|
||||
}
|
||||
7
public/dist/theme/theme-primary.less
vendored
Normal file
7
public/dist/theme/theme-primary.less
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
/*主题样式文件*/
|
||||
@theme-color:blue;
|
||||
@theme-btn-primary:blue;
|
||||
|
||||
.body{
|
||||
background: blue;
|
||||
}
|
||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
public/images/logo.png
Normal file
BIN
public/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
21
public/index.html
Normal file
21
public/index.html
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<!-- 全局样式文件 -->
|
||||
<link rel="stylesheet" type="text/css" href="dist/global/global.css"/>
|
||||
<!-- 导入皮肤文件 -->
|
||||
<!-- <link id="theme-css" rel="stylesheet" type="text/css" href="dist/theme/theme-primary.css"/> -->
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
</html>
|
||||
36
src/App.vue
Normal file
36
src/App.vue
Normal file
@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<template v-if="$store.state.showFramework">
|
||||
<framework >
|
||||
<!-- 主要内容区域 -->
|
||||
<Router-view></Router-view>
|
||||
</framework>
|
||||
</template>
|
||||
<template v-else>
|
||||
<Router-view ></Router-view>
|
||||
</template >
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import framework from '@/components/framework'
|
||||
export default {
|
||||
components: { framework },
|
||||
mounted() {
|
||||
window.addEventListener('unload', this.unLoad)
|
||||
window.addEventListener('load', this.load)
|
||||
},
|
||||
methods: {
|
||||
load(){
|
||||
//刷新shiro
|
||||
this.$shiro.initShiro(this);
|
||||
},
|
||||
unLoad() {
|
||||
//保存store
|
||||
sessionStorage.setItem('state', JSON.stringify(this.$store.state))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
</style>
|
||||
19
src/api/archive/archive-info.js
Normal file
19
src/api/archive/archive-info.js
Normal file
@ -0,0 +1,19 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
const URl = "/archive";
|
||||
|
||||
export function list(0, 1) {
|
||||
|
||||
return request.get('/api/archive/list', {
|
||||
params: {
|
||||
page: page,
|
||||
size: size
|
||||
}
|
||||
}
|
||||
).then(res => {
|
||||
console.log(res);
|
||||
|
||||
}).catch(error => {
|
||||
console.log("api请求失败", error);
|
||||
})
|
||||
}
|
||||
BIN
src/assets/images/lh/login-cao.png
Normal file
BIN
src/assets/images/lh/login-cao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
BIN
src/assets/images/lh/login-sc.png
Normal file
BIN
src/assets/images/lh/login-sc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
src/assets/logo.png
Normal file
BIN
src/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
19
src/components/archive_borrow_status.vue
Normal file
19
src/components/archive_borrow_status.vue
Normal file
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
借阅状态
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'archive-borrow-status',
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
168
src/components/archives_borrow_info.vue
Normal file
168
src/components/archives_borrow_info.vue
Normal file
@ -0,0 +1,168 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 搜索框 -->
|
||||
<el-form :inline="true" style="display: inline;float: right;" class="demo-form-inline;">
|
||||
<el-form-item>
|
||||
<el-input placeholder="请输入借阅者...." v-model="searchData" :inline="true">
|
||||
<el-button slot="append" icon="el-icon-search" @click="search"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table height="370" :data="tableData" style="width: 100%" @selection-change="getRows">
|
||||
<el-table-column type="selection" width="55">
|
||||
</el-table-column>
|
||||
<el-table-column prop="archiveId" label="档案ID">
|
||||
</el-table-column>
|
||||
<el-table-column prop="archiveName" label="档案名称">
|
||||
</el-table-column>
|
||||
<el-table-column prop="stuName" label="档案拥有者">
|
||||
</el-table-column>
|
||||
<el-table-column prop="username" label="借阅者">
|
||||
</el-table-column>
|
||||
<el-table-column label="档案借阅时间" width="190">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span style="margin-left: 10px">{{ scope.row.borrTime }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="档案借阅状态" width="190">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success" size="mini" v-if="scope.row.borrStatus == '0'">借阅中</el-tag>
|
||||
<el-tag type="danger" size="mini" v-if="scope.row.borrStatus == '1'">已归还</el-tag>
|
||||
<el-tag type="info" size="mini" v-if="scope.row.borrStatus == '-1' ">借阅超时</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-popconfirm
|
||||
confirmButtonText='确定'
|
||||
cancelButtonText='取消'
|
||||
icon="el-icon-info"
|
||||
iconColor="red"
|
||||
title="是否确定删除该数据吗？"
|
||||
@onConfirm="delet(scope.row)"
|
||||
>
|
||||
<el-button slot="reference" size="mini" type="danger">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination align="right" @current-change="handleCurrentChange"
|
||||
:current-page.sync="currentPage3" :page-size="pageSize" layout="prev, pager, next, jumper"
|
||||
:total="pageNum">
|
||||
</el-pagination>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import request from '@/utils/request';
|
||||
|
||||
export default {
|
||||
name: 'archive-borrow-info',
|
||||
data() {
|
||||
return {
|
||||
//当前页
|
||||
currentPage: 0,
|
||||
//每页数量
|
||||
pageSize: 5,
|
||||
//总页数
|
||||
pageNum: 100,
|
||||
searchData: '',
|
||||
// 档案信息表
|
||||
tableData: [],
|
||||
//当前页
|
||||
currentPage3: 0,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
},
|
||||
methods: {
|
||||
//获取档单信息列表
|
||||
//默认第0页，每页5条数据
|
||||
getList: function (page, size) {
|
||||
|
||||
request.get('/api/physical/archives/record/list', {
|
||||
params: {
|
||||
page: page,
|
||||
size: size
|
||||
}
|
||||
}
|
||||
).then(res => {
|
||||
//获取表格数据
|
||||
var data = res.data.data.records;
|
||||
//渲染表格数据
|
||||
this.tableData = data;
|
||||
//获取总页数
|
||||
this.pageNum = res.data.data.total;
|
||||
console.log(res);
|
||||
console.log("总页数", this.pageNum);
|
||||
|
||||
}).catch(error => {
|
||||
console.log("api请求失败", error);
|
||||
})
|
||||
|
||||
},
|
||||
//获取当前页数
|
||||
handleCurrentChange(page) {
|
||||
|
||||
this.getList(page, this.pageSize);
|
||||
//设置当前页数
|
||||
this.currentPage = page;
|
||||
|
||||
},
|
||||
//删除
|
||||
delet(data) {
|
||||
console.log("删除", data);
|
||||
|
||||
request.post("/api/physical/archives/record/delete", data).then(res => {
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
message: '删除成功!',
|
||||
type: 'success',
|
||||
center: true
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: '删除失败!',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
}).catch(error => {
|
||||
|
||||
});
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage,this.pageSize);
|
||||
},
|
||||
|
||||
|
||||
//搜索
|
||||
search(){
|
||||
console.log(this.searchData);
|
||||
request.get("/api/physical/archives/record/search",{
|
||||
params:{
|
||||
page:this.currentPage,
|
||||
size:this.pageSize,
|
||||
searchValue:this.searchData
|
||||
}
|
||||
}).then( res =>{
|
||||
var data = res.data.data.records;
|
||||
this.tableData =data;
|
||||
//获取总页数
|
||||
this.pageNum = res.data.data.total;
|
||||
}).catch( error =>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
229
src/components/archives_check.vue
Normal file
229
src/components/archives_check.vue
Normal file
@ -0,0 +1,229 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-button type="danger" size="medium" icon="el-icon-delete" @click="batchDelete">批量删除</el-button>
|
||||
<el-button type="success" size="medium" icon="el-icon-finished" @click="batchAudit">批量审核</el-button>
|
||||
<!-- 搜索框 -->
|
||||
<el-form :inline="true" style="display: inline;float: right;" class="demo-form-inline;">
|
||||
<el-form-item>
|
||||
<el-input placeholder="请输入学号...." v-model="searchData" :inline="true">
|
||||
<el-button slot="append" icon="el-icon-search" @click="search"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table height="370" :data="table2Data" style="width: 100%" @selection-change="getRows">
|
||||
<el-table-column type="selection" width="55">
|
||||
</el-table-column>
|
||||
<el-table-column prop="id" label="档案ID">
|
||||
</el-table-column>
|
||||
<el-table-column prop="stuId" label="学号">
|
||||
</el-table-column>
|
||||
<el-table-column prop="dictDesc" label="档案类型">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="info" size="mini" @click="$router.push('/userManager')">详情...</el-button>
|
||||
<el-button type="danger" size="mini" v-if="scope.row.isAudited== '0'" @click="audit(scope.row.id)">审核
|
||||
</el-button>
|
||||
<el-button type="success" size="mini" v-if="scope.row.isAudited== '1'" disabled>审核已通过</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination align="right" @current-change="handleCurrentChange"
|
||||
:current-page.sync="currentPage3" :page-size="pageSize" layout="prev, pager, next, jumper"
|
||||
:total="pageNum">
|
||||
</el-pagination>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import request from '@/utils/request';
|
||||
|
||||
export default {
|
||||
|
||||
name: 'archives-check',
|
||||
data() {
|
||||
return {
|
||||
//点击行数据
|
||||
rowData: {},
|
||||
//被选择的ids
|
||||
selectIds: [],
|
||||
//当前页
|
||||
currentPage: 1,
|
||||
//每页数量
|
||||
|
||||
pageSize: 5,
|
||||
|
||||
pageSize: 10,
|
||||
//总页数
|
||||
pageNum: 100,
|
||||
dialogVisible: false,
|
||||
selectIds: [], // 被选的的ids
|
||||
searchData: '',
|
||||
dialogType: '', // 对话框类型，区分新增还是编辑
|
||||
dialogTitle: '',
|
||||
value1: '',
|
||||
value2: '',
|
||||
currentPage3: 0,
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() > Date.now()
|
||||
}
|
||||
},
|
||||
dialogFormVisible: false,
|
||||
formLabelWidth: '120px',
|
||||
|
||||
// 档案审核信息表
|
||||
table2Data: [],
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 分页
|
||||
handleCurrentChange(val) {
|
||||
this.getList(val, this.pageSize);
|
||||
this.currentPage = val;
|
||||
console.log('当前页:', this.currentPage);
|
||||
|
||||
},
|
||||
|
||||
//获取档单信息列表
|
||||
//默认第0页，每页5条数据
|
||||
getList: function (page, size) {
|
||||
|
||||
request.get('/api/verify/list', {
|
||||
params: {
|
||||
page: page,
|
||||
size: size
|
||||
}
|
||||
}
|
||||
).then(res => {
|
||||
//获取表格数据
|
||||
console.log("res", res);
|
||||
var data = res.data.data.records;
|
||||
//渲染表格数据
|
||||
this.table2Data = data;
|
||||
//获取总页数
|
||||
this.pageNum = res.data.data.total;
|
||||
console.log("审核数据", data);
|
||||
console.log("总页数", this.pageNum);
|
||||
|
||||
}).catch(error => {
|
||||
console.log("api请求失败", error);
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
// 批量审核
|
||||
batchAudit() {
|
||||
// 获取被选的多选框的值
|
||||
var ids = this.selectIds
|
||||
if (ids.length <= 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一条数据审核',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
console.log('需要审核的ids', ids)
|
||||
},
|
||||
// 搜索
|
||||
search() {
|
||||
var data = this.searchData;
|
||||
console.log('searchData', data);
|
||||
},
|
||||
// 批量删除
|
||||
batchDelete() {
|
||||
// 获取被选的多选框的值
|
||||
var ids = this.selectIds
|
||||
if (ids.length <= 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一点数据删除',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
return;
|
||||
}
|
||||
var deleteData = {};
|
||||
deleteData.ids = ids;
|
||||
console.log('需要删除的数据', deleteData);
|
||||
|
||||
request.post("/api/verify/deleteBatch", deleteData).then(res => {
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
message: '批量删除成功!',
|
||||
type: 'success',
|
||||
center: true
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: '批量删除失败!',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
|
||||
}).catch(error => {
|
||||
console.log(error);
|
||||
})
|
||||
//重新渲染数据
|
||||
this.getList(1, this.pageSize);
|
||||
},
|
||||
|
||||
// 获取多选框的数据
|
||||
getRows(rows) {
|
||||
this.selectIds = [];
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
this.selectIds.push(rows[i].id);
|
||||
}
|
||||
// console.log("ids",this.selectIds);
|
||||
},
|
||||
|
||||
//审核
|
||||
audit(id) {
|
||||
console.log("审核id", id);
|
||||
request.get("/api/verify/audit", {
|
||||
params: {
|
||||
id
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
message: '审核成功!',
|
||||
type: 'success',
|
||||
center: true
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: '审核失败!',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
}).catch(error => {
|
||||
console.log(error);
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.grid-content {
|
||||
border-radius: 4px;
|
||||
font-size: 18px;
|
||||
min-height: 50px;
|
||||
}
|
||||
</style>
|
||||
428
src/components/archives_info.vue
Normal file
428
src/components/archives_info.vue
Normal file
@ -0,0 +1,428 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 档案信息表 -->
|
||||
<el-button type="primary" size="medium" icon="el-icon-plus" @click="add">新增</el-button>
|
||||
<el-button type="danger" size="medium" icon="el-icon-delete" @click="batchDelete">批量删除</el-button>
|
||||
<el-button type="infor" size="medium" icon="el-icon-s-data" @click="testData">数据统计</el-button>
|
||||
<!-- 搜索框 -->
|
||||
<el-form :inline="true" style="display: inline;float: right;" class="demo-form-inline;">
|
||||
<el-form-item>
|
||||
<el-input placeholder="请输入用户名...." v-model="searchData" :inline="true">
|
||||
<el-button slot="append" icon="el-icon-search" @click="search"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 表格 -->
|
||||
<el-table :data="table1Data" style="width: 100%" @selection-change="getRows">
|
||||
<el-table-column type="selection" width="55">
|
||||
</el-table-column>
|
||||
<el-table-column prop="id" v-if="false">
|
||||
</el-table-column>
|
||||
<el-table-column prop="userId" label="用户ID" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column prop="username" label="用户名" width="150">
|
||||
</el-table-column>
|
||||
<el-table-column label="档案创建时间" width="190">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span style="margin-left: 10px">{{ scope.row.created }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="borrCount" label="借阅次数">
|
||||
</el-table-column>
|
||||
<el-table-column prop="cutOffTime" label="截止时间">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span style="margin-left: 10px">{{ scope.row.cutOffTime }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" size="200">
|
||||
<!-- 编辑、删除按钮 -->
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="infor" icon="el-icon-edit" @click="edit(scope.row)">修改</el-button>
|
||||
<el-button size="mini" type="danger" icon="el-icon-delete" @click="del(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 对话框 -->
|
||||
<el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible" width="34%">
|
||||
<el-form :model="form" class="demo-form-inline">
|
||||
<el-form-item label="用户ID" :label-width="formLabelWidth">
|
||||
<el-input v-model="form.userId" autocomplete="off" style="width: 218px;"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户名" :label-width="formLabelWidth">
|
||||
<el-input v-model="form.username" autocomplete="off" style="width: 218px;"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间" :label-width="formLabelWidth">
|
||||
<el-date-picker v-model="form.created" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="借阅次数" :label-width="formLabelWidth">
|
||||
<el-input v-model="form.borrCount" autocomplete="off" style="width: 218px;"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" :label-width="formLabelWidth">
|
||||
<el-date-picker v-model="form.cutOffTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancelDialog">取 消</el-button>
|
||||
<el-button type="primary" @click="submit">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 分页 -->
|
||||
<el-pagination align="right" @current-change="handleCurrentChange"
|
||||
:current-page.sync="this.currentPage" :page-size="this.pageSize" layout="prev, pager, next, jumper"
|
||||
:total="pageNum">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
//引用api
|
||||
import request from '@/utils/request';
|
||||
|
||||
export default {
|
||||
name: 'archives-info',
|
||||
data() {
|
||||
return {
|
||||
//当前页
|
||||
currentPage: 0,
|
||||
//每页数量
|
||||
pageSize: 5,
|
||||
//总页数
|
||||
pageNum: 100,
|
||||
selectIds: [], // 被选的的ids
|
||||
searchData: '',
|
||||
dialogType: '', // 对话框类型，区分新增还是编辑
|
||||
dialogTitle: '',
|
||||
value1: '',
|
||||
value2: '',
|
||||
currentPage3: 0,
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() > Date.now()
|
||||
}
|
||||
},
|
||||
dialogFormVisible: false,
|
||||
formLabelWidth: '120px',
|
||||
form: {
|
||||
id: '',
|
||||
userId: '',
|
||||
created: '',
|
||||
borrCount: '',
|
||||
cutOffTime: ''
|
||||
},
|
||||
// 档案信息表
|
||||
table1Data: [],
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
//创建时调用的函数
|
||||
created() {
|
||||
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
//获取档单信息列表
|
||||
//默认第0页，每页5条数据
|
||||
getList: function (page, size) {
|
||||
|
||||
request.get('/api/archive/list', {
|
||||
params: {
|
||||
page: page,
|
||||
size: size
|
||||
}
|
||||
}
|
||||
).then(res => {
|
||||
//获取表格数据
|
||||
var data = res.data.data.records;
|
||||
//渲染表格数据
|
||||
this.table1Data = data;
|
||||
//获取总页数
|
||||
this.pageNum = res.data.data.total;
|
||||
console.log(res);
|
||||
console.log("总页数", this.pageNum);
|
||||
|
||||
}).catch(error => {
|
||||
console.log("api请求失败", error);
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
// 新增
|
||||
add() {
|
||||
this.from = {};
|
||||
this.dialogType = 'add';
|
||||
// 打开对话框
|
||||
this.dialogTitle = '新增';
|
||||
this.dialogFormVisible = true;
|
||||
|
||||
}
|
||||
,
|
||||
// 编辑
|
||||
edit(data) {
|
||||
this.dialogType = 'edit'
|
||||
// 打开对话框
|
||||
this.dialogTitle = '编辑'
|
||||
this.dialogFormVisible = true
|
||||
//console.log('edit', data)
|
||||
// 渲染数据到编辑表单里
|
||||
this.form.id = data.id;
|
||||
this.form.userId = data.userId;
|
||||
this.form.username = data.username;
|
||||
this.form.borrCount = data.borrCount;
|
||||
this.form.created = data.created;
|
||||
this.form.cutOffTime = data.cutOffTime;
|
||||
}
|
||||
,
|
||||
// 提交数据
|
||||
submit() {
|
||||
//新增
|
||||
if (this.dialogType == 'add') {
|
||||
|
||||
//获取表格信息
|
||||
var form = this.form;
|
||||
console.log("新增", form);
|
||||
|
||||
request.post('/api/archive/insert', form).then(res => {
|
||||
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '新增成功!',
|
||||
center: true
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '新增失败!',
|
||||
center: true
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}).catch(error => {
|
||||
console.log("请求api错误" + "/api/archives/insert", error);
|
||||
});
|
||||
|
||||
// 关闭对话框
|
||||
this.dialogFormVisible = false;
|
||||
|
||||
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
|
||||
//清空表格
|
||||
this.form = {};
|
||||
|
||||
}
|
||||
//编辑
|
||||
if (this.dialogType == 'edit') {
|
||||
var form = this.form;
|
||||
console.log(this.form);
|
||||
request.post('/api/archive/update', form).then(res => {
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '修改成功!',
|
||||
center: true
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '修改失败!',
|
||||
center: true
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
console.log("res=", res)
|
||||
}).catch(error => {
|
||||
console.log("请求api错误" + "/api/archives/update");
|
||||
});
|
||||
|
||||
// 发送修改请求
|
||||
console.log('发送修改请求')
|
||||
// 关闭对话框
|
||||
this.dialogFormVisible = false;
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
//清空form
|
||||
this.form = {};
|
||||
}
|
||||
}
|
||||
,
|
||||
// 搜索
|
||||
search() {
|
||||
var data = this.searchData;
|
||||
console.log('searchData', data);
|
||||
|
||||
request.get("/api/archive/search", {
|
||||
params: {
|
||||
page: 0,
|
||||
size: this.pageSize,
|
||||
searchValue: data
|
||||
}
|
||||
}).then(res => {
|
||||
|
||||
//获取表格数据
|
||||
var data = res.data.data.records;
|
||||
//渲染表格数据
|
||||
this.table1Data = data;
|
||||
//获取总页数
|
||||
this.pageNum = res.data.data.total;
|
||||
|
||||
}).catch(error => {
|
||||
console.log(error);
|
||||
})
|
||||
|
||||
}
|
||||
,
|
||||
// 删除
|
||||
del(data) {
|
||||
|
||||
//构建删除对象
|
||||
var deleteData = {
|
||||
id: '',
|
||||
userId: '',
|
||||
username: '',
|
||||
borrCount: '',
|
||||
created: '',
|
||||
cutOffTime: '',
|
||||
};
|
||||
|
||||
deleteData.id = data.id;
|
||||
deleteData.userId = data.userId;
|
||||
deleteData.username = data.username;
|
||||
deleteData.borrCount = data.borrCount;
|
||||
deleteData.created = data.created;
|
||||
deleteData.cutOffTime = data.cutOffTime;
|
||||
|
||||
console.log('删除行的数据', deleteData);
|
||||
|
||||
this.$confirm('是否确定删除该数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
|
||||
request.post('/api/archive/delete', deleteData).then(res => {
|
||||
|
||||
console.log("删除", res);
|
||||
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '删除成功!',
|
||||
center: true
|
||||
});
|
||||
}
|
||||
else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '删除失败!',
|
||||
center: true
|
||||
});
|
||||
}
|
||||
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
|
||||
|
||||
}).catch(error => {
|
||||
console.log("api请求失败", error);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消删除',
|
||||
center: true
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
,
|
||||
// 获取多选框的数据
|
||||
getRows(rows) {
|
||||
this.selectIds = [];
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
this.selectIds.push(rows[i].id);
|
||||
}
|
||||
// console.log("ids",this.selectIds);
|
||||
},
|
||||
|
||||
// 批量删除
|
||||
batchDelete() {
|
||||
// 获取被选的多选框的值
|
||||
var ids = this.selectIds;
|
||||
var idsObj = {ids: []};
|
||||
idsObj.ids = ids;
|
||||
if (ids.length <= 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: '请至少选择一点数据删除',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
return;
|
||||
}
|
||||
console.log('需要删除的ids', idsObj);
|
||||
|
||||
request.post('/api/archive/deleteBatch', idsObj).then(res => {
|
||||
console.log("批量删除", res);
|
||||
|
||||
if (res.data.status == 0) {
|
||||
this.$message({
|
||||
message: '批量删除成功!',
|
||||
type: 'success',
|
||||
center: true
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: '批量删除失败!',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
|
||||
}).catch(error => {
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
,
|
||||
//获取当前页数
|
||||
handleCurrentChange(page) {
|
||||
|
||||
this.getList(page, this.pageSize);
|
||||
//设置当前页数
|
||||
this.currentPage = page;
|
||||
|
||||
},
|
||||
|
||||
//
|
||||
cancelDialog() {
|
||||
this.dialogFormVisible = false;
|
||||
this.form = {};
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
186
src/components/archives_submit.vue
Normal file
186
src/components/archives_submit.vue
Normal file
@ -0,0 +1,186 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 表格 -->
|
||||
<el-table :data="table1Data" style="width: 100%" @selection-change="getRows">
|
||||
<el-table-column type="selection" width="55">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="id" label="档案ID" width="100">
|
||||
</el-table-column>
|
||||
<el-table-column prop="stuId" label="学号" width="150">
|
||||
</el-table-column>
|
||||
<el-table-column prop="archiveName" label="档案名称" width="150">
|
||||
</el-table-column>
|
||||
<el-table-column label="档案图片" width="190">
|
||||
<template slot-scope="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.img"
|
||||
:fit="fit"></el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="position" label="存放位置" width="130">
|
||||
</el-table-column>
|
||||
<el-table-column label="档案入库时间" width="190">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span style="margin-left: 10px">{{ scope.row.inTime }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="operatorId" label="操作人员">
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success" size="small" v-if="scope.row.auditStatusCode =='4'">已入库</el-tag>
|
||||
<el-tag type="danger" size="small" v-if="scope.row.auditStatusCode =='5'">已被驳回</el-tag>
|
||||
<el-tag type="info" size="small" v-if="scope.row.auditStatusCode =='6'">已出库</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="info" icon="el-icon-upload2"
|
||||
v-if="scope.row.auditStatusCode!='4'" disabled>出库
|
||||
</el-button>
|
||||
<el-button size="mini" type="info" icon="el-icon-upload2" @click="outStock(scope.row)"
|
||||
v-if="scope.row.auditStatusCode=='4'">出库
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="right" label="">
|
||||
<template slot-scope="scope">
|
||||
<el-popconfirm
|
||||
confirmButtonText='确定'
|
||||
cancelButtonText='取消'
|
||||
icon="el-icon-info"
|
||||
iconColor="red"
|
||||
title="是否确定删除该数据吗？"
|
||||
@onConfirm="delet(scope.row)"
|
||||
>
|
||||
<el-button slot="reference" size="mini" type="danger">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 分页 -->
|
||||
<el-pagination align="right" @current-change="handleCurrentChange"
|
||||
:current-page.sync="this.currentPage" :page-size="this.pageSize" layout="prev, pager, next, jumper"
|
||||
:total="pageNum">
|
||||
</el-pagination>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import request from '@/utils/request';
|
||||
|
||||
export default {
|
||||
name: 'archiver-submit',
|
||||
data() {
|
||||
return {
|
||||
//当前页
|
||||
currentPage: 0,
|
||||
//每页数量
|
||||
pageSize: 3,
|
||||
//总页数
|
||||
pageNum: 100,
|
||||
//表格数据
|
||||
table1Data: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
},
|
||||
methods: {
|
||||
//获取档单信息列表
|
||||
//默认第0页，每页5条数据
|
||||
getList: function (page, size) {
|
||||
|
||||
request.get('/api//physical/archives/list', {
|
||||
params: {
|
||||
page: page,
|
||||
size: size
|
||||
}
|
||||
}
|
||||
).then(res => {
|
||||
//获取表格数据
|
||||
var data = res.data.data.records;
|
||||
//渲染表格数据
|
||||
this.table1Data = data;
|
||||
//获取总页数
|
||||
this.pageNum = res.data.data.total;
|
||||
console.log(res);
|
||||
console.log("总页数", this.pageNum);
|
||||
|
||||
}).catch(error => {
|
||||
console.log("api请求失败", error);
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
//获取当前页数
|
||||
handleCurrentChange(page) {
|
||||
|
||||
this.getList(page, this.pageSize);
|
||||
//设置当前页数
|
||||
this.currentPage = page;
|
||||
|
||||
},
|
||||
//删除
|
||||
delet(data) {
|
||||
console.log("删除", data);
|
||||
request.post("/api/physical/archives/delete", data).then(res => {
|
||||
if (res.data.msg == "success") {
|
||||
this.$message({
|
||||
message: '删除成功!',
|
||||
type: 'success',
|
||||
center: true
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: '删除失败!',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
}).catch(error => {
|
||||
|
||||
});
|
||||
//重新渲染数据
|
||||
this.getList(this.currentPage, this.pageSize);
|
||||
},
|
||||
//出库
|
||||
outStock(data) {
|
||||
var id = data.id;
|
||||
console.log("id",id);
|
||||
request.get("/api/physical/archives/outStock",{
|
||||
params:{
|
||||
id
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.data.msg == "success") {
|
||||
this.$message({
|
||||
message: '出库成功!',
|
||||
type: 'success',
|
||||
center: true
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: '出库失败!',
|
||||
type: 'warning',
|
||||
center: true
|
||||
})
|
||||
}
|
||||
this.getList(this.currentPage,this.pageSize);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
57
src/components/archives_title.vue
Normal file
57
src/components/archives_title.vue
Normal file
@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table :data="tableData" stripe style="width: 100%">
|
||||
<el-table-column prop="title" label="标题" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column prop="number" label="数量" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column prop="updateTime" label="最新更新时间" width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination align="right" @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page.sync="currentPage3" :page-size="8" layout="prev, pager, next, jumper" :total="1000">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'archives-title',
|
||||
data () {
|
||||
return {
|
||||
currentPage3: 5,
|
||||
tableData: [
|
||||
{
|
||||
title: '管理类',
|
||||
number: '15',
|
||||
updateTime: '2017-12-4'
|
||||
},
|
||||
{
|
||||
title: '社会类',
|
||||
number: '13',
|
||||
updateTime: '2017-12-4'
|
||||
},
|
||||
{
|
||||
title: '文学类',
|
||||
number: '15',
|
||||
updateTime: '2017-12-4'
|
||||
}
|
||||
]
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 分页
|
||||
handleSizeChange (val) {
|
||||
console.log(`每页 ${val} 条`)
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
console.log(`当前页: ${val}`)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
140
src/components/borrow_allow.vue
Normal file
140
src/components/borrow_allow.vue
Normal file
@ -0,0 +1,140 @@
|
||||
<template>
|
||||
<div>
|
||||
<!--表格-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
height="370">
|
||||
<el-table-column prop="stuId" label="学号" >
|
||||
</el-table-column>
|
||||
<el-table-column prop="archiveName" label="档案名称">
|
||||
</el-table-column>
|
||||
<el-table-column prop="position" label="存放位置" >
|
||||
</el-table-column>
|
||||
<el-table-column prop="archiveDesc" label="档案说明" >
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="openDesc(scope.row.archiveDesc)">{{subStr(scope.row.archiveDesc,10)}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="success" @click="commit(scope.row)">申请借阅</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
<el-dialog
|
||||
title="体检结果说明"
|
||||
@close="closeDesc"
|
||||
:visible.sync="showDesc">
|
||||
<span>{{desc}}</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../utils/request'
|
||||
|
||||
export default {
|
||||
name: 'borrow_allow',
|
||||
data(){
|
||||
return {
|
||||
showMutipleImg:false,
|
||||
imgUrls:[], //多图显示的src
|
||||
tableData: [{
|
||||
stuId:45451
|
||||
}],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDesc:false,
|
||||
desc:'暂无描述'
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods:{
|
||||
closeDesc(){
|
||||
this.showDesc=false;
|
||||
this.desc="暂无描述";
|
||||
},
|
||||
openDesc(desc){
|
||||
this.showDesc=true;
|
||||
this.desc=desc;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
},
|
||||
//打开多图显示
|
||||
//urls:以分号分割的图片链接
|
||||
openMutipleImg(urls){
|
||||
this.showMutipleImg=true;
|
||||
if(urls){
|
||||
var array=urls.split(';');
|
||||
for(var i=0;i<array.length;i++){
|
||||
array[i]=array[i].replace(/^\s+|\s+$/g,"");
|
||||
if(array[i].length>0){
|
||||
this.imgUrls.push(array[i]);
|
||||
this.detail.img+=";"+array[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
closeMutipleImg(){
|
||||
this.showMutipleImg=false;
|
||||
this.imgUrls=[];
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/physical/archives/borrow/list",{
|
||||
params:{
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
138
src/components/borrow_my.vue
Normal file
138
src/components/borrow_my.vue
Normal file
@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<div>
|
||||
<!--表格-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
height="370">
|
||||
<el-table-column prop="stuId" label="被借阅学生学号" >
|
||||
</el-table-column>
|
||||
<el-table-column prop="archiveName" label="档案名称">
|
||||
</el-table-column>
|
||||
<el-table-column prop="borrTime" label="借阅开始时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="borrStatus" label="借阅状态">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.borrStatus===1" style="color: #E6A23C">借阅中</span>
|
||||
<span v-if="scope.row.borrStatus===0" style="color:#67C23A">已归还</span>
|
||||
<span v-if="scope.row.borrStatus===-1" style="color: #F56C6C">超时未归还</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="160">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-if="scope.row.borrStatus===1" size="mini" type="success" @click="commit(scope.row)">申请归还</el-button>
|
||||
<el-button v-if="scope.row.borrStatus===-1" size="mini" type="danger" @click="commit(scope.row)">立即归还</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../utils/request'
|
||||
|
||||
export default {
|
||||
name: 'borrow_my',
|
||||
data(){
|
||||
return {
|
||||
showMutipleImg:false,
|
||||
imgUrls:[], //多图显示的src
|
||||
tableData: [{
|
||||
stuId:45451
|
||||
}],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDesc:false,
|
||||
desc:'暂无描述'
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods:{
|
||||
closeDesc(){
|
||||
this.showDesc=false;
|
||||
this.desc="暂无描述";
|
||||
},
|
||||
openDesc(desc){
|
||||
this.showDesc=true;
|
||||
this.desc=desc;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
},
|
||||
//打开多图显示
|
||||
//urls:以分号分割的图片链接
|
||||
openMutipleImg(urls){
|
||||
this.showMutipleImg=true;
|
||||
if(urls){
|
||||
var array=urls.split(';');
|
||||
for(var i=0;i<array.length;i++){
|
||||
array[i]=array[i].replace(/^\s+|\s+$/g,"");
|
||||
if(array[i].length>0){
|
||||
this.imgUrls.push(array[i]);
|
||||
this.detail.img+=";"+array[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
closeMutipleImg(){
|
||||
this.showMutipleImg=false;
|
||||
this.imgUrls=[];
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
var uid=this.$store.state.user.id;
|
||||
if(!uid) return;
|
||||
this.tableLoading=true;
|
||||
request.get("/api/physical/archives/record/getOne",{
|
||||
params:{
|
||||
usernameId:uid
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.length;
|
||||
this.tableData=res.data.data;
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
268
src/components/framework.vue
Normal file
268
src/components/framework.vue
Normal file
@ -0,0 +1,268 @@
|
||||
<template>
|
||||
<div id="framework">
|
||||
<!-- 侧边栏 -->
|
||||
<div id="sidebar">
|
||||
<div id="logo" @click="toIndex">
|
||||
<!-- logo -->
|
||||
<el-avatar v-show="isCollapse" shape="square" :size="48" src="https://cn.vuejs.org/images/logo.png"></el-avatar>
|
||||
<span v-show="!isCollapse">档案管理系统</span>
|
||||
</div>
|
||||
<el-menu class="el-menu-vertical-demo" @select="handleSelect" :collapse="isCollapse" :collapse-transition="true"
|
||||
background-color="#20222a" text-color="#bdbdc0">
|
||||
<el-menu-item index="/firstPage">
|
||||
<i class="el-icon-s-home"></i>
|
||||
<span slot="title">首页</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:stu_info')" index="/basic">
|
||||
<i class="el-icon-user"></i>
|
||||
<span slot="title">基本信息</span>
|
||||
</el-menu-item>
|
||||
<el-submenu v-if="$shiro.hasPermission(this,'menu:course_project')" index="2">
|
||||
<template slot="title">
|
||||
<i class="el-icon-s-grid"></i>
|
||||
<span slot="title">课程学业信息</span>
|
||||
</template>
|
||||
<el-menu-item index="/courseMes">
|
||||
<i class="el-icon-tickets"></i>
|
||||
<span slot="title">课业成绩</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/scienceMes">
|
||||
<i class="el-icon-tickets"></i>
|
||||
<span slot="title">科研项目</span>
|
||||
</el-menu-item>
|
||||
</el-submenu>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:activity')" index="/activity">
|
||||
<i class="el-icon-s-flag"></i>
|
||||
<span slot="title">活动/竞赛信息</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:medical')" index="/medical">
|
||||
<i class="el-icon-scissors"></i>
|
||||
<span slot="title">健康体检信息</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:weijiMes')" index="/weijiMes">
|
||||
<i class="el-icon-info"></i>
|
||||
<span slot="title">违纪信息</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:grow_infro')" index="/grow_infro">
|
||||
<i class="el-icon-star-on"></i>
|
||||
<span slot="title">就业与发展信息</span>
|
||||
</el-menu-item>
|
||||
<el-submenu v-if="$shiro.hasPermission(this,'menu:archives')" index="10">
|
||||
<template slot="title">
|
||||
<i class="el-icon-s-management"></i>
|
||||
<span slot="title">档案管理</span>
|
||||
</template>
|
||||
<el-submenu v-if="$shiro.hasPermission(this,'menu:archives')" index="11">
|
||||
<template slot="title">
|
||||
<i class="el-icon-s-finance"></i>
|
||||
<span slot="title">档案分析</span>
|
||||
</template>
|
||||
<el-menu-item index="/forecast">
|
||||
<i class="el-icon-s-marketing"></i>
|
||||
<span slot="title">就业趋势预测</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/analyze">
|
||||
<i class="el-icon-s-marketing"></i>
|
||||
<span slot="title">指标分析</span>
|
||||
</el-menu-item>
|
||||
</el-submenu>
|
||||
<el-menu-item index="/archives-manager">
|
||||
<i class="el-icon-s-management"></i>
|
||||
<span slot="title">档案借阅管理</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/archives">
|
||||
<i class="el-icon-s-finance"></i>
|
||||
<span slot="title">档案管理</span>
|
||||
</el-menu-item>
|
||||
</el-submenu>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:archives_borrow')" index="/borrow">
|
||||
<i class="el-icon-s-finance"></i>
|
||||
<span slot="title">档案借阅</span>
|
||||
</el-menu-item>
|
||||
<el-submenu v-if="$shiro.hasPermission(this,'menu:system_manager')" index="8">
|
||||
<template slot="title">
|
||||
<i class="el-icon-location"></i>
|
||||
<span slot="title">系统管理</span>
|
||||
</template>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:user_manager')" index="/userManager">
|
||||
<i class="el-icon-document"></i>
|
||||
<span slot="title">用户管理</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:role_manager')" index="/roleManager">
|
||||
<i class="el-icon-document"></i>
|
||||
<span slot="title">角色管理</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item v-if="$shiro.hasPermission(this,'menu:permission_manager')" index="/permission">
|
||||
<i class="el-icon-document"></i>
|
||||
<span slot="title">权限管理</span>
|
||||
</el-menu-item>
|
||||
<!-- <el-menu-item v-if="$shiro.hasPermission(this,'menu:setting')" index="/setting">-->
|
||||
<!-- <i class="el-icon-document"></i>-->
|
||||
<!-- <span slot="title">系统设置</span>-->
|
||||
<!-- </el-menu-item>-->
|
||||
</el-submenu>
|
||||
</el-menu>
|
||||
</div>
|
||||
<div id="right">
|
||||
<!-- 顶部栏 -->
|
||||
<div id="topbar">
|
||||
<el-menu default-active="2-1" class="el-menu-demo" mode="horizontal" @select="handleSelect" menu-trigger="hover">
|
||||
<el-menu-item index="1" @click="handleCollapse">
|
||||
<span v-show="isCollapse" class="el-icon-s-unfold"></span>
|
||||
<span v-show="!isCollapse" class="el-icon-s-fold"></span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="2"><span class="el-icon-school"></span>学校官网</el-menu-item>
|
||||
<el-menu-item index="3"><span class="el-icon-document-copy"></span>图书馆</el-menu-item>
|
||||
<div style="float: right;width:100px;height:60px;">
|
||||
<el-submenu index="4">
|
||||
<template slot="title">
|
||||
<el-avatar shape="square" :size="32" :src="avatar"></el-avatar>
|
||||
</template>
|
||||
<el-menu-item index="4-1"><span class="el-icon-user-solid"></span>基本信息</el-menu-item>
|
||||
<el-menu-item index="4-2"><span class="el-icon-key"></span>
|
||||
用户信息
|
||||
</el-menu-item>
|
||||
<el-divider></el-divider>
|
||||
<el-menu-item index="/logout"><span class="el-icon-back"></span>
|
||||
退出
|
||||
</el-menu-item>
|
||||
</el-submenu>
|
||||
</div>
|
||||
</el-menu>
|
||||
</div>
|
||||
<div id="mainOut">
|
||||
<!-- 主要内容区 -->
|
||||
<div id="main" class="panel">
|
||||
<slot></slot>
|
||||
<el-backtop target="#mainOut">
|
||||
<span class="backTop el-icon-caret-top"></span>
|
||||
</el-backtop>
|
||||
</div>
|
||||
<!--页脚-->
|
||||
<div id="footer" class="panel"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'framework',
|
||||
data () {
|
||||
return {
|
||||
isCollapse: true
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
computed:{
|
||||
avatar(){
|
||||
try {
|
||||
if(this.$store.state.user){
|
||||
return this.$store.state.user.avatar;
|
||||
}
|
||||
}catch (e) {
|
||||
}
|
||||
return "http://localhost:8080/images/logo.png";
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleCollapse () {
|
||||
// 切换显示与展示
|
||||
this.isCollapse = !this.isCollapse
|
||||
},
|
||||
handleSelect (key, keyPath) {
|
||||
var path = keyPath[keyPath.length - 1]
|
||||
// 退出登录
|
||||
if (path === '/logout') {
|
||||
this.$store.commit('setUser', null)
|
||||
this.$router.push('/login')
|
||||
} else {
|
||||
// 跳转到指定页面
|
||||
this.$router.push(path)
|
||||
}
|
||||
},
|
||||
toIndex () {
|
||||
this.$router.push('/')
|
||||
}
|
||||
|
||||
},
|
||||
mounted () {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.el-avatar {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
#framework {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
||||
#sidebar {
|
||||
height: 100%;
|
||||
background: #20222a;
|
||||
overflow: auto;
|
||||
|
||||
#logo {
|
||||
color: #bdbdc0;
|
||||
height: 60px;
|
||||
|
||||
.el-menu {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
span {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
display: block;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#right {
|
||||
flex: 1;
|
||||
background: #f2f2f2;
|
||||
overflow: hidden;
|
||||
|
||||
#topbar {
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#mainOut {
|
||||
height: calc(~"100% - 80px");
|
||||
;
|
||||
padding: 10px;
|
||||
padding-bottom: 0px;
|
||||
overflow-y: auto;
|
||||
|
||||
.panel {
|
||||
background: white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#main {
|
||||
|
||||
// height: 1500px;
|
||||
.backTop {
|
||||
font-size: 32px;
|
||||
color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
41
src/main.js
Normal file
41
src/main.js
Normal file
@ -0,0 +1,41 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
import ElementUI from 'element-ui'
|
||||
import 'element-ui/lib/theme-chalk/index.css'
|
||||
import inject from './plugins/inject'
|
||||
|
||||
// 导入完整的element-ui
|
||||
Vue.use(ElementUI)
|
||||
//挂载到vue上
|
||||
Vue.use(inject)
|
||||
|
||||
Vue.config.productionTip = true
|
||||
window.vue=new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => h(App)
|
||||
}).$mount('#app')
|
||||
|
||||
// 全局路由守卫
|
||||
router.beforeEach((to, form, next) => {
|
||||
// 如果进入到的路由是登录页或者注册页面，则正常展示
|
||||
if(router.app.$store.state.user||to.path=='/login'){
|
||||
if (to.path == '/login') {
|
||||
// 如果是登录页面就把框架去掉
|
||||
router.app.$store.commit('showFramework', false)
|
||||
} else {
|
||||
router.app.$store.commit('showFramework', true)
|
||||
}
|
||||
//直接放行
|
||||
next()
|
||||
}else{
|
||||
router.app.$store.commit('showFramework', false)
|
||||
//跳转到登录页面
|
||||
console.log(to)
|
||||
next({
|
||||
path:"/login"
|
||||
})
|
||||
}
|
||||
})
|
||||
42
src/plugins/dict.js
Normal file
42
src/plugins/dict.js
Normal file
@ -0,0 +1,42 @@
|
||||
import request from "@/utils/request"
|
||||
|
||||
export default {
|
||||
initDict(vue,callback){
|
||||
//请求角色数据
|
||||
request.get("/api/dict/all").then(res=>{
|
||||
vue.$store.state.dicts=res.data.data;
|
||||
if(callback) callback();
|
||||
});
|
||||
},
|
||||
getValue(vue,key,code){
|
||||
if(code){
|
||||
let dicts=null;
|
||||
try {
|
||||
dicts=vue.$store.state.dicts
|
||||
}catch (e) {
|
||||
//使用表格的scope访问时
|
||||
dicts=vue._self.$store.state.dicts;
|
||||
}
|
||||
if(dicts){
|
||||
for(var i=0;i<dicts.length;i++){
|
||||
if(dicts[i].dictKey==key&&dicts[i].dictCode==code){
|
||||
return dicts[i].dictValue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return "--";
|
||||
},
|
||||
getDicts(vue,key){
|
||||
let dicts=vue.$store.state.dicts;
|
||||
var array=[];
|
||||
if(dicts){
|
||||
for(var i=0;i<dicts.length;i++){
|
||||
if(dicts[i].dictKey==key){
|
||||
array.push(dicts[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
return array;
|
||||
}
|
||||
}
|
||||
13
src/plugins/inject.js
Normal file
13
src/plugins/inject.js
Normal file
@ -0,0 +1,13 @@
|
||||
/*注入的js*/
|
||||
/*把这些都挂载到vue实例下*/
|
||||
import shiro from "./shiro"
|
||||
import dict from './dict'
|
||||
import echarts from "echarts"
|
||||
|
||||
export default {
|
||||
install: (Vue, options) => {
|
||||
Vue.prototype.$shiro = shiro
|
||||
Vue.prototype.$dict = dict
|
||||
Vue.prototype.$echarts = echarts
|
||||
}
|
||||
}
|
||||
57
src/plugins/shiro.js
Normal file
57
src/plugins/shiro.js
Normal file
@ -0,0 +1,57 @@
|
||||
/*模拟shiro的一个js*/
|
||||
import request from "@/utils/request"
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
initShiro(vue,callback){
|
||||
if(!vue.$store.state.user.id){
|
||||
return Notification({
|
||||
type:"error",
|
||||
message:'用户ID不存在'
|
||||
});
|
||||
}
|
||||
//请求角色数据
|
||||
request.get("/api/role/vo/getByUid",{
|
||||
params:{
|
||||
uid:vue.$store.state.user.id
|
||||
}
|
||||
}).then(res=>{
|
||||
console.log("刷新shiro",res);
|
||||
var roles=res.data.data;
|
||||
//角色数据
|
||||
let roleMap={};
|
||||
let permMap={};
|
||||
for(var i=0;i<roles.length;i++){
|
||||
roleMap[roles[i].roleMark]='role';
|
||||
//权限数据
|
||||
var prmissions=roles[i].permissions;
|
||||
if(prmissions){
|
||||
for(var j=0;j<prmissions.length;j++){
|
||||
permMap[prmissions[j].perms]=j;
|
||||
}
|
||||
}
|
||||
}
|
||||
vue.$store.state.roleMap=roleMap;
|
||||
vue.$store.state.permMap=permMap;
|
||||
if(callback) callback();
|
||||
});
|
||||
},
|
||||
hasPermission(vue,permission){
|
||||
let permMap=vue.$store.state.permMap;
|
||||
// console.log("拥有的权限：",permMap);
|
||||
if(permMap){
|
||||
return permission in permMap;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
},
|
||||
hasRole(vue,role){
|
||||
let roleMap=vue.$store.state.roleMap;
|
||||
// console.log("拥有的角色：",roleMap);
|
||||
if(roleMap){
|
||||
return role in roleMap;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
110
src/router/index.js
Normal file
110
src/router/index.js
Normal file
@ -0,0 +1,110 @@
|
||||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/firstPage',
|
||||
name: 'firstPage',
|
||||
component: () => import('@/views/firstPage.vue')
|
||||
},
|
||||
{
|
||||
path: '/analyze',
|
||||
name: 'analyze',
|
||||
component: () => import('@/views/analyze.vue')
|
||||
},
|
||||
{
|
||||
path: '/forecast',
|
||||
name: 'forecast',
|
||||
component: () => import('@/views/forecast.vue')
|
||||
},
|
||||
{
|
||||
path: '/permission',
|
||||
name: 'permission',
|
||||
component: () => import('@/views/system/permission.vue')
|
||||
},
|
||||
{
|
||||
path: '/borrow',
|
||||
name: 'borrow',
|
||||
component: () => import('@/views/borrow.vue')
|
||||
},
|
||||
{
|
||||
path: '/',
|
||||
name: 'login',
|
||||
component: () => import('@/views/login/login.vue')
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
name: 'login',
|
||||
component: () => import('@/views/login/login.vue')
|
||||
},
|
||||
{
|
||||
path: '/index',
|
||||
name: 'index',
|
||||
component: () => import('@/views/studentMes/basic.vue')
|
||||
},
|
||||
{
|
||||
path: '/userManager',
|
||||
name: 'userManager',
|
||||
component: () => import('@/views/system/userManager.vue')
|
||||
},
|
||||
{
|
||||
path: '/roleManager',
|
||||
name: 'roleManager',
|
||||
component: () => import('@/views/system/roleManager.vue')
|
||||
},,
|
||||
{
|
||||
path: '/basic',
|
||||
name: 'basic',
|
||||
component: () => import('@/views/studentMes/basic.vue')
|
||||
},
|
||||
{
|
||||
path: '/courseMes',
|
||||
name: 'courseMes',
|
||||
component: () => import('@/views/studentMes/courseMes.vue')
|
||||
},
|
||||
{
|
||||
path: '/scienceMes',
|
||||
name: 'scienceMes',
|
||||
component: () => import('@/views/studentMes/scienceMes.vue')
|
||||
},
|
||||
{
|
||||
path: '/activity',
|
||||
name: 'activity',
|
||||
component: () => import('@/views/studentMes/activity.vue')
|
||||
},
|
||||
{
|
||||
path: '/medical',
|
||||
name: 'medical',
|
||||
component: () => import('@/views/studentMes/medical.vue')
|
||||
},
|
||||
{
|
||||
path: '/weijiMes',
|
||||
name: 'weijiMes',
|
||||
component: () => import('@/views/studentMes/weijiMes.vue')
|
||||
},
|
||||
{
|
||||
path: '/grow_infro',
|
||||
name: 'grow_infro',
|
||||
component: () => import('@/views/studentMes/grow_infro.vue')
|
||||
}, {
|
||||
path: '/archives',
|
||||
name: 'archives',
|
||||
component: () => import('@/views/archives-manager.vue')
|
||||
},
|
||||
{
|
||||
path: '/archives-manager',
|
||||
name: 'archives-manager',
|
||||
component: () => import('@/views/archives-borrow.vue')
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
const router = new VueRouter({
|
||||
mode: 'hash',//只有hash模式才能保证地址栏输入时会走路由守卫
|
||||
base: process.env.BASE_URL,
|
||||
routes
|
||||
})
|
||||
|
||||
export default router
|
||||
69
src/store/index.js
Normal file
69
src/store/index.js
Normal file
@ -0,0 +1,69 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
export default new Vuex.Store({
|
||||
state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')):{
|
||||
cache: {},
|
||||
showFramework: false, // 是否需要显示框架
|
||||
user: null
|
||||
},
|
||||
mutations: {
|
||||
// 把一个数据添加到缓存中
|
||||
// expirationTime:数据到期时间
|
||||
appendToCache (state, params) {
|
||||
if (params.timeout) {
|
||||
this.state.cache[params.key] = {
|
||||
data: params.data,
|
||||
expirationTime: new Date().getTime() + params.timeout
|
||||
}
|
||||
} else {
|
||||
this.state.cache[params.key] = { data: params.data }
|
||||
}
|
||||
},
|
||||
// 从缓存中删除一个数据
|
||||
removeFromCache (state, key) {
|
||||
delete this.state.cache.key
|
||||
},
|
||||
showFramework (state, isShow) {
|
||||
this.state.showFramework = isShow
|
||||
},
|
||||
setUser (state, user) {
|
||||
state.user = user
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
appendToCache (context, params) {
|
||||
context.commit('appendToCache', params)
|
||||
}
|
||||
},
|
||||
modules: {
|
||||
},
|
||||
getters: {
|
||||
hasPermission(state,permission){
|
||||
console.log("权限:",permission,state);
|
||||
},
|
||||
getUserInfo (state) {
|
||||
return state.user
|
||||
},
|
||||
// 获取缓存中的一个数据
|
||||
getCacheData: (state) => (key) => {
|
||||
var needRequest = true
|
||||
var data = null
|
||||
// 判断是否含有这个键
|
||||
if (state.cache.hasOwnProperty(key)) {
|
||||
var value = state.cache[key]
|
||||
// 判断是否需要重新请求
|
||||
if (value.hasOwnProperty('expirationTime')) {
|
||||
needRequest = new Date().getTime() > value.expirationTime
|
||||
} else {
|
||||
needRequest = false
|
||||
}
|
||||
data = value.data
|
||||
}
|
||||
// needRequest用来记录是否需要重新发起请求来获取
|
||||
return { data, needRequest }
|
||||
}
|
||||
}
|
||||
})
|
||||
107
src/utils/request.js
Normal file
107
src/utils/request.js
Normal file
@ -0,0 +1,107 @@
|
||||
/*
|
||||
封装所有的ajax请求
|
||||
形成同一个错误响应,
|
||||
同时实现统一的缓存效果
|
||||
*/
|
||||
import axios from 'axios'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
/**
|
||||
* 暴露出去的接口
|
||||
*/
|
||||
export default { ajax, get, post }
|
||||
|
||||
/**
|
||||
* 发起请求,返回数据
|
||||
* 这里不能使用缓存
|
||||
* @param {Object} params
|
||||
*/
|
||||
function json (params) {
|
||||
return axios(params)
|
||||
.then(res=>{
|
||||
if(res.data.status==-1){
|
||||
Notification({
|
||||
type: 'error',
|
||||
message: res.data.msg
|
||||
})
|
||||
}
|
||||
return res;
|
||||
})
|
||||
.catch(err => {
|
||||
Notification({
|
||||
type: 'error',
|
||||
message: '数据请求异常'
|
||||
})
|
||||
// 返回到下一级,便于之后的catch获取这个err
|
||||
return err
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 利用vuex使用缓存
|
||||
* @param {Object} params
|
||||
* @param {Object} store
|
||||
*/
|
||||
function ajax (params) {
|
||||
// 如果不需要使用缓存就直接返回一个异步请求对象
|
||||
if (!params.hasOwnProperty('cache') || !params.cache) {
|
||||
return json(params)
|
||||
.then(res => {
|
||||
res.useCache = false
|
||||
return res
|
||||
})
|
||||
}
|
||||
// 使用缓存
|
||||
// 从缓存里面拿到这个键对应的值
|
||||
/* cacheRes:{
|
||||
data:data //缓存的数据
|
||||
needRequest:true//需不需要发送请求
|
||||
}
|
||||
*/
|
||||
var store = params.cache.store
|
||||
var cacheRes = store.getters.getCacheData(params.cache.key)
|
||||
// 判断需不需要去发起请求
|
||||
if (cacheRes.needRequest == true) {
|
||||
return json(params)
|
||||
.then(res => {
|
||||
store.dispatch('appendToCache', { data: res, ...params.cache })
|
||||
res.useCache = false
|
||||
return res
|
||||
})
|
||||
} else {
|
||||
// 使用promise便于返回一个统一的链式调用接口
|
||||
return new Promise(function (resolve, reject) {
|
||||
resolve({ ...cacheRes.data, useCache: true })
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 封装好的get
|
||||
* @param {Object} url
|
||||
* @param {Object} data
|
||||
* @param {Object} cache
|
||||
*/
|
||||
function get (url, data, cache) {
|
||||
return ajax({
|
||||
url,
|
||||
params:(data ? data.params:{}),
|
||||
cache,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 封装好的post
|
||||
* @param {Object} url
|
||||
* @param {Object} data
|
||||
* @param {Object} cache
|
||||
*/
|
||||
function post (url, data, cache) {
|
||||
return ajax({
|
||||
url,
|
||||
data,
|
||||
cache,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
288
src/views/analyze.vue
Normal file
288
src/views/analyze.vue
Normal file
@ -0,0 +1,288 @@
|
||||
<template>
|
||||
<div>
|
||||
<!--上方筛选条件-->
|
||||
<div class="select">
|
||||
<el-select v-model="value1" multiple placeholder="请选择年级">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="value2"
|
||||
multiple
|
||||
collapse-tags
|
||||
style="margin-left: 20px;"
|
||||
placeholder="请选择专业">
|
||||
<el-option
|
||||
v-for="item in options1"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="value3"
|
||||
multiple
|
||||
collapse-tags
|
||||
style="margin-left: 20px;"
|
||||
placeholder="请选择班级">
|
||||
<el-option
|
||||
v-for="item in options2"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="value4"
|
||||
multiple
|
||||
collapse-tags
|
||||
style="margin-left: 20px;"
|
||||
placeholder="请选择课程">
|
||||
<el-option
|
||||
v-for="item in options3"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="value5"
|
||||
multiple
|
||||
collapse-tags
|
||||
style="margin-left: 20px;"
|
||||
placeholder="请选择分析方法">
|
||||
<el-option
|
||||
v-for="item in options4"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-button type="primary" round @click="query">查询</el-button>
|
||||
</div>
|
||||
<div class="ranks">
|
||||
<!--左边饼状图,分布图-->
|
||||
<div class="pie">
|
||||
<div id="distribution" :style="{width: '500px', height: '400px'}"></div>
|
||||
<div style="padding-bottom: 30px;margin-left: 30px;">
|
||||
<el-input placeholder="请输入分数段名称" v-model="input" clearable>
|
||||
<!-- <template slot="prepend">Http://</template>-->
|
||||
<el-button slot="append" icon="el-icon-search" @click="search">搜索</el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<!--右边排行榜-->
|
||||
<div class="rank-table">
|
||||
<h3>排名</h3>
|
||||
<el-table
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="grade"
|
||||
label="成绩"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rank"
|
||||
label="排名"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "analyze",
|
||||
data() {
|
||||
return {
|
||||
input:'',
|
||||
options: [{
|
||||
value: '2020级',
|
||||
label: '2020级'
|
||||
}, {
|
||||
value: '2019级',
|
||||
label: '2019级'
|
||||
}, {
|
||||
value: '2018级',
|
||||
label: '2018级'
|
||||
}, {
|
||||
value: '2017级',
|
||||
label: '2017级'
|
||||
}],
|
||||
options1: [{
|
||||
value: '物联网',
|
||||
label: '物联网'
|
||||
}, {
|
||||
value: '机械设计制造及自动化',
|
||||
label: '机械设计制造及自动化'
|
||||
}, {
|
||||
value: '计算机科学与技术',
|
||||
label: '计算机科学与技术'
|
||||
}, {
|
||||
value: '电商',
|
||||
label: '电商'
|
||||
}],
|
||||
options2: [{
|
||||
value: '1班',
|
||||
label: '1班'
|
||||
}, {
|
||||
value: '2班',
|
||||
label: '2班'
|
||||
}, {
|
||||
value: '3班',
|
||||
label: '3班'
|
||||
}, {
|
||||
value: '4班',
|
||||
label: '4班'
|
||||
}],
|
||||
options3: [{
|
||||
value: 'JAVA语言程序设计',
|
||||
label: 'JAVA语言程序设计'
|
||||
}, {
|
||||
value: 'C++语言程序设计',
|
||||
label: 'C++语言程序设计'
|
||||
}, {
|
||||
value: '高等数学A1',
|
||||
label: '高等数学A1'
|
||||
}, {
|
||||
value: '大学物理',
|
||||
label: '大学物理'
|
||||
}],
|
||||
options4: [{
|
||||
value: '总分',
|
||||
label: '总分'
|
||||
}, {
|
||||
value: '平均分',
|
||||
label: '平均分'
|
||||
}],
|
||||
value1: [],
|
||||
value2: [],
|
||||
value3:[],
|
||||
value4:[],
|
||||
value5:[],
|
||||
tableData: [{
|
||||
grade: 99,
|
||||
name: '王小虎',
|
||||
rank: 1
|
||||
}, {
|
||||
grade: 89,
|
||||
name: '李四',
|
||||
rank: 2
|
||||
}, {
|
||||
grade: 85,
|
||||
name: '王五',
|
||||
rank: 3
|
||||
}, {
|
||||
grade: 80,
|
||||
name: 'xxx',
|
||||
rank: 4
|
||||
}]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.drawLine();
|
||||
},
|
||||
methods:{
|
||||
//查询按钮
|
||||
query(){
|
||||
console.log(this.value1,this.value2,this.value3,this.value4,this.value5)
|
||||
},
|
||||
//搜索按钮，
|
||||
search(){
|
||||
console.log(this.input);
|
||||
},
|
||||
//画饼状图
|
||||
drawLine(){
|
||||
var self = this;
|
||||
var detail = this.$echarts.init(document.getElementById('distribution'));
|
||||
var option = {
|
||||
title: {
|
||||
text: '各分数段所占比',
|
||||
//调整文字位置
|
||||
top:0,
|
||||
left:60,
|
||||
textStyle: {
|
||||
color:'#777'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
},
|
||||
formatter: function (params) {
|
||||
//console.log(params)
|
||||
let firstParams = params;
|
||||
return firstParams.name + ':' + firstParams.data.value +' %';
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
right: 'right',
|
||||
top:'40px'
|
||||
},
|
||||
series : [
|
||||
{
|
||||
name: '',
|
||||
type: 'pie', // 设置图表类型为饼图
|
||||
radius: '55%', // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
|
||||
data:[ // 数据数组，name 为数据项名称，value 为数据项值
|
||||
{value:20, name:'0-60'},
|
||||
{value:30, name:'60-80'},
|
||||
{value:40, name:'80-90'},
|
||||
{value:10, name:'90-100'},
|
||||
],
|
||||
color: ['#73b9bc','#759aa0','#e69d87','#8dc1a9','#ea7e53','#eedd78','#73a373','#7289ab', '#91ca8c','#f49f42'],
|
||||
}
|
||||
]
|
||||
}
|
||||
detail.setOption(option);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.select{
|
||||
padding-top: 30px;
|
||||
padding-left: 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.ranks{
|
||||
padding-top: 60px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.rank-table{
|
||||
position: relative;
|
||||
}
|
||||
.rank-table .el-table{
|
||||
margin-top: 35px;
|
||||
}
|
||||
.rank-table h3{
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: #777;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -140px;
|
||||
}
|
||||
</style>
|
||||
31
src/views/archives-borrow.vue
Normal file
31
src/views/archives-borrow.vue
Normal file
@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-date"></i>档案借阅记录</span>
|
||||
<archives-borrow-info></archives-borrow-info>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-date"></i>档案借阅状态</span>
|
||||
<archive-borrow-status></archive-borrow-status>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ArchivesBorrowInfo from '@/components/archives_borrow_info'
|
||||
import ArchiveBorrowStatus from '@/components/archive_borrow_status'
|
||||
export default {
|
||||
components: {
|
||||
ArchivesBorrowInfo,
|
||||
ArchiveBorrowStatus
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
52
src/views/archives-manager.vue
Normal file
52
src/views/archives-manager.vue
Normal file
@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 选项卡 -->
|
||||
<el-tabs type="border-card">
|
||||
<!-- 档案信息表 -->
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-date"></i>档案信息</span>
|
||||
<archives-info></archives-info>
|
||||
</el-tab-pane>
|
||||
<!-- 档案审核 -->
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-date"></i>档案审核</span>
|
||||
<archives-check></archives-check>
|
||||
</el-tab-pane>
|
||||
<!--归档建目-->
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-date"></i> 归档建目</span>
|
||||
<archives-title></archives-title>
|
||||
</el-tab-pane>
|
||||
<!--提交入库-->
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-date"></i> 提交入库</span>
|
||||
<archives-submit></archives-submit>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import archivesInfo from '@/components/archives_info'
|
||||
import archivesCheck from '@/components/archives_check'
|
||||
import archivesTitle from '@/components/archives_title'
|
||||
import archivesSubmit from '@/components/archives_submit'
|
||||
export default {
|
||||
components: { archivesInfo, archivesCheck, archivesTitle, archivesSubmit },
|
||||
data () {
|
||||
I
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
33
src/views/borrow.vue
Normal file
33
src/views/borrow.vue
Normal file
@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<!-- 档案借阅-->
|
||||
<div style="padding:20px;">
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="可借阅档案" name="可借阅档案">
|
||||
<BorrowAllow></BorrowAllow>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="我的借阅记录" name="我的借阅记录">
|
||||
<BorrowMy></BorrowMy>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BorrowAllow from '@/components/borrow_allow'
|
||||
import BorrowMy from '../components/borrow_my'
|
||||
export default {
|
||||
name: 'borrow',
|
||||
components:{
|
||||
BorrowAllow,BorrowMy
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
activeName:"可借阅档案"
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
171
src/views/firstPage.vue
Normal file
171
src/views/firstPage.vue
Normal file
@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="user-mes" :style="{width: '100%', height: '110px'}">
|
||||
<!--用户信息-->
|
||||
<div style="background: #7fdbda;width: 31%;height: 100%">
|
||||
<i class="el-icon-user-solid"></i>
|
||||
<span>总用户数量：300</span>
|
||||
</div>
|
||||
<div style="background: #848ccf;width: 31%;height: 100%">
|
||||
<i class="el-icon-s-custom"></i>
|
||||
<span>学生数：{{this.student}}</span>
|
||||
</div>
|
||||
<div style="background: #F56C6C;width: 31%;height: 100%">
|
||||
<i class="el-icon-s-check"></i>
|
||||
<span>教职工数：66</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="charts">
|
||||
<!--档案借阅记录信息-->
|
||||
<div id="file-borrow" :style="{width: '600px', height: '400px'}"></div>
|
||||
<!--档案信息-->
|
||||
<div id="stu-files" :style="{width: '600px', height: '400px'}"></div>
|
||||
<!--就业信息-->
|
||||
<div id="stu-jobs" :style="{width: '600px', height: '400px'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "firstPage",
|
||||
data(){
|
||||
return {
|
||||
student:234,
|
||||
list:[30.3, 20.5, 56.8, 60.9, 90, 80]
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.drawLine();
|
||||
},
|
||||
methods: {
|
||||
drawLine(){
|
||||
var self = this;
|
||||
// 基于准备好的dom，初始化echarts实例,档案信息
|
||||
let files = this.$echarts.init(document.getElementById('stu-files'))
|
||||
// 绘制图表
|
||||
files.setOption({
|
||||
title: {
|
||||
text: '档案数据详情',
|
||||
textStyle: {
|
||||
color:'#777'
|
||||
}
|
||||
},
|
||||
tooltip: {},
|
||||
xAxis: {
|
||||
data: ["分类1","分类2","分类3","分类4","分类5"]
|
||||
},
|
||||
yAxis: {},
|
||||
series: [{
|
||||
name: '数量',
|
||||
type: 'bar',
|
||||
data: [5, 20, 36, 10, 78]
|
||||
}]
|
||||
});
|
||||
//就业信息
|
||||
let jobs = this.$echarts.init(document.getElementById('stu-jobs'));
|
||||
jobs.setOption({
|
||||
title: {
|
||||
text: '就业信息详情',
|
||||
textStyle: {
|
||||
color:'#777'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
},
|
||||
formatter: function (params) {
|
||||
//console.log(params[0]); // 当我们想要自定义提示框内容时，可以先将鼠标悬浮的数据打印出来，然后根据需求提取出来即可
|
||||
let firstParams = params[0];
|
||||
return '专业名称：'+firstParams.name + '<br>' + firstParams.seriesName + '：' + firstParams.data +' %';
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
data: ["专业1","专业2","专业3","专业4","专业5","专业6"]
|
||||
},
|
||||
yAxis: {},
|
||||
series: [{
|
||||
name: '就业率',
|
||||
type: 'bar',
|
||||
data: this.list
|
||||
}]
|
||||
});
|
||||
//档案借阅记录信息
|
||||
let counts = this.$echarts.init(document.getElementById('file-borrow'));
|
||||
counts.setOption({
|
||||
title: {
|
||||
text: '档案借阅记录',
|
||||
textStyle: {
|
||||
color:'#777'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999'
|
||||
}
|
||||
},
|
||||
formatter: function (params) {
|
||||
//console.log(params)
|
||||
let firstParams = params;
|
||||
return firstParams.name + ':' + firstParams.data.value +' %';
|
||||
}
|
||||
},
|
||||
series : [
|
||||
{
|
||||
name: '',
|
||||
type: 'pie', // 设置图表类型为饼图
|
||||
radius: '55%', // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
|
||||
data:[ // 数据数组，name 为数据项名称，value 为数据项值
|
||||
{value:67.2, name:'入库记录'},
|
||||
{value:56.8, name:'借阅'},
|
||||
{value:10.4, name:'超时借阅'},
|
||||
],
|
||||
color: ['#73b9bc','#759aa0','#e69d87','#8dc1a9','#ea7e53','#eedd78','#73a373','#7289ab', '#91ca8c','#f49f42'],
|
||||
}
|
||||
]
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/*图表*/
|
||||
.charts{
|
||||
padding-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
/*顶层div*/
|
||||
.user-mes{
|
||||
padding-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
/*用户数的单个div*/
|
||||
.user-mes div{
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.user-mes span{
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
}
|
||||
/*图标大小*/
|
||||
.el-icon-s-check,.el-icon-user-solid,.el-icon-s-custom{
|
||||
font-size: 40px;
|
||||
margin-right: 15px;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
173
src/views/forecast.vue
Normal file
173
src/views/forecast.vue
Normal file
@ -0,0 +1,173 @@
|
||||
<template>
|
||||
<!-- 就业预测-->
|
||||
<div style="padding:20px;height: 480px;">
|
||||
<el-transfer
|
||||
style="text-align: left; display: inline-block"
|
||||
v-model="checked"
|
||||
filterable
|
||||
:titles="['毕业生就业公司', '预计算列表']"
|
||||
:button-texts="['移出', '加入']"
|
||||
:format="{
|
||||
noChecked: '${total}',
|
||||
hasChecked: '${checked}/${total}'
|
||||
}"
|
||||
@change="handleChange"
|
||||
:data="company">
|
||||
<span slot-scope="{ option }">{{ option.key }} - {{ option.label }}</span>
|
||||
<el-button v-loading="computeLoading" @click="computeData" type="success" :disabled="checked.length==0" class="transfer-footer" slot="right-footer" size="small">开始计算</el-button>
|
||||
</el-transfer>
|
||||
<div v-loading="computeLoading" style="float: right;width: 45%;">
|
||||
<span>成就-入职率(学生记录数据量少时结果不具备参考价值)</span>
|
||||
<el-divider></el-divider>
|
||||
<div style="max-height: 420px;overflow-y: auto">
|
||||
<h4 v-if="result.length==0" align="center">暂无结果</h4>
|
||||
<p v-for="item in result" :key="JSON.stringify(item)" style="margin-bottom: 15px;">
|
||||
<el-card shadow="hover" class="box-card">
|
||||
<h4 align="right">入职率: <span class="ratio">{{stayTwoNum(item.ratio)}}</span></h4>
|
||||
<el-divider></el-divider>
|
||||
<span v-for="archive in item.achievements" :key="archive" class="tags">
|
||||
<el-tag :type="randomTagType()">{{archive}}</el-tag>
|
||||
</span>
|
||||
</el-card>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'forecast',
|
||||
data(){
|
||||
return {
|
||||
computeLoading:false,
|
||||
checked: [1],
|
||||
archives:[
|
||||
{
|
||||
id:1,
|
||||
value:'JAVA'
|
||||
},
|
||||
{
|
||||
id:2,
|
||||
value:'蓝桥杯'
|
||||
},{
|
||||
id:3,
|
||||
value:'ACM'
|
||||
},{
|
||||
id:4,
|
||||
value:'国家级项目'
|
||||
},{
|
||||
id:5,
|
||||
value:'JAVA'
|
||||
}
|
||||
],
|
||||
company:[
|
||||
{
|
||||
key:1,
|
||||
label:'国家电网',
|
||||
achievements:[1,2]
|
||||
},
|
||||
{
|
||||
key:2,
|
||||
label:'蚂蚁金服',
|
||||
achievements:[2,3]
|
||||
},
|
||||
{
|
||||
key:3,
|
||||
label:'亚信科技',
|
||||
achievements:[2,3,4]
|
||||
},
|
||||
{
|
||||
key:4,
|
||||
label:'阿里巴巴',
|
||||
achievements:[3,5]
|
||||
}
|
||||
],
|
||||
result:[]
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
handleChange(value, direction, movedKeys) {
|
||||
console.log(value, direction, movedKeys);
|
||||
},
|
||||
randomTagType(){
|
||||
var colors=['','success','warning','danger'];
|
||||
console.log(Math.floor(Math.random()*(colors.length+1)));
|
||||
return colors[Math.floor(Math.random()*(colors.length+1))];
|
||||
},
|
||||
//保留两位小数的百分数
|
||||
stayTwoNum(num){
|
||||
num=(num*100).toFixed(2);
|
||||
if(num==100){
|
||||
return "99.99%";
|
||||
}
|
||||
return num+"%";
|
||||
},
|
||||
computeData(){
|
||||
//得到选中的成就ID
|
||||
var data=[];
|
||||
for(var i=0;i<this.company.length;i++){
|
||||
for(var j=0;j<this.checked.length;j++){
|
||||
if(this.company[i].key==this.checked[j]){
|
||||
data.push(this.company[i].achievements);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
//开始请求
|
||||
this.computeLoading=true;
|
||||
request.post("/api/apriori",{
|
||||
minSupport:0.5,
|
||||
data:data
|
||||
}).then(res=>{
|
||||
console.log(res);
|
||||
this.computeLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '计算完成'
|
||||
})
|
||||
this.createData(res.data.data.data,res.data.data.support);
|
||||
}
|
||||
});
|
||||
},
|
||||
createData(data,support){
|
||||
this.result=[];
|
||||
for(var i=0;i<data.length;i++){
|
||||
var names=[];
|
||||
for(var j=0;j<data[i].length;j++){
|
||||
names.push(this.getArchiveName(data[i][j]));
|
||||
}
|
||||
this.result.push({
|
||||
achievements:names,
|
||||
ratio:support[i]
|
||||
});
|
||||
}
|
||||
//排序
|
||||
this.result.sort(function(a,b){
|
||||
return b.ratio-a.ratio;
|
||||
});
|
||||
},
|
||||
getArchiveName(id){
|
||||
for(var i=0;i<this.archives.length;i++){
|
||||
if(id==this.archives[i].id){
|
||||
return this.archives[i].value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tags{
|
||||
margin:5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.ratio{
|
||||
color:#67C23A;
|
||||
}
|
||||
</style>
|
||||
15
src/views/index.vue
Normal file
15
src/views/index.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<div class="home">
|
||||
<img alt="Vue logo" src="../assets/logo.png">
|
||||
<h1>454545445</h1>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
name: 'index',
|
||||
components: {},
|
||||
}
|
||||
</script>
|
||||
214
src/views/login/login.vue
Normal file
214
src/views/login/login.vue
Normal file
@ -0,0 +1,214 @@
|
||||
<template>
|
||||
<div id="login">
|
||||
<!-- 文字部分 -->
|
||||
<div id="font">
|
||||
克勤之致<br>
|
||||
<span class="yellow">结青藤</span>之缘
|
||||
</div>
|
||||
<!-- 图片部分 -->
|
||||
<div id="img">
|
||||
<img src="../../assets/images/lh/login-sc.png">
|
||||
</div>
|
||||
<!-- 下部图片 -->
|
||||
<div id="downImg">
|
||||
<img src="../../assets/images/lh/login-cao.png">
|
||||
</div>
|
||||
<!-- 登录部分 -->
|
||||
<div id="account" v-loading="loginLoading">
|
||||
<h1 class="title">学生档案管理系统</h1>
|
||||
<el-form @submit.native.prevent label-width="80px" ref="ruleForm" :model="ruleForm" :rules="rules">
|
||||
<el-form-item label="账号" prop="account">
|
||||
<el-input autocomplete="on" @keyup.enter.native="submitForm('ruleForm')" placeholder="账号" prefix-icon="el-icon-user" v-model="ruleForm.account">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<el-input autocomplete="on" @keyup.enter.native="submitForm('ruleForm')" placeholder="密码" prefix-icon="el-icon-warning-outline" v-model="ruleForm.password" show-password>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitForm('ruleForm')">登录</el-button>
|
||||
<el-button native-type="reset" @click="resetForm('ruleForm')">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="lookout">
|
||||
<p>注意：</p>
|
||||
<p>1.学生登录请使用学号，初始密码为后6位。请登录之后及时修改。</p>
|
||||
<p>2.其他用户请使用管理员分配的账户进行登录。</p>
|
||||
<p>3.账号问题请联系:12452175@qq.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from "@/utils/request"
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
data () {
|
||||
/* 自定义验证 */
|
||||
var validateAccount = (rule, value, callback) => {
|
||||
var regAccount = /^[a-zA-Z0-9_]{4,15}$/
|
||||
if (value === '') {
|
||||
callback(new Error('账号不能为空!'))
|
||||
} else if (regAccount.test(value) == false) {
|
||||
callback(new Error('只允许5-16位字母数字下划线组合!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
var validatePassword = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('密码不能为空!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
loginLoading:false,
|
||||
ruleForm: {
|
||||
account: '',
|
||||
password: ''
|
||||
},
|
||||
rules: {
|
||||
account: [{
|
||||
validator: validateAccount,
|
||||
trigger: 'blur'
|
||||
}],
|
||||
password: [{
|
||||
validator: validatePassword,
|
||||
trigger: 'blur'
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submitForm (formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
// 开始登录
|
||||
this.loginLoading=true;
|
||||
request.post("/api/auth/login",{
|
||||
username:this.ruleForm.account,
|
||||
password:this.ruleForm.password
|
||||
}).then(res => {
|
||||
this.loginLoading=false;
|
||||
if(res.data.status==-1) return;
|
||||
Notification({
|
||||
type:"success",
|
||||
message:res.data.msg
|
||||
});
|
||||
// 同步添加用户信息
|
||||
this.$store.state.user=res.data.data
|
||||
// this.$store.commit('setUser', res.data.data)
|
||||
//初始化shiro
|
||||
var self=this;
|
||||
this.$shiro.initShiro(this,function(){
|
||||
//请求审核状态信息
|
||||
self.$dict.initDict(self,function(){
|
||||
//跳转到首页
|
||||
self.$router.push('/firstPage')
|
||||
})
|
||||
});
|
||||
});
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
resetForm (formName) {
|
||||
this.$refs[formName].resetFields()
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
/*声明动画*/
|
||||
@keyframes moveImg {
|
||||
0% {
|
||||
top: 0px
|
||||
}
|
||||
|
||||
50% {
|
||||
top: 10px
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 0px
|
||||
}
|
||||
}
|
||||
|
||||
#login {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #10c55c;
|
||||
|
||||
#font {
|
||||
position: relative;
|
||||
width: 500px;
|
||||
left: 160px;
|
||||
top: 170px;
|
||||
font-size: 5rem;
|
||||
color: white;
|
||||
|
||||
.yellow {
|
||||
color: yellow;
|
||||
}
|
||||
}
|
||||
|
||||
#img {
|
||||
position: relative;
|
||||
left: 35%;
|
||||
top: -30%;
|
||||
width: 400px;
|
||||
height: 350px;
|
||||
|
||||
img {
|
||||
animation: moveImg 3s infinite;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 400px;
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
#downImg {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
#account {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 400px;
|
||||
height: 460px;
|
||||
top: 80px;
|
||||
right: 12%;
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 3px 3px 10px 2px #0b9243;
|
||||
padding: 10px;
|
||||
|
||||
.title {
|
||||
color: #777;
|
||||
font-size: 35px;
|
||||
text-align: center;
|
||||
margin: 35px 0px;
|
||||
}
|
||||
|
||||
.lookout {
|
||||
color: #777;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
444
src/views/studentMes/activity.vue
Normal file
444
src/views/studentMes/activity.vue
Normal file
@ -0,0 +1,444 @@
|
||||
<template>
|
||||
<div style="padding: 20px;">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" >
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些用户吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入内容" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<!--显示表格-->
|
||||
<div class="activity">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="stuId"
|
||||
label="学号"
|
||||
width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="linkToStuInfo(scope.row)">{{scope.row.stuId}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="activityName"
|
||||
label="活动/竞赛名称"
|
||||
width="200">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="activityLevel"
|
||||
label="活动/竞赛等级"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="activityType"
|
||||
label="活动/竞赛类型"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="activityTime"
|
||||
label="参与/获得时间"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="img"
|
||||
label="参与/获得证明"
|
||||
width="300"
|
||||
height="300">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="openMutipleImg(scope.row.img)">查看证明</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="auditStatusCode"
|
||||
label="审核状态">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$dict.getValue(scope,'audit_status',scope.row.auditStatusCode)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<!--新增信息弹出框-->
|
||||
<el-dialog @close="closeDetail" title="活动/竞赛信息" :visible.sync="showDetail">
|
||||
<el-form :model="detail">
|
||||
<el-form-item label="学号:" required :label-width="formLabelWidth" >
|
||||
<el-input v-model="detail.stuId" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动/竞赛名称" required :label-width="formLabelWidth">
|
||||
<el-input v-model="detail.activityName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动/竞赛类型" required :label-width="formLabelWidth">
|
||||
<el-select v-model="detail.activityType" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="活动/竞赛等级" required :label-width="formLabelWidth" >
|
||||
<el-select v-model="detail.activityLevel" clearable placeholder="请选择">
|
||||
<el-option label="国际级" value="国际级"></el-option>
|
||||
<el-option label="国家级" value="国家级"></el-option>
|
||||
<el-option label="省部级" value="省部级"></el-option>
|
||||
<el-option label="市、州级" value="市、州级"></el-option>
|
||||
<el-option label="校级" value="校级"></el-option>
|
||||
<el-option label="院级" value="院级"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="参与/获得时间" required :label-width="formLabelWidth">
|
||||
<el-date-picker
|
||||
v-model="detail.activityTime"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width: 207.27px">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参与/获得证明" required :label-width="formLabelWidth" >
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:file-list="imgsList"
|
||||
action="/api/upload/img"
|
||||
:on-success="uploadSuccess"
|
||||
list-type="picture-card"
|
||||
>
|
||||
<i slot="default" class="el-icon-plus"></i>
|
||||
<div slot="file" slot-scope="{file}" id="img">
|
||||
<img
|
||||
class="el-upload-list__item-thumbnail"
|
||||
:src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview"
|
||||
@click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
<span
|
||||
v-if="!disabled"
|
||||
class="el-upload-list__item-delete"
|
||||
@click="handleRemove(file.url)">
|
||||
<i class="el-icon-delete"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
<!-- <el-button type="primary" @click="submit('ruleForm')">提交</el-button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog :visible.sync="dialogVisible">
|
||||
<img width="100%" :src="dialogImageUrl" alt="">
|
||||
</el-dialog>
|
||||
<el-dialog title="证明材料"
|
||||
:visible.sync="showMutipleImg"
|
||||
@close="closeMutipleImg">
|
||||
<span v-if="imgUrls.length==0">未上传证明材料</span>
|
||||
<template v-if="imgUrls.length>0">
|
||||
<el-image v-for="item in imgUrls"
|
||||
style="width: 100px; height: 100px"
|
||||
:src="item"
|
||||
:lazy="true"
|
||||
:preview-src-list="[item]">
|
||||
</el-image>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'activity',
|
||||
data () {
|
||||
return {
|
||||
showMutipleImg:false,
|
||||
imgUrls:[], //多图显示的src
|
||||
imgsList:[],
|
||||
//验证相关
|
||||
ruleForm: {
|
||||
name: '',
|
||||
time: '',
|
||||
type: [],
|
||||
level: '',
|
||||
img: ''
|
||||
},
|
||||
//验证信息
|
||||
rules:{
|
||||
stuId:[
|
||||
{ required: true,message:'请输入学号',trigger:'blur' }
|
||||
]
|
||||
},
|
||||
url: '',
|
||||
dialogImageUrl: '',
|
||||
dialogVisible: false,
|
||||
disabled: false,
|
||||
input: '',
|
||||
options: [{
|
||||
value: '学术竞赛',
|
||||
label: '学术竞赛'
|
||||
}, {
|
||||
value: '体育活动',
|
||||
label: '体育活动'
|
||||
}, {
|
||||
value: '校园活动',
|
||||
label: '校园活动'
|
||||
}, {
|
||||
value: '道德奖励',
|
||||
label: '道德奖励'
|
||||
}],
|
||||
types: '',
|
||||
dialogFormVisible: false,
|
||||
formLabelWidth: '180px',
|
||||
form: {
|
||||
verify_id: '×'
|
||||
},
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDeleteConfirm:false,
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
//打开多图显示
|
||||
//urls:以分号分割的图片链接
|
||||
openMutipleImg(urls){
|
||||
this.showMutipleImg=true;
|
||||
if(urls){
|
||||
var array=urls.split(';');
|
||||
for(var i=0;i<array.length;i++){
|
||||
array[i]=array[i].replace(/^\s+|\s+$/g,"");
|
||||
if(array[i].length>0){
|
||||
this.imgUrls.push(array[i]);
|
||||
this.detail.img+=";"+array[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
closeMutipleImg(){
|
||||
this.showMutipleImg=false;
|
||||
this.imgUrls=[];
|
||||
},
|
||||
uploadSuccess(res){
|
||||
if(!this.detail.img){
|
||||
this.detail.img="";
|
||||
}
|
||||
this.detail.img+=";"+res.data;
|
||||
},
|
||||
handleRemove (url) {
|
||||
//删除预览的图片
|
||||
var newList=[];
|
||||
//重新生成数据里面的
|
||||
this.detail.img="";
|
||||
for(var i=0;i<this.imgsList.length;i++){
|
||||
if(url!=this.imgsList[i].url){
|
||||
newList.push(this.imgsList[i]);
|
||||
this.detail.img+=";"+this.imgsList[i].url;
|
||||
}
|
||||
}
|
||||
this.imgsList=newList;
|
||||
},
|
||||
handlePictureCardPreview (file) {
|
||||
this.dialogImageUrl = file.url
|
||||
this.dialogVisible = true
|
||||
this.url = file.url //将图片路径存入变量
|
||||
},
|
||||
// submit (formName) {
|
||||
// this.form.type = this.types
|
||||
// this.form.img = this.url //将图片路径赋值给form.img
|
||||
// this.$refs[formName].validate((valid)=>{
|
||||
// if (valid){
|
||||
// console.log(this.form);
|
||||
// }else{
|
||||
// console.log('error submit!')
|
||||
// return false;
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/activity/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
this.tableLoading=false;
|
||||
});
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
if(this.detail.id){
|
||||
if(this.detail.img && this.detail.img.length>0){
|
||||
var array=this.detail.img.split(";");
|
||||
for(var i=0;i<array.length;i++){
|
||||
if(array[i].length>0){
|
||||
this.imgsList.push({url:array[i]});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(row){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
this.imgsList=[];
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/activity/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/activity/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/activity/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/activity/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
363
src/views/studentMes/basic.vue
Normal file
363
src/views/studentMes/basic.vue
Normal file
@ -0,0 +1,363 @@
|
||||
<template>
|
||||
<div>
|
||||
<!--tab选项卡-->
|
||||
<el-tabs type="border-card" v-model="activeName">
|
||||
<!--学生总的信息-->
|
||||
<el-tab-pane v-if="$shiro.hasPermission(this,'stuInfoManager')" name="all">
|
||||
<span slot="label"><i class="el-icon-info"></i>学生信息</span>
|
||||
<!-- <basic-all @all="onFn"></basic-all>-->
|
||||
<el-button v-loading="insertLoading" type="primary" size="medium" icon="el-icon-plus" @click="add">新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些数据吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<div style="width:20%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入学号..." v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
<!--表格-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
height="370"
|
||||
@selection-change="selectionChange">
|
||||
<el-table-column type="selection" width="45">
|
||||
</el-table-column>
|
||||
<el-table-column prop="stuId" label="学号" >
|
||||
</el-table-column>
|
||||
<el-table-column prop="address" label="家庭住址" >
|
||||
</el-table-column>
|
||||
<el-table-column prop="political" label="政治面貌">
|
||||
</el-table-column>
|
||||
<el-table-column prop="college" label="学院名称">
|
||||
</el-table-column>
|
||||
<el-table-column prop="prof" label="专业名称">
|
||||
</el-table-column>
|
||||
<el-table-column prop="stuClass" label="行政班级" >
|
||||
</el-table-column>
|
||||
<el-table-column prop="inTime" label="入学年月" >
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span style="margin-left: 10px">{{ scope.row.inTime }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="outTime" label="毕业年月">
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span style="margin-left: 10px">{{ scope.row.outTime }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="academic" label="毕业学历">
|
||||
</el-table-column>
|
||||
<el-table-column prop="degree" label="毕业学位" >
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="infor" icon="el-icon-edit" @click="edit(scope.row)">查看</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</el-tab-pane>
|
||||
<!--学生新增-->
|
||||
<el-tab-pane name="add">
|
||||
<span slot="label"><i class="el-icon-edit-outline"></i>详情</span>
|
||||
<div class="container" style="margin-top: 20px">
|
||||
<div style="padding-top: 20px">
|
||||
<el-form ref="form" :model="form" label-width="100px" class="demo-form-inline" :inline="true">
|
||||
<el-form-item label="学号">
|
||||
<el-input v-model="form.stuId"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="家庭住址">
|
||||
<el-input v-model="form.address"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="政治面貌">
|
||||
<el-input v-model="form.political"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="入学年月">
|
||||
<el-date-picker
|
||||
v-model="form.inTime"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width: 207.27px">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="毕业年月">
|
||||
<el-date-picker
|
||||
v-model="form.outTime"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width: 207.27px">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="学院名称">
|
||||
<el-input v-model="form.college"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="专业名称">
|
||||
<el-input v-model="form.prof"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="行政班级">
|
||||
<el-input v-model="form.stuClass"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="毕业学历">
|
||||
<el-select v-model="form.academic" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="毕业学位">
|
||||
<el-select v-model="form.degree" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options1"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item style="margin-left: 900px">
|
||||
<el-button v-if="form.id" type="primary" @click="updateRow" style="margin-right: 30px">保存</el-button>
|
||||
<el-button v-if="!form.id" type="primary" @click="insertRow" style="margin-right: 30px">新增</el-button>
|
||||
<el-button style="margin-right: 30px" @click="onreset">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
name: 'basic',
|
||||
data () {
|
||||
return {
|
||||
showDeleteConfirm:false,
|
||||
activeName: 'all',
|
||||
selectIds: [], // 被选的的ids
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
form: {},
|
||||
value: '',
|
||||
value1: '',
|
||||
options: [{
|
||||
value: '专科',
|
||||
label: '专科'
|
||||
}, {
|
||||
value: '本科',
|
||||
label: '本科'
|
||||
}, {
|
||||
value: '硕士研究生',
|
||||
label: '硕士研究生'
|
||||
}, {
|
||||
value: '博士研究生',
|
||||
label: '博士研究生'
|
||||
}],
|
||||
options1: [{
|
||||
value: '学士',
|
||||
label: '学士'
|
||||
}, {
|
||||
value: '硕士',
|
||||
label: '硕士'
|
||||
}, {
|
||||
value: '博士',
|
||||
label: '博士'
|
||||
}],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
console.log("坚定",this.$shiro.hasPermission(this,"menu:archives-manage"));
|
||||
//取值
|
||||
var stuId=this.$route.query.stuId;
|
||||
if(stuId){
|
||||
this.loadStuInfo(stuId);
|
||||
}
|
||||
//加载自己的信息
|
||||
this.loadMySelfInfo();
|
||||
this.search()
|
||||
},
|
||||
methods: {
|
||||
loadMySelfInfo(){
|
||||
if(!this.$shiro.hasPermission(this,'stuInfoManager')){
|
||||
var uid=this.$store.state.user.id;
|
||||
if(uid){
|
||||
//只加载自己的信息
|
||||
request.get("/api/stu_info/getByUid",{
|
||||
params:{uid:uid}
|
||||
}).then(res=>{
|
||||
if(res.data.status==0&&res.data.data){
|
||||
this.edit(res.data.data);
|
||||
}
|
||||
});
|
||||
}else{
|
||||
console.log("不加载任何数据");
|
||||
}
|
||||
}
|
||||
},
|
||||
loadStuInfo(stuId){
|
||||
if(this.$shiro.hasPermission(this,'stuInfoManager')){
|
||||
//加载其他人的信息
|
||||
request.get("/api/stu_info/getByStuId",{
|
||||
params:{stuId:stuId}
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.edit(res.data.data);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
//新增
|
||||
add(){
|
||||
this.activeName = 'add';
|
||||
this.form = {};
|
||||
this.value ='';
|
||||
this.value1 = '';
|
||||
},
|
||||
//查看详情
|
||||
edit(mes){
|
||||
this.activeName = 'add';
|
||||
this.form = mes;
|
||||
this.value = mes.academic;
|
||||
this.value1 = mes.degree;
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
//搜索
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/stu_info/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
this.tableLoading=false;
|
||||
});
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/stu_info/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/stu_info/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/stu_info/insert",{...this.form}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/stu_info/update",{...this.form}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
onreset() { // 重置信息，清空已填的所有内容
|
||||
this.form = {}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
310
src/views/studentMes/courseMes.vue
Normal file
310
src/views/studentMes/courseMes.vue
Normal file
@ -0,0 +1,310 @@
|
||||
<template>
|
||||
<div class="course" style="padding:20px;">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" style="padding-bottom: 10px">
|
||||
<el-button type="primary" @click="openCourseDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些用户吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入内容" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="courseGrade">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="stuId"
|
||||
label="学号"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="linkToStuInfo(scope.row)">{{scope.row.stuId}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="courseName"
|
||||
label="课程名称"
|
||||
width="280">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="score"
|
||||
label="课程成绩"
|
||||
width="240">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="lookCourse(scope.row)">
|
||||
{{computeScore(scope.row)}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="courseLevel"
|
||||
label="课程等级"
|
||||
width="240">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.courseLevel=='优'" style="color: #85ce61" >优</span>
|
||||
<span v-if="scope.row.courseLevel=='良'" style="color: #409eff" >良</span>
|
||||
<span v-if="scope.row.courseLevel=='中'" style="color: #e6a23c" >中</span>
|
||||
<span v-if="scope.row.courseLevel=='差'" style="color: #f56c6c" >差</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="courseRank"
|
||||
label="课程排名"
|
||||
width="240">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="auditStatusCode"
|
||||
label="状态"
|
||||
width="240">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$dict.getValue(scope,'audit_status',scope.row.auditStatusCode)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="teacher"
|
||||
label="任课教师"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openCourseDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteCourse(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
<el-dialog title="成绩详情" :visible.sync="showScoreDialog" width="15%" :before-close="closeDialog">
|
||||
平时成绩(<span>{{course.usualRatio*100}}%</span>)：<span style="color: #e6a23c">{{course.usualScore}}</span><br>
|
||||
卷面成绩(<span>{{(1-course.usualRatio)*100}}%</span>)：<span style="color: #85ce61">{{course.score}}</span><br>
|
||||
成绩等级：<span>{{course.courseLevel}}</span>
|
||||
</el-dialog>
|
||||
<!-- 课程详情-->
|
||||
<el-dialog title="成绩信息" :visible.sync="showCourseDetail" width="30%" :before-close="closeDialog">
|
||||
<el-form :model="course">
|
||||
<el-form-item label="学号:" required>
|
||||
<el-input v-model="course.uid" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="课程名称:" required>
|
||||
<el-input v-model="course.courseName" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="卷面成绩:">
|
||||
<el-input type="number" v-model="course.score" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="平时成绩:">
|
||||
<el-input type="number" v-model="course.usualScore" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="平时成绩占比：">
|
||||
<el-input type="number" v-model="course.usualRatio" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="总成绩：">
|
||||
<el-input :disabled="true" type="number" :value="computeScore(course)" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="成绩等级：">
|
||||
<el-select v-model="course.courseLevel" placeholder="请选择">
|
||||
<el-option label="优" value="优"></el-option>
|
||||
<el-option label="良" value="良"></el-option>
|
||||
<el-option label="中" value="中"></el-option>
|
||||
<el-option label="差" value="差"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="排名：">
|
||||
<el-input type="number" v-model="course.courseRank" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="任课老师：" required>
|
||||
<el-input v-model="course.teacher" ></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeCourseDetail">取 消</el-button>
|
||||
<el-button v-if="course.id" type="primary" :loading="updateLoading" @click="updateCourse">保存</el-button>
|
||||
<el-button v-if="!course.id" type="primary" :loading="insertLoading" @click="insertCourse">新增</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
name: 'courseMes',
|
||||
data () {
|
||||
return {
|
||||
labelPosition:"top",
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
searchValue:"",
|
||||
total:0,
|
||||
showDeleteConfirm: false,
|
||||
showScoreDialog:false,
|
||||
course:{},
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
showCourseDetail:false,
|
||||
deleteBatchLoading:false,
|
||||
selectedRows:[]
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
},
|
||||
methods: {
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
//搜索
|
||||
search (page,size) {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/course/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
this.tableLoading=false;
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
},
|
||||
lookCourse(row){
|
||||
this.showScoreDialog=true;
|
||||
this.course=row;
|
||||
},
|
||||
updateCourse(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/course/update",{...this.course}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
this.closeCourseDetail();
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
});
|
||||
},
|
||||
deleteCourse(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/course/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/course/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新数据
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
}
|
||||
});
|
||||
},
|
||||
insertCourse(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/course/insert",{...this.course}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeCourseDetail()
|
||||
//刷新数据
|
||||
this.search(this.currentPage,this.pageSize);
|
||||
}
|
||||
});
|
||||
},
|
||||
openCourseDetail(row){
|
||||
this.showCourseDetail=true;
|
||||
this.course={...row};
|
||||
},
|
||||
closeCourseDetail(){
|
||||
this.showCourseDetail=false;
|
||||
this.course={};
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
//计算成绩
|
||||
computeScore(course){
|
||||
var score=course.score*(1-course.usualRatio)+course.usualScore*course.usualRatio;
|
||||
score=score.toFixed(1);
|
||||
return score;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
300
src/views/studentMes/grow_infro.vue
Normal file
300
src/views/studentMes/grow_infro.vue
Normal file
@ -0,0 +1,300 @@
|
||||
<template>
|
||||
<div>
|
||||
<div style="padding: 20px;">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" >
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些数据吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入学号" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="growMes">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%">
|
||||
<el-table-column type="selection" width="45">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="stuId"
|
||||
label="学号"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="linkToStuInfo(scope.row)">{{scope.row.stuId}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="company"
|
||||
label="就职单位"
|
||||
width="200">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="inTime"
|
||||
label="入职时间"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="salary"
|
||||
label="薪资(元)"
|
||||
width="120">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="auditStatusCode"
|
||||
label="审核状态">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$dict.getValue(scope,'audit_status',scope.row.auditStatusCode)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<!--修改信息对话框-->
|
||||
<div class="edit">
|
||||
<el-dialog @close="closeDetail" title="就业发展信息" :visible.sync="showDetail">
|
||||
<el-form :model="detail">
|
||||
<el-form-item label="学号" :labewidth="formLabelWidth">
|
||||
<el-input v-model="detail.stuId" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="就职单位" :labewidth="formLabelWidth">
|
||||
<el-input v-model="detail.company" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="薪资" :labewidth="formLabelWidth">
|
||||
<el-input type="number" v-model="detail.salary" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="入职时间" :labewidth="formLabelWidth">
|
||||
<el-date-picker
|
||||
v-model="detail.inTime"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width: 207.27px">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="showDetail = false">取 消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'grow_infro',
|
||||
data () {
|
||||
return {
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDeleteConfirm:false,
|
||||
formLabelWidth: '120px',
|
||||
form: {
|
||||
depart:'',
|
||||
desc:'',
|
||||
work_time:''
|
||||
},
|
||||
form1:{},
|
||||
ruleForm:{
|
||||
depart:'',
|
||||
desc:'',
|
||||
work_time:''
|
||||
},
|
||||
rules:{
|
||||
depart:[
|
||||
{required:true,message:'请输入就职单位',trigger:'blur'}
|
||||
],
|
||||
desc:[
|
||||
{required:true,message:'请输入任职情况',trigger:'blur'}
|
||||
],
|
||||
work_time:[
|
||||
{required:true,message:'请输入已工作时间',trigger:'blur'}
|
||||
],
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/employ/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(row){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/employ/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/employ/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/employ/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/employ/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.header{
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header>.el-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
402
src/views/studentMes/medical.vue
Normal file
402
src/views/studentMes/medical.vue
Normal file
@ -0,0 +1,402 @@
|
||||
<template>
|
||||
<div style="padding:20px">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" >
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些数据吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入学号" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="medicalMes">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="stuId"
|
||||
label="学号"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="linkToStuInfo(scope.row)">{{scope.row.stuId}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="medicalTime"
|
||||
label="体检时间" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="unit"
|
||||
label="体检单位" width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="medicalDesc"
|
||||
label="体检结果说明"
|
||||
width="320">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="openDesc(scope.row.medicalDesc)">{{subStr(scope.row.medicalDesc,10)}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="img"
|
||||
label="体检结果图片"
|
||||
width="150"
|
||||
height="300">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="openMutipleImg(scope.row.img)">查看结果</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="auditStatusCode"
|
||||
width="150"
|
||||
label="档案状态">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$dict.getValue(scope,'audit_status',scope.row.auditStatusCode)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<!--新增信息弹出框-->
|
||||
<el-dialog @close="closeDetail" title="体检信息" :visible.sync="showDetail">
|
||||
<el-form :model="detail">
|
||||
<el-form-item label="学号:" required :label-width="formLabelWidth" >
|
||||
<el-input
|
||||
maxlength="20"
|
||||
show-word-limit
|
||||
v-model="detail.stuId" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="体检单位：" required :label-width="formLabelWidth">
|
||||
<el-input v-model="detail.unit" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="体检结果说明：" required :label-width="formLabelWidth">
|
||||
<el-input type="textarea"
|
||||
:rows="6"
|
||||
placeholder="请输入体检结果说明"
|
||||
maxlength="500"
|
||||
show-word-limit
|
||||
v-model="detail.medicalDesc" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="体检时间" required :label-width="formLabelWidth">
|
||||
<el-date-picker
|
||||
v-model="detail.medicalTime"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width: 207.27px">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="参与/获得证明" required :label-width="formLabelWidth" >
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:file-list="imgsList"
|
||||
action="/api/upload/img"
|
||||
:on-success="uploadSuccess"
|
||||
list-type="picture-card"
|
||||
>
|
||||
<i slot="default" class="el-icon-plus"></i>
|
||||
<div slot="file" slot-scope="{file}" id="img">
|
||||
<img
|
||||
class="el-upload-list__item-thumbnail"
|
||||
:src="file.url" alt="">
|
||||
<span class="el-upload-list__item-actions">
|
||||
<span class="el-upload-list__item-preview"
|
||||
@click="handlePictureCardPreview(file)">
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
<span
|
||||
v-if="!disabled"
|
||||
class="el-upload-list__item-delete"
|
||||
@click="handleRemove(file.url)">
|
||||
<i class="el-icon-delete"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
<!-- <el-button type="primary" @click="submit('ruleForm')">提交</el-button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="体检结果说明"
|
||||
@close="closeDesc"
|
||||
:visible.sync="showDesc">
|
||||
<span>{{desc}}</span>
|
||||
</el-dialog>
|
||||
<el-dialog title="证明材料"
|
||||
:visible.sync="showMutipleImg"
|
||||
@close="closeMutipleImg">
|
||||
<span v-if="imgUrls.length==0">未上传体检结果图片</span>
|
||||
<template v-if="imgUrls.length>0">
|
||||
<el-image v-for="item in imgUrls"
|
||||
style="width: 100px; height: 100px"
|
||||
:src="item"
|
||||
:lazy="true"
|
||||
:preview-src-list="[item]">
|
||||
</el-image>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'medical',
|
||||
data () {
|
||||
return {
|
||||
formLabelWidth: '130px',
|
||||
imgsList:[],
|
||||
showMutipleImg:false,
|
||||
imgUrls:[], //多图显示的src
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDeleteConfirm:false,
|
||||
showDesc:false,
|
||||
desc:"",
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
openDesc(desc){
|
||||
this.showDesc=true;
|
||||
this.desc=desc;
|
||||
},
|
||||
closeDesc(){
|
||||
this.showDesc=false;
|
||||
this.desc="暂无描述";
|
||||
},
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
//打开多图显示
|
||||
//urls:以分号分割的图片链接
|
||||
openMutipleImg(urls){
|
||||
this.showMutipleImg=true;
|
||||
if(urls){
|
||||
var array=urls.split(';');
|
||||
for(var i=0;i<array.length;i++){
|
||||
array[i]=array[i].replace(/^\s+|\s+$/g,"");
|
||||
if(array[i].length>0){
|
||||
this.imgUrls.push(array[i]);
|
||||
this.detail.img+=";"+array[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
closeMutipleImg(){
|
||||
this.showMutipleImg=false;
|
||||
this.imgUrls=[];
|
||||
},
|
||||
uploadSuccess(res){
|
||||
if(!this.detail.img){
|
||||
this.detail.img="";
|
||||
}
|
||||
this.detail.img+=";"+res.data;
|
||||
},
|
||||
handleRemove (url) {
|
||||
//删除预览的图片
|
||||
var newList=[];
|
||||
//重新生成数据里面的
|
||||
this.detail.img="";
|
||||
for(var i=0;i<this.imgsList.length;i++){
|
||||
if(url!=this.imgsList[i].url){
|
||||
newList.push(this.imgsList[i]);
|
||||
this.detail.img+=";"+this.imgsList[i].url;
|
||||
}
|
||||
}
|
||||
this.imgsList=newList;
|
||||
},
|
||||
handlePictureCardPreview (file) {
|
||||
this.dialogImageUrl = file.url
|
||||
this.dialogVisible = true
|
||||
this.url = file.url //将图片路径存入变量
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/medical/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
if(this.detail.id){
|
||||
if(this.detail.img && this.detail.img.length>0){
|
||||
var array=this.detail.img.split(";");
|
||||
for(var i=0;i<array.length;i++){
|
||||
if(array[i].length>0){
|
||||
this.imgsList.push({url:array[i]});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(row){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
this.imgsList=[];
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/medical/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/medical/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/medical/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/medical/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
324
src/views/studentMes/scienceMes.vue
Normal file
324
src/views/studentMes/scienceMes.vue
Normal file
@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<div style="padding: 20px">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" >
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些用户吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popover
|
||||
placement="bottom"
|
||||
width="600"
|
||||
offset="10"
|
||||
trigger="click">
|
||||
<el-form :inline="true" :model="searchForm">
|
||||
<el-form-item label="项目名称:" >
|
||||
<el-input v-model="searchForm.proName" placeholder="请填写项目名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目级别:" >
|
||||
<el-select v-model="searchForm.proLevel" placeholder="请选择">
|
||||
<el-option label="国际级" value="国际级"></el-option>
|
||||
<el-option label="国家级" value="国家级"></el-option>
|
||||
<el-option label="省部级" value="省部级"></el-option>
|
||||
<el-option label="市、州级" value="市、州级"></el-option>
|
||||
<el-option label="校级" value="校级"></el-option>
|
||||
<el-option label="院级" value="院级"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目经费:" >
|
||||
<el-input v-model="searchForm.funds" placeholder="请填写项目经费"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目状态:" >
|
||||
<el-select v-model="searchForm.status" placeholder="请选择">
|
||||
<el-option label="已立项" value="已立项"></el-option>
|
||||
<el-option label="完成中" value="完成中"></el-option>
|
||||
<el-option label="已完成" value="已完成"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-button type="primary" @click="search"><i class="el-icon-search"></i>查询</el-button>
|
||||
</el-form>
|
||||
<el-button slot="reference">筛选</el-button>
|
||||
</el-popover>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入内容" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="science">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="stuId"
|
||||
label="学号"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="linkToStuInfo(scope.row)">{{scope.row.stuId}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="proName"
|
||||
label="项目名称"
|
||||
width="140">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="proLevel"
|
||||
label="项目级别"
|
||||
width="140">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="funds"
|
||||
label="项目经费"
|
||||
width="140">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="status"
|
||||
label="项目状态"
|
||||
width="140">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="auditStatusCode"
|
||||
label="审核状态"
|
||||
width="140">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$dict.getValue(scope,'audit_status',scope.row.auditStatusCode)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="descr"
|
||||
label="项目简介">
|
||||
<template slot-scope="scope">
|
||||
<el-popover
|
||||
placement="top-start"
|
||||
title="项目简介"
|
||||
width="400"
|
||||
trigger="hover"
|
||||
:content="scope.row.descr">
|
||||
<span slot="reference">{{subDesc(scope.row.descr)}}</span>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<el-dialog title="科研信息" :visible.sync="showDetail">
|
||||
<el-form :model="detail">
|
||||
<el-form-item label="项目名称" required>
|
||||
<el-input v-model="detail.proName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目级别" required>
|
||||
<el-select v-model="detail.proLevel" placeholder="请选择">
|
||||
<el-option label="国际级" value="国际级"></el-option>
|
||||
<el-option label="国家级" value="国家级"></el-option>
|
||||
<el-option label="省部级" value="省部级"></el-option>
|
||||
<el-option label="市、州级" value="市、州级"></el-option>
|
||||
<el-option label="校级" value="校级"></el-option>
|
||||
<el-option label="院级" value="院级"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目经费" required>
|
||||
<el-input v-model="detail.funds" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目状态" required>
|
||||
<el-select v-model="detail.status" placeholder="请选择">
|
||||
<el-option label="已立项" value="已立项"></el-option>
|
||||
<el-option label="完成中" value="完成中"></el-option>
|
||||
<el-option label="已完成" value="已完成"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目简介" required>
|
||||
<el-input type="textarea" :rows="4" v-model="detail.descr" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeDetail">取 消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
name: 'scienceMes',
|
||||
data () {
|
||||
return {
|
||||
input: '',
|
||||
dialogFormVisible: false,
|
||||
formLabelWidth: '120px',
|
||||
form: {},
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
searchForm:{}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/project/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
this.tableLoading=false;
|
||||
});
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(row){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/project/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/project/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/project/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(row){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/project/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
//提取部分简介
|
||||
subDesc(desc){
|
||||
return desc.substring(1,15)+"......";
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
312
src/views/studentMes/weijiMes.vue
Normal file
312
src/views/studentMes/weijiMes.vue
Normal file
@ -0,0 +1,312 @@
|
||||
<template>
|
||||
<div style="padding: 20px;">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" >
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些数据吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入学号" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weiji">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%" >
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="stuId"
|
||||
label="学号"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-link type="primary" @click="linkToStuInfo(scope.row)">{{scope.row.stuId}}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="disName"
|
||||
label="违纪名称"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="disTime"
|
||||
label="违纪时间"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="disDesc"
|
||||
label="违纪说明"
|
||||
width="300">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="auditStatusCode"
|
||||
label="审核状态">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$dict.getValue(scope,'audit_status',scope.row.auditStatusCode)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
<!--新增对话框-->
|
||||
<el-dialog title="违纪信息" :visible.sync="showDetail">
|
||||
<el-form :model="detail">
|
||||
<el-form-item label="学号" required :label-width="formLabelWidth" >
|
||||
<el-input v-model="detail.stuId" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="违纪名称" required :label-width="formLabelWidth">
|
||||
<el-input v-model="detail.disName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="违纪时间" required :label-width="formLabelWidth" >
|
||||
<el-date-picker
|
||||
v-model="detail.disTime"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width: 207.27px">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="违纪说明" required :label-width="formLabelWidth">
|
||||
<el-input v-model="detail.disDesc" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="showDetail=false">取 消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'weijiMes',
|
||||
data () {
|
||||
return {
|
||||
currentPage3: 1,
|
||||
selectIds:[],//被选的ids
|
||||
searchData:'',//搜索数据
|
||||
dialogFormVisible:false,
|
||||
formLabelWidth: '120px',
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDeleteConfirm:false,
|
||||
form:{},
|
||||
ruleForm:{
|
||||
name:'',
|
||||
time:'',
|
||||
desc:''
|
||||
},
|
||||
rules:{
|
||||
name:[
|
||||
{required:true,message:'请输入违纪名称',trigger:'blur'}
|
||||
],
|
||||
time:[
|
||||
{required:true,message:'请输入违纪时间',trigger:'blur'}
|
||||
],
|
||||
desc:[
|
||||
{required:true,message:'请输入违纪描述',trigger:'blur'}
|
||||
],
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
//提交新增信息
|
||||
submit(formName){
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs[formName].validate((valid)=>{
|
||||
if (valid){
|
||||
alert('提交成功！');
|
||||
this.tableData.push(this.form); //添加数据
|
||||
}else{
|
||||
this.dialogFormVisible = true;
|
||||
console.log('error submit!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
//提交成功后，将form的数据置为空
|
||||
//this.form.name = ''
|
||||
//this.form.time = ''
|
||||
},
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/discipline/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(row){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/discipline/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/discipline/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/discipline/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/discipline/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.header{
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header>.el-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
303
src/views/system/permission.vue
Normal file
303
src/views/system/permission.vue
Normal file
@ -0,0 +1,303 @@
|
||||
<template>
|
||||
<div style="padding: 20px;">
|
||||
<!-- 查询部分-->
|
||||
<div id="query" >
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些数据吗？"
|
||||
@onConfirm="deleteBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入权限名" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="weiji">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
style="width: 100%" >
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
prop="title"
|
||||
label="权限简称"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="perms"
|
||||
label="标识"
|
||||
width="300">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="type"
|
||||
label="权限类型"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="descr"
|
||||
label="权限描述"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个数据吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
<!--新增对话框-->
|
||||
<el-dialog title="权限信息" :visible.sync="showDetail">
|
||||
<el-form :model="detail">
|
||||
<el-form-item label="权限简称" required :label-width="formLabelWidth">
|
||||
<el-input v-model="detail.title" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标识" required :label-width="formLabelWidth">
|
||||
<el-input v-model="detail.perms" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="权限类型" required :label-width="formLabelWidth">
|
||||
<el-select v-model="detail.type" placeholder="请选择">
|
||||
<el-option label="菜单" value="菜单"></el-option>
|
||||
<el-option label="按钮" value="按钮"></el-option>
|
||||
<el-option label="url" value="url"></el-option>
|
||||
<el-option label="图片" value="图片"></el-option>
|
||||
<el-option label="资源" value="资源"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="描述" required :label-width="formLabelWidth" >
|
||||
<el-input type="textarea" :row="4" v-model="detail.descr" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="showDetail=false">取 消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
|
||||
export default {
|
||||
name: 'weijiMes',
|
||||
data () {
|
||||
return {
|
||||
currentPage3: 1,
|
||||
selectIds:[],//被选的ids
|
||||
searchData:'',//搜索数据
|
||||
dialogFormVisible:false,
|
||||
formLabelWidth: '120px',
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDeleteConfirm:false,
|
||||
form:{},
|
||||
ruleForm:{
|
||||
name:'',
|
||||
time:'',
|
||||
desc:''
|
||||
},
|
||||
rules:{
|
||||
name:[
|
||||
{required:true,message:'请输入违纪名称',trigger:'blur'}
|
||||
],
|
||||
time:[
|
||||
{required:true,message:'请输入违纪时间',trigger:'blur'}
|
||||
],
|
||||
desc:[
|
||||
{required:true,message:'请输入违纪描述',trigger:'blur'}
|
||||
],
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
//提交新增信息
|
||||
submit(formName){
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs[formName].validate((valid)=>{
|
||||
if (valid){
|
||||
alert('提交成功！');
|
||||
this.tableData.push(this.form); //添加数据
|
||||
}else{
|
||||
this.dialogFormVisible = true;
|
||||
console.log('error submit!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
//提交成功后，将form的数据置为空
|
||||
//this.form.name = ''
|
||||
//this.form.time = ''
|
||||
},
|
||||
linkToStuInfo(row){
|
||||
this.$router.push({
|
||||
path:'/basic',
|
||||
query:{
|
||||
stuId:row.stuId
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/permission/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(row){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/permission/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/permission/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
request.post("/api/permission/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
request.post("/api/permission/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.header{
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header>.el-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
310
src/views/system/roleManager.vue
Normal file
310
src/views/system/roleManager.vue
Normal file
@ -0,0 +1,310 @@
|
||||
<template>
|
||||
<!-- 角色管理 -->
|
||||
<div id="roleManager" style="padding:10px;">
|
||||
<div style="padding:10px 0px;padding-left: 20px;">
|
||||
<el-button type="primary" @click="openDetail({})" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
</div>
|
||||
<!-- 表格部分 -->
|
||||
<div id="table">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="tableLoading"
|
||||
@selection-change="selectionChange"
|
||||
height="370"
|
||||
border
|
||||
style="width: 100%">
|
||||
<el-table-column fixed prop="roleName" label="角色名">
|
||||
</el-table-column>
|
||||
<el-table-column fixed prop="roleDesc" label="描述">
|
||||
</el-table-column>
|
||||
<el-table-column fixed prop="roleMark" label="标识">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="250">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openDetail(scope.row)" type="primary" size="small">修改</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这个数据吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteRow(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="small">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<!-- 用来添加权限 -->
|
||||
<!-- <el-dialog title="添加权限" :visible.sync="showAppendPerm">-->
|
||||
<!-- <!– 树形控件 –>-->
|
||||
<!-- <el-tree show-checkbox :data="treeData" :props="defaultProps" @check-change="handleNodeCheckChange"></el-tree>-->
|
||||
<!-- <span slot="footer" class="dialog-footer">-->
|
||||
<!-- <el-button @click="dialogVisible = false">取 消</el-button>-->
|
||||
<!-- <el-button type="primary" @click="dialogVisible = false">添加</el-button>-->
|
||||
<!-- </span>-->
|
||||
<!-- </el-dialog>-->
|
||||
<el-dialog
|
||||
title="角色信息"
|
||||
:visible.sync="showDetail"
|
||||
@close="closeDetail"
|
||||
width="35%">
|
||||
<!-- 表单区域-->
|
||||
<el-form :model="detail" class="demo-form-inline">
|
||||
<el-form-item label="角色名" required>
|
||||
<el-input v-model="detail.roleName" placeholder="请输入角色名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标识" required>
|
||||
<el-input v-model="detail.roleMark" placeholder="请输入标识"></el-input>
|
||||
</el-form-item>
|
||||
<el-tree
|
||||
node-key="id"
|
||||
ref="tree"
|
||||
show-checkbox
|
||||
:data="treeData"
|
||||
:props="defaultProps"></el-tree>
|
||||
<el-form-item label="角色描述">
|
||||
<el-input type="textarea" v-model="detail.roleDesc" :rows="4" placeholder="请输入角色描述"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="showCreateRole = false">取消</el-button>
|
||||
<el-button v-if="detail.id" type="primary" :loading="updateLoading" @click="updateRow">保存</el-button>
|
||||
<el-button v-if="!detail.id" type="primary" :loading="insertLoading" @click="insertRow">新增</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
name: 'roleManager',
|
||||
data () {
|
||||
return {
|
||||
showAppendPerm: false,
|
||||
showCreateRole:false,
|
||||
activeName: 1,
|
||||
formRole: null,
|
||||
treeData: [],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
},
|
||||
tableData: [],
|
||||
tableLoading:false,
|
||||
updateLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
selectedRows:[],
|
||||
currentPage:1,
|
||||
pageSize:10,
|
||||
total:0,
|
||||
showDetail:false, //是否显示详情弹框
|
||||
detail:{}, //显示详情的对象
|
||||
showDeleteConfirm:false,
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
//加载所有的权限数据
|
||||
this.requestPermissionData();
|
||||
},
|
||||
methods: {
|
||||
search () {
|
||||
this.tableLoading=true;
|
||||
request.get("/api/role/list",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
//请求权限数据
|
||||
requestPermissionData(){
|
||||
//请求权限的数据，渲染权限树
|
||||
request.get("/api/permission/all").then(res=>{
|
||||
console.log(res);
|
||||
var treeData=[];
|
||||
var data=res.data.data;
|
||||
for(var i=0;i<data.length;i++){
|
||||
var k=-1;//需要添加到的序号，-1表示需要新建
|
||||
for(var j=0;j<treeData.length;j++){
|
||||
if(treeData[j].label==data[i].type){
|
||||
k=j;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if(k==-1){
|
||||
k=treeData.length;
|
||||
treeData[k]={label:data[i].type,children:[]}
|
||||
}
|
||||
treeData[k].children.push({
|
||||
label:data[i].title,
|
||||
data:data[i],
|
||||
id:data[i].id
|
||||
});
|
||||
}
|
||||
this.treeData=treeData;
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
//打开详情弹框
|
||||
openDetail(row){
|
||||
this.showDetail=true;
|
||||
this.detail={...row};
|
||||
//设置权限
|
||||
var permissions=row.permissions;
|
||||
if(permissions){
|
||||
var checkedIds=[];
|
||||
for(var i=0;i<permissions.length;i++){
|
||||
checkedIds.push(permissions[i].id);
|
||||
}
|
||||
var self=this;
|
||||
setTimeout(function(){
|
||||
self.$refs.tree.setCheckedKeys(checkedIds);
|
||||
},200);
|
||||
}
|
||||
},
|
||||
//关闭详情弹框
|
||||
closeDetail(){
|
||||
this.showDetail=false;
|
||||
this.detail={};
|
||||
this.$refs.tree.setCheckedKeys([]);
|
||||
},
|
||||
deleteRow(row){
|
||||
this.tableLoading=true;
|
||||
request.post("/api/role/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
this.tableLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除的数据'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/role/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
insertRow(){
|
||||
this.insertLoading=true;
|
||||
//获取选中的权限
|
||||
var checkedNods=this.$refs.tree.getCheckedNodes();
|
||||
var permissions=[];
|
||||
for(var i=0;i<checkedNods.length;i++){
|
||||
if(checkedNods[i].data){
|
||||
permissions.push(checkedNods[i].data);
|
||||
}
|
||||
}
|
||||
this.detail.permissions=permissions;
|
||||
request.post("/api/role/insert",{...this.detail}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
this.closeDetail()
|
||||
//刷新表格
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
updateRow(){
|
||||
this.updateLoading=true;
|
||||
//获取选中的权限
|
||||
var checkedNods=this.$refs.tree.getCheckedNodes();
|
||||
var permissions=[];
|
||||
for(var i=0;i<checkedNods.length;i++){
|
||||
if(checkedNods[i].data){
|
||||
permissions.push(checkedNods[i].data);
|
||||
}
|
||||
}
|
||||
this.detail.permissions=permissions;
|
||||
request.post("/api/role/update",{...this.detail}).then(res=>{
|
||||
this.updateLoading=false;
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '保存成功'
|
||||
})
|
||||
this.closeDetail();
|
||||
//刷新表格
|
||||
this.search();
|
||||
});
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
subStr(str,num){
|
||||
if(str&&str.length>num){
|
||||
str=str.substring(0,num)+"...";
|
||||
}
|
||||
return str;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#table {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.el-tag {
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
395
src/views/system/userManager.vue
Normal file
395
src/views/system/userManager.vue
Normal file
@ -0,0 +1,395 @@
|
||||
<template>
|
||||
<div id="userManager" >
|
||||
<!-- 多条件查询区域 -->
|
||||
<div id="query">
|
||||
<el-button type="primary" @click="showInsertUser=true" :loading="insertLoading">
|
||||
<i class="el-icon-plus"></i>新增</el-button>
|
||||
<span style="width: 10px;height: 2px;display: inline-block"></span>
|
||||
<el-popconfirm
|
||||
title="确定删除这些用户吗？"
|
||||
@onConfirm="deleteUserBatch">
|
||||
<el-button slot="reference" type="danger" @click="" :loading="deleteBatchLoading">
|
||||
<i class="el-icon-delete"></i>批量删除</el-button>
|
||||
</el-popconfirm>
|
||||
|
||||
<div style="width:30%;float: right">
|
||||
<el-input @keyup.enter.native="search" placeholder="请输入内容" v-model="searchValue" class="input-with-select">
|
||||
<el-button @click="search" slot="append" icon="el-icon-search" :loading="searchLoading"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表格部分 -->
|
||||
<div id="table" >
|
||||
<el-table
|
||||
@selection-change="selectionChange"
|
||||
v-loading="tableLoading"
|
||||
height="370"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width: 100%">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column prop="username" label="用户名"></el-table-column>
|
||||
<el-table-column prop="password" label="密码">
|
||||
<template slot-scope="psw">
|
||||
<span>******</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="roleName" label="角色"></el-table-column>
|
||||
<el-table-column prop="avatar" label="头像" >
|
||||
<template slot-scope="scope">
|
||||
<el-avatar shape="square" :size="30" :src="scope.row.avatar"></el-avatar>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="realName" label="真实姓名" ></el-table-column>
|
||||
<el-table-column prop="nickName" label="昵称" ></el-table-column>
|
||||
<el-table-column prop="mobile" label="电话"></el-table-column>
|
||||
<el-table-column prop="gender" label="性别"></el-table-column>
|
||||
<el-table-column fixed="right" label="操作" width="210">
|
||||
<template slot-scope="scope">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-button @click="detail(scope.row)" type="primary" size="mini">
|
||||
详情</el-button>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button @click="changePassword(scope.row)" type="primary" size="mini">
|
||||
修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-popconfirm
|
||||
title="确定删除这个用户吗？"
|
||||
v-model="showDeleteConfirm"
|
||||
@onConfirm="deleteUser(scope.row)">
|
||||
<el-button slot="reference" type="danger" size="mini">删除</el-button>
|
||||
</el-popconfirm>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页-->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[10,20,50]"
|
||||
:page-size="pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<el-dialog title="修改" :visible.sync="showDialog" width="40%" :before-close="closeDialog">
|
||||
<el-form @submit.native.prevent label-width="80px" v-model="myDetail" >
|
||||
<el-form-item label="密码：" required>
|
||||
<el-input @keyup.enter.native="comfirmDialog" placeholder="新密码" prefix-icon="el-icon-warning-outline"
|
||||
v-model="myDetail.password" show-password>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="角色：" required>
|
||||
<el-select v-model="myDetail.roleId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in roles"
|
||||
:key="item.id"
|
||||
:label="item.roleName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="closeDialog">取 消</el-button>
|
||||
<el-button type="primary" :loading="updateLoading" @click="comfirmDialog">确认修改</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<!-- 详情-->
|
||||
<el-dialog width="65%" title="详情" :visible.sync="showUserDetail">
|
||||
<el-form :inline="true" :model="detailForm">
|
||||
<el-form-item label="用户名:">
|
||||
<el-input v-model="detailForm.username" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码:">
|
||||
<el-input v-model="detailForm.password" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称:">
|
||||
<el-input v-model="detailForm.nickName" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="真实姓名：">
|
||||
<el-input v-model="detailForm.password" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="电话：">
|
||||
<el-input v-model="detailForm.mobile" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="showUserDetail = false">知道了</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 新增-->
|
||||
<el-dialog width="35%" title="新增" :visible.sync="showInsertUser">
|
||||
<el-form :model="insertForm">
|
||||
<el-collapse v-model="activeName" >
|
||||
<el-collapse-item title="必填项" name="必填">
|
||||
<el-form-item label="用户名:" required>
|
||||
<el-input placeholder="请输入用户名" v-model="insertForm.username" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码:" required >
|
||||
<el-input placeholder="请输入密码" type="password" v-model="insertForm.password" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="真名：" required>
|
||||
<el-input placeholder="请输入真实姓名" v-model="insertForm.realName" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="电话：" required>
|
||||
<el-input v-model="insertForm.mobile" ></el-input>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="选填项" name="选填">
|
||||
<el-form-item label="头像:">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="/api/upload/img"
|
||||
:file-list="fileList"
|
||||
:multiple="false"
|
||||
@on-success="uploadSuccess"
|
||||
@on-error="uploadError"
|
||||
ref="upload"
|
||||
name="file"
|
||||
:limit="1"
|
||||
:auto-upload="false"
|
||||
list-type="picture">
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="昵称:">
|
||||
<el-input v-model="insertForm.nickName" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱:">
|
||||
<el-input v-model="insertForm.email" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别:">
|
||||
<el-radio-group v-model="insertForm.gender">
|
||||
<el-radio label="0">女</el-radio>
|
||||
<el-radio label="1">男</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="微信:">
|
||||
<el-input v-model="insertForm.wechat" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="生日:">
|
||||
<el-input v-model="insertForm.birthday" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="showInsertUser = false">取 消</el-button>
|
||||
<el-button type="primary" @click="insertUser" :loading="insertLoading">提 交</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import { Notification } from 'element-ui'
|
||||
export default {
|
||||
name: 'userManager',
|
||||
data () {
|
||||
var validatePassword = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('密码不能为空!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
|
||||
activeName:'必填',
|
||||
showInsertUser:false,
|
||||
insertForm:{},
|
||||
newPassword:"",
|
||||
detailForm:{},
|
||||
showUserDetail:false,
|
||||
total:0,
|
||||
pageSize:10,
|
||||
currentPage:1,
|
||||
fileList: [],
|
||||
queryModel: {
|
||||
account: null
|
||||
},
|
||||
tableData: [],
|
||||
editInfo: {},
|
||||
showDialog: false,
|
||||
selectedRows:[],
|
||||
showDeleteConfirm: false,
|
||||
newPassword: '',
|
||||
rules: {
|
||||
password: [{ validator: validatePassword, trigger: 'blur' }]
|
||||
},
|
||||
updateLoading:false,
|
||||
tableLoading:false,
|
||||
insertLoading:false,
|
||||
deleteBatchLoading:false,
|
||||
searchLoading:false,
|
||||
searchValue:"",
|
||||
roles:[],
|
||||
myDetail:{}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.search();
|
||||
this.requestAllRoles();
|
||||
},
|
||||
methods: {
|
||||
requestAllRoles(){
|
||||
request.get("/api/role/all").then(res=>{
|
||||
this.roles=res.data.data;
|
||||
});
|
||||
},
|
||||
uploadError(err, file, fileList){
|
||||
console.log(err, file, fileList)
|
||||
},
|
||||
uploadSuccess(response, file, fileList){
|
||||
console.log(response, file, fileList)
|
||||
},
|
||||
//搜索
|
||||
search(){
|
||||
this.tableLoading=true;
|
||||
request.get("/api/user/vo/search",{
|
||||
params:{
|
||||
searchValue:this.searchValue,
|
||||
page:this.currentPage,
|
||||
size:this.pageSize
|
||||
}
|
||||
}).then(res=>{
|
||||
this.tableLoading=false;
|
||||
this.total=res.data.data.total;
|
||||
this.tableData=res.data.data.records;
|
||||
});
|
||||
},
|
||||
handleCurrentChange(curPage){
|
||||
this.currentPage=curPage;
|
||||
this.search();
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageSize=size;
|
||||
this.search();
|
||||
},
|
||||
query () {
|
||||
console.log(this.queryModel)
|
||||
},
|
||||
//确认修改
|
||||
comfirmDialog () {
|
||||
this.updateLoading=true;
|
||||
request.post("/api/user/vo/update",this.myDetail).then(res=>{
|
||||
this.updateLoading=false;
|
||||
this.showDialog = false
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '修改成功'
|
||||
});
|
||||
//刷新数据
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
closeDialog () {
|
||||
this.showDialog = false
|
||||
},
|
||||
// 删除用户事件
|
||||
deleteUser (row) {
|
||||
request.post("/api/user/delete",{
|
||||
id:row.id
|
||||
}).then(res=>{
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '删除成功'
|
||||
})
|
||||
//刷新数据
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
//批量删除
|
||||
deleteUserBatch(){
|
||||
var ids=[];
|
||||
for(var i=0;i<this.selectedRows.length;i++){
|
||||
ids.push(this.selectedRows[i].id);
|
||||
}
|
||||
if(ids.length==0){
|
||||
return Notification({
|
||||
type: 'info',
|
||||
message: '请选择需要删除用户'
|
||||
});
|
||||
}
|
||||
this.deleteBatchLoading=true
|
||||
request.post("/api/user/deleteBatch",{ids}).then(res=>{
|
||||
this.deleteBatchLoading=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '批量删除成功'
|
||||
})
|
||||
//刷新数据
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
//新增用户
|
||||
insertUser(){
|
||||
this.insertLoading=true;
|
||||
//上传图片
|
||||
this.$refs.upload.submit();
|
||||
request.post("/api/user/insert",{...this.insertForm}).then(res=>{
|
||||
this.insertLoading=false;
|
||||
this.showInsertUser=false;
|
||||
if(res.data.status==0){
|
||||
Notification({
|
||||
type: 'success',
|
||||
message: '新增成功'
|
||||
})
|
||||
//刷新数据
|
||||
this.search();
|
||||
}
|
||||
});
|
||||
},
|
||||
// 查看详情事件
|
||||
detail (row) {
|
||||
this.showUserDetail=true;
|
||||
this.detailForm=row;
|
||||
},
|
||||
// 改变密码事件
|
||||
changePassword (row) {
|
||||
// 显示dialog
|
||||
this.showDialog = true
|
||||
this.myDetail={...row};
|
||||
},
|
||||
selectionChange(val){
|
||||
this.selectedRows=val;
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
console.log(file, fileList);
|
||||
},
|
||||
handlePreview(file) {
|
||||
console.log(file);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
#userManager {
|
||||
padding: 20px;
|
||||
|
||||
#query {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.name {
|
||||
color: red;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
23
vue.config.js
Normal file
23
vue.config.js
Normal file
@ -0,0 +1,23 @@
|
||||
const proxy = require('http-proxy-middleware');
|
||||
|
||||
module.exports = {
|
||||
lintOnSave: false, // 关闭lint检查
|
||||
// host: '0.0.0.0'
|
||||
// 解决跨域
|
||||
devServer: {
|
||||
host: '127.0.0.1', // can be overwritten by process.env.HOST
|
||||
port: 9080,
|
||||
proxy: {
|
||||
'/api': {//代理器中设置/api,项目中请求路径为/api的替换为target
|
||||
// target: 'http://localhost:8082',
|
||||
target: 'http://192.168.2.105:8082',//代理地址，会代替axios中的baseUrl
|
||||
secure: false, // 使用的是http协议则设置为false，https协议则设置为true
|
||||
changOrigin: true, // 跨域
|
||||
ws: true,
|
||||
pathRewrite: {//重写url
|
||||
'^/api': '/'
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user