newPeter7
2 years ago
40 changed files with 38 additions and 4697 deletions
@ -1,69 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 预警列表 --> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__role"> |
|
||||
<head-template head-left="预警列表" /> |
|
||||
<el-table |
|
||||
:data="dataList" |
|
||||
:height="tableHeight" |
|
||||
style="width: 100%;" |
|
||||
> |
|
||||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|
||||
<el-table-column prop="examTime" label="检查日期" header-align="center" align="center" /> |
|
||||
<el-table-column prop="warnType" label="指标名称" header-align="center" align="center" /> |
|
||||
<el-table-column prop="" label="本次数值" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>OD：{{ scope.row.od }}、</span> |
|
||||
<span>OS：{{ scope.row.os }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="详情" header-align="center" width="500"> |
|
||||
<template slot-scope="scope"> |
|
||||
<p v-for="(item,index) in scope.row.result" :key="index" v-html="item" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- <el-table-column label="操作" fixed="right" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button |
|
||||
type="text" |
|
||||
size="small" |
|
||||
@click="addOrUpdateHandle(scope.row.id,scope.row)" |
|
||||
>{{ $t('update') }}</el-button> |
|
||||
<el-button |
|
||||
type="text" |
|
||||
size="small" |
|
||||
style="color:red" |
|
||||
@click="deleteHandle([scope.row.id])" |
|
||||
>{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> --> |
|
||||
</el-table> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|
||||
import headTemplate from '@/components/head' |
|
||||
export default { |
|
||||
components: { |
|
||||
headTemplate |
|
||||
}, |
|
||||
mixins: [mixinViewModule, tableAutoHeight], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/target/earlyWarning', |
|
||||
deleteURL: '/sys/role', |
|
||||
deleteIsBatch: true |
|
||||
}, |
|
||||
dataForm: { |
|
||||
name: '' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
</style> |
|
||||
@ -1,188 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
class="alert-setting" |
|
||||
:visible.sync="visible" |
|
||||
width="30%" |
|
||||
:title="dataForm.id ? '修改预警条件':'新增预警条件'" |
|
||||
> |
|
||||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule"> |
|
||||
<el-form-item label="指标名称:" label-width="100px" prop="name"> |
|
||||
<el-select v-model="dataForm.name " placeholder="请选择指标名称" clearable> |
|
||||
<el-option v-for="(item,index) in targetNameList " :key="index" :value="item.name" :label="item.name" @click.native="selectOptionHandle(item)" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<!-- flag=1，较上次上升/下降，flag=0，值大于/小于 --> |
|
||||
<template v-if="ISFlag"> |
|
||||
<el-form-item label="值大于:" prop="greaterThan" label-width="100px"> |
|
||||
<el-input v-model="dataForm.greaterThan" placeholder="请填写值" /> |
|
||||
<span class="company">{{ dataForm.targetUnit }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="值小于:" label-width="100px" prop="lessThan"> |
|
||||
<el-input v-model="dataForm.lessThan" placeholder="请填写值" /> |
|
||||
<span class="company">{{ dataForm.targetUnit }}</span> |
|
||||
</el-form-item> |
|
||||
</template> |
|
||||
<template v-else> |
|
||||
<el-form-item label="较上次下降:" label-width="100px" prop="lowerThan"> |
|
||||
<el-input v-model="dataForm.lowerThan" placeholder="请填写值" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="较上次上升:" label-width="100px" prop="upThan"> |
|
||||
<el-input v-model="dataForm.upThan" up="请填写值" /> |
|
||||
</el-form-item> |
|
||||
</template> |
|
||||
<el-form-item label="启用" label-width="90px"> |
|
||||
<el-switch v-model="dataForm.status" :active-value="1" :inactive-value="0" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
export default { |
|
||||
props: { |
|
||||
targetNameList: { |
|
||||
type: Array, |
|
||||
default: () => [] |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
dataForm: { |
|
||||
greaterThan: '', // 值大于 |
|
||||
lessThan: '', // 值小于 |
|
||||
id: '', |
|
||||
status: 1, // 1：开启 0：关闭 |
|
||||
lowerThan: '', // 较上次下降 |
|
||||
upThan: '', // 较上次上升 |
|
||||
name: '', // 指标名称 |
|
||||
targetUnit: '' // 指标单位 |
|
||||
}, |
|
||||
ISFlag: true // 大于小于为true |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
return { |
|
||||
name: [ |
|
||||
{ required: true, message: '请选择指标名称', trigger: 'change' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
// 选择指标发生变化时 |
|
||||
selectOptionHandle(item) { |
|
||||
console.log(item) |
|
||||
// flag=1，较上次上升/下降，flag=0，值大于/小于 |
|
||||
this.ISFlag = item.flag === 0 |
|
||||
this.dataForm.targetUnit = item.targetUnit |
|
||||
}, |
|
||||
// 状态切换 |
|
||||
// switchHandle(e) { |
|
||||
// // 1：开启 0：关闭 |
|
||||
// console.log(e) |
|
||||
// this.dataForm.status = e ? 1 : 0 |
|
||||
// }, |
|
||||
// 初始化 |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm.resetFields() // 重置表单 |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/sys/target/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
this.ISFlag = res.data.flag === 0 |
|
||||
}).catch(() => { }) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
console.log(this.dataForm) |
|
||||
this.$refs.dataForm.validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
// if (this.ISFlag && !this.dataForm.greaterThan && !this.dataForm.lessThan) { |
|
||||
// return this.$message.error('值必须填写一个') |
|
||||
// } else if (!this.ISFlag) { |
|
||||
// if (!this.dataForm.lowerThan && !this.dataForm.upThan) { |
|
||||
// return this.$message.error('值必须填写一个') |
|
||||
// } else if (this.dataForm.lowerThan && this.dataForm.upThan) { |
|
||||
// return this.$message.error('值只能填写一个') |
|
||||
// } |
|
||||
// } |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/target', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss"> |
|
||||
.alert-setting { |
|
||||
.company { |
|
||||
display: inline-block; |
|
||||
width: 60px; |
|
||||
padding-left: 5px; |
|
||||
} |
|
||||
.el-form-item__content { |
|
||||
display: flex; |
|
||||
} |
|
||||
.el-dialog__header { |
|
||||
margin-bottom:12px |
|
||||
} |
|
||||
.el-dialog__body { |
|
||||
padding-right: 30px; |
|
||||
} |
|
||||
.formItemOne .el-form-item__content { |
|
||||
display: flex; |
|
||||
} |
|
||||
.el-date-editor.el-input, .el-date-editor.el-input__inner{ |
|
||||
width: 100%; |
|
||||
} |
|
||||
.el-select{ |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
padding-right: 50px; |
|
||||
} |
|
||||
.el-input-number { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
.el-switch { |
|
||||
line-height: 40px; |
|
||||
display: block; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,104 +0,0 @@ |
|||||
<template> |
|
||||
<div class="charge-management"> |
|
||||
<!-- 模板列表 --> |
|
||||
<head-template head-left="预警设置"> |
|
||||
<el-button type="primary" size="small" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button> |
|
||||
</head-template> |
|
||||
<!-- 模板内容 --> |
|
||||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" :height="tableHeight"> |
|
||||
<el-table-column label="状态"> |
|
||||
<template slot-scope="scope"> |
|
||||
<!-- 1：开启 0：关闭 --> |
|
||||
<el-switch :value="scope.row.status == 1 ? true : false" @change="switchHandle(scope.row,$event)" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="指标名称"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.name }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="content" label="条件" /> |
|
||||
<el-table-column prop="operation" label="操作"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span style="color: #1890ff; padding-right: 8px" class="details" @click="addOrUpdateHandle(scope.row.id,'')">修改</span> |
|
||||
<span style="color: #ff4d4f" class="delete" @click="deleteHandle(scope.row.id)">删除</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" :target-name-list="targetNameList" @refreshDataList="getDataList" /> |
|
||||
<!-- <el-pagination background layout="prev, pager, next" :total="total" @current-change="pageCurrentChangeHandle" /> --> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import headTemplate from '@/components/head' |
|
||||
import addOrUpdate from './add-or-update.vue' |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|
||||
export default { |
|
||||
components: { |
|
||||
headTemplate, |
|
||||
addOrUpdate |
|
||||
}, |
|
||||
mixins: [mixinViewModule, tableAutoHeight], |
|
||||
data() { |
|
||||
return { |
|
||||
targetNameList: [], |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/target/targetList', |
|
||||
deleteURL: '/sys/target' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.getTargetName() |
|
||||
}, |
|
||||
methods: { |
|
||||
// 获取指标名称 |
|
||||
async getTargetName() { |
|
||||
const { data: res } = await this.$http.get('/sys/target/selectTarget') |
|
||||
if (res.code === 0) { |
|
||||
this.targetNameList = res.data |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
}, |
|
||||
// 修改预警状态 |
|
||||
async switchHandle(scopeRow, e) { |
|
||||
console.log(scopeRow, e) |
|
||||
// 1：开启 0：关闭 |
|
||||
const { data: res } = await this.$http.post('/sys/target/switchStatus', { |
|
||||
id: scopeRow.id, |
|
||||
status: e === false ? 0 : 1 |
|
||||
}) |
|
||||
if (res.code === 0) { |
|
||||
this.getDataListInitial() |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.charge-management { |
|
||||
background: #fff; |
|
||||
padding: 20px; |
|
||||
min-height: calc(calc(100vh - 50px - 30px) - 2px); |
|
||||
.defaultButton { |
|
||||
display: inline-block; |
|
||||
border: 1px solid #1E79FF; |
|
||||
color: #1E79FF; |
|
||||
font-size: 12px; |
|
||||
padding: 0 10px; |
|
||||
border-radius: 16px; |
|
||||
margin-left: 10px; |
|
||||
} |
|
||||
.details, |
|
||||
.delete { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.el-icon-more { |
|
||||
margin-left: 6px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,5 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<router-view /> |
|
||||
</div> |
|
||||
</template> |
|
||||
@ -1,5 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<router-view /> |
|
||||
</div> |
|
||||
</template> |
|
||||
@ -1,113 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog class="add-edit-centre" :visible.sync="visible" :title="!dataForm.id ? '新增宣教' : '修改宣教'" @close="closeDialog"> |
|
||||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="auto" @keyup.enter.native="dataFormSubmitHandle()"> |
|
||||
<el-form-item prop="node" label="状态节点"> |
|
||||
<el-input v-model="dataForm.node" placeholder="请输入状态节点" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="url" label="url"> |
|
||||
<el-input v-model="dataForm.url" placeholder="请输入URL" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="title" label="名称"> |
|
||||
<el-input v-model="dataForm.title" placeholder="请输入名称" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="remark" label="备注"> |
|
||||
<el-input v-model="dataForm.remark" placeholder="请输入备注" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
export default { |
|
||||
props: { |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
url: '', |
|
||||
node: '', |
|
||||
title: '', |
|
||||
remark: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
return { |
|
||||
node: [ |
|
||||
{ required: true, message: '请输入状态节点', trigger: 'blur' } |
|
||||
], |
|
||||
url: [ |
|
||||
{ required: true, message: '请输入URL', trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm.resetFields() |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/preach/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs.dataForm.validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/preach', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }), |
|
||||
|
|
||||
closeDialog() { |
|
||||
this.$emit('closeDialog') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss"> |
|
||||
.add-edit-centre{ |
|
||||
.el-dialog__header { |
|
||||
margin-bottom:12px |
|
||||
} |
|
||||
.el-select { |
|
||||
display: block; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,96 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 通知机制 --> |
|
||||
<el-card shadow="never" class="aui-card--fill propaganda"> |
|
||||
<div class="mod-sys__role"> |
|
||||
<head-template head-left="通知机制"> |
|
||||
<el-button size="small" @click="enterHandle">平台入口</el-button> |
|
||||
<el-button type="primary" size="small" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button> |
|
||||
</head-template> |
|
||||
<el-table |
|
||||
v-loading="dataListLoading" |
|
||||
:data="dataList" |
|
||||
:height="tableHeight" |
|
||||
style="width: 100%;" |
|
||||
@selection-change="dataListSelectionChangeHandle" |
|
||||
@sort-change="dataListSortChangeHandle" |
|
||||
> |
|
||||
<!-- <el-table-column type="selection" header-align="center" align="center" width="50" /> --> |
|
||||
<el-table-column prop="node" label="状态节点" header-align="center" align="center" /> |
|
||||
<el-table-column prop="title" label="名称" header-align="center" align="center" /> |
|
||||
<el-table-column prop="url" label="URL" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span class="url-span" @click="URLEnterHandle(scope.row)"> {{ scope.row.url }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="updateDate" label="修改时间" header-align="center" align="center" /> |
|
||||
<el-table-column prop="remark" label="备注" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ scope.row.remark ? scope.row.remark : '-' }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="operation" label="操作" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span style="color: #1890ff; padding-right: 8px" class="button-span" @click="addOrUpdateHandle(scope.row.id,scope.row)">编辑</span> |
|
||||
<span style="color: #ff4d4f;" class="button-span" @click="deleteHandle(scope.row.id)">删除</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination background layout="prev, pager, next" :total="total" @current-change="pageCurrentChangeHandle" /> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-propaganda v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @closeDialog="addOrUpdateVisible=false" /> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import addPropaganda from './add-propaganda.vue' |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|
||||
import headTemplate from '@/components/head' |
|
||||
export default { |
|
||||
components: { |
|
||||
addPropaganda, |
|
||||
headTemplate |
|
||||
}, |
|
||||
mixins: [mixinViewModule, tableAutoHeight], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/preach', |
|
||||
deleteURL: '/preach', |
|
||||
deleteIsBatch: true, |
|
||||
getDataListIsPage: false |
|
||||
}, |
|
||||
dataForm: { |
|
||||
name: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
// URL入口 |
|
||||
enterHandle() { |
|
||||
window.open('https://mp.weixin.qq.com/') |
|
||||
}, |
|
||||
// 链接跳转 |
|
||||
URLEnterHandle(scopeRow) { |
|
||||
window.open(scopeRow.url) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.propaganda { |
|
||||
.url-span { |
|
||||
white-space: nowrap; // 段落不换行 |
|
||||
text-overflow: ellipsis; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
.url-span:hover { |
|
||||
color: #1e79ff; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.button-span { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,158 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 宣教统计 --> |
|
||||
<div class="statistics"> |
|
||||
<template v-if="isShowPatient"> |
|
||||
<div class="statistics-head"> |
|
||||
<el-form :inline="true" :model="dataForm" class="demo-form-inline" @keyup.enter.native="getDataListInitial()"> |
|
||||
<el-form-item label="患者ID:"> |
|
||||
<el-input v-model="dataForm.patientId" size="small" clearable placeholder="患者ID" @clear="getDataListInitial()" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="患者姓名:"> |
|
||||
<el-input v-model="dataForm.patientName" placeholder="患者姓名" size="small" clearable @clear="getDataListInitial()" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="阅读进度:"> |
|
||||
<el-select v-model="dataForm.readProgress" clearable placeholder="请选择阅读进度" @change="getDataListInitial()"> |
|
||||
<el-option v-for="(item,index) in readProgressList" :key="index" :label="item.name" :value="item.value" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="dateRange" label="日期" class="form-item-date"> |
|
||||
<el-date-picker |
|
||||
v-model="dataForm.searchDate" |
|
||||
class="right-pick-btn" |
|
||||
clearable |
|
||||
type="date" |
|
||||
size="small" |
|
||||
value-format="yyyy-MM-dd" |
|
||||
placeholder="按日期查询" |
|
||||
@change="getDataListInitial()" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-form-item style="flex:1"> |
|
||||
<el-button type="primary" icon="el-icon-search" size="small" @click="getDataListInitial()">查询</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
<div class="statistics-content"> |
|
||||
<el-table |
|
||||
ref="multipleTable" |
|
||||
:data="dataList" |
|
||||
:height="tableHeight" |
|
||||
tooltip-effect="dark" |
|
||||
style="width: 100%" |
|
||||
> |
|
||||
<el-table-column prop="patientId" label="患者ID " header-align="center" align="center" /> |
|
||||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|
||||
<el-table-column prop="articleName" label="文章名称" header-align="center" align="center" /> |
|
||||
<el-table-column label="阅读进度"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-progress :percentage="Number(scope.row.rate)" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination background layout="total,prev, pager, next" :total="total" :current-page.sync="page" @current-change="pageCurrentChangeHandle" /> |
|
||||
</div></template> |
|
||||
<router-view v-else /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|
||||
import { dateFilterTwo } from '@/filters/index.js' |
|
||||
export default { |
|
||||
components: { |
|
||||
}, |
|
||||
mixins: [mixinViewModule, tableAutoHeight], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/propagation/page', |
|
||||
getDataListIsPage: true, |
|
||||
createdIsNeed: false |
|
||||
}, |
|
||||
nextVisitTime: [], |
|
||||
isShowPatient: true, |
|
||||
detailViewVisible: false, |
|
||||
dataForm: { |
|
||||
patientId: '', |
|
||||
patientName: '', |
|
||||
readProgress: '', |
|
||||
searchDate: '' |
|
||||
}, |
|
||||
doctorNameList: [], |
|
||||
currentTableList: [], |
|
||||
patientIdNumber: '', |
|
||||
detailId: '', |
|
||||
readProgressList: [{ |
|
||||
value: 0, |
|
||||
name: '未开始' |
|
||||
}, { |
|
||||
value: 1, |
|
||||
name: '阅读中' |
|
||||
}, { |
|
||||
value: 2, |
|
||||
name: '已完成' |
|
||||
}] |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.dataForm.searchDate = dateFilterTwo(this.$moment().format('L')) |
|
||||
this.getDataList() |
|
||||
}, |
|
||||
methods: { |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.statistics { |
|
||||
.statistics-head, |
|
||||
.statistics-content { |
|
||||
background: #fff; |
|
||||
.head { |
|
||||
padding-bottom: 10px; |
|
||||
} |
|
||||
} |
|
||||
.statistics-content { |
|
||||
padding: 16px; |
|
||||
margin-bottom: 45px; |
|
||||
} |
|
||||
.statistics-head { |
|
||||
margin-bottom: 16px; |
|
||||
padding: 10px 16px; |
|
||||
} |
|
||||
.operation-delete, |
|
||||
.operation-details { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
<style lang="scss"> |
|
||||
.statistics { |
|
||||
.statistics-head { |
|
||||
.el-form { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
.el-form-item { |
|
||||
display: flex; |
|
||||
} |
|
||||
.el-form-item__label { |
|
||||
min-width: 75px; |
|
||||
} |
|
||||
.el-form-item { |
|
||||
margin-bottom: 0; |
|
||||
width: 25%; |
|
||||
} |
|
||||
.el-form-item__content, |
|
||||
.el-select, |
|
||||
.el-range-editor--small.el-input__inner { |
|
||||
width: 100%; |
|
||||
} |
|
||||
.form-item-date .el-form-item__content { |
|
||||
min-width: 180px; |
|
||||
} |
|
||||
} |
|
||||
.el-select { |
|
||||
width: 100%; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,197 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
:visible.sync="visible" |
|
||||
:title="dataForm.title||(!dataForm.id ? $t('add') : $t('update'))" |
|
||||
:close-on-click-modal="false" |
|
||||
:close-on-press-escape="false" |
|
||||
> |
|
||||
<el-form |
|
||||
ref="dataForm1" |
|
||||
class="wsInfo" |
|
||||
:model="dataForm" |
|
||||
:rules="dataRule" |
|
||||
label-width="auto" |
|
||||
@submit.native.prevent |
|
||||
@keyup.enter.native="initBaseInfo()" |
|
||||
> |
|
||||
<!-- webservice地址 --> |
|
||||
<el-form-item prop="webServiceUrl" :label="'webservice地址'"> |
|
||||
<el-input v-model="dataForm.webServiceUrl" :placeholder="'输入webservice地址配置'" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-form ref="dataForm2" class="baseInfo" :model="dataForm" :rules="dataRule" label-width="auto" @keyup.enter.native="dataFormSubmitHandle()"> |
|
||||
<!-- 分中心名称 --> |
|
||||
<el-form-item prop="name" :label="'分中心名称'"> |
|
||||
<el-input v-model="dataForm.name" :placeholder="'分中心名称'" /> |
|
||||
</el-form-item> |
|
||||
<!-- 分中心地址 --> |
|
||||
<el-form-item prop="regionList" :label="'分中心地址'"> |
|
||||
<region-tree v-model="dataForm.regionList" /> |
|
||||
</el-form-item> |
|
||||
<!-- 详细地址 --> |
|
||||
<el-form-item prop="address" :label="'详细地址'"> |
|
||||
<el-input v-model="dataForm.address" :placeholder="'详细地址'" /> |
|
||||
</el-form-item> |
|
||||
<!-- 组织机构代码 --> |
|
||||
<el-form-item prop="organizationCode" :label="'组织机构代码'"> |
|
||||
<el-input v-model="dataForm.organizationCode" :placeholder="'组织机构代码'" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
import regionTree from '@/components/region-tree' |
|
||||
export default { |
|
||||
components: { |
|
||||
regionTree |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
deptList: [], |
|
||||
deptListVisible: false, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
webServiceUrl: '', |
|
||||
name: '', |
|
||||
regionList: [], // [130000, 130100, 130104], |
|
||||
provinceId: 0, |
|
||||
cityId: 0, |
|
||||
areaId: 0, |
|
||||
address: '', |
|
||||
organizationCode: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
var validateTree = (rule, value, callback) => { |
|
||||
if (this.dataForm.regionList.length === 0) { |
|
||||
return callback(new Error('请选择地区')) |
|
||||
} |
|
||||
callback() |
|
||||
} |
|
||||
return { |
|
||||
webServiceUrl: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
name: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
regionList: [ |
|
||||
{ required: true, validator: validateTree, trigger: 'change' } |
|
||||
], |
|
||||
address: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
organizationCode: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
'dataForm.regionList': { |
|
||||
handler(newValue, oldValue) { |
|
||||
if (newValue && newValue.length > 0) { |
|
||||
this.dataForm.provinceId = newValue[0] || '' |
|
||||
this.dataForm.cityId = newValue[1] || '' |
|
||||
this.dataForm.areaId = newValue[2] || '' |
|
||||
} |
|
||||
}, |
|
||||
deep: true |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm1.resetFields() |
|
||||
this.$refs.dataForm2.resetFields() |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
initBaseInfo() {}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/sys/dept/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
this.dataForm.regionList = [ |
|
||||
this.dataForm.provinceId || null, |
|
||||
this.dataForm.cityId || null, |
|
||||
this.dataForm.areaId || null |
|
||||
] |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 上级部门树, 选中 |
|
||||
deptListTreeCurrentChangeHandle(data) { |
|
||||
this.dataForm.pid = data.id |
|
||||
this.dataForm.parentName = data.name |
|
||||
this.deptListVisible = false |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs.dataForm1.validate((valid1) => { |
|
||||
if (!valid1) { |
|
||||
return false |
|
||||
} |
|
||||
this.$refs.dataForm2.validate((valid2) => { |
|
||||
if (!valid2) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dept', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.mod-sys__dept { |
|
||||
.dept-list { |
|
||||
.el-input__inner, |
|
||||
.el-input__suffix { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.wsInfo{ |
|
||||
padding:0 20px; |
|
||||
} |
|
||||
|
|
||||
.baseInfo{ |
|
||||
padding: 20px; |
|
||||
// background: rgba(205,205,205,0.18000000715255737); |
|
||||
border-radius: 4px; |
|
||||
// border: 1px solid #C2C2C2 !important; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,83 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__dept"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:dept:save')" type="primary" @click="addOrUpdateHandle(null,null,'添加分中心')">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table v-loading="dataListLoading" :data="dataList" row-key="id" border style="width: 100%;"> |
|
||||
<!-- 名称 --> |
|
||||
<el-table-column prop="name" :label="$t('dept.name')" header-align="center" min-width="150" /> |
|
||||
<!-- 地址 --> |
|
||||
<el-table-column prop="address" :label="'地址'" header-align="center" width="300" :show-overflow-tooltip="true" /> |
|
||||
<!-- 管理员 --> |
|
||||
<el-table-column prop="deptAdminUser" :label="'管理员'" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ scope.row.deptAdminUser|filterList }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- 课题数量 --> |
|
||||
<el-table-column prop="projectCount" :label="'课题数量'" sortable="custom" header-align="center" align="center" width="120"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ scope.row.projectCount +'个' }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- 研究员数量 --> |
|
||||
<el-table-column prop="researcherCount" :label="'研究员数量'" sortable="custom" header-align="center" align="center" width="120"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ scope.row.researcherCount +'人' }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- 创建时间 --> |
|
||||
<el-table-column :label="$t('handle')" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button |
|
||||
v-if="$hasPermission('sys:dept:update')" |
|
||||
type="text" |
|
||||
size="small" |
|
||||
@click="addOrUpdateHandle(scope.row.id,null,'修改分中心信息')" |
|
||||
>{{ $t('update') }}</el-button> |
|
||||
<el-button |
|
||||
v-if="$hasPermission('sys:dept:delete')" |
|
||||
type="text" |
|
||||
size="small" |
|
||||
style="color:red" |
|
||||
@click="deleteHandle(scope.row.id)" |
|
||||
>{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import AddOrUpdate from './depart-add-or-update' |
|
||||
export default { |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
filters: { |
|
||||
filterList(arr) { |
|
||||
const result = [] |
|
||||
arr.forEach(item => { |
|
||||
result.push(item.userName) |
|
||||
}) |
|
||||
return result.join(',') |
|
||||
} |
|
||||
}, |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/dept/list', |
|
||||
deleteURL: '/sys/dept' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,72 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__log-error"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;" @sort-change="dataListSortChangeHandle"> |
|
||||
<el-table-column prop="requestUri" :label="$t('logError.requestUri')" header-align="center" align="center" /> |
|
||||
<el-table-column prop="requestMethod" :label="$t('logError.requestMethod')" header-align="center" align="center" width="90" /> |
|
||||
<el-table-column prop="requestParams" :label="$t('logError.requestParams')" header-align="center" align="center" width="150" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column prop="ip" :label="$t('logError.ip')" header-align="center" align="center" width="125" /> |
|
||||
<el-table-column prop="userAgent" :label="$t('logError.userAgent')" header-align="center" align="center" width="150" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column prop="createDate" :label="$t('logError.createDate')" sortable="custom" header-align="center" align="center" width="180" /> |
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button type="text" size="small" @click="infoHandle(scope.row.errorInfo)">{{ $t('logError.errorInfo') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination |
|
||||
:current-page="page" |
|
||||
:page-sizes="[10, 20, 50, 100]" |
|
||||
:page-size="limit" |
|
||||
:total="total" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
@size-change="pageSizeChangeHandle" |
|
||||
@current-change="pageCurrentChangeHandle" |
|
||||
/> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
export default { |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/log/error/page', |
|
||||
getDataListIsPage: true, |
|
||||
exportURL: '/sys/log/error/export' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
// 异常信息 |
|
||||
infoHandle(info) { |
|
||||
this.$alert(info, this.$t('logError.errorInfo'), { |
|
||||
customClass: 'mod-sys__log-error-view-info' |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.mod-sys__log-error { |
|
||||
&-view-info { |
|
||||
width: 80%; |
|
||||
height: calc(100% - 100px); |
|
||||
|
|
||||
.el-message-box__content{ |
|
||||
overflow: auto; |
|
||||
height: calc(100% - 90px); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
</style> |
|
||||
@ -1,71 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__log-login"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.creatorName" :placeholder="$t('logLogin.creatorName')" clearable /> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-select v-model="dataForm.status" :placeholder="$t('logLogin.status')" clearable> |
|
||||
<el-option :label="$t('logLogin.status0')" :value="0" /> |
|
||||
<el-option :label="$t('logLogin.status1')" :value="1" /> |
|
||||
<el-option :label="$t('logLogin.status2')" :value="2" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;" @sort-change="dataListSortChangeHandle"> |
|
||||
<el-table-column prop="creatorName" :label="$t('logLogin.creatorName')" header-align="center" align="center" /> |
|
||||
<el-table-column prop="operation" :label="$t('logLogin.operation')" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ scope.row.operation === 0 ? $t('logLogin.operation0') : $t('logLogin.operation1') }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="status" :label="$t('logLogin.status')" sortable="custom" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('logLogin.status0') }}</el-tag> |
|
||||
<el-tag v-else-if="scope.row.status === 1" size="small" type="success">{{ $t('logLogin.status1') }}</el-tag> |
|
||||
<el-tag v-else size="small" type="warning">{{ $t('logLogin.status2') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="ip" :label="$t('logLogin.ip')" header-align="center" align="center" /> |
|
||||
<el-table-column prop="userAgent" :label="$t('logLogin.userAgent')" header-align="center" align="center" width="150" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column prop="createDate" :label="$t('logLogin.createDate')" sortable="custom" header-align="center" align="center" width="180" /> |
|
||||
</el-table> |
|
||||
<el-pagination |
|
||||
:current-page="page" |
|
||||
:page-sizes="[10, 20, 50, 100]" |
|
||||
:page-size="limit" |
|
||||
:total="total" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
@size-change="pageSizeChangeHandle" |
|
||||
@current-change="pageCurrentChangeHandle" |
|
||||
/> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
export default { |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/log/login/page', |
|
||||
getDataListIsPage: true, |
|
||||
exportURL: '/sys/log/login/export' |
|
||||
}, |
|
||||
dataForm: { |
|
||||
creatorName: '', |
|
||||
status: '' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,144 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__log-operation"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<!-- 用户名 --> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.username" :placeholder="'用户名'" clearable style="width:120px;" /> |
|
||||
</el-form-item> |
|
||||
<!-- 用户操作 --> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.action" :placeholder="'用户操作'" clearable style="width:250px;" /> |
|
||||
</el-form-item> |
|
||||
<!-- 请求方式 --> |
|
||||
<el-form-item> |
|
||||
<el-select v-model="dataForm.method" :placeholder="'请求方式'" clearable style="width:120px;"> |
|
||||
<el-option label="GET" value="GET" /> |
|
||||
<el-option label="POST" value="POST" /> |
|
||||
<el-option label="PUT" value="PUT" /> |
|
||||
<el-option label="DELETE" value="DELETE" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<!-- 状态 --> |
|
||||
<el-form-item> |
|
||||
<el-select v-model="dataForm.status" :placeholder="$t('logOperation.status')" clearable style="width:120px;"> |
|
||||
<el-option :label="$t('logOperation.status0')" :value="0" /> |
|
||||
<el-option :label="$t('logOperation.status1')" :value="1" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<!-- IP地址 --> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.ip" :placeholder="'IP地址'" clearable style="width:160px;" /> |
|
||||
</el-form-item> |
|
||||
<!-- 课题ID --> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="tempProjectId" :placeholder="'课题ID'" clearable style="width:160px;" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<!-- <el-form-item><el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button></el-form-item> --> |
|
||||
</el-form> |
|
||||
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;" @sort-change="dataListSortChangeHandle"> |
|
||||
<!-- 展开 --> |
|
||||
<el-table-column type="expand"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-form label-width="90px" class="expand-form"> |
|
||||
<el-form-item :label="$t('logOperation.creatorName')"> |
|
||||
<span>{{ scope.row.creatorName }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.operation')"> |
|
||||
<span>{{ scope.row.operation }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.requestUri')"> |
|
||||
<span>{{ scope.row.requestUri }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.requestMethod')"> |
|
||||
<span>{{ scope.row.requestMethod }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.requestParams')"> |
|
||||
<span>{{ scope.row.requestParams }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.requestTime')"> |
|
||||
<span>{{ `${scope.row.requestTime}ms` }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.status')"> |
|
||||
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('logOperation.status0') }}</el-tag> |
|
||||
<el-tag v-else size="small" type="success">{{ $t('logOperation.status1') }}</el-tag> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.ip')"> |
|
||||
<span>{{ scope.row.ip }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.userAgent')"> |
|
||||
<span>{{ scope.row.userAgent }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="$t('logOperation.createDate')"> |
|
||||
<span>{{ scope.row.createDate }}</span> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column prop="creatorName" :label="$t('logOperation.creatorName')" header-align="center" align="center" width="120" /> |
|
||||
<el-table-column prop="operation" :label="$t('logOperation.operation')" /> |
|
||||
<el-table-column prop="requestUri" :label="$t('logOperation.requestUri')" /> |
|
||||
<el-table-column prop="requestMethod" :label="$t('logOperation.requestMethod')" header-align="center" align="center" width="80" /> |
|
||||
<!-- <el-table-column prop="requestParams" :label="$t('logOperation.requestParams')" width="150" :show-overflow-tooltip="true" /> --> |
|
||||
<el-table-column prop="requestTime" :label="'耗时'" sortable="custom" header-align="center" width="80"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ `${scope.row.requestTime}ms` }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!--<el-table-column prop="status" :label="$t('logOperation.status')" sortable="custom" > |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('logOperation.status0') }}</el-tag> |
|
||||
<el-tag v-else size="small" type="success">{{ $t('logOperation.status1') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column>--> |
|
||||
<el-table-column prop="ip" :label="$t('logOperation.ip')" width="125" header-align="center" /> |
|
||||
<!-- <el-table-column prop="userAgent" :label="$t('logOperation.userAgent')" width="150" :show-overflow-tooltip="true" /> --> |
|
||||
<el-table-column prop="createDate" :label="$t('logOperation.createDate')" header-align="center" sortable="custom" width="160" /> |
|
||||
</el-table> |
|
||||
<!-- 分页 --> |
|
||||
<el-pagination |
|
||||
:current-page="page" |
|
||||
:page-sizes="[10, 20, 50, 100]" |
|
||||
:page-size="limit" |
|
||||
:total="total" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
@size-change="pageSizeChangeHandle" |
|
||||
@current-change="pageCurrentChangeHandle" |
|
||||
/> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
export default { |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/log/operation/page', |
|
||||
getDataListIsPage: true |
|
||||
// exportURL: '/sys/log/operation/export' |
|
||||
}, |
|
||||
tempProjectId: '', |
|
||||
dataForm: { |
|
||||
status: '', |
|
||||
username: '', |
|
||||
action: '', |
|
||||
method: '', |
|
||||
ip: '', |
|
||||
projectId: null |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
tempProjectId(val) { |
|
||||
this.dataForm.projectId = !val ? null : val |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,237 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
:model="dataForm" |
|
||||
:rules="dataRule" |
|
||||
label-width="auto" |
|
||||
@submit.native.prevent |
|
||||
@keyup.enter.native="dataFormSubmitHandle()" |
|
||||
> |
|
||||
<!-- 类型 --> |
|
||||
<el-form-item prop="type" :label="$t('menu.type')"> |
|
||||
<el-radio-group v-model="dataForm.type" :disabled="!!dataForm.id"> |
|
||||
<el-radio-button :label="0">{{ $t('menu.type0') }}</el-radio-button> |
|
||||
<el-radio-button :label="1">{{ $t('menu.type1') }}</el-radio-button> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
<!-- 名称 --> |
|
||||
<el-form-item prop="name" :label="$t('menu.name')"> |
|
||||
<el-input v-model="dataForm.name" :placeholder="$t('menu.name')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 上级菜单 --> |
|
||||
<el-form-item prop="parentName" :label="$t('menu.parentName')" class="menu-list"> |
|
||||
<el-popover ref="menuListPopover" v-model="menuListVisible" placement="bottom-start" trigger="click"> |
|
||||
<el-tree |
|
||||
ref="menuListTree" |
|
||||
:data="menuList" |
|
||||
:props="{ label: 'name', children: 'children' }" |
|
||||
node-key="id" |
|
||||
:highlight-current="true" |
|
||||
:expand-on-click-node="false" |
|
||||
accordion |
|
||||
@current-change="menuListTreeCurrentChangeHandle" |
|
||||
/> |
|
||||
</el-popover> |
|
||||
<el-input v-model="dataForm.parentName" v-popover:menuListPopover :readonly="true" :placeholder="$t('menu.parentName')"> |
|
||||
<i v-if="dataForm.pid !== '0'" slot="suffix" class="el-icon-circle-close el-input__icon" @click.stop="deptListTreeSetDefaultHandle()" /> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<!-- 排序 --> |
|
||||
<el-form-item prop="sort" :label="$t('menu.sort')"> |
|
||||
<el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('menu.sort')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 授权标识 --> |
|
||||
<el-form-item prop="permissions" :label="$t('menu.permissions')"> |
|
||||
<el-input v-model="dataForm.permissions" :placeholder="$t('menu.permissionsTips')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 路由 --> |
|
||||
<el-form-item v-if="dataForm.type === 0" prop="url" :label="$t('menu.url')"> |
|
||||
<el-input v-model="dataForm.url" :placeholder="$t('menu.url')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 图标 --> |
|
||||
<el-form-item v-if="dataForm.type === 0" prop="icon" :label="$t('menu.icon')" class="icon-list"> |
|
||||
<el-popover ref="iconListPopover" v-model="iconListVisible" placement="bottom-start" trigger="click" popper-class="mod-sys__menu-icon-popover"> |
|
||||
<div class="mod-sys__menu-icon-inner"> |
|
||||
<div class="mod-sys__menu-icon-list"> |
|
||||
<el-button |
|
||||
v-for="(item, index) in iconList" |
|
||||
:key="index" |
|
||||
:class="{ 'is-active': dataForm.icon === item }" |
|
||||
@click="iconListCurrentChangeHandle(item)" |
|
||||
> |
|
||||
<svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${item}`" /></svg> |
|
||||
</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-popover> |
|
||||
<el-input v-model="dataForm.icon" v-popover:iconListPopover :readonly="true" :placeholder="$t('menu.icon')" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
import { getIconList } from '@/utils' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
menuList: [], |
|
||||
menuListVisible: false, |
|
||||
iconList: [], |
|
||||
iconListVisible: false, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
menuType: 0, |
|
||||
type: 0, |
|
||||
name: '', |
|
||||
pid: '0', |
|
||||
parentName: '', |
|
||||
url: '', |
|
||||
permissions: '', |
|
||||
sort: 0, |
|
||||
icon: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
return { |
|
||||
name: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
parentName: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'change' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
'dataForm.type'(val) { |
|
||||
this.$refs['dataForm'].clearValidate() |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['dataForm'].resetFields() |
|
||||
this.iconList = getIconList() |
|
||||
this.dataForm.parentName = this.$t('menu.parentNameDefault') |
|
||||
this.getMenuList().then(() => { |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
// 获取菜单列表 |
|
||||
getMenuList() { |
|
||||
return this.$http.get('/sys/menu/getMenuList?menuType=0&withButton=2').then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.menuList = res.data |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/sys/menu/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
if (this.dataForm.pid === '0') { |
|
||||
return this.deptListTreeSetDefaultHandle() |
|
||||
} |
|
||||
this.$refs.menuListTree.setCurrentKey(this.dataForm.pid) |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 上级菜单树, 设置默认值 |
|
||||
deptListTreeSetDefaultHandle() { |
|
||||
this.dataForm.pid = '0' |
|
||||
this.dataForm.parentName = this.$t('menu.parentNameDefault') |
|
||||
}, |
|
||||
// 上级菜单树, 选中 |
|
||||
menuListTreeCurrentChangeHandle(data) { |
|
||||
this.dataForm.pid = data.id |
|
||||
this.dataForm.parentName = data.name |
|
||||
this.menuListVisible = false |
|
||||
}, |
|
||||
// 图标, 选中 |
|
||||
iconListCurrentChangeHandle(icon) { |
|
||||
this.dataForm.icon = icon |
|
||||
this.iconListVisible = false |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/menu', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { 'leading': true, 'trailing': false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.mod-sys__menu { |
|
||||
.menu-list, |
|
||||
.icon-list { |
|
||||
.el-input__inner, |
|
||||
.el-input__suffix { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
} |
|
||||
&-icon-popover { |
|
||||
width: 458px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
&-icon-inner { |
|
||||
width: 478px; |
|
||||
max-height: 258px; |
|
||||
overflow-x: hidden; |
|
||||
overflow-y: auto; |
|
||||
} |
|
||||
&-icon-list { |
|
||||
width: 458px; |
|
||||
padding: 0; |
|
||||
margin: -8px 0 0 -8px; |
|
||||
> .el-button { |
|
||||
padding: 8px; |
|
||||
margin: 8px 0 0 8px; |
|
||||
> span { |
|
||||
display: inline-block; |
|
||||
vertical-align: middle; |
|
||||
width: 18px; |
|
||||
height: 18px; |
|
||||
font-size: 18px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,70 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 系统菜单 --> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__menu"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:menu:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table |
|
||||
v-loading="dataListLoading" |
|
||||
:data="dataList" |
|
||||
row-key="id" |
|
||||
border |
|
||||
style="width: 100%;" |
|
||||
> |
|
||||
<el-table-column prop="name" :label="$t('menu.name')" header-align="center" min-width="150" /> |
|
||||
<el-table-column prop="icon" :label="$t('menu.icon')" header-align="center" align="center" width="100"> |
|
||||
<template slot-scope="scope"> |
|
||||
<!-- <svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${scope.row.icon}`" /></svg> --> |
|
||||
<svg-icon :icon-class="`${scope.row.icon}`" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="type" :label="$t('menu.type')" header-align="center" align="center" width="100"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.type === 0" size="small">{{ $t('menu.type0') }}</el-tag> |
|
||||
<el-tag v-else size="small" type="info">{{ $t('menu.type1') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="sort" :label="$t('menu.sort')" header-align="center" align="center" width="100" /> |
|
||||
<el-table-column prop="url" :label="$t('menu.url')" header-align="center" align="center" min-width="150" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column prop="permissions" :label="$t('menu.permissions')" header-align="center" align="left" min-width="250" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button v-if="$hasPermission('sys:menu:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
||||
<el-button v-if="$hasPermission('sys:menu:delete')" type="text" size="small" style="color:red" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import AddOrUpdate from './menu-dept-add-or-update' |
|
||||
export default { |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
|
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/menu/getMenuList?menuType=0', |
|
||||
deleteURL: '/sys/menu' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
.svg-icon { |
|
||||
width: 1.5em; |
|
||||
height: 1.5em; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,237 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
:model="dataForm" |
|
||||
:rules="dataRule" |
|
||||
label-width="auto" |
|
||||
@submit.native.prevent |
|
||||
@keyup.enter.native="dataFormSubmitHandle()" |
|
||||
> |
|
||||
<!-- 类型 --> |
|
||||
<el-form-item prop="type" :label="$t('menu.type')"> |
|
||||
<el-radio-group v-model="dataForm.type" :disabled="!!dataForm.id"> |
|
||||
<el-radio-button :label="0">{{ $t('menu.type0') }}</el-radio-button> |
|
||||
<el-radio-button :label="1">{{ $t('menu.type1') }}</el-radio-button> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
<!-- 名称 --> |
|
||||
<el-form-item prop="name" :label="$t('menu.name')"> |
|
||||
<el-input v-model="dataForm.name" :placeholder="$t('menu.name')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 上级菜单 --> |
|
||||
<el-form-item prop="parentName" :label="$t('menu.parentName')" class="menu-list"> |
|
||||
<el-popover ref="menuListPopover" v-model="menuListVisible" placement="bottom-start" trigger="click"> |
|
||||
<el-tree |
|
||||
ref="menuListTree" |
|
||||
:data="menuList" |
|
||||
:props="{ label: 'name', children: 'children' }" |
|
||||
node-key="id" |
|
||||
:highlight-current="true" |
|
||||
:expand-on-click-node="false" |
|
||||
accordion |
|
||||
@current-change="menuListTreeCurrentChangeHandle" |
|
||||
/> |
|
||||
</el-popover> |
|
||||
<el-input v-model="dataForm.parentName" v-popover:menuListPopover :readonly="true" :placeholder="$t('menu.parentName')"> |
|
||||
<i v-if="dataForm.pid !== '0'" slot="suffix" class="el-icon-circle-close el-input__icon" @click.stop="deptListTreeSetDefaultHandle()" /> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<!-- 排序 --> |
|
||||
<el-form-item prop="sort" :label="$t('menu.sort')"> |
|
||||
<el-input-number v-model="dataForm.sort" controls-position="right" :min="0" :label="$t('menu.sort')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 授权标识 --> |
|
||||
<el-form-item prop="permissions" :label="$t('menu.permissions')"> |
|
||||
<el-input v-model="dataForm.permissions" :placeholder="$t('menu.permissionsTips')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 路由 --> |
|
||||
<el-form-item v-if="dataForm.type === 0" prop="url" :label="$t('menu.url')"> |
|
||||
<el-input v-model="dataForm.url" :placeholder="$t('menu.url')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 图标 --> |
|
||||
<el-form-item v-if="dataForm.type === 0" prop="icon" :label="$t('menu.icon')" class="icon-list"> |
|
||||
<el-popover ref="iconListPopover" v-model="iconListVisible" placement="bottom-start" trigger="click" popper-class="mod-sys__menu-icon-popover"> |
|
||||
<div class="mod-sys__menu-icon-inner"> |
|
||||
<div class="mod-sys__menu-icon-list"> |
|
||||
<el-button |
|
||||
v-for="(item, index) in iconList" |
|
||||
:key="index" |
|
||||
:class="{ 'is-active': dataForm.icon === item }" |
|
||||
@click="iconListCurrentChangeHandle(item)" |
|
||||
> |
|
||||
<svg class="icon-svg" aria-hidden="true"><use :xlink:href="`#${item}`" /></svg> |
|
||||
</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-popover> |
|
||||
<el-input v-model="dataForm.icon" v-popover:iconListPopover :readonly="true" :placeholder="$t('menu.icon')" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
import { getIconList } from '@/utils' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
menuList: [], |
|
||||
menuListVisible: false, |
|
||||
iconList: [], |
|
||||
iconListVisible: false, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
menuType: 1, // 菜单类型 0：中心 1：课题 |
|
||||
type: 0, |
|
||||
name: '', |
|
||||
pid: '0', |
|
||||
parentName: '', |
|
||||
url: '', |
|
||||
permissions: '', |
|
||||
sort: 0, |
|
||||
icon: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
return { |
|
||||
name: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
parentName: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'change' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
'dataForm.type'(val) { |
|
||||
this.$refs['dataForm'].clearValidate() |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs['dataForm'].resetFields() |
|
||||
this.iconList = getIconList() |
|
||||
this.dataForm.parentName = this.$t('menu.parentNameDefault') |
|
||||
this.getMenuList().then(() => { |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
// 获取菜单列表 |
|
||||
getMenuList() { |
|
||||
return this.$http.get('/sys/menu/getMenuList?menuType=1&withButton=2').then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.menuList = res.data |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/sys/menu/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
if (this.dataForm.pid === '0') { |
|
||||
return this.deptListTreeSetDefaultHandle() |
|
||||
} |
|
||||
this.$refs.menuListTree.setCurrentKey(this.dataForm.pid) |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 上级菜单树, 设置默认值 |
|
||||
deptListTreeSetDefaultHandle() { |
|
||||
this.dataForm.pid = '0' |
|
||||
this.dataForm.parentName = this.$t('menu.parentNameDefault') |
|
||||
}, |
|
||||
// 上级菜单树, 选中 |
|
||||
menuListTreeCurrentChangeHandle(data) { |
|
||||
this.dataForm.pid = data.id |
|
||||
this.dataForm.parentName = data.name |
|
||||
this.menuListVisible = false |
|
||||
}, |
|
||||
// 图标, 选中 |
|
||||
iconListCurrentChangeHandle(icon) { |
|
||||
this.dataForm.icon = icon |
|
||||
this.iconListVisible = false |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/menu', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { 'leading': true, 'trailing': false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.mod-sys__menu { |
|
||||
.menu-list, |
|
||||
.icon-list { |
|
||||
.el-input__inner, |
|
||||
.el-input__suffix { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
} |
|
||||
&-icon-popover { |
|
||||
width: 458px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
&-icon-inner { |
|
||||
width: 478px; |
|
||||
max-height: 258px; |
|
||||
overflow-x: hidden; |
|
||||
overflow-y: auto; |
|
||||
} |
|
||||
&-icon-list { |
|
||||
width: 458px; |
|
||||
padding: 0; |
|
||||
margin: -8px 0 0 -8px; |
|
||||
> .el-button { |
|
||||
padding: 8px; |
|
||||
margin: 8px 0 0 8px; |
|
||||
> span { |
|
||||
display: inline-block; |
|
||||
vertical-align: middle; |
|
||||
width: 18px; |
|
||||
height: 18px; |
|
||||
font-size: 18px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,69 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 项目（课题）菜单 --> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__menu"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:menu:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table |
|
||||
v-loading="dataListLoading" |
|
||||
:data="dataList" |
|
||||
row-key="id" |
|
||||
border |
|
||||
style="width: 100%;" |
|
||||
> |
|
||||
<el-table-column prop="name" :label="$t('menu.name')" header-align="center" min-width="150" /> |
|
||||
<el-table-column prop="icon" :label="$t('menu.icon')" header-align="center" align="center" width="100"> |
|
||||
<template slot-scope="scope"> |
|
||||
<svg-icon :icon-class="`${scope.row.icon}`" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="type" :label="$t('menu.type')" header-align="center" align="center" width="100"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.type === 0" size="small">{{ $t('menu.type0') }}</el-tag> |
|
||||
<el-tag v-else size="small" type="info">{{ $t('menu.type1') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="sort" :label="$t('menu.sort')" header-align="center" align="center" width="100" /> |
|
||||
<el-table-column prop="url" :label="$t('menu.url')" header-align="center" align="center" min-width="150" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column prop="permissions" :label="$t('menu.permissions')" header-align="center" align="left" min-width="250" :show-overflow-tooltip="true" /> |
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button v-if="$hasPermission('sys:menu:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
||||
<el-button v-if="$hasPermission('sys:menu:delete')" type="text" size="small" style="color:red" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import AddOrUpdate from './menu-project-add-or-update' |
|
||||
export default { |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
|
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/menu/getMenuList?menuType=1', |
|
||||
deleteURL: '/sys/menu' |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
.svg-icon { |
|
||||
width: 1.5em; |
|
||||
height: 1.5em; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,168 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
:model="dataForm" |
|
||||
:rules="dataRule" |
|
||||
label-width="auto" |
|
||||
@submit.native.prevent |
|
||||
@keyup.enter.native="dataFormSubmitHandle()" |
|
||||
> |
|
||||
<!-- 角色类型 --> |
|
||||
<el-form-item prop="roleType" :label="$t('role.type')"> |
|
||||
<el-radio-group v-model="dataForm.roleType" style="margin-bottom: 30px;" @change="radioChangeHandle()"> |
|
||||
<el-radio-button label="1">系统角色</el-radio-button> |
|
||||
<el-radio-button label="2">课题角色</el-radio-button> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="name" :label="$t('role.name')"> |
|
||||
<el-input v-model="dataForm.name" :placeholder="$t('role.name')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="remark" :label="$t('role.remark')"> |
|
||||
<el-input v-model="dataForm.remark" :placeholder="$t('role.remark')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="menuList" :label="$t('role.menuList')"> |
|
||||
<el-tree |
|
||||
ref="menuListTree" |
|
||||
:data="menuList" |
|
||||
:props="{ label: 'name', children: 'children' }" |
|
||||
node-key="id" |
|
||||
accordion |
|
||||
show-checkbox |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
// 角色类型=>菜单类型 |
|
||||
const typeMap = { |
|
||||
// 系统角色1 =》部门菜单0 |
|
||||
1: 0, |
|
||||
// 课题角色2 =》课题菜单1 |
|
||||
2: 1 |
|
||||
} |
|
||||
|
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
menuList: [], |
|
||||
// deptList: [], |
|
||||
tempMenuIdList: [], |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
name: '', |
|
||||
menuIdList: [], |
|
||||
deptId: '', |
|
||||
// deptIdList: [], |
|
||||
remark: '', |
|
||||
roleType: 1 |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
var validateTree = (rule, value, callback) => { |
|
||||
if (this.$refs.menuListTree.getCheckedKeys().length === 0) { return callback(new Error('请勾选菜单授权项')) } |
|
||||
callback() |
|
||||
} |
|
||||
return { |
|
||||
name: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
menuList: [ |
|
||||
{ required: true, validator: validateTree, trigger: 'change' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm.resetFields() |
|
||||
this.$refs.menuListTree.setCheckedKeys([]) |
|
||||
this.dataForm.roleType = this.dataForm.params.roleType || 1 |
|
||||
|
|
||||
Promise.all([ |
|
||||
this.getMenuList() |
|
||||
// ,this.getDeptList() |
|
||||
]).then(() => { |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
// 获取菜单列表 |
|
||||
getMenuList() { |
|
||||
return this.$http.get(`/sys/menu/select?menuType=${typeMap[this.dataForm.roleType]}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.menuList = res.data |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
async radioChangeHandle() { |
|
||||
await this.getMenuList() |
|
||||
this.dataForm.menuIdList.forEach(item => this.$refs.menuListTree.setChecked(item, true)) |
|
||||
}, |
|
||||
// // 获取部门列表 |
|
||||
// getDeptList() { |
|
||||
// return this.$http.get('/sys/dept/list').then(({ data: res }) => { |
|
||||
// if (res.code !== 0) { |
|
||||
// return this.$message.error(res.msg) |
|
||||
// } |
|
||||
// this.deptList = res.data |
|
||||
// }).catch(() => {}) |
|
||||
// }, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/sys/role/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
this.dataForm.menuIdList.forEach(item => this.$refs.menuListTree.setChecked(item, true)) |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs.dataForm.validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.dataForm.menuIdList = [ |
|
||||
...this.$refs.menuListTree.getHalfCheckedKeys(), |
|
||||
...this.$refs.menuListTree.getCheckedKeys() |
|
||||
] |
|
||||
this.dataForm.deptId = this.$store.state.user.deptId // 默认本中心部门的id |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/role', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,109 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 角色管理 --> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__role"> |
|
||||
<el-form :inline="true" :model="dataForm" @submit.native.prevent @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.name" :placeholder="$t('role.name')" clearable /> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:role:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:role:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<el-table |
|
||||
v-loading="dataListLoading" |
|
||||
:data="dataList" |
|
||||
border |
|
||||
style="width: 100%;" |
|
||||
@selection-change="dataListSelectionChangeHandle" |
|
||||
@sort-change="dataListSortChangeHandle" |
|
||||
> |
|
||||
<el-table-column type="selection" header-align="center" align="center" width="50" :selectable="selectable" /> |
|
||||
<el-table-column prop="name" :label="$t('role.name')" header-align="center" align="center" /> |
|
||||
<el-table-column prop="remark" :label="$t('role.remark')" header-align="center" align="center" /> |
|
||||
|
|
||||
<el-table-column prop="roleType" :label="$t('role.type')" sortable="custom" header-align="center" align="center" width="200"> |
|
||||
<template slot-scope="scope"> |
|
||||
<!-- 系统角色 --> |
|
||||
<el-tag v-if="scope.row.roleType === 1" size="small" type="primary">系统角色</el-tag> |
|
||||
<!-- 课题角色 --> |
|
||||
<el-tag v-else size="small" type="success">课题角色</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="createDate" :label="$t('role.createDate')" sortable="custom" header-align="center" align="center" width="180" /> |
|
||||
|
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template v-if="opPermission_systemRole(scope.row.isSystemRole)" slot-scope="scope"> |
|
||||
<el-button |
|
||||
v-if="$hasPermission('sys:role:update')" |
|
||||
type="text" |
|
||||
size="small" |
|
||||
@click="addOrUpdateHandle(scope.row.id,...scope.row)" |
|
||||
>{{ $t('update') }}</el-button> |
|
||||
<el-button |
|
||||
v-if="$hasPermission('sys:role:delete')" |
|
||||
type="text" |
|
||||
size="small" |
|
||||
style="color:red" |
|
||||
@click="deleteHandle(scope.row.id)" |
|
||||
>{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination |
|
||||
:current-page="page" |
|
||||
:page-sizes="[10, 20, 50, 100]" |
|
||||
:page-size="limit" |
|
||||
:total="total" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
@size-change="pageSizeChangeHandle" |
|
||||
@current-change="pageCurrentChangeHandle" |
|
||||
/> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import AddOrUpdate from './role-add-or-update' |
|
||||
export default { |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/role/page', |
|
||||
getDataListIsPage: true, |
|
||||
deleteURL: '/sys/role', |
|
||||
deleteIsBatch: true |
|
||||
}, |
|
||||
dataForm: { |
|
||||
name: '' |
|
||||
}, |
|
||||
order: 'asc', |
|
||||
orderField: 'role_type' |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
opPermission_systemRole(isSystemRole) { |
|
||||
if (isSystemRole === 1) { |
|
||||
return this.$store.state.user.superAdmin === 1 |
|
||||
} |
|
||||
return true |
|
||||
}, |
|
||||
selectable(row, index) { |
|
||||
return this.opPermission_systemRole(row.isSystemRole) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,229 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false" :top="'3vh'"> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
:model="dataForm" |
|
||||
:rules="dataRule" |
|
||||
label-width="auto" |
|
||||
@submit.native.prevent |
|
||||
@keyup.enter.native="dataFormSubmitHandle()" |
|
||||
> |
|
||||
<!-- 用户名 --> |
|
||||
<el-form-item prop="username" :label="$t('user.username')"> |
|
||||
<el-input v-model="dataForm.username" :placeholder="$t('user.username')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 所属机构 --> |
|
||||
<el-form-item prop="deptId" :label="$t('user.deptName')"> |
|
||||
<dept-select v-model="dataForm.deptId" :placeholder="$t('dept.title')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 密码 --> |
|
||||
<el-form-item prop="password" :label="$t('user.password')" :class="{ 'is-required': !dataForm.id }"> |
|
||||
<el-input v-model="dataForm.password" type="password" :placeholder="$t('user.password')" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="confirmPassword" :label="$t('user.confirmPassword')" :class="{ 'is-required': !dataForm.id }"> |
|
||||
<el-input v-model="dataForm.confirmPassword" type="password" :placeholder="$t('user.confirmPassword')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 工号 --> |
|
||||
<el-form-item prop="jobNumber" :label="'工号'"> |
|
||||
<el-input v-model="dataForm.jobNumber" :placeholder="'工号'" /> |
|
||||
</el-form-item> |
|
||||
<!-- 真实姓名 --> |
|
||||
<el-form-item prop="realName" :label="$t('user.realName')"> |
|
||||
<el-input v-model="dataForm.realName" :placeholder="$t('user.realName')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 性别 --> |
|
||||
<el-form-item prop="gender" :label="$t('user.gender')"> |
|
||||
<ren-radio-group v-model="dataForm.gender" dict-type="gender" /> |
|
||||
</el-form-item> |
|
||||
<!-- 手机号 --> |
|
||||
<el-form-item prop="mobile" :label="$t('user.mobile')"> |
|
||||
<el-input v-model="dataForm.mobile" :placeholder="$t('user.mobile')" /> |
|
||||
</el-form-item> |
|
||||
<!-- 配置角色 --> |
|
||||
<el-form-item prop="" :label="'配置角色'" class="role-list"> |
|
||||
<el-select v-model="dataForm.sysRoleId" :placeholder="$t('user.roleIdList')"> |
|
||||
<el-option v-for="role in roleList" :key="role.id" :label="role.name" :value="role.id" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<!-- 状态 --> |
|
||||
<el-form-item prop="status" :label="$t('user.status')" size="mini"> |
|
||||
<el-radio-group v-model="dataForm.status"> |
|
||||
<el-radio :label="0">{{ $t('user.status0') }}</el-radio> |
|
||||
<el-radio :label="1">{{ $t('user.status1') }}</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
import { isMobile } from '@/utils/validate' |
|
||||
import deptSelect from '@/components/dept-select' |
|
||||
export default { |
|
||||
components: { deptSelect }, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
roleList: [], |
|
||||
roleIdListDefault: [], |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
username: '', |
|
||||
jobNumber: '', |
|
||||
deptId: '', |
|
||||
deptName: '', |
|
||||
password: '', |
|
||||
confirmPassword: '', |
|
||||
realName: '', |
|
||||
gender: 0, |
|
||||
email: '', |
|
||||
mobile: '', |
|
||||
sysRoleId: null, |
|
||||
roleIdList: [], |
|
||||
status: 1 |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
var validatePassword = (rule, value, callback) => { |
|
||||
if (!this.dataForm.id && !/\S/.test(value)) { |
|
||||
return callback(new Error(this.$t('validate.required'))) |
|
||||
} |
|
||||
callback() |
|
||||
} |
|
||||
var validateConfirmPassword = (rule, value, callback) => { |
|
||||
if (!this.dataForm.id && !/\S/.test(value)) { |
|
||||
return callback(new Error(this.$t('validate.required'))) |
|
||||
} |
|
||||
if (this.dataForm.password !== value) { |
|
||||
return callback(new Error(this.$t('user.validate.confirmPassword'))) |
|
||||
} |
|
||||
callback() |
|
||||
} |
|
||||
var validateMobile = (rule, value, callback) => { |
|
||||
if (value && !isMobile(value)) { |
|
||||
return callback(new Error(this.$t('validate.format', { attr: this.$t('user.mobile') }))) |
|
||||
} |
|
||||
callback() |
|
||||
} |
|
||||
return { |
|
||||
username: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
jobNumber: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
deptId: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'change' } |
|
||||
], |
|
||||
password: [ |
|
||||
{ validator: validatePassword, trigger: 'blur' } |
|
||||
], |
|
||||
confirmPassword: [ |
|
||||
{ validator: validateConfirmPassword, trigger: 'blur' } |
|
||||
], |
|
||||
realName: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
mobile: [ |
|
||||
{ required: true, validator: validateMobile, trigger: 'blur' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
'dataForm.deptId': { |
|
||||
handler(newValue, oldValue) { |
|
||||
if (newValue) { |
|
||||
this.getRoleList() |
|
||||
} else { |
|
||||
this.roleList = [] |
|
||||
this.roleIdListDefault = [] |
|
||||
} |
|
||||
}, |
|
||||
deep: true |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
// this.dataForm.deptId = this.$store.state.user.deptId |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm.resetFields() |
|
||||
this.roleIdListDefault = [] |
|
||||
if (this.dataForm.deptId) { |
|
||||
this.getRoleList() |
|
||||
} |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取角色列表 |
|
||||
getRoleList() { |
|
||||
this.$http.get(`/sys/role/getSysRoleListForSaveUser`, { params: { deptId: this.dataForm.deptId }}).then(({ data: res }) => { |
|
||||
this.roleList = res.data |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/sys/user/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
// roleIdList: [] |
|
||||
} |
|
||||
// // 角色配置, 区分是否为默认角色 |
|
||||
// for (var i = 0; i < res.data.roleIdList.length; i++) { |
|
||||
// if (this.roleList.filter(item => item.id === res.data.roleIdList[i])[0]) { |
|
||||
// this.dataForm.roleIdList.push(res.data.roleIdList[i]) |
|
||||
// continue |
|
||||
// } |
|
||||
// this.roleIdListDefault.push(res.data.roleIdList[i]) |
|
||||
// } |
|
||||
}) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs.dataForm.validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/user', { |
|
||||
...this.dataForm |
|
||||
// roleIdList: [ |
|
||||
// ...this.dataForm.roleIdList, |
|
||||
// ...this.roleIdListDefault |
|
||||
// ] |
|
||||
}).then(({ data: res }) => { |
|
||||
this.$message({ |
|
||||
message: this.$t('prompt.success'), |
|
||||
type: 'success', |
|
||||
duration: 500, |
|
||||
onClose: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.mod-sys__user { |
|
||||
.role-list { |
|
||||
.el-select { |
|
||||
width: 100%; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,153 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-sys__user"> |
|
||||
<el-form |
|
||||
:inline="true" |
|
||||
:model="dataForm" |
|
||||
@submit.native.prevent |
|
||||
@keyup.enter.native="getDataList()" |
|
||||
> |
|
||||
<!-- 用户名 --> |
|
||||
<el-form-item> |
|
||||
<el-input v-model="dataForm.username" :placeholder="'用户名、姓名'" clearable /> |
|
||||
</el-form-item> |
|
||||
<!-- 性别 --> |
|
||||
<!-- <el-form-item> |
|
||||
<ren-select v-model="dataForm.gender" dict-type="gender" :placeholder="$t('user.gender')" /> |
|
||||
</el-form-item> --> |
|
||||
<el-form-item> |
|
||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:user:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:user:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<!-- <el-form-item> |
|
||||
<el-button v-if="$hasPermission('sys:user:export')" type="info" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
||||
</el-form-item> --> |
|
||||
</el-form> |
|
||||
<el-table |
|
||||
v-loading="dataListLoading" |
|
||||
:data="dataList" |
|
||||
border |
|
||||
style="width: 100%;" |
|
||||
@selection-change="dataListSelectionChangeHandle" |
|
||||
@sort-change="dataListSortChangeHandle" |
|
||||
> |
|
||||
<el-table-column type="selection" header-align="center" align="center" width="50" :selectable="selectable" /> |
|
||||
<!-- 用户名 --> |
|
||||
<el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center" align="center" /> |
|
||||
<!-- 用户名 --> |
|
||||
<el-table-column prop="roleName" :label="'系统角色'" header-align="center" align="center" /> |
|
||||
<!-- 所属机构 --> |
|
||||
<!-- <el-table-column prop="deptName" :label="'所属机构'" header-align="center" align="center" /> --> |
|
||||
<!-- 姓名 --> |
|
||||
<el-table-column prop="realName" :label="'姓名'" header-align="center" align="center" /> |
|
||||
<!-- 性别 --> |
|
||||
<el-table-column prop="gender" :label="$t('user.gender')" sortable="custom" header-align="center" align="center" width="80"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ $getDictLabel("gender", scope.row.gender) }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- 手机号 --> |
|
||||
<!-- <el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center" align="center" /> --> |
|
||||
<!-- 状态 --> |
|
||||
<el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center" align="center" width="80"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('user.status0') }}</el-tag> |
|
||||
<el-tag v-else size="small" type="success">{{ $t('user.status1') }}</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- 创建时间 --> |
|
||||
<el-table-column prop="createDate" :label="$t('user.createDate')" sortable="custom" header-align="center" align="center" /> |
|
||||
<!-- 参与课题 --> |
|
||||
<el-table-column prop="projectList" :label="'参与课题'" header-align="center" align="center" :show-overflow-tooltip="true"> |
|
||||
<template slot-scope="scope"> |
|
||||
{{ scope.row.projectList|filterList }} |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<!-- 操作 --> |
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button |
|
||||
v-if="$hasPermission('sys:user:update') && opPermission(scope.row.systemAdmin)" |
|
||||
type="text" |
|
||||
size="small" |
|
||||
@click="addOrUpdateHandle(scope.row.id)" |
|
||||
>{{ $t('update') }}</el-button> |
|
||||
<el-button |
|
||||
v-if="$hasPermission('sys:user:delete') && opPermission(scope.row.systemAdmin)" |
|
||||
type="text" |
|
||||
size="small" |
|
||||
style="color:red" |
|
||||
@click="deleteHandle(scope.row.id)" |
|
||||
>{{ $t('delete') }}</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination |
|
||||
:current-page="page" |
|
||||
:page-sizes="[10, 20, 50, 100]" |
|
||||
:page-size="limit" |
|
||||
:total="total" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
@size-change="pageSizeChangeHandle" |
|
||||
@current-change="pageCurrentChangeHandle" |
|
||||
/> |
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> |
|
||||
</div> |
|
||||
</el-card> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import AddOrUpdate from './user-add-or-update' |
|
||||
export default { |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
}, |
|
||||
filters: { |
|
||||
filterList(arr) { |
|
||||
const result = [] |
|
||||
arr.forEach(item => { |
|
||||
result.push(item.name) |
|
||||
}) |
|
||||
return result.join(',') |
|
||||
} |
|
||||
}, |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/sys/user/page', |
|
||||
getDataListIsPage: true, |
|
||||
deleteURL: '/sys/user', |
|
||||
deleteIsBatch: true |
|
||||
// exportURL: '/sys/user/export' |
|
||||
}, |
|
||||
dataForm: { |
|
||||
username: '' |
|
||||
// deptId: '', |
|
||||
// gender: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
opPermission(isSystemAdmin) { |
|
||||
if (this.$store.state.user.superAdmin === 1) { |
|
||||
return isSystemAdmin > 0 |
|
||||
} |
|
||||
if (this.$store.state.user.systemAdmin === 1) { |
|
||||
return isSystemAdmin === 0 |
|
||||
} |
|
||||
return true |
|
||||
}, |
|
||||
selectable(row, index) { |
|
||||
return this.opPermission(row.systemAdmin) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,81 +0,0 @@ |
|||||
<template> |
|
||||
<div class="sms-template"> |
|
||||
<!-- 模板列表 --> |
|
||||
<head-template head-left="模板列表"> |
|
||||
<el-button type="primary" size="small" icon="el-icon-plus">新增</el-button> |
|
||||
</head-template> |
|
||||
<!-- 模板内容 --> |
|
||||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%">> |
|
||||
<el-table-column type="index" width="50" label="NO" header-align="center" align="center" /> |
|
||||
<el-table-column label="简称" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.abbreviation }}</span> |
|
||||
<span v-if="scope.row.flag=='1'" class="defaultButton">默认</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="content" label="内容" header-align="center" align="center" /> |
|
||||
<el-table-column prop="operation" label="操作" header-align="center" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span style="color: #1890ff; padding-right: 8px" class="details">修改</span> |
|
||||
<span style="color: #ff4d4f" class="delete">删除</span> |
|
||||
<el-dropdown trigger="click"> |
|
||||
<i class="el-icon-more" /> |
|
||||
<el-dropdown-menu slot="dropdown"> |
|
||||
<el-dropdown-item>设置为默认</el-dropdown-item> |
|
||||
<el-dropdown-item>更新所有</el-dropdown-item> |
|
||||
</el-dropdown-menu> |
|
||||
</el-dropdown> |
|
||||
|
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination background layout="prev, pager, next" :total="total" @current-change="pageCurrentChangeHandle" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import headTemplate from '@/components/head' |
|
||||
export default { |
|
||||
components: { |
|
||||
headTemplate |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
total: 0, |
|
||||
dataList: [{ |
|
||||
abbreviation: '青光眼', |
|
||||
content: '测试数据', |
|
||||
flag: '1' |
|
||||
}] |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
// 分页, 当前页 |
|
||||
pageCurrentChangeHandle(val) { |
|
||||
this.currentPage = val |
|
||||
this.getDataList() |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.sms-template { |
|
||||
.defaultButton { |
|
||||
display: inline-block; |
|
||||
border: 1px solid #1E79FF; |
|
||||
color: #1E79FF; |
|
||||
font-size: 12px; |
|
||||
padding: 0 10px; |
|
||||
border-radius: 16px; |
|
||||
margin-left: 10px; |
|
||||
} |
|
||||
.details, |
|
||||
.delete { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.el-icon-more { |
|
||||
margin-left: 6px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,187 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
class="alert-setting" |
|
||||
:visible.sync="visible" |
|
||||
width="30%" |
|
||||
:title="dataForm.id ? '修改预警条件':'新增预警条件'" |
|
||||
> |
|
||||
<el-form ref="dataForm" :model="dataForm" :rules="dataRule"> |
|
||||
<el-form-item label="指标名称:" label-width="100px" prop="name"> |
|
||||
<el-select v-model="dataForm.name " placeholder="请选择指标名称" clearable> |
|
||||
<el-option v-for="(item,index) in targetNameList " :key="index" :value="item.name" :label="item.name" @click.native="selectOptionHandle(item)" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<!-- flag=1，较上次上升/下降，flag=0，值大于/小于 --> |
|
||||
<template v-if="ISFlag"> |
|
||||
<el-form-item label="值大于:" prop="greaterThan" label-width="100px"> |
|
||||
<el-input v-model="dataForm.greaterThan" placeholder="请填写值" /> |
|
||||
<span class="company">{{ dataForm.targetUnit }}</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="值小于:" label-width="100px" prop="lessThan"> |
|
||||
<el-input v-model="dataForm.lessThan" placeholder="请填写值" /> |
|
||||
<span class="company">{{ dataForm.targetUnit }}</span> |
|
||||
</el-form-item> |
|
||||
</template> |
|
||||
<template v-else> |
|
||||
<el-form-item label="较上次下降:" label-width="100px" prop="lowerThan"> |
|
||||
<el-input v-model="dataForm.lowerThan" placeholder="请填写值" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="较上次上升:" label-width="100px" prop="upThan"> |
|
||||
<el-input v-model="dataForm.upThan" up="请填写值" /> |
|
||||
</el-form-item> |
|
||||
</template> |
|
||||
<el-form-item label="启用" label-width="90px"> |
|
||||
<el-switch v-model="dataForm.status" :active-value="1" :inactive-value="0" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
export default { |
|
||||
props: { |
|
||||
targetNameList: { |
|
||||
type: Array, |
|
||||
default: () => [] |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
dataForm: { |
|
||||
greaterThan: '', // 值大于 |
|
||||
lessThan: '', // 值小于 |
|
||||
id: '', |
|
||||
status: 1, // 1：开启 0：关闭 |
|
||||
lowerThan: '', // 较上次下降 |
|
||||
upThan: '', // 较上次上升 |
|
||||
name: '', // 指标名称 |
|
||||
targetUnit: '' // 指标单位 |
|
||||
}, |
|
||||
ISFlag: true // 大于小于为true |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
return { |
|
||||
name: [ |
|
||||
{ required: true, message: '请选择指标名称', trigger: 'change' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
// 选择指标发生变化时 |
|
||||
selectOptionHandle(item) { |
|
||||
// flag=1，较上次上升/下降，flag=0，值大于/小于 |
|
||||
this.ISFlag = item.flag === 0 |
|
||||
this.dataForm.targetUnit = item.targetUnit |
|
||||
}, |
|
||||
// 状态切换 |
|
||||
// switchHandle(e) { |
|
||||
// // 1：开启 0：关闭 |
|
||||
// console.log(e) |
|
||||
// this.dataForm.status = e ? 1 : 0 |
|
||||
// }, |
|
||||
// 初始化 |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm.resetFields() // 重置表单 |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/yzk/target/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
this.dataForm = { |
|
||||
...this.dataForm, |
|
||||
...res.data |
|
||||
} |
|
||||
this.ISFlag = res.data.flag === 0 |
|
||||
}).catch(() => { }) |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
console.log(this.dataForm) |
|
||||
this.$refs.dataForm.validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
if (this.ISFlag && !this.dataForm.greaterThan && !this.dataForm.lessThan) { |
|
||||
return this.$message.error('值必须填写一个') |
|
||||
} else if (!this.ISFlag) { |
|
||||
if (!this.dataForm.lowerThan && !this.dataForm.upThan) { |
|
||||
return this.$message.error('值必须填写一个') |
|
||||
} else if (this.dataForm.lowerThan && this.dataForm.upThan) { |
|
||||
return this.$message.error('值只能填写一个') |
|
||||
} |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/yzk/target', this.dataForm).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }) |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss"> |
|
||||
.alert-setting { |
|
||||
.company { |
|
||||
display: inline-block; |
|
||||
width: 60px; |
|
||||
padding-left: 5px; |
|
||||
} |
|
||||
.el-form-item__content { |
|
||||
display: flex; |
|
||||
} |
|
||||
.el-dialog__header { |
|
||||
margin-bottom:12px |
|
||||
} |
|
||||
.el-dialog__body { |
|
||||
padding-right: 30px; |
|
||||
} |
|
||||
.formItemOne .el-form-item__content { |
|
||||
display: flex; |
|
||||
} |
|
||||
.el-date-editor.el-input, .el-date-editor.el-input__inner{ |
|
||||
width: 100%; |
|
||||
} |
|
||||
.el-select{ |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
padding-right: 50px; |
|
||||
} |
|
||||
.el-input-number { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
.el-switch { |
|
||||
line-height: 40px; |
|
||||
display: block; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,100 +0,0 @@ |
|||||
<template> |
|
||||
<div class="sms-template"> |
|
||||
<!-- 模板列表 --> |
|
||||
<head-template head-left="预警设置"> |
|
||||
<el-button type="primary" size="small" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button> |
|
||||
</head-template> |
|
||||
<!-- 模板内容 --> |
|
||||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%">> |
|
||||
<el-table-column label="状态"> |
|
||||
<template slot-scope="scope"> |
|
||||
<!-- 1：开启 0：关闭 --> |
|
||||
<el-switch :value="scope.row.status == 1 ? true : false" @change="switchHandle(scope.row,$event)" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="指标名称"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.name }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="content" label="条件" /> |
|
||||
<el-table-column prop="operation" label="操作"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span style="color: #1890ff; padding-right: 8px" class="details" @click="addOrUpdateHandle(scope.row.id,'')">修改</span> |
|
||||
<span style="color: #ff4d4f" class="delete" @click="deleteHandle(scope.row.id)">删除</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" :target-name-list="targetNameList" @refreshDataList="getDataList" /> |
|
||||
<!-- <el-pagination background layout="prev, pager, next" :total="total" @current-change="pageCurrentChangeHandle" /> --> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import headTemplate from '@/components/head' |
|
||||
import addOrUpdate from './add-or-update.vue' |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
export default { |
|
||||
components: { |
|
||||
headTemplate, |
|
||||
addOrUpdate |
|
||||
}, |
|
||||
mixins: [mixinViewModule], |
|
||||
data() { |
|
||||
return { |
|
||||
targetNameList: [], |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/yzk/target/targetList', |
|
||||
deleteURL: '/yzk/target' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.getTargetName() |
|
||||
}, |
|
||||
methods: { |
|
||||
// 获取指标名称 |
|
||||
async getTargetName() { |
|
||||
const { data: res } = await this.$http.get('/yzk/target/selectTarget') |
|
||||
if (res.code === 0) { |
|
||||
this.targetNameList = res.data |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
}, |
|
||||
// 修改预警状态 |
|
||||
async switchHandle(scopeRow, e) { |
|
||||
console.log(scopeRow, e) |
|
||||
// 1：开启 0：关闭 |
|
||||
const { data: res } = await this.$http.post('/yzk/target/switchStatus', { |
|
||||
id: scopeRow.id, |
|
||||
status: e === false ? 0 : 1 |
|
||||
}) |
|
||||
if (res.code === 0) { |
|
||||
this.getDataList() |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.sms-template { |
|
||||
.defaultButton { |
|
||||
display: inline-block; |
|
||||
border: 1px solid #1E79FF; |
|
||||
color: #1E79FF; |
|
||||
font-size: 12px; |
|
||||
padding: 0 10px; |
|
||||
border-radius: 16px; |
|
||||
margin-left: 10px; |
|
||||
} |
|
||||
.details, |
|
||||
.delete { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.el-icon-more { |
|
||||
margin-left: 6px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,174 +0,0 @@ |
|||||
<template> |
|
||||
<div class="crf-add-dialog"> |
|
||||
<el-dialog |
|
||||
width="90%" |
|
||||
top="2vh" |
|
||||
:visible.sync="visible" |
|
||||
:title="dataForm.title||(!dataForm.id ? $t('add') : $t('update'))" |
|
||||
:close-on-click-modal="false" |
|
||||
:close-on-press-escape="false" |
|
||||
@close="closeDialog" |
|
||||
> |
|
||||
<el-form |
|
||||
ref="dataForm" |
|
||||
:model="dataForm" |
|
||||
:rules="dataRule" |
|
||||
label-width="auto" |
|
||||
@keyup.enter.native="initBaseInfo()" |
|
||||
> |
|
||||
<el-form-item prop="type" :label="'CRF类型'"> |
|
||||
<el-radio-group v-model="dataForm.type" size="small"> |
|
||||
<el-radio-button label="门诊" /> |
|
||||
<el-radio-button label="手术" /> |
|
||||
<el-radio-button label="随访" /> |
|
||||
<el-radio-button label="其他" /> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="name" :label="'名称'"> |
|
||||
<el-input |
|
||||
v-model="dataForm.name" |
|
||||
:placeholder="'请填写表单名称'" |
|
||||
size="small" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="content" :label="'表单'" style="margin-top:20px;"> |
|
||||
<!-- <crf-editor ref="crf" v-model="dataForm.content" :height="height" :is-p="true" />--> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="description" :label="'描述'"> |
|
||||
<el-input |
|
||||
v-model="dataForm.description" |
|
||||
type="textarea" |
|
||||
:rows="1" |
|
||||
:placeholder="'相关描述'" |
|
||||
size="small" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<template slot="footer"> |
|
||||
<el-button size="small" @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" size="small" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|
||||
<!-- <el-button type="primary" @click="exportContent">引入</el-button> --> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
|
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import debounce from 'lodash/debounce' |
|
||||
// import crfEditor from '@/components/hm-crf' |
|
||||
const Base64 = require('js-base64').Base64 |
|
||||
|
|
||||
export default { |
|
||||
// components: { crfEditor }, |
|
||||
props: { |
|
||||
systemInfo: { |
|
||||
type: Object, |
|
||||
default: () => { |
|
||||
return {} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
height: 'calc(100vh - 300px)', |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
type: '门诊', |
|
||||
name: '', |
|
||||
description: '', |
|
||||
content: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule() { |
|
||||
var validate_content = (rule, value, callback) => { |
|
||||
if (this.dataForm.content === '') { |
|
||||
return callback(new Error('请设计表单内容')) |
|
||||
} |
|
||||
callback() |
|
||||
} |
|
||||
return { |
|
||||
type: [ |
|
||||
{ required: true, message: '请选择CRF类型', trigger: 'change' } |
|
||||
], |
|
||||
name: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
content: [ |
|
||||
{ required: true, validator: validate_content, trigger: 'change' } |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.dataForm.resetFields() |
|
||||
if (this.dataForm.id) { |
|
||||
this.getInfo() |
|
||||
} else { |
|
||||
this.dataForm = { ...this.dataForm } |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 获取信息 |
|
||||
getInfo() { |
|
||||
this.$http.get(`/crf/template/${this.dataForm.id}`).then(({ data: res }) => { |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.msg) |
|
||||
} |
|
||||
if (res.data) { |
|
||||
this.dataForm.name = res.data.name |
|
||||
this.dataForm.type = res.data.type |
|
||||
this.dataForm.content = Base64.decode(res.data.content) |
|
||||
this.dataForm.description = res.data.description |
|
||||
this.$refs['crf'].renderContent() |
|
||||
} |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
// 引入内容 |
|
||||
exportContent() { |
|
||||
// 在编辑器中获取填充方法 |
|
||||
// console.log(document.querySelector('#myEditor_ifr').contentWindow) |
|
||||
this.$refs.crf.fullContent('右眼<input id="youyan" class="hminput border-1" style="width: 120px; height: 18px; text-align: center;" title="" autocomplete="off" name="youyan" type="text" placeholder="" data-hm_id="youyan" data-hm_type="text" data-hm_required="false" data-hm_bd_id="DAT1_VA.OD_VAN" data-hm_bd_eye_type="" />左眼<input id="zuoyan" class="hminput border-1 " style="width: 120px; height: 18px; text-align: center;" title="" autocomplete="off" name="zuoyan" type="text" placeholder="" data-hm_id="zuoyan" data-hm_type="text" data-hm_required="false" data-hm_bd_id="DAT1_VA.OS_VAN" data-hm_bd_eye_type="" />') |
|
||||
}, |
|
||||
// 表单提交 |
|
||||
dataFormSubmitHandle: debounce(function() { |
|
||||
this.$refs.dataForm.validate((valid) => { |
|
||||
if (!valid) { |
|
||||
return false |
|
||||
} |
|
||||
this.$http[!this.dataForm.id ? 'post' : 'put']('/crf/template', { ...this.dataForm, content: Base64.encode(this.dataForm.content) }).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: () => { |
|
||||
this.visible = false |
|
||||
this.$emit('refreshDataList') |
|
||||
} |
|
||||
}) |
|
||||
}).catch(() => {}) |
|
||||
}) |
|
||||
}, 1000, { leading: true, trailing: false }), |
|
||||
closeDialog() { |
|
||||
this.$emit('closeDialog') |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.crf-add-dialog { |
|
||||
.el-form-item { |
|
||||
margin-bottom:8px |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,105 +0,0 @@ |
|||||
<template> |
|
||||
<div class="mod-sys__dept"> |
|
||||
<head-template head-left="表单管理"> |
|
||||
<el-button type="primary" size="small" icon="el-icon-plus" @click="addOrUpdateHandle(null,null,'新增表单')">新增 |
|
||||
</el-button> |
|
||||
</head-template> |
|
||||
<el-table v-loading="dataListLoading" :data="dataList" row-key="id" style="width: 100%;" :height="tableHeight"> |
|
||||
|
|
||||
<!-- 名称 --> |
|
||||
<el-table-column prop="name" :label="'表单名称'" /> |
|
||||
<!-- crf类型 --> |
|
||||
<el-table-column prop="type" :label="'表单类型'" /> |
|
||||
<!-- 描述 --> |
|
||||
<el-table-column prop="description" :label="'描述'" /> |
|
||||
<!-- 操作 --> |
|
||||
<el-table-column prop="operation" :label="$t('handle')"> |
|
||||
<template slot-scope="scope"> |
|
||||
<!-- <el-button type="text" size="small" @click="testClick1(scope.row.id,scope.row)">测试1</el-button> |
|
||||
<el-button type="text" size="small" @click="testClick2(scope.row.id,scope.row)">测试2</el-button> --> |
|
||||
<el-button type="text" size="small" @click="preview(scope.row.id,scope.row)">预览</el-button> |
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id,scope.row)">编辑</el-button> |
|
||||
<el-button type="text" size="small" style="color:red" @click="deleteHandle([scope.row.id])">删除</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<!-- 添加分页组件 --> |
|
||||
<el-pagination background layout="prev, pager, next" :total="total" @current-change="pageCurrentChangeHandle" /> |
|
||||
|
|
||||
<!-- 弹窗, 新增 / 修改 --> |
|
||||
<add-or-update |
|
||||
v-if="addOrUpdateVisible" |
|
||||
ref="addOrUpdate" |
|
||||
@refreshDataList="getDataList" |
|
||||
@closeDialog="addOrUpdateVisible=false" |
|
||||
/> |
|
||||
<!-- 弹窗, 预览 --> |
|
||||
<!-- <preview v-if="previewVisible" ref="preview" :body-style-show="true" />--> |
|
||||
<!-- 填写测试 --> |
|
||||
<!-- <test v-if="testVisible" ref="Test" :exam-name="test.name" :list="test.exams" /> --> |
|
||||
<!-- 填写测试 --> |
|
||||
<!-- <follow-up v-if="followUpVisible" ref="followUp" /> --> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import mixinViewModule from '@/mixins/view-module' |
|
||||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|
||||
import AddOrUpdate from './add-or-update.vue' |
|
||||
// import Preview from '@/components/hm-crf/preview' |
|
||||
import headTemplate from '@/components/head' |
|
||||
// 测试 |
|
||||
// import test from '@/components/hm-crf/crf-data-test' |
|
||||
// import followUp from '@/components/hm-crf/followUp' |
|
||||
export default { |
|
||||
components: { |
|
||||
AddOrUpdate, |
|
||||
// Preview, |
|
||||
headTemplate |
|
||||
// test, |
|
||||
// followUp // 测试 |
|
||||
}, |
|
||||
mixins: [mixinViewModule, tableAutoHeight], |
|
||||
data() { |
|
||||
return { |
|
||||
// testVisible: false, // 测试 |
|
||||
// followUpVisible: false, // 测试 |
|
||||
previewVisible: false, |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/crf/template/page', |
|
||||
getDataListIsPage: true, |
|
||||
deleteURL: '/crf/template' |
|
||||
}, |
|
||||
dataForm: {}, |
|
||||
systemInfo: {} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
preview(id, params, title) { |
|
||||
console.log(123) |
|
||||
this.previewVisible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.preview.dataForm = { id, title, ...params } |
|
||||
this.$refs.preview.init() |
|
||||
}) |
|
||||
}, |
|
||||
testClick1(id, params, title) { |
|
||||
this.testVisible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.Test.init() |
|
||||
}) |
|
||||
}, |
|
||||
testClick2(id, params, title) { |
|
||||
console.log(params) |
|
||||
this.followUpVisible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.followUp.crfId = params.id |
|
||||
this.$refs.followUp.patientIdNumber = '342826195112180617' |
|
||||
this.$refs.followUp.init() |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,382 +0,0 @@ |
|||||
<template> |
|
||||
<div class="follow-management"> |
|
||||
<!-- 弹框 --> |
|
||||
<el-dialog |
|
||||
:title="sureEditText=='修改' ? '修改随访方案':'新增随访方案'" |
|
||||
:visible.sync="dialogFormVisible" |
|
||||
width="60%" |
|
||||
@close="closeDialog" |
|
||||
> |
|
||||
<el-form ref="followRuleForm" :model="form" :rules="rules"> |
|
||||
<el-form-item label="名称:" label-width="120px" prop="name"> |
|
||||
<el-input |
|
||||
v-model="form.name" |
|
||||
autocomplete="off" |
|
||||
placeholder="请输入名称" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="描述:" label-width="120px" prop="description"> |
|
||||
<el-input |
|
||||
v-model="form.description" |
|
||||
type="textarea" |
|
||||
placeholder="方案描述" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="周期:" label-width="120px" class="cycle-display" prop="unit"> |
|
||||
<el-input-number |
|
||||
v-model="form.period" |
|
||||
controls-position="right" |
|
||||
:min="1" |
|
||||
@change="handleChangeCycle" |
|
||||
/> |
|
||||
<el-checkbox-group v-model="form.unit" label-width="120px" :max="1"> |
|
||||
<el-checkbox-button label="天" name="type" /> |
|
||||
<el-checkbox-button label="周" name="type" /> |
|
||||
<el-checkbox-button label="月" name="type" /> |
|
||||
</el-checkbox-group> |
|
||||
</el-form-item> |
|
||||
<el-form-item |
|
||||
label="短信提醒:" |
|
||||
label-width="120px" |
|
||||
class="sms-reminder" |
|
||||
> |
|
||||
<el-select v-model="form.smsPeriod" placeholder="请选择活动区域"> |
|
||||
<el-option label="提前1天" value="1" /> |
|
||||
<el-option label="提前2天" value="2" /> |
|
||||
</el-select> |
|
||||
<el-input |
|
||||
v-model="form.smsMessage" |
|
||||
type="textarea" |
|
||||
label-width="120px" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="设为默认:" label-width="120px"> |
|
||||
<el-switch v-model="form.isDefault" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button> |
|
||||
<el-button type="primary" @click="sureEditFollowClick(sureEditText)">{{ sureEditText }}</el-button> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<!-- 头部 --> |
|
||||
<head-template head-left="随访方案列表"> |
|
||||
<el-button type="primary" size="small" icon="el-icon-plus" @click="addFollowClick">新增方案</el-button> |
|
||||
</head-template> |
|
||||
<el-table |
|
||||
ref="multipleTable" |
|
||||
:data="followList" |
|
||||
tooltip-effect="dark" |
|
||||
style="width: 100%" |
|
||||
> |
|
||||
<el-table-column prop="name" label="随访方案" /> |
|
||||
<el-table-column label="随访周期"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>{{ scope.row.period }}{{ scope.row.unit }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="description" label="描述" /> |
|
||||
<el-table-column label="提醒时间"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span>提前{{ scope.row.smsPeriod }}天</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="operation" label="操作"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span |
|
||||
style="color: #1890ff; padding-right: 8px" |
|
||||
class="operation-details" |
|
||||
@click="editClick(scope.row)" |
|
||||
>编辑</span> |
|
||||
<span |
|
||||
style="color: #ff4d4f" |
|
||||
class="operation-delete" |
|
||||
@click="deleteClick(scope.row)" |
|
||||
>删除</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<el-pagination |
|
||||
background |
|
||||
layout="prev, pager, next" |
|
||||
:total="total" |
|
||||
@current-change="currentChange" |
|
||||
@prev-click="upPageClick" |
|
||||
@next-click="nextPageClick" |
|
||||
/> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import dialogjs from '@/mixins/dialog' |
|
||||
import { confirm } from '@/utils/confirm' |
|
||||
import headTemplate from '@/components/head' |
|
||||
export default { |
|
||||
inject: ['refresh'], |
|
||||
components: { |
|
||||
headTemplate |
|
||||
}, |
|
||||
mixins: [dialogjs], |
|
||||
data() { |
|
||||
return { |
|
||||
inputSearchValue: '', |
|
||||
projectId: '', |
|
||||
followList: [], |
|
||||
limit: 10, |
|
||||
currentPage: 1, |
|
||||
total: 0, |
|
||||
searchTime: '', |
|
||||
// 弹框表格 |
|
||||
form: { |
|
||||
name: '', |
|
||||
// 方案描述 |
|
||||
description: '', |
|
||||
// 周期数 |
|
||||
period: 1, |
|
||||
// 周期单位 |
|
||||
unit: [], |
|
||||
// 提前几天 |
|
||||
smsPeriod: '', |
|
||||
// 短信 |
|
||||
smsMessage: '', |
|
||||
// 默认 0:否 1:是 |
|
||||
isDefault: false |
|
||||
}, |
|
||||
rules: { |
|
||||
name: [ |
|
||||
{ required: true, message: '请输入名称', trigger: 'blur' } |
|
||||
], |
|
||||
description: [ |
|
||||
{ required: true, message: '请填写描述', trigger: 'blur' } |
|
||||
], |
|
||||
unit: [ |
|
||||
{ type: 'array', required: true, message: '请选择周期单位', trigger: 'change' } |
|
||||
] |
|
||||
|
|
||||
}, |
|
||||
sureEditText: '确定', |
|
||||
currentId: '' |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.projectId = window.SITE_CONFIG['projectId'] |
|
||||
this.getFollowList() |
|
||||
}, |
|
||||
methods: { |
|
||||
// 点击新增方案 |
|
||||
addFollowClick() { |
|
||||
this.sureEditText = '确定' |
|
||||
this.dialogFormVisible = true |
|
||||
}, |
|
||||
// 新增/修改随访方案按钮 |
|
||||
sureEditFollowClick(sureEditText) { |
|
||||
this.$refs.followRuleForm.validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.setAddEditFollow(sureEditText) |
|
||||
} else { |
|
||||
console.log('error submit!!') |
|
||||
return false |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 调取后台接口新增/修改随访方案 |
|
||||
async setAddEditFollow(sureEditText) { |
|
||||
this.dialogFormVisible = true |
|
||||
const { data: res } = await this.$http({ |
|
||||
method: sureEditText === '确定' ? 'post' : 'put', |
|
||||
url: '/visit', |
|
||||
data: { |
|
||||
name: this.form.name, |
|
||||
description: this.form.description, |
|
||||
period: this.form.period, |
|
||||
unit: this.form.unit[0], |
|
||||
smsPeriod: this.form.smsPeriod, |
|
||||
smsMessage: this.form.smsMessage, |
|
||||
isDefault: this.form.isDefault ? 1 : 0, |
|
||||
projectId: this.projectId, |
|
||||
id: this.currentId |
|
||||
} |
|
||||
}) |
|
||||
if (res.code === 0) { |
|
||||
this.$message({ |
|
||||
type: 'success', |
|
||||
message: sureEditText === '确定' ? '添加成功!' : '修改成功' |
|
||||
}) |
|
||||
this.dialogFormVisible = false |
|
||||
this.formFormat() |
|
||||
this.refresh() |
|
||||
this.currentId = '' |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
}, |
|
||||
// 改变周期 |
|
||||
handleChangeCycle() {}, |
|
||||
// 获取随访列表 |
|
||||
async getFollowList(e) { |
|
||||
const { data: res } = await this.$http.get('/visit/page', { |
|
||||
params: { |
|
||||
limit: this.limit, |
|
||||
page: this.currentPage, |
|
||||
name: this.inputSearchValue, |
|
||||
projectId: this.projectId |
|
||||
} |
|
||||
}) |
|
||||
this.followList = res.data.list |
|
||||
this.total = res.data.total |
|
||||
}, |
|
||||
// 移出 |
|
||||
deleteClick(scopeRow) { |
|
||||
confirm('').then(async() => { |
|
||||
const { data: res } = await this.$http.delete('/visit', { |
|
||||
params: { |
|
||||
id: scopeRow.id |
|
||||
} |
|
||||
}) |
|
||||
if (res.code === 0) { |
|
||||
this.$message({ |
|
||||
type: 'success', |
|
||||
message: '删除成功!' |
|
||||
}) |
|
||||
this.refresh() |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// 编辑 |
|
||||
editClick(scopeRow) { |
|
||||
this.sureEditText = '修改' |
|
||||
this.currentId = scopeRow.id |
|
||||
this.getVisitInfo(scopeRow) |
|
||||
}, |
|
||||
// 获取随访详情 |
|
||||
async getVisitInfo(scopeRow) { |
|
||||
const { data: res } = await this.$http.get('/visit/getInfo', { |
|
||||
params: { |
|
||||
id: scopeRow.id |
|
||||
} |
|
||||
}) |
|
||||
if (res.code === 0) { |
|
||||
this.dialogFormVisible = true |
|
||||
this.form = res.data |
|
||||
this.form.isDefault === 0 ? this.form.isDefault = false : this.form.isDefault = true |
|
||||
this.form.unit = [this.form.unit] |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
}, |
|
||||
// 关闭弹框 |
|
||||
closeDialog() { |
|
||||
this.dialogFormVisible = false |
|
||||
this.formFormat() |
|
||||
}, |
|
||||
// 表格内容置空 |
|
||||
formFormat() { |
|
||||
this.form = { |
|
||||
name: '', |
|
||||
// 方案描述 |
|
||||
description: '', |
|
||||
// 周期数 |
|
||||
period: 1, |
|
||||
// 周期单位 |
|
||||
unit: [], |
|
||||
// 提前几天 |
|
||||
smsPeriod: '', |
|
||||
// 短信 |
|
||||
smsMessage: '', |
|
||||
// 默认 0:否 1:是 |
|
||||
isDefault: false |
|
||||
} |
|
||||
}, |
|
||||
// 当前页改变时触发 |
|
||||
currentChange(e) { |
|
||||
this.currentPage = e |
|
||||
this.getFollowList() |
|
||||
}, |
|
||||
// 用户点击上一页按钮改变当前页后触发 |
|
||||
upPageClick(e) { |
|
||||
}, |
|
||||
// 用户点击下一页按钮改变当前页后触发 |
|
||||
nextPageClick(e) { |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang='scss' scoped> |
|
||||
.follow-management { |
|
||||
background-color: #fff; |
|
||||
padding: 16px; |
|
||||
.sms-reminder { |
|
||||
.el-select { |
|
||||
margin-bottom: 24px; |
|
||||
display: flex; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.title { |
|
||||
height: 64px; |
|
||||
padding-left: 24px; |
|
||||
line-height: 64px; |
|
||||
font-size: 16px; |
|
||||
background-color: #fff; |
|
||||
box-shadow: inset 0px -1px 0px #f0f0f0; |
|
||||
border-radius: 2px 2px 0px 0px; |
|
||||
} |
|
||||
.state-circle { |
|
||||
display: inline-block; |
|
||||
width: 6px; |
|
||||
height: 6px; |
|
||||
border-radius: 50%; |
|
||||
margin-right: 8px; |
|
||||
} |
|
||||
.state-circle-green { |
|
||||
background-color: #52c41a; |
|
||||
} |
|
||||
.state-circle-red { |
|
||||
background-color: #ff4d4f; |
|
||||
} |
|
||||
.operation-details, |
|
||||
.operation-delete { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
<style lang="scss"> |
|
||||
.follow-management { |
|
||||
.cycle-display { |
|
||||
.el-form-item__content { |
|
||||
display: flex; |
|
||||
} |
|
||||
.el-input-number { |
|
||||
width: 100px; |
|
||||
margin-right: 16px; |
|
||||
} |
|
||||
} |
|
||||
.el-dialog__footer { |
|
||||
border-top: 1px solid #f0f0f0; |
|
||||
padding: 10px 20px; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.input-search { |
|
||||
display: flex; |
|
||||
.el-icon-d-arrow-right { |
|
||||
transform: rotate(-90deg); |
|
||||
} |
|
||||
} |
|
||||
.el-transfer__button:first-child { |
|
||||
margin-bottom: 4px; |
|
||||
} |
|
||||
.el-transfer__buttons { |
|
||||
.el-button { |
|
||||
display: block; |
|
||||
padding: 0; |
|
||||
width: 24px; |
|
||||
height: 24px; |
|
||||
} |
|
||||
.el-button:nth-child(2) { |
|
||||
margin-left: 0; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
</style> |
|
||||
@ -1,65 +0,0 @@ |
|||||
<template> |
|
||||
<div class="set-management"> |
|
||||
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> |
|
||||
<!-- <el-tab-pane label="随访方案" name="followUpProtocol"> |
|
||||
<followup-potocol /> |
|
||||
</el-tab-pane> --> |
|
||||
<el-tab-pane label="样式模板" name="caseTemplate"> |
|
||||
<case-template /> |
|
||||
</el-tab-pane> |
|
||||
<!-- <el-tab-pane label="短信模板" name="SMSTemplate"> |
|
||||
<sms-template /> |
|
||||
</el-tab-pane> --> |
|
||||
<!-- <el-tab-pane label="预警设置" name="alertSetting"> |
|
||||
<alert-setting /> |
|
||||
</el-tab-pane> --> |
|
||||
</el-tabs> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
// import smsTemplate from './SMS-template' |
|
||||
import caseTemplate from './case-template' |
|
||||
// import alertSetting from './alert-setting' |
|
||||
export default { |
|
||||
components: { |
|
||||
// smsTemplate, |
|
||||
caseTemplate |
|
||||
// alertSetting |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
activeName: 'caseTemplate' |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
handleClick() { |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" soped> |
|
||||
.set-management { |
|
||||
} |
|
||||
</style> |
|
||||
<style lang="scss"> |
|
||||
.set-management { |
|
||||
.el-tabs__header { |
|
||||
margin: 0; |
|
||||
} |
|
||||
.el-tabs__nav { |
|
||||
background: #fff; |
|
||||
} |
|
||||
.el-tabs__content { |
|
||||
padding: 16px; |
|
||||
background: #fff; |
|
||||
height: calc( 100vh - 50px - 32px - 42px); |
|
||||
} |
|
||||
.el-tabs--card>.el-tabs__header .el-tabs__nav { |
|
||||
border: 1px solid #f0f0f0; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
|
|
||||
@ -1,48 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
width="90%" |
|
||||
top="2vh" |
|
||||
:visible.sync="visible" |
|
||||
:title="'预览'" |
|
||||
:close-on-click-modal="false" |
|
||||
:close-on-press-escape="false" |
|
||||
append-to-body |
|
||||
> |
|
||||
123 |
|
||||
<template slot="footer"> |
|
||||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
||||
<el-button type="primary" @click="submit">{{ $t('confirm') }}</el-button> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
const Base64 = require('js-base64').Base64 |
|
||||
|
|
||||
export default { |
|
||||
props: { |
|
||||
bodyStyleShow: { |
|
||||
type: Boolean, |
|
||||
default: false |
|
||||
}, |
|
||||
// 是否为病历模板 |
|
||||
title: { |
|
||||
type: String, |
|
||||
default: '' |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
visible: false, |
|
||||
height: 'calc(100vh - 200px)' |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
init() { |
|
||||
this.visible = true |
|
||||
this.$nextTick(() => { |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -1,216 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 手术实时状态大屏 --> |
|
||||
<div class="statusScreen" @click="screenFull"> |
|
||||
<el-row class="head"> |
|
||||
<el-col :span="6"> <svg-icon icon-class="icon-logo-one" class="icon-logo" /></el-col> |
|
||||
<el-col :span="12" class="patient-status"> |
|
||||
<img src="../../../assets/img/tixing.png" alt=""> |
|
||||
<span>患者手术实时状态</span> |
|
||||
</el-col> |
|
||||
<el-col :span="6" class="right-date"> |
|
||||
<span>{{ date }}</span> |
|
||||
<span>{{ time }}</span> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<div class="content"> |
|
||||
<!-- 头部 --> |
|
||||
<el-row class="table-head"> |
|
||||
<el-col :span="2">NO</el-col> |
|
||||
<el-col :span="6">姓名</el-col> |
|
||||
<el-col :span="8">手术名称</el-col> |
|
||||
<el-col :span="8">状态</el-col> |
|
||||
</el-row> |
|
||||
<!-- 内容 --> |
|
||||
<el-row v-for="(item,index) in surgicalStatus" :key="index" class="table-content"> |
|
||||
|
|
||||
<el-col :span="2">{{ ((index+1 + ((dataForm.page - 1) * 6)) < 10 ? '00': ((index+1 + ((dataForm.page - 1) * 6)) >= 10 && (index+1 + ((dataForm.page - 1) * 6)) < 100 ? '0' : '')) + (index+1 + ((dataForm.page - 1) * 6)) }}</el-col> |
|
||||
<el-col :span="6">{{ item.patientName }}</el-col> |
|
||||
<el-col :span="8">{{ item.operaName }}</el-col> |
|
||||
<!-- status 1:进入手术区域，2:手术准备，3:等待手术，4:开始手术，5:手术结束，6:准备离开手术区域 --> |
|
||||
<el-col :span="8" class="col-stauts">{{ item.status === 1 ? '进入手术区域' : |
|
||||
(item.status === 2 ? '手术准备' : |
|
||||
(item.status === 3 ? '等待手术' : |
|
||||
(item.status === 4 ? '开始手术' : |
|
||||
(item.status === 5 ? '手术结束' : |
|
||||
(item.status === 6 ? '准备离开手术区域' : '手术结束'))))) }}</el-col> |
|
||||
</el-row> |
|
||||
|
|
||||
</div> |
|
||||
<div class="footers"> |
|
||||
<span>温馨提示：</span> |
|
||||
<span>请您耐心等待</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import screenfull from 'screenfull' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
surgicalStatus: [], |
|
||||
time: '', |
|
||||
date: '', |
|
||||
dataForm: { |
|
||||
page: 1, |
|
||||
limit: 6, |
|
||||
centreCode: 'WZYSG_QG' |
|
||||
}, |
|
||||
currentPage: 1, |
|
||||
total: '', |
|
||||
pages: null, |
|
||||
screenTimer: null |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
setInterval(() => { |
|
||||
this.time = this.$moment().format('LTS') |
|
||||
this.date = this.$moment().format('ll') |
|
||||
}, 1000) |
|
||||
this.getScreenData() |
|
||||
this.screenTimer = setInterval(() => { |
|
||||
this.pages && (this.dataForm.page < this.pages) ? this.dataForm.page++ : this.dataForm.page = 1 |
|
||||
// this.surgicalStatus = [] |
|
||||
this.getScreenData('time') |
|
||||
}, 8000) |
|
||||
}, |
|
||||
destroyed() { |
|
||||
this.dataForm.page = 1 |
|
||||
this.surgicalStatus = [] |
|
||||
clearInterval(this.screenTimer) |
|
||||
}, |
|
||||
methods: { |
|
||||
async getScreenData(flag) { |
|
||||
const { data: res } = await this.$http.get('/pda', { |
|
||||
params: this.dataForm |
|
||||
}) |
|
||||
if (res.code === 0) { |
|
||||
this.surgicalStatus = res.data.list |
|
||||
res.data.list.forEach(item => { |
|
||||
if (item.patientName.length === 2) { |
|
||||
item.patientName = item.patientName.substring(0, 1) + '*' // 截取name 字符串截取第一个字符， |
|
||||
} else if (item.patientName.length === 3) { |
|
||||
item.patientName = item.patientName.substring(0, 1) + '*' + item.patientName.substring(2, 3)// 截取第一个和第三个字符 |
|
||||
} else if (item.patientName.length > 3) { |
|
||||
item.patientName = item.patientName.substring(0, 1) + '*' + '*' + item.patientName.substring(3, item.patientName.length)// 截取第一个和大于第4个字符 |
|
||||
} |
|
||||
}) |
|
||||
this.total = res.data.total |
|
||||
this.pages = Math.ceil(this.total / 6) |
|
||||
} else { |
|
||||
this.$message.error(res.msg) |
|
||||
} |
|
||||
}, |
|
||||
// 全屏 |
|
||||
screenFull() { |
|
||||
// 这里建议打印一下screenfull看看属性名称是不是enabled |
|
||||
console.log(screenfull) |
|
||||
if (!screenfull.enabled) { |
|
||||
// 如果不允许进入全屏，发出不允许提示 |
|
||||
this.$message({ |
|
||||
message: '不支持全屏', |
|
||||
type: 'warning' |
|
||||
}) |
|
||||
return |
|
||||
} |
|
||||
screenfull.toggle(document.getElementById('full-screen')) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
.statusScreen { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
justify-content: space-between; |
|
||||
height: 100vh; |
|
||||
.head { |
|
||||
padding: 0 38px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
height: 140px; |
|
||||
width: 100vw; |
|
||||
background: #1e4972; |
|
||||
color: #fff; |
|
||||
.icon-logo { |
|
||||
font-size: 250px; |
|
||||
} |
|
||||
.patient-status { |
|
||||
position: relative; |
|
||||
width: 700px; |
|
||||
img { |
|
||||
width: 100%; |
|
||||
height: 140px; |
|
||||
} |
|
||||
span { |
|
||||
width: 100%; |
|
||||
font-size: 48px; |
|
||||
position: absolute; |
|
||||
text-align: center; |
|
||||
left: 50%; |
|
||||
top: 50%; |
|
||||
transform: translate(-50%,-50%) |
|
||||
} |
|
||||
} |
|
||||
.right-date { |
|
||||
width: 33.33%; |
|
||||
text-align: right; |
|
||||
span { |
|
||||
color: #A1FFF9; |
|
||||
} |
|
||||
span:nth-child(1) { |
|
||||
font-size: 32px; |
|
||||
padding-right: 16px; |
|
||||
} |
|
||||
span:nth-child(2) { |
|
||||
font-size: 58px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.content { |
|
||||
height: calc(100vh - 140px - 100px); |
|
||||
overflow: hidden; |
|
||||
.table-head,.table-content { |
|
||||
padding: 0 48px; |
|
||||
font-size: 48px; |
|
||||
} |
|
||||
.table-head { |
|
||||
height: calc(100% / 7); |
|
||||
color: #00417C; |
|
||||
background: linear-gradient(180deg, #EEF8FF 0%, #CDEDFF 100%); |
|
||||
} |
|
||||
.table-content { |
|
||||
height: calc(100% / 7); |
|
||||
.col-stauts { |
|
||||
color:#058B2B; |
|
||||
} |
|
||||
} |
|
||||
.table-content:nth-of-type(odd) { |
|
||||
background: #DDF2FF; |
|
||||
} |
|
||||
.table-content:nth-of-type(even) { |
|
||||
background: #F9FFFF; |
|
||||
} |
|
||||
.el-col { |
|
||||
height: 100%; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
} |
|
||||
.footers { |
|
||||
height: 100px; |
|
||||
line-height: 100px; |
|
||||
padding: 0 48px; |
|
||||
color: #fff; |
|
||||
font-size: 32px; |
|
||||
background: #1e4972; |
|
||||
} |
|
||||
} |
|
||||
@media screen and (min-width: 320px) { |
|
||||
|
|
||||
} |
|
||||
</style> |
|
||||
<style lang="scss"> |
|
||||
.statusScreen { |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,744 +0,0 @@ |
|||||
<template> |
|
||||
<div class="schedule-date"> |
|
||||
<div class="date-head"> |
|
||||
<div class="date-head-left">手术日程安排</div> |
|
||||
<div class="date-head-right"> |
|
||||
<el-button-group style="margin-right:10px;"> |
|
||||
<el-button type="primary" icon="el-icon-arrow-left" size="small" @click="weekPre">上周</el-button> |
|
||||
<el-button type="primary" size="small" @click="weekNext">上周<i class="el-icon-arrow-right el-icon--right" /> |
|
||||
</el-button> |
|
||||
</el-button-group> |
|
||||
<span>选择日期：</span> |
|
||||
<el-date-picker |
|
||||
v-model="newDate" |
|
||||
class="right-pick-btn" |
|
||||
:clearable="false" |
|
||||
type="date" |
|
||||
size="small" |
|
||||
placeholder="按日期查询" |
|
||||
@change="pickDate" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="date-content"> |
|
||||
<el-row class="weeks"> |
|
||||
<el-col :span="3" class="doctor-list-text">医生列表</el-col> |
|
||||
<el-col |
|
||||
v-for="(day, index) in days" |
|
||||
:key="index" |
|
||||
:span="3" |
|
||||
class="date-item" |
|
||||
:class="{selected: index == tabIndex}" |
|
||||
@click="pick(day, index)" |
|
||||
> |
|
||||
<!--本月--> |
|
||||
<div class="date-day"> |
|
||||
<span class="hidden-sm-and-down">{{ day | dateFormat }}</span> |
|
||||
<p>{{ day | getWeekFormat }}</p> |
|
||||
</div> |
|
||||
<div class="morning-after"> |
|
||||
<span>上午</span> |
|
||||
<span>下午</span> |
|
||||
</div> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row v-for="(item,index) in doctorList" :key="index" :gutter="10" class="content"> |
|
||||
<el-col :span="3"> |
|
||||
<div class="doctorList"> |
|
||||
<div class="list"> |
|
||||
<div class="list-img"> |
|
||||
<img src="@/assets/img/avatar.png" alt=""> |
|
||||
</div> |
|
||||
<p>{{ item.name }}</p> |
|
||||
<p>{{ item.expertise }}</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-col> |
|
||||
<el-col v-for="(weekInfoItem,weekInfoIndex) in item.weekInfo" :key="weekInfoIndex" :span="3"> |
|
||||
<div class="surplu-num"> |
|
||||
<!-- 上午 --> |
|
||||
<div |
|
||||
class="morning" |
|
||||
:class="weekInfoItem.morning.surplusNum<=0 ? 'morningAfterClass' :'' " |
|
||||
@mouseover.stop="mouseoverHandle(index,weekInfoIndex,'morning')" |
|
||||
@mouseout="mouseoutHandle" |
|
||||
> |
|
||||
<p>余</p> |
|
||||
<p :style="{'color':weekInfoItem.morning.surplusNum<=0 ? 'red':'#00BB61'}"> |
|
||||
{{ weekInfoItem.morning.surplusNum }}</p> |
|
||||
<div |
|
||||
v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && plusIsShow && showMorningAfterText==='morning' && weekInfoItem.morning.surplusNum>0" |
|
||||
class="show-plus" |
|
||||
> |
|
||||
<i class="el-icon-plus" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- 下午 --> |
|
||||
<div |
|
||||
class="after" |
|
||||
:class="weekInfoItem.after.surplusNum<=0 ? 'morningAfterClass' :'' " |
|
||||
@mouseover.stop="mouseoverHandle(index,weekInfoIndex,'after')" |
|
||||
@mouseout="mouseoutHandle" |
|
||||
> |
|
||||
<p>余</p> |
|
||||
<p :style="{'color':weekInfoItem.after.surplusNum<=0 ? 'red':'#00BB61'}"> |
|
||||
{{ weekInfoItem.after.surplusNum }}</p> |
|
||||
<div |
|
||||
v-show="currentIndex===index && currentWeekIndex===weekInfoIndex && plusIsShow && showMorningAfterText==='after' && weekInfoItem.morning.surplusNum>0" |
|
||||
class="show-plus" |
|
||||
@click="addPatientHandle" |
|
||||
> |
|
||||
<i class="el-icon-plus" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import moment from 'moment' |
|
||||
import _ from 'lodash' |
|
||||
/* eslint-disable */ |
|
||||
export default { |
|
||||
props: { |
|
||||
dateValue: { |
|
||||
type: String, |
|
||||
default: moment(new Date()).format("YYYY-MM-DD") |
|
||||
}, |
|
||||
timeValue: { |
|
||||
type: String, |
|
||||
default: "00:00" |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
currentYear: 1970, // 年份 |
|
||||
currentMonth: 1, // 月份 |
|
||||
currentDay: 1, // 日期 |
|
||||
currentWeek: 1, // 星期 |
|
||||
days: [], |
|
||||
value1: "", |
|
||||
tabIndex: null, |
|
||||
newDate: moment(new Date()).format("YYYY-MM-DD"), |
|
||||
tabTimeIndex: 4, |
|
||||
times: [ |
|
||||
{ time: "00:00:00~06:00:00", label: "00:00~06:00" }, |
|
||||
{ time: "06:00:00~12:00:00", label: "06:00~12:00" }, |
|
||||
{ time: "12:00:00~18:00:00", label: "12:00~18:00" }, |
|
||||
{ time: "18:00:00~24:00:00", label: "18:00~24:00" }, |
|
||||
{ time: "00:00:00~24:00:00", label: "今日全部" } |
|
||||
], |
|
||||
plusIsShow: false, |
|
||||
currentIndex: null, |
|
||||
currentWeekIndex: null, |
|
||||
showMorningAfterText: '', |
|
||||
doctorList: [{ |
|
||||
image: '@/assets/img/avatar.png', |
|
||||
name: '李浩', |
|
||||
expertise: '激光手术', |
|
||||
weekInfo: [{ |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 0, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 0, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 5, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 0, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 8, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 5, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 9, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 7, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 4, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 7, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}] |
|
||||
}, { |
|
||||
image: '@/assets/img/avatar.png', |
|
||||
name: '李浩', |
|
||||
expertise: '激光手术', |
|
||||
weekInfo: [{ |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 0, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [0] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 0, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 0, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 4, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 7, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 9, // 剩余数量 |
|
||||
scheduled_patients: [{ |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}, { |
|
||||
name: '李二狗', |
|
||||
sex: '男', |
|
||||
age: '45' |
|
||||
}] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
}, { |
|
||||
date: '', |
|
||||
morning: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
after: { |
|
||||
surplusNum: 12, // 剩余数量 |
|
||||
scheduled_patients: [] |
|
||||
}, |
|
||||
}] |
|
||||
}] |
|
||||
}; |
|
||||
}, |
|
||||
filters: { |
|
||||
dateFormat(date) { |
|
||||
return moment(date).format("YYYY-MM-DD"); |
|
||||
}, |
|
||||
getWeekFormat(date) { |
|
||||
const weeksObj = { |
|
||||
1: "周一", |
|
||||
2: "周二", |
|
||||
3: "周三", |
|
||||
4: "周四", |
|
||||
5: "周五", |
|
||||
6: "周六", |
|
||||
7: "周日" |
|
||||
}; |
|
||||
let weekNumber = moment(date).isoWeekday(); |
|
||||
return weeksObj[weekNumber]; |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
mounted() { |
|
||||
const index = _.findIndex(this.days, function (o) { |
|
||||
// console.log('o: ', o.getDate()); |
|
||||
// console.log('new Date().getDate(): ', new Date().getDate()); |
|
||||
return o.getDate() === new Date().getDate(); |
|
||||
}); |
|
||||
console.log("index: ", index); |
|
||||
this.tabIndex = index; |
|
||||
}, |
|
||||
|
|
||||
created() { |
|
||||
this.initData(null); |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
formatDate(year, month, day) { |
|
||||
const y = year; |
|
||||
let m = month; |
|
||||
if (m < 10) m = `0${m}`; |
|
||||
let d = day; |
|
||||
if (d < 10) d = `0${d}`; |
|
||||
return `${y}-${m}-${d}`; |
|
||||
}, |
|
||||
pickDate(date) { |
|
||||
let that = this; |
|
||||
that.newDate = moment(date).format("YYYY-MM-DD"); |
|
||||
that.$emit("dateValue", that.newDate); |
|
||||
console.log("this.newDate: ", that.newDate); |
|
||||
that.initData(that.newDate); |
|
||||
const index = _.findIndex(that.days, function (o) { |
|
||||
return o.getDate() === new Date(that.newDate).getDate(); |
|
||||
}); |
|
||||
// console.log("index: ", index); |
|
||||
this.tabIndex = index; |
|
||||
}, |
|
||||
initData(cur) { |
|
||||
let date = ""; |
|
||||
if (cur) { |
|
||||
date = new Date(cur); |
|
||||
} else { |
|
||||
date = new Date(); |
|
||||
} |
|
||||
this.currentDay = date.getDate(); // 今日日期 几号 |
|
||||
this.currentYear = date.getFullYear(); // 当前年份 |
|
||||
this.currentMonth = date.getMonth() + 1; // 当前月份 |
|
||||
this.currentWeek = date.getDay(); // 1...6,0 // 星期几 |
|
||||
if (this.currentWeek === 0) { |
|
||||
this.currentWeek = 7; |
|
||||
} |
|
||||
const str = this.formatDate( |
|
||||
this.currentYear, |
|
||||
this.currentMonth, |
|
||||
this.currentDay |
|
||||
); // 今日日期 年-月-日 |
|
||||
this.days.length = 0; |
|
||||
// 今天是周日，放在第一行第7个位置，前面6个 这里默认显示一周，如果需要显示一个月，则第二个循环为 i<= 35- this.currentWeek |
|
||||
/* eslint-disabled */ |
|
||||
// 今天 |
|
||||
for (let i = this.currentWeek - 1; i >= 0; i -= 1) { |
|
||||
const d = new Date(str); |
|
||||
d.setDate(d.getDate() - i); |
|
||||
// console.log(y:" + d.getDate()) |
|
||||
// console.log('d: ', d); |
|
||||
this.days.push(d); |
|
||||
} |
|
||||
// 这个星期 |
|
||||
for (let i = 1; i <= 7 - this.currentWeek; i += 1) { |
|
||||
const d = new Date(str); |
|
||||
d.setDate(d.getDate() + i); |
|
||||
this.days.push(d); |
|
||||
// console.log('d1: ', d); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
// 上个星期 |
|
||||
weekPre() { |
|
||||
const d = this.days[0]; // 如果当期日期是7号或者小于7号 |
|
||||
d.setDate(d.getDate() - 7); |
|
||||
this.initData(d); |
|
||||
}, |
|
||||
|
|
||||
// 下个星期 |
|
||||
weekNext() { |
|
||||
const d = this.days[6]; // 如果当期日期是7号或者小于7号 |
|
||||
d.setDate(d.getDate() + 7); |
|
||||
this.initData(d); |
|
||||
}, |
|
||||
|
|
||||
// 上一個月 传入当前年份和月份 |
|
||||
pickPre(year, month) { |
|
||||
const d = new Date(this.formatDate(year, month, 1)); |
|
||||
d.setDate(0); |
|
||||
this.initData(this.formatDate(d.getFullYear(), d.getMonth() + 1, 1)); |
|
||||
}, |
|
||||
|
|
||||
// 下一個月 传入当前年份和月份 |
|
||||
pickNext(year, month) { |
|
||||
const d = new Date(this.formatDate(year, month, 1)); |
|
||||
d.setDate(35); |
|
||||
this.initData(this.formatDate(d.getFullYear(), d.getMonth() + 1, 1)); |
|
||||
}, |
|
||||
|
|
||||
// 当前选择日期 |
|
||||
pick(date, index) { |
|
||||
this.newDate = moment(date).format("YYYY-MM-DD"); |
|
||||
this.$emit("dateValue", this.newDate); |
|
||||
// console.log("index: ", index); |
|
||||
this.tabIndex = index; |
|
||||
// alert( |
|
||||
// this.formatDate(date.getFullYear(), date.getMonth() + 1, date.getDate()) |
|
||||
// ); |
|
||||
}, |
|
||||
pickTime(time, index) { |
|
||||
// console.log('time: ', time); |
|
||||
let timeArr = []; |
|
||||
timeArr.push(_.split(time.time, "~")); |
|
||||
// console.log("timeArr: ", timeArr); |
|
||||
this.$emit("timeValue", _.join(timeArr), ""); |
|
||||
// console.log("index: ", index); |
|
||||
this.tabTimeIndex = index; |
|
||||
// alert( |
|
||||
// this.formatDate(date.getFullYear(), date.getMonth() + 1, date.getDate()) |
|
||||
// ); |
|
||||
}, |
|
||||
// 鼠标移入 |
|
||||
mouseoverHandle(index, weekInfoIndex, showMorngingAfterText) { |
|
||||
this.currentIndex = index |
|
||||
this.currentWeekIndex = weekInfoIndex |
|
||||
this.showMorningAfterText = showMorningAfterText |
|
||||
this.plusIsShow = true |
|
||||
}, |
|
||||
// 鼠标移入 |
|
||||
mouseoutHandle() { |
|
||||
this.currentIndex = null |
|
||||
this.currentWeekIndex = null |
|
||||
this.showMorningAfterText = '' |
|
||||
this.plusIsShow = false |
|
||||
}, |
|
||||
// 新增日程安排 |
|
||||
addPatientHandle() { |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.schedule-date { |
|
||||
font-size: 14px; |
|
||||
margin-top: 15px; |
|
||||
padding: 16px; |
|
||||
.date-head { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
margin-bottom: 16px; |
|
||||
} |
|
||||
.date-content { |
|
||||
background: #f7f9fd; |
|
||||
padding: 10px 0; |
|
||||
.weeks { |
|
||||
display: flex; |
|
||||
padding-bottom: 10px; |
|
||||
border-bottom: 1px solid #e2ebf9; |
|
||||
color: #88939d; |
|
||||
.doctor-list-text { |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
} |
|
||||
.date-day { |
|
||||
text-align: center; |
|
||||
margin-bottom: 10px; |
|
||||
} |
|
||||
.morning-after { |
|
||||
display: flex; |
|
||||
justify-content: space-around; |
|
||||
} |
|
||||
.date-item { |
|
||||
cursor: pointer; |
|
||||
padding: 5px 10px; |
|
||||
border-right: none; |
|
||||
list-style: none; |
|
||||
flex: 1; |
|
||||
text-align: center; |
|
||||
&:hover { |
|
||||
background: #dff0d8; |
|
||||
} |
|
||||
&:active { |
|
||||
background: #dff0d8; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.content { |
|
||||
border-bottom: 1px solid #e2ebf9; |
|
||||
padding: 16px 0; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
.doctorList { |
|
||||
text-align: center; |
|
||||
.list { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
.list-img { |
|
||||
width: 64px; |
|
||||
height: 64px; |
|
||||
border-radius: 50%; |
|
||||
overflow: hidden; |
|
||||
img { |
|
||||
width: 64px; |
|
||||
height: 64px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.surplu-num { |
|
||||
display: flex; |
|
||||
.morning { |
|
||||
margin-right: 6px; |
|
||||
} |
|
||||
.morning, |
|
||||
.after { |
|
||||
position: relative; |
|
||||
color: #88939d; |
|
||||
width: 45%; |
|
||||
height: 120px; |
|
||||
border-radius: 3px; |
|
||||
border-top: 2px solid #00bb61; |
|
||||
background: #fff; |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
cursor: pointer; |
|
||||
p:nth-child(2) { |
|
||||
font-size: 24px; |
|
||||
} |
|
||||
} |
|
||||
.morningAfterClass { |
|
||||
border-top: 2px solid #e1e1e1; |
|
||||
background: #fcfdfe; |
|
||||
} |
|
||||
.morning:hover, |
|
||||
.after:hover { |
|
||||
border-top: 2px solid #1b5bfb !important; |
|
||||
box-shadow: 0px 0px 16px rgba(8, 115, 215, 0.24); |
|
||||
} |
|
||||
.show-plus { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
background: #fff; |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
top: 0; |
|
||||
text-align: center; |
|
||||
font-size: 24px; |
|
||||
line-height: 120px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.time-range { |
|
||||
display: flex; |
|
||||
justify-content: space-around; |
|
||||
align-items: center; |
|
||||
padding: 10px 0; |
|
||||
span { |
|
||||
cursor: pointer; |
|
||||
padding-bottom: 5px; |
|
||||
border-bottom: 3px solid #fff; |
|
||||
&:hover { |
|
||||
border-bottom: 3px solid rgb(151, 198, 245); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.today-item { |
|
||||
cursor: pointer; |
|
||||
line-height: 45px; |
|
||||
} |
|
||||
.selected { |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
.item-wrapper { |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
flex-direction: column; |
|
||||
} |
|
||||
.doctor-list-text, |
|
||||
.prev-btn, |
|
||||
.next-btn { |
|
||||
cursor: pointer; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
.fa-icon { |
|
||||
font-size: 18px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
<style lang="scss"> |
|
||||
.schedule-date { |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue