Skip to content

P
pica.cloud.web-education-admin
提交 99970c1a 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

教培v2.2.0开始构建页面

上级 042b209e
隐藏空白字符变更
内嵌 并排
正在显示 包含 157 行增加 和 24 行删除
src/views/system/item-role.vue
浏览文件 @ 99970c1a
...@@ -2,15 +2,40 @@ ...@@ -2,15 +2,40 @@
<div class="item-role-wrap"> <div class="item-role-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
<div class="component-content screenSet" id="screenSet"> <div class="component-content screenSet" id="screenSet">
<div class="header-title">查询条件</div> <div class="header-title">查询条件
<el-upload
v-if="activeUser == 'L1'"
class="upload-excel"
action="#"
accept=".xlsx"
multiple
:limit="1"
:before-upload="beforeUpload">
<el-button size="small" >导入角色权限</el-button>
<el-button class="down-button" slot="tip" size="small" @click="download('model')">下载导入模板</el-button>
</el-upload>
</div>
<el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;"> <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
<el-form :model="formInline" ref="formInline" label-width="75px" class="form-inline"> <el-form :model="formInline" ref="formInline" label-width="75px" class="form-inline">
<el-col :span="5"> <el-col :span="6">
<el-form-item label="所属机构：">
<!-- <el-select size="small" v-model="formInline.organizationName" placeholder="请选择所属机构">
<el-option
v-for="(item, index) in organizationList"
:key="index"
:label="item"
:value="item"
></el-option
</el-select> -->
<el-input size="small" v-model="formInline.organizationName" placeholder="请输入机构名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="姓名："> <el-form-item label="姓名：">
<el-input size="small" v-model="formInline.userName" placeholder="请输入名称"></el-input> <el-input size="small" v-model="formInline.userName" placeholder="请输入人员名称"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="6">
<el-form-item label="角色："> <el-form-item label="角色：">
<el-select size="small" v-model="formInline.projeceRole" placeholder="请选择角色"> <el-select size="small" v-model="formInline.projeceRole" placeholder="请选择角色">
<el-option <el-option
...@@ -22,19 +47,8 @@ ...@@ -22,19 +47,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5">
<el-form-item label="所属机构："> <!-- <el-col :span="5">
<el-select size="small" v-model="formInline.organizationName" placeholder="请选择所属机构">
<el-option
v-for="(item, index) in organizationList"
:key="index"
:label="item"
:value="item"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="所属科室："> <el-form-item label="所属科室：">
<el-select size="small" v-model="formInline.departmentsName" placeholder="请选择所属科室"> <el-select size="small" v-model="formInline.departmentsName" placeholder="请选择所属科室">
<el-option <el-option
...@@ -45,8 +59,8 @@ ...@@ -45,8 +59,8 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :span="4" style="padding:0;text-align:right;padding-right:10px;"> <el-col :span="6" style="padding:0;text-align:right;padding-right:10px;">
<el-button type="primary" size="small" @click="searchList()">查询</el-button> <el-button type="primary" size="small" @click="searchList()">查询</el-button>
<el-button <el-button
type="default" type="default"
...@@ -67,7 +81,7 @@ ...@@ -67,7 +81,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="organizationName" label="所属机构" align="center"></el-table-column> <el-table-column prop="organizationName" label="所属机构" align="center"></el-table-column>
<el-table-column prop="departmentsName" label="科室" align="center"></el-table-column> <el-table-column prop="departmentsName" label="科室" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="300" align="center"> <el-table-column fixed="right" label="操作" width="400" align="left">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="primary" type="primary"
...@@ -87,6 +101,12 @@ ...@@ -87,6 +101,12 @@
v-show="showButton(scope.row,'L0')" v-show="showButton(scope.row,'L0')"
@click="openDialog(scope.row,'L0')" @click="openDialog(scope.row,'L0')"
>降为普通用户</el-button> >降为普通用户</el-button>
<el-button
type="primary"
size="small"
v-show="scope.row.projeceRole == 'L3'"
@click="addArea()"
>追加区域权限</el-button>
</template> </template>
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
...@@ -140,6 +160,57 @@ ...@@ -140,6 +160,57 @@
<el-button type="primary" size="small" @click="dialogFull = false">确定</el-button> <el-button type="primary" size="small" @click="dialogFull = false">确定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog
title="导入成功"
:visible.sync="dialogSuccess"
width="30%"
class="dialog-success"
center>
<p >本次成功导入 <span class="upload-text">{{ updateNum }}条</span> 数据</p>
<span slot="footer" class="dialog-footer">
<el-button type="primary" size="small" @click="dialogSuccess = false">关闭</el-button>
</span>
</el-dialog>
<el-dialog
title="导入失败"
:visible.sync="dialogFail"
width="30%"
class="dialog-fail"
center>
<div class="fail-type" v-if="failType == 1">
<p >表格不符合格式要求，请修正后再次导入</p>
<p class="fail-notice"> 仅支持一次导入5000条数据</p>
</div>
<div class="fail-type" v-if="failType == 2">
<p >有 <span class="fail-num"> {{ failNum }}条</span> 数据不符合格式要求，请修正后再次导入</p>
<p class="fail-notice"> 仅支持xlsx格式的文件</p>
<p class="fail-link" @click="download('fail')">下载错误数据></p>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="fail-close" size="small" @click="dialogFail = false">取消</el-button>
<el-upload
class="upload-button"
action="#"
accept=".xlsx"
multiple
:limit="1"
:before-upload="beforeUpload">
<el-button type="primary" size="small" >重新导入</el-button>
</el-upload>
</span>
</el-dialog>
<el-dialog
title="追加区域权限"
:visible.sync="dialogArea"
width="70%"
class="dialog-area"
center>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogArea = false">取消</el-button>
<el-button type="primary" size="small" @click="dialogArea = false">确认</el-button>
</span>
</el-dialog>
</div> </div>
</div> </div>
</template> </template>
...@@ -182,10 +253,10 @@ export default { ...@@ -182,10 +253,10 @@ export default {
departmentsList: [], departmentsList: [],
organizationList: [], organizationList: [],
roleList: [ roleList: [
{ // {
label: "内部管理员", // label: "内部管理员",
value: "L1" // value: "L1"
}, // },
{ {
label: "项目负责人", label: "项目负责人",
value: "L2" value: "L2"
...@@ -211,6 +282,12 @@ export default { ...@@ -211,6 +282,12 @@ export default {
dialogFull: false, dialogFull: false,
scopeRow: {}, scopeRow: {},
activeUser: '', activeUser: '',
updateNum: 50,
dialogSuccess: false,
failType: 2,
failNum: 2,
dialogFail: false,
dialogArea: false,
}; };
}, },
created() { created() {
...@@ -222,6 +299,12 @@ export default { ...@@ -222,6 +299,12 @@ export default {
commonUtil.resizeHeight(); commonUtil.resizeHeight();
}, },
methods: { methods: {
download(type) {
console.log('下载',type);
},
beforeUpload(file) {
console.log(file);
},
searchList() { searchList() {
this.formInline.pageNo = 1; this.formInline.pageNo = 1;
this.queryRoleList(); this.queryRoleList();
...@@ -274,6 +357,9 @@ export default { ...@@ -274,6 +357,9 @@ export default {
}) })
}); });
}, },
addArea() {
this.dialogArea = true;
},
handleSizeChange(val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
this.formInline.pageSize = val; this.formInline.pageSize = val;
...@@ -382,10 +468,20 @@ export default { ...@@ -382,10 +468,20 @@ export default {
margin-left: 30px; margin-left: 30px;
} }
.header-title { .header-title {
position: relative;
padding: 10px 12px; padding: 10px 12px;
font-size: 12px; font-size: 12px;
color: #449284; color: #449284;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
.upload-excel {
position: absolute;
top: -2px;
right: 27px;
float: right;
}
.down-button {
margin-left: 10px;
}
} }
.dialog-p { .dialog-p {
text-align: center; text-align: center;
...@@ -393,6 +489,43 @@ export default { ...@@ -393,6 +489,43 @@ export default {
color: #449284; color: #449284;
} }
} }
.dialog-success {
p {
text-align: center;
.upload-text {
color: #449284;
}
}
}
.dialog-fail {
.fail-close {
margin-left: -70px;
}
.upload-button {
position: absolute;
float: right;
width: 80px;
bottom: 20px;
right: 120px;
}
.fail-type {
p {
margin-top: 10px;
}
.fail-num {
color: #DB3F52;
}
.fail-notice {
color: #E3E3E3;
font-size: 13px;
}
.fail-link {
text-align: center;
color: #449284;
cursor: pointer;
}
}
}
.table-empty { .table-empty {
img { img {
width: 100px; width: 100px;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或