DZ/faw-report-library-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整前端代码格式符合ESLint规范

Browse Source
This commit is contained in:
zer0Black
2023-02-28 22:43:03 +08:00
parent f5e5990a3b
commit 77b1ca8f0d
48 changed files with 3199 additions and 3179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.editorconfig
+5
View File
@@ -0,0 +1,5 @@
[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
.eslintrc.js
+17
View File
@@ -0,0 +1,17 @@
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'@vue/standard'
],
parserOptions: {
parser: '@babel/eslint-parser'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
}
}
babel.config.js
+1 -1
View File
@@ -1,5 +1,5 @@
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
]
}
package.json
+10
View File
@@ -5,6 +5,7 @@
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"vueui": "vue ui"
},
"dependencies": {
@@ -33,10 +34,19 @@
"xe-utils": "^3.4.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/eslint-config-standard": "^6.1.0",
"eslint": "^7.32.0",
"eslint-plugin-import": "^2.25.3",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^5.1.0",
"eslint-plugin-vue": "^8.0.3",
"sass": "^1.43.4",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
src/App.vue
+17 -19
View File
@@ -5,35 +5,35 @@
</div>
</template>
<script>
import {loading} from "./utils/request";
import { loading } from './utils/request'
export default {
name: "ReportManager",
data() {
export default {
name: 'ReportManager',
data () {
return {}
},
methods: {
getQueryVariable(r, variable) {
getQueryVariable (r, variable) {
if (r) {
var query = r.split('?');
const query = r.split('?')
if (query && query.length == 2) {
var vars = query[1].split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
const vars = query[1].split('&')
for (let i = 0; i < vars.length; i++) {
const pair = vars[i].split('=')
if (pair[0] == variable) {
return pair[1];
return pair[1]
}
}
}
}
},
closeLoading() {
loading.close();
this.$store.commit('saveIsLoading', false);
closeLoading () {
loading.close()
this.$store.commit('saveIsLoading', false)
}
},
},
created() {
let _that = this
created () {
const _that = this
// var path = window.location.search
// var ticket = this.getQueryVariable(path, 'ticket')
// var loginType = this.getQueryVariable(path, 'loginType')
@@ -63,7 +63,7 @@
// // }
// }
}
}
}
</script>
<style lang="scss">
@@ -118,7 +118,6 @@
height: 24px !important;
}
/* =============================================== 页面加载 =============================================== */
.el-loading-mask.is-fullscreen {
z-index: 8888 !important;
@@ -311,7 +310,6 @@
}
}
/* =============================================== search-tag =============================================== */
.search-tag {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0) !important;
src/api/index.js
+11 -11
View File
@@ -1,4 +1,4 @@
import Vue from "vue";
import Vue from 'vue'
/**
* 多层级的对象合并
@@ -6,14 +6,14 @@ import Vue from "vue";
* @param source 资源(拥有的对象)
* @returns {target} 合并后的对象
*/
function assignObj(target, source) {
function assignObj (target, source) {
if (typeof (target) !== 'object' || typeof (source) !== 'object') {
return source;
return source
}
for (let key in source) {
target[key] = assignObj(target[key], source[key]);
for (const key in source) {
target[key] = assignObj(target[key], source[key])
}
return target;
return target
}
/**
@@ -21,15 +21,15 @@ function assignObj(target, source) {
* @type {{install(): *|{}}} Vue.use默认执行的方法
*/
export default {
install() {
install () {
Vue.prototype.$api = {}
const requireComponents = require.context('./modules', true, /\.js/)
requireComponents.keys().forEach(file => {
const mod = requireComponents(file);
let fileName = file.replace(/\.\/|\.js/g, '');
fileName = fileName.split('/').map(item => item.replace(/\./g, '_')).reverse().reduce((p, c) => ({[c]: p}), mod.default);
const mod = requireComponents(file)
let fileName = file.replace(/\.\/|\.js/g, '')
fileName = fileName.split('/').map(item => item.replace(/\./g, '_')).reverse().reduce((p, c) => ({ [c]: p }), mod.default)
Vue.prototype.$api = assignObj(Vue.prototype.$api, fileName)
})
return Vue.prototype.$api
}
};
}
src/api/modules/login.js
+11 -11
View File
@@ -1,10 +1,10 @@
import {instance as request} from "@/utils/request";
import { instance as request } from '@/utils/request'
export default {
// 登录
login(data) {
login (data) {
return request({
url: `/api/login`,
url: '/api/login',
method: 'post',
data
})
@@ -16,27 +16,27 @@ export default {
// method: 'get'
// })
// },
pageLog(data) {
pageLog (data) {
return request({
url: `/api/log/log/save?accessPage=`+data,
url: '/api/log/log/save?accessPage=' + data,
method: 'get'
})
},
// 获取验证码
verifyCode(data) {
verifyCode (data) {
return request({
url: `/api/verifyCode`,
url: '/api/verifyCode',
method: 'get',
params: data,
responseType: 'arraybuffer'
})
},
// 退出登录
logout(data) {
logout (data) {
return request({
url: `/api/logout`,
url: '/api/logout',
method: 'get',
param: data,
param: data
})
},
}
}
src/api/modules/menu.js
+12 -13
View File
@@ -1,45 +1,44 @@
import {instance as request} from "@/utils/request";
import { instance as request } from '@/utils/request'
export default {
// 查询菜单
sysMenuFindAllMenus(data) {
sysMenuFindAllMenus (data) {
return request({
url: `/api/sys/menu/findAllMenus`,
url: '/api/sys/menu/findAllMenus',
method: 'GET',
params: data
})
},
// 新增
postSysMenu(data) {
postSysMenu (data) {
return request({
url: `/api/sys/menu`,
url: '/api/sys/menu',
method: 'POST',
data
})
},
// 删除
sysMenuDeleteId(data) {
sysMenuDeleteId (data) {
return request({
url: `/api/sys/menu/${data.ids}`,
method: 'DELETE',
method: 'DELETE'
})
},
// 修改
putSysMenu(data) {
putSysMenu (data) {
return request({
url: `/api/sys/menu`,
url: '/api/sys/menu',
method: 'PUT',
data
})
},
// 角色对应的菜单
getSysMenu(data) {
getSysMenu (data) {
return request({
url: `/api/sys/menu`,
url: '/api/sys/menu',
method: 'GET',
params: data
})
},
}
}
src/api/modules/report.js
+37 -37
View File
@@ -1,7 +1,7 @@
import {instance as request} from "@/utils/request";
export function reportUploadPicFile(data){
import { instance as request } from '@/utils/request'
export function reportUploadPicFile (data) {
return request({
url: `/api/report/uploadPicFile`,
url: '/api/report/uploadPicFile',
method: 'POST',
data,
headers: {
@@ -11,49 +11,49 @@ export function reportUploadPicFile(data){
}
export default {
// 日志列表
reportLogList(data){
reportLogList (data) {
return request({
url: `/api/reportLog/list`,
url: '/api/reportLog/list',
method: 'GET',
params: data
})
},
// 标签管理
labelAdd(data){
labelAdd (data) {
return request({
url: `/api/label/add`,
url: '/api/label/add',
method: 'POST',
data
})
},
// 标签列表
labelList(data){
labelList (data) {
return request({
url: `/api/label/list`,
url: '/api/label/list',
method: 'GET',
params: data
})
},
// 标签删除|单个
labelDeleteId(data){
labelDeleteId (data) {
return request({
url: `/api/label/delete/${data.id}`,
method: 'POST',
method: 'POST'
})
},
// 新增或编辑报告
reportAdd(data){
reportAdd (data) {
return request({
url: `/api/report/add`,
url: '/api/report/add',
method: 'POST',
data
})
},
// 详情||上传文件
reportUploadFile(data){
reportUploadFile (data) {
return request({
url: `/api/report/uploadFile`,
url: '/api/report/uploadFile',
method: 'POST',
data,
headers: {
@@ -62,58 +62,58 @@ export default {
})
},
// 获取报告预览
reportGetReportHtmlId(data){
reportGetReportHtmlId (data) {
return request({
url: `/api/report/getReportHtml/${data.id}`,
method: 'GET',
method: 'GET'
})
},
// 删除报告
reportDelete(data){
reportDelete (data) {
return request({
url: `/api/report/delete`,
url: '/api/report/delete',
method: 'POST',
params: data,
params: data
})
},
// 报告列表
reportList(data){
reportList (data) {
return request({
url: `/api/report/list`,
url: '/api/report/list',
method: 'POST',
data,
data
})
},
// 获取报告日期列表
reportDateList(data){
reportDateList (data) {
return request({
url: `/api/report/reportDateList`,
url: '/api/report/reportDateList',
method: 'GET',
params: data,
params: data
})
},
// 标签批量保存
labelSave(data){
labelSave (data) {
return request({
url: `/api/label/save`,
url: '/api/label/save',
method: 'POST',
data,
data
})
},
// 下载文件
reportDownload(data){
reportDownload (data) {
return request({
url: `/api/report/download`,
url: '/api/report/download',
method: 'GET',
params: data,
responseType: 'blob'
})
},
// 上传图片
reportUploadPicFile(data){
reportUploadPicFile (data) {
return request({
url: `/api/report/uploadPicFile`,
url: '/api/report/uploadPicFile',
method: 'POST',
data,
headers: {
@@ -122,11 +122,11 @@ export default {
})
},
// 标签顺序
labelMove(data){
labelMove (data) {
return request({
url: `/api/label/move`,
url: '/api/label/move',
method: 'POST',
params: data,
params: data
})
},
}
}
src/api/modules/role.js
+12 -13
View File
@@ -1,46 +1,45 @@
import {instance as request} from "@/utils/request";
import { instance as request } from '@/utils/request'
export default {
// 列表
getSysRole(data){
getSysRole (data) {
return request({
url: `/api/sys/role`,
url: '/api/sys/role',
method: 'GET',
params: data
})
},
// 删除
delSysRole(data){
delSysRole (data) {
return request({
url: `/api/sys/role/${data.id}`,
method: 'DELETE',
method: 'DELETE'
})
},
// 新增
postSysRole(data){
postSysRole (data) {
return request({
url: `/api/sys/role`,
url: '/api/sys/role',
method: 'POST',
data
})
},
// 修改
putSysRole(data){
putSysRole (data) {
return request({
url: `/api/sys/role`,
url: '/api/sys/role',
method: 'PUT',
data
})
},
// 配置角色菜单
sysRoleSaveRoleMenu(data){
sysRoleSaveRoleMenu (data) {
return request({
url: `/api/sys/role/saveRoleMenu`,
url: '/api/sys/role/saveRoleMenu',
method: 'POST',
data
})
},
}
}
src/api/modules/user.js
+10 -10
View File
@@ -1,35 +1,35 @@
import {instance as request} from "@/utils/request";
import { instance as request } from '@/utils/request'
export default {
// 新增|编辑
sysUserAddUser(data){
sysUserAddUser (data) {
return request({
url: `/api/sys/user/addUser`,
url: '/api/sys/user/addUser',
method: 'POST',
data
})
},
// 用户启用或禁用
sysUserIsUse(data){
sysUserIsUse (data) {
return request({
url: `/api/sys/user/isUse/${data.USID}/${data.type}`,
method: 'POST',
method: 'POST'
})
},
// 获取所有用户
sysUserList(data){
sysUserList (data) {
return request({
url: `/api/sys/user/list`,
url: '/api/sys/user/list',
method: 'GET',
params: data
})
},
// 删除用户
sysUserDelete(data){
sysUserDelete (data) {
return request({
url: `/api/sys/user/delete`,
url: '/api/sys/user/delete',
method: 'POST',
params: data
})
},
}
}
src/assets/js/jsencrypt.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
src/components/Demo.vue
+89 -89
View File
@@ -88,75 +88,75 @@
</template>
<script>
import {v4 as uuidv4} from "uuid";
import { v4 as uuidv4 } from 'uuid'
import vuedraggable from 'vuedraggable'
export default {
name: "Demo",
name: 'Demo',
components: {
vuedraggable
},
data() {
data () {
return {
option1: {
xAxis: {
type: "category",
data: [],
type: 'category',
data: []
},
yAxis: {
type: "value",
type: 'value'
},
series: [
{
data: [],
type: "scatter",
type: 'scatter',
symbolSize: function (data) {
return data[1] / 2.5;
},
},
],
return data[1] / 2.5
}
}
]
},
sortData: [
{id: uuidv4(), name: 'Mon', value: 150},
{id: uuidv4(), name: 'Tue', value: 230},
{id: uuidv4(), name: 'Wed', value: 224},
{id: uuidv4(), name: 'Thu', value: 218},
{id: uuidv4(), name: 'Fri', value: 135},
{id: uuidv4(), name: 'Sat', value: 147},
{id: uuidv4(), name: 'Sun', value: 260},
{ id: uuidv4(), name: 'Mon', value: 150 },
{ id: uuidv4(), name: 'Tue', value: 230 },
{ id: uuidv4(), name: 'Wed', value: 224 },
{ id: uuidv4(), name: 'Thu', value: 218 },
{ id: uuidv4(), name: 'Fri', value: 135 },
{ id: uuidv4(), name: 'Sat', value: 147 },
{ id: uuidv4(), name: 'Sun', value: 260 }
],
week: "",
year_week: "",
startDate: "",
endDate: "",
week: '',
year_week: '',
startDate: '',
endDate: '',
option: {
xAxis: {
type: "category",
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: "value",
type: 'value'
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: "line",
},
],
type: 'line'
}
]
},
max: 0,
value: 0,
q: {
page: 1,
size: 20,
total: 200,
total: 200
},
uuid: uuidv4(),
tableHeader: [
{ field: 'a', title: '2020-01'},
{ field: 'b', title: '2020-02'},
{ field: 'c', title: '2020-03'},
{ field: 'd', title: '2020-04'},
{ field: 'a', title: '2020-01' },
{ field: 'b', title: '2020-02' },
{ field: 'c', title: '2020-03' },
{ field: 'd', title: '2020-04' }
],
treeData: [
{ id: 10000, parentId: null, a: 'Test1', b: '1111', c: '222', d: '3333' },
@@ -170,112 +170,112 @@ export default {
{ id: 20004, parentId: 20000, a: 'Test2', b: '1111', c: '222', d: '3333' },
{ id: 30000, parentId: null, a: 'Test3', b: '1111', c: '222', d: '3333' },
{ id: 30001, parentId: 30000, a: 'Test3', b: '1111', c: '222', d: '3333' },
{ id: 40000, parentId: null, a: 'Test4', b: '1111', c: '222', d: '3333' },
],
};
{ id: 40000, parentId: null, a: 'Test4', b: '1111', c: '222', d: '3333' }
]
}
},
methods: {
handleTree(arr){
let cloneData = JSON.parse(JSON.stringify(arr)) // 对源数据深度克隆
handleTree (arr) {
const cloneData = JSON.parse(JSON.stringify(arr)) // 对源数据深度克隆
return cloneData.filter((father) => {
let branchArr = cloneData.filter(child => father.id == child.parentId); //返回每一项的子级数组
father.children = branchArr.length > 0 ? branchArr : null; //如果存在子级，则给父级添加一个children属性，并赋值
return father.parentId == -1; //返回第一层
const branchArr = cloneData.filter(child => father.id == child.parentId) // 返回每一项的子级数组
father.children = branchArr.length > 0 ? branchArr : null // 如果存在子级，则给父级添加一个children属性，并赋值
return father.parentId == -1 // 返回第一层
})
},
handleWeekChange(val) {
let date = `${new Date(val).getFullYear()}-${new Date(val).getMonth() + 1}-${new Date(val).getDate()}`;
handleWeekChange (val) {
const date = `${new Date(val).getFullYear()}-${new Date(val).getMonth() + 1}-${new Date(val).getDate()}`
let firstTime = new Date(date).getTime() - 24 * 60 * 60 * 1000;
this.startDate = `${new Date(firstTime).getFullYear()}-${new Date(firstTime).getMonth() + 1}-${new Date(firstTime).getDate()}`;
const firstTime = new Date(date).getTime() - 24 * 60 * 60 * 1000
this.startDate = `${new Date(firstTime).getFullYear()}-${new Date(firstTime).getMonth() + 1}-${new Date(firstTime).getDate()}`
let lastTime = new Date(date).getTime() + 5 * 24 * 60 * 60 * 1000;
this.endDate = `${new Date(lastTime).getFullYear()}-${new Date(lastTime).getMonth() + 1}-${new Date(lastTime).getDate()}`;
const lastTime = new Date(date).getTime() + 5 * 24 * 60 * 60 * 1000
this.endDate = `${new Date(lastTime).getFullYear()}-${new Date(lastTime).getMonth() + 1}-${new Date(lastTime).getDate()}`
let year = require("moment")(val).utcOffset("+08:00").format("yyyy");
let week = require("moment")(val).utcOffset("+08:00").format("WW");
this.year_week = `${year} 第 ${week} 周`;
const year = require('moment')(val).utcOffset('+08:00').format('yyyy')
const week = require('moment')(val).utcOffset('+08:00').format('WW')
this.year_week = `${year} 第 ${week} 周`
},
// Api
exFun() {
console.log(require("moment"));
exFun () {
console.log(require('moment'))
this.$api.ex
.exFun()
.then((res) => {
console.log(res);
console.log(res)
})
.catch((err) => {
console.log(err);
});
console.log(err)
})
},
// vue-echarts
changeOption() {
this.option.series[0].type = "bar";
changeOption () {
this.option.series[0].type = 'bar'
},
// el-scrollbar
scrollChange() {
scrollChange () {
this.max =
this.$refs.scrollbar.wrap.scrollHeight -
this.$refs.scrollbar.wrap.clientHeight;
this.$refs.scrollbar.wrap.clientHeight
this.$refs.scrollbar.wrap.onscroll = (e) => {
this.value = e.target.scrollTop;
};
this.value = e.target.scrollTop
}
},
formatTooltip(value) {
this.$refs.scrollbar.wrap.scrollTop = value;
formatTooltip (value) {
this.$refs.scrollbar.wrap.scrollTop = value
},
// VXETable
getTableData() {
getTableData () {
this.$nextTick(() => {
const $table = this.$refs.xTable;
const list = [];
const $table = this.$refs.xTable
const list = []
for (let index = 0; index < 50; index++) {
list.push({
name: `名称${index}`,
sex: "0",
sex: '0',
num: 123,
age: 18,
num2: 234,
rate: 3,
address: "shenzhen",
});
address: 'shenzhen'
})
}
$table.loadData(list);
});
$table.loadData(list)
})
},
// vuex-persistedstate
saveUserInfo() {
saveUserInfo () {
// this.$store.commit("saveUserInfo", {name: "Lee"});
}
},
created () {
console.log('created')
},
created() {
console.log("created");
mounted () {
this.scrollChange()
this.getTableData()
console.log('mounted')
},
mounted() {
this.scrollChange();
this.getTableData();
console.log("mounted");
},
updated(){
updated () {
// 修改统计顺序
this.option1.xAxis.data = this.sortData.map(item => item.name);
this.option1.series[0].data = this.sortData.map(item => [item.name, item.value]);
this.option1.xAxis.data = this.sortData.map(item => item.name)
this.option1.series[0].data = this.sortData.map(item => [item.name, item.value])
},
// 进入组件执行 仅在keep-alive时起作用
activated() {
this.$refs.scrollbar.wrap.scrollTop = this.value;
console.log("activated");
activated () {
this.$refs.scrollbar.wrap.scrollTop = this.value
console.log('activated')
},
// 离开组件执行 仅在keep-alive时起作用
deactivated() {
console.log("deactivated");
},
};
deactivated () {
console.log('deactivated')
}
}
</script>
<style lang="scss" scoped>
src/components/ECharts.vue
+36 -36
View File
@@ -5,7 +5,7 @@
<script>
import * as echarts from 'echarts/lib/echarts'
import debounce from 'lodash/debounce'
import {addListener, removeListener} from 'resize-detector'
import { addListener, removeListener } from 'resize-detector'
// enumerating ECharts events for now
const EVENTS = [
@@ -69,19 +69,19 @@ export default {
watchShallow: Boolean,
manualUpdate: Boolean
},
data() {
data () {
return {
lastArea: 0
}
},
watch: {
group(group) {
group (group) {
this.chart.group = group
},
}
},
methods: {
// provide an explicit merge option method
mergeOptions(options, notMerge, lazyUpdate) {
mergeOptions (options, notMerge, lazyUpdate) {
if (this.manualUpdate) {
this.manualOptions = options
}
@@ -94,63 +94,63 @@ export default {
},
// just delegates ECharts methods to Vue component
// use explicit params to reduce transpiled size for now
appendData(params) {
appendData (params) {
this.delegateMethod('appendData', params)
},
resize(options) {
resize (options) {
this.delegateMethod('resize', options)
},
dispatchAction(payload) {
dispatchAction (payload) {
this.delegateMethod('dispatchAction', payload)
},
convertToPixel(finder, value) {
convertToPixel (finder, value) {
return this.delegateMethod('convertToPixel', finder, value)
},
convertFromPixel(finder, value) {
convertFromPixel (finder, value) {
return this.delegateMethod('convertFromPixel', finder, value)
},
containPixel(finder, value) {
containPixel (finder, value) {
return this.delegateMethod('containPixel', finder, value)
},
showLoading(type, options) {
showLoading (type, options) {
this.delegateMethod('showLoading', type, options)
},
hideLoading() {
hideLoading () {
this.delegateMethod('hideLoading')
},
getDataURL(options) {
getDataURL (options) {
return this.delegateMethod('getDataURL', options)
},
getConnectedDataURL(options) {
getConnectedDataURL (options) {
return this.delegateMethod('getConnectedDataURL', options)
},
clear() {
clear () {
this.delegateMethod('clear')
},
dispose() {
dispose () {
this.delegateMethod('dispose')
},
delegateMethod(name, ...args) {
delegateMethod (name, ...args) {
if (!this.chart) {
this.init()
}
return this.chart[name](...args)
},
delegateGet(methodName) {
delegateGet (methodName) {
if (!this.chart) {
this.init()
}
return this.chart[methodName]()
},
getArea() {
getArea () {
return this.$el.offsetWidth * this.$el.offsetHeight
},
init(options) {
init (options) {
if (this.chart) {
return
}
let chart = echarts.init(this.$el, this.theme, this.initOptions)
const chart = echarts.init(this.$el, this.theme, this.initOptions)
if (this.group) {
chart.group = this.group
@@ -183,7 +183,7 @@ export default {
this.resize()
}
this.lastArea = this.getArea()
}, 100, {leading: true})
}, 100, { leading: true })
addListener(this.$el, this.__resizeHandler)
}
@@ -219,7 +219,7 @@ export default {
this.chart = chart
},
initOptionsWatcher() {
initOptionsWatcher () {
if (this.__unwatchOptions) {
this.__unwatchOptions()
this.__unwatchOptions = null
@@ -239,30 +239,30 @@ export default {
// will trigger `this.chart.setOption(val, false)`
this.chart.setOption(val, val !== oldVal)
}
}, {deep: !this.watchShallow})
}, { deep: !this.watchShallow })
}
},
destroy() {
destroy () {
if (this.autoresize) {
removeListener(this.$el, this.__resizeHandler)
}
this.dispose()
this.chart = null
},
refresh() {
refresh () {
if (this.chart) {
this.destroy()
this.init()
}
}
},
created() {
created () {
this.initOptionsWatcher()
INIT_TRIGGERS.forEach(prop => {
this.$watch(prop, () => {
this.refresh()
}, {deep: true})
}, { deep: true })
})
REWATCH_TRIGGERS.forEach(prop => {
@@ -272,35 +272,35 @@ export default {
})
})
},
mounted() {
mounted () {
// auto init if `options` is already provided
if (this.options) {
this.init()
}
},
activated() {
activated () {
if (this.autoresize) {
this.chart && this.chart.resize()
}
},
destroyed() {
destroyed () {
if (this.chart) {
this.destroy()
}
},
connect(group) {
connect (group) {
if (typeof group !== 'string') {
group = group.map(chart => chart.chart)
}
echarts.connect(group)
},
disconnect(group) {
disconnect (group) {
echarts.disConnect(group)
},
registerMap(mapName, geoJSON, specialAreas) {
registerMap (mapName, geoJSON, specialAreas) {
echarts.registerMap(mapName, geoJSON, specialAreas)
},
registerTheme(name, theme) {
registerTheme (name, theme) {
echarts.registerTheme(name, theme)
},
graphic: echarts.graphic
src/components/Header.vue
+27 -27
View File
@@ -44,64 +44,64 @@
</template>
<script>
import {mapGetters} from 'vuex';
import {BASE_URL} from "../utils/http";
import { mapGetters } from 'vuex'
import { BASE_URL } from '../utils/http'
export default {
name: "Header",
data() {
export default {
name: 'Header',
data () {
return {
popoverValue: false
}
},
computed: {
...mapGetters({
menuData: 'menuData',
menuData: 'menuData'
}),
isSystemManager() {
return this.menuData.some(menu => menu.id === 'AVL9YSB7ZF');
},
isSystemManagerBelong() {
return this.menuData.some(menu => menu.id === 'AVL9YSB7ZF' && menu.belong == 1);
isSystemManager () {
return this.menuData.some(menu => menu.id === 'AVL9YSB7ZF')
},
isSystemManagerBelong () {
return this.menuData.some(menu => menu.id === 'AVL9YSB7ZF' && menu.belong == 1)
}
},
methods: {
// 退出系统
logout() {
logout () {
this.$confirm('确定退出系统?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.login.logout().then(_ => {
this.$message.success('退出成功');
this.$store.commit('saveUserInfo', null);
this.$message.success('退出成功')
this.$store.commit('saveUserInfo', null)
// var sevice = "http://"+window.location.host+"/";
// var serviceUrl = encodeURIComponent(sevice);
//正式
// 正式
// window.open("https://caddmuat.changan.com.cn/cas/logout?service=http://10.64.23.30:7766/home", '_self');
//测试
// 测试
// window.open(BASE_URL.BASE_CHANGAN + "/logout?service=" + BASE_URL.BASE_LOCAL + "/login?loginType=1", '_self');
this.$router.push('/login');
this.$router.push('/login')
})
})
},
goSystemPage() {
if(this.isSystemManagerBelong){
if (this.$route.path === '/system/menu') return;
this.$store.commit('savePathUrl', '/system/menu');
this.$router.push({path: '/system/menu', query: {id: 'AVL9YSB7ZF'}});
}else{
if(this.$route.path == '/system/401Page'){
goSystemPage () {
if (this.isSystemManagerBelong) {
if (this.$route.path === '/system/menu') return
this.$store.commit('savePathUrl', '/system/menu')
this.$router.push({ path: '/system/menu', query: { id: 'AVL9YSB7ZF' } })
} else {
if (this.$route.path == '/system/401Page') {
}else{
this.$router.replace({name: '401Page', query: {id: 'AVL9YSB7ZF'}});
}
} else {
this.$router.replace({ name: '401Page', query: { id: 'AVL9YSB7ZF' } })
}
}
}
}
}
</script>
<style lang="scss" scoped>
src/components/Menu.vue
+27 -28
View File
@@ -44,54 +44,54 @@
</template>
<script>
import {createLogger} from 'vuex';
import MenuItem from "./MenuItem";
import login from '../api/modules/login'
import store from '../store'
export default {
name: "Menu",
props: ["menuData", "path"],
import { createLogger } from 'vuex'
import MenuItem from './MenuItem'
import login from '../api/modules/login'
import store from '../store'
export default {
name: 'Menu',
props: ['menuData', 'path'],
components: {
MenuItem
},
methods: {
handleRouter(item) {
if(item.belong == 0){
this.$store.commit('saveMenuName', item.label);
if(this.$route.path == '/system/401Page'){
handleRouter (item) {
if (item.belong == 0) {
this.$store.commit('saveMenuName', item.label)
if (this.$route.path == '/system/401Page') {
}else{
this.$router.push({name: '401Page', query: this.$route.query});
} else {
this.$router.push({ name: '401Page', query: this.$route.query })
}
}else{
this.$store.commit('savePathUrl', item.href);
} else {
this.$store.commit('savePathUrl', item.href)
if (item.isUrl && Number(item.isUrl || 0)) {
var param = this.$route.query
const param = this.$route.query
// delete(this.$route.query.itemHref)
// param.itemHref = item.href
if(this.$route.path == '/system/urlIndex'){
this.$store.commit('saveMenuName', item.label);
if (this.$route.path == '/system/urlIndex') {
this.$store.commit('saveMenuName', item.label)
login.pageLog(this.$store.state.menuName).then(res => {
}).catch(_ => {
})
}else{
this.$store.commit('saveMenuName', item.label);
this.$router.push({name: 'urlIndex', query: param});
} else {
this.$store.commit('saveMenuName', item.label)
this.$router.push({ name: 'urlIndex', query: param })
}
} else {
if (this.$route.path === item.href) return;
if (this.$route.path === item.href) return
// delete(this.$route.query.itemHref)
this.$router.push({path: item.href, query: this.$route.query});
this.$router.push({ path: item.href, query: this.$route.query })
}
}
},
collageMenu(item) {
item.isCollage = !item.isCollage;
console.log(item.isCollage);
}
collageMenu (item) {
item.isCollage = !item.isCollage
console.log(item.isCollage)
}
}
}
</script>
<style lang="scss" scoped>
@@ -175,7 +175,6 @@
}
}
.icon-level2 {
display: inline-block;
width: 3px;
src/components/MenuItem.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<script>
export default {
name: "MenuItem",
name: 'MenuItem',
props: ['menuItemData']
}
</script>
src/components/QueryCascaterAZ.vue
+20 -21
View File
@@ -32,8 +32,8 @@
</template>
<script>
export default {
data() {
export default {
data () {
return {
clicked: '',
options: [],
@@ -69,21 +69,21 @@
}
},
props: ['callback'],
mounted() {
mounted () {
this.getList()
this.clicked = ''
},
methods: {
changeOpen() {
changeOpen () {
this.dialogVisible = !this.dialogVisible
},
selectFun(item) {
selectFun (item) {
if (this.callback && item.length == 3) {
this.callback(item)
this.dialogVisible = false
}
},
getList() {
getList () {
this.options = []
this.$api.config.gradient.chooseStyleAdd().then(res => {
this.options = this.formatDataFirst(res.data)
@@ -110,20 +110,20 @@
//
})
},
formatDataFirst(data) {
let list = []
formatDataFirst (data) {
const list = []
Object.keys(data).forEach(key => {
// tag
let d = {
const d = {
level: 1,
value: key,
label: key
}
list.push(d)
// info
let info = data[key]
const info = data[key]
Object.keys(info).forEach(newkey => {
let ib = {
const ib = {
level: 1,
value: newkey,
label: newkey,
@@ -132,25 +132,24 @@
ib.children = this.formatData(info[newkey])
list.push(ib)
})
});
})
return list
},
formatData(data) {
let list = []
formatData (data) {
const list = []
Object.keys(data).forEach(key => {
let id = data[key]
let d = {
const id = data[key]
const d = {
level: 2,
value: key,
label: key,
children: []
}
id.forEach(newdata => {
let ib = {
const ib = {
level: 3,
value: newdata,
label: newdata['kxmc'] + (newdata['msrpw'] ? (" " + newdata['msrpw']) : '') + " " + newdata['mix'],
label: newdata.kxmc + (newdata.msrpw ? (' ' + newdata.msrpw) : '') + ' ' + newdata.mix,
data: newdata
}
d.children.push(ib)
@@ -161,7 +160,7 @@
return list
},
goIndex(params) {
goIndex (params) {
const groupRef = this.$refs.groupRef.$children[0].$children[0].$refs.resize
const titleRef = this.$refs.groupRef.$children[0].$children[0].$refs.resize.childNodes
this.clicked = params
@@ -177,7 +176,7 @@
// groupRef.scrollTop = offsetTop
}
}
}
}
</script>
<style lang="scss" scoped>
src/directives/index.js
+7 -7
View File
@@ -1,17 +1,17 @@
import Vue from "vue";
import Vue from 'vue'
/**
* 获取API
* @type {{install(): *|{}}} Vue.use默认执行的方法
*/
export default {
install() {
const requireComponents = require.context('./modules', false, /\.js/);
install () {
const requireComponents = require.context('./modules', false, /\.js/)
requireComponents.keys().forEach(file => {
const directives = requireComponents(file).default;
const directives = requireComponents(file).default
for (const directive in directives) {
Vue.directive(directive, directives[directive]);
Vue.directive(directive, directives[directive])
}
});
})
}
};
}
src/directives/modules/vxe_table_min_height.js
+4 -4
View File
@@ -1,11 +1,11 @@
import Vue from "vue";
import Vue from 'vue'
export default {
tableMinHeight: {
// 指令的定义
inserted(el, binding, vnode) {
let dom = el.getElementsByClassName('vxe-table--body-wrapper body--wrapper').item(0);
inserted (el, binding, vnode) {
const dom = el.getElementsByClassName('vxe-table--body-wrapper body--wrapper').item(0)
dom.style.setProperty('min-height', binding.value, 'important')
},
}
}
}
src/filters/index.js
+7 -7
View File
@@ -1,17 +1,17 @@
import Vue from "vue";
import Vue from 'vue'
/**
* 获取API
* @type {{install(): *|{}}} Vue.use默认执行的方法
*/
export default {
install() {
const requireComponents = require.context('./modules', false, /\.js/);
install () {
const requireComponents = require.context('./modules', false, /\.js/)
requireComponents.keys().forEach(file => {
const filters = requireComponents(file).default;
const filters = requireComponents(file).default
for (const filter in filters) {
Vue.filter(filter, filters[filter]);
Vue.filter(filter, filters[filter])
}
});
})
}
};
}
src/filters/modules/ex.js
+5 -5
View File
@@ -1,9 +1,9 @@
export default {
formatDate: function (value) {
let date = new Date(value);
let y = date.getFullYear();
let m = date.getMonth() + 1;
let d = date.getDate();
return `${y}/${m}/${d}`;
const date = new Date(value)
const y = date.getFullYear()
const m = date.getMonth() + 1
const d = date.getDate()
return `${y}/${m}/${d}`
}
}
src/main.js
+24 -24
View File
@@ -3,17 +3,17 @@ import App from './App.vue'
import router from './router'
import store from './store'
import config from "@/utils/config";
import config from '@/utils/config'
// VXETable
import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ElementUI
import ElementUI from 'element-ui';
import ElementUI from 'element-ui'
import './assets/css/element-variables.scss'
// ECharts
import 'echarts'
import ECharts from './components/ECharts';
import ECharts from './components/ECharts'
// Api
import Api from './api'
@@ -24,34 +24,34 @@ import Filter from './filters'
// 自定义水印指令
import '@/utils/waterMark'
// 加密函数
import JSEncrypt from '../src/assets/js/jsencrypt.min.js';
VXETable.setup({
table: {
resizable: true,
}
})
Vue.use(VXETable);
import JSEncrypt from '../src/assets/js/jsencrypt.min.js'
// 富文本引用
import VueQuillEditor from 'vue-quill-editor'
// require styles 引入样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)
Vue.use(ElementUI, {size: 'mini', zIndex: 3000});
Vue.component('v-chart', ECharts);
Vue.use(Api);
Vue.use(Directive);
Vue.use(Filter);
Vue.prototype.$JSEncrypt = (data) => {
if(data === ''){
return '';
VXETable.setup({
table: {
resizable: true
}
let encryptor = new JSEncrypt();
encryptor.setPublicKey(config.PUBLIC_KEY);
return encryptor.encrypt(data) || '';
})
Vue.use(VXETable)
Vue.use(VueQuillEditor)
Vue.use(ElementUI, { size: 'mini', zIndex: 3000 })
Vue.component('v-chart', ECharts)
Vue.use(Api)
Vue.use(Directive)
Vue.use(Filter)
Vue.prototype.$JSEncrypt = (data) => {
if (data === '') {
return ''
}
const encryptor = new JSEncrypt()
encryptor.setPublicKey(config.PUBLIC_KEY)
return encryptor.encrypt(data) || ''
}
VXETable.renderer.add('NotData', {
src/router/index.js
+11 -11
View File
@@ -2,22 +2,22 @@ import Vue from 'vue'
import VueRouter from 'vue-router'
import store from '../store'
import login from '../api/modules/login'
import {BASE_URL} from "../utils/http"
import { BASE_URL } from '../utils/http'
Vue.use(VueRouter)
let routes = [];
let routes = []
const requireComponents = require.context('./modules', false, /\.js/);
requireComponents.keys().forEach(file => routes = [...routes, ...requireComponents(file).default]);
const requireComponents = require.context('./modules', false, /\.js/)
requireComponents.keys().forEach(file => routes = [...routes, ...requireComponents(file).default])
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes,
scrollBehavior(to, from, position) {
return position;
},
scrollBehavior (to, from, position) {
return position
}
})
// 路由守卫
@@ -34,13 +34,13 @@ router.beforeEach((to, from, next) => {
// var loginUrl = BASE_URL.BASE_CHANGAN + "/login?service=" + url;
// var logoutUrl = BASE_URL.BASE_CHANGAN + "/logout?service=" + url
if (to.meta.crumb) {
var jumpStr = to.meta.crumb.join('/')
if(jumpStr){
const jumpStr = to.meta.crumb.join('/')
if (jumpStr) {
if (jumpStr == 'urlIndex' && to.path != '/system/401Page') {
login.pageLog(store.state.menuName).then(res => {
}).catch(_ => {
})
}else{
} else {
login.pageLog(jumpStr).then(res => {
}).catch(_ => {
})
@@ -74,7 +74,7 @@ router.beforeEach((to, from, next) => {
// }
// next();
// } else {
next();
next()
// }
})
src/router/modules/default.js
+6 -5
View File
@@ -9,9 +9,10 @@ const routes = [
name: 'urlIndex',
component: () => import('../../views/System/urlIndex.vue'),
meta: {
crumb: ['urlIndex'],
crumb: ['urlIndex']
}
}]},
}]
},
{
path: '/',
redirect: {
@@ -41,13 +42,13 @@ const routes = [
path: '/layout',
name: 'LayoutBox',
component: () => import('../../views/Layout.vue')
},
}
// // Demo
// {
// path: '/demo',
// name: 'Demo',
// component: () => import('../../components/Demo.vue')
// },
];
]
export default routes;
export default routes
src/router/modules/report.js
+7 -7
View File
@@ -11,7 +11,7 @@ const routes = [
name: 'ReportList',
component: () => import('../../views/Report/ReportList.vue'),
meta: {
crumb: ['报告列表'],
crumb: ['报告列表']
}
},
// 报告详情
@@ -20,7 +20,7 @@ const routes = [
name: 'ReportDetail',
component: () => import('../../views/Report/ReportDetail.vue'),
meta: {
crumb: ['报告详情'],
crumb: ['报告详情']
}
},
// 报告管理
@@ -29,11 +29,11 @@ const routes = [
name: 'ReportManager',
component: () => import('../../views/Report/ReportManager.vue'),
meta: {
crumb: ['报告管理'],
crumb: ['报告管理']
}
}
},
]
},
];
}
]
export default routes;
export default routes
src/router/modules/system.js
+8 -8
View File
@@ -11,7 +11,7 @@ const routes = [
name: 'MenuManager',
component: () => import('../../views/System/MenuManager.vue'),
meta: {
crumb: ['菜单管理'],
crumb: ['菜单管理']
}
},
// 用户管理
@@ -20,7 +20,7 @@ const routes = [
name: 'User',
component: () => import('../../views/System/User.vue'),
meta: {
crumb: ['用户管理'],
crumb: ['用户管理']
}
},
// 角色管理
@@ -29,7 +29,7 @@ const routes = [
name: 'Role',
component: () => import('../../views/System/Role.vue'),
meta: {
crumb: ['角色管理'],
crumb: ['角色管理']
}
},
// // 角色管理
@@ -55,11 +55,11 @@ const routes = [
name: '401Page',
component: () => import('../../views/System/401Page.vue'),
meta: {
crumb: ['暂无权限'],
crumb: ['暂无权限']
}
}
},
]
},
];
}
]
export default routes;
export default routes
src/store/index.js
+15 -15
View File
@@ -11,31 +11,31 @@ export default new Vuex.Store({
rememberData: null,
menuData: [],
pathUrl: '',
menuName: '',
menuName: ''
},
getters: {
menuData: (state) => state.menuData,
menuName: (state) => state.menuName,
menuName: (state) => state.menuName
},
mutations: {
saveUserInfo(state, data) {
state.userInfo = data;
saveUserInfo (state, data) {
state.userInfo = data
},
saveIsLoading(state, data){
state.isLoading = data;
saveIsLoading (state, data) {
state.isLoading = data
},
saveRememberData(state, data){
state.rememberData = data;
saveRememberData (state, data) {
state.rememberData = data
},
saveMenuData(state, data){
state.menuData = data;
saveMenuData (state, data) {
state.menuData = data
},
savePathUrl(state, data){
state.pathUrl = data;
},
saveMenuName(state, data){
state.menuName = data;
savePathUrl (state, data) {
state.pathUrl = data
},
saveMenuName (state, data) {
state.menuName = data
}
},
actions: {},
modules: {},
src/utils/config.js
+1 -1
View File
@@ -1,3 +1,3 @@
export default {
PUBLIC_KEY: `MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDKwvimHNGEiyV5L73llAeTv8O/3c9KLZLjNDpzNVOvzowk1MJySdSh6BiZPFXGLJ49Rrp/0U1L68ZCvC2Zv07YYTrr7Bd8o8lKB9HlUqcJo/seIHrLCLl2ePuLn+NYtIM4xxbbvAOdy5Ep/QbK4aWz8G7vsx8pctijLksYKNBQyQIDAQAB`,
PUBLIC_KEY: 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDKwvimHNGEiyV5L73llAeTv8O/3c9KLZLjNDpzNVOvzowk1MJySdSh6BiZPFXGLJ49Rrp/0U1L68ZCvC2Zv07YYTrr7Bd8o8lKB9HlUqcJo/seIHrLCLl2ePuLn+NYtIM4xxbbvAOdy5Ep/QbK4aWz8G7vsx8pctijLksYKNBQyQIDAQAB'
}
src/utils/date.js
+7 -7
View File
@@ -4,24 +4,24 @@
* @param fmt
* @returns {*}
*/
export function formatDate(value, fmt) {
let regPos = /^\d+(\.\d+)?$/
export function formatDate (value, fmt) {
const regPos = /^\d+(\.\d+)?$/
if (regPos.test(value)) {
//如果是数字
let getDate = new Date(value)
let o = {
// 如果是数字
const getDate = new Date(value)
const o = {
'M+': getDate.getMonth() + 1,
'd+': getDate.getDate(),
'h+': getDate.getHours(),
'm+': getDate.getMinutes(),
's+': getDate.getSeconds(),
'q+': Math.floor((getDate.getMonth() + 3) / 3),
'S': getDate.getMilliseconds()
S: getDate.getMilliseconds()
}
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length))
}
for (let k in o) {
for (const k in o) {
if (new RegExp('(' + k + ')').test(fmt)) {
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
}
src/utils/downloadFile.js
+10 -10
View File
@@ -1,13 +1,13 @@
import {fileType} from "./fileType";
import { fileType } from './fileType'
export const downloadFile = (res) => {
let file_name = decodeURI(res.headers["content-disposition"]).split('=').pop();
let file_type = file_name.split('.').pop();
let blobData = new Blob([res.data], {type: fileType[file_type]});
let downloadUrl = window.URL.createObjectURL(blobData);
let anchor = document.createElement("a");
anchor.href = downloadUrl;
anchor.download = file_name;
anchor.click();
window.URL.revokeObjectURL(blobData);
const file_name = decodeURI(res.headers['content-disposition']).split('=').pop()
const file_type = file_name.split('.').pop()
const blobData = new Blob([res.data], { type: fileType[file_type] })
const downloadUrl = window.URL.createObjectURL(blobData)
const anchor = document.createElement('a')
anchor.href = downloadUrl
anchor.download = file_name
anchor.click()
window.URL.revokeObjectURL(blobData)
}
src/utils/fileType.js
+1 -1
View File
@@ -9,5 +9,5 @@ export const fileType = {
png: 'image/png',
jpg: 'image/jpeg',
rar: 'application/x-rar',
zip: 'application/zip',
zip: 'application/zip'
}
src/utils/http.js
+3 -3
View File
@@ -2,10 +2,10 @@ export const BASE_URL = {
// LOGIN_URL : "http://192.168.144.29:9090/cas/login?service=http://192.168.144.22:9966/login?loginType=1",
// LOGOUT_URL : "http://192.168.144.29:9090/cas/logout?service=http://192.168.144.22:9966/login?loginType=1",
//内部测试
// 内部测试
// BASE_CHANGAN:'http://192.168.144.29:9090/cas',
BASE_LOCAL:'http://127.0.0.1:8080',
BASE_LOCAL_IMG:'http://127.0.0.1:8080',
BASE_LOCAL: 'http://127.0.0.1:8080',
BASE_LOCAL_IMG: 'http://127.0.0.1:8080'
// //企业测试
// BASE_CHANGAN:'https://caddmuat.changan.com.cn/cas',
src/utils/lineHeight.js
+6 -6
View File
@@ -1,13 +1,13 @@
import Quill from "quill";
import Quill from 'quill'
let Parchment = Quill.import("parchment");
const Parchment = Quill.import('parchment')
class lineHeightAttributor extends Parchment.Attributor.Style {
}
const lineHeightStyle = new lineHeightAttributor("lineHeight", "line-height", {
const lineHeightStyle = new lineHeightAttributor('lineHeight', 'line-height', {
scope: Parchment.Scope.INLINE,
whitelist: ["initial", "1", "1.5", "1.75", "2", "3", "4"]
});
whitelist: ['initial', '1', '1.5', '1.75', '2', '3', '4']
})
export {lineHeightStyle};
export { lineHeightStyle }
src/utils/request.js
+44 -45
View File
@@ -1,11 +1,11 @@
import axios from 'axios';
import {Message, Loading} from 'element-ui';
import store from '../store';
import router from "../router";
import {BASE_URL} from "../utils/http";
import axios from 'axios'
import { Message, Loading } from 'element-ui'
import store from '../store'
import router from '../router'
import { BASE_URL } from '../utils/http'
// 记录请求个数、加载
let count = 0, loading = null;
let count = 0; let loading = null
// axios实例化
const instance = axios.create({
@@ -13,41 +13,41 @@ const instance = axios.create({
// timeout: 60000,
headers: {
'Cache-Control': 'no-cache',
'Pragma': 'no-cache'
Pragma: 'no-cache'
}
});
})
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
loading = Loading.service(null);
count++;
store.commit('saveIsLoading', true);
return config;
loading = Loading.service(null)
count++
store.commit('saveIsLoading', true)
return config
}, function (error) {
// 对请求错误做些什么
count--;
count--
if (count < 1) {
loading.close();
store.commit('saveIsLoading', false);
loading.close()
store.commit('saveIsLoading', false)
}
Message.error(error);
return Promise.reject(error);
});
Message.error(error)
return Promise.reject(error)
})
// 添加响应拦截器
instance.interceptors.response.use(function (response) {
// 对响应数据做点什么
count--;
count--
if (count < 1) {
loading.close();
store.commit('saveIsLoading', false);
loading.close()
store.commit('saveIsLoading', false)
}
// 登录超时
if (response.data.respCode === '401') {
store.commit('saveUserInfo', null);
router.push('/login');
Message.error('登录超时过期');
store.commit('saveUserInfo', null)
router.push('/login')
Message.error('登录超时过期')
// var url = 'http://192.168.144.22:9966/login?loginType=1'
// // var url = 'http://10.64.23.30:7766/home'
//
@@ -58,32 +58,31 @@ instance.interceptors.response.use(function (response) {
// 请求成功
if (response.status === 200) {
if (response.data.respCode === "0") {
return response.data;
} else if (response.data.respCode === "-1") {
Message.error(response.data.message);
return Promise.reject(response);
if (response.data.respCode === '0') {
return response.data
} else if (response.data.respCode === '-1') {
Message.error(response.data.message)
return Promise.reject(response)
} else {
return response;
return response
}
} else { // 请求失败
Message.error(response.data.message);
return Promise.reject(response);
Message.error(response.data.message)
return Promise.reject(response)
}
}, function (error) {
// 对响应错误做点什么
count--;
count--
if (count < 1) {
loading.close();
store.commit('saveIsLoading', false);
loading.close()
store.commit('saveIsLoading', false)
}
// 登录过期
if (error.response.status === 401) {
store.commit('saveUserInfo', null);
router.push('/login');
Message.error('登录超时过期');
store.commit('saveUserInfo', null)
router.push('/login')
Message.error('登录超时过期')
// window.open(BASE_URL.BASE_CHANGAN + "/logout?service=" + BASE_URL.BASE_LOCAL + "/login?loginType=1", '_self');
// var url = 'http://192.168.144.22:9966/login?loginType=1'
// // var url = 'http://10.64.23.30:7766/home'
@@ -93,12 +92,12 @@ instance.interceptors.response.use(function (response) {
}
// 判断超时
if (error.code === "ECONNABORTED" && error.message.indexOf('timeout') !== -1 && !error.config._retry) {
Message.error(error.message);
if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1 && !error.config._retry) {
Message.error(error.message)
} else {
Message.error(error.message);
Message.error(error.message)
}
return Promise.reject(error);
});
return Promise.reject(error)
})
export {instance, loading};
export { instance, loading }
src/utils/waterMark.js
+5 -5
View File
@@ -7,20 +7,20 @@ import Vue from 'vue'
* v-watermark="{text: '水印名称', textColor: 'rgba(100, 100, 100, 0.6)'}"
*/
Vue.directive('watermark', {
bind: function(el, binding){
bind: function (el, binding) {
// 水印文字，父元素，画布宽度，画布高度，字体，文字颜色，画布横坐标，是否铺满全页
function addWaterMarker(str, parentNode, width, height, font, textColor, fillTextX = '10'){
function addWaterMarker (str, parentNode, width, height, font, textColor, fillTextX = '10') {
// 检查父元素是否包含子元素
const elementContains = (parent, child) => parent !== child && parent.contains(child)
const flag = elementContains(parentNode, document.querySelector('canvas'))
// 防止重复创建
if (!flag) {
let can = document.createElement('canvas')
const can = document.createElement('canvas')
parentNode.appendChild(can)
can.width = width || 300
can.height = height || 140
can.style.display = 'none'
let cans = can.getContext('2d')
const cans = can.getContext('2d')
cans.rotate(-20 * Math.PI / 180)
cans.font = font || '13px Microsoft Yahei'
cans.fillStyle = textColor || 'rgba(100, 100, 100, 0.2)'
@@ -31,7 +31,7 @@ Vue.directive('watermark', {
// parentNode.style.backgroundImage = "url(" + can.toDataURL("image/png") + ")";
// 创建div 定位覆盖（某个元素，如图片添加水印建议使用此方法）
let div = document.createElement('div')
const div = document.createElement('div')
div.id = str
div.className = 'waterMark'
div.style.pointerEvents = 'none'
src/views/Layout.vue
+47 -49
View File
@@ -20,83 +20,82 @@
</template>
<script>
import Header from '@/components/Header';
import Menu from '@/components/Menu';
import Header from '@/components/Header'
import Menu from '@/components/Menu'
export default {
name: "Layout",
export default {
name: 'Layout',
components: {
Header,
Menu
},
data() {
data () {
return {
menuData: []
}
},
watch: {
'$route.path': {
handler(val) {
this.getMenu();
handler (val) {
this.getMenu()
},
deep: true
}
},
methods: {
handleTree(arr, parentId) {
let cloneData = JSON.parse(JSON.stringify(arr)); // 对源数据深度克隆
handleTree (arr, parentId) {
const cloneData = JSON.parse(JSON.stringify(arr)) // 对源数据深度克隆
return cloneData.filter((father) => {
let branchArr = cloneData.filter(child => father.id === child.parentId); //返回每一项的子级数组
father.children = branchArr.length > 0 ? branchArr : null; //如果存在子级，则给父级添加一个children属性，并赋值
return father.parentId === parentId; //返回第一层
const branchArr = cloneData.filter(child => father.id === child.parentId) // 返回每一项的子级数组
father.children = branchArr.length > 0 ? branchArr : null // 如果存在子级，则给父级添加一个children属性，并赋值
return father.parentId === parentId // 返回第一层
})
},
addLevel(data, level) {
addLevel (data, level) {
data.forEach(item => {
item.level = level;
item.level = level
if (item.children) {
this.addLevel(item.children, level + 1);
this.addLevel(item.children, level + 1)
}
});
return data;
})
return data
},
getMenu() {
getMenu () {
if (!this.$route.query.id) {
return this.$router.push({path: '/report/list', query:{"id": "AEHJB8YNJ3"}});
return this.$router.push({ path: '/report/list', query: { id: 'AEHJB8YNJ3' } })
}
let data = JSON.parse(JSON.stringify(this.$store.state.menuData));
let menu = data.filter(item => item.parentId === this.$route.query.id);
let menuData = [];
let menuFun = (menu) => {
menuData = [...menuData, ...menu];
let parentIds = menu.map(item => item.id);
const data = JSON.parse(JSON.stringify(this.$store.state.menuData))
const menu = data.filter(item => item.parentId === this.$route.query.id)
let menuData = []
const menuFun = (menu) => {
menuData = [...menuData, ...menu]
const parentIds = menu.map(item => item.id)
if (parentIds.length) {
menuFun(data.filter(item => parentIds.find(el => el === item.parentId)))
}
};
menuFun(menu);
let treeData = this.handleTree(menuData, this.$route.query.id);
this.menuData = this.addLevel(treeData, 1);
}
menuFun(menu)
const treeData = this.handleTree(menuData, this.$route.query.id)
this.menuData = this.addLevel(treeData, 1)
},
getSysMenu() {
this.$api.menu.getSysMenu({roleId: this.$store.state.userInfo.roleIdList[0]}).then(({data}) => {
debugger
getSysMenu () {
this.$api.menu.getSysMenu({ roleId: this.$store.state.userInfo.roleIdList[0] }).then(({ data }) => {
if (data === null) {
data = []
}
data = data.sort((a, b) => a.sort - b.sort);
let menu = data.filter(item => item.belong);
let menuData = [];
let menuFun = (menu) => {
data = data.sort((a, b) => a.sort - b.sort)
const menu = data.filter(item => item.belong)
let menuData = []
const menuFun = (menu) => {
menuData = [...menuData, ...menu]
let parentIds = menu.map(item => item.parentId);
const parentIds = menu.map(item => item.parentId)
if (parentIds.length) {
menuFun(data.filter(item => parentIds.find(el => el === item.id)))
}
}
menuFun(menu);
menuFun(menu)
let treeData = menuData.map(item => ({
const treeData = menuData.map(item => ({
id: item.id,
parentId: item.parentId,
label: item.name,
@@ -105,30 +104,29 @@
isCollage: true,
belong: item.belong,
isUrl: item.isUrl
}));
}))
// 去重
let obj = {};
const obj = {}
treeData.forEach(item => {
obj[item.id] = item;
obj[item.id] = item
})
debugger
this.$store.commit('saveMenuData', Object.values(obj));
this.$store.commit('saveMenuData', Object.values(obj))
this.getMenu();
});
this.getMenu()
})
}
},
created() {
created () {
// 判定菜单是否存在，存在则不加载
// let menuData = this.$store.state.menuData;
// debugger
// if (menuData.length == 0) {
this.getSysMenu();
this.getSysMenu()
// } else {
// this.getMenu();
// }
}
}
}
</script>
<style lang="scss" scoped>
src/views/Login.vue
+36 -35
View File
@@ -37,49 +37,49 @@
</template>
<script>
import {Base64} from "js-base64";
import { Base64 } from 'js-base64'
export default {
name: "Login",
data() {
export default {
name: 'Login',
data () {
return {
form: {
username: '',
password: '',
verifyCode: '',
verifyCode: ''
},
verifyImg: '',
isChecked: false,
isChecked: false
}
},
created() {
this.init();
created () {
this.init()
},
methods: {
getQueryVariable(r, variable) {
getQueryVariable (r, variable) {
if (r) {
var query = r.split('?');
const query = r.split('?')
if (query && query.length == 2) {
var vars = query[1].split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
const vars = query[1].split('&')
for (let i = 0; i < vars.length; i++) {
const pair = vars[i].split('=')
if (pair[0] == variable) {
return pair[1];
return pair[1]
}
}
}
}
},
init() {
this.isChecked = !!this.$store.state.rememberData;
init () {
this.isChecked = !!this.$store.state.rememberData
if (this.isChecked) {
this.form.username = this.$store.state.rememberData.username;
this.form.password = this.$store.state.rememberData.password;
this.form.username = this.$store.state.rememberData.username
this.form.password = this.$store.state.rememberData.password
}
this.verifyCode();
this.verifyCode()
},
// 登录
login() {
login () {
if (!this.form.username) {
return this.$message.warning('请输入用户名')
}
@@ -92,36 +92,37 @@
if (this.form.verifyCode.length !== 4) {
return this.$message.warning('请检查验证码')
}
this.$store.commit('saveRememberData', this.isChecked ? {
this.$store.commit('saveRememberData', this.isChecked
? {
username: this.form.username,
password: this.form.password
} : null);
let data = JSON.parse(JSON.stringify(this.form));
data.username = this.$JSEncrypt(data.username);
data.password = this.$JSEncrypt(data.password);
let jsonData = JSON.stringify(data);
}
: null)
const data = JSON.parse(JSON.stringify(this.form))
data.username = this.$JSEncrypt(data.username)
data.password = this.$JSEncrypt(data.password)
const jsonData = JSON.stringify(data)
this.$api.login.login(Base64.encode(jsonData)).then(res => {
if (res.respCode !== '0') {
this.verifyCode();
return this.$message.error(res.data.message);
this.verifyCode()
return this.$message.error(res.data.message)
}
this.$message.success('登录成功');
this.$store.commit('saveUserInfo', res.data);
this.$router.push({path: '/report/list', query:{"id": "AEHJB8YNJ3"}});
this.$message.success('登录成功')
this.$store.commit('saveUserInfo', res.data)
this.$router.push({ path: '/report/list', query: { id: 'AEHJB8YNJ3' } })
}).catch(_ => {
this.verifyCode();
this.verifyCode()
})
},
// 获取验证码
verifyCode() {
verifyCode () {
this.$api.login.verifyCode({})
.then(res => {
this.verifyImg = `data: image/jpeg;base64,${btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))}`
})
},
}
}
}
</script>
<style lang="scss" scoped>
src/views/Register.vue
+1 -1
View File
@@ -6,7 +6,7 @@
<script>
export default {
name: "Register"
name: 'Register'
}
</script>
src/views/Report/ReportDetail.vue
+19 -19
View File
@@ -32,48 +32,48 @@
</template>
<script>
import {downloadFile} from "@/utils/downloadFile";
import {formatDate} from '@/utils/date'
import { downloadFile } from '@/utils/downloadFile'
import { formatDate } from '@/utils/date'
export default {
name: "ReportDetail",
data(){
export default {
name: 'ReportDetail',
data () {
return {
watermarkText: '', // 水印
content: '',
row: {},
row: {}
}
},
methods: {
// 预览
previewRow() {
if(!this.$route.query.row){
this.$router.push({path: '/report/list', query: {id: this.$route.query.id}});
previewRow () {
if (!this.$route.query.row) {
this.$router.push({ path: '/report/list', query: { id: this.$route.query.id } })
return
}
this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`;
this.row = JSON.parse(this.$route.query.row);
this.$api.report.reportGetReportHtmlId({id: this.row.id}).then(({data}) => {
this.content = data.content;
this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`
this.row = JSON.parse(this.$route.query.row)
this.$api.report.reportGetReportHtmlId({ id: this.row.id }).then(({ data }) => {
this.content = data.content
})
},
// 下载
downloadRow(row){
downloadRow (row) {
// this.$confirm('此操作将下载所选数据文件, 是否继续?', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
this.$api.report.reportDownload({fileId: row.fileId}).then(res => {
downloadFile(res);
this.$api.report.reportDownload({ fileId: row.fileId }).then(res => {
downloadFile(res)
})
// })
}
},
created() {
this.previewRow();
}
created () {
this.previewRow()
}
}
</script>
<style lang="scss" scoped>
src/views/Report/ReportList.vue
+82 -82
View File
@@ -163,12 +163,12 @@
</template>
<script>
import {downloadFile} from "@/utils/downloadFile";
import {formatDate} from '@/utils/date'
import { downloadFile } from '@/utils/downloadFile'
import { formatDate } from '@/utils/date'
export default {
name: "ReportList",
data() {
name: 'ReportList',
data () {
return {
watermarkText: '', // 水印
fullscreen: false,
@@ -179,7 +179,7 @@ export default {
labelTwoId: [],
labelThreeId: [],
pageNo: 1,
pageSize: 10,
pageSize: 10
},
total: 0,
tableData: [],
@@ -190,114 +190,114 @@ export default {
tagShow: false,
tags: [],
isIndeterminate: true,
checkAll: false,
checkAll: false
},
2: {
name: '',
tagShow: false,
tags: [],
isIndeterminate: true,
checkAll: false,
checkAll: false
},
3: {
name: '',
tagShow: false,
tags: [],
isIndeterminate: true,
checkAll: false,
},
checkAll: false
}
},
dialogPreview: false, // 预览
content: '',
content: ''
}
},
methods: {
init() {
this.labelList();
this.reportDateList();
this.reportList();
init () {
this.labelList()
this.reportDateList()
this.reportList()
},
// 标签列表
labelList() {
this.$api.report.labelList().then(({data}) => {
this.tagData[1].name = data.labelOne.name;
this.tagData[2].name = data.labelTwo.name;
this.tagData[3].name = data.labelThree.name;
this.tagData[1].tags = data.labelOne.childList;
this.tagData[2].tags = data.labelTwo.childList;
this.tagData[3].tags = data.labelThree.childList;
labelList () {
this.$api.report.labelList().then(({ data }) => {
this.tagData[1].name = data.labelOne.name
this.tagData[2].name = data.labelTwo.name
this.tagData[3].name = data.labelThree.name
this.tagData[1].tags = data.labelOne.childList
this.tagData[2].tags = data.labelTwo.childList
this.tagData[3].tags = data.labelThree.childList
})
},
search(){
this.q.pageNo = 1;
this.reportList();
search () {
this.q.pageNo = 1
this.reportList()
},
// 列表
reportList() {
this.$api.report.reportList(this.q).then(({data}) => {
this.tableData = data.records;
this.total = data.total;
this.q.pageNo = data.current;
this.q.pageSize = data.size;
if(!data.records.length && this.q.pageNo !== 1){
this.q.pageNo = 1;
this.reportList();
reportList () {
this.$api.report.reportList(this.q).then(({ data }) => {
this.tableData = data.records
this.total = data.total
this.q.pageNo = data.current
this.q.pageSize = data.size
if (!data.records.length && this.q.pageNo !== 1) {
this.q.pageNo = 1
this.reportList()
}
})
},
// 监听全选按钮
handleCheckAllChange(val, type) {
handleCheckAllChange (val, type) {
switch (type) {
case 1:
this.q.labelOneId = val ? this.tagData[type].tags.map(item => item.id) : [];
break;
this.q.labelOneId = val ? this.tagData[type].tags.map(item => item.id) : []
break
case 2:
this.q.labelTwoId = val ? this.tagData[type].tags.map(item => item.id) : [];
break;
this.q.labelTwoId = val ? this.tagData[type].tags.map(item => item.id) : []
break
case 3:
this.q.labelThreeId = val ? this.tagData[type].tags.map(item => item.id) : [];
break;
this.q.labelThreeId = val ? this.tagData[type].tags.map(item => item.id) : []
break
}
this.tagData[type].isIndeterminate = !val;
this.tagData[type].isIndeterminate = !val
},
// 监听group checkbox
handleCheckedTagsChange(val, type) {
this.tagData[type].checkAll = (val.length === this.tagData[type].tags.length);
this.tagData[type].isIndeterminate = val.length < this.tagData[type].tags.length;
handleCheckedTagsChange (val, type) {
this.tagData[type].checkAll = (val.length === this.tagData[type].tags.length)
this.tagData[type].isIndeterminate = val.length < this.tagData[type].tags.length
},
// 切换展开隐藏
switchTagShow(type) {
this.tagData[type].tagShow = !this.tagData[type].tagShow;
switchTagShow (type) {
this.tagData[type].tagShow = !this.tagData[type].tagShow
},
// 日期列表
reportDateList() {
this.$api.report.reportDateList().then(({data}) => {
this.yearList = data.list;
reportDateList () {
this.$api.report.reportDateList().then(({ data }) => {
this.yearList = data.list
})
},
// 单页数据量
handleSizeChange(val) {
this.q.pageSize = val;
this.q.pageNo = 1;
this.reportList();
handleSizeChange (val) {
this.q.pageSize = val
this.q.pageNo = 1
this.reportList()
},
// 第几页
handleCurrentChange(val) {
this.q.pageNo = val;
this.reportList();
handleCurrentChange (val) {
this.q.pageNo = val
this.reportList()
},
// 预览
previewRow(row) {
this.fullscreen = false;
previewRow (row) {
this.fullscreen = false
// 更新预览水印的时间戳
this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`;
this.$api.report.reportGetReportHtmlId({id: row.id}).then(({data}) => {
this.content = data.content;
this.dialogPreview = true;
this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`
this.$api.report.reportGetReportHtmlId({ id: row.id }).then(({ data }) => {
this.content = data.content
this.dialogPreview = true
})
},
// 重置
reset() {
reset () {
this.q = {
keyContent: '',
year: [],
@@ -305,37 +305,37 @@ export default {
labelTwoId: [],
labelThreeId: [],
pageNo: 1,
pageSize: 10,
};
this.total = 0;
this.tableData = [];
this.tagData[1].checkAll = false;
this.tagData[1].isIndeterminate = true;
this.tagData[2].checkAll = false;
this.tagData[2].isIndeterminate = true;
this.tagData[3].checkAll = false;
this.tagData[3].isIndeterminate = true;
this.reportList();
pageSize: 10
}
this.total = 0
this.tableData = []
this.tagData[1].checkAll = false
this.tagData[1].isIndeterminate = true
this.tagData[2].checkAll = false
this.tagData[2].isIndeterminate = true
this.tagData[3].checkAll = false
this.tagData[3].isIndeterminate = true
this.reportList()
},
// 下载
downloadRow(row) {
downloadRow (row) {
// this.$confirm('此操作将下载所选数据文件, 是否继续?', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
this.$api.report.reportDownload({fileId: row.fileId}).then(res => {
downloadFile(res);
this.$api.report.reportDownload({ fileId: row.fileId }).then(res => {
downloadFile(res)
})
// })
},
// 跳转到详情
goReportDetail(row) {
this.$router.push({path: '/report/detail', query: {id: this.$route.query.id, row: JSON.stringify(row)}});
goReportDetail (row) {
this.$router.push({ path: '/report/detail', query: { id: this.$route.query.id, row: JSON.stringify(row) } })
}
},
created() {
this.init();
created () {
this.init()
}
}
</script>
src/views/Report/ReportManager.vue
+277 -278
View File
@@ -377,13 +377,13 @@
</template>
<script>
import {fileType} from '@/utils/fileType'
import {downloadFile} from "../../utils/downloadFile";
import {formatDate} from '@/utils/date'
import { fileType } from '@/utils/fileType'
import { downloadFile } from '../../utils/downloadFile'
import { formatDate } from '@/utils/date'
export default {
name: "ReportManager",
data() {
name: 'ReportManager',
data () {
return {
watermarkText: '', // 水印
fullscreen: false,
@@ -395,7 +395,7 @@ export default {
pageNo: 1,
pageSize: 10,
reportName: '', // 报告名称
startDate: '', // 开始时间
startDate: '' // 开始时间
},
qLogTotal: 0,
qLogDateRange: '', // 开始结束时间
@@ -430,7 +430,7 @@ export default {
childList: [
// {name: '无', type: '3', id: '', parentId: ''},
]
},
}
},
/* =============================================== 报告上传 =============================================== */
dialogReport: false, // 报告上传
@@ -448,7 +448,7 @@ export default {
labelTwoName: '', // 标签2
labelThreeId: '', // 标签3
labelThreeName: '', // 标签3
reportUserIdList: [], // 权限
reportUserIdList: [] // 权限
},
labelOne: {},
labelTwo: {},
@@ -456,9 +456,9 @@ export default {
mode: '',
userList: [],
pickerOptions: {
disabledDate(time) {
return time.getFullYear() > new Date().getFullYear() + 1 || time.getFullYear() < new Date().getFullYear() - 10;
},
disabledDate (time) {
return time.getFullYear() > new Date().getFullYear() + 1 || time.getFullYear() < new Date().getFullYear() - 10
}
},
/* =============================================== 列表展示 =============================================== */
q: {
@@ -468,7 +468,7 @@ export default {
labelTwoId: [],
labelThreeId: [],
pageNo: 1,
pageSize: 10,
pageSize: 10
},
total: 0,
tableData: [],
@@ -478,279 +478,278 @@ export default {
}
},
methods: {
init() {
this.labelList();
this.reset();
this.reportDateList();
this.sysUserList();
init () {
this.labelList()
this.reset()
this.reportDateList()
this.sysUserList()
},
/* =============================================== 操作日志 =============================================== */
// 操作日志
openLog() {
this.dialogLog = true;
this.logReset();
openLog () {
this.dialogLog = true
this.logReset()
},
// 日志重置搜索
logReset() {
this.qLogDateRange = '';
logReset () {
this.qLogDateRange = ''
this.qLog = {
doName: '', // 操作类型
endDate: '', // 结束时间
pageNo: 1,
pageSize: 10,
reportName: '', // 报告名称
startDate: '', // 开始时间
};
this.qLogTotal = 0;
this.qLogDateRange = ''; // 开始结束时间
this.logTableData = [];
this.doNames = [];
this.reportLogList();
startDate: '' // 开始时间
}
this.qLogTotal = 0
this.qLogDateRange = '' // 开始结束时间
this.logTableData = []
this.doNames = []
this.reportLogList()
},
// 搜索
searchLog() {
this.qLog.pageNo = 1;
this.reportLogList();
searchLog () {
this.qLog.pageNo = 1
this.reportLogList()
},
// 报告列表
reportLogList() {
reportLogList () {
this.$api.report.reportLogList(this.qLog)
.then(({data}) => {
this.logTableData = data.records;
this.qLogTotal = data.total;
this.qLog.pageNo = data.current;
this.qLog.pageSize = data.size;
.then(({ data }) => {
this.logTableData = data.records
this.qLogTotal = data.total
this.qLog.pageNo = data.current
this.qLog.pageSize = data.size
if (!data.records.length && this.qLog.pageNo !== 1) {
this.qLog.pageNo = 1;
this.reportLogList();
this.qLog.pageNo = 1
this.reportLogList()
}
})
},
// 单页数据量
handleLogSizeChange(val) {
this.qLog.pageSize = val;
this.qLog.pageNo = 1;
this.reportLogList();
handleLogSizeChange (val) {
this.qLog.pageSize = val
this.qLog.pageNo = 1
this.reportLogList()
},
// 第几页
handleLogCurrentChange(val) {
this.qLog.pageNo = val;
this.reportLogList();
handleLogCurrentChange (val) {
this.qLog.pageNo = val
this.reportLogList()
},
// 日期
handleLogDate(val) {
handleLogDate (val) {
if (val) {
this.qLog.startDate = val[0];
this.qLog.endDate = val[1];
this.qLog.startDate = val[0]
this.qLog.endDate = val[1]
} else {
this.qLog.startDate = '';
this.qLog.endDate = '';
this.qLog.startDate = ''
this.qLog.endDate = ''
}
},
handleTyleChange(val){
this.qLog.doName = val.join(',');
handleTyleChange (val) {
this.qLog.doName = val.join(',')
},
/* =============================================== 标签维护 =============================================== */
// 标签维护 新增
addTag(index, type) {
addTag (index, type) {
if (this.tagsForm['tags0' + type].childList.length >= 20) {
return this.$message.warning("最多添加20个标签");
return this.$message.warning('最多添加20个标签')
}
let itemData = {name: '', id: "", parentId: this.tagsForm['tags0' + type].id, type: String(type)};
this.tagsForm['tags0' + type].childList.splice(index + 1, 0, itemData);
const itemData = { name: '', id: '', parentId: this.tagsForm['tags0' + type].id, type: String(type) }
this.tagsForm['tags0' + type].childList.splice(index + 1, 0, itemData)
},
// 标签维护 删除
delTag(index, type) {
let {id, status} = this.tagsForm['tags0' + type].childList[index];
if(status === '1'){
delTag (index, type) {
const { id, status } = this.tagsForm['tags0' + type].childList[index]
if (status === '1') {
this.$confirm('此标签已应用于报告, 是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (id) {
this.$api.report.labelDeleteId({id}).then(_ => {
this.$message.success('操作成功');
this.labelList();
this.$api.report.labelDeleteId({ id }).then(_ => {
this.$message.success('操作成功')
this.labelList()
})
} else {
this.tagsForm['tags0' + type].childList.splice(index, 1);
this.$message.success('操作成功');
this.tagsForm['tags0' + type].childList.splice(index, 1)
this.$message.success('操作成功')
}
})
}else{
} else {
if (id) {
this.$api.report.labelDeleteId({id}).then(_ => {
this.$message.success('操作成功');
this.labelList();
this.$api.report.labelDeleteId({ id }).then(_ => {
this.$message.success('操作成功')
this.labelList()
})
} else {
this.tagsForm['tags0' + type].childList.splice(index, 1);
this.$message.success('操作成功');
this.tagsForm['tags0' + type].childList.splice(index, 1)
this.$message.success('操作成功')
}
}
},
// 上移
upTag(item, index, type){
upTag (item, index, type) {
this.$api.report.labelMove({
id: item.id,
moveType: 'up',
type: String(type)
}).then(_=>{
this.labelList();
}).then(_ => {
this.labelList()
})
},
// 下移
downTag(item, index, type){
downTag (item, index, type) {
this.$api.report.labelMove({
id: item.id,
moveType: 'down',
type: String(type)
}).then(_=>{
this.labelList();
}).then(_ => {
this.labelList()
})
},
// 标签维护
openTags() {
this.dialogTags = true;
this.labelList();
openTags () {
this.dialogTags = true
this.labelList()
},
// 单个标签保存
handleSaveTag(val, item, type) {
if(val === ''){
this.$message.warning('标签名称不能为空');
this.labelList();
return;
handleSaveTag (val, item, type) {
if (val === '') {
this.$message.warning('标签名称不能为空')
this.labelList()
return
}
if(val === '-'){
this.$message.warning('标签名称不能为-');
this.labelList();
return;
if (val === '-') {
this.$message.warning('标签名称不能为-')
this.labelList()
return
}
if(this.tagsForm['tags0' + type].childList.filter(item => item.name === val).length > 1){
this.$message.warning('标签名称不能重复');
this.labelList();
return;
if (this.tagsForm['tags0' + type].childList.filter(item => item.name === val).length > 1) {
this.$message.warning('标签名称不能重复')
this.labelList()
return
}
let params = {name: val, parentId: this.tagsForm['tags0' + type].id, type: String(type), id: item.id || ''}
if(item.status === '1'){
const params = { name: val, parentId: this.tagsForm['tags0' + type].id, type: String(type), id: item.id || '' }
if (item.status === '1') {
this.$confirm('此标签已应用于报告, 是否编辑?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.report.labelAdd(params).then(_ => {
this.$message.success('操作成功');
this.labelList();
this.$message.success('操作成功')
this.labelList()
}).catch(_ => {
this.labelList();
this.labelList()
})
}).catch(_=>{
this.labelList();
}).catch(_ => {
this.labelList()
})
}else{
} else {
this.$api.report.labelAdd(params).then(_ => {
this.$message.success('操作成功');
this.labelList();
this.$message.success('操作成功')
this.labelList()
}).catch(_ => {
this.labelList();
this.labelList()
})
}
},
// 单个顶级标签保存
handleSaveTopTag(val, type) {
if(val === ''){
this.$message.warning('标签名称不能为空');
this.labelList();
return;
handleSaveTopTag (val, type) {
if (val === '') {
this.$message.warning('标签名称不能为空')
this.labelList()
return
}
if(val === '-'){
this.$message.warning('标签名称不能为-');
this.labelList();
return;
if (val === '-') {
this.$message.warning('标签名称不能为-')
this.labelList()
return
}
if(type === 1 && (val === this.tagsForm.tags02.name || val === this.tagsForm.tags03.name)){
this.$message.warning('标签名称不能重复');
this.labelList();
return;
if (type === 1 && (val === this.tagsForm.tags02.name || val === this.tagsForm.tags03.name)) {
this.$message.warning('标签名称不能重复')
this.labelList()
return
}
if(type === 2 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags03.name)){
this.$message.warning('标签名称不能重复');
this.labelList();
return;
if (type === 2 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags03.name)) {
this.$message.warning('标签名称不能重复')
this.labelList()
return
}
if(type === 3 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags02.name)){
this.$message.warning('标签名称不能重复');
this.labelList();
return;
if (type === 3 && (val === this.tagsForm.tags01.name || val === this.tagsForm.tags02.name)) {
this.$message.warning('标签名称不能重复')
this.labelList()
return
}
let params = {name: val, id: this.tagsForm['tags0' + type].id, parentId: '0', type: String(type)};
const params = { name: val, id: this.tagsForm['tags0' + type].id, parentId: '0', type: String(type) }
this.$api.report.labelAdd(params).then(_ => {
this.$message.success('操作成功');
this.labelList();
this.$message.success('操作成功')
this.labelList()
}).catch(_ => {
this.labelList();
this.labelList()
})
},
// 标签列表
labelList() {
this.$api.report.labelList().then(({data}) => {
if(!data.labelOne.childList.length){
data.labelOne.childList = [{name: '', id: '', parentId: this.tagsForm.tags01.id, type: '1'}]
labelList () {
this.$api.report.labelList().then(({ data }) => {
if (!data.labelOne.childList.length) {
data.labelOne.childList = [{ name: '', id: '', parentId: this.tagsForm.tags01.id, type: '1' }]
}
if(!data.labelTwo.childList.length){
data.labelTwo.childList = [{name: '', id: '', parentId: this.tagsForm.tags02.id, type: '2'}]
if (!data.labelTwo.childList.length) {
data.labelTwo.childList = [{ name: '', id: '', parentId: this.tagsForm.tags02.id, type: '2' }]
}
if(!data.labelThree.childList.length){
data.labelThree.childList = [{name: '', id: '', parentId: this.tagsForm.tags03.id, type: '3'}]
if (!data.labelThree.childList.length) {
data.labelThree.childList = [{ name: '', id: '', parentId: this.tagsForm.tags03.id, type: '3' }]
}
this.tagsForm.tags01 = data.labelOne;
this.tagsForm.tags02 = data.labelTwo;
this.tagsForm.tags03 = data.labelThree;
this.tagsForm.tags01 = data.labelOne
this.tagsForm.tags02 = data.labelTwo
this.tagsForm.tags03 = data.labelThree
})
},
handleTagsClose(){
this.dialogTags = false;
this.labelList();
this.reset();
handleTagsClose () {
this.dialogTags = false
this.labelList()
this.reset()
},
// 保存标签
saveTags() {
let tagsForm = JSON.parse(JSON.stringify(this.tagsForm));
let params = {
saveTags () {
const tagsForm = JSON.parse(JSON.stringify(this.tagsForm))
const params = {
labelList: [
tagsForm.tags01,
tagsForm.tags02,
tagsForm.tags03
]
}
let isSave = true;
let isSave = true
params.labelList.forEach(item => {
if(!item.name || item.name === '-'){
isSave = false;
if (!item.name || item.name === '-') {
isSave = false
return
}
item.childList.forEach(ele => {
if(!ele.name || item.name === '-'){
isSave = false;
return
if (!ele.name || item.name === '-') {
isSave = false
}
})
})
if(!isSave){
return this.$message.warning('标签名称不能为空');
if (!isSave) {
return this.$message.warning('标签名称不能为空')
}
this.$api.report.labelSave(params).then(_ => {
this.$message.success('操作成功');
this.dialogTags = false;
this.labelList();
this.reset();
this.$message.success('操作成功')
this.dialogTags = false
this.labelList()
this.reset()
})
},
/* =============================================== 报告上传 =============================================== */
// 打开报告上传
openReportAdd() {
this.mode = 'add';
openReportAdd () {
this.mode = 'add'
this.reportF = {
name: '', // 报告名称
keyContent: '', // 关键词
@@ -765,127 +764,127 @@ export default {
labelTwoName: '', // 标签2
labelThreeId: '', // 标签3
labelThreeName: '', // 标签3
reportUserIdList: [], // 权限
};
this.labelOne = {};
this.labelTwo = {};
this.labelThree = {};
this.labelList();
this.dialogReport = true;
reportUserIdList: [] // 权限
}
this.labelOne = {}
this.labelTwo = {}
this.labelThree = {}
this.labelList()
this.dialogReport = true
},
// 选择标签
handleSelectTag(val, type) {
handleSelectTag (val, type) {
switch (type) {
case 1:
this.reportF.labelOneId = val.id;
this.reportF.labelOneName = val.name;
break;
this.reportF.labelOneId = val.id
this.reportF.labelOneName = val.name
break
case 2:
this.reportF.labelTwoId = val.id;
this.reportF.labelTwoName = val.name;
break;
this.reportF.labelTwoId = val.id
this.reportF.labelTwoName = val.name
break
case 3:
this.reportF.labelThreeId = val.id;
this.reportF.labelThreeName = val.name;
break;
this.reportF.labelThreeId = val.id
this.reportF.labelThreeName = val.name
break
}
},
// 必填项
checkReportF() {
checkReportF () {
if (!this.reportF.name) {
return this.$message.warning('请检查报告名称') && false;
return this.$message.warning('请检查报告名称') && false
}
if (!this.reportF.fileId || !this.reportF.fileName) {
return this.$message.warning('请检查上传文件') && false;
return this.$message.warning('请检查上传文件') && false
}
if (!this.reportF.year) {
return this.$message.warning('请检查报告年份') && false;
return this.$message.warning('请检查报告年份') && false
}
if (!this.reportF.labelOneId || !this.reportF.labelOneName || this.reportF.labelOneName === '-' ) {
return this.$message.warning(`请检查${this.tagsForm.tags01.name}`) && false;
if (!this.reportF.labelOneId || !this.reportF.labelOneName || this.reportF.labelOneName === '-') {
return this.$message.warning(`请检查${this.tagsForm.tags01.name}`) && false
}
if (!this.reportF.labelTwoId || !this.reportF.labelTwoName || this.reportF.labelTwoName === '-') {
return this.$message.warning(`请检查${this.tagsForm.tags02.name}`) && false;
return this.$message.warning(`请检查${this.tagsForm.tags02.name}`) && false
}
if (!this.reportF.labelThreeId || !this.reportF.labelThreeName || this.reportF.labelThreeName === '-') {
return this.$message.warning(`请检查${this.tagsForm.tags03.name}`) && false;
return this.$message.warning(`请检查${this.tagsForm.tags03.name}`) && false
}
if (!this.reportF.reportUserIdList || !this.reportF.reportUserIdList.length) {
return this.$message.warning('请检查权限') && false;
return this.$message.warning('请检查权限') && false
}
return true;
return true
},
// 新增或编辑报告
reportAdd() {
if (!this.checkReportF()) return;
reportAdd () {
if (!this.checkReportF()) return
this.$api.report.reportAdd(this.reportF).then(_ => {
this.$message.success('操作成功');
this.dialogReport = false;
this.reset();
this.$message.success('操作成功')
this.dialogReport = false
this.reset()
})
},
// 上传文件
uploadFile(params) {
let fd = new FormData();
fd.append('file', params.file);
this.$api.report.reportUploadFile(fd).then(({data}) => {
this.reportF.fileName = data.name;
this.reportF.fileId = data.key;
uploadFile (params) {
const fd = new FormData()
fd.append('file', params.file)
this.$api.report.reportUploadFile(fd).then(({ data }) => {
this.reportF.fileName = data.name
this.reportF.fileId = data.key
})
},
// 上传文件前
beforeUploadFile(file) {
let realFileType = file.name.split('.')[file.name.split('.').length - 1];
beforeUploadFile (file) {
const realFileType = file.name.split('.')[file.name.split('.').length - 1]
const isType = (
file.type === fileType.pdf || file.type === fileType.xls || file.type === fileType.xlsx || file.type === fileType.doc || file.type === fileType.docx || file.type === fileType.ppt || file.type === fileType.pptx
|| realFileType === 'pdf' || realFileType === 'xls' || realFileType === 'xlsx' || realFileType === 'doc' || realFileType === 'docx' || realFileType === 'ppt' || realFileType === 'pptx'
);
const isSize = file.size / 1024 / 1024 < 200;
file.type === fileType.pdf || file.type === fileType.xls || file.type === fileType.xlsx || file.type === fileType.doc || file.type === fileType.docx || file.type === fileType.ppt || file.type === fileType.pptx ||
realFileType === 'pdf' || realFileType === 'xls' || realFileType === 'xlsx' || realFileType === 'doc' || realFileType === 'docx' || realFileType === 'ppt' || realFileType === 'pptx'
)
const isSize = file.size / 1024 / 1024 < 200
if (!isType) {
this.$message.error('仅能上传 pdf｜xls｜xlsx｜doc｜docx｜ppt｜pptx 格式文件');
this.$message.error('仅能上传 pdf｜xls｜xlsx｜doc｜docx｜ppt｜pptx 格式文件')
}
if (!isSize) {
this.$message.error('您最大可上传200M文件');
this.$message.error('您最大可上传200M文件')
}
return isType && isSize;
return isType && isSize
},
// 重置
resetUploadFile() {
this.reportF.fileId = '';
this.reportF.fileName = '';
resetUploadFile () {
this.reportF.fileId = ''
this.reportF.fileName = ''
},
// 打开报告上传
openReportModify(mode, row) {
this.mode = mode;
this.labelList();
let rowData = JSON.parse(JSON.stringify(row));
if(rowData.labelOneName !== '-'){
this.labelOne = {id: rowData.labelOneId, rowData: rowData.labelOneName};
}else{
this.labelOne = {};
openReportModify (mode, row) {
this.mode = mode
this.labelList()
const rowData = JSON.parse(JSON.stringify(row))
if (rowData.labelOneName !== '-') {
this.labelOne = { id: rowData.labelOneId, rowData: rowData.labelOneName }
} else {
this.labelOne = {}
}
if(rowData.labelTwoName !== '-'){
this.labelTwo = {id: rowData.labelTwoId, name: rowData.labelTwoName};
}else{
this.labelTwo = {};
if (rowData.labelTwoName !== '-') {
this.labelTwo = { id: rowData.labelTwoId, name: rowData.labelTwoName }
} else {
this.labelTwo = {}
}
if(rowData.labelThreeName !== '-'){
this.labelThree = {id: rowData.labelThreeId, name: rowData.labelThreeName};
}else{
this.labelThree = {};
if (rowData.labelThreeName !== '-') {
this.labelThree = { id: rowData.labelThreeId, name: rowData.labelThreeName }
} else {
this.labelThree = {}
}
this.reportF = rowData;
this.dialogReport = true;
this.reportF = rowData
this.dialogReport = true
},
// 获取所有用户
sysUserList() {
this.$api.user.sysUserList({pageNo: 1, pageSize: 999999}).then(({data}) => {
this.userList = data.records;
sysUserList () {
this.$api.user.sysUserList({ pageNo: 1, pageSize: 999999 }).then(({ data }) => {
this.userList = data.records
})
},
/* =============================================== 列表展示 =============================================== */
// 重置
reset() {
reset () {
this.q = {
keyContent: '',
year: [],
@@ -893,86 +892,86 @@ export default {
labelTwoId: [],
labelThreeId: [],
pageNo: 1,
pageSize: 10,
};
this.total = 0;
this.tableData = [];
this.reportList();
this.reportDateList();
pageSize: 10
}
this.total = 0
this.tableData = []
this.reportList()
this.reportDateList()
},
// 报告删除
reportDelete(ids) {
reportDelete (ids) {
this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.report.reportDelete({ids}).then(_ => {
this.$message.success('操作成功');
this.reportList();
this.reportDateList();
this.$api.report.reportDelete({ ids }).then(_ => {
this.$message.success('操作成功')
this.reportList()
this.reportDateList()
})
})
},
search() {
this.q.pageNo = 1;
this.reportList();
search () {
this.q.pageNo = 1
this.reportList()
},
// 列表
reportList() {
this.$api.report.reportList(this.q).then(({data}) => {
this.tableData = data.records;
this.total = data.total;
this.q.pageNo = data.current;
this.q.pageSize = data.size;
reportList () {
this.$api.report.reportList(this.q).then(({ data }) => {
this.tableData = data.records
this.total = data.total
this.q.pageNo = data.current
this.q.pageSize = data.size
if (!data.records.length && this.q.pageNo !== 1) {
this.q.pageNo = 1;
this.reportList();
this.q.pageNo = 1
this.reportList()
}
})
},
// 日期列表
reportDateList() {
this.$api.report.reportDateList().then(({data}) => {
this.yearList = data.list;
reportDateList () {
this.$api.report.reportDateList().then(({ data }) => {
this.yearList = data.list
})
},
// 单页数据量
handleSizeChange(val) {
this.q.pageSize = val;
this.q.pageNo = 1;
this.reportList();
handleSizeChange (val) {
this.q.pageSize = val
this.q.pageNo = 1
this.reportList()
},
// 第几页
handleCurrentChange(val) {
this.q.pageNo = val;
this.reportList();
handleCurrentChange (val) {
this.q.pageNo = val
this.reportList()
},
// 预览
previewRow(row) {
this.fullscreen = false;
previewRow (row) {
this.fullscreen = false
// 更新预览水印的时间戳
this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`;
this.$api.report.reportGetReportHtmlId({id: row.id}).then(({data}) => {
this.content = data.content;
this.dialogPreview = true;
this.watermarkText = `${this.$store.state.userInfo.usname} ${formatDate(+new Date(), 'yyyy年MM月dd日 hh:mm:ss')}`
this.$api.report.reportGetReportHtmlId({ id: row.id }).then(({ data }) => {
this.content = data.content
this.dialogPreview = true
})
},
// 下载
downloadRow(row) {
downloadRow (row) {
// this.$confirm('此操作将下载所选数据文件, 是否继续?', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
this.$api.report.reportDownload({fileId: row.fileId}).then(res => {
downloadFile(res);
this.$api.report.reportDownload({ fileId: row.fileId }).then(res => {
downloadFile(res)
})
// })
}
},
},
created() {
this.init();
created () {
this.init()
}
}
</script>
src/views/System/401Page.vue
+3 -3
View File
@@ -5,13 +5,13 @@
</template>
<script>
export default {
export default {
name: 'Page401',
data() {
data () {
return {}
},
methods: {}
}
}
</script>
<style lang="scss" scoped>
src/views/System/MenuManager.vue
+64 -66
View File
@@ -87,11 +87,11 @@
</template>
<script>
import {fileType} from "@/utils/fileType";
import { fileType } from '@/utils/fileType'
export default {
name: "MenuManager",
data() {
export default {
name: 'MenuManager',
data () {
return {
form: {
name: '', // 名称
@@ -102,32 +102,32 @@
remarks: '', // 描述
id: '',
parentId: '',
isUrl: 0,
isUrl: 0
},
tableData: [],
dialogMenu: false,
mode: '',
pathList: [],
level: 0,
level: 0
}
},
methods: {
init() {
this.sysMenuFindAllMenus();
this.getRouterPath();
init () {
this.sysMenuFindAllMenus()
this.getRouterPath()
},
// 菜单
sysMenuFindAllMenus() {
this.$api.menu.sysMenuFindAllMenus().then(({data}) => {
sysMenuFindAllMenus () {
this.$api.menu.sysMenuFindAllMenus().then(({ data }) => {
this.tableData = data.filter(item => item.id !== '6f6fafb4a7').sort((a, b) => {
return a.sort - b.sort;
});
return a.sort - b.sort
})
})
},
// 新增弹窗
addMenu(row, level) {
this.mode = 'add';
this.level = level + 1;
addMenu (row, level) {
this.mode = 'add'
this.level = level + 1
this.form = {
name: '', // 名称
href: '', // 路径
@@ -137,15 +137,15 @@
remarks: '', // 描述
id: '',
parentId: '',
isUrl: 0,
};
this.form.parentId = row ? row.id : '6f6fafb4a7';
this.dialogMenu = true;
isUrl: 0
}
this.form.parentId = row ? row.id : '6f6fafb4a7'
this.dialogMenu = true
},
// 新增 修改
postOrPutSysMenu() {
postOrPutSysMenu () {
if (!this.form.name) {
return this.$message.warning('请输入菜单名称');
return this.$message.warning('请输入菜单名称')
}
if (this.level === 0 || this.level === 2) {
// if (!this.form.icon) {
@@ -154,91 +154,91 @@
}
if (this.mode === 'add') {
this.$api.menu.postSysMenu(this.form).then(_ => {
this.$message.success('操作成功');
this.dialogMenu = false;
this.sysMenuFindAllMenus();
this.$message.success('操作成功')
this.dialogMenu = false
this.sysMenuFindAllMenus()
})
}
if (this.mode === 'modify') {
this.$api.menu.putSysMenu(this.form).then(_ => {
this.$message.success('操作成功');
this.dialogMenu = false;
this.sysMenuFindAllMenus();
this.$message.success('操作成功')
this.dialogMenu = false
this.sysMenuFindAllMenus()
})
}
},
// 图标上传
uploadFile(params) {
let fd = new FormData();
fd.append('file', params.file);
this.$api.report.reportUploadPicFile(fd).then(({data}) => {
this.form.icon = data.key;
this.form.iconHref = data.value;
uploadFile (params) {
const fd = new FormData()
fd.append('file', params.file)
this.$api.report.reportUploadPicFile(fd).then(({ data }) => {
this.form.icon = data.key
this.form.iconHref = data.value
})
},
beforeUploadFile(file) {
const isType = (file.type === fileType.png || file.type === fileType.jpg);
const isSize = file.size / 1024 / 1024 < 2;
beforeUploadFile (file) {
const isType = (file.type === fileType.png || file.type === fileType.jpg)
const isSize = file.size / 1024 / 1024 < 2
if (!isType) {
this.$message.error('仅能上传 png｜jpg 格式文件');
this.$message.error('仅能上传 png｜jpg 格式文件')
}
if (!isSize) {
this.$message.error('您最大可上传2M文件');
this.$message.error('您最大可上传2M文件')
}
return isType && isSize;
return isType && isSize
},
// 删除
deleteRow(row) {
deleteRow (row) {
this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.menu.sysMenuDeleteId({ids: row.id}).then(_ => {
this.$message.success('操作成功');
this.sysMenuFindAllMenus();
this.$api.menu.sysMenuDeleteId({ ids: row.id }).then(_ => {
this.$message.success('操作成功')
this.sysMenuFindAllMenus()
})
})
},
// 编辑
modifyRow(row, level) {
this.level = level;
this.mode = 'modify';
this.form = JSON.parse(JSON.stringify(row));
this.dialogMenu = true;
modifyRow (row, level) {
this.level = level
this.mode = 'modify'
this.form = JSON.parse(JSON.stringify(row))
this.dialogMenu = true
},
// 获取存在路径
getRouterPath() {
let pathList = [];
let pathFun = (data, url) => {
getRouterPath () {
const pathList = []
const pathFun = (data, url) => {
data.forEach(item => {
if (item.children) {
pathFun(item.children, item.path);
pathFun(item.children, item.path)
} else {
pathList.push(`${url ? (url + '/') : ''}${item.path}`);
pathList.push(`${url ? (url + '/') : ''}${item.path}`)
}
})
}
pathFun(this.$router.options.routes);
this.pathList = pathList;
},
pathFun(this.$router.options.routes)
this.pathList = pathList
}
},
computed: {
dialogTitle() {
dialogTitle () {
switch (this.mode) {
case 'add':
return '新增';
return '新增'
case 'modify':
return '编辑';
return '编辑'
case 'view':
return '查看';
return '查看'
}
}
},
created() {
this.init();
}
created () {
this.init()
}
}
</script>
<style lang="scss" scoped>
@@ -324,7 +324,6 @@
// margin-left: -1.5px;
// }
.menu-image {
display: flex;
align-items: center;
@@ -434,7 +433,6 @@
}
}
.icon-menu-text {
display: flex;
width: 36px;
src/views/System/Role.vue
+58 -58
View File
@@ -80,10 +80,10 @@
</template>
<script>
import {v4 as uuidv4} from 'uuid';
import { v4 as uuidv4 } from 'uuid'
export default {
name: "Role",
data() {
name: 'Role',
data () {
return {
tableData: [], // 角色列表
dialogRole: false,
@@ -100,86 +100,86 @@ export default {
checkStrictly: true
},
roleId: '',
tableKey: uuidv4(),
tableKey: uuidv4()
// isHomePage: null, // 配置首页 1首页 2权限
}
},
methods: {
init() {
this.getSysRole();
this.sysMenuFindAllMenus();
init () {
this.getSysRole()
this.sysMenuFindAllMenus()
},
/* =============================================== 角色列表 =============================================== */
// 角色列表
getSysRole() {
this.$api.role.getSysRole().then(({data}) => {
this.tableData = data;
getSysRole () {
this.$api.role.getSysRole().then(({ data }) => {
this.tableData = data
})
},
// 删除角色
delSysRole(row) {
delSysRole (row) {
this.$confirm('此操作将删除所选角色, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.role.delSysRole({id: row.rid}).then(({data}) => {
this.$message.success('操作成功');
this.getSysRole();
this.$api.role.delSysRole({ id: row.rid }).then(({ data }) => {
this.$message.success('操作成功')
this.getSysRole()
})
})
},
/* =============================================== 角色弹窗 =============================================== */
// 新增角色
addRole() {
this.mode = 'add';
addRole () {
this.mode = 'add'
this.form = {
rname: '',
rdesc: '',
rid: ''
}
this.dialogRole = true;
this.dialogRole = true
},
// 编辑角色
modifyRow(row) {
this.mode = 'modify';
modifyRow (row) {
this.mode = 'modify'
this.form = {
rname: row.rname,
rdesc: row.rdesc,
rid: row.rid
}
this.dialogRole = true;
this.dialogRole = true
},
// 新增 修改
postOrPutSysRole() {
postOrPutSysRole () {
if (!this.form.rname) {
return this.$message.warning('请输入角色名称');
return this.$message.warning('请输入角色名称')
}
if (this.mode === 'add') {
this.$api.role.postSysRole(this.form).then(_ => {
this.$message.success('操作成功');
this.dialogRole = false;
this.getSysRole();
this.$message.success('操作成功')
this.dialogRole = false
this.getSysRole()
})
}
if (this.mode === 'modify') {
this.$api.role.putSysRole(this.form).then(_ => {
this.$message.success('操作成功');
this.dialogRole = false;
this.getSysRole();
this.$message.success('操作成功')
this.dialogRole = false
this.getSysRole()
})
}
},
/* =============================================== 角色权限 =============================================== */
// 获取菜单
openPermission(row) {
this.roleId = row.rid;
openPermission (row) {
this.roleId = row.rid
// this.isHomePage = type;
// if(type === 2){
this.$api.menu.getSysMenu({roleId: row.rid}).then(({data}) => {
this.checkboxConfig.checkRowKeys = data.filter(item => item.belong === 1).map(item => item.id);
this.tableKey = uuidv4();
this.dialogPermission = true;
this.$api.menu.getSysMenu({ roleId: row.rid }).then(({ data }) => {
this.checkboxConfig.checkRowKeys = data.filter(item => item.belong === 1).map(item => item.id)
this.tableKey = uuidv4()
this.dialogPermission = true
})
// }else if(type === 1) {
// this.$api.role.sysRoleGetRoleHome({roleId: row.rid}).then(({data}) => {
@@ -193,10 +193,10 @@ export default {
// }
},
// 获取权限
getSysMenu(roleId){
this.$api.menu.getSysMenu({roleId}).then(({data}) => {
this.checkboxConfig.checkRowKeys = data.filter(item => item.belong === 1).map(item => item.id);
this.tableKey = uuidv4();
getSysMenu (roleId) {
this.$api.menu.getSysMenu({ roleId }).then(({ data }) => {
this.checkboxConfig.checkRowKeys = data.filter(item => item.belong === 1).map(item => item.id)
this.tableKey = uuidv4()
})
},
// 获取首页
@@ -210,22 +210,22 @@ export default {
// })
// },
// 添加权限
sysRoleSaveRoleMenu() {
sysRoleSaveRoleMenu () {
// 获取全部选中和半选中的数据
let checkedData = this.$refs.rolePermission.getCheckboxRecords();
let indeterminateData = this.$refs.rolePermission.getCheckboxIndeterminateRecords();
const checkedData = this.$refs.rolePermission.getCheckboxRecords()
const indeterminateData = this.$refs.rolePermission.getCheckboxIndeterminateRecords()
let allCheckData = [];
allCheckData = checkedData.concat(indeterminateData);
let allCheckData = []
allCheckData = checkedData.concat(indeterminateData)
let ids = allCheckData.map(item => item.id);
let params = {
const ids = allCheckData.map(item => item.id)
const params = {
rid: this.roleId,
menusstr: ids
}
this.$api.role.sysRoleSaveRoleMenu(params).then(_ => {
this.$message.success('操作成功');
this.dialogPermission = false;
this.$message.success('操作成功')
this.dialogPermission = false
})
},
// // 首页配置
@@ -242,29 +242,29 @@ export default {
// },
// 菜单
sysMenuFindAllMenus() {
this.$api.menu.sysMenuFindAllMenus().then(({data}) => {
sysMenuFindAllMenus () {
this.$api.menu.sysMenuFindAllMenus().then(({ data }) => {
this.treeData = data.filter(item => item.id !== '6f6fafb4a7').sort((a, b) => {
return a.sort - b.sort;
});
return a.sort - b.sort
})
},
})
}
},
computed: {
dialogTitle() {
dialogTitle () {
switch (this.mode) {
case 'add':
return '新增';
return '新增'
case 'modify':
return '编辑';
return '编辑'
case 'view':
return '查看';
return '查看'
}
}
},
created() {
this.init();
created () {
this.init()
}
}
</script>
src/views/System/User.vue
+92 -93
View File
@@ -123,17 +123,17 @@
</template>
<script>
import {Base64} from "js-base64";
import { Base64 } from 'js-base64'
export default {
name: "User",
data() {
name: 'User',
data () {
return {
q: {
account: '', // 用户名
roleName: '', // 角色名称
pageNo: 1,
pageSize: 10,
pageSize: 10
},
total: 0,
tableData: [],
@@ -147,56 +147,56 @@ export default {
password: '', // 密码
usid: '',
usname: '', // 姓名
roleIdList: [''], // 角色
roleIdList: [''] // 角色
},
repassword: '',
roleList: [],
roleList: []
}
},
methods: {
search(){
this.q.pageNo = 1;
this.sysUserList();
search () {
this.q.pageNo = 1
this.sysUserList()
},
// 获取所有用户
sysUserList() {
this.$api.user.sysUserList(this.q).then(({data}) => {
this.tableData = data.records;
this.total = data.total;
this.q.pageNo = data.current;
this.q.pageSize = data.size;
if(!data.records.length && this.q.pageNo !== 1){
this.q.pageNo = 1;
this.sysUserList();
sysUserList () {
this.$api.user.sysUserList(this.q).then(({ data }) => {
this.tableData = data.records
this.total = data.total
this.q.pageNo = data.current
this.q.pageSize = data.size
if (!data.records.length && this.q.pageNo !== 1) {
this.q.pageNo = 1
this.sysUserList()
}
})
},
// 重置
reset() {
reset () {
this.q = {
account: '', // 用户名
roleName: '', // 角色名称
pageNo: 1,
pageSize: 10,
};
this.total = 0;
this.tableData = [];
this.sysUserList();
pageSize: 10
}
this.total = 0
this.tableData = []
this.sysUserList()
},
// 单页数据量
handleSizeChange(val) {
this.q.pageSize = val;
this.q.pageNo = 1;
this.sysUserList();
handleSizeChange (val) {
this.q.pageSize = val
this.q.pageNo = 1
this.sysUserList()
},
// 第几页
handleCurrentChange(val) {
this.q.pageNo = val;
this.sysUserList();
handleCurrentChange (val) {
this.q.pageNo = val
this.sysUserList()
},
// 新增
add() {
this.mode = 'add';
add () {
this.mode = 'add'
this.form = {
account: '', // 用户名
cellPhoneNumber: '', // 手机号
@@ -205,35 +205,35 @@ export default {
password: '', // 密码
usid: '',
usname: '', // 姓名
roleIdList: [''], // 角色
};
this.repassword = '';
this.dialogUser = true;
roleIdList: [''] // 角色
}
this.repassword = ''
this.dialogUser = true
},
// 启用/禁用
sysUserIsUse(val, row) {
sysUserIsUse (val, row) {
this.$confirm(val === '0' ? '此操作将禁用所选用户, 是否继续?' : '此操作将启用所选用户, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.user.sysUserIsUse({USID: row.USID, type: val}).then(_ => {
this.$message.success('操作成功');
this.sysUserList();
this.$api.user.sysUserIsUse({ USID: row.USID, type: val }).then(_ => {
this.$message.success('操作成功')
this.sysUserList()
})
}).catch(() => {
row.ISUSE = val === '1' ? '0' : '1';
});
row.ISUSE = val === '1' ? '0' : '1'
})
},
// 删除
deleteRow(row) {
this.deleteUser(row.USID);
deleteRow (row) {
this.deleteUser(row.USID)
},
// 验证
checkUserForm() {
checkUserForm () {
if (this.mode === 'add') {
if (!this.form.account || !(/^[a-zA-Z0-9]*$/.test(this.form.account))) {
return this.$message.warning('用户名只能为纯数字、纯字母或字母数字组合') && false;
return this.$message.warning('用户名只能为纯数字、纯字母或字母数字组合') && false
}
// // 密码
// if (!(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/.test(this.form.password))) {
@@ -243,7 +243,7 @@ export default {
// return this.$message.warning('请检查密码') && false;
// }
}
if(this.mode === 'modify'){
if (this.mode === 'modify') {
// if (this.form.password || this.repassword) {
// // 密码
// if (!(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/.test(this.form.password))) {
@@ -255,35 +255,35 @@ export default {
// }
}
if (this.form.cellPhoneNumber && !(/^1[3|4|5|7|8|9][0-9]{9}$/.test(this.form.cellPhoneNumber))) {
return this.$message.warning('请检查手机号') && false;
return this.$message.warning('请检查手机号') && false
}
if (this.form.email && !(/^[\w-.]+@[a-z\d-]+(\.[a-z\d-]+)*\.[a-z\d]{2,6}$/i.test(this.form.email))) {
return this.$message.warning('请检查邮箱') && false;
return this.$message.warning('请检查邮箱') && false
}
if (!this.form.roleIdList[0]) {
return this.$message.warning('请选择角色') && false;
return this.$message.warning('请选择角色') && false
}
if (!this.form.usname) {
return this.$message.warning('请输入姓名') && false;
return this.$message.warning('请输入姓名') && false
}
return true;
return true
},
// 新增用户
sysUserAddUser() {
if (!this.checkUserForm()) return;
let data = JSON.parse(JSON.stringify(this.form));
data.account = this.$JSEncrypt(data.account);
data.password = this.$JSEncrypt(data.password);
let jsonData = JSON.stringify(data);
sysUserAddUser () {
if (!this.checkUserForm()) return
const data = JSON.parse(JSON.stringify(this.form))
data.account = this.$JSEncrypt(data.account)
data.password = this.$JSEncrypt(data.password)
const jsonData = JSON.stringify(data)
this.$api.user.sysUserAddUser(Base64.encodeURI(jsonData)).then(_ => {
this.$message.success('操作成功');
this.dialogUser = false;
this.reset();
this.$message.success('操作成功')
this.dialogUser = false
this.reset()
})
},
// 编辑查看用户
openRowData(mode, row) {
this.mode = mode;
openRowData (mode, row) {
this.mode = mode
this.form = {
account: row.ACCOUNT, // 用户名
cellPhoneNumber: row.CELLPHONE_NUMBER, // 手机号
@@ -292,75 +292,74 @@ export default {
password: '', // 密码
usid: row.USID, // 用户ID
usname: row.USNAME, // 姓名
roleIdList: [row.ROLEID], // 角色
roleIdList: [row.ROLEID] // 角色
}
this.repassword = '';
this.dialogUser = true;
this.repassword = ''
this.dialogUser = true
},
newAddFunc(){
newAddFunc () {
},
uploadPDFSuccess(response, file, fileList) {
uploadPDFSuccess (response, file, fileList) {
if (response.ok) {
this.$message.success('导入成功');
this.$message.success('导入成功')
this.reset()
} else {
this.$message.error(response.message);
this.$message.error(response.message)
}
},
downloadTemp(){
downloadTemp () {
window.open('/library/api/sys/user/template')
},
// 多选用户
getSelectUser() {
let users = this.$refs.userTable.getCheckboxRecords();
getSelectUser () {
const users = this.$refs.userTable.getCheckboxRecords()
if (!users.length) {
return this.$message.warning('请选择数据后在进行操作');
return this.$message.warning('请选择数据后在进行操作')
}
let ids = users.map(item => item.USID).join(',');
this.deleteUser(ids);
const ids = users.map(item => item.USID).join(',')
this.deleteUser(ids)
},
// 删除用户
deleteUser(ids) {
deleteUser (ids) {
this.$confirm('此操作将删除所选用户, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$api.user.sysUserDelete({ids}).then(_ => {
this.$message.success('操作成功');
this.sysUserList();
this.$api.user.sysUserDelete({ ids }).then(_ => {
this.$message.success('操作成功')
this.sysUserList()
})
})
},
// 角色列表
getSysRole() {
this.$api.role.getSysRole().then(({data}) => {
this.roleList = data;
getSysRole () {
this.$api.role.getSysRole().then(({ data }) => {
this.roleList = data
})
},
}
},
computed: {
dialogTitle() {
dialogTitle () {
switch (this.mode) {
case 'add':
return '新增';
return '新增'
case 'modify':
return '编辑';
return '编辑'
case 'view':
return '查看';
return '查看'
}
}
},
created() {
this.sysUserList();
this.getSysRole();
created () {
this.sysUserList()
this.getSysRole()
}
}
</script>
<style lang="scss" scoped>
.system-user {
.title {
src/views/System/urlIndex.vue
+12 -13
View File
@@ -7,28 +7,28 @@
<script>
export default {
name: "MenuManager",
data() {
export default {
name: 'MenuManager',
data () {
return {
url: ''
}
},
methods: {},
computed: {},
created() {
created () {
this.url = this.$store.state.pathUrl
},
mounted() {
mounted () {
/**
* iframe-宽高自适应显示
*/
function changeMobsfIframe() {
const mobsf = document.getElementById('mobsf');
const deviceWidth = document.body.clientWidth;
const deviceHeight = document.body.clientHeight;
mobsf.style.width = '100%'; //数字是页面布局宽度差值
mobsf.style.height = (Number(deviceHeight) - 86) + 'px'; //数字是页面布局高度差
function changeMobsfIframe () {
const mobsf = document.getElementById('mobsf')
const deviceWidth = document.body.clientWidth
const deviceHeight = document.body.clientHeight
mobsf.style.width = '100%' // 数字是页面布局宽度差值
mobsf.style.height = (Number(deviceHeight) - 86) + 'px' // 数字是页面布局高度差
}
changeMobsfIframe()
@@ -37,7 +37,7 @@
changeMobsfIframe()
}
}
}
}
</script>
<style lang="scss" scoped>
@@ -225,7 +225,6 @@
}
}
.icon-menu-text {
display: flex;
width: 36px;
vue.config.js
+5 -5
View File
@@ -1,8 +1,8 @@
const webpack = require('webpack')
module.exports = {
// publicPath: '/mi',
outputDir: 'dist',// 运行时生成的生产环境构建文件的目录(默认''dist''，构建之前会被清除)
assetsDir: 'static',//放置生成的静态资源(s、css、img、fonts)的(相对于 outputDir 的)目录(默认'')
outputDir: 'dist', // 运行时生成的生产环境构建文件的目录(默认''dist''，构建之前会被清除)
assetsDir: 'static', // 放置生成的静态资源(s、css、img、fonts)的(相对于 outputDir 的)目录(默认'')
// 过滤掉打包会报错的插件依赖
transpileDependencies: ['vue-echarts', 'resize-detector', 'resize-detector',
'vue-quill-editor',
@@ -13,7 +13,7 @@ module.exports = {
// 配置跨域
'/api': {
target: 'http://10.94.1.164:7060', // 服务器
changeOrigin: true,
changeOrigin: true
},
// 请求静态图片配置项
'/api/home/pic': {
@@ -45,9 +45,9 @@ module.exports = {
plugins: [
new webpack.ProvidePlugin({
'window.Quill': 'quill/dist/quill.js',
'Quill': 'quill/dist/quill.js'
Quill: 'quill/dist/quill.js'
// Enumerable: "linq"
})
]
},
}
}