提交 cc224640 编写于 作者: guangjun.yang's avatar guangjun.yang

发起教培项目赋权

上级 146f4f10
......@@ -4,13 +4,13 @@
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content screenSet" id="screenSet">
<div class="header-title">模板管理</div>
<div class="header-title">发起教培项目赋权</div>
<el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
<el-form ref="formInline" :model="formInline" label-width="75px" style="width:100%;">
<el-col :span="10">
<el-form-item label="手机号:">
<el-input v-model="formInline.phoneNumber" size="small" placeholder="请输入"></el-input>
<el-input v-model="formInline.mobilePhone" size="small" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" style="padding:0;text-align:right;padding-right:15px;">
......@@ -21,26 +21,30 @@
</el-row>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="模板名称" align="center"></el-table-column>
<el-table-column prop="phoneNumner" label="手机号" align="center"></el-table-column>
<el-table-column prop="jigou" label="所属机构" align="center"></el-table-column>
<el-table-column prop="diqu" label="所属地区" align="center"></el-table-column>
<el-table-column prop="projectStatus" label="状态" align="center">
<el-table-column prop="name" label="用户名" align="center"></el-table-column>
<el-table-column prop="mobilePhone" label="手机号" align="center"></el-table-column>
<el-table-column prop="hospitalName" label="所属机构" align="center"></el-table-column>
<el-table-column prop="provinceName" label="所属地区" align="center">
<template slot-scope="scope">
<span>{{ scope.row.provinceName }}{{ scope.row.cityName }}{{ scope.row.countyName }}{{ scope.row.townName }}</span>
</template>
</el-table-column>
<el-table-column prop="projectStatus" label="权限状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.status | roleStatus }}</span>
<span>{{ scope.row.roleFlag ? '已开通' : '未开通' }}</span>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" align="center">
<template slot-scope="scope">
<el-button
@click="changeStatus(scope.row,0)"
v-show="scope.row.status == 0"
v-if="scope.row.roleFlag == false"
type="primary"
size="small"
>开通权限</el-button>
<el-button
@click="changeStatus(scope.row,1)"
v-show="scope.row.status == 1"
v-if="scope.row.roleFlag == true"
type="primary"
size="small"
>关闭权限</el-button>
......@@ -49,7 +53,7 @@
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png">
<p>没有搜索到该手机号,请重新搜索</p>
<p class="text">没有搜索到该手机号,请重新搜索</p>
</div>
</div>
</el-table >
......@@ -67,142 +71,128 @@
></el-pagination>
</div>
<dialog-compont :dialogObj="downObj" @confirm="downConfirm" @hide="downHide"></dialog-compont>
<dialog-compont :dialogObj="passObj" @confirm="passConfirm" @hide="passHide"></dialog-compont>
<!-- 修改状态 -->
<el-dialog
:title="changeStatusConfig.title"
:show-close=false
:visible.sync="changeStatusVisible"
:close-on-click-modal="false"
width="600px"
center>
<p style="text-align: center;">{{changeStatusConfig.message}}</p>
<span slot="footer" class="dialog-footer">
<el-button @click="changeStatusVisible=false">取 消</el-button>
<el-button type="primary" @click="changeStatusConfirm">确 认</el-button>
</span>
</el-dialog>
</div>
</div>
</template>
<script>
import BreadCrumb from "../../components/breadcrumb.vue";
import dialog from "../../components/education/template/dialog";
import { openLoading, closeLoading } from "../../utils/utils";
import * as commonUtil from "../../utils/utils";
let vm = null;
export default {
data() {
return {
curmbFirst: "教培项目",
curmbSecond: "模板管理",
curmbFirst: "角色权限",
curmbSecond: "发起教培项目赋权",
formInline: {
phoneNumber: '',
pageSize: 15,
mobilePhone: '',
pageSize: 10,
pageNo: 1
},
tableData: [
{
name: '王小二',
phoneNumner: '136638902819',
jigou: '尼山中心医院',
diqu: '山东省曲阜市角力中你山乡',
status: 0
},
{
name: '王小二',
phoneNumner: '136638902819',
jigou: '尼山中心医院',
diqu: '山东省曲阜市角力中你山乡',
status: 1
}
],
tableData: [],
totalRows: 10,
deleteVisible: false, // 删除弹框显示与否
downObj: {
title: '确认要下架该项目模板吗?',
message: '下架后,用户则无法查看项目',
visible: false
},
passObj: {
title: '确认要通过该项目模板审核吗?',
message: '审核通过后,用户可在工作站查看或购买该项目模板',
visible: false
},
rejectObj: {
title: '确认要拒绝该项目模板吗?',
message: '拒绝后该项目模板将从列表中消失',
visible: false
changeStatusVisible: false,
doctorId: 0,
needChangeStatus: true,
changeStatusConfig: {
title: '确认要开通权限操作吗?',
message: '一旦开通,该用户可查看并创建外部教培项目',
},
idType: 1 //idType 1为内部项目,其他为外部项目
}
},
components: {
BreadCrumb,
dialogCompont: dialog
},
created() {
vm = this;
vm.idType = localStorage.getItem('storageIdType');
// vm.searchList();
this.searchList();
},
mounte() {
commonUtil.resizeHeight();
},
methods: {
// 查询列表
searchList() {
let req = {};
req = vm.formInline;
openLoading(vm);
vm.GET("openTemplate/getOpenTemplateList", req).then(res => {
vm.GET("portal/portalProjectOrRole/doctor/list", req).then(res => {
closeLoading(vm);
if (res.code == "000000") {
// vm.tableData = res.data.data;
// vm.totalRows = res.data.totalRows;
// }
console.log('====================================');
console.log( res.data.data);
console.log('====================================');
vm.tableData = res.data.doctorList;
vm.totalRows = res.data.totalCnt;
}
});
},
// 重置搜索
resetForm() {},
// 改变状态
changeStatus(row,type) {
if (type == 1) {
vm.passObj.visible = true;
}
},
//删除
deleteRow() {
vm.deleteVisible = true;
resetForm() {
vm.formInline.mobilePhone = '';
},
// 删除项目
confirmDelete() {
alert('delete')
},
hideDeleteFrom() {
vm.deleteVisible = false;
},
// 显示操作按钮
showButton(row,type) {
// (1.草稿 2.未上架 3.审核中/待审核 4.已上架 5.已下架 6.已拒绝/未上架)
// 内部用户
let projectStatus = row.projectStatus;
let idType = row.idType;
let level = row.level;
let flag = false;
let typeStr = parseInt(type);
return true;
// 已开通: true; 未开通: false;
changeStatus(row) {
vm.doctorId = row.doctorId;
vm.needChangeStatus = row.roleFlag ? false : true;
let title = '', message = '';
if(!row.roleFlag) {
title = '确认要开通权限操作吗?';
message = '一旦开通,该用户可查看并创建外部教培项目';
} else { // 拒绝
title = '确认要关闭权限操作吗?';
message = '一旦关闭,该用户则无法查看外部教培项目';
}
vm.changeStatusConfig.title = title;
vm.changeStatusConfig.message = message;
vm.changeStatusVisible = true;
},
handleSizeChange() {},
handleCurrentChange() {},
// 跳转到模板详情
go() {
vm.$router.push("template-editor");
// 改变状态
changeStatusConfirm() {
let req = {
doctorId: vm.doctorId,
roleFlag: vm.needChangeStatus
};
openLoading(vm);
vm.POST("portal/portalProjectOrRole/doctor/role", req).then(res => {
closeLoading(vm);
if (res.code == "000000") {
vm.changeStatusVisible = false;
vm.searchList();
}
});
},
downConfirm() {},
downHide() {},
// 通过按钮
passConfirm() {
alert('通过');
handleSizeChange(val) {
this.formInline.pageSize = val;
vm.searchList();
},
passHide() {
alert('quxiao')
handleCurrentChange(val) {
this.formInline.pageNo = val;
vm.searchList();
},
rejectConfirm() {},
rejectHide() {}
}
}
</script>
......@@ -218,6 +208,13 @@ export default {
color: #449284;
border-bottom: 1px solid #efefef;
}
.table-empty {
.text {
position: relative;
top: -100px;
left: 6px;
}
}
}
}
</style>
......@@ -224,6 +224,7 @@
<el-radio-group v-model="newProjectType">
<el-radio :label="1">普通项目</el-radio>
<el-radio :label="2">CME项目</el-radio>
<el-radio :label="3">开放模板</el-radio>
</el-radio-group>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
......@@ -418,8 +419,10 @@ export default {
this.$router.push("edit-manager?projectType=1");
},
toCmePage() {
console.log('跳转至 cme 新建项目');
this.$router.push("edit-cme?projectType=2");
},
toTemplatePage() {
this.$router.push("template-open?projectType=3");
},
toShield(row) {
this.$router.push("item-shield?projectId="+row.id);
......@@ -433,6 +436,8 @@ export default {
this.toPage();
} else if (this.newProjectType == 2) {
this.toCmePage();
} else if(this.newProjectType == 3) {
this.toTemplatePage();
}
},
......
......@@ -33,7 +33,7 @@
<el-form class="demo-form-inline">
<el-form-item>
<el-button size="small" type="primary" @click="addOrEditTemplate()">+ 新建模板</el-button>
<el-button size="small" type="primary" @click="addOrEditTemplate">+ 新建模板</el-button>
</el-form-item>
</el-form>
......@@ -143,10 +143,6 @@
<el-button type="primary" @click="changeStatusConfirm">确 认</el-button>
</span>
</el-dialog>
<!-- <dialog-compont :dialogObj="downObj" @confirm="downConfirm" @hide="downHide"></dialog-compont>
<dialog-compont :dialogObj="passObj" @confirm="passConfirm" @hide="passHide"></dialog-compont>
<dialog-compont :dialogObj="rejectObj" @confirm="rejectConfirm" @hide="rejectHide"></dialog-compont> -->
</div>
</div>
</template>
......@@ -201,10 +197,6 @@ export default {
value: 6,
label: '已拒绝'
},
// {
// value: 6,
// label: '未上架'
// }
],
tableData: [{
id: 1,
......@@ -257,11 +249,13 @@ export default {
}
});
},
// 重置搜索
resetForm() {
vm.formInline.openTemplateName = '';
vm.formInline.openTemplateStatus = '';
},
// 新建模板
openProject() {},
......@@ -302,26 +296,30 @@ export default {
if (res.code == "000000") {
vm.changeStatusVisible = false;
vm.searchList();
// vm.tableData = res.data.data;
// vm.totalRows = res.data.totalRows;
}
});
},
//删除
deleteRow(id) {
vm.deleteTemplateId = id;
deleteRow(row) {
console.log('row.id', row.id);
vm.deleteTemplateId = row.id;
vm.deleteVisible = true;
},
// 删除项目
confirmDelete() {
alert('delete')
openLoading(vm);
vm.DELETE(`portal/openTemplate/delete/${vm.deleteTemplateId}`, {}).then(res => {
closeLoading(vm);
if (res.code == "000000") {
vm.deleteVisible = false;
vm.searchList();
}
});
},
hideDeleteFrom() {
vm.deleteVisible = false;
},
// 显示操作按钮
showButton(row, optionType) {
// showButton(scope.row, 4)
......@@ -372,18 +370,6 @@ export default {
addOrEditTemplate(row, isEdit = 0) {
vm.$router.push(`template-editor?id=${row && row.id || ''}&isEdit=${isEdit}`);
},
downConfirm() {},
downHide() {},
// 通过按钮
passConfirm() {
alert('通过');
},
passHide() {
alert('quxiao')
},
rejectConfirm() {},
rejectHide() {}
}
}
</script>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册