renguanyu111
4 years ago
18 changed files with 2382 additions and 468 deletions
@ -0,0 +1,156 @@ |
|||||
|
// 健康上报api
|
||||
|
import service from '@/utils/request' |
||||
|
|
||||
|
// @Tags api
|
||||
|
// @Summary 获取题目详情 不分页
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const getPostHealthlist = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/posthealthlist', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 获取企业当前正在运行的上报任务ID列表 不分页
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const getRunHealthList = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/runhealthlist', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 获取上报统计
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const getseportstatistics = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/getseportstatistics', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 获取通知人列表
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const noticeuserlist = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/noticeuserlist', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 根据ID查询报警人
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const looknoticeusercont = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/looknoticeusercont', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 添加被通知人信息
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const addnoticeuser = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/addnoticeuser', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 修改被通知人信息
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const eitenoticeuser = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/eitenoticeuser', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
// @Tags api
|
||||
|
// @Summary 删除被通知人信息
|
||||
|
// @Security ApiKeyAuth
|
||||
|
// @accept application/json
|
||||
|
// @Produce application/json
|
||||
|
// @Param data body modelInterface.PageInfo true "分页获取用户列表"
|
||||
|
// @Success 200 {string} json "{"success":true,"data":{},"msg":"获取成功"}"
|
||||
|
// @Router /api/getApiList [post]
|
||||
|
// {
|
||||
|
// page int
|
||||
|
// pageSize int
|
||||
|
// }
|
||||
|
export const delnoticeuser = (data) => { |
||||
|
return service({ |
||||
|
url: '/wechathealth/delnoticeuser', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,235 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('add')">新增</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData"> |
||||
|
<el-table-column label="姓名" prop="user_name" /> |
||||
|
<el-table-column label="微信UID" prop="user_wechat" /> |
||||
|
<el-table-column label="状态" prop="state"> |
||||
|
<template #default="scope"> |
||||
|
<div> |
||||
|
<el-switch :active-value="1" :inactive-value="2" v-model="scope.row.state" disabled /> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button icon="el-icon-edit" size="small" type="text" @click="editOperate(scope.row)">修改</el-button> |
||||
|
<el-button icon="el-icon-delete" size="small" type="text" @click="deleteOperate(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 新增弹窗 --> |
||||
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle" width="20%"> |
||||
|
<el-form ref="addForm" :model="addform" :rules="rules" label-width="80px"> |
||||
|
<el-form-item label="姓名" prop="user_name"> |
||||
|
<el-input v-model="addform.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="微信UID" prop="user_wechat"> |
||||
|
<el-input v-model="addform.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="add">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 修改弹窗 --> |
||||
|
<el-dialog v-model="editDialogFormVisible" :before-close="closeEditDialog" title="修改通知人" width="20%"> |
||||
|
<el-form ref="editForm" :model="editForm" :rules="editRules" label-width="80px"> |
||||
|
<el-form-item label="姓名" prop="user_name"> |
||||
|
<el-input v-model="editForm.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="微信UID" prop="user_wechat"> |
||||
|
<el-input v-model="editForm.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeEditDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="edit">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
||||
|
|
||||
|
import { |
||||
|
noticeuserlist, |
||||
|
looknoticeusercont, |
||||
|
delnoticeuser, |
||||
|
eitenoticeuser, |
||||
|
addnoticeuser |
||||
|
} from '@/api/healthy' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Notify', |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
tableData:'', |
||||
|
editDialogFormVisible:false, |
||||
|
deleteVisible: false, |
||||
|
dialogFormVisible: false, |
||||
|
dialogTitle: '新增通知人', |
||||
|
apis: [], |
||||
|
addform: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
editForm: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
type: '', |
||||
|
rules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getNoticeuserList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
const res = await delnoticeuser({ id: row.id }) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getNoticeuserList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 修改操作 |
||||
|
edit(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitenoticeuser(this.editForm) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeEditDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增操作 |
||||
|
add(){ |
||||
|
this.$refs.addForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await addnoticeuser(this.addform) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/编辑 |
||||
|
openDialog(type) { |
||||
|
switch (type) { |
||||
|
case 'add': |
||||
|
this.dialogTitle = '新增通知人' |
||||
|
break |
||||
|
case 'edit': |
||||
|
this.dialogTitle = '编辑通知人' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.type = type |
||||
|
this.dialogFormVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 获取通知人列表 |
||||
|
async getNoticeuserList(){ |
||||
|
const res=await noticeuserlist() |
||||
|
if(res.code==0){ |
||||
|
this.tableData=res.data |
||||
|
} |
||||
|
}, |
||||
|
// 点击修改事件 |
||||
|
async editOperate(row) { |
||||
|
const res = await looknoticeusercont({ id: row.id }) |
||||
|
this.editForm = res.data |
||||
|
this.editDialogFormVisible=true |
||||
|
}, |
||||
|
|
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
|
||||
|
// 新增form清空 |
||||
|
initForm() { |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.addform = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 修改form清空 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editForm = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 关闭添加弹框事件 |
||||
|
closeDialog() { |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 关闭修改弹框事件 |
||||
|
closeEditDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.button-box { |
||||
|
padding: 10px 20px; |
||||
|
.el-button { |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
.warning { |
||||
|
color: #dc143c; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,156 @@ |
|||||
|
<template> |
||||
|
<!-- 健康报警设置 --> |
||||
|
<div class="upload"> |
||||
|
<div class="gva-table-box"> |
||||
|
<el-table :data="topicList"> |
||||
|
<el-table-column label="题目ID" prop="question_id" width='100' align="center"/> |
||||
|
<el-table-column label="题目" prop="title" width='600' align="center"/> |
||||
|
<el-table-column label="选项" prop="option_list"> |
||||
|
<template #default="scope"> |
||||
|
<el-tag v-for="(val,key) in scope.row.option_list"> |
||||
|
{{val.option_text}} |
||||
|
</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="报警值" prop="ID" /> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-edit" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="edit(scope.row)" |
||||
|
>设置报警值</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<el-dialog width="20%" v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle"> |
||||
|
<el-form ref="apiForm" :model="form" :rules="rules" label-width="100px"> |
||||
|
<el-form-item label="报警值" prop="path"> |
||||
|
<el-radio v-for="(val,key) in valList" v-model="radio" :label="val.option_id">{{val.option_text}}</el-radio> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
const path = import.meta.env.VITE_BASE_API |
||||
|
import { mapGetters } from 'vuex' |
||||
|
// import infoList from '@/mixins/infoList' |
||||
|
import { exportExcel, loadExcelData, downloadTemplate } from '@/api/excel' |
||||
|
import { getPostHealthlist,getRunHealthList } from '@/api/healthy' |
||||
|
export default { |
||||
|
name: 'Excel', |
||||
|
// mixins: [infoList], |
||||
|
data() { |
||||
|
return { |
||||
|
radio:'', |
||||
|
valList:[], |
||||
|
dialogFormVisible:false, |
||||
|
topicList:'', |
||||
|
searchInfo:{ |
||||
|
date:'', |
||||
|
jobid:'', |
||||
|
}, |
||||
|
yearMD:'', |
||||
|
// listApi: getPostHealthlist, |
||||
|
path: path, |
||||
|
runHealthListFrom:{ |
||||
|
page:0, |
||||
|
pagesize:100 |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters('user', ['userInfo', 'token']) |
||||
|
}, |
||||
|
created() { |
||||
|
this.getRunHealthList() |
||||
|
|
||||
|
// this.getTableData() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 关闭弹窗事件 |
||||
|
closeDialog() { |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 点击设置报警值事件 |
||||
|
edit(e){ |
||||
|
this.valList=e.option_list; |
||||
|
this.dialogFormVisible=true; |
||||
|
}, |
||||
|
// 获取jobid |
||||
|
async getRunHealthList(){ |
||||
|
const res = await getRunHealthList( this.runHealthListFrom ) |
||||
|
this.searchInfo.jobid=res.data[0]; |
||||
|
this.addData() |
||||
|
this.getList() |
||||
|
}, |
||||
|
// 获取题目列表 |
||||
|
async getList(){ |
||||
|
const res = await getPostHealthlist(this.searchInfo) |
||||
|
this.topicList=res.data.question_templates |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 把jobid放入查询条件 |
||||
|
async addData(){ |
||||
|
// 获取当前日期 |
||||
|
let year = new Date().getFullYear();//年 |
||||
|
let month = new Date().getMonth() +1;//注意！月份是从0月开始获取的，所以要+1; |
||||
|
let day = new Date().getDate();//日 |
||||
|
let hour = new Date().getHours();//时 |
||||
|
let minute = new Date().getMinutes();//分 |
||||
|
let second = new Date().getSeconds();//秒 |
||||
|
//拼接日期 YYYY-MM-DD HH:mm:ss |
||||
|
this.yearMD = |
||||
|
year + |
||||
|
'-' + |
||||
|
(month >=10 ? month:'0'+ month) + |
||||
|
'-' + |
||||
|
(day >=10 ? day:'0' + day); |
||||
|
this.Hms = |
||||
|
(hour >= 10 ? hour:'0' + hour) |
||||
|
+ ':' + |
||||
|
(minute >=10 ? minute:'0' + minute) |
||||
|
+ ':' + |
||||
|
(second >=10 ? second:'0' + second); |
||||
|
|
||||
|
this.searchInfo.date=this.yearMD; |
||||
|
}, |
||||
|
handleExcelExport(fileName) { |
||||
|
if (!fileName || typeof fileName !== 'string') { |
||||
|
fileName = 'ExcelExport.xlsx' |
||||
|
} |
||||
|
exportExcel(this.tableData, fileName) |
||||
|
}, |
||||
|
loadExcel() { |
||||
|
this.listApi = loadExcelData |
||||
|
this.getTableData() |
||||
|
}, |
||||
|
downloadExcelTemplate() { |
||||
|
downloadTemplate('ExcelTemplate.xlsx') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.btn-list{ |
||||
|
display: flex; |
||||
|
margin-bottom: 12px; |
||||
|
justify-content: flex-end; |
||||
|
|
||||
|
} |
||||
|
.excel-btn+.excel-btn{ |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,236 @@ |
|||||
|
<template> |
||||
|
<!-- 知识库 --> |
||||
|
<div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('add')">新增</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData"> |
||||
|
<el-table-column label="栏目名称" prop="user_name" /> |
||||
|
<el-table-column label="排序" prop="user_wechat" /> |
||||
|
<el-table-column label="状态" prop="state"> |
||||
|
<template #default="scope"> |
||||
|
<div> |
||||
|
<el-switch :active-value="1" :inactive-value="2" v-model="scope.row.state" disabled /> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button icon="el-icon-edit" size="small" type="text" @click="editOperate(scope.row)">修改</el-button> |
||||
|
<el-button icon="el-icon-delete" size="small" type="text" @click="deleteOperate(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 新增弹窗 --> |
||||
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="新增顶级栏目" width="20%"> |
||||
|
<el-form ref="addForm" :model="addform" :rules="rules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="addform.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="addform.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="add">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 修改弹窗 --> |
||||
|
<el-dialog v-model="editDialogFormVisible" :before-close="closeEditDialog" title="修改顶级栏目" width="20%"> |
||||
|
<el-form ref="editForm" :model="editForm" :rules="editRules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="editForm.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="editForm.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeEditDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="edit">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
||||
|
|
||||
|
import { |
||||
|
noticeuserlist, |
||||
|
looknoticeusercont, |
||||
|
delnoticeuser, |
||||
|
eitenoticeuser, |
||||
|
addnoticeuser |
||||
|
} from '@/api/healthy' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Classrooom', |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
tableData:'', |
||||
|
editDialogFormVisible:false, |
||||
|
deleteVisible: false, |
||||
|
dialogFormVisible: false, |
||||
|
dialogTitle: '新增通知人', |
||||
|
apis: [], |
||||
|
addform: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
editForm: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
type: '', |
||||
|
rules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getNoticeuserList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
const res = await delnoticeuser({ id: row.id }) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getNoticeuserList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 修改操作 |
||||
|
edit(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitenoticeuser(this.editForm) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeEditDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增操作 |
||||
|
add(){ |
||||
|
this.$refs.addForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await addnoticeuser(this.addform) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/编辑 |
||||
|
openDialog(type) { |
||||
|
switch (type) { |
||||
|
case 'add': |
||||
|
this.dialogTitle = '新增通知人' |
||||
|
break |
||||
|
case 'edit': |
||||
|
this.dialogTitle = '编辑通知人' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.type = type |
||||
|
this.dialogFormVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 获取通知人列表 |
||||
|
async getNoticeuserList(){ |
||||
|
const res=await noticeuserlist() |
||||
|
if(res.code==0){ |
||||
|
this.tableData=res.data |
||||
|
} |
||||
|
}, |
||||
|
// 点击修改事件 |
||||
|
async editOperate(row) { |
||||
|
const res = await looknoticeusercont({ id: row.id }) |
||||
|
this.editForm = res.data |
||||
|
this.editDialogFormVisible=true |
||||
|
}, |
||||
|
|
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
|
||||
|
// 新增form清空 |
||||
|
initForm() { |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.addform = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 修改form清空 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editForm = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 关闭添加弹框事件 |
||||
|
closeDialog() { |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 关闭修改弹框事件 |
||||
|
closeEditDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.button-box { |
||||
|
padding: 10px 20px; |
||||
|
.el-button { |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
.warning { |
||||
|
color: #dc143c; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,298 @@ |
|||||
|
<template> |
||||
|
<!-- 恒信动态 --> |
||||
|
<div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('add')">新增</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData"> |
||||
|
<el-table-column label="栏目名称" prop="columnr_name" /> |
||||
|
<el-table-column label="排序" prop="sort" /> |
||||
|
<el-table-column label="状态" prop="state" center> |
||||
|
<template #default="scope"> |
||||
|
<div> |
||||
|
<el-switch style="display: block" v-model="scope.row.state" active-color="#13ce66" inactive-color="#ff4949" active-text="启用" inactive-text="禁用"></el-switch> |
||||
|
<!-- <el-switch :active-value="1" :inactive-value="2" v-model="scope.row.state" disabled /> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button icon="el-icon-edit" size="small" type="text" @click="editOperate(scope.row)">修改</el-button> |
||||
|
<el-button icon="el-icon-delete" size="small" type="text" @click="deleteOperate(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 新增弹窗 --> |
||||
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="新增顶级栏目" width="20%"> |
||||
|
<el-form ref="addForm" :model="addform" :rules="rules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="addform.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="addform.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="add">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 修改弹窗 --> |
||||
|
<el-dialog v-model="editDialogFormVisible" :before-close="closeEditDialog" title="修改顶级栏目" width="20%"> |
||||
|
<el-form ref="editForm" :model="editForm" :rules="editRules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="editForm.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="editForm.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeEditDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="edit">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
||||
|
|
||||
|
// import { |
||||
|
// noticeuserlist, |
||||
|
// looknoticeusercont, |
||||
|
// delnoticeuser, |
||||
|
// eitenoticeuser, |
||||
|
// addnoticeuser |
||||
|
// } from '@/api/healthy' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Notify', |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
tableData:[ |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:1, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'精益6S管理', |
||||
|
// 排序 |
||||
|
sort:'1', |
||||
|
// 状态 |
||||
|
state:false |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:2, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'疫情防控', |
||||
|
// 排序 |
||||
|
sort:'2', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:3, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'新闻动态', |
||||
|
// 排序 |
||||
|
sort:'3', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:4, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'检查通报', |
||||
|
// 排序 |
||||
|
sort:'4', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:5, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'通知公告', |
||||
|
// 排序 |
||||
|
sort:'5', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:6, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'会议纪要', |
||||
|
// 排序 |
||||
|
sort:'6', |
||||
|
// 状态 |
||||
|
state:false |
||||
|
}, |
||||
|
], |
||||
|
editDialogFormVisible:false, |
||||
|
deleteVisible: false, |
||||
|
dialogFormVisible: false, |
||||
|
dialogTitle: '新增通知人', |
||||
|
apis: [], |
||||
|
addform: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
editForm: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
type: '', |
||||
|
rules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getNoticeuserList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
const res = await delnoticeuser({ id: row.id }) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getNoticeuserList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 修改操作 |
||||
|
edit(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitenoticeuser(this.editForm) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeEditDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增操作 |
||||
|
add(){ |
||||
|
this.$refs.addForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await addnoticeuser(this.addform) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/编辑 |
||||
|
openDialog(type) { |
||||
|
switch (type) { |
||||
|
case 'add': |
||||
|
this.dialogTitle = '新增通知人' |
||||
|
break |
||||
|
case 'edit': |
||||
|
this.dialogTitle = '编辑通知人' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.type = type |
||||
|
this.dialogFormVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 获取通知人列表 |
||||
|
async getNoticeuserList(){ |
||||
|
const res=await noticeuserlist() |
||||
|
if(res.code==0){ |
||||
|
this.tableData=res.data |
||||
|
} |
||||
|
}, |
||||
|
// 点击修改事件 |
||||
|
async editOperate(row) { |
||||
|
const res = await looknoticeusercont({ id: row.id }) |
||||
|
this.editForm = res.data |
||||
|
this.editDialogFormVisible=true |
||||
|
}, |
||||
|
|
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
|
||||
|
// 新增form清空 |
||||
|
initForm() { |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.addform = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 修改form清空 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editForm = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 关闭添加弹框事件 |
||||
|
closeDialog() { |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 关闭修改弹框事件 |
||||
|
closeEditDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.button-box { |
||||
|
padding: 10px 20px; |
||||
|
.el-button { |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
.warning { |
||||
|
color: #dc143c; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,236 @@ |
|||||
|
<template> |
||||
|
<!-- 恒信课堂 --> |
||||
|
<div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('add')">新增</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData"> |
||||
|
<el-table-column label="栏目名称" prop="user_name" /> |
||||
|
<el-table-column label="排序" prop="user_wechat" /> |
||||
|
<el-table-column label="状态" prop="state"> |
||||
|
<template #default="scope"> |
||||
|
<div> |
||||
|
<el-switch :active-value="1" :inactive-value="2" v-model="scope.row.state" disabled /> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button icon="el-icon-edit" size="small" type="text" @click="editOperate(scope.row)">修改</el-button> |
||||
|
<el-button icon="el-icon-delete" size="small" type="text" @click="deleteOperate(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 新增弹窗 --> |
||||
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="新增顶级栏目" width="20%"> |
||||
|
<el-form ref="addForm" :model="addform" :rules="rules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="addform.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="addform.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="add">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 修改弹窗 --> |
||||
|
<el-dialog v-model="editDialogFormVisible" :before-close="closeEditDialog" title="修改顶级栏目" width="20%"> |
||||
|
<el-form ref="editForm" :model="editForm" :rules="editRules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="editForm.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="editForm.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeEditDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="edit">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
||||
|
|
||||
|
import { |
||||
|
noticeuserlist, |
||||
|
looknoticeusercont, |
||||
|
delnoticeuser, |
||||
|
eitenoticeuser, |
||||
|
addnoticeuser |
||||
|
} from '@/api/healthy' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Notify', |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
tableData:'', |
||||
|
editDialogFormVisible:false, |
||||
|
deleteVisible: false, |
||||
|
dialogFormVisible: false, |
||||
|
dialogTitle: '新增通知人', |
||||
|
apis: [], |
||||
|
addform: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
editForm: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
type: '', |
||||
|
rules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getNoticeuserList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
const res = await delnoticeuser({ id: row.id }) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getNoticeuserList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 修改操作 |
||||
|
edit(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitenoticeuser(this.editForm) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeEditDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增操作 |
||||
|
add(){ |
||||
|
this.$refs.addForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await addnoticeuser(this.addform) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/编辑 |
||||
|
openDialog(type) { |
||||
|
switch (type) { |
||||
|
case 'add': |
||||
|
this.dialogTitle = '新增通知人' |
||||
|
break |
||||
|
case 'edit': |
||||
|
this.dialogTitle = '编辑通知人' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.type = type |
||||
|
this.dialogFormVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 获取通知人列表 |
||||
|
async getNoticeuserList(){ |
||||
|
const res=await noticeuserlist() |
||||
|
if(res.code==0){ |
||||
|
this.tableData=res.data |
||||
|
} |
||||
|
}, |
||||
|
// 点击修改事件 |
||||
|
async editOperate(row) { |
||||
|
const res = await looknoticeusercont({ id: row.id }) |
||||
|
this.editForm = res.data |
||||
|
this.editDialogFormVisible=true |
||||
|
}, |
||||
|
|
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
|
||||
|
// 新增form清空 |
||||
|
initForm() { |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.addform = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 修改form清空 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editForm = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 关闭添加弹框事件 |
||||
|
closeDialog() { |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 关闭修改弹框事件 |
||||
|
closeEditDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.button-box { |
||||
|
padding: 10px 20px; |
||||
|
.el-button { |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
.warning { |
||||
|
color: #dc143c; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,268 @@ |
|||||
|
<template> |
||||
|
<!-- 顶级栏目管理 --> |
||||
|
<div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('add')">新增</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData"> |
||||
|
<el-table-column label="栏目名称" prop="columnr_name" /> |
||||
|
<el-table-column label="排序" prop="sort" /> |
||||
|
<el-table-column label="状态" prop="state" center> |
||||
|
<template #default="scope"> |
||||
|
<div> |
||||
|
<el-switch style="display: block" v-model="scope.row.state" active-color="#13ce66" inactive-color="#ff4949" active-text="启用" inactive-text="禁用"></el-switch> |
||||
|
<!-- <el-switch :active-value="1" :inactive-value="2" v-model="scope.row.state" disabled /> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button icon="el-icon-edit" size="small" type="text" @click="editOperate(scope.row)">修改</el-button> |
||||
|
<el-button icon="el-icon-delete" size="small" type="text" @click="deleteOperate(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- 新增弹窗 --> |
||||
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="新增顶级栏目" width="20%"> |
||||
|
<el-form ref="addForm" :model="addform" :rules="rules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="addform.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="addform.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="add">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 修改弹窗 --> |
||||
|
<el-dialog v-model="editDialogFormVisible" :before-close="closeEditDialog" title="修改顶级栏目" width="20%"> |
||||
|
<el-form ref="editForm" :model="editForm" :rules="editRules" label-width="80px"> |
||||
|
<el-form-item label="栏目名称" prop="user_name"> |
||||
|
<el-input v-model="editForm.user_name" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="序号" prop="user_wechat"> |
||||
|
<el-input v-model="editForm.user_wechat" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeEditDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="edit">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
||||
|
|
||||
|
// import { |
||||
|
// noticeuserlist, |
||||
|
// looknoticeusercont, |
||||
|
// delnoticeuser, |
||||
|
// eitenoticeuser, |
||||
|
// addnoticeuser |
||||
|
// } from '@/api/healthy' |
||||
|
|
||||
|
export default { |
||||
|
name: 'Notify', |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
tableData:[ |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:1, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'恒信动态', |
||||
|
// 排序 |
||||
|
sort:'1', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:2, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'知识库', |
||||
|
// 排序 |
||||
|
sort:'2', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
{ |
||||
|
// 栏目id |
||||
|
id:3, |
||||
|
// 栏目名称 |
||||
|
columnr_name:'恒信课堂', |
||||
|
// 排序 |
||||
|
sort:'3', |
||||
|
// 状态 |
||||
|
state:true |
||||
|
}, |
||||
|
], |
||||
|
editDialogFormVisible:false, |
||||
|
deleteVisible: false, |
||||
|
dialogFormVisible: false, |
||||
|
dialogTitle: '新增通知人', |
||||
|
apis: [], |
||||
|
addform: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
editForm: { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
}, |
||||
|
type: '', |
||||
|
rules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules: { |
||||
|
user_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
||||
|
user_wechat: [{ required: true, message: '请输入微信UID', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getNoticeuserList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
const res = await delnoticeuser({ id: row.id }) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getNoticeuserList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 修改操作 |
||||
|
edit(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitenoticeuser(this.editForm) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeEditDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增操作 |
||||
|
add(){ |
||||
|
this.$refs.addForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await addnoticeuser(this.addform) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getNoticeuserList() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/编辑 |
||||
|
openDialog(type) { |
||||
|
switch (type) { |
||||
|
case 'add': |
||||
|
this.dialogTitle = '新增通知人' |
||||
|
break |
||||
|
case 'edit': |
||||
|
this.dialogTitle = '编辑通知人' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.type = type |
||||
|
this.dialogFormVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 获取通知人列表 |
||||
|
async getNoticeuserList(){ |
||||
|
const res=await noticeuserlist() |
||||
|
if(res.code==0){ |
||||
|
this.tableData=res.data |
||||
|
} |
||||
|
}, |
||||
|
// 点击修改事件 |
||||
|
async editOperate(row) { |
||||
|
const res = await looknoticeusercont({ id: row.id }) |
||||
|
this.editForm = res.data |
||||
|
this.editDialogFormVisible=true |
||||
|
}, |
||||
|
|
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
|
||||
|
// 新增form清空 |
||||
|
initForm() { |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.addform = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 修改form清空 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editForm = { |
||||
|
user_name:'', |
||||
|
user_wechat:'' |
||||
|
} |
||||
|
}, |
||||
|
// 关闭添加弹框事件 |
||||
|
closeDialog() { |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 关闭修改弹框事件 |
||||
|
closeEditDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.button-box { |
||||
|
padding: 10px 20px; |
||||
|
.el-button { |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
.warning { |
||||
|
color: #dc143c; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,350 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<!-- 新闻管理 --> |
||||
|
<div class="gva-search-box"> |
||||
|
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
||||
|
<el-form-item label="名称"> |
||||
|
<el-input v-model="searchInfo.path" placeholder="请输入新闻名称" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择发布日期"> |
||||
|
<el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
||||
|
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog('addApi')">新增</el-button> |
||||
|
<!-- <el-button size="mini" type="primary" icon="el-icon-upload" @click="openDialog('addApi')">导入员工数据</el-button> --> |
||||
|
<el-popover v-model:visible="deleteVisible" placement="top" width="160"> |
||||
|
<p>确定要删除吗？</p> |
||||
|
<div style="text-align: right; margin-top: 8px;"> |
||||
|
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button> |
||||
|
<el-button size="mini" type="primary" @click="onDelete">确定</el-button> |
||||
|
</div> |
||||
|
<template #reference> |
||||
|
<el-button icon="el-icon-delete" size="mini" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button> |
||||
|
</template> |
||||
|
</el-popover> |
||||
|
</div> |
||||
|
<el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" width="55"/> |
||||
|
<el-table-column align="left" label="新闻名称" prop="ID"/> |
||||
|
<el-table-column align="left" label="发布时间" prop="path"/> |
||||
|
<el-table-column align="left" label="阅读量" prop="apiGroup"/> |
||||
|
<el-table-column align="left" label="详细介绍" prop="description"/> |
||||
|
|
||||
|
<el-table-column align="left" fixed="right" label="操作" width="200"> |
||||
|
|
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-edit" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="editApi(scope.row)" |
||||
|
>编辑</el-button> |
||||
|
<el-button |
||||
|
icon="el-icon-delete" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="deleteApi(scope.row)" |
||||
|
>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="gva-pagination"> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-size="pageSize" |
||||
|
:page-sizes="[10, 30, 50, 100]" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@current-change="handleCurrentChange" |
||||
|
@size-change="handleSizeChange" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="dialogTitle" width="40%"> |
||||
|
<el-form ref="apiForm" :model="form" :rules="rules" label-width="100px"> |
||||
|
<el-form-item label="新闻名称" prop="num"> |
||||
|
<el-input v-model="form.num" autocomplete="off"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择发布日期"> |
||||
|
<el-date-picker |
||||
|
v-model="value2" |
||||
|
align="right" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
:picker-options="pickerOptions"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="阅读量" prop="num"> |
||||
|
<el-input v-model="form.num" autocomplete="off"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="详情" prop="num"> |
||||
|
<!-- <editor-bar v-model="detail" :isClear="isClear" @change="change"></editor-bar> --> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索 |
||||
|
|
||||
|
import { |
||||
|
getApiById, |
||||
|
getApiList, |
||||
|
createApi, |
||||
|
updateApi, |
||||
|
deleteApi, |
||||
|
deleteApisByIds |
||||
|
} from '@/api/api' |
||||
|
import infoList from '@/mixins/infoList' |
||||
|
// import EditorBar from '../../components/wangEnduit/index.vue' |
||||
|
import { toSQLLine } from '@/utils/stringFun' |
||||
|
import warningBar from '@/components/warningBar/warningBar.vue' |
||||
|
|
||||
|
const methodOptions = [ |
||||
|
{ |
||||
|
value: 'POST', |
||||
|
label: '创建', |
||||
|
type: 'success' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'GET', |
||||
|
label: '查看', |
||||
|
type: '' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'PUT', |
||||
|
label: '更新', |
||||
|
type: 'warning' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'DELETE', |
||||
|
label: '删除', |
||||
|
type: 'danger' |
||||
|
} |
||||
|
] |
||||
|
|
||||
|
export default { |
||||
|
name: 'Api', |
||||
|
components: { |
||||
|
// warningBar,EditorBar |
||||
|
warningBar |
||||
|
}, |
||||
|
mixins: [infoList], |
||||
|
data() { |
||||
|
return { |
||||
|
deleteVisible: false, |
||||
|
// listApi: getApiList, |
||||
|
dialogFormVisible: false, |
||||
|
dialogTitle: '新增新闻', |
||||
|
apis: [], |
||||
|
form: { |
||||
|
wxId:'', |
||||
|
jdId:'', |
||||
|
num:'', |
||||
|
name:'', |
||||
|
type:'', |
||||
|
birthDate:'', |
||||
|
onboardingDate:'', |
||||
|
password:'', |
||||
|
passwordTwo:'', |
||||
|
department:'', |
||||
|
post: '', |
||||
|
gender: '', |
||||
|
age: '', |
||||
|
certificate: '', |
||||
|
certificateNum: '', |
||||
|
phone: '', |
||||
|
state: '', |
||||
|
}, |
||||
|
methodOptions: methodOptions, |
||||
|
type: '', |
||||
|
rules: { |
||||
|
path: [{ required: true, message: '请输入api路径', trigger: 'blur' }], |
||||
|
apiGroup: [ |
||||
|
{ required: true, message: '请输入组名称', trigger: 'blur' } |
||||
|
], |
||||
|
description: [ |
||||
|
{ required: true, message: '请输入api介绍', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getTableData() |
||||
|
}, |
||||
|
methods: { |
||||
|
methodFiletr(value) { |
||||
|
const target = methodOptions.filter(item => item.value === value)[0] |
||||
|
return target && `${target.label}` |
||||
|
}, |
||||
|
tagTypeFiletr(value) { |
||||
|
const target = methodOptions.filter(item => item.value === value)[0] |
||||
|
return target && `${target.type}` |
||||
|
}, |
||||
|
// 选中api |
||||
|
handleSelectionChange(val) { |
||||
|
this.apis = val |
||||
|
}, |
||||
|
async onDelete() { |
||||
|
const ids = this.apis.forEach(item => item.ID) |
||||
|
const res = await deleteApisByIds({ ids }) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: res.msg |
||||
|
}) |
||||
|
if (this.tableData.length === ids.length && this.page > 1) { |
||||
|
this.page-- |
||||
|
} |
||||
|
this.deleteVisible = false |
||||
|
this.getTableData() |
||||
|
} |
||||
|
}, |
||||
|
// 排序 |
||||
|
sortChange({ prop, order }) { |
||||
|
if (prop) { |
||||
|
this.searchInfo.orderKey = toSQLLine(prop) |
||||
|
this.searchInfo.desc = order === 'descending' |
||||
|
} |
||||
|
this.getTableData() |
||||
|
}, |
||||
|
onReset() { |
||||
|
this.searchInfo = {} |
||||
|
}, |
||||
|
// 条件搜索前端看此方法 |
||||
|
onSubmit() { |
||||
|
this.page = 1 |
||||
|
this.pageSize = 10 |
||||
|
this.getTableData() |
||||
|
}, |
||||
|
initForm() { |
||||
|
this.$refs.apiForm.resetFields() |
||||
|
this.form = { |
||||
|
path: '', |
||||
|
apiGroup: '', |
||||
|
method: '', |
||||
|
description: '' |
||||
|
} |
||||
|
}, |
||||
|
closeDialog() { |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
openDialog(type) { |
||||
|
switch (type) { |
||||
|
case 'addApi': |
||||
|
this.dialogTitle = '新增新闻' |
||||
|
break |
||||
|
case 'edit': |
||||
|
this.dialogTitle = '编辑新闻' |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
this.type = type |
||||
|
this.dialogFormVisible = true |
||||
|
}, |
||||
|
async editApi(row) { |
||||
|
const res = await getApiById({ id: row.ID }) |
||||
|
this.form = res.data.api |
||||
|
this.openDialog('edit') |
||||
|
}, |
||||
|
async deleteApi(row) { |
||||
|
this.$confirm('此操作将永久删除所有角色下该api, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
const res = await deleteApi(row) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
if (this.tableData.length === 1 && this.page > 1) { |
||||
|
this.page-- |
||||
|
} |
||||
|
this.getTableData() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
async enterDialog() { |
||||
|
this.$refs.apiForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
switch (this.type) { |
||||
|
case 'addApi': |
||||
|
{ |
||||
|
const res = await createApi(this.form) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getTableData() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
|
||||
|
break |
||||
|
case 'edit': |
||||
|
{ |
||||
|
const res = await updateApi(this.form) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '编辑成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getTableData() |
||||
|
this.closeDialog() |
||||
|
} |
||||
|
break |
||||
|
default: |
||||
|
// eslint-disable-next-line no-lone-blocks |
||||
|
{ |
||||
|
this.$message({ |
||||
|
type: 'error', |
||||
|
message: '未知操作', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
break |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.el-input { |
||||
|
width: 220px; |
||||
|
} |
||||
|
.button-box { |
||||
|
padding: 10px 20px; |
||||
|
.el-button { |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
.warning { |
||||
|
color: #dc143c; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue