bianyaqi
2 years ago
21 changed files with 1764 additions and 1307 deletions
@ -1,221 +1,188 @@ |
|||
// import Cookies from 'js-cookie'
|
|||
|
|||
import qs from "qs"; |
|||
|
|||
// import qs from 'qs'
|
|||
export default { |
|||
data() { |
|||
/* eslint-disable */ |
|||
return { |
|||
// 设置属性
|
|||
mixinViewModuleOptions: { |
|||
createdIsNeed: true, // 此页面是否在创建时，调用查询数据列表接口？
|
|||
activatedIsNeed: false, // 此页面是否在激活（进入）时，调用查询数据列表接口？
|
|||
getDataListURL: "", // 数据列表接口，API地址
|
|||
getDataListIsPage: false, // 数据列表接口，是否需要分页？
|
|||
deleteURL: "", // 删除接口，API地址
|
|||
deleteIsBatch: false, // 删除接口，是否需要批量？
|
|||
deleteIsBatchKey: "id", // 删除接口，批量状态下由那个key进行标记操作？比如：pid，uid...
|
|||
exportURL: "", // 导出接口，API地址
|
|||
}, |
|||
// 默认属性
|
|||
dataForm: {}, // 查询条件
|
|||
dataList: [], // 数据列表
|
|||
order: "", // 排序，asc／desc
|
|||
orderField: "", // 排序，字段
|
|||
page: 1, // 当前页码
|
|||
limit: 10, // 每页数
|
|||
total: 0, // 总条数
|
|||
dataListLoading: false, // 数据列表，loading状态
|
|||
dataListSelections: [], // 数据列表，多选项
|
|||
addOrUpdateVisible: false, // 新增／更新，弹窗visible状态
|
|||
deleteParams: {}, |
|||
}; |
|||
/* eslint-enable */ |
|||
}, |
|||
created() { |
|||
if (this.mixinViewModuleOptions.createdIsNeed) { |
|||
this.getDataList(); |
|||
} |
|||
}, |
|||
activated() { |
|||
if (this.mixinViewModuleOptions.activatedIsNeed) { |
|||
this.getDataList(); |
|||
} |
|||
}, |
|||
methods: { |
|||
// 获取数据列表
|
|||
getDataList() { |
|||
this.dataListLoading = true; |
|||
let params = { |
|||
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null, |
|||
limit: this.mixinViewModuleOptions.getDataListIsPage |
|||
? this.limit |
|||
: null, |
|||
...this.dataForm, |
|||
}; |
|||
params = this.dealObjectValue(params); |
|||
this.mixinViewModuleOptions.getDataListURL |
|||
? this.$http |
|||
.get(this.mixinViewModuleOptions.getDataListURL, { |
|||
params: params, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
this.dataListLoading = false; |
|||
if (res.code !== 0) { |
|||
this.dataList = []; |
|||
this.total = 0; |
|||
return this.$message.error(res.msg); |
|||
} |
|||
this.dataList = this.mixinViewModuleOptions.getDataListIsPage |
|||
? res.data.list |
|||
: res.data; |
|||
res.data.drgsName ? (this.drgsName = res.data.drgsName) : ""; |
|||
this.total = this.mixinViewModuleOptions.getDataListIsPage |
|||
? res.data.total |
|||
: 0; |
|||
}) |
|||
.catch(() => { |
|||
this.dataListLoading = false; |
|||
}) |
|||
: ""; |
|||
}, |
|||
dealObjectValue(obj) { |
|||
const param = {}; |
|||
if (obj === null || obj === undefined || obj === "") return param; |
|||
for (var key in obj) { |
|||
if (obj[key] !== null && obj[key] !== undefined && obj[key] !== "") { |
|||
param[key] = obj[key]; |
|||
} |
|||
} |
|||
return param; |
|||
}, |
|||
// 多选
|
|||
dataListSelectionChangeHandle(val) { |
|||
this.dataListSelections = val; |
|||
}, |
|||
// 排序
|
|||
dataListSortChangeHandle(data) { |
|||
if (!data.order || !data.prop) { |
|||
this.order = ""; |
|||
this.orderField = ""; |
|||
return false; |
|||
} |
|||
this.order = data.order.replace(/ending$/, ""); |
|||
this.orderField = data.prop.replace(/([A-Z])/g, "_$1").toLowerCase(); |
|||
this.getDataList(); |
|||
}, |
|||
// 分页, 每页条数
|
|||
pageSizeChangeHandle(val) { |
|||
this.page = 1; |
|||
this.limit = val; |
|||
this.getDataList(); |
|||
}, |
|||
// 分页, 当前页
|
|||
pageCurrentChangeHandle(val) { |
|||
this.page = val; |
|||
this.getDataList(); |
|||
}, |
|||
// 初始化查询
|
|||
getDataListInitial() { |
|||
this.page = 1; |
|||
this.getDataList(); |
|||
}, |
|||
// 新增 / 修改
|
|||
addOrUpdateHandle(id, params, title, noParams) { |
|||
this.addOrUpdateVisible = true; |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.dataForm.id = id; |
|||
noParams ? "" : (this.$refs.addOrUpdate.params = params || {}); |
|||
this.$refs.addOrUpdate.dataForm.title = title; |
|||
// 存在BUG，params无法覆盖，弃用
|
|||
// this.$refs.addOrUpdate.dataForm = { id, ...params, title }
|
|||
this.$refs.addOrUpdate.init(); |
|||
}); |
|||
}, |
|||
// 分配人员
|
|||
assignPeopleHandle(scope) { |
|||
this.currentPeopleId = scope.id; |
|||
this.dialogVisible = true; |
|||
// 添加科研人员时，获取人员列表
|
|||
this.getUserList(scope.id); |
|||
}, |
|||
// 关闭当前窗口
|
|||
closeCurrentTab(data) { |
|||
var tabName = this.$store.state.contentTabsActiveName; |
|||
this.$store.state.contentTabs = this.$store.state.contentTabs.filter( |
|||
(item) => item.name !== tabName |
|||
); |
|||
if (this.$store.state.contentTabs.length <= 0) { |
|||
this.$store.state.sidebarMenuActiveName = |
|||
this.$store.state.contentTabsActiveName = "home"; |
|||
return false; |
|||
} |
|||
if (tabName === this.$store.state.contentTabsActiveName) { |
|||
this.$router.push({ |
|||
name: this.$store.state.contentTabs[ |
|||
this.$store.state.contentTabs.length - 1 |
|||
].name, |
|||
}); |
|||
} |
|||
}, |
|||
// 删除
|
|||
deleteHandle(id, callback) { |
|||
if ( |
|||
this.mixinViewModuleOptions.deleteIsBatch && |
|||
!id && |
|||
this.dataListSelections.length <= 0 |
|||
) { |
|||
return this.$message({ |
|||
message: this.$t("prompt.deleteBatch"), |
|||
type: "warning", |
|||
duration: 500, |
|||
}); |
|||
} |
|||
this.$confirm( |
|||
this.$t("prompt.info", { handle: this.$t("delete") }), |
|||
this.$t("prompt.title"), |
|||
{ |
|||
confirmButtonText: this.$t("confirm"), |
|||
cancelButtonText: this.$t("cancel"), |
|||
type: "warning", |
|||
} |
|||
) |
|||
.then(() => { |
|||
(Array.isArray(id) |
|||
? this.$http({ |
|||
url: this.mixinViewModuleOptions.deleteURL, |
|||
method: "delete", |
|||
data: id, |
|||
}) |
|||
: this.$http.delete( |
|||
this.mixinViewModuleOptions.deleteURL + `/${id}` |
|||
) |
|||
) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} |
|||
this.$message({ |
|||
message: this.$t("prompt.success"), |
|||
type: "success", |
|||
duration: 500, |
|||
onClose: () => { |
|||
callback ? callback() : this.getDataList(); |
|||
}, |
|||
}); |
|||
}) |
|||
.catch(() => {}); |
|||
}) |
|||
.catch(() => {}); |
|||
}, |
|||
// 导出
|
|||
exportHandle() { |
|||
// var params = qs.stringify({
|
|||
// token: Cookies.get('qg-token'),
|
|||
// ...this.dataForm
|
|||
// })
|
|||
// window.location.href = `${window.SITE_CONFIG.apiURL}${this.mixinViewModuleOptions.exportURL}?${params}`
|
|||
}, |
|||
}, |
|||
}; |
|||
// import Cookies from 'js-cookie'
|
|||
|
|||
import qs from 'qs' |
|||
|
|||
// import qs from 'qs'
|
|||
export default { |
|||
data() { |
|||
/* eslint-disable */ |
|||
return { |
|||
// 设置属性
|
|||
mixinViewModuleOptions: { |
|||
createdIsNeed: true, // 此页面是否在创建时，调用查询数据列表接口？
|
|||
activatedIsNeed: false, // 此页面是否在激活（进入）时，调用查询数据列表接口？
|
|||
getDataListURL: '', // 数据列表接口，API地址
|
|||
getDataListIsPage: false, // 数据列表接口，是否需要分页？
|
|||
deleteURL: '', // 删除接口，API地址
|
|||
deleteIsBatch: false, // 删除接口，是否需要批量？
|
|||
deleteIsBatchKey: 'id', // 删除接口，批量状态下由那个key进行标记操作？比如：pid，uid...
|
|||
exportURL: '' // 导出接口，API地址
|
|||
}, |
|||
// 默认属性
|
|||
dataForm: {}, // 查询条件
|
|||
dataList: [], // 数据列表
|
|||
order: '', // 排序，asc／desc
|
|||
orderField: '', // 排序，字段
|
|||
page: 1, // 当前页码
|
|||
limit: 10, // 每页数
|
|||
total: 0, // 总条数
|
|||
dataListLoading: false, // 数据列表，loading状态
|
|||
dataListSelections: [], // 数据列表，多选项
|
|||
addOrUpdateVisible: false, // 新增／更新，弹窗visible状态
|
|||
deleteParams:{} |
|||
} |
|||
/* eslint-enable */ |
|||
}, |
|||
created() { |
|||
if (this.mixinViewModuleOptions.createdIsNeed) { |
|||
this.getDataList() |
|||
} |
|||
}, |
|||
activated() { |
|||
if (this.mixinViewModuleOptions.activatedIsNeed) { |
|||
this.getDataList() |
|||
} |
|||
}, |
|||
methods: { |
|||
// 获取数据列表
|
|||
getDataList() { |
|||
this.dataListLoading = true |
|||
let params = { |
|||
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null, |
|||
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null, |
|||
...this.dataForm |
|||
} |
|||
params = this.dealObjectValue(params) |
|||
this.mixinViewModuleOptions.getDataListURL ? this.$http.get( |
|||
this.mixinViewModuleOptions.getDataListURL, { |
|||
params: params |
|||
} |
|||
).then(({ data: res }) => { |
|||
this.dataListLoading = false |
|||
if (res.code !== 0) { |
|||
this.dataList = [] |
|||
this.total = 0 |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataList = this.mixinViewModuleOptions.getDataListIsPage ? res.data.list : res.data |
|||
res.data.drgsName ? this.drgsName = res.data.drgsName : '' |
|||
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0 |
|||
}).catch(() => { |
|||
this.dataListLoading = false |
|||
}) : '' |
|||
}, |
|||
dealObjectValue(obj) { |
|||
const param = {} |
|||
if (obj === null || obj === undefined || obj === '') return param |
|||
for (var key in obj) { |
|||
if (obj[key] !== null && obj[key] !== undefined && obj[key] !== '') { |
|||
param[key] = obj[key] |
|||
} |
|||
} |
|||
return param |
|||
}, |
|||
// 多选
|
|||
dataListSelectionChangeHandle(val) { |
|||
this.dataListSelections = val |
|||
}, |
|||
// 排序
|
|||
dataListSortChangeHandle(data) { |
|||
if (!data.order || !data.prop) { |
|||
this.order = '' |
|||
this.orderField = '' |
|||
return false |
|||
} |
|||
this.order = data.order.replace(/ending$/, '') |
|||
this.orderField = data.prop.replace(/([A-Z])/g, '_$1').toLowerCase() |
|||
this.getDataList() |
|||
}, |
|||
// 分页, 每页条数
|
|||
pageSizeChangeHandle(val) { |
|||
this.page = 1 |
|||
this.limit = val |
|||
this.getDataList() |
|||
}, |
|||
// 分页, 当前页
|
|||
pageCurrentChangeHandle(val) { |
|||
this.page = val |
|||
this.getDataList() |
|||
}, |
|||
// 初始化查询
|
|||
getDataListInitial() { |
|||
this.page = 1 |
|||
this.getDataList() |
|||
}, |
|||
// 新增 / 修改
|
|||
addOrUpdateHandle(id, params, title, noParams) { |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.dataForm.id = id |
|||
noParams ? '' : this.$refs.addOrUpdate.params = params || {} |
|||
this.$refs.addOrUpdate.dataForm.title = title |
|||
// 存在BUG，params无法覆盖，弃用
|
|||
// this.$refs.addOrUpdate.dataForm = { id, ...params, title }
|
|||
this.$refs.addOrUpdate.init() |
|||
}) |
|||
}, |
|||
// 分配人员
|
|||
assignPeopleHandle(scope) { |
|||
this.currentPeopleId = scope.id |
|||
this.dialogVisible = true |
|||
// 添加科研人员时，获取人员列表
|
|||
this.getUserList(scope.id) |
|||
}, |
|||
// 关闭当前窗口
|
|||
closeCurrentTab(data) { |
|||
var tabName = this.$store.state.contentTabsActiveName |
|||
this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName) |
|||
if (this.$store.state.contentTabs.length <= 0) { |
|||
this.$store.state.sidebarMenuActiveName = this.$store.state.contentTabsActiveName = 'home' |
|||
return false |
|||
} |
|||
if (tabName === this.$store.state.contentTabsActiveName) { |
|||
this.$router.push({ name: this.$store.state.contentTabs[this.$store.state.contentTabs.length - 1].name }) |
|||
} |
|||
}, |
|||
// 删除
|
|||
deleteHandle(id, callback) { |
|||
if (this.mixinViewModuleOptions.deleteIsBatch && !id && this.dataListSelections.length <= 0) { |
|||
return this.$message({ |
|||
message: this.$t('prompt.deleteBatch'), |
|||
type: 'warning', |
|||
duration: 500 |
|||
}) |
|||
} |
|||
this.$confirm(this.$t('prompt.info', { handle: this.$t('delete') }), this.$t('prompt.title'), { |
|||
confirmButtonText: this.$t('confirm'), |
|||
cancelButtonText: this.$t('cancel'), |
|||
type: 'warning' |
|||
}).then(() => { |
|||
(Array.isArray(id) ? this.$http({ |
|||
url: this.mixinViewModuleOptions.deleteURL, |
|||
method: 'delete', |
|||
data: id |
|||
}) : this.$http.delete(this.mixinViewModuleOptions.deleteURL + `/${id}`)).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
callback ? callback() : this.getDataList() |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}).catch(() => {}) |
|||
}, |
|||
// 导出
|
|||
exportHandle() { |
|||
// var params = qs.stringify({
|
|||
// token: Cookies.get('qg-token'),
|
|||
// ...this.dataForm
|
|||
// })
|
|||
// window.location.href = `${window.SITE_CONFIG.apiURL}${this.mixinViewModuleOptions.exportURL}?${params}`
|
|||
} |
|||
} |
|||
} |
|||
|
|||
@ -1,118 +1,117 @@ |
|||
// system入口
|
|||
import Vue from "vue"; |
|||
import Element from "element-ui"; |
|||
// import 'lib-flexible/flexible'
|
|||
import App from "./App.vue"; |
|||
import router from "./router"; |
|||
import store from "./store"; |
|||
import http from "./utils/request"; |
|||
import jQuery from "jquery"; |
|||
import "element-ui/lib/theme-chalk/index.css"; |
|||
import "@/icons"; |
|||
import "@/assets/scss/aui.scss"; |
|||
import "@/assets/scss/reset.scss"; |
|||
import i18n from "@/i18n"; |
|||
import * as filters from "@/filters"; |
|||
import renRadioGroup from "@/components/ren-radio-group"; |
|||
import renDeptTree from "@/components/ren-dept-tree"; |
|||
import { hasPermission, getDictLabel } from "@/utils"; |
|||
import cloneDeep from "lodash/cloneDeep"; |
|||
import "xe-utils"; |
|||
import VXETable from "vxe-table"; |
|||
import "vxe-table/lib/index.css"; |
|||
// import echarts from 'echarts'
|
|||
import * as echarts from "echarts"; |
|||
import moment from "moment"; |
|||
import VueChatScroll from "vue-chat-scroll"; |
|||
import "default-passive-events"; |
|||
|
|||
// import jsNSV from '@/utils/js-NSV.js'
|
|||
|
|||
import Base64 from "@/utils/base64.js"; |
|||
Vue.prototype.$Base64 = Base64; |
|||
|
|||
import Print from "vue-print-nb"; |
|||
Vue.use(Print); |
|||
|
|||
import { confirm } from "@/utils/confirm"; |
|||
Vue.prototype.$confirmFun = confirm; |
|||
|
|||
// import VueDragResize from 'vue-drag-resize'
|
|||
// Vue.component('vue-drag-resize', VueDragResize)
|
|||
|
|||
// 裁切工具
|
|||
import VueCropper from "vue-cropper"; |
|||
Vue.use(VueCropper); |
|||
|
|||
import Recorder from "js-audio-recorder"; |
|||
const recorder = new Recorder({ |
|||
sampleBits: 16, // 采样位数，支持 8 或 16，默认是16
|
|||
sampleRate: 16000, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000
|
|||
numChannels: 1, // 声道，支持 1 或 2， 默认是1
|
|||
// compiling: false,(0.x版本中生效,1.x增加中) // 是否边录边转换，默认是false
|
|||
}); |
|||
Vue.prototype.$recorder = recorder; |
|||
|
|||
// 全局监听DOM元素
|
|||
import ElementResizeDetectorMaker from "element-resize-detector"; |
|||
Vue.prototype.$erd = ElementResizeDetectorMaker(); |
|||
|
|||
import animejs from "animejs"; |
|||
Vue.prototype.$anime = animejs; |
|||
|
|||
moment.locale("zh-cn"); // 设置语言 或 moment.lang('zh-cn');
|
|||
|
|||
Vue.use(Element, { |
|||
size: "default", |
|||
i18n: (key, value) => i18n.t(key, value), |
|||
}); |
|||
|
|||
Object.keys(filters).forEach((key) => { |
|||
Vue.filter(key, filters[key]); |
|||
}); |
|||
|
|||
// 全局组件
|
|||
Vue.use(renRadioGroup); |
|||
Vue.use(renDeptTree); |
|||
Vue.use(VueChatScroll); |
|||
Vue.use(VXETable); |
|||
|
|||
// DICOM
|
|||
import cornerstone from "cornerstone-core"; |
|||
import cornerstoneMath from "cornerstone-math"; |
|||
import cornerstoneTools from "cornerstone-tools"; |
|||
import Hammer from "hammerjs"; |
|||
import dicomParser from "dicom-parser"; |
|||
import cornerstoneWADOImageLoader from "cornerstone-wado-image-loader"; |
|||
import cornerstoneWebImageLoader from "cornerstone-web-image-loader"; |
|||
|
|||
cornerstoneTools.external.cornerstone = cornerstone; |
|||
cornerstoneTools.external.Hammer = Hammer; |
|||
cornerstoneTools.external.cornerstoneMath = cornerstoneMath; |
|||
cornerstoneWADOImageLoader.external.dicomParser = dicomParser; |
|||
cornerstoneWADOImageLoader.external.cornerstoneMath = cornerstoneMath; |
|||
cornerstoneWADOImageLoader.external.cornerstone = cornerstone; |
|||
cornerstoneWebImageLoader.external.cornerstone = cornerstone; |
|||
cornerstone.registerImageLoader("http", cornerstoneWADOImageLoader.loadImage); |
|||
cornerstone.registerImageLoader("https", cornerstoneWADOImageLoader.loadImage); |
|||
cornerstone.registerImageLoader("http", cornerstoneWebImageLoader.loadImage); |
|||
Vue.prototype.$cornerstone = cornerstone; |
|||
Vue.prototype.$cornerstoneTools = cornerstoneTools; |
|||
|
|||
// 挂载全局
|
|||
Vue.prototype.$http = http; |
|||
Vue.prototype.$ = jQuery; |
|||
Vue.prototype.$hasPermission = hasPermission; |
|||
Vue.prototype.$getDictLabel = getDictLabel; |
|||
Vue.prototype.$moment = moment; |
|||
Vue.prototype.$echarts = echarts; |
|||
|
|||
Vue.config.productionTip = false; |
|||
// 保存整站vuex本地储存初始状态
|
|||
window.SITE_CONFIG.storeState = cloneDeep(store.state); |
|||
new Vue({ |
|||
i18n, |
|||
router, |
|||
store, |
|||
render: (h) => h(App), |
|||
}).$mount("#app"); |
|||
// system入口
|
|||
import Vue from 'vue' |
|||
import Element from 'element-ui' |
|||
// import 'lib-flexible/flexible'
|
|||
import App from './App.vue' |
|||
import router from './router' |
|||
import store from './store' |
|||
import http from './utils/request' |
|||
import jQuery from 'jquery' |
|||
import 'element-ui/lib/theme-chalk/index.css' |
|||
import '@/icons' |
|||
import '@/assets/scss/aui.scss' |
|||
import '@/assets/scss/reset.scss' |
|||
import i18n from '@/i18n' |
|||
import * as filters from '@/filters' |
|||
import renRadioGroup from '@/components/ren-radio-group' |
|||
import renDeptTree from '@/components/ren-dept-tree' |
|||
import { hasPermission, getDictLabel } from '@/utils' |
|||
import cloneDeep from 'lodash/cloneDeep' |
|||
import 'xe-utils' |
|||
import VXETable from 'vxe-table' |
|||
import 'vxe-table/lib/index.css' |
|||
// import echarts from 'echarts'
|
|||
import * as echarts from 'echarts' |
|||
import moment from 'moment' |
|||
import VueChatScroll from 'vue-chat-scroll' |
|||
|
|||
// import jsNSV from '@/utils/js-NSV.js'
|
|||
|
|||
import Base64 from '@/utils/base64.js' |
|||
Vue.prototype.$Base64 = Base64 |
|||
|
|||
import Print from 'vue-print-nb' |
|||
Vue.use(Print) |
|||
|
|||
import { confirm } from '@/utils/confirm' |
|||
Vue.prototype.$confirmFun = confirm |
|||
|
|||
// import VueDragResize from 'vue-drag-resize'
|
|||
// Vue.component('vue-drag-resize', VueDragResize)
|
|||
|
|||
// 裁切工具
|
|||
import VueCropper from 'vue-cropper' |
|||
Vue.use(VueCropper) |
|||
|
|||
import Recorder from 'js-audio-recorder' |
|||
const recorder = new Recorder({ |
|||
sampleBits: 16, // 采样位数，支持 8 或 16，默认是16
|
|||
sampleRate: 16000, // 采样率，支持 11025、16000、22050、24000、44100、48000，根据浏览器默认值，我的chrome是48000
|
|||
numChannels: 1 // 声道，支持 1 或 2， 默认是1
|
|||
// compiling: false,(0.x版本中生效,1.x增加中) // 是否边录边转换，默认是false
|
|||
}) |
|||
Vue.prototype.$recorder = recorder |
|||
|
|||
// 全局监听DOM元素
|
|||
import ElementResizeDetectorMaker from 'element-resize-detector' |
|||
Vue.prototype.$erd = ElementResizeDetectorMaker() |
|||
|
|||
import animejs from 'animejs' |
|||
Vue.prototype.$anime = animejs |
|||
|
|||
moment.locale('zh-cn') // 设置语言 或 moment.lang('zh-cn');
|
|||
|
|||
Vue.use(Element, { |
|||
size: 'default', |
|||
i18n: (key, value) => i18n.t(key, value) |
|||
}) |
|||
|
|||
Object.keys(filters).forEach(key => { |
|||
Vue.filter(key, filters[key]) |
|||
}) |
|||
|
|||
// 全局组件
|
|||
Vue.use(renRadioGroup) |
|||
Vue.use(renDeptTree) |
|||
Vue.use(VueChatScroll) |
|||
Vue.use(VXETable) |
|||
|
|||
// DICOM
|
|||
import cornerstone from 'cornerstone-core' |
|||
import cornerstoneMath from 'cornerstone-math' |
|||
import cornerstoneTools from 'cornerstone-tools' |
|||
import Hammer from 'hammerjs' |
|||
import dicomParser from 'dicom-parser' |
|||
import cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader' |
|||
import cornerstoneWebImageLoader from 'cornerstone-web-image-loader' |
|||
|
|||
cornerstoneTools.external.cornerstone = cornerstone |
|||
cornerstoneTools.external.Hammer = Hammer |
|||
cornerstoneTools.external.cornerstoneMath = cornerstoneMath |
|||
cornerstoneWADOImageLoader.external.dicomParser = dicomParser |
|||
cornerstoneWADOImageLoader.external.cornerstoneMath = cornerstoneMath |
|||
cornerstoneWADOImageLoader.external.cornerstone = cornerstone |
|||
cornerstoneWebImageLoader.external.cornerstone = cornerstone |
|||
cornerstone.registerImageLoader('http', cornerstoneWADOImageLoader.loadImage) |
|||
cornerstone.registerImageLoader('https', cornerstoneWADOImageLoader.loadImage) |
|||
cornerstone.registerImageLoader('http', cornerstoneWebImageLoader.loadImage) |
|||
Vue.prototype.$cornerstone = cornerstone |
|||
Vue.prototype.$cornerstoneTools = cornerstoneTools |
|||
|
|||
// 挂载全局
|
|||
Vue.prototype.$http = http |
|||
Vue.prototype.$ = jQuery |
|||
Vue.prototype.$hasPermission = hasPermission |
|||
Vue.prototype.$getDictLabel = getDictLabel |
|||
Vue.prototype.$moment = moment |
|||
Vue.prototype.$echarts = echarts |
|||
|
|||
Vue.config.productionTip = false |
|||
// 保存整站vuex本地储存初始状态
|
|||
window.SITE_CONFIG.storeState = cloneDeep(store.state) |
|||
new Vue({ |
|||
i18n, |
|||
router, |
|||
store, |
|||
render: h => h(App) |
|||
}).$mount('#app') |
|||
|
|||
@ -1,397 +1,358 @@ |
|||
import Vue from "vue"; |
|||
import Router from "vue-router"; |
|||
import http from "../utils/request"; |
|||
import { isURL } from "@/utils/validate"; |
|||
import Cookies from "js-cookie"; |
|||
|
|||
Vue.use(Router); |
|||
|
|||
// 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题----------
|
|||
const originalPush = Router.prototype.push; |
|||
Router.prototype.push = function push(location, onResolve, onReject) { |
|||
if (onResolve || onReject) |
|||
return originalPush.call(this, location, onResolve, onReject); |
|||
return originalPush.call(this, location).catch((err) => err); |
|||
}; |
|||
// 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题----------
|
|||
|
|||
// 页面路由(独立页面)
|
|||
export const pageRoutes = [ |
|||
{ |
|||
path: "/404", |
|||
component: () => import("@/page-subspecialty/views/pages/404"), |
|||
name: "404", |
|||
meta: { title: "404未找到" }, |
|||
beforeEnter(to, from, next) { |
|||
// 拦截处理特殊业务场景
|
|||
// 如果, 重定向路由包含__双下划线, 为临时添加路由
|
|||
if (/__.*/.test(to.redirectedFrom)) { |
|||
return next(to.redirectedFrom.replace(/__.*/, "")); |
|||
} |
|||
next(); |
|||
}, |
|||
}, |
|||
{ |
|||
path: "/login", |
|||
component: () => import("@/page-subspecialty/views/pages/login"), |
|||
name: "login", |
|||
meta: { title: "登录" }, |
|||
}, |
|||
{ |
|||
path: "/pacs", |
|||
component: () => import("@/page-subspecialty/views/pages/pacsManage/index"), |
|||
name: "pacs", |
|||
meta: { title: "pacs浏览器", isTab: true }, |
|||
}, |
|||
// 录音
|
|||
{ |
|||
path: "/luyin", |
|||
name: "luyin", |
|||
component: () => import("@/page-subspecialty/views/pages/luyin"), |
|||
}, |
|||
// 日程安排
|
|||
{ |
|||
path: "/schedule", |
|||
name: "schedule", |
|||
component: () => import("@/page-subspecialty/views/pages/schedule"), |
|||
}, |
|||
{ |
|||
path: "/question", |
|||
name: "question", |
|||
component: () => import("@/page-subspecialty/views/pages/question"), |
|||
}, |
|||
{ |
|||
path: "/satusScreen", |
|||
name: "satusScreen", |
|||
component: () => import("@/page-subspecialty/views/pages/satusScreen"), |
|||
}, |
|||
{ |
|||
path: "/imageEdit", |
|||
name: "imageEdit", |
|||
component: () => import("@/page-subspecialty/views/pages/imageEdit"), |
|||
}, |
|||
{ |
|||
path: "/articleContent", |
|||
name: "articleContent", |
|||
component: () => |
|||
import( |
|||
"@/page-subspecialty/views/modules/articleManagement/articleContent" |
|||
), |
|||
}, |
|||
{ |
|||
path: "/transfer", |
|||
name: "transfer", |
|||
component: () => import("@/page-subspecialty/views/pages/transfer"), |
|||
}, |
|||
]; |
|||
|
|||
// 模块路由(基于主入口布局页面)*8
|
|||
export const moduleRoutes = { |
|||
path: "/", |
|||
component: () => import("@/page-subspecialty/views/main"), |
|||
name: "main", |
|||
redirect: { name: "patientManagement" }, |
|||
meta: { title: "首页" }, |
|||
children: [ |
|||
{ |
|||
path: "/patientManagement", |
|||
component: () => |
|||
import("@/page-subspecialty/views/modules/patientManagement/index"), |
|||
name: "patientManagement", |
|||
meta: { title: "分诊管理", isTab: true }, |
|||
}, |
|||
{ |
|||
path: "/patientDetail", |
|||
component: () => |
|||
import("@/page-subspecialty/views/modules/patientDetail"), |
|||
name: "patientDetail", |
|||
meta: { title: "档案管理", isTab: true }, |
|||
}, |
|||
// ok镜
|
|||
{ |
|||
path: "/patientInfo", |
|||
name: "patientInfo", |
|||
meta: { title: "详情", isTab: true }, |
|||
component: () => |
|||
import( |
|||
"@/page-subspecialty/views/modules/optometryManagement/seeDoctor/index" |
|||
), |
|||
}, |
|||
{ |
|||
path: "/iframe", |
|||
component: null, |
|||
name: "iframe", |
|||
meta: { title: "iframe", isTab: true }, |
|||
}, |
|||
{ |
|||
path: "/redirect", |
|||
name: "redirect", |
|||
component: () => import("@/page-subspecialty/views/redirect"), |
|||
}, |
|||
], |
|||
}; |
|||
|
|||
export function addDynamicRoute(routeParams, router) { |
|||
// 组装路由名称, 并判断是否已添加, 如是: 则直接跳转
|
|||
var routeName = routeParams.routeName; |
|||
var dynamicRoute = window.SITE_CONFIG["dynamicRoutes"].filter( |
|||
(item) => item.name === routeName |
|||
)[0]; |
|||
if (dynamicRoute) { |
|||
return router.push({ name: routeName, params: routeParams.params }); |
|||
} |
|||
// 否则: 添加并全局变量保存, 再跳转
|
|||
dynamicRoute = { |
|||
path: routeName, |
|||
component: () => |
|||
Promise.resolve( |
|||
require(`@/page-subspecialty/views/modules/${routeParams.path}`).default |
|||
), |
|||
// component: () => import(`@/views/modules/${routeParams.path}`),
|
|||
name: routeName, |
|||
meta: { |
|||
...window.SITE_CONFIG["contentTabDefault"], |
|||
menuId: routeParams.menuId, |
|||
title: `${routeParams.title}`, |
|||
}, |
|||
}; |
|||
router.addRoutes([ |
|||
{ |
|||
...moduleRoutes, |
|||
name: `main-dynamic__${dynamicRoute.name}`, |
|||
children: [dynamicRoute], |
|||
}, |
|||
]); |
|||
window.SITE_CONFIG["dynamicRoutes"].push(dynamicRoute); |
|||
router.push({ name: dynamicRoute.name, params: routeParams.params }); |
|||
} |
|||
|
|||
const createRouter = () => |
|||
new Router({ |
|||
mode: "history", |
|||
scrollBehavior: () => ({ y: 0 }), |
|||
routes: pageRoutes.concat(moduleRoutes), |
|||
}); |
|||
const router = createRouter(); |
|||
|
|||
// [vue-router] Duplicate named routes definition 重复的命名路由定义
|
|||
// 动态路由退出再登录会出现警告重复路由
|
|||
// 解决方案：在退出时调用resetRouter()方法
|
|||
export function resetRouter() { |
|||
const newRouter = createRouter(); |
|||
router.matcher = newRouter.matcher; // reset router
|
|||
} |
|||
|
|||
router.beforeEach((to, from, next) => { |
|||
// 添加动态(菜单)路由
|
|||
// 已添加或者当前路由为页面路由, 可直接访问
|
|||
if ( |
|||
window.SITE_CONFIG["dynamicMenuRoutesHasAdded"] || |
|||
fnCurrentRouteIsPageRoute(to, pageRoutes) |
|||
) { |
|||
return next(); |
|||
} |
|||
if (to.path === from.path) { |
|||
return; |
|||
} |
|||
if ( |
|||
to.name === "login" || |
|||
to.path === "/login" || |
|||
to.path === "satusScreen" || |
|||
to.name === "satusScreen" |
|||
) { |
|||
next(); |
|||
} else { |
|||
// 获取字典列表, 添加并全局变量保存
|
|||
// http.get('/sys/dict/type/all').then(({ data: res }) => {
|
|||
// if (res.code !== 0) {
|
|||
// return
|
|||
// }
|
|||
// window.SITE_CONFIG['dictList'] = res.data
|
|||
// }).catch(() => {})
|
|||
|
|||
// 获取左侧菜单列表，添加并全局变量保存
|
|||
http |
|||
.get("/sys/menu/nav") |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
Vue.prototype.$message.error(res.msg); |
|||
return next({ name: "login" }); |
|||
} |
|||
window.SITE_CONFIG["menuList"] = res.data; |
|||
}) |
|||
.catch(() => { |
|||
return next({ name: "login" }); |
|||
}); |
|||
|
|||
// 获取菜单管理菜单列表，并添加动态路由
|
|||
http |
|||
.get("/sys/menu/list", { |
|||
params: { |
|||
type: 0, |
|||
}, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
Vue.prototype.$message.error(res.msg); |
|||
return next({ name: "login" }); |
|||
} |
|||
// window.SITE_CONFIG['menuList'] = res.data
|
|||
const menuListChild = res.data.filter( |
|||
(item) => item.children.length > 0 |
|||
); |
|||
// console.log(menuListChild)
|
|||
fnAddDynamicMenuRoutes( |
|||
JSON.parse(JSON.stringify(res.data)), |
|||
menuListChild.length |
|||
); |
|||
|
|||
next({ ...to, replace: true }); |
|||
}) |
|||
.catch(() => { |
|||
// console.log(123)
|
|||
return next({ name: "login" }); |
|||
}); |
|||
// 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/sys/table/dict/getList', { params: { type: 1 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colSearch'] = res.data
|
|||
// })
|
|||
getInitData(); |
|||
} |
|||
}); |
|||
function getInitData() { |
|||
// 获取字典列表, 添加并全局变量保存
|
|||
// http.get('/sys/dict/type/all').then(({ data: res }) => {
|
|||
// if (res.code !== 0) { return }
|
|||
// window.SITE_CONFIG['dictList'] = res.data
|
|||
// })
|
|||
// 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn').then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colAll'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 1 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colSearch'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 2 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colChart'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 3 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colCrf'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 4 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colExport'] = res.data
|
|||
// })
|
|||
// 获取【检查项目字典】, 添加并全局变量保存
|
|||
// http.get('/table/dict/examItem').then(({ data: res }) => {
|
|||
// sortChinese(res.data, 'itemName')
|
|||
// window.SITE_CONFIG['dict_examItem'] = res.data
|
|||
// })
|
|||
// 获取【设备信息字典】, 添加并全局变量保存
|
|||
// http.get('/device/getData2RelDeviceList').then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_device'] = res.data
|
|||
// })
|
|||
// 获取【设备与检查项目字典】, 添加并全局变量保存
|
|||
// http.get('/device/getData2RelDeviceItemList').then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_device_item'] = res.data
|
|||
// })
|
|||
} |
|||
/** |
|||
* 判断当前路由是否为页面路由 |
|||
* @param {*} route 当前路由 |
|||
* @param {*} pageRoutes 页面路由 |
|||
*/ |
|||
function fnCurrentRouteIsPageRoute(route, pageRoutes = []) { |
|||
var temp = []; |
|||
for (var i = 0; i < pageRoutes.length; i++) { |
|||
if (route.path === pageRoutes[i].path) { |
|||
return true; |
|||
} |
|||
if (pageRoutes[i].children && pageRoutes[i].children.length >= 1) { |
|||
temp = temp.concat(pageRoutes[i].children); |
|||
} |
|||
} |
|||
return temp.length >= 1 ? fnCurrentRouteIsPageRoute(route, temp) : false; |
|||
} |
|||
|
|||
/** |
|||
* 添加动态(菜单)路由 |
|||
* PH：自上而下遍历，累积平铺 |
|||
* @param {*} menuList 菜单列表 |
|||
* @param {*} routes 递归创建的动态(菜单)路由 |
|||
*/ |
|||
function fnAddDynamicMenuRoutes( |
|||
menuList = [], |
|||
menuListChildLength, |
|||
routes = [] |
|||
) { |
|||
let index = 0; |
|||
// console.log(menuList)
|
|||
menuList.forEach((item, i) => { |
|||
// eslint-disable-next-line
|
|||
let URL = (item.url || "").replace(/{{([^}}]+)?}}/g, (s1, s2) => eval(s2)); // URL支持{{ window.xxx }}占位符变量
|
|||
item["meta"] = { |
|||
...window.SITE_CONFIG["contentTabDefault"], |
|||
menuId: item.id, |
|||
title: item.name, |
|||
}; |
|||
if (isURL(URL)) { |
|||
item["path"] = item["name"] = `i-${item.id}`; |
|||
item["meta"].push({ |
|||
iframeURL: URL, |
|||
}); |
|||
} else { |
|||
// console.log(URL)
|
|||
URL = URL.replace(/^\//, "").replace(/_/g, "-"); |
|||
item["path"] = "/" + URL.replace(/\//g, "-"); |
|||
item["name"] = URL.replace(/\//g, "-"); |
|||
// 坑！！！父级也必须要有component,父级要有自己的vue组件,父级路由必须有<router-view />占位符
|
|||
// 其孩子children才能展示出来，孩子展示在父级占位符的地方
|
|||
URL.includes("seeDoctor") ? (URL = "seeDoctor") : ""; // 不同父级有相同子级seeDoctor，防止面包屑冲突，动态路由名字区分设置为seeDoctor、seeDoctorOne,在寻找组件时替换回seeDoctor，可以找到对应组件路径
|
|||
item["component"] = () => |
|||
Promise.resolve( |
|||
require(`@/page-subspecialty/views/modules/${URL}`).default |
|||
); |
|||
// 如果是父级给父级添加重定向到子菜单第一项
|
|||
if (item.children.length > 0 && item.children[0].url) { |
|||
// console.log(item)
|
|||
// isShow:0显示不菜单 1显示菜单
|
|||
item.children[0].isShow === 0 |
|||
? "" |
|||
: (item["redirect"] = "/" + item.children[0].url.replace(/\//g, "-")); |
|||
} |
|||
} |
|||
if (item.children.length > 0) { |
|||
index++; |
|||
fnAddDynamicMenuRoutes(item.children); |
|||
} |
|||
}); |
|||
// routes = menuList
|
|||
// console.log(routes)
|
|||
// 此处一定要加判断，因为此方法在递归，要等到递归完成后再执行下面的内容
|
|||
// 坑！！！如果不加此判断，this.$route.matched面包屑的父级就不会展示
|
|||
if (menuListChildLength === index) { |
|||
routes = menuList; |
|||
// PH：底层调用一次
|
|||
// 添加路由
|
|||
router.addRoutes([ |
|||
{ |
|||
...moduleRoutes, |
|||
name: "main-dynamic-menu", |
|||
children: [...routes], |
|||
}, |
|||
{ path: "*", redirect: { name: "404" } }, |
|||
]); |
|||
// console.log('----------------------')
|
|||
window.SITE_CONFIG["dynamicMenuRoutes"] = routes; |
|||
window.SITE_CONFIG["dynamicMenuRoutesHasAdded"] = true; |
|||
} |
|||
} |
|||
export default router; |
|||
import Vue from 'vue' |
|||
import Router from 'vue-router' |
|||
import http from '../utils/request' |
|||
import { isURL } from '@/utils/validate' |
|||
import Cookies from 'js-cookie' |
|||
|
|||
Vue.use(Router) |
|||
|
|||
// 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题----------
|
|||
const originalPush = Router.prototype.push |
|||
Router.prototype.push = function push(location, onResolve, onReject) { |
|||
if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject) |
|||
return originalPush.call(this, location).catch(err => err) |
|||
} |
|||
// 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题----------
|
|||
|
|||
// 页面路由(独立页面)
|
|||
export const pageRoutes = [ |
|||
{ |
|||
path: '/404', |
|||
component: () => import('@/page-subspecialty/views/pages/404'), |
|||
name: '404', |
|||
meta: { title: '404未找到' }, |
|||
beforeEnter(to, from, next) { |
|||
// 拦截处理特殊业务场景
|
|||
// 如果, 重定向路由包含__双下划线, 为临时添加路由
|
|||
if (/__.*/.test(to.redirectedFrom)) { |
|||
return next(to.redirectedFrom.replace(/__.*/, '')) |
|||
} |
|||
next() |
|||
} |
|||
}, |
|||
{ |
|||
path: '/login', |
|||
component: () => import('@/page-subspecialty/views/pages/login'), |
|||
name: 'login', |
|||
meta: { title: '登录' } |
|||
}, |
|||
{ |
|||
path: '/pacs', |
|||
component: () => import('@/page-subspecialty/views/pages/pacsManage/index'), |
|||
name: 'pacs', |
|||
meta: { title: 'pacs浏览器', isTab: true } |
|||
}, |
|||
// 录音
|
|||
{ |
|||
path: '/luyin', |
|||
name: 'luyin', |
|||
component: () => import('@/page-subspecialty/views/pages/luyin') |
|||
}, |
|||
// 日程安排
|
|||
{ |
|||
path: '/schedule', |
|||
name: 'schedule', |
|||
component: () => import('@/page-subspecialty/views/pages/schedule') |
|||
}, |
|||
{ |
|||
path: '/question', |
|||
name: 'question', |
|||
component: () => import('@/page-subspecialty/views/pages/question') |
|||
}, |
|||
{ |
|||
path: '/satusScreen', |
|||
name: 'satusScreen', |
|||
component: () => import('@/page-subspecialty/views/pages/satusScreen') |
|||
}, |
|||
{ |
|||
path: '/imageEdit', |
|||
name: 'imageEdit', |
|||
component: () => import('@/page-subspecialty/views/pages/imageEdit') |
|||
}, |
|||
{ |
|||
path: '/articleContent', |
|||
name: 'articleContent', |
|||
component: () => import('@/page-subspecialty/views/modules/articleManagement/articleContent') |
|||
}, |
|||
{ |
|||
path: '/transfer', |
|||
name: 'transfer', |
|||
component: () => import('@/page-subspecialty/views/pages/transfer') |
|||
} |
|||
] |
|||
|
|||
// 模块路由(基于主入口布局页面)*8
|
|||
export const moduleRoutes = { |
|||
path: '/', |
|||
component: () => import('@/page-subspecialty/views/main'), |
|||
name: 'main', |
|||
redirect: { name: 'patientManagement' }, |
|||
meta: { title: '首页' }, |
|||
children: [ |
|||
{ |
|||
path: '/patientManagement', |
|||
component: () => import('@/page-subspecialty/views/modules/patientManagement/index'), |
|||
name: 'patientManagement', |
|||
meta: { title: '分诊管理', isTab: true } |
|||
}, |
|||
{ |
|||
path: '/patientDetail', |
|||
component: () => import('@/page-subspecialty/views/modules/patientDetail'), |
|||
name: 'patientDetail', |
|||
meta: { title: '档案管理', isTab: true } |
|||
}, |
|||
// ok镜
|
|||
{ |
|||
path: '/patientInfo', |
|||
name: 'patientInfo', |
|||
meta: { title: '详情', isTab: true }, |
|||
component: () => import('@/page-subspecialty/views/modules/optometryManagement/seeDoctor/index') |
|||
}, |
|||
{ |
|||
path: '/iframe', |
|||
component: null, |
|||
name: 'iframe', |
|||
meta: { title: 'iframe', isTab: true } |
|||
}, |
|||
{ |
|||
path: '/redirect', |
|||
name: 'redirect', |
|||
component: () => import('@/page-subspecialty/views/redirect') |
|||
} |
|||
] |
|||
} |
|||
|
|||
export function addDynamicRoute(routeParams, router) { |
|||
// 组装路由名称, 并判断是否已添加, 如是: 则直接跳转
|
|||
var routeName = routeParams.routeName |
|||
var dynamicRoute = window.SITE_CONFIG['dynamicRoutes'].filter(item => item.name === routeName)[0] |
|||
if (dynamicRoute) { |
|||
return router.push({ name: routeName, params: routeParams.params }) |
|||
} |
|||
// 否则: 添加并全局变量保存, 再跳转
|
|||
dynamicRoute = { |
|||
path: routeName, |
|||
component: () => Promise.resolve(require(`@/page-subspecialty/views/modules/${routeParams.path}`).default), |
|||
// component: () => import(`@/views/modules/${routeParams.path}`),
|
|||
name: routeName, |
|||
meta: { |
|||
...window.SITE_CONFIG['contentTabDefault'], |
|||
menuId: routeParams.menuId, |
|||
title: `${routeParams.title}` |
|||
} |
|||
} |
|||
router.addRoutes([ |
|||
{ |
|||
...moduleRoutes, |
|||
name: `main-dynamic__${dynamicRoute.name}`, |
|||
children: [dynamicRoute] |
|||
} |
|||
]) |
|||
window.SITE_CONFIG['dynamicRoutes'].push(dynamicRoute) |
|||
router.push({ name: dynamicRoute.name, params: routeParams.params }) |
|||
} |
|||
|
|||
const createRouter = () => new Router({ |
|||
mode: 'history', |
|||
scrollBehavior: () => ({ y: 0 }), |
|||
routes: pageRoutes.concat(moduleRoutes) |
|||
}) |
|||
const router = createRouter() |
|||
|
|||
// [vue-router] Duplicate named routes definition 重复的命名路由定义
|
|||
// 动态路由退出再登录会出现警告重复路由
|
|||
// 解决方案：在退出时调用resetRouter()方法
|
|||
export function resetRouter() { |
|||
const newRouter = createRouter() |
|||
router.matcher = newRouter.matcher // reset router
|
|||
} |
|||
|
|||
router.beforeEach((to, from, next) => { |
|||
// 添加动态(菜单)路由
|
|||
// 已添加或者当前路由为页面路由, 可直接访问
|
|||
if (window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] || fnCurrentRouteIsPageRoute(to, pageRoutes)) { |
|||
return next() |
|||
} |
|||
if (to.path === from.path) { |
|||
return |
|||
} |
|||
if (to.name === 'login' || to.path === '/login' || to.path === 'satusScreen' || to.name === 'satusScreen') { |
|||
next() |
|||
} else { |
|||
// 获取字典列表, 添加并全局变量保存
|
|||
// http.get('/sys/dict/type/all').then(({ data: res }) => {
|
|||
// if (res.code !== 0) {
|
|||
// return
|
|||
// }
|
|||
// window.SITE_CONFIG['dictList'] = res.data
|
|||
// }).catch(() => {})
|
|||
|
|||
// 获取左侧菜单列表，添加并全局变量保存
|
|||
http.get('/sys/menu/nav').then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
Vue.prototype.$message.error(res.msg) |
|||
return next({ name: 'login' }) |
|||
} |
|||
window.SITE_CONFIG['menuList'] = res.data |
|||
}).catch(() => { |
|||
return next({ name: 'login' }) |
|||
}) |
|||
|
|||
// 获取菜单管理菜单列表，并添加动态路由
|
|||
http.get('/sys/menu/list', { |
|||
params: { |
|||
type: 0 |
|||
} |
|||
}).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
Vue.prototype.$message.error(res.msg) |
|||
return next({ name: 'login' }) |
|||
} |
|||
// window.SITE_CONFIG['menuList'] = res.data
|
|||
const menuListChild = res.data.filter(item => item.children.length > 0) |
|||
// console.log(menuListChild)
|
|||
fnAddDynamicMenuRoutes(JSON.parse(JSON.stringify(res.data)), menuListChild.length) |
|||
|
|||
next({ ...to, replace: true }) |
|||
}).catch(() => { |
|||
// console.log(123)
|
|||
return next({ name: 'login' }) |
|||
}) |
|||
// 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/sys/table/dict/getList', { params: { type: 1 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colSearch'] = res.data
|
|||
// })
|
|||
getInitData() |
|||
} |
|||
}) |
|||
function getInitData() { |
|||
// 获取字典列表, 添加并全局变量保存
|
|||
// http.get('/sys/dict/type/all').then(({ data: res }) => {
|
|||
// if (res.code !== 0) { return }
|
|||
// window.SITE_CONFIG['dictList'] = res.data
|
|||
// })
|
|||
|
|||
// 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn').then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colAll'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 1 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colSearch'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 2 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colChart'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 3 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colCrf'] = res.data
|
|||
// })
|
|||
//
|
|||
// // 获取【字段字典表】, 添加并全局变量保存
|
|||
// http.get('/table/dict/optionsColumn', { params: { type: 4 }}).then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_colExport'] = res.data
|
|||
// })
|
|||
|
|||
// 获取【检查项目字典】, 添加并全局变量保存
|
|||
// http.get('/table/dict/examItem').then(({ data: res }) => {
|
|||
// sortChinese(res.data, 'itemName')
|
|||
// window.SITE_CONFIG['dict_examItem'] = res.data
|
|||
// })
|
|||
|
|||
// 获取【设备信息字典】, 添加并全局变量保存
|
|||
// http.get('/device/getData2RelDeviceList').then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_device'] = res.data
|
|||
// })
|
|||
|
|||
// 获取【设备与检查项目字典】, 添加并全局变量保存
|
|||
// http.get('/device/getData2RelDeviceItemList').then(({ data: res }) => {
|
|||
// window.SITE_CONFIG['dict_device_item'] = res.data
|
|||
// })
|
|||
} |
|||
/** |
|||
* 判断当前路由是否为页面路由 |
|||
* @param {*} route 当前路由 |
|||
* @param {*} pageRoutes 页面路由 |
|||
*/ |
|||
function fnCurrentRouteIsPageRoute(route, pageRoutes = []) { |
|||
var temp = [] |
|||
for (var i = 0; i < pageRoutes.length; i++) { |
|||
if (route.path === pageRoutes[i].path) { |
|||
return true |
|||
} |
|||
if (pageRoutes[i].children && pageRoutes[i].children.length >= 1) { |
|||
temp = temp.concat(pageRoutes[i].children) |
|||
} |
|||
} |
|||
return temp.length >= 1 ? fnCurrentRouteIsPageRoute(route, temp) : false |
|||
} |
|||
|
|||
/** |
|||
* 添加动态(菜单)路由 |
|||
* PH：自上而下遍历，累积平铺 |
|||
* @param {*} menuList 菜单列表 |
|||
* @param {*} routes 递归创建的动态(菜单)路由 |
|||
*/ |
|||
function fnAddDynamicMenuRoutes(menuList = [], menuListChildLength, routes = []) { |
|||
let index = 0 |
|||
// console.log(menuList)
|
|||
menuList.forEach((item, i) => { |
|||
// eslint-disable-next-line
|
|||
let URL = (item.url || '').replace(/{{([^}}]+)?}}/g, (s1, s2) => eval(s2)) // URL支持{{ window.xxx }}占位符变量
|
|||
item['meta'] = { |
|||
...window.SITE_CONFIG['contentTabDefault'], |
|||
menuId: item.id, |
|||
title: item.name |
|||
} |
|||
if (isURL(URL)) { |
|||
item['path'] = item['name'] = `i-${item.id}` |
|||
item['meta'].push({ |
|||
iframeURL: URL |
|||
}) |
|||
} else { |
|||
// console.log(URL)
|
|||
URL = URL.replace(/^\//, '').replace(/_/g, '-') |
|||
item['path'] = '/' + URL.replace(/\//g, '-') |
|||
item['name'] = URL.replace(/\//g, '-') |
|||
// 坑！！！父级也必须要有component,父级要有自己的vue组件,父级路由必须有<router-view />占位符
|
|||
// 其孩子children才能展示出来，孩子展示在父级占位符的地方
|
|||
URL.includes('seeDoctor') ? URL = 'seeDoctor' : '' // 不同父级有相同子级seeDoctor，防止面包屑冲突，动态路由名字区分设置为seeDoctor、seeDoctorOne,在寻找组件时替换回seeDoctor，可以找到对应组件路径
|
|||
item['component'] = () => Promise.resolve(require(`@/page-subspecialty/views/modules/${URL}`).default) |
|||
// 如果是父级给父级添加重定向到子菜单第一项
|
|||
if (item.children.length > 0 && item.children[0].url) { |
|||
// console.log(item)
|
|||
// isShow:0显示不菜单 1显示菜单
|
|||
item.children[0].isShow === 0 ? '' : item['redirect'] = '/' + item.children[0].url.replace(/\//g, '-') |
|||
} |
|||
} |
|||
if (item.children.length > 0) { |
|||
index++ |
|||
fnAddDynamicMenuRoutes(item.children) |
|||
} |
|||
}) |
|||
// routes = menuList
|
|||
// console.log(routes)
|
|||
// 此处一定要加判断，因为此方法在递归，要等到递归完成后再执行下面的内容
|
|||
// 坑！！！如果不加此判断，this.$route.matched面包屑的父级就不会展示
|
|||
if (menuListChildLength === index) { |
|||
routes = menuList |
|||
// PH：底层调用一次
|
|||
// 添加路由
|
|||
router.addRoutes([ |
|||
{ |
|||
...moduleRoutes, |
|||
name: 'main-dynamic-menu', |
|||
children: [...routes] |
|||
}, |
|||
{ path: '*', redirect: { name: '404' }} |
|||
]) |
|||
// console.log('----------------------')
|
|||
window.SITE_CONFIG['dynamicMenuRoutes'] = routes |
|||
window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] = true |
|||
} |
|||
} |
|||
export default router |
|||
|
|||
Loading…
Reference in new issue