接入系统公司、部门、角色接口
This commit is contained in:
龙运模
@@ -1,24 +1,200 @@
|
||||
<template>
|
||||
<view>2112</view>
|
||||
<el-container class="mainBox mainHeaderNoBorderPadding">
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" :size="size" icon="el-icon-plus" @click="add">新增公司</el-button>
|
||||
<el-button type="primary" :size="size" plain>批量导入</el-button>
|
||||
</div>
|
||||
<div class="right-panel">
|
||||
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<div class="searchMain searchMainNoTop">
|
||||
<div class="searchItem">
|
||||
<label class="name">开通日期</label>
|
||||
<el-date-picker class="input" type="daterange" :size="size" v-model="params.activation_date" start-placeholder="开始日期" end-placeholder="结束日期" clearable></el-date-picker>
|
||||
</div>
|
||||
<div class="searchItem">
|
||||
<label class="name">公司名称</label>
|
||||
<el-select class="input" :size="size" v-model="params.full_name" @visible-change="getCompanyList" placeholder="请选择公司名称" filterable clearable>
|
||||
<el-option v-for="item in setMap.full_name" :key="item" :label="item.full_name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="searchItem">
|
||||
<label class="name">状态</label>
|
||||
<el-select class="input" :size="size" v-model="params.active_status" @visible-change="getStatusList" placeholder="请选择状态" filterable clearable>
|
||||
<el-option v-for="item in setMap.active_status" :key="item" :label="item.label" :value="item.active_status"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="searchItem searchBtn">
|
||||
<el-button :size="size" type="primary" icon="el-icon-search" @click="upSearch">查询</el-button>
|
||||
<el-button :size="size" type="info" icon="el-icon-RefreshRight" @click="reset">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<scTable ref="table" :apiObj="list.apiObj" :column="list.column" row-key="id" stripe :size="size" @selection-change="selectionChange">
|
||||
<el-table-column type="selection" align="center" width="40"></el-table-column>
|
||||
<el-table-column type="index" align="center" label="序号" width="50"></el-table-column>
|
||||
<template #logo="scope">
|
||||
<el-image class="logoCell" :src="scope.row.logo"></el-image>
|
||||
</template>
|
||||
<template #active_status="scope">
|
||||
<el-switch :size="size" v-model="scope.row.active_status" @change="changeSwitch($event, scope.row)" :loading="scope.row.$switch_status" :active-value="true" :inactive-value="false"></el-switch>
|
||||
</template>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="150">
|
||||
<template #default="scope">
|
||||
<el-dropdown>
|
||||
<el-button class="noBorderBtn" icon="el-icon-more" :size="size"></el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item @click="table_show(scope.row, 'see')" icon="sc-icon-See">查看详情</el-dropdown-item>
|
||||
<el-dropdown-item @click="table_edit(scope.row, 'edit')" icon="sc-icon-Edit">编辑公司</el-dropdown-item>
|
||||
<el-dropdown-item @click="table_del(scope.row, 'delete')" icon="sc-icon-AbilityAuthorization" divided>功能授权</el-dropdown-item>
|
||||
<el-dropdown-item @click="table_del(scope.row, 'delete')" icon="sc-icon-DataAuthorization">数据授权</el-dropdown-item>
|
||||
<el-dropdown-item @click="table_del(scope.row, 'delete')" icon="sc-icon-UserList" divided>用户列表</el-dropdown-item>
|
||||
<el-dropdown-item @click="table_del(scope.row, 'delete')" icon="sc-icon-Delete">删除公司</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>
|
||||
<see-dialog v-if="dialog.show" ref="showDialog" @closed="dialog.show=false"></see-dialog>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "index",
|
||||
data(){
|
||||
return{
|
||||
import saveDialog from './save'
|
||||
import seeDialog from './see'
|
||||
|
||||
export default {
|
||||
name: 'company',
|
||||
components: {
|
||||
saveDialog,
|
||||
seeDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
size:'small',
|
||||
setMap:{
|
||||
full_name:[],
|
||||
active_status:[],
|
||||
},
|
||||
|
||||
dialog: {
|
||||
save: false,
|
||||
show: false
|
||||
},
|
||||
list: {
|
||||
apiObj: this.$API.system.company.list,
|
||||
column: [],
|
||||
},
|
||||
selection: [],
|
||||
params: {
|
||||
activation_date: '',
|
||||
full_name:'',
|
||||
active_status:'',
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
methods: {
|
||||
async getCompanyList(e) {
|
||||
if(!e) return
|
||||
const res = await this.$API.system.company.select.post(this.params);
|
||||
if(res.code == 200){
|
||||
this.setMap['full_name'] = res.data;
|
||||
}
|
||||
},
|
||||
async getStatusList(e) {
|
||||
if(!e) return
|
||||
const res = await this.$API.oss.status.post(this.params);
|
||||
if(res.code == 200){
|
||||
this.setMap['active_status'] = res.data;
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
methods:{
|
||||
//添加
|
||||
add(){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open()
|
||||
})
|
||||
},
|
||||
//编辑
|
||||
table_edit(row){
|
||||
this.dialog.save = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open('edit').setData(row)
|
||||
})
|
||||
},
|
||||
//查看
|
||||
table_show(row){
|
||||
this.dialog.show = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.showDialog.open('show').setData(row);
|
||||
})
|
||||
},
|
||||
//删除
|
||||
async table_del(row){
|
||||
const reqData = {id: row.id};
|
||||
const res = await this.$API.demo.post.post(reqData);
|
||||
if(res.code == 200){
|
||||
this.$refs.table.refresh()
|
||||
this.$message.success("删除成功")
|
||||
}else{
|
||||
await this.$alert(res.message, "提示", {type: 'error'})
|
||||
}
|
||||
},
|
||||
//批量删除
|
||||
async batch_del(){
|
||||
this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const loading = this.$loading();
|
||||
this.$refs.table.refresh()
|
||||
loading.close();
|
||||
this.$message.success("操作成功")
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
//表格选择后回调事件
|
||||
selectionChange(selection){
|
||||
this.selection = selection;
|
||||
},
|
||||
// 状态
|
||||
changeSwitch(val, row) {
|
||||
row.$switch_yx = true;
|
||||
setTimeout(async () => {
|
||||
let params = {
|
||||
id: row.id,
|
||||
status: row.active_status,
|
||||
};
|
||||
const res = await this.$API.system.company.status.post(params);
|
||||
if(res.code !=200){
|
||||
row.active_status = !row.active_status;
|
||||
}
|
||||
delete row.$switch_yx;
|
||||
}, 500);
|
||||
},
|
||||
upSearch(){
|
||||
this.$refs.table.upData(this.params);
|
||||
},
|
||||
reset(){
|
||||
this.$refs.table.reload();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.logoCell{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<el-dialog :title="titleMap[mode]" v-model="visible" :width="580" destroy-on-close draggable @closed="$emit('closed')">
|
||||
<el-scrollbar height="460px" style="padding: 0 20px;">
|
||||
<el-form :model="form" :rules="rules" ref="dialogForm" label-width="140px">
|
||||
<div class="dialogBoxTitle"><span class="make"></span><span class="name">企业信息</span></div>
|
||||
<el-form-item label="公司名称" prop="full_name">
|
||||
<el-input v-model="form.full_name" placeholder="请填写认证企业名称" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司简称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入公司简称" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司系统入口地址" prop="domain">
|
||||
<el-input v-model="form.domain" placeholder="公司系统入口地址" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司类型" prop="company_type">
|
||||
<el-select v-model="form.company_type" @visible-change="getCompanyTypeSelect" placeholder="请输入部门名称" clearable style="width: 100%;">
|
||||
<el-option v-for="item in setMap.companyType" :key="item" :label="item.label" :value="item.company_type"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司地址" prop="address">
|
||||
<el-input v-model="form.address" placeholder="请输入部门名称" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="证件照" prop="doc_url">
|
||||
<ossImgListUpload :list="form.doc_url" :length="3" @parentParams="faultParentParams" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公司LOGO" prop="logo">
|
||||
<ossImgUpload @parentParams="parentParams" :url="form.logo" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" placeholder="请输入备注"></el-input>
|
||||
</el-form-item>
|
||||
<div class="dialogBoxTitle"><span class="make"></span><span class="name">企业管理员信息</span></div>
|
||||
<el-form-item label="负责人/联系方式" prop="status">
|
||||
<el-row justify="space-between">
|
||||
<el-col :span="7">
|
||||
<el-input v-model="form.owner" placeholder="公司负责人"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-input v-model="form.mobile" placeholder="联系方式"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-input v-model="form.email" placeholder="邮箱地址"></el-input>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
<el-form-item label="账号" prop="admin_access">
|
||||
<el-input v-model="form.admin_access" placeholder="请填写管理员账号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="登录密码" prop="password">
|
||||
<el-input v-model="form.password" type="password" placeholder="请填写密码"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="生成系统使用协议" prop="accord">
|
||||
<el-switch v-model="form.accord" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
<template #footer>
|
||||
<el-button @click="visible=false" >取 消</el-button>
|
||||
<el-button v-if="mode!='show'" type="primary" :loading="isSave" @click="submit()">保 存</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
emits: ['success', 'closed'],
|
||||
data() {
|
||||
return {
|
||||
mode: "add",
|
||||
titleMap: {
|
||||
add: '新增公司资料',
|
||||
edit: '编辑公司资料',
|
||||
},
|
||||
setMap:{
|
||||
companyType:[]
|
||||
},
|
||||
|
||||
visible: false,
|
||||
isSave: false,
|
||||
//表单数据
|
||||
form: {
|
||||
id:"",
|
||||
domain: "",
|
||||
company_type: "",
|
||||
name: "",
|
||||
full_name:"",
|
||||
address:"",
|
||||
email:"",
|
||||
logo:"",
|
||||
doc_url:[],
|
||||
owner:"",
|
||||
mobile:"",
|
||||
admin_access:"",
|
||||
password:"",
|
||||
remark: "",
|
||||
accord:1
|
||||
},
|
||||
//验证规则
|
||||
rules: {
|
||||
full_name: [
|
||||
{required: true, message: '公司名称不能为空', trigger: 'blur'}
|
||||
],
|
||||
admin_access: [
|
||||
{required: true, message: '账号不能为空', trigger: 'blur'}
|
||||
],
|
||||
password: [
|
||||
{required: true, message: '密码不能为空', trigger: 'blur'}
|
||||
]
|
||||
},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
//显示
|
||||
open(mode='add'){
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this
|
||||
},
|
||||
//加载树数据
|
||||
async getCompanyTypeSelect(e){
|
||||
if(!e) return
|
||||
const res = await this.$API.system.company.typeSelect.post();
|
||||
if(res.code == 200){
|
||||
this.setMap['companyType'] = res.data;
|
||||
}
|
||||
},
|
||||
faultParentParams(item){
|
||||
this.form.doc_url = item;
|
||||
},
|
||||
parentParams(item){
|
||||
this.form.logo = item;
|
||||
},
|
||||
//表单提交方法
|
||||
submit(){
|
||||
this.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSave = true;
|
||||
const res = await this.$API.system.company.add.post(this.form);
|
||||
this.isSave = false;
|
||||
if(res.code == 200){
|
||||
this.$emit('success', this.form, this.mode);
|
||||
this.visible = false;
|
||||
this.$message.success("操作成功")
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data){
|
||||
this.form.id = data.id
|
||||
this.form.label = data.label
|
||||
this.form.status = data.status
|
||||
this.form.sort = data.sort
|
||||
this.form.parentId = data.parentId
|
||||
this.form.remark = data.remark
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dialogBoxTitle{
|
||||
margin-bottom: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.make{
|
||||
height: 14px;
|
||||
width: 4px;
|
||||
border-radius: 10px;
|
||||
margin-right: 8px;
|
||||
background: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<el-dialog :title="titleMap[mode]" v-model="visible" :width="500" destroy-on-close draggable @closed="$emit('closed')">
|
||||
<el-form :model="form" ref="dialogForm" label-width="140px">
|
||||
<el-form-item label="公司名称" prop="full_name">
|
||||
<span>{{form.full_name}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司系统入口地址" prop="label">
|
||||
<span>{{form.domain}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="系统开通日期" prop="label">
|
||||
<span>{{form.activation_date}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司类型" prop="label">
|
||||
<span></span>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司地址" prop="label">
|
||||
<span>{{form.address}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="负责人/联系方式" prop="status">
|
||||
<span>{{form.owner}} {{form.mobile}}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="证件照" prop="remark">
|
||||
<el-image style="height: 40px" :src="form.logo"></el-image>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="visible=false">取 消</el-button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
emits: ['success', 'closed'],
|
||||
data() {
|
||||
return {
|
||||
mode: "show",
|
||||
titleMap: {
|
||||
show: '查看公司详情'
|
||||
},
|
||||
visible: false,
|
||||
//表单数据
|
||||
form: {},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
//显示
|
||||
open(mode='show'){
|
||||
this.mode = mode;
|
||||
this.visible = true;
|
||||
return this
|
||||
},
|
||||
//表单注入数据
|
||||
async setData(data) {
|
||||
let params = {
|
||||
id:data.id
|
||||
}
|
||||
const res = await this.$API.system.company.info.post(params);
|
||||
if(res.code == 200){
|
||||
this.form = res.data;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user