提交 32c760cb 编写于 作者: alex.zhang's avatar alex.zhang

黑名单列表

上级 ab0b5594
此差异已折叠。
......@@ -60,6 +60,7 @@ const roleManage = r => require.ensure([], () => r(require('../views/yqrange/rol
const createRange = r => require.ensure([], () => r(require('../views/yqrange/create-range.vue')), 'create-range')
const editRange = r => require.ensure([], () => r(require('../views/yqrange/edit-range.vue')), 'edit-range')
const createLive = r => require.ensure([], () => r(require('../views/yqrange/create-live.vue')), 'create-live')
const blackListManage = r => require.ensure([], () => r(require('../views/yqrange/blacklist-manage.vue')), 'blacklist-manage')
export default [{
path: '/',
......@@ -238,6 +239,10 @@ export default [{
path:'/edit-range',
component: editRange
},
{
path: '/blacklist-manage',
component: blackListManage
},
{
path: '/external-resource-manage',
component: externalResourceManage,
......
......@@ -56,7 +56,7 @@ service.interceptors.request.use(config => {
// console.log('环境变量>>>> ', process.env.BUILD_ENV);
config.headers['token'] = 'B66468F48B5847DE8A5A5CFB0F79022A';
config.headers['token'] = localStorage.getItem('storageToken')
// config.headers['token'] = localStorage.getItem('storageToken')
}else{
config.headers['token'] = localStorage.getItem('storageToken')
}
......
<template>
<div class="yqrange-index-wrapper">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
<div class="yqrange-index-content screenSet" id="screenSet">
<div class="header-title">黑名单</div>
<el-form
ref="searchForm"
:model="searchForm"
label-width="75px"
label-suffix=":"
:inline="true"
>
<el-row :gutter="30" type="flex" style="margin-top: 10px">
<p class="add_btn" @click="resetForm">+ 添加人员至黑名单</p>
<el-col :span="8">
<el-form-item label="机构">
<el-input size="small" v-model="searchForm.organization" placeholder="请输入机构名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="名称">
<el-input size="small" v-model="searchForm.staffName" placeholder="请输入人员名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" style="text-align: right;margin-top: 5px">
<el-button type="primary" size="small" @click="search">搜索</el-button>
<el-button type="default" size="small" @click="resetForm" style="margin-left:0;">取消搜索</el-button>
</el-col>
</el-row>
</el-form>
<el-table :data="tableData" class="item-table" style="width: 100%;margin-top: 10px;">
<el-table-column prop="name" label="人员名称" min-width="120" align="center"></el-table-column>
<el-table-column prop="department" label="所属科室" min-width="120" align="center"></el-table-column>
<el-table-column prop="hospital" label="所属医院" min-width="120" align="center"></el-table-column>
<el-table-column prop="provinceName" label="所属省份" min-width="120" align="center"></el-table-column>
<el-table-column prop="cityName" label="所属城市" min-width="120" align="center"></el-table-column>
<el-table-column prop="countyName" label="所属区县" min-width="120" align="center"></el-table-column>
<el-table-column prop="townName" label="所属街道" min-width="120" align="center"></el-table-column>
<el-table-column label="操作" min-width="200" align="center">
<template slot-scope="scope">
<el-button @click="removeBlackList(scope.row)" type="text" size="small">移出黑名单</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleNumChange"
:current-page="searchForm.pageNo"
:page-sizes="[10, 30, 50, 100]"
:page-size="searchForm.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="totalRows"
></el-pagination>
</div>
</div>
<!-- <el-dialog
title
:visible.sync="dialogDeleteVisible"
width="500px"
:close-on-click-modal="false"
center
>
<p>
确定将"<span>{{ row. }}</span>"移除黑名单?
</p>
</el-dialog> -->
</div>
</template>
<script>
let vm = null;
import BreadCrumb from "@/components/breadcrumb.vue";
// import * as operationData from "../../../utils/operation";
export default {
components: {
BreadCrumb,
},
data() {
vm = this;
return {
circleId: 0,
curmbFirst: "云鹊小圈",
curmbSecond: "圈子管理",
curmbThird: "黑名单",
searchForm: {
organization: "",
staffName: "",
pageNo: 1,
pageSize: 10,
},
totalRows: 0,
tableData: [],
selfRoleId: 0,
docIds: [],
};
},
created() {
vm = this;
this.circleId = this.$route.query.id;
this.idType = localStorage.getItem("storageIdType");
console.log("alex storageIdType = " + this.idType + ", id = " + this.id);
this.searchList();
this.curmbSecond = "圈子管理-新建县基层医疗圈";
},
methods: {
// 搜索
search() {
this.searchForm.pageNo = 1;
this.searchList();
},
searchList() {
console.log("查询");
let req = {
circleId: this.circleId,
name: this.searchForm.staffName,
orgName: this.searchForm.organization,
circleId: this.circleId,
pageNo: this.searchForm.pageNo,
pageSize: this.searchForm.pageSize,
};
vm.POST("circle/memberSelect/black/related/search", req)
.then((res) => {
if (res.code == "000000") {
this.tableData = res.data.peoplesDtoList;
this.totalRows = res.data.total;
} else {
// vm.$message.info(res.message);
// vm.$message.info("操作失败,请重试");
}
})
.catch(function (error) {
vm.$message.error(error);
});
},
resetForm() {
console.log("重置");
this.searchForm.organization = "";
this.searchForm.staffName = "";
this.search();
},
//移出黑名单
removeBlackList(row) {
vm = this;
this.$confirm(`确定将“${row.name}”移出黑名单吗?`, "", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "alert",
customClass: "range-make-box",
})
.then(() => {
console.log("移出: row.name = " + row.name);
this.docIds = [ row.id ];
let req = {
circleId: this.circleId,
docIds: this.docIds,
};
vm.POST(
"circle/memberSelect/black/related/deletePeople",
req
)
.then((res) => {
if (res.code == "000000") {
vm.$message({
type: "success",
message: "操作成功",
});
this.searchList();
} else {
// vm.$message.info(res.message);
vm.$message.error("操作失败,请重试");
}
})
.catch(function (error) {
vm.$message.error(error);
});
})
.catch(() => {
// cancel
});
},
handleSizeChange(val) {
this.searchForm.pageSize = val;
this.searchForm.pageNo = 1;
this.searchList();
},
handleNumChange(val) {
this.searchForm.pageNo = val;
this.searchList();
},
},
};
</script>
<style lang="scss">
.yqrange-index-wrapper {
.yqrange-index-content {
background: #fff;
padding: 10px;
.header-title {
padding: 10px 12px;
font-size: 12px;
color: #449284;
border-bottom: 1px solid #efefef;
}
}
.el-button--text {
color: #449284;
font-size: 14px;
&::after {
content: "";
position: relative;
height: 14px;
/*border-right: 1px solid #EBEEF5;*/
border-right: 1px solid #aaaaaa;
padding-right: 10px;
}
&:last-of-type {
&::after {
content: "";
position: relative;
width: 1px;
height: 14px;
border-right: none;
}
}
}
.add_btn {
width: 200px;
margin-top: 10px;
margin-left: 20px;
}
}
</style>
......@@ -341,7 +341,8 @@ export default {
//成员管理
roleManage(row) {
this.$router.push({
path: '/role-manage?id=' + row.id,
// path: '/role-manage?id=' + row.id,
path: '/blacklist-manage?id=' + row.id,
})
},
//编辑
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册