bianyaqi
3 years ago
7 changed files with 378 additions and 230 deletions
@ -1,178 +1,178 @@ |
|||||
// 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 |
|
||||
this.mixinViewModuleOptions.getDataListURL ? this.$http.get( |
|
||||
this.mixinViewModuleOptions.getDataListURL, { |
|
||||
params: { |
|
||||
// order: this.order,
|
|
||||
// orderField: this.orderField,
|
|
||||
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null, |
|
||||
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null, |
|
||||
...this.dataForm |
|
||||
} |
|
||||
} |
|
||||
).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 |
|
||||
}) : '' |
|
||||
}, |
|
||||
// 多选
|
|
||||
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 |
||||
|
this.mixinViewModuleOptions.getDataListURL ? this.$http.get( |
||||
|
this.mixinViewModuleOptions.getDataListURL, { |
||||
|
params: { |
||||
|
// order: this.order,
|
||||
|
// orderField: this.orderField,
|
||||
|
page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null, |
||||
|
limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null, |
||||
|
...this.dataForm |
||||
|
} |
||||
|
} |
||||
|
).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 |
||||
|
}) : '' |
||||
|
}, |
||||
|
// 多选
|
||||
|
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}`
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|||||
Loading…
Reference in new issue